@charset "utf-8";


h1,h2,h3,h4{
margin:0;
padding:0;
font-weight:500;

}

ul,dl{
margin:0;
padding:0;}

ul li{
list-style-type:none;
}

form{
margin:0;
}

p{
margin:0 0 1em;
}

figure{
margin:0;
}

img{border:none;
margin:0;
}

img.imgleft{margin-right:10px;
margin-bottom:10px;
float:left;
}

img.imgright{margin-left:10px;
margin-bottom:10px;
float:right;

}


.tleft{
text-align:left;
}

.tright{
text-align:right;
}

.tcenter{
text-align:center;
}

.vmiddle{
vertical-align:middle;
}

.fclear
{
clear:both;

}
.fleft{
float:left;
}

.fright{
float:right;
}

img.fleft{
float:left;
margin-right:10px;
margin-bottom:10px;
}

img.fright{
float:right;
margin-left:10px;
margin-bottom:10px;

}

small,
.fsmall{
font-size:80%;
line-height:140%;

}
.big{
font-size:120%;
line-height:160%;
}

.big110{
	font-size:110%;
	line-height:200%;
}


.red{
color:#CC3300;
}

.orenge{
color:#CC6600;
}

.blue{
color:#006699;
}

.white{
color:#fff;
}
.yellow{
color:#ffff00;

}

.pink{
color:#CC0066;
}

.green{
color:#7D9157
}


.fbold{
font-weight:bold;
}

.hidden {
text-indent:-999999px;
text-decoration:none;

}

.none{
display:none;
}


.fc{
clear:both;
width:100%;
display:block;
height:1px;
overflow:hidden;
}


#header h1 span{
	display:block;
padding:30px 0 0 140px;
font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:500;

}

#header h1 img{
position:absolute;
top:5px;
z-index:10;
left:5px;
}

#header{
height:120px;
}



#gnavi{zoom:1;} 
#gnavi:after {content:"";}

#gnavi{
background:#39C;
color:#fff;
position:absolute;
top:76px;
left:0;
width:100%;
border-bottom:1px solid #fff;
z-index:4;
padding-bottom:5px;
}

#gnavi ul{
width:850px;
margin:5px auto;
padding-left:60px;
}

#gnavi ul li{
float:left;
padding-left:15px;
background:url(img/icon_02.png) 5px center no-repeat;
}
#gnavi ul li a{
color:#fff;
text-decoration:none;
padding:0px 25px;
display:block;
}

#gnavi ul li a:first-child{
padding-left:5px;}


#gnavi ul li a:hover{
color:#FC3;
text-decoration:none;
}
@media screen and (min-width: 671px){ /*pc*/
.pc_block{
display:block;
}



#header .language{
position:absolute;
top:5px;
right:0px;
font-size:90%;
}

#header .language li{
display:inline;
padding:0;
}

#header .language li a{
padding:10px;
}

a.call{
text-decoration:none!important;
cursor:default;
}



}


@media screen and (max-width: 670px){ /*sp*/
#header{
height:160px;
}

#header h1 span{
	display:block;
padding:25px 0 0 75px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-size:80%;

}

#header h1 img{
width:65px;
height:auto;
}



#header .language{
position:absolute;
top:62px;
right:10px;
font-size:80%;
}

#header .language li{
display:inline;
padding:0;
}

#header .language li a{
padding:10px;
}



#gnavi{
background:#39C;
color:#fff;
position:absolute;
top:90px;
left:0;
width:100%;
border-top:1px solid #fff;
z-index:4;
}


#gnavi ul{
width:100%;
margin:0 auto;
padding-left:0px;
}

#gnavi ul li{
float:none;
padding-left:20px;
background:url(img/icon_02.png) 10px center no-repeat;
border-bottom:1px solid #F4FFFF;
}

#gnavi ul li a{
color:#fff;
text-decoration:none;
padding:5px;
display:block;
}


}


@media screen and (max-width: 500px){ /*sp*/
#header h1 span{
	display:block;
padding:20px 0 0 65px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-size:60%;
line-height:120%;

}

#header h1 img{
width:52px;
height:auto;
}

#header .language li{
display:inline;
padding:0;
}

#header .language li a{
padding:5px 4px;
}


}

/*main*/



#main section{
width:100%;
position:relative; 
margin-bottom:1.5em;
}






#main section{zoom:1;} 
#main section:after {content:"";}





#main section .box{
display:block;
padding:10px 20px;
}


/*table*/



.table1{
font-size:100%;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
border-top:1px solid #ccc;
margin-bottom:1.5em;
width:100%;
}

.table1 caption{
text-align:left;
}

.table1 th{
background-color:#E8FFFF;
border:1px solid #ccc;

line-height:1.5em;
font-weight:normal;
color:#004B64;
padding:5px 5px;
text-align:center;
white-space:nowrap;

}

.table1 td{
background-color:#ffffff;
border:1px solid #ccc;
line-height:130%;
color:#333333;
padding:5px 10px;

}


a.icon_link{
background:url(img/icon_03.png) left center no-repeat;
padding-left:15px;
}

a:link { text-decoration: underline;color:#023494;}
a:active {text-decoration: underline;}
a:visited {text-decoration: underline;color:#336699;}
a:hover { text-decoration: underline;color:#CC0000;}


@media screen and (min-width: 671px){ /* pc*/

br.pc_none{
	display:none;
}


}