@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy);

/* Common
-------------------------------------------------------------------- */
body {
	background: #fcf9f4;
	color: #373226;
	font-family: Helvetica,Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.05em;
}

a {
	color: #373226;
	text-decoration: none;
}

a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

img {
	-ms-interpolation-mode: bicubic;
}

p {
	margin-bottom: 1.2em;
}

p:last-child {
	margin-bottom: 0;
}


/* header
-------------------------------------------------------------------- */
header {
	background: #0e0200;
	width: 100%;
	height: 70px;
}

header p {
	width: 1000px;
	margin: 0 auto;
}


/* section
-------------------------------------------------------------------- */
.wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 25px 0 0;
	overflow: hidden;
}


/* title
-------------------------------------------------------------------- */
#title {
	margin-bottom: 25px;
}


/* product
-------------------------------------------------------------------- */
#lead {
	margin-bottom: 50px;
	overflow: hidden;
}

.jacket {
	float: left;
	width: 410px;
}

.catch {
	float: right;
	text-align: center;
	width: 575px;
}

.jacket img,
.catch ul {
	margin: 5px;
	box-shadow: rgba(10,2,4,0.2) 0px 0px 5px 1px;
	-webkit-box-shadow: rgba(10,2,4,0.2) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(10,2,4,0.2) 0px 0px 5px 1px;
}

.jacket img + img,
.catch img {
	margin-top: 20px
}

.catch ul {
	background: url(../imgs/bg_catch.jpg) center top no-repeat;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 17px;
	padding: 50px 25px 0;
	text-align: left;
	height: 489px;
	width: 515px;
}

.catch ul li {
	margin-bottom: 10px;
}


/* product
-------------------------------------------------------------------- */
#product {
	background: #eeeee6;

}


/* spec
-------------------------------------------------------------------- */
#spec {
	border: 2px solid #807230;
	background: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px;
	overflow: hidden;
}

#spec h2 {
	background: rgb(132,117,46);
	background: -moz-linear-gradient(top, rgb(132,117,46) 0%, rgb(90,86,62) 40%, rgb(90,86,62) 60%, rgb(132,117,46) 100%);
	background: -webkit-linear-gradient(top, rgb(132,117,46) 0%,rgb(90,86,62) 40%,rgb(90,86,62) 60%,rgb(132,117,46) 100%);
	background: linear-gradient(to bottom, rgb(132,117,46) 0%,rgb(90,86,62) 40%,rgb(90,86,62) 60%,rgb(132,117,46) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84752e', endColorstr='#84752e',GradientType=0 );
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fcf9f4;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
}

#spec dl:nth-of-type(1) {
	float: left;
	margin: 20px;
	width: 470px;
}

#spec dl:nth-of-type(2) {
	float: left;
	margin: 20px 20px 20px 0;
	width: 446px;
}

#spec dl dt:before {
	content: "【";
}

#spec dl dt:after {
	content: "】";
}

#spec dl dd {
	margin-bottom: 10px;
}


/* store
-------------------------------------------------------------------- */
#store {
	text-align: center;
}


/* product
-------------------------------------------------------------------- */
#program {
	background: url(../imgs/bg_product.jpg) left top repeat;
}

#program h2 {
	margin-bottom: 15px;
	text-align: center;
}

.boxWrap {
	margin-bottom: 20px;
	overflow: hidden;
}

.boxWrap:last-child {
	margin-bottom: 50px;
}

.box {
	background: url(../imgs/bg_boxtop.png) top center no-repeat,
		url(../imgs/bg_boxbottom.png) bottom center no-repeat,
		rgba(255,255,255,0.8);
	float: left;
	margin: 0 2px;
	padding: 50px 0 50px 20px;
	overflow: hidden;
	width: 225px;
}

.box h3 {
	background: -webkit-linear-gradient(top, rgb(132,117,46) 0%, rgb(90,86,62) 40%,rgb(90,86,62) 60%, rgb(132,117,46) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #84752e;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Sorts Mill Goudy', serif;
	text-align: center;
	margin: 0 25px 20px 0;
}

.box li {
	font-size: 13px;
	margin-bottom: 5px;
	letter-spacing: 0;
}


/* Footer
-------------------------------------------------------------------- */
footer {
	background: #0e0200;
	width: 100%;
	height: 50px;
}

footer p {
	color: #fff;
	width: 1000px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 50px;
	text-align: right; 
}


/* TOP
-------------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 60px;
	right: 20px;
}
#page-top a {
	width: 135px;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
}