@charset "UTF-8";

html,
body{
	margin: 0;
	padding: 0;
	height:100%;
}
body{
	margin: 0 auto;
	padding: 0;
	color: #050505;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
a:link{
	text-decoration: none;
	color: #7A6E66;
}
a:visited{
	text-decoration: none;
	color: #495054;
}
a:hover{
	text-decoration: underline;
	color: #A5030F;
}
img{ vertical-align: top; }
.clearfix { zoom: 1; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

/* レイアウト
* --------------------------------------- */
#wrap{
	height: 100%;
	min-height: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	background-image: url(../_common/logo_j.png);
	background-repeat: no-repeat;
	background-position: 98% 95%;
	background-position: calc(50% + 540px) calc(100% - 30px);
}
#wrap section{
	margin: 0 auto;
	padding-top: 50px;
	width: 960px;
	height:100%;
	min-height: 100%;
	background: #FFF;
}
#wrap section article{
	position: relative;
	padding-bottom: 50px;
	min-height: 100%;
	background: #FFF url(../_common/bg_flower.png) no-repeat left bottom;
}
footer{
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-align: right;
	font-size: 10px;
	font-size: 1.0rem;
	font-family: Verdana, Geneva, sans-serif;
}
p#pgscrl{
	position: fixed;
	bottom: 50px;
	right: 10px;
}
p#pgscrl a{
	display: block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../_common/sp_btntop.png) no-repeat center 0;
	background-size:  35px auto;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
p#pgscrl a:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
	overflow: hidden;
}


/* グローバルナビ
* --------------------------------------- */
header{
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 10;
	margin-left: -430px;
	padding-top: 70px;
    width: 230px;
    height: 100%;
	min-height: 100%;
	text-align: center;
	background: url(../_common/nav_bg.png);
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
}
header h1{
	display: inline-block;
	margin-bottom: 10px;
}
header h1 a{
	display: block;
	width: 175px;
	height: 110px;
	text-indent: -9999px;
	background: url(../_common/logo_e.png) no-repeat;
}
header h1.active a,
header h1 a:hover{ background-position: 0 -110px; }
header p#spbtn{ display: none; }
nav#globalNav{
	padding: 12px;
	background: url(../_common/logo_line.png) top center no-repeat;
}
nav#globalNav ul li{
	margin: 5px 0 10px 0;
	padding-bottom: 5px;
	list-style: none;
	background: url(../_common/nav_line.png) no-repeat center bottom;
}
nav#globalNav ul li a{
	display: inline-block;
	width: 120px;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
nav#globalNav ul li:nth-of-type(1) a{ background-image: url(../_common/nav01.png); }
nav#globalNav ul li:nth-of-type(2) a{ background-image: url(../_common/nav02.png); }
nav#globalNav ul li:nth-of-type(3) a{ background-image: url(../_common/nav03.png); }
nav#globalNav ul li:nth-of-type(4) a{ background-image: url(../_common/nav04.png); }
nav#globalNav ul li:nth-of-type(5) a{ background-image: url(../_common/nav06.png); }
nav#globalNav ul li:nth-of-type(6) a{ background-image: url(../_common/nav05.png); }
nav#globalNav ul li:nth-of-type(7) a{ background-image: url(../_common/nav07.png); }
nav#globalNav ul li.active a,
nav#globalNav ul li a:hover{ background-position: 0 -20px; }
nav#globalNav ul li a.nonlink:hover{
	cursor: default;
	background-position: 0 0;
}

/* コンテンツ
* --------------------------------------- */
section article .image{
	padding: 1px 1px 0;
}
section article .image img{
	width: 100%;
	height: 450px;
	overflow: hidden;
}
section article .main{
	margin: 0 0 0 280px;
	padding: 30px;
	font-size: 14px;
	font-size: 1.4rem;
}
article .main h2{
	margin-bottom: 14px;
	margin-bottom: 1.4rem;
	background: url(../_common/title_border.png) repeat-x left bottom;
}
article .main p{
	margin-bottom: 14px;
	margin-bottom: 1.4rem;
}


/* スマホ
* --------------------------------------- */
@media screen and (max-width : 960px){
	html,
	body{
		margin: 0;
		padding: 0;
		height: auto;
		background: #FFF !important;
	}
	 #wrap{
		height: auto;
		background: none;
	 }
	#wrap section{
		margin: 0 auto;
		padding-top: 0;
		width: 100%;
		height:100%;
		min-height: 100%;
		background: #FFF;
	}
	#wrap section article{
		padding-bottom: 0;
		background: #FFF;
	}
	section article .image img{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	section article .main{
		margin: 0;
		padding: 20px;
	}
	
	header{
		position: relative;
		overflow: hidden;
		top: 0;
		left: 0;
		width: 100%;
		min-height: auto;
		margin: 0 auto;
		padding: 5px;
		font-size: 1.6rem;
		font-size: 16px;
		text-align: center;
		background: #B4A582 url(../_common/sp_navbg.png);
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #FFF;
		box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
	}
	header h1{ margin-bottom: 0; }
	header h1 a{
		display: block;
		width: 165px;
		height: 66px;
		text-indent: -9999px;
		background: url(../_common/sp_logo.png) no-repeat center 0;
		background-size:  105px auto;
	}
	header h1.active a{ background-position: center 0; }
	header h1 a:hover{
		background: #7A6E66 url(../_common/sp_logo.png) no-repeat center 0;
		background-size:  105px auto;
		background-position: center 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	header p#spbtn{
		position: absolute;
		top: 20px;
		right: 10px;
		display: block;
		width: 35px;
		height: 35px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background: url(../_common/sp_btnnav.png) no-repeat center 0;
		background-size:  35px auto;
		cursor: pointer;
	}
	header p#spbtn.active,
	header p#spbtn:hover{ background-position: 0 -35px; }
	nav#globalNav{
		display: none;
		margin: 0;
		padding: 0;
		background: none;
	}
	nav#globalNav ul{
		margin-top: 5px;
		padding: 0;
	}
	nav#globalNav ul li{
		margin: 0;
		padding-bottom: 0;
		list-style: none;
		background: none;
	}
	nav#globalNav ul li a{
		display: block;
		overflow: auto;
		padding: 5px 0;
		width: auto;
		height: auto;
		text-indent: 0;
		color: #FFF;
		white-space: normal;
		background: none !important;
	}
	nav#globalNav ul li.active a{ color: #A5030F; }
	nav#globalNav ul li a:hover{
		text-decoration: none;
		color: #FFF;
		background: #7A6E66 !important;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	footer{
		position: relative;
		bottom: 0;
		right: 0;
		padding: 3px 0;
		text-align: center;
		color: #FFF;
		background: #7A6E66;
	}
}