@charset "shift_jis";

/*  ----------------------------------------------------  */
/*  top class */
/*  ----------------------------------------------------  */

#g_navi01 a { background-position: 0px -34px;}


/* コンテンツメイン
-----------------------------------*/

.contents {
	width:957px;
	margin:0px auto 0px auto;
	padding-top:15px;
	padding-bottom:48px;
	text-align:left;

}


.contnavi_box{
	width:957px;
	padding-top:15px;
	padding-bottom:15px;
	background:url(../images/cream01.jpg);
	text-align:center;
}
.contnavi_box .in{
	width:928px;
	margin:0 auto;
}


/* コンテンツイメージ
------------------------------------*/
.contnavi_box #home_main{
	width:680px;
	height:258px;
	float:left;
	display:block; 
}
.contnavi_box #home_main01{
	width:680px;
	height:258px;
	float:left;
	visibility:hidden;
	height:0px;
	display:none;

}
.contnavi_box #home_main02{
	width:680px;
	height:258px;
	float:left;
	visibility:hidden;
	height:0px;
	display:none;
}
.contnavi_box #home_main03{
	width:680px;
	height:258px;

	float:left;
	visibility:hidden;
	height:0px;
	display:none;
}




/* コンテンツメニュー
-------------------------------------*/

div#contents_navi{
	margin:0px;
	width:248px;
	height:258px;
	float:left;
	overflow:hidden;
}

div#contents_navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#contents_navi li {
	width:248px;
	height:86px;
	display:block;
	overflow:hidden;
	text-indent: -9999px;
	list-style-type: none;
}

div#contents_navi li a {
	width:248px;
	height:86px;
	display:block;
	overflow:hidden;
	text-align: left;
	background-image:url(../../images/contents_navi.gif); 
	background-repeat:no-repeat;
	zoom:1;
}	

/*通常時*/

#topc_navi01 a {
	background-position:0px 0px;
}
#topc_navi02 a {
	background-position:0px -86px;
}
#topc_navi03 a {
	background-position:0px -172px;
}





/*オンマウス時*/

#topc_navi01 a:hover { background-position: -248px 0px;}
#topc_navi02 a:hover { background-position: -248px -86px;}
#topc_navi03 a:hover { background-position: -248px -172px;}


/**************************************/
/* コンテンツ(左) */
/**************************************/
.contents_l{
	width:660px;
	float:left;
	margin-top:18px;

}

/* 新着情報
-------------------------*/
/* CMSの為、別紙 topics.css */



/* シミュレーション
-------------------------*/

.simu_area_box {
	width:660px;
	margin: 15px 0px 0px 0px;
	background-color:#999;
	padding-top:1px;
	padding-bottom:1px;
	color:#666;
	line-height:140%;
}


.simu_area {
	width:658px;
	margin-left:1px;
	background-color:#fff;
	padding-bottom:10px;
	padding-top:10px;
}
.simu_area h3{
	width:615px;
	text-align:left;
	margin-left:15px;
	padding-bottom:5px;
}
.simu_area #simubox{
	width:615px;
	margin-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.simu_area .box01{
	width:136px;
	float:left;
	margin-right:15px;
}
.simu_area .box02{
	width:146px;
	float:left;
	margin-right:20px;
	padding-top:2px;
}

.simu_area .box03{
	width:136px;
	float:left;
	margin-right:15px;
}
.simu_area .box04{
	width:146px;
	float:left;
	padding-top:2px;
}

.simu_area .btn_more{
	float:left;
	margin-top:10px;
}





/* リフォーム
-------------------------*/

.reform_area_box {
	width:660px;
	margin: 15px 0px 0px 0px;
	background-color:#999;
	padding-top:1px;
	padding-bottom:1px;
	color:#666;
	line-height:140%;
	
}
.reform_area {
	width:658px;
	margin-left:1px;
	background-image:url(../images/cream03.jpg); 
	padding-bottom:10px;
	padding-top:5px;
}
.reform_area h3{
	width:615px;
	text-align:left;
	margin-left:15px;
	padding-bottom:0px;
	border-bottom:1px dotted #999;
	
}
.reform_area #reformbox{
	width:615px;
	margin-top:10px;
	margin-left:15px;
	background-color:#fff;
}
.reform_area #reformbox .in{
	width:590px;
	margin-left:15px;
	padding-top:15px;
	padding-bottom:15px;
}

.reform_area .img_l{
	float:left;
	margin-right:15px;
}
.reform_area .tt{
	color:#cc9966;
}

.reform_area .box02{
	width:128px;
	float:left;
	margin-right:15px;
}

.reform_area .box04{
	width:128px;
	float:left;
}


.reform_area .txt_more{
	color:#666;
	padding-top:5px;
}

.reform_area .txt_more a:link , .reform_area .txt_more a:visited {
	color:#666;
	text-decoration: underline;	
}

.reform_area .txt_more a:active ,.reform_area .txt_more a:hover{
	color:#666;
	text-decoration: none;
}

.reform_area .infotxt{
	width:585px;
	margin-left:15px;
	padding-top:10px;
	padding-bottom:0px;
	color:#66443c;
	
}

/* お問い合わせは
---------------------------*/

.contact_area{
	width:660px;	
	color:#663300;
	padding-top:15px;
}
.contact_area img{
	vertical-align:middle;
	margin-left:8px;
	margin-right:8px;

}


/**************************************/
/* コンテンツ(右) */
/**************************************/
.contents_r{
	width:275px;
	float:right;
	padding-top:8px;
	padding-bottom:18px;
	text-align:center;
	margin-top:10px;
	color:#666;

}





/* バナー
--------------------------*/
.top_bn_hyogo1{
	width:660px;
	height:187px;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	text-indent:-9999px;

}

.top_bn_hyogo1 a{
	width:660px;
	height:187px;
	display: block;


	background-image:url(../../images/top_bn_hyogo1.jpg); 
	background-repeat:no-repeat;
	background-position:0px 0px;

}
.top_bn_hyogo1 a:hover { background-position: 0px -187px;}

.top_bn_hyogo2{
	width:660px;
	height:196px;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	text-indent:-9999px;

}

.top_bn_hyogo2 a{
	width:660px;
	height:196px;
	display: block;


	background-image:url(../../images/top_bn_hyogo2.jpg); 
	background-repeat:no-repeat;
	background-position:0px 0px;

}
.top_bn_hyogo2 a:hover { background-position: 0px -196px;}