@charset "euc-jp";
/***************************************
共通部分レイアウト用
****************************************/

body {
	background: url('../images/common/back.gif') repeat-x;
	color: #222;
	font-size: small ;
	line-height: 200%;
	font-family:"メイリオ","Verdana","Osaka";
	text-align: center;
	width: 100%;
}
#wrapper {
	width: 1000px;
	margin-bottom: 20px;
    margin: 0 auto;
	font-family:"メイリオ","Verdana","Osaka";
    text-align: left;
	vertical-align: top;
}
.contents_center {
	text-align:center;
	margin: auto 0;
	width: 100%;
}

th {
	text-align:	left;
	color: #222;
	font-size: small ;
	line-height: 180%;
	font-family:"Verdana","メイリオ", "Osaka";
	padding: 15px;
	margin: 2px;
	background: #efefef;
	font-weight:none;
}
#footer td {
	text-align:	left;
	color: #222;
	font-size: 12px ;
	line-height: 170%;
	font-family:"Verdana","メイリオ", "Osaka";
	padding: 15px;
	margin: 2px;
}

a {
	color: #01769e;
	text-decoration: none;
	}
a:hover {
	color: #f17f05;
	text-decoration: none;
	}
a img {
	border:none;
	vertical-align:bottom;
}
	
	
/* 共通スタイル
-----------------------------------------------------*/

.h70 { height: 70px;}
.h50 { height: 50px;}
.h40 { height: 40px;}
.h30 { height: 30px;}
.h25 { height: 20px;}
.h20 { height: 20px;}
.h15 { height: 15px;}
.h10 { height: 10px;}
.h8 { height: 8px;}
.h5 { height: 5px;}
	   
.clear { clear:both; }

.gototop {
	padding-top: 30px;
	text-align: right;
	width: 1000px;
	clear:both;
	}
.big {
	font-weight: bold;
	font-size: 15px;
	line-height: 150%;
	}
.small {
	font-size: 11px;
	line-height: 150%;
	text-align:	left;
	}
.msmall {
	font-size: 12px;
	line-height: 180%;
	text-align:	left;
	}
.blue {
	line-height: 220%;
	color: #2c68a2;
	font-size: 14px;
	}
.black {
	line-height: 220%;
	color: #222;
	}
.black a {
	line-height: 220%;
	text-align:	left;
	color: #222;
	}
.black a:hover {
	line-height: 220%;
	text-align:	left;
	color: #FFF;
	}
.exp {
	font-size: x-small;
	line-height: 150%;
	text-align:	left;
	}
.left {
	text-align: left;
	}
.right {
	text-align: right;
	}
.dotline {
	border: dotted 2 #1eb9ee;
	width: 600px;
	margin-top: 10px;
	}
.dotline_inner {
	padding: 10px;
	line-height: 160%;
	}
.back_mid {
	width: 1000px;
	height: 46px;
	background: url('../images/common/back_mid.gif') no-repeat;
	}
.back_mid_inner {
	line-height: 220%;
	text-align:	left;
	color: #FFF;
	padding-top: 10px;
	padding-left: 15px;
	}
.center {
	text-align:	center;
	margin :auto 0;
	width: 1000px;
	}
	
/* ヘッダ
-----------------------------------------------------*/
#header_top ul{ 
	margin: 0;
	margin-top: 25px;
	padding: 0; 
	list-style: none;
	width: 1000px;
	height: 93px;
}

#header_top li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
}

.contact{ 
	background: url('../images/common/back_contact.gif') no-repeat;
	width: 175px;
	height: 93px;
}
.contact_inner{ 
	padding-top: 24px;
}

#header ul{ 
margin: 0;
padding: 0; 
list-style: none;
width: 1000px;
height: 51px;
}

#header li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}


/* メニュー
-----------------------------------------------------*/
#menu_top ul{ 
margin: 0;
margin-top: 9px;
margin-bottom: 30px; 
padding: 0; 
list-style: none;
width: 1000px;
height: 51px;
}
#menu_top li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}
#menu ul{ 
margin: 0;
margin-top: 40px;
margin-bottom: 30px; 
padding: 0; 
list-style: none;
width: 1000px;
height: 51px;
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}
.w198{ 
width: 198px;
}
.w200{ 
width: 200px;
}
.w201{ 
width: 201px;
}

/* ニュース
----------------------------------------------------------*/

#news td {
	text-align:	left;
	font-size: small ;
	line-height: 180%;
	font-family:"Verdana","メイリオ", "Osaka";
	padding: 7px 0px 0px 0px;
	margin: 0px;
	font-weight:none;
}

.news1 {
	color: #3674b1;
	width: 85px;
	vertical-align:top;
}
.news2 {
	width: 380px;
	vertical-align:top;
	line-height:180%;
}

/* トップページ
----------------------------------------------------------*/

#top_left {
	float:left;
	width: 520px;
	vertical-align:top;
	margin-top: 40px;
	}
#top_right {
	float:right;
	width: 480px;
	vertical-align:top;
	margin-top: 40px;
}
.text_reason {
	margin-top: 20px;
	line-height: 160%;
}


/* 職人紹介
----------------------------------------------------------*/

.name_orange {
	color:#f28e23;
	font-size:18px;
	line-height: 200%;
	}
.name_orange13 {
	color:#f28e23;
	font-size:13px;
	line-height: 200%;
	}
.name_black {
	font-size:18px;
	line-height: 200%;
	}
.name_orange_big {
	color:#f28e23;
	font-size:24px;
	line-height: 200%;
	}
.name_black_big {
	font-size:24px;
	line-height: 200%;
	}

#at ul{ 
margin: 0;
margin-left: 170px; 
padding: 0; 
list-style: none;
width: 660px;
}

#at li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

.back_artisans { 
	width: 340px;
	height:380px;
	margin: 0px;
	margin-right: 20px;
	padding: 0px;
	line-height: 180%;
}
.back_artisans2 { 
	width: 320px;
	height:380px;
	margin: 0px;
	padding: 0px;
	line-height: 180%;
}

.back_artisans3 { 
	width: 340px;
	height:380px;
	margin: 0px;
	margin-right: 20px;
	padding: 0px;
	line-height: 180%;
}
.back_artisans4 { 
	width: 320px;
	height:380px;
	margin: 0px;
	padding: 0px;
	line-height: 180%;
}

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

#box_reform ul{ 
margin: 0; 
padding: 0; 
list-style: none;
width: 1000px;
}

#box_reform li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

.back_reform {
	background: url('../images/reform/back_reform.gif') no-repeat;
	width: 500px;
	height:500px;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
}
.back_reform2 {
	background: url('../images/reform/back_reform.gif') no-repeat;
	width: 417px;
	height:500px;
	margin: 0px;
	padding: 0px;
}
.back_reform3 {
	width: 730px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.back_reform4 {
	width: 270px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.back_reform5 {
	width: 530px;
	margin: 0px;
	padding: 0px;
	padding-right: 60px;
	vertical-align: top;
}
.back_reform6 {
	width: 470px;
	margin: 0px;
	padding: 0px;
}

/* モデルルーム
----------------------------------------------------------*/

.back_model { 
	width: 520px;
	margin: 0px;
	margin-right: 40px;
	padding: 0px;
}
.back_model2 { 
	width: 480px;
	margin: 0px;
	padding: 0px;
}
.big_model { 
	font-size: 22px;
}


/* 料金表
----------------------------------------------------------*/

#box_price ul{ 
margin: 0; 
margin-left: 41px;
padding: 0; 
list-style: none;
width: 918px;
}

#box_price li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

.back_price {
	background: url('../images/reform/back_reform.gif') no-repeat;
	width: 500px;
	height:620px;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
}
.back_price2 {
	background: url('../images/reform/back_reform.gif') no-repeat; 
	width: 417px;
	height:620px;
	margin: 0px;
	padding: 0px;
}
.back_price3 {
	background: url('../images/reform/back_reform.gif') no-repeat;
	width: 500px;
	height:260px;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
}
.back_price4 {
	background: url('../images/reform/back_reform.gif') no-repeat; 
	width: 417px;
	height:260px;
	margin: 0px;
	padding: 0px;
}
.discount {
text-decoration:line-through;
}

/* 選ばれる理由
----------------------------------------------------------*/
#feature td {
	text-align:	left;
	color: #222;
	font-size: small ;
	line-height: 180%;
	font-family:"Verdana","メイリオ", "Osaka";
	padding: 0px;
	margin: 2px;
	font-weight:none;
}
#ft ul{ 
margin: 0; 
padding: 0; 
list-style: none;
width: 1000px;
}

#ft li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

.back_feature { 
	width: 335px;
	height:350px;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
}
.back_feature2 { 
	width: 330px;
	height:350px;
	margin: 0px;
	padding: 0px;
}

/* お客様の声
----------------------------------------------------------*/

#box_voice ul{ 
margin: 0; 
padding: 0; 
list-style: none;
width: 1000px;
}

#box_voice li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}
.area_voice1 {
	width: 300px;
	margin: 0px;
	padding: 0px;
}
.area_voice2 {
	width: 700px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
.area_voice3 {
	width: 300px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.area_voice{ 
	background: #ffe6ca;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.area_voice_inner{ 
	padding: 20px;
	color: #555;
	line-height: 170%;
	font-size:13px;
}

/* フッタ
-----------------------------------------------------*/
#footer { 
	background: url('../images/common/back_footer.gif') repeat-x;
	height: 380px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
}
#footer_inner { 
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
}