@charset "utf-8";

/* 共通 */
h2 {
width: 574px;
height: 26px;
text-indent: -9999px;
}

h3 {
text-indent: -9999px;
}


/* メイン部分 */
.area01 {
width: 575px;
padding: 0px 0px 19px 0px;
margin: 0px 0px 30px 0px;
background: url(../img/line01.jpg) no-repeat bottom center;
}

.area01 h1 {
width: 575px;
height: 216px;
background: url(../img/title-1.jpg) no-repeat;
text-indent: -9999px;
}

.area01 .txt01 {
width: 505px;
height: 46px;
margin: 22px 0px 0px 9px;
background: url(../img/txt01.gif) no-repeat;
text-indent: -9999px;
}

.area01 p.flash {
width: 124px;
height: 28px;
margin: 10px 0px 0px 445px;
}


/*ボタン*/
ul#btnarea {
	background-image: url(../img/btn_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 33px;
	width: 574px;
	margin-bottom: 30px;
}
ul#btnarea li.btn1 {
	background-image: url(../img/btn1_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	width: 61px;
	text-indent: -9999px;
	display: block;
	float:left;
}
ul#btnarea li.btn1 a {
	background-image: url(../img/btn1.gif);
    height: 33px;
	width: 61px;
	display: block;
}
ul#btnarea li.btn2 {
	background-image: url(../img/btn2_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	width: 202px;
	text-indent: -9999px;
	display: block;
	float:left;
}
ul#btnarea li.btn2 a {
	background-image: url(../img/btn2.gif);
	height: 33px;
	width: 202px;
	display: block;
}

/* 特長 */
.area03 {
width: 575px;
padding: 0px 0px 35px 0px;
}

h2.midasi{
	background-image: url(../img/h2_title06.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	height: 26px;
	width: 574px;
	margin-bottom: 10px;
}

.box{
	width: 547px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 14px;
	overflow: auto;
}

h3.boxmidasi{
	width: 547px;
	background-image: url(../img/abouttitle.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 32px;
	margin-bottom: 20px;
}

.box2{
	width: 547px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 14px;
	overflow: auto;
}

h4.boxmidasi2{
	width: 547px;
	background-image: url(../img/abouttitle2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 32px;
	margin-bottom: 20px;
}

.box3{
	width: 547px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 14px;
	overflow: auto;
}

h5.boxmidasi3{
	width: 547px;
	background-image: url(../img/abouttitle3.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 32px;
	margin-bottom: 20px;
}

/* 厚さ１６㎜で遮音＆床暖房 */
.area04 {
width: 575px;
padding: 0px 0px 35px 0px;
}

h2.amidasi{
	background-image: url(../img/h2_title07.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	height: 26px;
	width: 574px;
	margin-bottom: 10px;
}

h3.asyoumidasi{
	background-image: url(../img/h3_title03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 18px;
	width: 243px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.abox{
	width: 547px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 14px;
	overflow: auto;
}

h3.aboxmidasi{
	width: 547px;
	background-image: url(../img/hottitle.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 32px;
	margin-bottom: 20px;
}

.abox2{
	width: 547px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 14px;
	overflow: auto;
}

h4.aboxmidasi2{
	width: 547px;
	background-image: url(../img/abouttitle4.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 32px;
	margin-bottom: 20px;
}



/* リフォームの流れ */


.area05 {
width: 575px;
padding: 0px 0px 35px 0px;
}

h2.flow{
	background-image: url(../img/h2_title01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	height: 26px;
	width: 574px;
	margin-bottom: 10px;
}
h3.flowsub{
	background-image: url(../img/h3_title01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 18px;
	width: 243px;
	margin-bottom: 10px;
}
.flowbox{
	width: 547px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 14px;
	padding-bottom: 10px;
	overflow: auto;
	_overflow: visible;
}
.flowbox h4{
	width: 547px;
	background-image: url(../img/flowtitle.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 32px;
	margin-bottom: 20px;
}

ul#flow1{
	float: left;
	width: 262px;
	margin-left: 6px;
}
ul#flow1 li{
	background-repeat: no-repeat;
	background-position: center top;
	width: 262px;
	text-indent: -9999px;
	display: block;
	margin-bottom: -1px; 
}
ul#flow1 .flowpart1{
	background-image: url(../img/flow1.gif);
	height:41px;
}
ul#flow1 .flowpart2{
	background-image: url(../img/flow2.gif);
	height:36px;
}
ul#flow1 .flowpart3{
	background-image: url(../img/flow3.gif);
	height:38px;
}
ul#flow1 .flowpart4{
	background-image: url(../img/flow4.gif);
	height:36px;
}
ul#flow1 .flowpart5{
	background-image: url(../img/flow5.gif);
	height:37px;
}
ul#flow1 .flowpart6{
	background-image: url(../img/flow6.gif);
	height:38px;
}
ul#flow1 .flowpart7{
	background-image: url(../img/flow7.gif);
	height:38px;
}
ul#flow1 .flowpart8{
	background-image: url(../img/flow8.gif);
	height:37px;
}

ul#flow2{
	float: right;
	width: 262px;
	margin-right: 6px;
}
ul#flow2 li{
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 262px;
	text-indent: -9999px;
	display: block;
	margin-bottom: -1px; 
}
ul#flow2 .flowpart9{
	background-image: url(../img/flow9.gif);
	height:41px;
}
ul#flow2 .flowpart10{
	background-image: url(../img/flow10.gif);
	height:36px;
}
ul#flow2 .flowpart11{
	background-image: url(../img/flow11.gif);
	height:38px;
}
ul#flow2 .flowpart12{
	background-image: url(../img/flow12.gif);
	height:36px;
}
ul#flow2 .flowpart13{
	background-image: url(../img/flow13.gif);
	height:37px;
}
ul#flow2 .flowpart14{
	background-image: url(../img/flow14.gif);
	height: 113px;
}


/* 仕様 */

.float_clear {
line-height: 1px;
font-size: 1px;
clear: both;
}
#box11 {
    clear:both;
	margin-top: 60px;
	background-image: url(../img/footermenu.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 575px;
	padding-bottom: 15px;
}
#box11 li {
	float: left;
	margin-top: 2px;
	height: 30px;
}
#box11 li a {
	height: 30px;
    text-indent:-9999px;
	display:block;
    text-decoration:none;
}
#box11 .list01 {
	margin-left: 6px;
	width: 130px;
}
#box11 .list02 {
	margin-left: 2px;
	width: 120px;
}
#box11 .list03 {
	margin-left: 2px;
	width: 110px;
}


/*カラーバリエーション*/

h2.color{
	background-image: url(../img/h2_title04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	height: 26px;
	width: 574px;
	margin-bottom: 10px;
}
h3.colorsub{
	background-image: url(../img/typetitle1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 16px;
	width: 141px;
	margin-bottom: 10px;
	margin-left: 18px;
}

ul#color1, ul#color2{


}
ul#color1 li, ul#color2 li{
	float: left;

}
h3.colorsub2{
	background-image: url(../img/typetitle2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 16px;
	width: 141px;
	margin-bottom: 10px;
	margin-left: 18px;
	clear: both;
}

/*価格*/

.area06 {
	width: 575px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
}

h2.price{
	background-image: url(../img/h2_title05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	height: 26px;
	width: 574px;
	margin-bottom: 10px;
	padding-top: 15px;
	clear: both;
}
h3.pricesub{
	background-image: url(../img/extitle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 16px;
	width: 141px;
	margin-top: 15px;
	padding-bottom: 10px;
	margin-left: 10px;
}

.area06 img {
	float: left;
	margin-right: 30px;
	margin-left: 10px;
}
table.pricetable{
	margin-top: 20px;
	
}
td.price{
	padding: 10px;
	border: 1px solid #CCCCCC;
}
td.price2{
	padding: 10px;
	background-color: #f2f2f2;
	border: 1px solid #CCCCCC;
}