/*********************************
　基本設定
*********************************/
*{
	margin:0;
	padding:0;
}
.mp0{
	margin:0;
	padding:0;
}
a img{
	border:0px;
	}
.cle{clear:both;}
p{
	padding:0 0 10px 0;
	line-height:17px;
	}
h1{
	width:760px;
	height:121px;
	background:url(image/toptitle.jpg);
	}
h1 a{
	display:block;
	width:325px;
	height:120px;
	text-indent:-9999px;
	}
#right h2{
	height:40px;
	text-indent:-9999px;
	margin-bottom:10px;
	}
#right .text h3{
	font-size:15px;
	height:20px;
	line-height:20px;
	margin:5px 0 10px 0;
	padding-left:10px;
	color:#333333;
	background:url(image/h3.gif) no-repeat;
	}
h3.crcl{
	padding:0 0 15px 10px;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#333;
	background:url(image/h3_crcl.gif) no-repeat;
}
h5{
	margin-bottom:6px;
	font-size:14px;
	color:#333333;
}
h5.mark{
	padding-left:10px;
	background:url(image/mark.gif) no-repeat;
}
hr{
	display:none;
}
.bd {
	margin:15px 0;
	height:6px;
	clear:both;
	background:url(image/bd.gif) repeat-x;
}
a:link{color:#003366;}
a:visited{color:#660066;}
a:hover{color:#006699;}
a:active{color:#660066;}
a.a{padding:0 0 0 15px; background:url(image/a.gif) no-repeat;}
a.a:visited{background-position:0 -50px;}
a.a:hover{background-position:0 -100px;}

li{
	list-style:none;
	}
ul.dot li{
	margin-left:3px;
	padding-left:10px;
	background:url(image/li.gif) no-repeat left 1px;
	}
 ul.voice li{
	color:#555;
	padding:3px 0 3px 25px;
	background:url(image/voice.gif) no-repeat left 3px;
	}
#right dt {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding:2px 4px;
	background-color:#ddd;
	}
#right dd {
	padding-left:10px;
	margin-bottom:10px;
	color:#333333;
	}
.imageL{
	padding-right:10px;
	padding-bottom:10px;
	float:left;
	display:block;
	}
.imageR{
	clear:both;
	padding-left:10px;
	padding-bottom:10px;
	float:right;
	display:block;
	}
.box{
	clear:both;
	float:left;
	padding:0 0 20px 0;
	width:560px;
	}
.boxL{
	float:left;
	width:250px;
	}
.boxR{
	float:right;
	width:300px;
	padding-left:10px;
	}

.boxLi{
	float:left;
	width:280px;
	}
.boxRi{
	float:right;
	width:280px;
	}
.boxLt{
	float:left;
	width:270px;
	padding-right:5px;
	}
.boxRt{
	float:right;
	width:270px;
	padding-left:5px;
	}
.box3{
	margin:0 0 20px 0;
}
.box3 .box3L{
	float:left;
	margin-right:6px;
	width:180px;
}
.box3 .box3R{
	float:left;
	width:180px;
}
#right .box3 dt{
	background:none;
}

table{
	margin:0 0 5px 0;
	width:520px;
	border:1px solid #d4cbce;
}
table.fullWidth p{
	clear:both;
	padding:10px 0 10px 0;
	}
table.fullWidth{
	width:560px;
}
table.halfWidth{
	width:295px;
}
table th, table td{
	padding:2px 3px;
	color:#555;
	border:none;
	background:#d4cbce;
}
table td{
	background:#f0ede8;
}
.c{
	text-align:center;
}
table th.str{
	background:#d4bbbe;
}
table td.str{
	background:#f0ddd8;
}
caption{
	margin:10px 0 0 0;
	text-align:left;
	color:#555;
}
.bottomInfo{
	margin:15px 0 0 0;
	/*padding:15px;*/
	color:#333;
	background:#ddd url(image/bottominfo.gif) no-repeat left bottom;/*f0ede8*/
}
.bottomInfoTop{
	height:10px;
	background:#fff url(image/bottominfo_top.gif) no-repeat left bottom;
}
.bottomInfo p{margin:5px 15px 0px 20px;}/*WinIE用*/
html>body .bottomInfo p{margin:5px 15px 15px 20px;}/*WinIE以外のブラウザ用*/

.AttInfo{
	padding:10px 10px 0 10px;
	background:#ddd;
}
.intro{
	padding:0 0 10px 0;
}
.tate {
	writing-mode:tb-rl;
}
.att{
	margin:15px 0 6px 0;
	padding:0 0 0 25px;
	line-height:22px;
	background:url(image/att.gif) no-repeat;
}
.red{color:#FF6600;}
.s11{font-size:11px;}
.s12{font-size:12px;}
#right .mp0{
	margin:0;
	padding:0;
}

/*********************************
　全体のレイアウト
*********************************/
body{
	margin:0;
	padding:0;
	font-size:13px;
	background:url(image/bg.gif) repeat-y center top;
	}
#container{
	margin:auto;
	width:760px;
	background:#fff;
	}

/**********ヘッダー部分**********/
.headerinfo{
	width:755px;
	height:30px;
	text-align:right;
	padding-right:5px;
	}
form#siteSearch{
	float:right;
	width:186px;
	height:30px;
	line-height:30px;
}
form#siteSearch table{
	width:168px;
	height:30px;
	border:none;
}
form#siteSearch table th, form#siteSearch table td{
	margin:0;
	padding:3px;
}
form#siteSearch input.query{
	width:130px;
	height:17px;
	color:#666;
	border:1px solid #999;
}
form#siteSearch input.button{
	height:19px;
	background:#ccc;
}
.siteName{
	float:left;
	width:343px;
	height:30px;
}
.siteName a{
	display:block;
	width:343px;
	height:30px;
	font-size:24px;
	text-align:left;
	text-indent:-9999px;
	background:#ccc url(image/sitename.gif) no-repeat;
}
ul.mainmenu {
	height:30px;
	margin:0;
	padding:0 0 5px 0;
	background:url(image/shadow.gif) repeat-x;
	}
ul.mainmenu li {
	display:block;
	width:108px;
	height:30px;
	background:#ccc;
	float:left;
	margin:0;
	padding:0;
	margin-right:1px;
	}
ul.mainmenu li.linka {
	width:106px;
	margin-right:0;
	}
.menutop,.menufusuma,.menukabe,.menudiy,.menuinq,.menukaisha,.menulink{
	display:block;
	width:108px;
	height:30px;
	background:url(image/topmenu.jpg);
	text-indent:-9999px;
	}
.menutop{background-position:0 0;} 
.menufusuma{background-position:-109px 0;}
.menukabe{background-position:-218px 0;}
.menudiy{background-position:-327px 0;}
.menuinq{background-position:-436px 0;}
.menukaisha{background-position:-545px 0;}
.menulink{background-position:-654px 0; width:106px;}

.menutop:hover{background-position:0 -30px;} 
.menufusuma:hover{background-position:-109px -30px;}
.menukabe:hover{background-position:-218px -30px;}
.menudiy:hover{background-position:-327px -30px;}
.menuinq:hover{background-position:-436px -30px;}
.menukaisha:hover{background-position:-545px -30px;}
.menulink:hover{background-position:-654px -30px; width:106px;}

/**********メイン部分**********/
#contents{
	clear:both;
	margin-top:13px;
	width:760px;
	background-image:url(image/contents_bg.jpg);
	}
#left{
	width:160px ;
	background:url(image/sm_bg.gif) no-repeat;
	padding-top:6px;
	}
#right{
	width:590px;
	padding:0 0 20px 7px;/*winIE用*/
	float:right;
	}
html>body #right{
	padding:0 0 20px 10px;/*winIE以外のブラウザ*/
	}
.right2{
	padding:10px;
	padding-right:20px;
	}
.topimg{
	margin:0 0 10px 0;
	height:auto;
	}

/**********フッター部分**********/
#footer{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	border-top:2px solid #aaa;
	text-align:center;
	}

/*********************************
　トップページ
*********************************/
.topimage{
	display:block;
	width:760px;
	height:250px;
	margin-top:5px;
	}
.submenu{
	float:left;
}
ul.submenu li{
	width:253px;
	height:60px;
	background:#ccc;
	float:left;
	margin:0;
	padding:0;
	margin-right:1px;
	margin-top:2px;
	}
ul.submenu li.linka{
	width:252px;
	margin-right:0;
	}
.infoa{
	float:left;
	margin:5px 15px 15px 20px;
	padding:0 10px 7px 0;
	width:510px;
	border-right:1px solid #ccc;
	}
.pickup{
	padding-top:10px;
	height:34px;
	text-indent:-9999px;
	background:url(image/pickup.gif) left bottom no-repeat;
	}
.info{
	clear:both;
	padding-top:15px;
	background:url(image/info.gif) left bottom no-repeat;
	height:34px;
	border-bottom:1px solid #cdc3c5;
	text-indent:-9999px;
	}
.infoa dt{
	font-size:13px;
	margin-top:15px;
	}
.infoa dd{
	margin-top:3px;
	margin-left:20px;
	}
.infoa a img {
	margin:0 5px -2px 0;
}
.submenu1,.submenu2,.submenu3,.submenu4,.submenu5,.submenu6,.submenu7,.submenu8,.submenu9{
	display:block;
	height:60px;
	width:253px;
	background:url(image/pickup2.jpg);
	text-indent:-9999px;
	}
.submenu1{background-position:0 0;}
.submenu2{background-position:-254px 0;}
.submenu3{background-position:-508px 0; width:252px;}
.submenu4{background-position:0 -62px;}
.submenu5{background-position:-254px -62px;}
.submenu6{background-position:-508px -62px; width:252px;}
.submenu7{background-position:0 -124px;}
.submenu8{background-position:-254px -124px;}
.submenu9{background-position:-508px -124px; width:252px;}

.submenu1:hover{background-position:0 -186px;}
.submenu2:hover{background-position:-254px -186px;}
.submenu3:hover{background-position:-508px -186px; width:252px;}
.submenu4:hover{background-position:0 -248px;}
.submenu5:hover{background-position:-254px -248px;}
.submenu6:hover{background-position:-508px -248px; width:252px;}
.submenu7:hover{background-position:0 -310px;}
.submenu8:hover{background-position:-254px -310px;}
.submenu9:hover{background-position:-508px -310px; width:252px;}

.badge{
	float:left;
	margin:5px 10px 15px 0px;
	padding:15px 0 0 0;
	width:160px;/*winIE用*/
	text-align:center;
	background:#fff;
}
html>body .badge{
	width:190px;/*その他のブラウザ用*/
}
/*********************************
　会社概要
*********************************/
.president{
	float:left;
	width:160px;
	}
.president img{
	display:block;
	background:#444;
	width:150px;
	}
.mes{
	float:right;
	width:400px;
	}
.mes1{
	height:73px;
	width:400px;
	background:url(corporate/image/mes1.gif) no-repeat;
	text-indent:-9999px;
	}
.showroom_mes1{
	height:73px;
	width:560px;
	background:url(corporate/image/showroom_mes1.gif) no-repeat;
	text-indent:-9999px;
	}
.showroom_mes2{
	height:73px;
	width:560px;
	background:url(corporate/image/showroom_mes2.gif) no-repeat;
	text-indent:-9999px;
	}
.tb1{
	margin-bottom:15px;
	}
.tb1 th, .tb1 td{
	padding:5px;
	}
.tb1 th{
	width:25%;
	color:#433E3B;
	font-weight:normal;
	background:#dBcFc7;
	}
.tb1 td{
	width:75%;
	color:#222;
	}
sup{
	font-size:9px;
	}


/*********************************
　紙かべがみ
*********************************/
.boxh3_wallpaper{
	width:300px;
	height:80px;
	background:url(wallpaper/image/h3_1.gif) no-repeat;
	text-indent:-9999px;
	}
/**********コンセプト**********/
.conceptbox {
	float:left;
	margin:10px 0 15px 0;
	}
.conceptL {
	float:left;
	width:130px;
	}
.conceptR {
	float:left;
	width:430px;
	}
#right .conceptR h3{
	height:50px;
	margin:0;
	padding-left:0;
	width:430px;
	}
.c_human1 {
	padding:10px 0 0 10px;
	height:70px;
	background:url(wallpaper/image/concept_human3.gif) no-repeat right bottom;
	}
.c_earth1 {
	padding:10px 0 0 10px;
	height:70px;
	background:url(wallpaper/image/concept_earth3.gif) no-repeat right bottom;
	}
.c_recycle1 {
	padding:10px 0 0 10px;
	height:70px;
	background:url(wallpaper/image/concept_recycle3.gif) no-repeat right bottom;
	}

/**********特徴**********/
.boxh3_fea1{
	width:300px;
	height:72px;
	background:url(wallpaper/image/feature_h3_1.gif) no-repeat;
	text-indent:-9999px;
	}
.boxh3_fea2{
	width:300px;
	height:72px;
	background:url(wallpaper/image/feature_h3_2.gif) no-repeat;
	text-indent:-9999px;
	}
.fealist{
	width:560px;
	}
.fealist ol{
	float:left;
	width:392px;
	}
.fealist ol li, ol.number li{
	color:#555;
	font-weight:bold;
	padding:5px 0 4px 40px;
	background:url(wallpaper/image/li_1.gif) no-repeat;
	}
.fealist ol li.feali2, ol.number li.feali2{background:url(wallpaper/image/li_2.gif) no-repeat;}
.fealist ol li.feali3, ol.number li.feali3{background:url(wallpaper/image/li_3.gif) no-repeat;}
.fealist ol li.feali4, ol.number li.feali4{background:url(wallpaper/image/li_4.gif) no-repeat;}
.fealist ol li.feali5, ol.number li.feali5{background:url(wallpaper/image/li_5.gif) no-repeat;}
.fealist ol li.feali6, ol.number li.feali6{background:url(wallpaper/image/li_6.gif) no-repeat;}
.fealist ol li.feali7, ol.number li.feali7{background:url(wallpaper/image/li_7.gif) no-repeat;}
.fealist ol li.feali8, ol.number li.feali8{background:url(wallpaper/image/li_8.gif) no-repeat;}
.fealist ol li.feali9, ol.number li.feali9{background:url(wallpaper/image/li_9.gif) no-repeat;}
.fealist ol li.feali10, ol.number li.feali10{background:url(wallpaper/image/li_10.gif) no-repeat;}
.fealistR{
	text-indent:-9999px;
	margin-top:80px;
	background:url(wallpaper/image/feature_qa.gif);
	float:right;
	width:168px;
	height:96px;
	}
.fealistR a{
	float:right;
	display:block;
	width:115px;
	height:96px;
	background:url(wallpaper/image/feature_qa.gif) right top;
	}
.fealistR a:hover{
	background-position:right -116px;
	}
.feah3 {
	clear:both;
	padding:10px 0 10px 0;
	}		

/**********施工例**********/
.sambox{
	padding-top:20px;
	width:560px;
	}
.sambox img{
	margin:0 12px 14px 2px;
	border:0px;
	}
.classic{
	height:60px;
	background:url(wallpaper/image/sample_h3_classic.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:10px;
	}
.leaf{
	height:60px;
	background:url(wallpaper/image/sample_h3_leaf.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:10px;
	}
.floral{
	height:60px;
	background:url(wallpaper/image/sample_h3_floral.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:10px;
	}
.oriental{
	height:60px;
	background:url(wallpaper/image/sample_h3_oriental.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:10px;
	}
.japanesque{
	height:60px;
	background:url(wallpaper/image/sample_h3_japanesque.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:10px;
	}
img.samImage{
	margin:20px 0 0 0;
	padding:28px;
	border:1px dotted #ccc;
}

/**********O&A**********/
h4.que {
	width:525px;
	height:31px;
	line-height:31px;
	padding-left:35px;
	font-size:15px;
	background:url(wallpaper/image/faq_q.gif) no-repeat;
	color:#333333;
	}
.answer {
	width:525px;
	margin:15px 0 30px 0;
	background:url(wallpaper/image/faq_a.gif) left top no-repeat;
	padding:3px 0 0 35px;
	}
	
/*********************************
　襖紙
*********************************/
.boxh3_fusuma1{
	width:300px;
	height:80px;
	background:url(fusuma/image/h3_1.gif) no-repeat;
	text-indent:-9999px;
	}
.spThum{
	float:left;
	margin:0 8px 10px 0px;/*winIE用*/
	padding:2px;
	width:170px;
	height:140px;
	background:#fff;
	border:1px solid #999;
}
html>body .spThum{
	margin:0 10px 10px 0px;/*その他のブラウザ用*/
}
.spbox{
	margin:0 0 35px 0;
	padding:0 0 25px 0;
	border-bottom:1px dotted #999;
}
.spimg{
	float:left;
	width:89px;
	height:89px;
	margin:0 8px 15px 0;
}
.spinfo{
	float:left;
	margin:0 0 15px 0;
	width:456px;
	border-left:4px solid #E8E1DB;
}
.spinfo h3{
	height:35px;
	text-indent:-9999px;
	border-bottom:1px solid #E8E1DB;
}
.spinfo h3.h3_hotel{background:url(fusuma/image/special/h3_hotel.gif) no-repeat left top;}
.spinfo h3.h3_glass{background:url(fusuma/image/special/h3_glass.gif) no-repeat left top;}
.spinfo h3.h3_urushi{background:url(fusuma/image/special/h3_urushi.gif) no-repeat left top;}
.spinfo h3.h3_elevator{background:url(fusuma/image/special/h3_elevator.gif) no-repeat left top;}
.spinfo h3.h3_fusuma{background:url(fusuma/image/special/h3_fusuma.gif) no-repeat left top;}
.spinfo h3.h3_tenkai{background:url(fusuma/image/special/h3_tenkai.gif) no-repeat left top;}
.spinfo h3.h3_order{background:url(fusuma/image/special/h3_order.gif) no-repeat left top;}
.spinfo h3.h3_washi{background:url(fusuma/image/special/h3_washi.gif) no-repeat left top;}
.spinfo h3.h3_sunago{background:url(fusuma/image/h3_sunago.gif) no-repeat left top;}

.spinfo .spcomment{
	padding:5px 0 0 8px;
	min-height:48px;
	color:#777;
}
.toDiy{
	padding:10px 0 30px 0;
}
.toDiy a{
	display:block;
	width:160px;
	height:113px;
	text-indent:-9999px;
	background:url(fusuma/image/todiy.gif) no-repeat;
}
.toDiy a:hover{
	background-position:0 -113px;
}
.attention{
	margin:10px 0;
	padding:15px;
	color:#333;
	border:1px solid #d4cbce;
	background:#f0ede8;
}
.prof{
	padding:0 10px 10px 10px;
	font-size:11px;
	color:#333;
	background:#eee url(image/profbg.gif) no-repeat left bottom;
}
.profTop{
	height:10px;
	background:url(image/profbg_top.gif) no-repeat left bottom;
}
.prof h3{
	margin-bottom:10px;
	padding-left:10px;
	font-size:14px;
	background:url(image/h3.gif) no-repeat left bottom;
}
#right .yougoQ{
	margin:15px 0 15px 0;
	width:520px;/*winIE用*/
	height:31px;
	line-height:31px;
	padding-left:35px;
	font-size:14px;
	background:url(image/yougo_q.gif) no-repeat;
	color:#333333;
}
html>body #right .yougoQ{
	width:525px;/*その他のブラウザ用*/
}
#right .yougoA {
	width:525px;
	margin:10px 0 10px 0;
	background:url(image/yougo_a.gif) left 2px no-repeat;
	padding:3px 0 0 35px;
	}
.yougoA strong, .answer strong{
	border-bottom:1px dotted #c90;
}

/*** 作品制作について ***/
.linkTxt{
	text-align:right;
}
.orderBox{
	background:#f8f8f8 url(image/bg_wa.jpg) 50px -350px no-repeat;
	margin:0 0 20px 0;
	padding:20px;
	border-radius:5px;
	border:1px solid #e4d4bb;
}

.orderTtl{
	margin:0 0 20px;
	padding:2px 0 2px 8px;
	border-left:5px solid #ff6600;
	font-size:20px;
}
.linkBtnWrap{
	padding:5px 0 0 0;
	clear:both;
	height:40px;
}
.linkBtn{
	display:block;
	float:right;
	width:250px;
	height:40px;
	line-height:40px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f60), color-stop(0.00, #ff8c00));
	background: -webkit-linear-gradient(#ff8c00, #f60);
	background: -moz-linear-gradient(#ff8c00, #f60);
	background: -o-linear-gradient(#ff8c00, #f60);
	background: -ms-linear-gradient(#ff8c00, #f60);
	background: linear-gradient(#ff8c00, #f60);
	box-shadow:0px 2px 2px #c0b4ae;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}
.linkBtn:hover{
	color:#fff;
	background:#ff8c00;
	}
.linkBtn:link,
.linkBtn:visited,
.linkBtn:active{
	color:#fff;
}


/*********************************
　お問い合わせ
*********************************/
fieldset{
	border:none;
}
legend{
	display:none;
}
.formTable{
	font-size:12px;
}
.formTable th{
	font-weight:normal;
}
fieldset input, fieldset select, fieldset textarea{
	margin:3px;
	padding:1px;
	width:200px;
	height:16px;
	font-size:12px;
	color:#666666;
	border:1px solid #aaa;
}
fieldset select{
	width:116px;
	height:18px;
}
fieldset textarea{
	width:300px;
	height:100px;
}
fieldset input.zip{
	width:100px;
}
fieldset input.submit{
	width:130px;
	height:25px;
}
fieldset input:hover, fieldset select:hover, fieldset textarea:hover{
	border:1px solid #999;
	background-color:#ffe;
}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus{
	border:1px solid #666;
	background-color:#ffe;
}


/*********************************
　リンク
*********************************/
