@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
		以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
		左記のパーセントで指定してください。

			77% = 10px	|	122% = 16px	|	167% = 22px	
			85% = 11px	|	129% = 17px	|	174% = 23px 
			92% = 12px	|	136% = 18px	|	182% = 24px 
			100% = 13px	|	144% = 19px	|	189% = 25px 
			107% = 14px	|	152% = 20px	|	197% = 26px 
			114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#006;
}
a:visited{
	color:#009;
}
a:hover{
	color:#F60;
}
a:active{
	color:#F00;
}

a:hover img{
	filter: alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}


/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background:url(../img/common/bg_body.jpg) repeat-x top center;
	color:#555;
}

#container{
	width:760px;
	margin:0 auto;
}
	
#header-area{
	background:url(../img/common/bg_header.jpg) no-repeat top right;
	height:103px;
	border-bottom:solid 1px #E0E0E0;
}
	#header-area .catch{
		font-size:11px;
		color:#FFF;
		height:20px;
		line-height:20px;
	}
	#header-area .ci{
		float:left;
	}
	#header-area .inquiry{
		float:right;
		margin:9px 0 0 0;
	}

#contents-area{
	background-color:#FFF;
	padding:15px;
	margin:0 0 15px 0;
}

#sidemenu-area{
	width:180px;
	float:left;
}
	#sidemenu-area .sidemenu dt{
		margin:0;
		height:46px;
	}
	#sidemenu-area .sidemenu dd{
		margin:0px;
		padding:0px;
		border-left:solid 1px #E0E0E0;
		border-right:solid 1px #E0E0E0;
		clear:both;
	}
	#sidemenu-area .sidemenu ul{
		padding:5px 0;
	}
	#sidemenu-area .sidemenu li a:link,
	#sidemenu-area .sidemenu li a:visited{
		background:url(../img/common/point_link.gif) no-repeat 10px center;
		display:block;
		width:134px;
		padding:0 22px;
	}
	#sidemenu-area .sidemenu_footer{
		background:url(../img/common/sidemenu_footer.jpg) no-repeat top left;
		height:8px;
		margin:0 0 12px 0;
	}
	#sidemenu-area .sidemenu_bt{
		background-color:#E9E6E9;
		padding:5px;
	}
	#sidemenu-area .sidemenu_sub{
		padding:5px;
	}
	#sidemenu-area .sidemenu_sub li a{
		background:url(../img/common/point_link.gif) no-repeat 5px center;
		display:block;
		width:142px;
		padding:0 18px;
		line-height:24px;
		border-bottom:dotted 1px #CCC;
	}
	
#main-area{
	width:530px;
	float:right;
}
	#main-area .footprint{
		font-size:77%;
		margin:0 0 15px 0;
	}
	#main-area .section{
		margin:0 0 15px 0;
	}
	#main-area .section table{
		width:530px;
		}
	#main-area .section th{
		color:#444;
		background:#FFEEDD ;
		border-top:1px #EE8628 dashed;
		border-right:1px #EE8628 dashed;
		border-bottom:1px #EE8628 dashed;
		padding:0 2px 0px 2px;
		vertical-align:middle;
		}
	#main-area .section td{
		color:#444;
		background:#FFFDFB;
		padding:5px 20px 5px 20px;
		border-top:1px #EE8628 dashed;
		border-bottom:1px #EE8628 dashed;
		}
		
	#main-area .section li{
		padding:0 0 0 30px;
		}
	#main-area .section .section_img{
		float:left;
		margin:0 10px 10px 0;
		position:top;
	}
	#main-area .faq {
		margin		: 0 0 15px 0;
	}
	#main-area .q {
		padding		: 3px 3px 3px 8px;
		border-left	: 5px solid #F60;
		border-bottom	: 1px solid #D9DDE0;
		font-weight	: bold;
	}
	.inquiry{
		text-align:right;
		padding:0px 10px 10px 10px;
	}
	.fimg{
	background:#F8F1E0;
	}
	#main-area .a {
		margin		: 0 0 0 12px;
	}
#footer-area{

}
	#footer-area .pagetop{
		text-align:right;
		margin:10px 0;		
		}
	#footer-area .copyright{
		background-color:#E0E0E0;
		text-align:center;
		font-size:11px;
		line-height:27px;
	}
#outsideWall p img{
	padding:20px 0px 0 20px;
	}
	
#roof p img{
	padding:20px 0px 0 20px;
	}
		
#largeScale img{
	padding:20px 0px 0px 20px;
	}

.fot{
	float:left;
	padding:0px 10px 10px 35px;
	}
	
.siteti{
	padding:0px 0px 0px 5;
	border-bottom:1px dashed #666;
	}

.sitemi{
	padding:0px 0 10px 0;
	border-bottom:1px dashed #666;
	}
	.sitemi p{
		padding:10px 0px 0 0px;
	}
	
.bt{ 
	text-align:center;
	padding:20px 0 0 0;
}

.ri{
	float:none !important;
	padding:0 !important;
	margin:0 10px 10px 0 !important;
	text-align:center !important;
	}
	
.text{
	width:500px;
	}
	
.box-gy-D{
	vertical-align:middle;
	}
#select2{
	margin:5px 0 0px 0;
	}
#city{
	margin:5px 0 5px 0;
	}
.must{
	color:#FF0000;
	}
/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */
h1{
	margin:0 0 5px 0;
}
h2{
	font-size:136%;
	color:#333;
	line-height:36px;
	background:url(../img/common/bg_h2.gif) repeat-x left bottom;
	margin:0 0 10px 0;
}
h3{
	font-size:122%;
	color:#F60;
	margin:0 0 5px 0;
}
h4{
	font-size:107%;
	color:#272;
	margin:0 0 10px 0;
	border-bottom:solid 1px #272;
}

h5{
	font-size:107%;
	color:#272;
	padding:10px 0 0px 0;
	border-bottom: dashed 1px #272;
	clear:both;
	}