@charset "utf-8";


/* tag
-------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	background:#fff;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img {
	border: none;
	vertical-align:top;
}

a img:hover {
	opacity:0.70;
}

li {
	list-style:none;
}


/* clearfix
-------------------------------------------------------*/

.clearfix {
	width:100%;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}


/* container
-------------------------------------------------------*/

div#container {
	width:900px;
	margin:0 auto;
	padding:0 0 40px;
	overflow:hidden;
}


/* header
-------------------------------------------------------*/

header {
	height:608px;
	margin:0 0 31px;
	position:relative;
}

header h1 {
	position:absolute;
	left:0;
	top:320px;
}

header p.txt {
	font-size:18px;
	line-height:1.75;
	letter-spacing:1px;
	position:absolute;
	left:650px;
	top:180px;
}

header p.squ {
	position:absolute;
	right:35px;
	bottom:35px;
}

header p.main {
}


/* news
-------------------------------------------------------*/

section#news {
	margin:0 0 75px;
}

section#news h2 {
	color:#4C2600;
	font-size:18px;
	text-align:center;
	width:528px;
	margin:0 auto 15px;
	padding:12px 0;
	background:#E4DBBA;
	border-radius:30px;
}

section#news dl {
	font-size:18px;
	width:518px;
	margin:0 auto
}

section#news dt {
}

section#news dt:before {
	content:"・";
}

section#news dd {
	margin:-1.5em 0 0 6.5em;
}


/* point
-------------------------------------------------------*/

section#point {
	padding:0 0 95px;
}

section#point h2 {
	text-align:center;
	margin:0 0 45px;
}

section#point > div {
	width:900px;
	height:540px;
	position:relative;
}

section#point p.pic {
	position:absolute;
	left:253px;
	top:0;
}

section#point section.box {
	position:absolute;
}

section#point section.box_01 {
	width:285px;
	left:0;
	top:15px;
}

section#point section.box_02 {
	width:255px;
	right:0;
	top:195px;
}

section#point section.box_03 {
	width:440px;
	left:0;
	bottom:0;
}

section#point section.box h3 {
	margin:0 0 12px;
}

section#point section.box p {
	color:#fff;
	font-size:13px;
	line-height:1.75;
	white-space:nowrap;
	padding:7px 10px;
	background:#666666;
}


/* image
-------------------------------------------------------*/

section#image {
	margin:0 0 27px;
	padding:0 0 27px;
	background:#BFBF99;
}

section#image h2 {
	color:#fff;
	font-size:35px;
	font-weight:bold;
	text-align:center;
	margin:0 0 12px;
	padding:120px 0 0;
	background:url(../img/plus.png) center top no-repeat;
	position:relative;
	top:-45px;
}

section#image p.intro {
	color:#4C2600;
	font-size:20px;
	line-height:1.75;
	margin:-50px 0 30px 155px;
}

section#image div.pic {
	width:865px;
	height:620px;
	margin:0 0 22px 18px;
	position:relative;
}

section#image div.pic p {
	position:absolute;
}

section#image div.pic p.pic_01 {
	left:0;
	top:0;
}

section#image div.pic p.pic_02 {
	left:257px;
	top:0;
}

section#image div.pic p.pic_03 {
	left:0;
	bottom:0;
}

section#image div.pic p.pic_04 {
	right:0;
	top:0;
}

section#image p.btn {
	text-align:center;
}


/* movie
-------------------------------------------------------*/

section#movie {
	margin:0 0 65px;
}

section#movie h2 {
	text-align:center;
	margin:0 0 25px;
}

section#movie iframe {
	width:600px;
	height:315px;
	margin:0 auto;
	border:none;
	display:block;
}


/* variation
-------------------------------------------------------*/

section#variation {
	width:900px;
	margin:0 0 60px;
	padding:18px 0 0;
	overflow:hidden;
	position:relative;
}

section#variation h2 {
	position:absolute;
	left:0;
	top:0;
}

section#variation > div {
	width:920px;
}

section#variation > div:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

section#variation section.box {
	white-space:nowrap;
	width:200px;
	margin:0 30px 18px 0;
	float:left;
	position:relative;
}

section#variation section.box p.pic {
	text-align:center;
	width:200px;
	height:267px;
	padding:0 0 5px;
	display:table-cell;
	vertical-align:bottom;
}

section#variation section.box h3 {
	font-size:13px;
	font-weight:bold;
}

section#variation section.box p.txt {
	font-size:12px;
}

section#variation div.option {
	width:170px;
	padding:20px 0 0 30px;
	float:left;
}

section#variation div.option > section {
	margin:0 0 20px;
}

section#variation div.option p.pic {
	text-align:center;
	margin:0 0 10px;
}

section#variation div.option h3 {
	font-size:13px;
	font-weight:bold;
}

section#variation div.option p.txt {
	font-size:12px;
}



/* color
-------------------------------------------------------*/

section#color {
	width:900px;
	margin:0 0 40px;
	overflow:hidden;
}

section#color h2 {
	margin:0 0 32px;
}

section#color ul {
	text-align:center;
}

section#color li {
	font-size:13px;
	width:108px;
	margin:0 50px 30px;
	display:inline-block;
}

section#color li img {
	margin:0 0 5px;
}

section#color p {
	font-size:14px;
	text-align:center;
}


/* btn
-------------------------------------------------------*/

div.btn {
	text-align:center;
	margin:0 0 40px;
}

div.btn p {
	margin:0 0 20px;
}