@charset "UTF-8";

/*
FONT CHART 13PX BASED STYLE
10px  77%    :[line-height]12px=1.2 14px=1.401 16px=1.6
11px  84.6%  
12px 	92.4%  :[line-height]14px=1.167 16px=1.355 18px=1.5 20px=1.666
13px 	100%   :[line-height]16px=1.23  18px=1.384 20px=1.538
14px 	107.8% :[line-height]16px=1.143 18px=1.286 20px=1.429
16px 	123.1% :[line-height]18px=1.124 20px=1.244 22px=1.374
18px 	138.5% :[line-height]20px=1.112 22px=1.224 24px=1.334
*/

/* BASE FONT SIZE
-----------------------*/
* html body {
font-size:small;
font-family: "ＭＳ Ｐゴシック", sans-serif;
} /* for lte ie6 */
*:first-child+html body {
font-size:small;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie7 */
html>/**/body {
font-size:small;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie8 */
html:not(:target) body {
font-size: 13px;
font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for modern browser not ie8 */

/* HTML ELEMENTS
-----------------------*/
html{
overflow-y: scroll;  
}
body{
color:#222;
line-height:1.4;
}
strong,
em{
font-weight:bold;
font-style:normal;
}
a{
zoom:1;
vertical-align:baseline;
color:#;
text-decoration:underline;
}
a:hover img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
background:#fff;
}
a:visited{
color:#;
}
a:hover{
text-decoration:none;
}
.opw{
background:transparent url(../imgs/m_opw2.png) no-repeat scroll center right;
padding:2px 16px 3px 0px;
}

/* LAYOUT
-----------------------*/
body{
background:url(../imgs/bg_body.png) repeat;
}
#wrapper{
background-image:url(../imgs/bg_header.png);
background-position:center top;
background-repeat:repeat-x;
}
#header{
background:#fff;
}
#footer{
background:#1b66bd;
}
#contents{
background:#fff;
}
#maincol{
margin:0 18px 0 30px;
margin: 0 30px;
/*padding:10px 0;*/
font-size: 116%;
}
#subcol{

}
#header,
.tagline,
#contents,
.unit_footer{
width:960px;
margin:0 auto;
}
/* HEADER
-----------------------*/
#header{
/*padding-bottom:35px;*/
}
.tagline{
color:#fff;
font-size: 92.4%;
padding:10px 0;
}
#header .area_logo{
margin:15px 30px;
}
#header .area_logo .logo{
float:left;
}
#header .area_logo .btn_logout{
float:right;
margin-top:35px;
}

#header .gnav li a{
display:block;
text-decoration:none;
}
* html body #header .gnav li a:hover {
background-color:transparent;
}
#header .gnav li a:hover img,
body.body_home #header .gnav .gn_home img,
body.body_building #header .gnav .gn_building img,
body.body_house #header .gnav .gn_house img,
body.body_other #header .gnav .gn_other img{
visibility:hidden;
}
#header .area_gnav {
margin: 15px 30px;
background-image:url(../imgs/gn_gnav.png);
}
.area_gnav .gnav {
background-image:url(../imgs/ttl_gnav.png);
background-repeat:no-repeat;
background-position:right top;
padding-top:24px;
zoom:1;
overflow:hidden;
height:36px;
}
.area_gnav .gnav li {
float:left;
display:inline;
width:260px;
}
.area_gnav .gnav li.gn_other{
width:258px;
}
.area_gnav .gnav li.gn_home{
margin-top:-24px;
position:relative;
zoom:1;
width:122px;
}


/* FOOTER
-----------------------*/
#footer .unit_footer{
color:#fff;
padding:20px 0;
font-size: 92.4%;
}
#footer .unit_footer .copy{
float:left;
width:300px;
}
#footer .unit_footer .list_fnav{
float:right;
width:660px;
}
#footer .unit_footer .list_fnav li{
float:right;
border-left:1px solid #fff;
padding-left:10px;
margin-left:10px;
line-height:1.2;
}
#footer .unit_footer .list_fnav li a{
color:#fff;
}
#footer .opw{
background:transparent url(../imgs/m_opw.png) no-repeat scroll center right;
}
/* MAIN COLUMN
-----------------------*/

/* SUB COLUMN
-----------------------*/