@charset "utf-8";

/* Eric Meyer's Reset CSS v2.0
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}

/*table{border-collapse:collapse;border-spacing:0}*/

/*	clearfix
================================================== */

.cf:before, .cf:after { content: " ";display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/*	YUI 3.8.1 (build 5795)
================================================== */

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
-webkit-text-size-adjust: 100%;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/*	BASE
================================================== */

body {
	font-family:"メイリオ","Meiryo","Source Sans Pro","Libre Baskerville","ＭＳ Ｐゴシック",sans-serif;
	color:#444444;
	line-height:185%;
	}

img { vertical-align: top; }
a { color:#C96C3A; text-decoration:none; }
a:hover { color:#C96C3A; text-decoration:underline; }


a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}/* 画像のロールオーバー時の設定　必要な場合のみ */

.none{
	margin-right:0px !important;
}
#inquiry{
	text-align:center;
	margin-top:65px;
}
#inquiry p{
	margin-bottom:30px;
}
/*	LAYOUT
================================================== */
html {
	overflow-y:scroll;
	}

#wrapper{
	overflow:hidden;
	}


/*	HEADER
================================================== */
#header {
	width:100%;
	}
	#header a { color:#fff; text-decoration:none; }
	#header a:hover { color:#C96C3A; text-decoration:none; }

#header-in {
	width:1146px;
	margin:0 auto 20px;
}
#header-in ul{
	float:right;
}
#header-in ul li{
	float:left;
	margin-left:22px;
}
#header-in ul li.tel{
	margin-top:25px;
}

#header-in div#Navi{
	width:1130px;
	margin:85px auto 0 auto;
	position:relative;
	}
#header-in div#Navi .Logo{
	float:left;
	margin-top:-64px;
	background:url(../common_img/glid.png) no-repeat center top;
	height:118px;
	margin-right:20px;
	margin-left:5px;
	}
	#header-in div#Navi .Logo img{
	padding-top:34px;
	}
#header-in ol{
	float:left;
	}
	#header-in ol li{
	float:left;
	margin-right:15px;
	}
	#header-in ol li.none{
	margin-right:0px !important;
	}
	#header-in ol li.fb{
	position:absolute;
	top:0; right:10px;
	}
	#header-in ol li.insta{
	position:absolute;
	top:0; right:-23px;
	}




/*	FOOTER
================================================== */
#footer {
	width:100%;
}
	#footer a { color:#fff; text-decoration:none; }
	#footer a:hover { color:#C96C3A; text-decoration:none; }

#footer .footer_bg{
	background:url(../common_img/footer/bg.png) repeat-x center top;
	height:48px;
}

#footer .footer_in{
	background-color:#3B1F00;
	padding-top:23px;
	padding-bottom:23px;
}
#footer .footer_in p{
	text-align:center;
	line-height:160%;
	color:#FFFFFF;
	letter-spacing:2px;
	font-size:12px;
	}
#footer .footer_in .copy{
	font-family:"Source Sans Pro",sans-serif;
	}
	
/*
#pagetop{
	margin:-530px 0 0 50%;
	position:relative;
	z-index:99;
	}
#pagetop img{
	margin:0 0 0 -45px;
	}
*/





/*	index
================================================== */

#index{
	background-color:#F8F8F7;
	padding-bottom:80px;
	width:100%;
}
.index-in{
	width:1280px;
	margin:0 auto;
}
.index-in .title{
	background:url(../img/icon_01.png) no-repeat left top;
	margin-top:57px;
	margin-left:105px;
	width:383px;
	float:left;
	z-index:9997;
	position:relative;
}
.index-in .title h2{
	padding-top:57px;
}
.index-in .title h2 img{
}
.index-in .title .photo{
	z-index:9998;
	margin-left:-105px;
	margin-top:60px;
}

.index-in .main_img_1{
	float:left;
	margin-left:-41px;
	z-index: 2000;
	width:830px;
}
.index-in .main_img_1 #slider{
	z-index: 2000;
}
.index-in .main_img_1 ol{
	margin-top:12px;
}
.index-in .main_img_1 ol li{
	float:left;
	margin-right:10px;
}
.index-in .main_img_1 #info{
	margin-top:30px;
}
.index-in .main_img_1 #info p{
	margin-bottom:15px;
}
.index-in .main_img_1 #info dl{
	width:690px;
	border-bottom:1px solid #C9C0B7;
}
.index-in .main_img_1 #info dl dt{
	float:left;
	width:105px;
	line-height:27px;
	color:#4B2C0E;
}
.index-in .main_img_1 #info dl dd{
	float:left;
	width:585px;
	line-height:27px;
}

.index-in .box01{
	position:relative;
	left:92px; top:-73px;
}
.index-in .box01 .left{
	float:left;
	width:507px;
	margin-right:50px;
	padding-top:22px;
}
.index-in .box01 .right{
	float:left;
	width:393px;
	background:url(../img/icon_02.png) no-repeat left top;
}
.index-in .box01 .right h3{
	margin-top:65px;
	margin-bottom:33px;
}

.index-in .box02{
	width:1159px;
	background:url(../img/Line.png) no-repeat right top;
	position:relative;
	left:122px; top:-70px;
	padding-top:90px;
}
.index-in .box02 .left{
	background:url(../img/icon_03.png) no-repeat left top;
	padding-top:63px;
	float:left;
	margin-right:44px;
}
.index-in .box02 .left h3{
	margin-bottom:40px;
}
.index-in .box02 .right{
	float:left;
	width:750px;
	padding-top:63px;
}
.index-in .box02 .right ul{
	width:750px;
	background-color:#F8F8F7;
}
.index-in .box02 .right ul li{
	float:left;
	margin-right:30px;
}
.index-in .box02 .right ul li div{
	width:220px;
	height:274px;
/*	padding:5px;
	background-color:#3B1F00;*/
	overflow:hidden;
	border:5px solid #3B1F00;
}
.index-in .box02 .right ul li p.text{
	width:230px;
	text-align:center;
	font-family:"Source Sans Pro",sans-serif;
	font-weight:600;
	font-size:13px;
	letter-spacing:1px;
	color:#C96C39;
	margin-top:23px;
}
.index-in .box02 .right ul li.none{
	margin-right:0px !important;
}

.index-in .box03{
	width:1050px;
	margin:0 auto 55px;
	background:url(../img/icon_04.png) no-repeat center top;
	}
	.index-in .box03 h3{
	width:1280px;
	height:30px;
	text-align:center;
	padding-top:57px;
	}
.index-in .box03 .leftBox{
	float:left; display:inline;
	width:460px;
	margin:0 75px 0 0;
	}
	.index-in .box03 .leftBox img{
	border:10px solid #ddd;
	}
.index-in .box03 .rightBox{
	float:left; display:inline;
	width:480px;
	margin:0 0 0 0;
	}
	.index-in .box03 .rightBox h4{
	margin:27px 0 37px;
	}
	.index-in .box03 .rightBox p{
	margin:0 0 15px;
	}
	.index-in .box03 .rightBox p+p{
	margin:0 0 35px;
	}
	.index-in .box03 .rightBox p:last-child{
	margin:0 0 0px;
	}
/*
.index-in .box03 #map{
	float:left;
	width:731px;
	height:451px;
	margin-right:54px;
	z-index:100;
}
.index-in .box03 .right{
	float:left;
	width:480px;
	z-index:9999;
}
.index-in .box03 .right h4{
	margin-left:-153px;
	margin-top:65px;
	margin-bottom:35px;
	z-index:9999;
	position:relative;
}
.index-in .box03 .right p{
	margin-bottom:20px;
}
*/

.index-in .box04{
	width:960px;
	margin:87px auto 0;
}

.index-in .box04 .left{
	width:259px;
	background:url(../img/icon_05.png) no-repeat center top;
	float:left;
}
.index-in .box04 .left h3{
	padding-top:58px;
	text-align:center;
}
.index-in .box04 .right{
	float:left;
	width:690px;
	/* background:url(../common_img/line.png) repeat-y left top; */
	padding-bottom:3px;
}

.index-in .box04 .right p{
	width:690px;
	line-height:28px;
	padding-bottom:30px;
}
.index-in .box04 .right p:nth-of-type(1){
	background:url(../common_img/line.png) repeat-y left top;
}
.index-in .box04 .right p.none{
margin-bottom:0px !important;
}
.index-in .box04 .right dl{
	background:url(../common_img/line.png) repeat-y left top;
}
.index-in .box04 .right dl dt{
	color:#4B2C0E;
	float:left;
	width:100px;
	line-height:28px;
}
.index-in .box04 .right dl dd{
	float:left;
	width:590px;
	line-height:28px;
}

.index-in .box04 .right p:nth-of-type(2){
	margin:50px 0 0;
}



/*	Styles
================================================== */

#Styles{
	background-color:#F8F8F7;
	padding-bottom:65px;
	width:100%;
}
.Styles-in{
	width:900px;
	margin:0 auto;
}
.Styles-in h3{
	margin-bottom:35px;
}
.Styles-in h4{
	width:900px;
	text-align:center;
	background:url(../styles-html/img/icon_01.png) no-repeat center top;
	padding-top:48px;
}

.Styles-in ul#view{
	float:right;
	width:150px;
	margin-top:-8px;
	margin-bottom:23px;
}
.Styles-in ul#view li{
	float:right;
}
.Styles-in ul#view li.view{
	margin-top:8px;
	margin-right:8px;
}
.Styles-in .styleList{
	float:left;
	width:238px;
	height:600px;
	overflow:hidden;
	margin-right:90px;
	margin-bottom:50px;
	position:relative;
}
.Styles-in .styleList h5{
	margin-bottom:22px;
	}
	.Styles-in .styleList h5 .expand{
	position:absolute;top:432px; right:0;
	}
.Styles-in .styleList h6{
	width:238px;
	text-align:center;
	font-family:"Source Sans Pro",sans-serif;
	font-weight:600;
	letter-spacing:1px;
	font-size:17px;
	text-transform:uppercase;
	margin-bottom:5px;
	color:#3C2000;
}

.Styles-in .styleList p{
	width:238px;
/*	text-align:center;
	font-family:"Source Sans Pro",sans-serif;
	*/
	line-height:150%;
	color:#777;
}
.Styles-in .styleList p.color{
	font-family:"Source Sans Pro",sans-serif;
	line-height:150%;
	font-weight:600;
	letter-spacing:1px;
	text-align:center;
	color:#3C2000;
}

.Styles-in .styleList p span{
	color: #C96C39;
}
.Styles-in .styleList div.summary{
	margin-top:20px;
	padding-top:20px;
	border-top:2px solid #9B8D7D;
	font-family:"メイリオ","Meiryo","Source Sans Pro","Libre Baskerville","ＭＳ Ｐゴシック",sans-serif;
	font-size:11px;
	line-height:150%;
}
.Styles-in .styleList div.summary p{
text-align:left;
line-height:190%;
text-align:left;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

.Styles-in .styleList div.summary ul{
	position:relative;
}
.Styles-in .styleList div.summary ul li{
	position:absolute;
	right:0; top:-60px;
}


/*	concept
================================================== */
#concept{
	background-color:#F8F8F7;
	padding-bottom:80px;
	width:100%;
}
.concept-in{
	width:1000px;
	margin:0 auto;
	padding-left:50px;
}
.concept-in h3{
	margin-bottom:35px;
}
.concept-in h4{
	width:900px;
	text-align:center;
	background:url(../concept/img/icon_01.png) no-repeat center top;
	padding-top:48px;
}

.concept-in .box01{
	margin-top:47px;
	padding-bottom:57px;
	margin-bottom:43px;
	background:url(../concept/img/line.png) no-repeat center bottom;
}
.concept-in .box01 .left{
	float:left;
	width:531px;
	margin-right:83px;
}
.concept-in .box01 .left h5{
	margin-bottom:30px;
}
.concept-in .box01 .left p{
	margin-bottom:45px;
}
.concept-in .box01 .left .photobox{
}

.concept-in .box01 .right{
	float:left;
	position:relative;
	width:340px;
	padding-top:15px;
}
.concept-in h6{
	text-align:center;
	margin-bottom:48px;
}
.concept-in .box02{
	width:800px;
	margin:0 auto;
}
.concept-in .box02 ul{
}
.concept-in .box02 ul li{
	width:250px;
	float:left;
	margin-right:25px;
}
.concept-in .box02 ul li div{
	width:230px;
	padding:10px;
	background-color:#C8C9C9;
	margin-bottom:30px;
}
.concept-in .box02 ul p{
	font-size:12px;
	margin-bottom:18px;
	line-height:160%;
}




/*	Staffs
================================================== */

#Staffs{
	background-color:#F8F8F7;
	padding-bottom:80px;
	width:100%;
}
.Staffs-in{
	width:900px;
	margin:0 auto;
}
.Staffs-in h3{
	margin-bottom:35px;
}
.Staffs-in h4{
	width:900px;
	text-align:center;
	background:url(../Staffs/img/icon_01.png) no-repeat center top;
	padding-top:48px;
}
.Staffs-in p.copy{
	margin-bottom:54px;
	margin-top:28px;
	text-align:center;
}
.Staffs-in .w840{
	width:840px;
	margin:0 auto;
}
.Staffs-in .styleList{
	float:left;
	width:226px;
	margin-right:80px;
	margin-bottom:50px;
}
.Staffs-in .styleList h2{
	margin-bottom:22px;
}
.Staffs-in .styleList h5{
	width:226px;
	text-align:center;
	font-family:"Source Sans Pro",sans-serif;
	font-size:17px;
	margin-bottom:0px;
}
.Staffs-in .styleList h6{
	width:226px;
	text-align:center;
	font-size:14px;
	margin-bottom:5px;
}
.Staffs-in .styleList p{
	width:226px;
	text-align:center;
	font-family:"Source Sans Pro",sans-serif;
	line-height:160%;
	margin-bottom:4px;
}
.Staffs-in .styleList p.jpn{
	font-family:"メイリオ","Meiryo","Source Sans Pro","Libre Baskerville","ＭＳ Ｐゴシック",sans-serif;
	font-size:10px;
	margin-top:5px;
}

.Staffs-in .styleList div.summary{
	margin-top:20px;
	padding-top:20px;
	border-top:2px solid #9B8D7D;
	font-family:"メイリオ","Meiryo","Source Sans Pro","Libre Baskerville","ＭＳ Ｐゴシック",sans-serif;
	font-size:11px;
	line-height:150%;
}
.Staffs-in .styleList div.summary p{
line-height:190%;
text-align:left;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}
.Staffs-in .styleList div.summary div.img{
float:left;
width:100px;
margin-left:-16px;
}


/*	pricelist
================================================== */

#pricelist{
	background-color:#F8F8F7;
	padding-bottom:80px;
	width:100%;
}
.pricelist-in{
	width:1000px;
	margin:0 auto;
}
.pricelist-in h3{
	margin-bottom:35px;
	text-align:center;
}
.pricelist-in h4{
	width:1000px;
	text-align:center;
	background:url(../pricelist/img/icon_01.png) no-repeat center top;
	padding-top:48px;
}
.pricelist-in h5{
	margin-top:25px;
	margin-bottom:18px;
	text-align:center;
}
.pricelist-in ul#view{
	float:right;
	width:300px;
	margin-top:-46px;
	margin-bottom:23px;
}
.pricelist-in ul#view p{
	font-size:10px;
	text-align:right;
	line-height:160%;
}
.pricelist-in p.mes{
	text-align:center;
	background:url(../pricelist/img/line.png) no-repeat center bottom;
	margin-bottom:50px;
	padding-bottom:60px;
}
.pricelist-in .box01{
}
.pricelist-in .box01 .left{
	float:left;
	width:450px;
	margin-right:95px;
}
.pricelist-in .box01 .right{
	float:left;
	width:450px;
}

.pricelist-in .menu{
	margin-bottom:60px;
}
.pricelist-in .menu h2{
	margin-bottom:35px;
}
.pricelist-in .menu dl{
	border-bottom:1px solid #9D8F7F;
	line-height:32px;
	color:#3B1F00;
}
.pricelist-in .menu dl dt{
	float:left;
	width:274px;
	line-height:32px;
}
.pricelist-in .menu dl dd{
	float:left;
	width:176px;
	line-height:32px;
	font-family:"Source Sans Pro",sans-serif;
}
.pricelist-in .menu .safety{
	background-color:#C86B39;
	padding:25px;
	width:400px;
}
.pricelist-in .menu .safety h6{
	margin-bottom:20px;
}
.pricelist-in .menu .safety p{
	color:#FFFFFF;
}


/*	blog
================================================== */

#blog{
	background-color:#F8F8F7;
	padding-bottom:80px;
	width:100%;
}
.blog-in{
	width:900px;
	margin:0 auto;
}
.blog-in h3{
	margin-bottom:35px;
}
.blog-in h4{
	width:900px;
	text-align:center;
	background:url(../blog-html/img/icon_01.png) no-repeat center top;
	padding-top:48px;
}


.blog-in #body{
	width:900px;
	margin:20px auto 0 auto;
}
.blog-in #body .contents{
	float:left;
	width:500px;
	margin-right:100px;
}
.blog-in #body .contents .contentsBox{
	border-bottom:1px solid #9D8F7F;
	padding-bottom:53px;
	margin-bottom:40px;	
}
.blog-in #body .contents .contentsBox .DateBox{
	height:92px;
	display:block;
}
.blog-in #body .contents .contentsBox .PhotoBox{
	margin-bottom:28px;
}
.blog-in #body .contents .contentsBox .TextBox{
}

.blog-in #body .contents .contentsBox .TextBox p{
	margin-bottom:25px;
}

.blog-in #body .contents .contentsBox p.Date{
	font-family:"Libre Baskerville",sans-serif;
	height:92px; font-size:80px; color:#3B1F00;
	display:inline; margin-right:20px;
	line-height:92px;
	letter-spacing: 0.1em;
}
.blog-in #body .contents .contentsBox p.Month{
	font-family:"Libre Baskerville",sans-serif;
	height:92px; font-size:24px; color:#3B1F00;
	display:inline; margin-right:5px;
	line-height:92px;
	letter-spacing: 0.1em;
}
.blog-in #body .contents .contentsBox p.Yeah{
	font-family:"Libre Baskerville",sans-serif;
	height:92px; font-size:24px; color:#3B1F00;
	display:inline;
	line-height:92px;
	letter-spacing: 0.1em;
}
.blog-in #body .contents .contentsBox h2{
	font-family: "ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-size:24px; color:#3B1F00;
	margin-bottom:43px; margin-top:20px;
	letter-spacing: 0.1em;
}


.blog-in #body .contents #Page{
}
.blog-in #body .contents .Prev{
	float:left;
}
.blog-in #body .contents .Next{
	float:right;
}


.blog-in #body .side{
	float:left;
	width:300px;
}
.blog-in #body .side .contentsBox{
	margin-bottom:25px;
	padding-top:35px;
}
.blog-in #body .side p.sideTitle{
	font-family: "ＭＳ Ｐ明朝","MS PMincho",sans-serif;
	font-size:24px; margin-bottom:40px;
	letter-spacing: 0.1em;
	color:#3B1F00;
}
.blog-in #body .side dl{
	border-bottom:1px dotted #9D8F7F;
	padding-bottom:15px;
	margin-bottom:15px;
}
.blog-in #body .side dl.bottom{
	border-bottom:1px solid #9D8F7F !important;
	padding-bottom:15px;
	margin-bottom:0 !important;
}
.blog-in #body .side dl dt{
	color:#5F5F5F;
}
.blog-in #body .side dl dd{
}
.blog-in #body .side dl dd a{
	color:#594026;
}

.blog-in #body .side ul{
}
.blog-in #body .side ul li{
	border-bottom:1px dotted #9D8F7F;
	padding-bottom:7px;
	margin-bottom:7px;
}
.blog-in #body .side ul li.bottom{
	border-bottom:1px solid #9D8F7F !important;
	padding-bottom:7px;
	margin-bottom:0 !important;
}
.blog-in #body .side ul li a{
	color:#594026;
}
.blog-in #body .side p{
	margin-top:15px;
	color:#584026;
}