@charset "utf-8";

/* Font
===============================*/
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height: 1.5;
color:#3f3b3c;
background-color:#ffffff;
}
p{
letter-spacing: 0.1em;
}
br{
letter-spacing: 0;
}
em{
font-weight: normal;
color: #C3151B;
}
strong{
font-weight: bold;
color: #C3151B;
}

/*---------- link ----------*/
a:link{
color:#3f3b3c;
text-decoration: none;
}
a:visited{
color:#3f3b3c;
text-decoration: none;
}
a:hover{
color: #615b5c;
text-decoration: underline;
}
a:active{
color:#3f3b3c;
text-decoration: none;
}

/* Layout
===============================*/
body{background:#E8E2D0;}

#pageWrapper{
width:965px;
margin:0 auto;
position:relative;
text-align: left;
padding-top: 5px;
background:url('../images/bg_top.gif') no-repeat center top;
_zoom:1;
overflow:hidden;
}
#page{
background:url('../images/bg_side.gif') repeat-y center top;
}
#pageInner{
padding: 0 25px 25px 25px;
margin-bottom:50px;
background:url('../images/bg_bottom.gif') no-repeat center bottom;
_zoom:1;
overflow: hidden;
}

#main{
background: #fff;
_zoom:1;
overflow: hidden;
}
#main #header{
float:right;
width:677px;
position:relative;
_zoom:1;
overflow: hidden;
}
#main #content{
float:right;
width:677px;
_zoom:1;
overflow: hidden;
}
#main #side{
float:left;
width:218px;
margin-top: 20px;
_zoom:1;
overflow: hidden;
}
#main #side img{
vertical-align: bottom;
}

#footer{
float:right;
width: 720px;
font-size: 1.1em;
text-align: right;
_zoom:1;
overflow: hidden;
}

/* #topNavi
===============================*/
#topNavi{
width:965px;
position:relative;
font-size: 1.2em;
text-align: left;
margin:0 auto;
padding-top: 10px;
}
#topNavi .copy{
width: 700px;
float: left;
margin-left: 5px;
letter-spacing: 0;
}
#topNavi .subLink{
float:right;
display: inline;
margin-right: 30px;
}
#topNavi .subLink a:link,
#topNavi .subLink a:visited,
#topNavi .subLink a:hover{
text-decoration:underline;
}

/* #global nav
===============================*/
#gnav{
margin-bottom: 14px;
_zoom:1;
overflow: hidden;
}
#gnav li{
float:left;
display:inline;
}

/* #sub navi
===============================*/
.snav01{
margin-bottom: 13px;
}
.snav02{
margin-bottom: 7px;
}

/* .pagetop
===============================*/
.pagetop{
text-align: right;
padding:5px 0 15px;
font-size: 1.1em;
}

/* #footer
===============================*/
div#footer ul li{
padding: 0 5px;
border-left: 1px solid #3f3b3c;
display: inline;
}
div#footer ul li.fNaviLast{
border-right: 1px solid #3f3b3c;
}

#copyright{
float:right;
display:inline;
margin-top:18px;
}

/* #topicPath
===============================*/
#topicPath{
margin-bottom:10px;
_zoom:1;
overflow: hidden;
font-size: 1.2em;
}
#topicPath li{
float:left;
display:inline;
margin-right:2px;
}
#topicPath a{margin-right:3px;}

/* Clears
===============================*/
/*IE7ズーム対策 + クリアフィックス*/
#pageInner,
#main,
#gnav,
#side,
#topNavi,
#topicPath,
#footer,
.news,
.news dd,
.layoutLeft01,
.layoutRight01,
.layoutRight02Bd,
.layoutRight03,
.layoutRight04,
.colBox1Bd,
.colBox2,
.colBox2Bd,

.colL,
.colR,
.qanda dt,
.qanda dd,
/*.ecoHouse dt,*/
.ecoHouse dd,
.page-nav,
.adjacent_post_links,
.entry-content,
.contentArea,
.commentArea,
#respond{
zoom: 1;
}

#pageInner:after,
#main:after,
#gnav:after,
#side:after,
#topNavi:after,
#topicPath:after,
#footer:after,
.news:after,
.news dd:after,
.layoutLeft01:after,
.layoutRight01:after,
.layoutRight02Bd:after,
.layoutRight03:after,
.layoutRight04:after,
.colBox1Bd:after,
.colBox2:after,
.colBox2Bd:after,

.colL:after,
.colR:after,
.qanda dt:after,
.qanda dd:after,
/*.ecoHouse dt:after,*/
.ecoHouse dd:after,
.page-nav:after,
.adjacent_post_links:after,
.entry-content:after,
.contentArea:after,
.commentArea:after,
#respond:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Adjust Class
===============================*/
/*---------- マージン調整用 ----------*/
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mr0{margin-right:0 !important;}
.mr10{margin-right:10px !important;}

.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}

/*---------- パディング調整用 ----------*/
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.pb0{padding-bottom:0 !important;}
.pb30{padding-bottom:30px !important;}

.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr30{padding-right:30px !important;}

.pl0{padding-left:0 !important;}
.pl10{padding-left:10px !important;}
.pl30{padding-left:30px !important;}

/*---------- 幅指定 ----------*/
.w100{width:100% !important;}

/*---------- テキストレイアウト ----------*/
.left {float:left; margin-right: 10px;}
.center{margin: 0 auto;}
.right {float:right; margin-left: 10px;}

.xLeft{text-align:left!important;}
.xCenter{text-align:center!important;}
.xRight{text-align:right!important;}

/*---------- 矢印画像 ----------*/
.arrowD{
padding: 5px 0;
text-align: center;
}
.arrowR{
padding: 0 5px;
vertical-align: middle;
}
.flow{
text-align: center;
margin: 5px 0;
}