@charset "utf-8";
/* CSS Document */

/* --------------------------------------------
 *                 初期設定
 * -------------------------------------------- */
 
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{
	margin:0;
	padding:0;
}

img{
	border:0;
}

adress,em,strong,th{
	font-style:normal;}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;}

a{
	text-decoration:none;}

li{
	font-size:110%;}


body{
	background-color:#CCCC99;
	text-align:center;
	color:#666666;
	font-size:62.5%;/* IE */
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Century Gothic","Arial",sans-serif;}

html>/**/body{
    font-size: 10px; /* Except IE */
}
	
/* --------------------------------------------
 *           共通PAGE
 * -------------------------------------------- */	

#container{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../image/back01.gif);
	background-repeat:repeat-y;
	text-align:left;
	font-size:100%;
	}

#container:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";}

#container p{
	font-size:120%;
	}

#header{
	background-image:url(../image/header_image01.gif);
	width:1000px;
	height:123px;
	margin:0px;}

h1{
	width:880px;
	margin-left:auto;
	margin-right:auto;
	padding-top:43px;
	font-size:120%;
	color:#ffffff;
	text-align:right;}
	
/* --------------------------------------------
 *           共通PAGE／ナビゲーション
 * -------------------------------------------- */	
 
#nav{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:1000px;
	height:32px;
	background-image:url(../image/nav_back.gif);
	background-repeat:repeat-y;
	padding-left:61px;}

#nav li{
	width:220px;
	height:32px;
	line-height:32px;
	text-align:center;
	margin:0px;
	padding:0px;
	float:left;}

#nav a{
	display:block;
	width:220px;
	height:32px;
	text-decoration:none;
	color:#ffffff;
	font-weight:700;
	font-size:140%;}

#nav a:hover{
	color:#ffaa00;}
	
 	
/* --------------------------------------------
 *           トップPAGE／メッセージ
 * -------------------------------------------- */	
 
#message00{
	background-image:url(../image/message.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	width:1000px;
	height:124px;}

	
/* --------------------------------------------
 *           共通PAGE／メッセージ
 * -------------------------------------------- */	
 
#message h2{
	width:856px;
	height:50px;
	margin:0px 0px 0px 58px;
	padding:15px 0px 10px 30px;
	color:#665d33;
	font-size:230%;
	font-weight:bold;}

#message p{
	width:856px;
	height:40px;
	margin:0px 0px 0px 58px;
	padding:12px 0px 0px 30px;
	color:#665d33;
	font-size:130%;}

/* --------------------------------------------
 *           トップPAGE／５つの約束
 * -------------------------------------------- */

#policy{
	float:left;
	width:620px;}

#policy table{
	border-collapse:collapse;
	margin-left:50px;
	border:none;
	font-size:100%;}

.table_header{
	width:575px;
	height:130px;
	background-image:url(../image/policy_01.gif);
	background-repeat:no-repeat;}

.table_data{
	width:575px;
	height:33px;
	background-image:url(../image/policy_02.gif);
	background-repeat:repeat-y;
	padding-left:60px;
	color:#FF6600;
	font-size:140%;
	font-weight:800;}

.table_footer{
	width:575px;
	height:41px;
	background-image:url(../image/policy_03.gif);
	background-repeat:no-repeat;}

span.small{
	font-size:90%;
	margin-left:15px;
	color:#665d33;
	font-weight:normal;}

/* --------------------------------------------
 *           トップPAGE／ふせん
 * -------------------------------------------- */

#memo{
	position:relative;
	width:380px;
	height:350px;
	float:right;}

#memo_left{
	float:left;
	width:221px;
	height:350px;}
	
#memo_left p{
	margin-top:125px;
	margin-left:20px;
	line-height:34px;
	width:175px;
	font-weight:500;}
	
#memo_left ul{
	list-style-type:none;
	margin-top:135px;
	margin-left:30px;}

#memo_left li{
	height:35px;
	font-size:130%;}


#item01	{
	background-image:url(../fusen/div_01.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:221px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;}

#item02{
	background-image:url(../fusen/div_02.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:221px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;}

#item03{
	background-image:url(../fusen/div_03.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:221px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;}

#memo_right{
	float:right;
	width:159px;
	height:350px;
	background-image:url(../fusen/menu_00.gif);}

#memo_right ul{
	margin-top:64px;
	padding:0px;
	margin-left:0px;
	list-style-type:none;}

#memo_right li{
	margin:0px;
	padding:0px;}

#num01{
	width:159px;
	height:70px;
	background-image:url(../fusen/menu_01.gif);
	background-repeat:no-repeat;}

#num02{
	width:159px;
	height:64px;
	background-image:url(../fusen/menu_02.gif);
	background-repeat:no-repeat;}

#num03{
	width:159px;
	height:70px;
	background-image:url(../fusen/menu_03.gif);
	background-repeat:no-repeat;}

/* --------------------------------------------
 *          トップPAGE／詳細はこちらボタン
 * -------------------------------------------- */

.btn_shosai{
	position:absolute;
	top:160px;
	left:55px;
	width:120px;
	height:22px;}	

.btn_shosai ul{
	list-style:none;}

.btn_shosai li{
	float:left;
	width:120px;}

.btn_shosai a{
	display:block;
	width:100%;
	overflow:hidden;
	height:0 !important;
	height /**/:22px;
	padding-top:22px;
	background:url(../fusen/shosai.gif);
	color:#ffffff;}


/* --------------------------------------------
 *             フッター
 * -------------------------------------------- */
#footer{
	width:1000px;
	height:122px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../image/footer01.gif);
	background-repeat:no-repeat;
	clear:both;
	color:#665D33;
	position:relative;
	font-weight:600;}

#footer p{
	font-size:120%;
	line-height:1.4;
	text-align:right;
	width:880px;
	margin:0 auto;
	padding-top:26px;}
			 
#footer span{
	font-size:140%;
	font-style:normal;}


address{
	text-align:right;
	width:880px;
	margin:0 auto;
	font-size:130%;
	font-style:normal;}

#copyright{
	text-align:center;
	width:1000px;
	position:absolute;
	top:90px;
	font-style:normal;
	font-weight:normal;}
	
	
/* --------------------------------------------
 *                  共通PAGE
 * -------------------------------------------- */	
 
#main{
	margin:10px 100px;
	width:810px;}

#main p{
	padding:10px;
	font-size:140%;}
	

/* --------------------------------------------
 *            「戻るボタン」設定用
 * -------------------------------------------- */

.back{
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	font-size:95%
}

.back a{
	color:#666666;
}

.back a:hover{
	color:#FF6600;
}

/* --------------------------------------------
 *             　 業務案内PAGE
 * -------------------------------------------- */
#message01{
	background-image:url(../image/message01.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	width:1000px;
	height:124px;}

h3{
	background-repeat:no-repeat;
	width:805px;
	height:50px;
	margin:20px auto 10px auto;
	line-height:50px;
	padding-left:40px;
	font-size:180%;
	font-weight:800;
	color:#665D33;}

h3.gr{
	background-image:url(../image/h3_gr.gif);}

h3.be{
	background-image:url(../image/h3_be.gif);
	margin-top:40px;}

h3.bl{
	background-image:url(../image/h3_bl.gif);
	clear:both;
	margin-top:40px;}

/* --------------------------------------------
 *       業務案内PAGE／リフォームメニュー
 * -------------------------------------------- */
#main .menu{
	position:relative;
	width:255px;
	height:125px;
	float:left;
	background-image:url(../image/menu_bg.gif);
	margin:10px 0 0 10px;
	display:inline;}

#main .menu h5{
	position:absolute;
	top:12px;
	left:30px;
	font-size:140%;
	font-weight:700;}

#main .menu p{
	position:absolute;
	top:20px;
	left:90px;
	color:#339900;
	font-size:120%;
	line-height:1.3;}

#main .menu img{
	position:absolute;
	top:50px;
	left:30px;}
	
#main .menu_l{
	position:relative;
	width:520px;
	height:125px;
	float:left;
	background-image:url(../image/menu_bgL.gif);
	margin:10px 0 0 10px;
	display:inline;}

#main .menu_l h5{
	position:absolute;
	top:12px;
	left:30px;
	font-size:140%;
	font-weight:700;}

#main .menu_l p.black{
	position:absolute;
	top:40px;
	left:90px;
	color:#333333;}

#main .menu_l p.green1{
	position:absolute;
	top:25px;
	left:230px;
	color:#339900;}

#main .menu_l p.green2{
	position:absolute;
	top:25px;
	left:370px;
	color:#339900;}
	
#main .menu_l p{
	font-size:120%;
	line-height:1.3;}
	
#main .menu_l img{
	position:absolute;
	top:50px;
	left:30px;}

#main .ukeoi{
	position:relative;
	width:255px;
	height:125px;
	float:left;
	display:inline;
	background-image:url(../image/ukeoi_bg.gif);
	margin:10px 0 0 10px;}

#main .ukeoi h5{
	position:absolute;
	top:18px;
	left:30px;
	font-size:140%;
	font-weight:700;
	color:#FFFFFF;}

#main .ukeoi p{
	position:absolute;
	top:45px;
	left:10px;
	color:#665D33;
	font-size:130%;}

img.to_form{
	text-align:right;
	float:right;
	margin-top:20px;
	margin-right:10px;}	

	
/* --------------------------------------------
 *       業務案内PAGE／施工例
 * -------------------------------------------- */
 h4{
	background-image:url(../image/h4_pencil.gif);
	background-repeat:no-repeat;
	width:800px;
	height:40px;
	margin:30px auto 0px auto;
	line-height:40px;
	padding-left:40px;
	padding-top:5px;
	font-size:160%;
	font-weight:800;
	color:#665D33;
	clear:both;}

#main .photo1{
	position:relative;
	width:352px;
	height:266px;
	float:left;
	display:inline;
	background-image:url(../image/reform01.jpg);
	margin:20px 20px 0 10px;}

#main .photo1 p{
	position:absolute;
	top:220px;
	left:20px;
	font-size:130%;}	 

#main .photo2{
	position:relative;
	width:408px;
	height:266px;
	float:left;
	background-image:url(../image/reform02.jpg);
	margin:20px 5px 0 0;}

#main .photo2 p{
	position:absolute;
	top:220px;
	left:20px;
	font-size:130%;}		 

#main .photo3{
	position:relative;
	width:441px;
	height:276px;
	background-image:url(../image/shop01.jpg);
	margin:20px 5px 0 10px;}

#main .photo3 p{
	position:absolute;
	top:220px;
	left:10px;
	font-size:130%;} 
 	
/* --------------------------------------------
 *       業務案内PAGE／オーダー家具
 * -------------------------------------------- */
img.photo_left{
 	float:left;
	display:inline;
	margin:10px 10px 30px 10px;}

p.p_left{
	float:left;
	line-height:1.5;}	
 	
/* --------------------------------------------
 *       業務案内PAGE／便利屋
 * -------------------------------------------- */
#main ul{ 
	list-style-type:none;
	margin-left:20px;
	font-size:120%;
	line-height:1.4;
	color:#665d33;} 

#main .menu2{
	position:relative;
	width:255px;
	height:125px;
	float:left;
	display:inline;
	background-image:url(../image/menu_bg2.gif);
	margin:20px 0 20px 10px;}

#main .menu2 h5{
	position:absolute;
	top:14px;
	left:30px;
	font-size:160%;
	font-weight:700;}

#main .menu2 p{
	position:absolute;
	top:45px;
	left:90px;
	color:#669966;
	font-size:120%;
	line-height:1.3;}

#main .menu2 img{
	position:absolute;
	top:50px;
	left:30px;}
	
 #main .menu2 img.price{
	position:absolute;
	top:90px;
	left:160px;}

 
/* --------------------------------------------
 *              見積フォームPAGE
 * -------------------------------------------- */
#message02{
	background-image:url(../image/message02.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	width:1000px;
	height:124px;}

#inquiry{
	width:700px;
	margin:20px 50px;
	}
	
#inquiry table{
	width:100%;
	border-top:1px solid #665d33;
	border-right:1px solid #665d33;
	border-bottom:none;
	border-left:1px solid #665d33;
	font-size:130%;
}

#inquiry th{
	border-top:none;
	border-right:1px solid #665d33;
	border-bottom:1px solid #665d33;
	border-left:none;
	padding:5px 10px 5px 10px;
	background-color:#E0EBED;
	width:180px;
	text-align:center;
}

#inquiry td{
	border-top:none;
	border-right:none;
	border-bottom:1px solid #665d33;
	border-left:none;
	padding:10px;
}

#btn{
	margin:10px auto;
	text-align:center;
}


#btn input{
	border:outset 3px #665d33;
	background-color:#665d33;
	color:#ffffff;
	padding:0px 5px;
}