@charaset "utf-8";

*{
	margin:0;
	padding:0;
	color: #333;
	font-family: "AGaramondPro-Regular","HiraMinProN-W3","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho","HGS明朝E",serif;
	font-size:14px;
	line-height:1.6em;
}

body {
	text-align:center;
	background:#815433 url(../img2/bg.jpg) repeat-x;
	background-attachment: fixed;
}

#wrap {
	position:relative;
	margin:0 auto;
	width:1030px;
	background:url(../img2/bg_side.png) repeat-y;
}

/*--HEAD--*/
#head {
	position:relative;
	margin:0 auto 60px;
	width:982px;
	height:68px;
}
.head_link,
.head_link2 {
	position:absolute;
}
#head .head_link{
	top:16px;
	right:20px;
}
#head .head_link2{
	top:36px;
	right:20px;
}
#footer .head_link{
	top:30px;
	right:20px;
}
#footer .head_link2{
	top:50px;
	right:20px;
}

.head_link li,
.head_link2 li {
	float:left;
	height:14px;
	line-height:12px;
	list-style-type: none;
	padding:0 6px;
	border-right:1px solid #fff;
}
.head_link li.end,
.head_link2 li.end {
	border-right:0 solid #fff;
}
.head_link li a,
.head_link2 li a {
	color:#fff;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	font-family: 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝',serif;
}
.head_link li a:hover,
.head_link2 li a:hover {
	color:#963;
}


/*-- NAVI --*/
#menu{
	position:absolute;
	top:68px;
	left:24px;
	width:982px;
	/*height:60px;*/
	margin:0 auto;
	z-index:10;
}
#menu li{
	position:absolute;
	top:0;
	list-style-type: none;
}
#menu li a{
	display:block;
	height:60px;
	text-indent:-1000px;
	overflow:hidden;
	background-image:url(../img2/navi.jpg);
}
#menu1{
	/*left:140px;*/
	left:281px;
	width:141px;
}
#menu #menu1 > a{
	width:141px;
	/*background-position: 0 0;*/
	background-position: -140px 0;
}
#menu #menu1 > a.now, #menu #menu1 > a:hover{
	/*background-position: 0 -60px;*/
	background-position: -140px -60px;
}
#menu2{
	/*left:0;*/
	left:140px;
	width:141px;
}
#menu #menu2 a.menu2a{
	width:141px;
	/*background-position: -140px 0;*/
	background-position: 2px 0;
}
#menu #menu2 a.menu2a.now, #menu #menu2 a.menu2a:hover{
	/*background-position: -140px -60px;*/
	background-position: 2px -60px;
}
#menu3{
	/*left:281px;*/
	left:421px;
	width:140px;
}
#menu #menu3 a{
	width:140px;
	background-position: -281px 0;
}
#menu #menu3 a.now, #menu #menu3 a:hover{
	background-position: -281px -60px;
}
#menu4{
	/*left:421px;*/
	left:560px;
	width:139px;
}
#menu #menu4 a.menu4a{
	width:139px;
	background-position: -421px 0;
}
#menu #menu4 a.menu4a.now, #menu #menu4 a.menu4a:hover{
	background-position: -421px -60px;
}
#menu5{
	/*left:560px;*/
	left:700px;
	width:140px;
}
#menu #menu5 a{
	width:140px;
	background-position: -563px 0;
}
#menu #menu5 a.now, #menu #menu5 a:hover{
	background-position: -563px -60px;
}
#menu6{
	/*left:701px;*/
	left:838px;
	width:143px;
}
#menu #menu6 a{
	width:143px;
	background-position: -699px 0;
}
#menu #menu6 a.now, #menu #menu6 a:hover{
	background-position: -699px -60px;
}
#menu7{
	/*left:841px;*/
	left:0;
	width:141px;
}
#menu #menu7 a.menu7a{
	width:141px;
	background-position: -841px 0;
}
#menu #menu7 a.menu7a:hover,
#menu #menu7.now a.menu7a{
	background-position: -841px -60px;
}

#menu .subnavi {
	display:none;
}
#menu .subnavi a {
	display:block;
	width:141px;
	height:23px;
	background:#231412 url(../img2/sub.png);
	border-bottom:1px solid #805432;
}
#menu .subnavi a.sub1_1 {
	background-position: 0 0;
}
#menu .subnavi a.sub1_2 {
	background-position: 0 -23px;
}
#menu .subnavi a.sub1_3 {
	background-position: 0 -46px;
}
#menu .subnavi a.sub1_4 {
	background-position: 0 -69px;
}
#menu .subnavi a.sub2_1 {
	background-position: 0 -92px;
}
#menu .subnavi a.sub2_2 {
	background-position: 0 -115px;
}
#menu .subnavi a.sub4_1 {
	background-position: 0 -138px;
}
#menu .subnavi a.sub4_2 {
	background-position: 0 -161px;
}
#menu .subnavi a.sub4_3 {
	background-position: 0 -184px;
}
#menu .subnavi a.sub7_1 {
	background-position: 0 -207px;
}
#menu .subnavi a.sub7_2 {
	background-position: 0 -230px;
}

#menu .subnavi a:hover {
	background-color:#523422;
}


/*-- MAIN --*/
#main{
	position:relative;
	width:982px;
	margin:60px auto 0;
	min-height:500px;
	height: auto !important;
	height: 500px;
	background-color:#fff;
	text-align:left;
}
#main #main_shadow {
	position:absolute;
	top:0;
	right:0;
	width:982px;
	height:8px;
	background:url(../img2/top_shadow.png) repeat-x;
}



/*-- FOOTER --*/
#footer {
	position:relative;
	width:982px;
	margin:0 auto;
	background-color:#452514;
	text-align:left;
}
#footer #footer_tel{
	padding:28px 0 30px 26px;
}
#footer #copy{
	position:absolute;
	top:76px;
	right:20px;
	color:#fff;
	font-size:12px;
	font-family: Times, Century, 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝',serif;
}

.to_top{
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background-image: url(../img2/toTop.png);
	background-size: cover;
}
.to_top:hover{
	opacity: 0.7;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.divclear{clear: both;}

.sp{
	display: none;
}

/*-----Smartphone-------------*/
@media screen and (max-width: 767px){
	.pc,
	#main #main_shadow {
		display:none;
	}
	.sp{
		display:block;
	}

	body {
		background-image: none;
		background-color: #fff;
	}
	#wrap {
		width:100%;
		background-image: none;
		overflow: hidden;
		padding-top:68px;
	}
	#head {
		position:fixed;
		top:0;
		left:0;
		z-index: 100;
		width:100%;
		height:68px;
		margin:0;
	}
	#head .head_link,
	#head .head_link2 {
		display:none;
	}
	#head .btn_sp_menu{
		position: absolute;
		top:0;
		right:10px;
		z-index: 110;
		width:40px;
		height: 40px;
		background: url('../img2/sp_menu.png');
		background-size: cover;
	}
	#menu{
		display: none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background-color: #ccc;
		padding-bottom: 10px;
		z-index:120;
	}
	#menu li{
		position:static;
		text-align:left;
	}
	#menu li.menu_close{
		text-align:right;
	}
	#menu li a{
		height:auto;
		text-indent:0;
		overflow:hidden;
		background-image:none;
		border-bottom: 1px solid #fff;
		line-height:16px;
		padding:2.2vw 10px 1.5vw;
		text-decoration: none;
	}
	#menu1,
	#menu #menu1 > a,
	#menu2,
	#menu #menu2 a.menu2a,
	#menu3,
	#menu #menu3 a,
	#menu4,
	#menu #menu4 a.menu4a,
	#menu5,
	#menu #menu5 a,
	#menu6,
	#menu #menu6 a,
	#menu7,
	#menu #menu7 a.menu7a{
		width:100%;
	}
	#menu2 > a, #menu1 > a, #menu4 > a{
		background-color: #bbb;
	}

	#menu .subnavi {
		display:block;
	}
	#menu .subnavi a {
		width:100%;
		height:auto;
		background-image:none;
		background-color: transparent;
		border-bottom: 1px solid #fff;
		padding-left: 30px;
	}
	#menu .subnavi a:hover {
		background-color: transparent;
	}

	h1{
		font-size:30px;
		font-weight:bold;
		padding:10px 0 0 10px;
	}
	h1.prvc{
		font-size:6vw;
	}
	.sp_lead{
		padding:0 10px 10px;
		margin-bottom:10px;
	}
	h1,
	h1 .sp,
	.sp_lead{
		background-color: #663829;
		color: #fff;
	}
	h2{
		font-size:26px;
		font-weight:bold;
		padding:10px 0 0 10px;
	}
	h3,
	h4{
		font-size:16px;
		padding-top:10px;
	}

	#footer {
		width:100%;
		text-align: center;
		padding-bottom: 20px;
		/*height: 300px;*/
	}
	#footer #footer_tel{
		padding:30px 0 50px;
	}
	#footer #copy{
		position:static;
		padding-top:20px;
		font-size:12px;
	}
	#footer .head_link,
	#footer .head_link2{
		position:static;
	}
	#footer .head_link li,
	#footer .head_link2 li{
		float:none;
		height:28px;
	}

}