@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

/*	memo
font-family（字体）
ゴシック→"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif
明朝→"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif
*/

html	{ overflow-x:hidden; }
body		{ margin:0px; padding:0px; color:#000; background:url(../img/fff.gif) repeat-y center 0 #d2e3e3; font: normal normal normal 13px/2em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; position:relative; overflow-x:hidden; }
a		{ outline:0px none #fff; background-repeat:no-repeat; }
a span,a strong,a em,a small,a img	{ cursor:pointer; }
br		{ letter-spacing:0px; }
div		{ position:relative; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; border:0px solid #000; }
hr		{ clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; border:0px solid #000; }
form		{ margin:0px; padding:0px; }
select		{ cursor:hand; cursor:pointer; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
ul,ol		{ margin:0px; padding:0px; }
li		{ margin:0px; padding:0px; display:block; list-style:none outside none; }
li img		{ vertical-align:top;margin:0px;padding:0px; }
li a img		{ vertical-align:top;margin:0px;padding:0px; }
dl		{ clear:both; float:left; display:inline; width:100%; margin:0px; padding:0px; }
dt		{ clear:both; float:left; display:block; width:15%; margin:0px; padding:0px; }
dd		{ clear:none; float:left; display:block; width:85%; margin:0px; padding:0px;  }
table		{ border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; }
td,th		{ margin:0px; padding:2px; font: normal normal normal 11px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

/*	共通	*/ 
#PAGE { width:960px; margin:0 auto; background:#fff; padding-bottom:100px; }
#PAGE .CONTENTS { width:960px; padding:0 0px 0 0px; }
#PAGE .CONTENTS img.TITLE { float:left; clear:none; margin-bottom:40px; } 
h1 { width:960px; text-align:center; margin:0 auto 20px auto; }
#PAGE h2 { margin:0 0 40px 0; }
#PAGE h3 { font-size:15px; font-weight:normal; }

.BREAD_WRAP { width:1240px; margin:0 auto; overflow:visible;   }
.BREAD_WRAP .BREAD { width:1240px;float:left; clear:none;  background:#ebebea; }
.BREAD_WRAP .BREAD ul { width:960px; margin:0 auto; }
.BREAD_WRAP .BREAD ul li { float:left; clear:none; line-height:46px; margin-right:10px; }
.BREAD_WRAP .BREAD ul li a:link { text-decoration:none; color:#000; }
.BREAD_WRAP .BREAD ul li a:visited { text-decoration:none; color:#000; }
.BREAD_WRAP .BREAD ul li a:hover { text-decoration:underline; color:#000; }
.BREAD_WRAP .BREAD ul li a:active { text-decoration:none; color:#000; }
.BREAD_WRAP .BREAD ul li a.BREAD_LINK { text-decoration:underline; }



/*	フッター	*/ 
#FOOTER_WRAP { width:100%; background:#d2e3e3; }
#FOOTER  { width:960px; padding:0 0px 0 80px; margin:0px auto 20px auto; }
#FOOTER .F_LEFT  { width:420px; float:left; clear:none; margin-top:30px;  }
#FOOTER .F_LEFT img { float:left; clear:none; margin-right:15px; }
#FOOTER .F_LEFT strong { width:300px; float:left; clear:none;  }
#FOOTER .F_LEFT span { float:left; clear:none;  }
#FOOTER .F_RIGHT  { width:400px; float:right; clear:none; margin-top:30px;  }
#FOOTER .F_RIGHT ul { width:460px; float:right; clear:none;  }
#FOOTER .F_RIGHT ul li { width:auto; float:right; clear:none; font-size:11px; margin-left:20px;  }
#FOOTER .F_RIGHT a:link { text-decoration:none; color:#000; }
#FOOTER .F_RIGHT a:visited { text-decoration:none; color:#000; }
#FOOTER .F_RIGHT a:hover { text-decoration:underline; color:#000; }
#FOOTER .F_RIGHT a:active { text-decoration:none; color:#000; }


/*	ヘッダー	*/
#HEADER { width:100%; margin:0px 0 30px 0; overflow:hidden; }
#HEADER .H_WRAP { width:960px; margin:0 auto; } 
#HEADER .H_WRAP .H_LEFT { width:360px; float:left; clear:none; margin-top:20px; }
#HEADER .H_WRAP .H_LEFT img { float:left; clear:none; margin:0 10px 0 0; }
#HEADER .H_WRAP .H_LEFT span { width:320px; float:left; clear:none; font-size:11px; margin:0px 0 0 0; }
#HEADER .H_WRAP .H_LEFT strong { width:280px; float:left; clear:none; font-size:20px; }
#HEADER .H_WRAP .H_RIGHT { width:157px; float:right; clear:none; margin:20px 0 0 0; }
#HEADER .H_WRAP .H_RIGHT a.H_CONTACT { float:right; margin:0 0 10px 0; }
#HEADER .H_WRAP .H_RIGHT a.H_CONTACT:link { text-decoration:none; }
#HEADER .H_WRAP .H_RIGHT a.H_CONTACT:hover { opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

#HEADER .H_WRAP .H_RIGHT a.H_CONTACT2 { float:right; margin:0 0 0px 0; }
#HEADER .H_WRAP .H_RIGHT a.H_CONTACT2:link { text-decoration:underline; color:#000;  }
#HEADER .H_WRAP .H_RIGHT a.H_CONTACT2:visited { text-decoration:none; color:#000; }
#HEADER .H_WRAP .H_RIGHT a.H_CONTACT2:hover { text-decoration:none; color:#000; }
#HEADER .H_WRAP .H_RIGHT a.H_CONTACT2:active { text-decoration:none; color:#000; }

#HEADER .H_WRAP .H_RIGHT a.H_REQUEST { width:270px; height:34px; float:right; margin:0 0 10px 0; }
#HEADER .H_WRAP .H_RIGHT a.H_REQUEST:link { text-decoration:none; }
#HEADER .H_WRAP .H_RIGHT a.H_REQUEST:hover { opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

#HEADER .H_WRAP .H_RIGHT strong { font-size:15px; }
#HEADER .H_WRAP .H_RIGHT span.SPAN_RIGHT { width:270px; font-size:12px; text-align:right; float:right; clear:none; }

#HEADER .BORDER { width:1240px; margin:0 auto; overflow:hidden; border-top:1px solid #d3d3d3;  }

#HEADER .H_WRAP .H_CENTER { width:75px; float:left; clear:none; margin:20px 0 0 230px; }
#HEADER .H_WRAP .H_CENTER a { width:75px; float:left; clear:none; margin:0; }
#HEADER .H_WRAP .H_CENTER a:link { text-decoration:none; color:#000; }
#HEADER .H_WRAP .H_CENTER a:visited { text-decoration:none; color:#000; }
#HEADER .H_WRAP .H_CENTER a:hover { text-decoration:underline; color:#000; }
#HEADER .H_WRAP .H_CENTER a:active { text-decoration:none; color:#000; }

/*	ヘッダーの中のメニューバー	*/
#HEADER .H_WRAP .MENU { width:960px; height:38px; float:left; clear:none; margin:25px 0 0 0; }
#HEADER .H_WRAP .MENU ul.MENUBAR { width:958px; float:left; clear:none; }
#HEADER .H_WRAP .MENU ul.MENUBAR li { width:auto; padding:0px; float:left; clear:none; text-align:center; }
#HEADER .H_WRAP .MENU ul.MENUBAR a { width:auto; float:left; clear:none; padding:0px; height:35px; border-bottom:3px solid #fff; text-align:center; }
#HEADER .H_WRAP .MENU ul.MENUBAR a:link { border-bottom:3px solid #fff; text-decoration:none; color:#000; text-align:center; }
#HEADER .H_WRAP .MENU ul.MENUBAR a:visited { border-bottom:3px solid #fff; color:#000; }
#HEADER .H_WRAP .MENU ul.MENUBAR a:hover { border-bottom:3px solid #000; }
#HEADER .H_WRAP .MENU ul.MENUBAR a:active { border-bottom:3px solid #000; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.TOP { width:80px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.BUILDING { width:130px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.ENERGY { width:85px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.GUARANTEE { width:110px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.WORKS { width:85px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.REALESTATE { width:130px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.MODELHOUSE { width:115px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.SERIES { width:90px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.Q1 { width:158px; }
#HEADER .H_WRAP .MENU ul.MENUBAR a.NEWS { width:129px; }
#HEADER .H_WRAP .MENU a span.JA { width:100%; float:left; clear:both; font-size:11px; line-height:1.2em; font-weight:bold; text-align:center; border-left:1px solid #ccc; }
#HEADER .H_WRAP .MENU a.OUTLINE span.JA { border-right:1px solid #ccc; }
#HEADER .H_WRAP .MENU a span.EN { width:100%; float:left; clear:both; font-size:9px; line-height:1.2em; font-weight:normal; margin-top:5px; text-align:center; }

#HEADER ul.UL_TOP { float:left; clear:none; margin:20px 0 0 250px; }
#HEADER ul.UL_TOP li { width:75px; float:left; clear:none; text-align:center; }
#HEADER ul.UL_TOP li a { width:auto; float:left; clear:none; }
#HEADER ul.UL_TOP li a:link { color:#000; text-decoration:none; }
#HEADER ul.UL_TOP li a:visited { color:#000; text-decoration:none; }
#HEADER ul.UL_TOP li a:hover { color:#000; text-decoration:underline; }
#HEADER ul.UL_TOP li a:visited { color:#000; text-decoration:active }
#HEADER ul.UL_TOP li a img { float:right; clear:none; }

/*	SNSボタン	*/
#HEADER .H_WRAP .H_RIGHT ul.SNS { width:270px; float:left; clear:none; }
#HEADER .H_WRAP .H_RIGHT ul.SNS li { width:auto; float:left; clear:none; }
#HEADER .H_WRAP .H_RIGHT ul.SNS li a { width:auto; float:left; clear:none; }
#HEADER .H_WRAP .H_RIGHT ul.SNS li a:hover { opacity:0.7;}
#HEADER .H_WRAP .H_RIGHT ul.SNS li img { width:20px; float:left; clear:none; margin-right:10px; }
#HEADER .H_WRAP .H_RIGHT ul.SNS li span { width:auto; float:right clear:none; font-size:12px; }

/*	サイドバー	*/
#PAGE #SIDE { width:282px; float:left; clear:none; margin:60px 0 0 0; } 
#PAGE #SIDE ul { width:280px; float:left; clear:none; }
#PAGE #SIDE li { width:280px; float:left; clear:none; border-bottom:1px solid #dcdcdc; background:#f5f5f4; }
#PAGE #SIDE a	 { width:260px; height:auto; float:left; clear:none; font-weight:bold; background:#f5f5f4; line-height:50px; padding-left:20px; }
#PAGE #SIDE a span { width:260px; float:left; clear:none; margin:0 0 0 20px; }
#PAGE #SIDE span.SIDE_NO	 { width:auto; height:auto; float:left; clear:none; font-weight:bold; background:#f5f5f4; line-height:50px; padding-left:20px; border-bottom:1px solid #dcdcdc; }
#PAGE #SIDE span.SIDE_NO span	 { width:260px; float:left; clear:none; margin:0 0 0 20px; color:#999; }
#PAGE #SIDE a:link	 { text-decoration:none; background:url(../img/allow.png) 0px 0px no-repeat #f5f5f4; color:#000; }
#PAGE #SIDE a:visited	{ text-decoration:none; background:url(../img/allow.png) 0px 0px no-repeat #f5f5f4; color:#000; }
#PAGE #SIDE a:hover	 { text-decoration:none; background:url(../img/allow.png) 0px 0px no-repeat #e5e5eb; }
#PAGE #SIDE a:active	{ text-decoration:none; background:url(../img/allow.png) 0px 0px no-repeat #f5f5f4; color:#000; }
#PAGE #SIDE a.CURRENT { background:url(../img/allowshiro.png) 0px 0px no-repeat #02003f; color:#fff; }
#PAGE #SIDE li li	 { width:275px; height:auto; float:right; background:#f5f5f4; border-bottom:none; border-top:1px solid #dcdcdc; }
#PAGE #SIDE li li a	 { width:230px; height:auto; float:right; clear:none; font-weight:bold; background:#fff; line-height:40px; padding-left:45px; border-left:5px solid #f5f5f4; }
#PAGE #SIDE li li a:link	 { text-decoration:none; background:url(../img/allow.png) 0px -5px no-repeat #fff; color:#000; }
#PAGE #SIDE li li a:visited	{ text-decoration:none; background:url(../img/allow.png) 0px -5px no-repeat #fff; color:#000; }
#PAGE #SIDE li li a:hover	 { text-decoration:none; background:url(../img/allow.png) 0px -5px no-repeat #d9d9d5; }
#PAGE #SIDE li li a:active	{ text-decoration:none; background:url(../img/allow.png) 0px -5px no-repeat #fff; color:#000; }

#PAGE #SIDE .CAT { width:auto; float:left; clear:none; margin:20px 0px 0 0; } 
#PAGE #SIDE a.FACEBOOK { padding:0; margin-bottom:0px; background:none; border-bottom:0; }
#PAGE #SIDE a.FACEBOOK:link { background:none; }

#SIDE img.SIDE_LINK {
    border: 1px solid #dcdcdc;
    clear: none;
    float: left;
    margin-bottom: 20px;
}
#PAGE #SIDE a.SUMAIHAKU { float:left; clear:none; margin:0; background:none; padding: 0; margin-bottom: 0px; border-bottom:none;  }
#PAGE #SIDE a.SUMAIHAKU span { width:280px; float:left; clear:none; font-weight:normal; margin:5px 0 20px 0; line-height:1.5em; }
#PAGE #SIDE a.SUMAIHAKU img { float:left; clear:none; font-weight:normal; margin-left:0;  border:1px solid #dcdcdc; }
#PAGE #SIDE a.SUMAIHAKU:hover { float:left; clear:none; margin:0; background:none; padding:0; border-bottom:none; opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */ }
hr.HR_SIDE {
    background: #dcdcdc none repeat scroll 0 0;
    border: 0 none #dcdcdc;
    clear: both;
    color: #dcdcdc;
    display: block;
    height: 1px;
    margin: 0 0 20px;
    text-align: left;
}
/*	サイドバーの横のコンテンツ	*/
#PAGE .CONTENTS_R { width:640px; float:right; clear:none; margin:60px 0 0 0; } 


/*	2ページ目以降コンテンツ	*/

/*	2ページ目以降パンくず	*/
ul.BREAD { width:960px; float:left; clear:none; }
ul.BREAD li { float:left; clear:none; font-size:11px; letter-spacing:1px; margin:10px 0 20px 0; }
ul.BREAD li a:link { text-decoration:none; color:#4d4d4d; }
ul.BREAD li a:visited { text-decoration:none; color:#4d4d4d; }
ul.BREAD li a:hover { text-decoration:underline; color:#4d4d4d; }
ul.BREAD li a:active { text-decoration:none; color:#4d4d4d; }
ul.BREAD li a.LINK:link { text-decoration:underline; color:#4d4d4d; }
ul.BREAD li a.LINK:visited { text-decoration:underline; color:#4d4d4d; }
ul.BREAD li a.LINK:hover { text-decoration:underline; color:#4d4d4d; }
ul.BREAD li a.LINK:active { text-decoration:underline; color:#4d4d4d; }



ul.WORKS { width:1020px; float:left; clear:none; }
ul.WORKS li { width:280px; float:left; clear:none; margin:0 60px 40px 0; }
ul.WORKS li strong { width:280px; float:left; clear:none;  }
ul.WORKS li span { width:280px; float:left; clear:none; font-weight:bold; color:#9e9f9f; }
ul.WORKS li p { width:280px; float:left; clear:none; }
ul.WORKS a { width:280px; height:400px; float:left; clear:none; }
ul.WORKS a:link { color:#000; text-decoration:none; }
ul.WORKS a:visited { color:#000; }
ul.WORKS a:hover  { text-decoration:underline; color:#000; text-decoration:none; 
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */ }

ul.WORKS a:active { color:#000; }

#FOOTER a.PAGETOP {
    border: 1px solid #489e9f;
    clear: none;
    color: #489e9f;
    float: right;
    font-size: 10px;
    padding: 0 5px;
    margin-left:20px; 
}

#FOOTER a.PAGETOP:link {
    text-decoration: none;
}

#FOOTER a.PAGETOP:hover {
    background: none repeat scroll 0 0 #489e9f;
    color: #fff;
    text-decoration: none;
}

.WORKPHOTO { width:198px; float:left; clear:none; text-align:center; border:1px solid #dcdcdc; overflow:hidden; }
a.WORKSLINK { width:200px; height:230px; float:left; clear:none; margin:0 13px 30px 0 ; overflow:hidden; }
a.WORKSLINK strong { width:200px; float:left; clear:none; }
a.WORKSLINK p { width:200px; float:left; clear:none; font-size:11px; line-height:1.7em; margin:0; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
a.WORKSLINK span.BOLD { width:200px; float:left; clear:none; font-weight:bold; color:#9e9f9f; line-height:1.5em; margin-bottom:10px; }
a.WORKSLINK img { width:auto; height:150px; }
a.WORKSLINK:link { text-decoration:none; color:#000; }
a.WORKSLINK:visited { text-decoration:none; color:#000; }
a.WORKSLINK:hover { text-decoration:none; color:#000; opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */ }
a.WORKSLINK:active { text-decoration:none; color:#000; }

h2.H2NEW { width:640px; float:left; clear:none; border-bottom:4px solid #dededd; padding-bottom:10px; }
h2.H2NEW span { float:left; cear:none; font-size:20px; letter-spacing:0.2em; font-weight: bold; }
h2.H2NEW span img { float:left; clear:none; margin:7px 10px 0 0; }
#PAGE h3.MIDASHI { font-size:18px; margin-bottom:35px; letter-spacing:0.1em; font-weight:bold; }

.PRIVACY { width:858px; float:left; clear:none; padding:50px; border:1px solid #d3d3d3; margin-top:10px; font-size:11px; line-height:1.7em; }
.PRIVACY span.RIGHT { width:858px; text-align:right; float:right; clear:none; font-size:11px; line-height:1.7em; margin-bottom:20px; }

@media screen and (max-width: 640px){
.BREAD_WRAP { display:none;  }

}