@charset "UTF-8";
/*--------------------------------------------------------------------------------
CSS information
 file name  :  roof_index.css
 style info :  価格別施工モデル　メインコンテンツ設定 
 --------------------------------------------------------------------------------*/

/*--- import */
@import url("reset.css");
@import url("tmpl-style.css");
@import url("tmpl-style-2c.css");
@import url("tmpl-model.css");

div#main {
	font-size:120%;
}

#title_tp h4 {
	margin:8px 0 11px;
}
#main .p01 {
	font-size: 116%;
	line-height: 1.7;
	margin:0 0 10px 8px;
}
#main .title01 {
	border-bottom: 1px solid #999;
	border-left: 4px solid #9C3;
	padding: 5px 0 4px 8px;
}
#main .box00 {
	width: 550px;
}
#box01_a,#box02_a,#box03_a,
#box04_a,#box05_a,#box06_a,
#box07_a {
	padding: 4px;
	width: 167px;
	float: left;
	border: 1px solid #fff;
	margin: 15px 9px 0 0;
}
#box01_b,#box02_b,#box03_b,
#box04_b,#box05_b,#box06_b,
#box07_b
 {
	padding: 4px;
	width: 167px;
	float: left;
	border: 1px solid #fff;
	margin: 15px 9px 0 0;
}
#box01_c,#box02_c,#box03_c,
#box04_c,#box05_c,#box06_c,
#box07_c
 {
	padding: 4px;
	width: 167px;
	float: left;
	border: 1px solid #fff;
	margin: 15px 0 0;
}

#main .p02 {
	background-color: #eed;
	height: 17px;
	width: 167px;
	text-align: center;
	margin: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#main .p02 a {
	width: 167px;
	color: #333333;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	height: 20px;
}
#main .p02 a:hover {
	width: 167px;
	color: #333;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	height: 20px;
}
#main .photo {
	height: 125px;
	width: 167px;
	background-color: #ccc;
}
#main .info {
	line-height: 2;
}
#main .info img{
	vertical-align:baseline;
	line-height:1;
}
#main .info a {
	color: #333;
	display: block;
}
#main .clear01 {
	clear: both;
	margin: 0;
	padding: 0;
	height: 35px;
}
#main .info sup {
	font-size: 70%;
	vertical-align: text-top;
	line-height:100%;
}