body {
	width : 100% ; 
	margin: 0;
	padding: 0;
	color:#006699;
	background-color: #ffffff;
	font-size:0.9em;
	line-height:1.4;
	letter-spacing: 0.1em;
	font-family:Verdana, "メイリオ", sans-serif; 
}

p a{
    padding:4px 20px 4px 0;
}

a[href$=".pdf"] {    
    background: url(../img/pdficon.gif) no-repeat 100% 50%; 
}
* html a.pdf{    
    background: url(../img/pdficon.gif) no-repeat 100% 50%;  
}

a[href$=".doc"] {    
    background: url(../img/docicon.png) no-repeat 100% 50%; 
}
   
* html a.doc{    
    background: url(../img/docicon.png) no-repeat 100% 50%;  
}    

a[href$=".docx"] {    
    background: url(../img/docicon.png) no-repeat 100% 50%; 
}
   
* html a.docx{    
    background: url(../img/docicon.png) no-repeat 100% 50%;  
} 

a[href$=".xls"] {    
    background: url(../img/xlsicon.png) no-repeat 100% 50%; 
}


* html a.xls {    
    background: url(../img/xlsicon.png) no-repeat 100% 50%;  
}    


* html a{   
    behavior: expression(   
    this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",   
    this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",   
    this.className += this.getAttribute("href").match(/\.docx$/) ? " docx" : "",   
    this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",   
    this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "",   
    this.style.behavior = "none"
     );   
} 

.text { 
	color:#006699; 
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	color:#006699;
	line-height:18px;
	letter-spacing: 0.1em;
}

.jitsumu {
	color:#006699; 
	font-size:0.7em;
	line-height:1.4;
	font-family:Verdana, "メイリオ", sans-serif; 
}
.arrow {
	background-image: url(../img/arrow0403.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	color:#006699;
	line-height:18px;
	letter-spacing: 0.1em;
} 

.square {
	background-image: url(../img/square0303.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	color:#006699;
	line-height:18px;
	letter-spacing: 0.1em;
} 

.circle {
	background-image: url(../img/circle0203.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	color:#006699;
	line-height:18px;
	letter-spacing: 0.1em;   
} 

img {
	margin: 0px; 
	border: 0px; 
	padding : 0px; 
	vertical-align : bottom
} 

p.imgstyle {
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	font-size: 0px;
} 

* {
 margin:0 auto ;
 padding:0;
}



#boxA {
 background:white;
 width:724px;
 float:left;
}

#boxB {
 background:white;
 width:724px;
 float:left;
}

#boxC {
 background:white;
 width:724px;
 float:left;
 color:#006699;
 background-color: #ffffff;
}

#boxD {
 width:724px;
 float:left;
}

#container {
 width:724px;
 background:white;
}


#container:after {
 content:"";
 display:block;
 clear:left;
}