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

/* ==================
                        nav ===== */
						
main #link{}
main .top_box{
	width:298px;
	height:298px;
	
	padding:0;
	float:left;}
main .top_box2{
	width:54px;
	padding:0;
	float:left;}
	
main .top_box:hover{
	background-color: #000;
    opacity: 0.8;}


//* ========   animation   /////////      */


figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figure:hover figcaption {
	opacity: 1;
}

/* ========   KUCHI DESIGN LAB. Area   /////////      */

main div.kuchi_main{
	width:1000px;
	height:780px;
	text-indent:-9999px;
	background:no-repeat top center url(../images/kuchi_main01.png);}

main div.kuchi_main section span{
	display:block;
	width:200px;
	position:absolute;
	left:-9999px;}
	
p.lab_txt{text-align:center;}	
	
/* ========   BRAND Area   /////////      */

main div.brand_main{
	width:1000px;
	
	}

main div.brand_main section{
	width:472px;
	display:block;
	float:left;
	font-size:14px;
	}
main div.brand_main section img{
	text-align:center;
	margin:0 auto;}

main div.brand_main section .logo{
	text-align:center;
	margin:0;
	padding:0;}

main div.brand_main section h2,
main div.brand_main section h3{
	width:100%;
	text-align:center;
	font-size:11px;
	margin:0;
	font-weight:100;}



main .brand_main .btn{
	display:block;
	width:200px;
	margin:30px auto;
	padding:6px 12px;
	font-size:12px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	/*border-radius:4px;*/
	color:#fff;background-color:#666666;border-color:#505050;}
	
main .brand_main .btn:hover{
color:#fff;background-color:#505050;border-color:#666666;}
	



/* ========   COMPANY Area   /////////      */

main .comp_main table{
	width:680px;
	margin:0 auto;
	border:none;
	line-height:2em;
	text-align:left;}

main .comp_main table tr td{
	padding:30px 0 0 10px;
	
	vertical-align:top;}
main .comp_main table tr td.td-r{
	width:30%;}
	
/* ========   CONTACT Area   /////////      */

main .cont_main table{
	width:640px;
	margin:0 auto;
	border:none;
	line-height:2em;
	text-align:left;
	border: solid 1px #4d4d4d;
	border-collapse: collapse;}
	
main .cont_main table tr td{
	padding:10px 0;
	border: solid 1px #4d4d4d;
	border-collapse: collapse;
	/*text-indent:10px;*/
}
	
main .cont_main table tr td.td-r{
	background-color:#ededed;
	border: solid 1px #4d4d4d;
	border-collapse: collapse;
	text-indent:10px;
	width:30%;}
main .cont_main table tr td.ask{
	text-indent:none;
	padding-left:10px;}

main .cont_main select,
main .cont_main textarea,
main .cont_main input{margin-left:10px;}


main .cont_main .ask input{margin-left:0px;}
main .cont_main table span.f_red{
	color:#e81c24;
	font-weight:600;}
	
main .cont_main table tr td input,
main .cont_main table tr td select{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Helvetica,Arial,sans-serif,"MS PGothic",sans-serif;}


main .cont_main input.btn{
	display:block;
	width:200px;
	margin:30px auto;
	padding:6px 12px;
	font-size:12px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	/*border-radius:4px;*/
	color:#fff;background-color:#666666;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Helvetica,Arial,sans-serif,"MS PGothic",sans-serif;}

main .cont_main input.btn2{
	color:#fff;background-color:#a4a4a4;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Helvetica,Arial,sans-serif,"MS PGothic",sans-serif;}

main .cont_main input.btn:hover{
color:#fff;background-color:#505050;}

main .cont_main input.btn2:hover{
color:#fff;background-color:#8e8e8e;}


/* ========  MAIN contact Area   /////////      */

main #Con_Area{
	width:1000px;
	display:block;
	background-color:#efefef;
	margin:50px 0;
	padding:30px 0;
	line-height:2em;
	font-size:14px;
	text-align:center;}

main #Con_Area a{
	color:#;
	font-weight:bold;}
	
	
main #Con_Area span{
	font-weight:bold;
	font-size:18px;}


main #Con_Area .btn{
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	/*border-radius:4px;*/
	color:#fff;background-color:#f9573d;border-color:#e13a1f;}
	
main #Con_Area .btn:hover{
color:#fff;background-color:#e13a1f;border-color:#f9573d;}