@charset "UTF-8";

/*localnav
-----------------------------------------------------------------------------------------*/
#localnav{
	background:#ECE1D3;
}
#localnav ul{
	margin:0 auto;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
}
#localnav  ul li{
	float:left;
	width:25%;
	font-size:14px;
	line-height:20px;
	padding-right:1px;
}
#localnav  ul li a{
	line-height:20px;
	padding:10px 0 10px 28px;
	display:block;
	color:#6A3906;
	background:url(images/localnav.png) left no-repeat;
}
#localnav  ul li a.current,
#localnav  ul li a:hover{
	background:#B28247 url(images/localnav_on.png) left no-repeat;
	color:#FFF;
}



/*article
-----------------------------------------------------------------------------------------*/
article + article{
	margin-top:70px;
	padding-top:70px;
	border-top:10px solid #4D4D4D;
}
article a{
	text-decoration:underline;
	color:#0071BC;
}
article a:hover{
	text-decoration:none;
}
article h1{
	font-size:35px;
	line-height:50px;
	text-align:center;
	margin-bottom:10px;
}
article h2{
	font-size:35px;
	line-height:50px;
	margin-bottom:20px;
}
article h1 + p{
	text-align:center;
}
article h3{
	font-size:21px;
	line-height:30px;
	font-weight:bold;
	color:#EA5514;
	margin-bottom:10px;
}
article section{
	margin-top:50px;
}
article section + section{
	padding-top:50px;
	border-top:1px solid #4D4D4D;
}
article section > section + section{
	padding-top:0;
	border:none;
}
article li{
	line-height:28px;
}
article ol li,
article ul.dot li{
	margin:8px 0 8px 25px;
	list-style-type:decimal;
}
article ul.dot li{
	list-style-type:disc;
}
/*-------------------------table*/
article table{
	margin:10px 0;
	background:#FFF;
	width:100%;
}
article th,
article td{
	padding:10px 15px;
	border:1px solid #4D4D4D;
}
article th{
	background:#F1F1F1;
	text-align:center;
	white-space:nowrap;
}
/*-------------------------position*/
.right{
	float:right;
	margin-left:20px;
}
.left{
	float:left;
	margin-right:20px;
}
/*-------------------------h2*/
article h2.bold{
	font-size:24px;
	line-height:40px;
	font-weight:bold;
	margin-bottom:5px;
}
article h2.midasi{
	text-align:center;
}
article h2.bar{
	border-left:7px solid #F39800;
	padding-left:15px;
}
/*-------------------------zoom*/
.zoom a{
	display:block;
	float:left;
	margin-right:20px;
	position:relative;
	background:#999;
}
.zoom a:after{
	content:" ";
	width:50px;
	height:50px;
	background:rgba(0,0,0,0.3) url(images/zoom.png) center center no-repeat;
	bottom:0;
	left:0;
	position:absolute;
}
/*-------------------------spec*/
.spec{
	width:380px;
}
.spec th{
	background:#FDEACC;
	text-align:left;
	vertical-align:top;
	width:80px;
}
.spec th,
.spec td{
	font-size:14px;
	line-height:24px;
}

/*service
-----------------------------------------------------------------------------------------*/
#service section{
	background:#F7F8F8;
	padding:60px 60px 0px 60px;
}
#service section + section{
	margin-top:15px;
	border:none;
}
#service .left{
	margin:-60px 60px 0px -60px;
}
#service .right{
	margin:-60px -60px 0px 60px;
}
#service h2{
	color:#956134;
	margin-bottom:10px;
}
#service p.more{
	margin-top:20px;
}

/*sales
-----------------------------------------------------------------------------------------*/
#sales .mainimg{
	padding:50px 0;
	background:url(images/cat_sales.png) right no-repeat;
}
#sales .mainimg p{
	width:400px;
}

/*process
-----------------------------------------------------------------------------------------*/
#process .mainimg{
	padding:50px 0;
	background:url(images/cat_process.png) right no-repeat;
}
#process .mainimg p{
	width:400px;
}

/*development
-----------------------------------------------------------------------------------------*/
#development .mainimg{
	padding:50px 0;
	background:url(images/cat_development.png) right no-repeat;
}
#development .mainimg p{
	width:400px;
}

/*message
-----------------------------------------------------------------------------------------*/
#message .left{
	width:520px;
}
#message .daihyo{
	background:#000;
	color:#FFF;
	padding:15px 20px;
	font-size:18px;
	line-height:40px;
}
#message .name{
	margin-left:30px;
	font-size:28px;
}
#message .kana{
	display:block;
	letter-spacing:5px;
}

/*philosophy
-----------------------------------------------------------------------------------------*/
#philosophy .right{
	margin-left:70px;
}

/*history
-----------------------------------------------------------------------------------------*/
#history table{
	margin-top:30px;
}
#history table th,
#history table td{
	border-left:none;
	border-right:none;
}
#history table th{
	width:120px;
	font-weight:bold;
	background:none;
}
#history table td{
	padding-left:80px;
}

/*shop
-----------------------------------------------------------------------------------------*/
#shop .left{
	width:500px;
}

/*outline
-----------------------------------------------------------------------------------------*/
#outline table{
	margin-top:30px;
}
#outline table th{
	width:280px;
	text-align:left;
}
#outline table th,
#outline table td{
	padding:15px 30px;
}

/*siteinfo
-----------------------------------------------------------------------------------------*/
#siteinfo h2{
	color:#0070CB;
	font-size:20px;
	margin:30px 0 5px 0;
	font-weight:bold;
}
#siteinfo h3{
	color:#0070CB;
	font-size:20px;
	font-weight:bold;
}
#siteinfo .notice{
	padding:30px;
	margin-top:30px;
	background:#FFFCCC;
}
#siteinfo ul span{
	display:block;
	margin:10px 0;
}

/*sitemap
-----------------------------------------------------------------------------------------*/
#sitemap a{
	text-decoration:none;
}
#sitemap > ul{
	margin-top:30px;
}
#sitemap > ul > li > a{
	display:block;
	padding:8px 15px;
	color:#FFF;
	background:#6B4E2B url(images/ya_w.png) right no-repeat;
	margin-top:10px;
}
#sitemap > ul > li > a:hover{
	background-color:#B28247;
}
#sitemap > ul > li > ul{
	padding:0 0 15px 15px;
}
#sitemap > ul > li > ul >li{
	margin:10px 0 0 0;
	white-space:nowrap;
	float:left;
	width:20%;
	padding-left:22px;
	background:url(images/link.png) 0 5px no-repeat;
}
#sitemap > ul > li > ul >li a:hover{
	text-decoration:underline;
}
#sitemap > ul > li > ul >li > ul{
	height:300px;
}
#sitemap > ul > li > ul >li > ul > li{
	margin-left:22px;
	list-style-type:disc;
}
#sitemap .children:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#sitemap .children {
	min-height: 1px;
}
* html #sitemap .children {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*links
-----------------------------------------------------------------------------------------*/
#links section + section{
	border:none;
	padding-top:0;
}
#links h2{
	font-size:18px;
	line-height:30px;
	color:#FFF;
	background:#6B4E2B;
	padding:10px 15px;
	margin:0;
	letter-spacing:2px;
}
#links li{
	background:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #CCC;
}
#links li a{
	display:block;
	padding:12px 0px 12px 35px;
	background:url(images/link.png) 10px 20px no-repeat;
	text-decoration:none;
}
#links li a:hover{
	background-color:#F1F1F1;
}
#links li a span{
	display:block;
}
#links li a span.title{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	padding-left:30px;
	margin-left:-30px;
	color:#000;
}
#links li a span.copy{
	color:#000;
}


/*privacy
-----------------------------------------------------------------------------------------*/
#privacy h2{
	color:#0070CB;
	font-size:20px;
	margin:30px 0 5px 0;
	font-weight:bold;
}



/*form
-----------------------------------------------------------------------------------------*/
#form em{
	background:none;
	color:#EF2E61;
}
#form h2{
	font-size:18px;
	line-height:30px;
	color:#FFF;
	background:#6B4E2B;
	padding:10px 15px;
	margin:0;
	letter-spacing:2px;
}
/*-------------------------フォーム入力・結果枠*/
#form dl{
	border:1px solid #CCCCCC;
	border-top:none;
	background:#F1F1F1;
	margin-bottom:10px;
}
#form dt{
	float:left;
	width:250px;
	padding:15px;
	border-top:1px solid #CCCCCC;
}
#form dt span{
	display:block;
	margin-top:5px;
	color:#CC0000;
}
#form dt em{
	float:right;
	padding:0 5px;
	background:#EF2E61;
	color:#FFF;
	font-size:14px;
}
#form dd{
	border-top:1px solid #CCCCCC;
	margin-left:250px;
	padding:15px;
	background:#FFFFFF;
}
/*-------------------------フォーム部品*/
#form input[type="checkbox"],
#form input[type="radio"],
#form input[type="date"],
#form select{
	margin-right:5px;
}
#form input[type="text"],
#form input[type="tel"],
#form input[type="email"]{
	width:50%;
	font-size:16px;
	line-height:30px;
}
#form input[type="text"],
#form input[type="tel"],
#form input[type="email"],
#form textarea{
	margin-right:5px;
	border:1px solid #999999;
	padding:3px;
}
#form textarea{
	width:100%;
	margin-right:0;
	font-size:16px;
	line-height:30px;
}
#form .radio label{
	margin-right:20px;
}
#form .zip input,
#form .adress1 input{
	width:120px;
}
#form .company input,
#form .adress2 input,
#form .adress3 input{
	width:85%;
}
/*-------------------------確認画面*/
#contents div.wpcf7-validation-errors{
	font-size:16px;
	border:none;
	margin:20px 0;
	background:red;
	color:#FFF;
	padding:10px;
	text-align:center;
}
#form .wpcf7c-conf{
	background:#FFF5FF;
}
/*-------------------------ボタン*/
#form p.navbtn{
	margin-top:20px;
	text-align:center;
}
#form input[type="button"],
#form input[type="submit"]{
	border:none;
	padding:10px 40px;
	margin:0 10px;
	font-size:18px;
	line-height:30px;
	color:#FFFFFF;
	background:#0071BC url(images/navbtn1.png) right no-repeat;
	box-shadow: 0 5px 0 #00558D;
	-webkit-box-shadow: 0 5px 0 #00558D;
	-moz-box-shadow: 0 5px 0 #00558D;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position:relative;
}
#form input[type="button"]{
	background:#999999 url(images/navbtn2.png) left no-repeat;
	box-shadow: 0 5px 0 #666666;
	-webkit-box-shadow: 0 5px 0 #666666;
	-moz-box-shadow: 0 5px 0 #666666;
}
#form input[type="button"]:hover,
#form input[type="button"]:focus,
#form input[type="submit"]:hover,
#form input[type="submit"]:focus{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:5px;
}


/*送信完了
-----------------------------------------------------------------------------------------*/
#contents div.wpcf7-mail-sent-ok{
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
#sendmail{
	padding:50px 0 40px 0;
	width:800px;
	margin:50px auto;
	border:10px solid #E6E6E6;
}
#sendmail h1{
	font-size:36px;
	line-height:50px;
	color:#CC0000;
	text-align:center;
}
#sendmail p{
	margin:20px 0 0 0;
	text-align:center;
}