@charset "utf-8";
/* CSS Document */
/* body
-----------------------------------*/
div, p,  h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li,  caption,  form, fieldset, input, textarea, select,  pre, address, blockquote,  embed, object {
	margin:0px;
	padding:0px;
}
body, form textarea {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,  Meiryo, "メイリオ","MS P Gothic", "EE EゴシチE", sans-serif;
}
body {
	color:#372719;
	background:#eeeee5;
	background-color:#eeeee5;
	background-image:url(../img/bg_stripe.png);
	background-repeat:repeat;
	font-size:13px;
	margin:0;
	padding:0;
}
img {
	border:none;
	vertical-align:top;
}
/* UL */
ul, ol {
	line-height:1em;
}
ul {
	list-style:none;
}
li {
	display:list-item;
}
/* link */
a {
	text-decoration:none;
}
a:link {
	color:#fc7846;
}
a:visited {
	color:#fc7846;
}
a:hover {
	color:#fc7846;
}
a:active, a:focus {
	color:#fc7846;
}
a img {
	border:none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

a[href^="tel:"] {
    pointer-events: none;
}

/* clear
-----------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	zoom:1;
	overflow: hidden;
	position: relative;
	display: inline-block;
}



/* 装飾関係
-----------------------------------*/

/* スペース指定*/
.marg_10{margin:10px}
.marg_b5{margin-bottom:5px}
.marg_b10{margin-bottom:10px}
.marg_b30{margin-bottom:30px}
.marg_t5{margin-top:5px}
.marg_t10{margin-top:10px}
.marg_t15{margin-top:15px}
.marg_t30{margin-top:30px}
.padd_0{padding:0px}
.padd_10{padding:10px}
.padd_20{padding:20px}

/* 配置指定 */
.t-aln_r{text-align:right;}
.t-aln_l{text-align:left;}
.t-aln_c{text-align:center;
}

/* 文字大きさ */
.tx_sz-small{font-size:small;}
.tx_sz-18{font-size:18px;}
.tx_sz-150{font-size:150%:}

/* 文字色 */
.fc_brown{color:#895324;}
.fc_dred{color:#dd0000;}
.fc_rorange{color:#ff4400;}

/* フロート */
.fltL{float:left;}


/* 全体設定　下層
-----------------------------------*/
* html body{  
	overflow: hidden;  
} 
div#contents{
	position:relative;
	width:100%;
	min-width:980px;
	overflow:auto;
	margin:0 auto;
	padding:0;
}  

/*ヘッダ*/
#header{
	clear:both;
	width:100%;
	border-bottom:4px solid #372719;
}

#header .area{
	zoom:1;
	position:relative;
	overflow:hidden;
	width:980px;
	height:110px; 
	margin:0px auto;
}
/* logo*/
#header #logo{
	width:290px;
	float:left;
}
#header #logo p{
	margin:0;
	padding:0;
}
#header #logo p img{
	width:289px;
	height:18px;
	margin:8px auto;
	padding:0;
}
#header #logo a img{
	width:253px;
	height:59px;
	margin:4px 0 0 8px;
	padding:0;
}


/* navi*/
#navi{
	text-align:right;
	margin:2px 0 0 0;
	padding:0;
	position:absolute;
	right:0;
	bottom:0;
}
/* tel部分*/
#navi .tel {
	clear:both;
	float:right;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:0.1em;
	color:555555;
}
#navi .tel img{
	margin:10px 8px;
}
#navi .tel  hr{
	clear:both;
	height:0px;
	margin:0 0 6px 0;
	padding:0;
	border:0px;
	border-bottom:dashed 2px #372719; 	
}

/* navi部分*/
ul#navimenu a{
	line-height:1.2em;
	text-decoration:none;
	-webkit-tap-highlight-color:#fff;
}

ul#navimenu a.here{
	pointer-events:none;
}


ul#navimenu{
	clear:both;
	position:relative;
	overflow:hidden;
	margin:14px 0 0 0;
	padding:0;
	float:right;
	right:0;
	bottom:0;
}
ul#navimenu li{
	float:left;
	padding:0;
	margin:0 0 0 30px;
}
ul#navimenu li img{
	height:23px;
}
ul#navimenu li a:hover{
	color:#ce589a;
}


/* navimenu2*/
#topslide #navi2menu,#main #navi2menu{
	clear:both;
	position:relative;
	overflow:hidden;
	display:block;
	color:#FFF;
	margin:0 auto;
	height:45px;
	padding:0;
	background-color:#fc7846;
	line-height:1.5em;
	width:980px;
}
#main #navi2menu{
	border-bottom:solid 4px #372719;
}
#topslide #navi2menu ul,#main #navi2menu ul{
	padding:0;
	margin:0 auto;
	display:block;
}
#topslide #navi2menu li,#main #navi2menu li{
	float:left;
	padding:17px 0px 0 0;
	margin:0 10px 0 0;
	background-color:#fc7846;
	text-align:left;
	width:170px;
	overflow:hidden;
}
#main #navi2menu li.active{
	background-color: rgba(55,39,25,0.6);
}

#main #navi2menu .active a{
	pointer-events:none;
}



/* トップ画像関係
-----------------------------------*/
#topgra{
	background-color:#FFF;
	clear:both;
	width:100%;
	min-width:980px;
	background-image:url(../img/top_bg_slide.png);
	background-position:center top;
	background-repeat:repeat;
	position:relative;
	overflow:hidden;
	zoom:1;
	height:300px;
	box-shadow:0px 4px 3px -1px rgba(0,0,0,0.15) inset;
	-moz-box-shadow:0px 4px 3px -1px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow:0px 4px 3px -1px rgba(0,0,0,0.15) inset;
	border-bottom:4px solid #372719;
}
#topgra h3{
	clear:both;
	color:#FFF;
	font-size:20px;
	font-weight:normal;
	line-height:1.5em;
	margin:0 auto;
	padding:16px;
}

/* メイン
-----------------------------------*/
#main{
	clear:both;
	width:980px;
	position:relative;
	overflow:hidden;
	zoom:1;
	display:block;
	padding:0;
	margin:0px auto;
	background-color:#FFF;
	box-shadow:0px 0px 3px 1px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.15);
}
.h-menu{
	overflow:hidden;
	color:#000;
	height:44px;
	padding:8px 0;
	text-align:right;
	font-size:14px;
	line-height:1.2em;
	right:0;
}
.h-menu a{
	color:#000;
	text-decoration:none;
	-webkit-tap-highlight-color:#fff;
}
.h-menu a:hover{
	color:#b44e90;
}

/*内容構成*/
/*見出し*/
#main h1,#main h2{
	clear:both;
	width:956px;
	position:relative;
	color:#3a3a3a;
	font-size:24px;
	font-weight:normal;
	line-height:1.2em;
	font-family:Meiryo, "メイリオ","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	border-left:solid 4px #372719;
	color:#372719;
	background-color:#edc668;
	background-image:url(../img/bg_stripe.png);
	background-repeat:repeat;
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.15);
}
#main h1{
	padding:0.8em 0 0.6em 20px;
	background-color:#edc668;
	margin:20px auto;
}
#main h1 img,#main h2 img{
	margin:0 8px 0 0;
}
#main h2{
	padding:12px 0 10px 20px;
	background-color:#bcb6a8;
	margin:10px auto;
}
#main .space{
	zoom:1;
	clear:both;
	position:relative;
	overflow:hidden;
	display:block;
	background-color:#f3f0e8;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:20px;
	margin:10px;
}

#main .space p{
	font-size:130%;
	margin:10px;
}



/*下層タイトルメニュー*/
#ttlmenu{
	margin:20px 0 50px 0;
}
#ttlmenu .wrapper{
	overflow:hidden;
	width:920px;
	height:210px;
	margin:0;
	padding:20px 30px;
	background-position:left top;
	background-repeat:no-repeat;
	box-shadow:0px 3px 4px -1px rgba(0,0,0,0.10) inset;
	-moz-box-shadow:0px 3px 4px -1px rgba(0,0,0,0.10) inset;
	-webkit-box-shadow:0px 3px 4px -1px rgba(0,0,0,0.10) inset;
}
#ttlmenu .product{background-image:url(../img/product/product_bg_title.jpg);}


#ttlmenu h1{
	margin:0px auto;
}
#ttlmenu h3{
	font-weight:normal;
	font-size:24px;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,3px 3px 3px #cccccc;
	margin:0 0 16px 0;
	line-height:1.3em;
	color:#895324;
}

#ttlmenu ul,#ttlmenu p{
	font-size:18px;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,3px 3px 3px #cccccc;
}
#ttlmenu p span{
	font-size:small;
}
#ttlmenu ul li{
	margin:0 0 10px 10px;
	list-style:disc inside;
}
#ttlmenu ul li a{
	color:#1f1811;
}
#ttlmenu ul li a:hover{
	color:#fc7846;
	text-decoration:underline;
}
	

/*ページトップへ*/
p#pagetop{
	clear:both;
	position:fixed;
    bottom:20px;
    right:20px;
    font-size:10px;
}
	
	
	
/* footer
-----------------------------------*/
#footer{
	zoom:1;
	clear:both;
	position:relative;
	overflow:hidden;
	display:block;
	background-color:#f3f0e8;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:12px;
	font-size:small;
	margin:120px 10px 10px 10px;
	text-align:center;
}

/* ナビリンク*/
ul#f_navi{
	line-height:1.3em;
	font-size:12px;
	padding:0;
	margin:0 auto;
}
#f_navi li{
	display:inline-block;
	min-height:18px;
	padding:3px 0 0 16px;
	background-image:url(../img/foot_line.png);
	background-repeat:no-repeat;
	background-size:6px 18px;
	background-position:0 50%;
	margin:0 8px 0 0;
}
#f_navi li:first-child{
	padding:0;
	background-image:none;
}
#f_navi a{
	color:#372719;
}

#f_navi li a.here{
	color:#fc7846;
	pointer-events:none;
}



/* コピーライト*/
#copyright{
	background-color:#372719;
	text-align:center;
	color:#fff;
	font-size:11px;
	letter-spacing:1px;
	margin:0;
	padding:3px;
}