/*****************************
reset
******************************/
body, div, table, caption,th,tr,td,ul,ol,li,dl,dt,dd,form,input,textarea,p{
font-weight: normal;
font-style: normal;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka;
font-size:14px;
line-height:1.5;
margin: 0;
    padding: 0;
/*background: #FFFFFF;*/
/*text-align:center;*/
}
img,table{
border: none;
}
img{
vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd{
margin: 0px;
padding: 0px;
font-weight: normal;
font-size:14px;
}
ul{
list-style: none;
}
html {   
    overflow-y:scroll;  
}
a{
color:#df7445;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a:focus{
outline:none;
}
hr.hidden{
display:none;
}
/*****************************
clear   
******************************/
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/*****************************
font
******************************/
.red{
color:#FF0000;
}
h1{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-shadow: -1px -1px 0px #8e8989;
}
/*a:hover img{
filter: alpha(opacity=70);
-ms-filter: alpha(opacity=0.7);
opacity: 0.7;
}*/
/*****************************
layout/all
******************************/
body{
width:100%;
background:#FFFFFF url(images/body_bg.jpg) top repeat-x;
color:#565656;
}
#wrapper{
width:960px;
margin:0 auto;
}
#container{
margin-top:40px;
clear:both;
padding-bottom:20px;
}
/*****************************
header  
******************************/
#header{
height:300px;
margin:0 auto;
position:relative;
}
#headright{
width:408px;
float:left;
}
#logo{
height:30px;
padding-top:35px;
}
#keyImgBg{
position:absolute;
top:95px;
left: -5px;
background:url(images/keyimg_bg.png) top left no-repeat;
width:410px;
height:230px;
}
#keyImgShow{
width:390px;
height:212px;
overflow:hidden;
margin:9px 11px;
left:0px;
position:absolute;
}
#keyImg{
width:1950px;
height:212px;
/*left:-390px;*/
position:absolute;
}
#contact p #keyImg{
left:0px;
}
#top #keyImg{
left:-390px;
}
#page-1 #keyImg{
left:-780px;
}
#page-2 #keyImg{
left:-1170px;
}
#page-3 #keyImg{
left:-1560px;
}
#keyImg ul li{
width:390px;
float:left;
display:inline;
}
#headerArea{
width:550px;
float:right;
}
#free{
margin-top:25px;
text-align:right;
}
#free p#btn{
padding-top:20px;
padding-left:250px;
}
#free p a{
background:url(images/btn/btn_contcat.jpg) top left no-repeat;
display:block;
width:302px;
height:62px;
overflow:hidden;
}
#free p a:hover{
background-position:0 -62px;
}
#free p em{
display:none;
}
#headerArea #free{
height:235px;
}
#headerArea ul#nav{
}
#headerArea ul#nav li{
width:130px;
height:40px;
float:left;
display:inline;
margin-left:10px;
background:#1b58bd;
}
#headerArea ul#nav li.none{
width:130px;
height:40px;
float:left;
display:inline;
margin-left:0px;
background:#1b58bd;
}
#headerArea ul#nav li a:hover img{
filter: alpha(opacity=70);
-ms-filter: alpha(opacity=0.7);
opacity: 0.7;
}
/*****************************
content
******************************/
#content{
width:660px;
float:left;
}
#content p{
line-height:1.8;
margin:5px;
}
.contentBody{
padding-bottom:20px;
}
.contentBoby dl.flow{
margin:10px;
line-height:1.8;
}
.contentBody dl.flow dt{
font-size:18px;
background:url(images/list02.gif) top left no-repeat;
padding-left:45px;
padding-top:4px;
margin:10px;
}
.contentBody dl.flow dd{
margin-left:40px;
padding-right:10px;
}
/*****************************
side
******************************/
#side{
width:290px;
float:right;
margin-left:10px;
}
.sideContent{
/*background:url(images/staffblog_bg.jpg) top right no-repeat;*/
width:285px;
/*height:340px;*/
margin-bottom:15px;
position:relative;
border:1px solid #dddddd;
margin-left:3px;
background:#e7f2f8;
}
#side h2{
background:url(images/titlebar/sidetitle_01.png) top left no-repeat;
position:absolute;
left:-10px;
top:8px;
width:170px;
height:45px;
font-size:18px;
color:#FFFFFF;
text-shadow: -1px -1px 0px #8e8989;
padding-top:15px;
padding-left:60px;
}
.sideContent dl{
padding-top:75px;
padding-left:20px;
padding-bottom:20px;
}
.sideContent dl dt{
background:url(images/list01.gif) left no-repeat;
padding-left:20px;
padding-top:2px;
}
.sideContent dl dd{
padding-left:20px;
margin-bottom:5px;
}
/*****************************
footer
******************************/
#footWrap{
clear:both;
width:100%;
height:100px;
/*background:#408525;*/
background:#3eaef5;
}
#footer{
width:960px;
margin:0 auto;
padding-top:10px;
}
#footer ul{
width:480px;
float:left;
}
#footer ul li{
/*border-right:1px solid #f1f1f1;*/
display:inline;
line-height:14px;
margin-right:3px;
padding-right:3px;
color:#f1f1f1;
}
#footer a{
color:#FFFFFF;
}
#footer address{
text-align:right;
color:#FFFFFF;
width:480px;
float:right;
}