@charset "UTF-8";

/* ------------------------------------------------------
reset css
body
link
header
footer
content
main
side
clearfix
adjust
only IE7
------------------------------------------------------ */

/* ------------------------------------------------------
reset css
------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td{
padding: 0;
margin: 0;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img{
border: 0;
}
img{
vertical-align: bottom;
}
address,caption,th{
font-style: normal;
}
ol,ul{
list-style: none;
}
caption,th{
text-align: left;
}
h1,h2,h3,h4,h5,h6{
font-size: 100%;
}
button{
border:0;
background: 0;
cursor: pointer;
}
button.formBtn{
padding: 0;
margin:0;
vertical-align: bottom;
}

/* ------------------------------------------------------
body
------------------------------------------------------ */
body{
font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',Osaka,sans-serif;
background: url(/common/img/bohan_bodybg.png) repeat-x top;
}
body#second{
background: url(/common/img/bg_body_second.jpg) no-repeat top;
}

/* ------------------------------------------------------
link
------------------------------------------------------ */
a:link{
color: #0066cc;
text-decoration: none;
}
a:visited{
color: #0066cc;
text-decoration: none;
}
a:hover{
color: #0066cc;
text-decoration: underline;
}
a:active{
color: #0066cc;
text-decoration: underline;
}

/* ------------------------------------------------------
header
------------------------------------------------------ */
div#header{
margin: 0 auto;
width: 960px;
min-height: 120px;
margin-bottom: 25px;
position: relative;
}
div#header h1{
padding-top: 25px;
font-weight: normal;
font-size: 0.8em;
text-align: right;
}
p#headerLogo{
position: absolute;
top: 25px;
left: 3px;
}
ul#hNavi{
position: absolute;
top: 58px;
left: 580px;
}
ul#hNavi li{
margin-left: 50px;
float: left;
}

/* ------------------------------------------------------
footer
------------------------------------------------------ */
div#footer{
width: 100%;
background: #f7f7f7;
font-size: 0.8em;
line-height: 1.5;
border-top: solid 1px #cccccc;
border-bottom: solid 10px #7fbf26;
}
div#footerInner{
margin: 0 auto;
min-height: 230px;
width: 960px;
background: url(/common/img/footer_bg.gif) no-repeat bottom;
position: relative;
}
div#footerLogoArea{
position: absolute;
top: 25px;
left: 572px;
}
ul#fNavi01{
position: absolute;
top: 30px;
left: 0;
}
ul#fNavi02{
position: absolute;
top: 30px;
left: 300px;
}
ul#fNavi01 li,
ul#fNavi02 li{
margin-bottom: 10px;
padding-left: 30px;
background: url(/common/img/footer_arrow.gif) no-repeat left top;
}
div#copyright{
text-align: right;
padding-top: 115px;
}
div#copyright p{
font-size: 1em;
}
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active{
color: #000;
}

/* ------------------------------------------------------
content
------------------------------------------------------ */
div#content{
margin: 0 auto;
position: relative;
width: 960px;
margin-bottom: 50px;
line-height: 1.8;
font-size: 0.8em;
}
div#contentS{
margin: 0 auto;
width: 958px;
border-top: solid 1px #dddddd;
border-left: solid 1px #dddddd;
border-right: solid 1px #dddddd;
line-height: 1.8;
font-size: 0.8em;

}

/* ------------------------------------------------------
main
------------------------------------------------------ */
div#main{
float: right;
width: 599px;
border-left: solid 1px #dddddd;
padding: 50px 50px 30px 50px;
}

/* ------------------------------------------------------
side
------------------------------------------------------ */
div#side{
float: left;
width: 258px;
}

/* ------------------------------------------------------
clearfix
------------------------------------------------------ */
div#mainUnder ul,
div#news ul,
div#headerLogoArea,
ul#hNavi,
div#footerInner,
div#content,
div#contentS,
dl.officer dd,
ul#iconExample,
ul#paper,
ol#renovationList,
div.column2,
div.btmInquiryArea,
div#ecoAction,
div.photoThree,
div.blogEntry,
div.pressPhoto,
div#reformEx{
/zoom: 1;
}
div#mainUnder ul:after,
div#news ul:after,
div#headerLogoArea:after,
ul#hNavi:after,
div#footerInner:after,
div#content:after,
div#contentS:after,
dl.officer dd:after,
ul#iconExample:after,
ul#paper:after,
ol#renovationList:after,
div.column2:after,
div.btmInquiryArea:after,
div#ecoAction:after,
div.photoThree:after,
div.blogEntry:after,
div.pressPhoto:after,
div#reformEx:after{
content: '';
display: block;
clear: both;
}

/* ------------------------------------------------------
adjust
------------------------------------------------------ */
.mb0{
margin-bottom: 0!important;
}
.mb10{
margin-bottom: 10px!important;
}
.mb15{
margin-bottom: 15px!important;
}
.mb20{
margin-bottom: 20px!important;
}
.mb30{
margin-bottom: 30px!important;
}
.mb40{
margin-bottom: 40px!important;
}
.mb50{
margin-bottom: 50px!important;
}
.mr10{
margin-right: 10px!important;
}
.ml100{
margin-left: 100px!important;
}
.mt20{
margin-top: 20px!important;
}
.mt30{
margin-top: 30px!important;
}
.mt40{
margin-top: 40px!important;
}
.mt50{
margin-top: 50px!important;
}
.mt60{
margin-top: 60px!important;
}
.mt80{
margin-top: 80px!important;
}
/* ------------------------------------------------------
only IE7
------------------------------------------------------ */
*:first-child+html body#second div#content{
padding-bottom: 47px;
}