@charset "utf-8";
/*
 responsive base
*/


/* PC用
------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	
	
		
	.inner{
		margin :0 auto;
		width:900px;
		padding:0 50px;
	}
	
	.wide_inner{
		margin :0 auto;
		width:1000px;
	}
	
	.fix_inner{
		width:auto;
	}
	
	.fix_inner img{
		min-width:1000px;
		width:100%;
	}
	
	

/* ---------------------------------------- #header */
		
	.header-inner{
		margin:0 auto;
		}
	
	#logo {
		color: #0099ff;
		margin:30px 10px 10px 0;
		width:280px;
		float:left;
	}
	.logo_sub{
		float:left;
		margin-top:35px ;
	}
	#time {
		float:right;
	}
.h_tel{
	display:none;
}
	.h-online {
	}
	.h-online img {
		margin-top:-10px;
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; 
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;	}
	.fb-like {
		color: #0099ff;
		float:left;
		padding-bottom:5px;
		
	}
	.fb-like_rigth{
		float:right;
	}
.menu_left{
	float:left;
}
	.sns {
		color: #0099ff;
		float:right;
		font-size:25px;
	
	}
	
		#hansel{
			margin-top:10px;
			text-align:right;
			font-size:90%;
	}



/*ヘッダーメニュー*/
header nav {
	clear:both;
	padding:0px 0 0;
	margin-top:10px;
}
header nav ul {
	margin: 0 auto;
	list-style-type: none;
	text-align:center;

}
header nav ul li {
	float:left;
}


header nav ul li ul {
	display: none;
}

header nav ul li.current_page_item a{
}
/*
header nav ul li:last-child {
margin-right: 50px;
float:right;
}
*/


/*サブメニュー：のびるところ*/
.menu-header ul.sub-menu {
	margin-top:45px;
	position:absolute;
	z-index:9999;
}
.menu-header ul.sub-menu li{
	float:none;
	}

.menu-header ul.sub-menu li a,
.menu-header ul.sub-menu li a:visited{
	color:#7a6356; 
	background-color:#f1eada;
	text-align:left;
	width:160px;
	padding:5px 5px 10px;
	font-size:13px;
	letter-spacing:0px;
	border-left:1px solid #7a6356;
	border-right:1px solid #7a6356; border-bottom:1px solid #7a6356;
}

.menu-header ul.sub-menu li a:hover{
	background-color:#7a6356;
	color:#fff;
}


.cart a{
	float:right;
	color:#f1eada;
	background:#7a6356;
	padding:5px 20px;
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}
.cart a:hover{
	background:#f1eada;
	color:#7a6356;
}

.daibiki{
	float:right;
	margin-top:-35px;
}
.daibiki_btn{
	float:left;
	color:#7a6356;
	background:#f1eada;
	padding:5px 10px;
border-radius: 5px; 
border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius: 5px;
}
.ginko_btn{
	float:left;
	color:#7a6356;
	background:#f1eada;
	padding:5px 13px;
border-radius: 5px; 
border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius: 5px;
margin-left:8px;
}
.daibiki_btn:hover{
	background:#7a6356;
	color:#f1eada;
}
.ginko_btn:hover{
	background:#7a6356;
	color:#f1eada;
}
	
	/* ---------------------------------------- #content */
	
	
	
	.main_bt_box{
		margin:0 50px 20px;
		position: relative;
		overflow: hidden;
		top:-30px;
		width:95%;
	
	}
	.contents_box{
		margin:20px 50px 30px;
	text-align:center;
	clear:both;
	}
	


	.column1{      /* 1カラム*/
		margin-bottom:30px;
	}
	
	 /* 2カラム*/
	.column2 {margin-right:-30px;margin-bottom:30px;}
	.column2 .box{     
		float:left;
		margin-right:30px;
		width:435px;
	
	}
	
	
	.column2_wide .box{
		float:left;
		width:500px;	
	}
	
	
	/* 3カラム*/
	.column3 {margin-right:-30px;
	margin-bottom:30px;}
	.column3 .box{      
		float:left;
		margin-right:30px;
		width:280px;
		}
	
	
	/* 4カラム*/
	.column4 {margin-right:-20px;
	margin-top:30px;}
	.column4 .box{
		width:210px;
		margin-right:20px;
		float:left;
	}
	
	
	/*2カラムリキッド*/
	
	.column2_liquid{
	margin-right:-30px
	}
	.column2_liquid .box{
		float:left;
		margin-right:30px;
		max-width:65%;
	}
		
			
	
	/* AccordionArea
	-------------------------- */
	.accordion{
		margin:0 50px 0 0px;
		padding:20px 10px;
		border-bottom:solid 1px #CCCCCC;
		}
	dl.accordion{
	}
	dd{overflow: hidden;}
	dt{float:left;
		font-size:20px;
		width:250px;
	pointer-events:none;
	}
	.img-middle{
			vertical-align:middle;
	}
	
	dl.accordion dt.open {
	}
	
	
	/* ---------------------------------------- home */	

	.main_box{
		position:relative;
		display:block;

	}
	
	.main_tx{
		position:absolute;
		display:block;
 z-index:80;
  font-size:120%;
  top:10%;
  left:50%;
  text-align:right;
  
 }



	.home_bgbox{
		position:relative;
		display:block;
		margin:0 auto;

	}
	.home_bgbox img{
		z-index:0;
	}
	
	.home_bgtx{
		position:absolute;
		display:block;
 z-index:80;
 color:#fff;
 background:rgba(0,0,0,0.5);
 text-align:center;
 width:425px;
 bottom:0;
 padding:5px;
  font-size:150%;
 }


	.home_text{
		float:left;
		margin-bottom:30px;
	}
	
	.home_link{
		float:right;
		padding:30px 15px;
		background:#7a6356;
		text-align:center;
		color:#fff;
		margin:20px 0 0px;
	}
	a:hover .home_link{
		float:right;
		padding:29px 14px;
		border:1px solid #7a6356;
		background:#fff;
		color:#7a6356;
		text-align:center;
		margin:20px 0 0px;

	}


.oshirase{
	border:#ababab solid 1px;
	padding:20px;
}
.oshirase h4{
	color:#7a6356;
	float:left;
	width:500px;
}
.news{
	padding:10px 20px;
}
.news a{
	color:#98C73B;
}
.news a:hover{
	text-decoration:underline;
}

p.mezasu{
	border-top:1px solid #ababab;
	border-bottom:1px solid #ababab;
	padding:10px 0;
display: table-cell;
	vertical-align: middle;
	width:435px;
	height:80px;}
.mezasu_i{
	float:right;
	margin-top:-13%;
	margin-right:10px;
	font-size:26px;
}
.mezasu_img{
	margin-top:10px;
}


.icon_btn{
	padding:15px;
	border:1px solid #7a6356;
	text-align:center;
	height:150px;
	    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	
}
.icon_btn_img{
	width:50%;
	margin:5px auto 0;
}
.icon_btn_tx{
	margin-top:5px;
}
.icon_btn_tx2{
	margin-top:20px;
}

	
	/* ---------------------------------------- concept */	
	

	.concept01_bg{
		position:relative;
		display:block;

	}
	.concept01_bg img{
		z-index:0;
		margin-left:45%;
		margin-top:15%;
		margin-bottom:-1px;
	}
	
	.concept01_bg_tx{
		position:absolute;
		display:block;
		 top: 0;
 z-index:80;
 width:70%;
 }

.concept_text2{
	padding:40px 0;
	text-align:center;
	color:#fff;
}
.concept_text3{
	padding:40px 0;
	text-align:center;
}

	.concept02_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.concept02_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 60%;
 z-index:80;
		font-size:120%;
 }
	.concept03_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.concept03_tx{
		position:absolute;
		display:block;
		 top: 20%;
 left: 5%;
 z-index:80;
		font-size:120%;
 }
	.concept04_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.concept04_tx{
		position:absolute;
		display:block;
		 top: 30%;
 left: 35%;
 z-index:80;
 text-align:center;
  background:rgba(255,255,255,0.7);
  padding:15px 30px;
		font-size:120%;
 }
	
	
	
	/* ---------------------------------------- products */	


	.bg_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	.bg_box img{
		z-index:0;
	}
	
	.bg_tx{
		position:absolute;
		display:block;
		 top: 30%;
 left: 35%;
 z-index:80;
 color:#fff;
 }
	
	.products_t{
		padding:5px;
		border:1px solid #fff;
		text-align:center;
		width:400px;
		font-size:120%;
		color:#fff;
	}
	a:hover .products_t{
		padding:5px;
		border:1px solid #fff;
		text-align:center;
		width:400px;
		font-size:120%;
		background:#7a6356;
		color:#fff;
	}
	
	.products_text{
		float:left;
		font-size:120%;
	}
	
	.products_link{
		float:right;
		padding:10px;
		border:1px solid #fff;
		text-align:center;
		color:#fff;
	}

	a:hover .products_link{
		float:right;
		padding:10px;
		border:1px solid #fff;
		text-align:center;
		background:#7a6356;
		color:#fff;
	}


.btn_kounyu{
	border:1px solid #ababab;
	padding:10px;
	width:40%;
	margin:60px auto;
	text-align:center;
	font-size:18px;
}	
a:hover .btn_kounyu{
	border:1px solid #ababab;
	background:#7a6356;
	padding:10px;
	color:#fff;
	width:40%;
	margin:60px auto;
	text-align:center;
	font-size:18px;
}


	/* ---------------------------------------- どこでもカラーミー */	


.docodemo{
	margin-left:-90px !important;
	overflow:hidden !important;
}
.docodemo table th{
	padding-top:10px !important;
}
.docodemo table td{
	padding-top:10px !important;
}

	/* ---------------------------------------- kit */	

	.kit01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.kit01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 60%;
 z-index:80;
		font-size:150%;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }


	.kit02_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.kit02_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 45%;
 z-index:80;
		font-size:150%;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }


.kit_img{
	float:left;
	margin-top:30px;
}
.kit_shousai{
	float:right;
	width:40%;
	margin-bottom:40px;
	margin-top:20px;
}




	/* ---------------------------------------- wood */	

	.wood01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.wood01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 45%;
 z-index:80;
		font-size:150%;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }

.wood_img{
	float:left;
	margin-top:30px;
}
.wood_shousai{
	float:right;
	width:50%;
	margin-bottom:40px;
	margin-top:20px;
}


	/* ---------------------------------------- plaster */	

	.plaster01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.plaster01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 40%;
 z-index:80;
		font-size:150%;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }
 
 	.plaster01_txs{
		font-size:14px;
		margin-right:20px;
	}


	/* ---------------------------------------- paint */	

	.paint01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.paint01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 65%;
 z-index:80;
		font-size:150%;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }


	/* ---------------------------------------- voice*/	
	
.voice01{
	margin-bottom:40px;
}
	
.voice01_img{
	float:left;
	width:49%;
}
.voice01_tx{
	float:right;
	width:49%;
}

.voice02{
	margin-bottom:40px;
}
	
.voice02_img{
	float:right;
	width:49%;
}
.voice02_tx{
	float:left;
	width:49%;
}

.voice03{
	margin-bottom:40px;
}
	
.voice03_img{
	float:left;
	width:49%;
}
.voice03_tx{
	float:right;
	width:49%;
}


	/* ---------------------------------------- story*/	
	

.story_tx{
	margin:20px 0 60px;
	padding-bottom:20px;
	border-bottom:1px solid #7a6356;
	width:60%;
	
}

	/* ---------------------------------------- contact*/	
#form{
	text-align:center;
}

.mailTable {
	border:0;
	border-collapse: collapse;
	border:1px solid #7a6356;
	font-size:16px;
	width:100%;
}
.mailTable th, .mailTable td {
	border:1px solid #7a6356;
	padding:8px 20px;
}
.mailTable th{
	background:#f1eada;
}


#form input[type="submit"] {
	margin:20px auto;
	background:#7a6356;
	color: #FFF;
	border:none;
	padding:10px;
	width:50%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	
	font-size:16px;
}

#form input.button-confirm{
	background:#F93;
	color: #FFF;
	border:none;
	padding:10px;
	width:100%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	
	font-size:16px;
}
/*button-rewrite*/
					
					

#form input[type="submit"]:hover{
	background:#666;
}


#textarea {
width: 100%;
height: 16em;
line-height: 1.5em;
}
#textname {
width: 100%;
height: 2.5em;
}


	/* ---------------------------------------- #transactions */
	
	
.yamato{
	font-size:80%;
	border-collapse: collapse;
	border:1px solid #7a6356;
}


.yamato td{
	padding:8px !important;

}

		
	/* ---------------------------------------- #footer */

.footer_link_w{
	margin-top:80px;
}

.footer_link{
	border:1px solid #808080;
	padding:5px;
	text-align:center;
	margin-top:10px;
}
a:hover .footer_link {
		background:#7a6356;
		color:#fff;
}

	
	.fnavi{
		font-size:12px;
		margin:0 auto;
				
	}
	
	
	#footProf{
		margin:0 0 30px;
	}
	#f_logo{
	  float:left;
	  width:200px;
	  margin-right:20px;
	  margin-top:30px;
	}
	#f_ad{
		text-align:left;
		float:left;
	}
	#f_ad a{
		color:#fff;
	}
	#f_name{
		text-align:left;
		font-size:20px;
		font-weight:600;
	}
	
	#copyrights{
		float:right;
	}
#f_bn {
	  color: #0099ff;
	  float:right;
	}
		

.menu-footer{
	clear:both;
	padding:0px 0 20px;
	margin:0;
	
}

#menu-footer{
		}

.menu-footer li{
	display:block;
	float:left;
	margin-right:40px;
}


.menu-footer > ul > li:before {
  content: '\f0da' ;
  font-family: FontAwesome; 
  display: inline-block;
  color:#FFF;
}​

.a{}


.menu-footer li a{
	color:#fff;
}

.menu-item-has-children{
	font-weight:bold;
	color:#f60;
}

.menu-item-has-children a,
.menu-item-has-children a:visited{
	color:#fff;	
}

.menu-item-has-children li a{
	color:#fff;	
}
.menu-item-has-children li a:visited{
	color:#fff;	
}



.menu-item-has-children li{
	clear:both;	
	font-weight:normal;
}





	
}

/* タブレット用以上（MENU）
------------------------------------------------------------*/
@media only screen and (min-width:641px){

}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (max-width:940px){

}



/* スマートフォン 横(ランドスケープ) 
------------------------------------------------------------*/

@media only screen and (max-width:640px){


}


/* スマートフォン 縦(ポートレート) 
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	
h2{ font-size:15px; }   
h3{	font-size:15px;	}
h4{	font-size:16px;	}  
h5{ font-size:15px; }
	
#header{
	margin-bottom:50px;
}
#hansel{
	display:none;
}

	.inner{
		margin :0 auto;
		padding:0 20px;
	}
	
	.wide_inner{
		margin :0 auto;
	}
	
	/* ---------------------------------------- #header */
	
	.header-inner{
		margin:0px 0px 0px;}
	
	#logo {
		color: #0099ff;
			z-index: 999999;
	    position: fixed;
			text-align:center;
			padding-top:18px;
			width:220px;
	}

.logo_sub{
	    position: fixed;
			z-index: 999999;
			font-size:60%;
			margin-top:5px;
}
	
	#time {
		display:none;
	}
.h_tel{
	text-align:center;
	margin:10px 0;
	color:#4D5B70;
}
.h_telnum{
	font-size:20px;
	font-weight:600;
}
	
	.h-online img {
		float:left;
		width:155px;
		margin:5px 0 10px;
		border-radius: 6px; /* CSS3草案 */ 
-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 6px; /* Firefox用 */
	}
	.fb-like {
		float:left;
		margin-right:5px;
	}
		.fb-like_rigth{
		 height:30px;
		
	}
		.menu_left{
		
	}

	.sns {
		margin:10px;
		color: #0099ff;
		font-size:20px;
		float:left;
	}
	
	#hansel{
	}
	
	
.cart a{
	float:right;
	color:#f1eada;
	background:#7a6356;
	padding:3px 10px;
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
margin-top:50px;
	    position: fixed;
			z-index: 999999;
			right:10px;
}
.cart a:hover{
	background:#f1eada;
	color:#7a6356;
}

.daibiki{
	display:none;
}
	
	/* ---------------------------------------- #content */
	
	.main_bt_box{
		margin:10px 20px 20px;
	}	
	.contents_box{
		margin:20px 20px;
	}

	.box{
		margin:0 0px 20px;
	
	}

	.column1 .box{
		margin:0 0px 20px;
	
	}
	

 /* 2カラム*/
	.column2 {}
	.column2 .box{     
		float:left;
		width:100%;
	
	}
	
	
	.column2_wide .box{
			
	}
	
	
	/* 3カラム*/
	.column3 {}
	.column3 .box{      
		}
	
	
	/* 4カラム → 2カラム*/
	.column4 {margin-right:-20px;}
	.column4 .box{
		margin-right:20px;
		width:42%;
		float:left;
		
	}





	/*2カラムリキッド*/
	
	.column2_liquid{
	}
	.column2_liquid .box{
		width:100%;
	}
		

	
	
	
	/* AccordionArea
	-------------------------- */
	dl.accordion {
		background:#EFEFEF; width:100%; margin:0 auto 0px; padding:10px 0px 0px; border-bottom:solid 1px #FFFFFF;
		clear:both;
	}
	dl.accordion dt {
		height:20px; text-indent:0px; line-height:0px; color:#333; cursor:pointer;
		padding:5px 10px 10px;
	}
	.img-middle{
			vertical-align:middle;
	}
	dl.accordion dt.open {
	}
	dl.accordion dd { background:#FFF; padding:10px 10px 30px; display:none;}
	
	

	/* ---------------------------------------- home */	

	.main_box{
		position:relative;
		display:block;

	}
	
	.main_tx{
		display:block;
 z-index:80;
 margin-top:10px;
   text-align:center;
  
 }



	.home_bgbox{
		position:relative;
		display:block;
		margin:0 auto;

	}
	.home_bgbox img{
		z-index:0;
	}
	
	.home_bgtx{
		position:absolute;
		display:block;
 z-index:80;
 color:#fff;
 background:rgba(0,0,0,0.5);
 text-align:center;
 width:97%;
 bottom:0;
 padding:5px;
 }


	.home_text{
		margin-bottom:20px;
	}
	
	.home_link{
		padding:10px 15px;
		background:#7a6356;
		text-align:center;
		color:#fff;
		margin:0px 0 20px;
	}
	a:hover .home_link{
		padding:9px 14px;
		background:#fff;
		text-align:center;
		color:#7a6356;
		margin:0px 0 20px;
		border:1px solid #7a6356;
	}


.oshirase{
	border:#ababab solid 1px;
	padding:20px;
}
.news{
	padding:10px 20px;
}
.news a{
	color:#98C73B;
}
.news a:hover{
	text-decoration:underline;
}


.oshirase h4{
	color:#7a6356;
}


p.mezasu{
	border-top:1px solid #ababab;
	border-bottom:1px solid #ababab;
	padding:10px 0;
}
.mezasu_i{
	float:right;
	margin-top:-13%;
	margin-right:10px;
	font-size:26px;
}
.mezasu_img{
	margin-top:10px;
}


.icon_btn{
	padding:10px;
	border:1px solid #7a6356;
	    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	
}
.icon_btn_img{
	width:20%;
	float:left;
}
.icon_btn_tx{
	float:left;
	margin:0px 0 0 10px;
}

.icon_btn_tx2{
	float:left;
	margin:15px 0 0 10px;
}

	/* ---------------------------------------- concept */	
	

	.concept01_bg{
		position:relative;
		display:block;

	}
	.concept01_bg img{
		z-index:0;
		margin-top:150%;
	}
	
	.concept01_bg_tx{
		position:absolute;
		display:block;
		 top: 0;
 z-index:80;
 }
.concept_text2{
	padding:40px 0;
	text-align:center;
	color:#fff;
}
.concept_text3{
	padding:40px 0;
	text-align:center;
}

	.concept02_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.concept02_tx{
		display:block;
 text-align:center;
 z-index:80;
		font-size:80%;
		margin:10px 0;
 }
	.concept03_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.concept03_tx{
		display:block;
 text-align:center;
 z-index:80;
		font-size:80%;
		margin:10px 0;
 }
	.concept04_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.concept04_tx{
		display:block;
 text-align:center;
 z-index:80;
 text-align:center;
		font-size:80%;
		margin:10px 0;
 }


	/* ---------------------------------------- products */	


	.bg_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	.bg_box img{
		z-index:0;
	}
	
	.bg_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 4%;
 right:4%;
 z-index:80;
 color:#fff;
 margin:0 auto;
 }
	.bg_tx h5{
		margin-top:-8px; }
	
	.products_t{
		padding:2px;
		border:1px solid #fff;
		text-align:center;
		width:100%;
		color:#fff;
	}
	a:hover .products_t{
		padding:2px;
		border:1px solid #fff;
		text-align:center;
		width:100%;
		color:#fff;
		background:#7a6356;
	}
	
	.products_text{
		float:left;
		font-size:80%;
		margin-top:-15px;
	}
	
	.products_link{
		float:right;
		padding:5px;
		border:1px solid #fff;
		text-align:center;
		margin-top:-25px;
		color:#fff;

	}
	
	a:hover .products_link{
		float:right;
		padding:5px;
		border:1px solid #fff;
		text-align:center;
		background:#7a6356;
		color:#fff;
		margin-top:-25px;

	}

.btn_kounyu{
	border:1px solid #ababab;
	padding:5px;
	width:80%;
	margin:60px auto;
	text-align:center;
}
a:hover .btn_kounyu{
	border:1px solid #ababab;
	background:#7a6356;
	padding:5px;
	color:#fff;
	width:80%;
	margin:60px auto;
	text-align:center;
}	


	/* ---------------------------------------- どこでもカラーミー */	


.docodemo{
	overflow:hidden !important;
}
.docodemo table th{
	padding-top:10px !important;
}
.docodemo table td{
	padding-top:10px !important;
}


	/* ---------------------------------------- kit */	

	.kit01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.kit01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 60%;
 z-index:80;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }


	.kit02_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.kit02_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 45%;
 z-index:80;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }


.kit_img{
	margin-top:30px;
}
.kit_shousai{
	margin-top:20px;
	margin-bottom:40px;
}




	/* ---------------------------------------- wood */	

	.wood01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.wood01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 45%;
 z-index:80;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }

.wood_img{
	margin-top:30px;
}
.wood_shousai{
	margin-top:20px;
	margin-bottom:40px;
}


	/* ---------------------------------------- plaster */	

	.plaster01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.plaster01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 10%;
 z-index:80;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }
 
 	.plaster01_txs{
		font-size:10px;
		margin-right:20px;
	}


	/* ---------------------------------------- paint */	

	.paint01_box{
		position:relative;
		display:block;
		margin:0 auto;

	}
	
	.paint01_tx{
		position:absolute;
		display:block;
		 top: 10%;
 left: 65%;
 z-index:80;
		writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
 }


	/* ---------------------------------------- voice*/	
	
.voice01_tx{
	margin-bottom:30px;
}

.voice02_tx{
	margin-bottom:30px;
}

.voice03_tx{
	margin-bottom:30px;
}

	/* ---------------------------------------- story*/	
	

.story_tx{
	margin:20px 0 30px;
	padding-bottom:20px;
	border-bottom:1px solid #7a6356;
	
}

	/* ---------------------------------------- contact*/	


.mailTable{	
	border-collapse: collapse;
	border-spacing: 1px;  
	margin:0 10px;
}

.mailTable td,
.mailTable th{
	padding:10px 15px;	
	border:1px solid #7a6356;
	width:90%;
	display:block;
}

.mailTable th{
	background:#f1eada;
	}
#form{
	text-align:center;
}

#form input[type="submit"] {
	margin:20px auto;
	background:#7a6356;
	color: #FFF;
	border:none;
	padding:10px;
	width:50%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	
	font-size:16px;
}

#form input.button-confirm{
	background:#F93;
	color: #FFF;
	border:none;
	padding:10px;
	width:100%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	
	font-size:16px;
}
/*button-rewrite*/
					
					

#form input[type="submit"]:hover{
	background:#666;
}


#textarea {
width: 100%;
height: 16em;
line-height: 1.5em;
}
#textname {
width: 100%;
height: 2.5em;
}


	/* ---------------------------------------- #transactions */
	
	
.yamato{
	font-size:70%;
	border-collapse: collapse;
	border:1px solid #7a6356;
}


.yamato td{
	padding:3px !important;

}

		
	/* ---------------------------------------- #footer */
	
.footer_link_w{
	margin-top:30px;
}

.footer_link{
	border:1px solid #808080;
	padding:5px;
	text-align:center;
	margin-top:5px;
}
a:hover .footer_link {
		background:#7a6356;
		color:#fff;
}



	.fnavi{
		font-size:12px;
		padding:5px 0;
	}
	
	.fnavi li{
		margin:0;
		padding:8px 0px;
		border-top:dotted 1px #DEDECF;
	}
	.fnavi li:last-child{
		border-bottom:0px;
	}
	.fnavi ul li a{
		color:#fff;
	}
	
	.footer-inner{
		text-align:center;
		padding-top:10px;
	}
	
	.f_icon a{
	
	}
	#footProf{
		margin:0px 0 10px;
	}
	.ad a{
		color:#FFF;
	}
	#f_logo a {
	  color: #fff;
	  font-size:20px;
	}
	.f_name{
		text-align:left;
		font-size:18px;
		font-weight:600;
	}
	#f_bn {
	  color: #0099ff;
	}

.sub-menu{
	display:none;
}

}