@charset "UTF-8";

/* ------------------------------------- */
/* 重なり順 設定
/* ------------------------------------- */
#main,
#bnr_g,
.pan{
	position:	relative;
		}
/* メインビジュアル */
#main {
	z-index:	10;
		}
/* トップバナー8つ */
#bnr_g,
.pan{
	z-index:	1;
	}


/* ------------------------------------- */
/*	 resposive320
/* ------------------------------------- */
@media screen and (min-width: 320px) {

body, h1, h2, h3, h4, h5, p, div, dt, dd, dl, img, input, form, ul, li, span {
	margin: 0px;
	padding: 0px;
}
.widgettitle{
	display: none;
}

a {
 text-decoration: none;
}
img {
 border: 0;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
overflow:hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
del{
	color:#000;
}
body {
font-size: 14px;
font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
line-height:1.6;
}

.w {
padding: 0px 10px;
}
.right {
float:right;
}
.left {
float:left;
}

.container {
padding: 0px auto;
}

.cont {
padding: 0px auto;
margin: auto;
clear: both;
}

.col-xs-12,
.col-sm-12,
.col-md-6,
.col-md-3 {
padding: 0;
margin: 0;
}


.container,
.cont,
.title_box {
    max-width: 100%;
}

/*	 logo
/* ------------------------------------- */
body {
background: url(../img/header.jpg) repeat-x center top;
width: 100%;
background-size: 1500px 150px;
}
.h_back{
	margin:2px 0 0 0;
	background-size: 608px 160px;
	background: url(../img/header_bg_s.png) no-repeat left top;
	max-width: 100%;
	}
.logo h1 { 
	background: url(../img/logo2.png) no-repeat right bottom;
	background-size: contain;
	width:85%;
	min-width:80%;
	height:83px;
	margin: 0 0 25px 0;
	pading:25px 0 0 50px;
	float: left;
}
.logo h1 a { 
	width:261px;
	height:51px;
	display: block;
}







#h_link{
	display:inline;
	float: right;
	}
#h_link ul li{
	float: left;
	list-style:none;
	margin:35px 0 0 0;
	}
/*#h_link ul li:first-child{
	display:none;
	}*/
/*#h_link01 a{
	background: url(../img/h_link01.png) no-repeat 0 0;
	}
#h_link02 a{
	background: url(../img/h_link02.png) no-repeat 0 0;
	}
#h_link03 a{
	background: url(../img/h_link03.png) no-repeat 0 0;
	}*/
#h_link04 a{
	background: url(../img/h_link04.png) no-repeat 0 0;
	}
/*#h_link01 a,
#h_link02 a,
#h_link03 a,*/
#h_link04 a{
	text-indent: -9999px;
	text-decoration: none;
	width: 35px;
	height: 35px;
	display: block;
	overflow:hidden;
	outline:none;
	margin: 0px 0px 10px 0px;
	float: left;
	}
/*#h_link01 a:hover,
#h_link02 a:hover,
#h_link03 a:hover,*/
#h_link04 a:hover{
	background-position: 0px -35px;
	text-decoration: none;
	}
	
	
	
	
	

.logo a span,
.tel span,
.sub_,
.tel a {
display: none;
}
/*	 rbox
/* ------------------------------------- */
.r_box {
	width:228px;
	margin: 25px auto 0px auto;
}
.r_box ul {
	list-style: none;
}
.r_box ul li a{
	text-decoration: none;
	font-size: 9px;
	display: block;
	width: 235px;
	overflow:hidden;
	outline:none;
}
.r_box ul li a:hover {
	text-decoration: none;
	float: right;
}
.r01 a {
	background: url(../img/right.png) no-repeat 0px 0px;
	height: 78px;
}
.r02 a {
	background: url(../img/right.png) no-repeat 0px -78px;
	height: 78px;
}
.r03 a {
	background: url(../img/right.png) no-repeat 0px -156px;
	height: 79px;
}
.r04 a {
	background: url(../img/right.png) no-repeat 0px -235px;
	height: 79px;
}
.r05 a {
	background: url(../img/right.png) no-repeat 0px -315px;
	height: 79px;
}

.r01 a,
.r02 a,
.r03 a,
.r04 a,
.r05 a {
	width: 235px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
	margin: 0px 0px 0px 0px;
}
.r01 a:hover {
	background-position: -235px 0px;
}
.r02 a:hover {
	background-position: -235px -78px;
}
.r03 a:hover {
	background-position: -235px -156px;
}
.r04 a:hover {
	background-position: -235px -235px;
}
.r05 a:hover {
	background-position: -235px -315px;
}

.r01 a:hover,
.r02 a:hover,
.r03 a:hover,
.r04 a:hover,
.r05 a:hover {
	text-decoration: none;
}
.r_box2 {
	display:none;
}

/*	 side
/* ------------------------------------- */
#side_b {
	display:none;
	}
#side_search{
	display:none;
	}



/*	 footer
/* ------------------------------------- */
.page_top_box {
background: url(../img/footer_back.jpg) repeat;
}
.page_top_box,
.footer_box {
width: 100%;
text-align:left;
margin: 0px auto;
}
.page_top {
	width: 52px;
	height:26px;
clear:both;
padding: 0px 6px 6px 6px;
margin: 0px auto;
}
.page_top a {
background: url(../img/pagetop.png) no-repeat;
	text-indent: -9999px;
	display: block;
	outline:none;
	width: 52px;
	height:26px;
}
/*	footer
/* ------------------------------------- */
#sub{
	display: none;
}
#footer{
	background: url(../img/footer_back.jpg) repeat;
	width: 100%;
}
.f_box {
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	color: #6A3906;
	text-align:center;
	line-height: 1.6em;
	width: 100%;
}
.f_box h4 {
	font-weight: normal;
	font-size: 120%;
	margin: 0px 0px 10px 0px;
}
.f_box h4 span,
.f_box p {
	font-size: 80%;
}
.f_box a {
	color: #6A3906;
	text-decoration:underline;
}

}
/* ------------------------------------- */
/*	 resposive400
/* ------------------------------------- */
@media screen and (min-width: 400px) {
	/*	 logo
	/* ------------------------------------- */
	.logo h1 { 
		background-size: 308px 60px;
		}
	}
/* ------------------------------------- */
/*	 resposive500
/* ------------------------------------- */

@media screen and (min-width: 500px) {
/*	 rbox
/* ------------------------------------- */
.r_box {
	float:right;
	}
.h_back{
	margin:2px 0 0 0;
	background-size: 760px 200px;
	background: url(../img/header_bg_m.png) no-repeat left top;
	max-width: 100%;
	}
.logo h1 { 
	background: url(../img/logo2.png) no-repeat center bottom;
	background-size: 324px 63px;
	width:324px;
	min-width:0%;
	height:78px;
	margin: 0px 0 20px 100px;
	pading:20px 0 0 0;
}
.logo h1 a { 
	width:324px;
	height:63px;
	display: block;
}

}

/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */

@media screen and (min-width: 768px) {
body {
background-size: 1000px 200px;
background: url(../img/header.jpg) repeat-x center top;
}
.w {
	padding: 0px;
}
.container,
.cont,
.title_box {
max-width: 748px;
margin: 0 auto;  
}
.container2 {
max-width: 768px;
margin: 0px auto;
}
.container2_2 {
max-width: 758px;
margin: 0px 0px 0px 10px;
}

.h_back{
margin:2px 0 0 0;
background-size: 760px 200px;
background: url(../img/header_bg_m.png) no-repeat center top;
width: 100%;
}

/*	 logo
/* ------------------------------------- */
.logo { 
margin: 0 auto;
width: 748px;
}
.logo h1 { 
	background: url(../img/logo1.png) no-repeat;
	width:523px;
	height:53px;
	margin: 28px 0px 35px 98px;
}
.logo h1 a { 
	width:523px;
	height:53px;
}





/*#h_link ul li:first-child{
	display:inline;
	font-size:90%;
	color: #6A3906;
	margin:47px 12px 0 0;
	}*/
#h_link ul li{
	margin:40px 0 0 0;
	}
	
	
		
	
	

/*	 rbox
/* ------------------------------------- */
.r_box {
	float:right;
}
.r_box2 {
	display:block;
	width:228px;
	margin: 25px auto 20px auto;
}
.r_box2 ul {
	list-style: none;
}
.r11 a {
	background: url(../img/right2.png) no-repeat 0px 0px;
	height: 78px;
}
.r12 a {
	background: url(../img/right2.png) no-repeat 0px -78px;
	height: 78px;
}
.r13 a {
	background: url(../img/right2.png) no-repeat 0px -156px;
	height: 79px;
}
.r14 a {
	background: url(../img/right2.png) no-repeat 0px -235px;
	height: 79px;
}
.r15 a {
	background: url(../img/right2.png) no-repeat 0px -315px;
	height: 79px;
}
.r16 a {
	background: url(../img/right2.png) no-repeat 0px -395px;
	height: 79px;
}

.r11 a,
.r12 a,
.r13 a,
.r14 a,
.r15 a,
.r16 a {
	width: 235px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	overflow:hidden;
	outline:none;
	margin: 0px 0px 0px 0px;
}

.r11 a:hover {
	background-position: -235px 0px;
}
.r12 a:hover {
	background-position: -235px -78px;
}
.r13 a:hover {
	background-position: -235px -156px;
}
.r14 a:hover {
	background-position: -235px -235px;
}
.r15 a:hover {
	background-position: -235px -315px;
}
.r16 a:hover {
	background-position: -235px -395px;
}

.r11 a:hover,
.r12 a:hover,
.r13 a:hover,
.r14 a:hover,
.r15 a:hover,
.r16 a:hover {
	text-decoration: none;
}
/*	 side
/* ------------------------------------- */
#side{
	width:228px;
	float:right;
	word-wrap: break-word;
  white-space: normal;
	}
#side_b {
	display:block;
	margin:0px 0 20px 0;
	}
#cat_b{
	display:block;
	margin:0 0 40px 0;
	}
#side_b a:hover h4{
	color: #E58C07;
	}
.side_box_t {
	width:228px;
	background:url(../img/page/bg1.jpg) repeat;
	margin: 0px 0px 5px 0px;
}
#side_b h4 {
	color: #6A3906;
	font-size: 1.2em;
	padding: 22px 20px;
}
ul.menu,
ul.sub-menu{
	list-style:none;
	text-align:left;
	}

ul.menu li,
#side_b p,
#cat_b li {
	width:200px;
	margin: 0;
	padding: 10px;
	border-bottom:1px dotted #6A3906;
}

ul.menu a,
#side_b p a,
#cat_b li a {
	background:url(../img/page/icon1.png) no-repeat 0px 3px;
	color: #6A3906;
	line-height:2;
	padding:0 0 0 12px;
}
ul.sub-menu li{
	font-size: 0.85em;
	border-bottom:none;
	padding:2px 2px 2px 22px;
	text-indent:-2em;
	}
ul.sub-menu li a{
	background:none;
}
ul.sub-menu li a:before {
    content: "・";
  }
ul.menu a:hover,
ul.sub-menu li a:hover,
#side_b p a:hover,
#cat_b li a:hover {
    color: #E58C07;
  }
  
ul.sub-menu li:first-child{
	margin-top:5px;
}
#cat_b li{
	list-style:none;
	}
#side_search{
	display:block;
	margin:20px auto;
	padding:0;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
	}
#side_search label{
	display:none;
	}

/*	 sub
/* ------------------------------------- */
.page_top_box,
.footer_box {
width: 100%;
text-align:left;
margin: 0px auto;
}
.page_top {
	background: none;
border-top: 0;
}
.page_top a:hover {
}
.f_box {
	padding: 0px 0px 0px 0px;
	margin: 30px 20px 35px 0px;
	float:left;
	color: #6A3906;
}
#sub{
	display: none;
}

}
/* ------------------------------------- */
/*	 resposive992
/* ------------------------------------- */
@media screen and (min-width: 992px) {
body {
background-size: 1200px 200px;
background: url(../img/header.jpg) repeat-x center top;
}
.container,
.cont,
.title_box {
max-width: 980px;
margin: 0px auto;
}
.container2 {
max-width: 1000px;
margin: 0px auto;
}
.container2_2 {
max-width: 990px;
margin: 0px 0px 0px 10px;
}
.h_back{
	margin:2px 0 0 0;
background-size: 1000px 200px;
background: url(../img/header_bg1.png) no-repeat center top;
}

.logo {
margin: 0 auto;
width: 980px;
}
.logo h1 { 
	margin: 28px 0px 35px 98px;
	float: left;
}
/*#h_link ul li:first-child{
	font-size:110%;
	color: #6A3906;
	margin:47px 12px 0 0;
	}*/

/*	 side
/* ------------------------------------- */
#side_b {
	display:block;
	width:228px;
	float:right;
	margin:0 0 20px 0;
	}

/*	 footer
/* ------------------------------------- */
.page_top_box {
width: 100%;
text-align:left;
margin: 0px auto;
}
#footer{
	padding-bottom:30px;
	}
.footer_box {
width: 980px;
text-align:left;
margin: 0px auto;
}
.f_box {
	padding: 0px 0px 0px 0px;
	margin: 30px 30px 35px 0px;
	width: 290px;
	height:240px;
	border-right: 1px #6A3906 solid;
	text-align:left;
}
.f_box span{
	font-size:0.825em;
	line-height:0.8em;
	}

#sub{
	width: 640px;
	display: block;
	float:left;
	margin: 30px 0px 0px 0px;
}
.sub_box,
.sub_box2,
.sub_box3  {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #6A3906;
	float:left;
}
.sub_box {
	width: 180px;
	margin: 0px 10px 0px 0px;
}
.sub_box2 {
	width: 160px;
	margin: 0px 0px 0px 0px;
}
.sub_box3 {
	width: 100px;
	margin: 0px 0px 0px 0px;
}
.sub_box dl,
.sub_box2 dl,
.sub_box3 dl {
	margin: 0px 0px 5px 0px;
}
.sub_box dt,
.sub_box2 dt,
.sub_box3 dt {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 7px;
	background:url(../img/icon.png) no-repeat 0px 3px;
}
.sub_box dd,
.sub_box2 dd,
.sub_box3 dd {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 7px;
}
.sub_box dd a,
.sub_box dt a,
.sub_box2 dd a,
.sub_box2 dt a,
.sub_box3 dd a,
.sub_box3 dt a {
	color: #6A3906;
	text-decoration: none;
}
.sub_box dd a:hover,
.sub_box dt a:hover,
.sub_box2 dd a:hover,
.sub_box2 dt a:hover,
.sub_box3 dd a:hover,
.sub_box3 dt a:hover {
	color: #C15200;
	text-decoration: none;
}
}