@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:hover img {
	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 23px;
	overflow:hidden;
}


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

header {
	height:367px;
	margin:0 0 25px;
	padding:233px 0 0;
	position:relative;
	overflow:hidden;
}

header h1 {
	text-align:center;
	width:327px;
	border-bottom:3px #fff solid;
	margin:0 auto 24px;
	padding:0 0 22px;
	position:relative;
	z-index:100;
}

header p.squ {
	text-align:center;
	position:relative;
	z-index:100;
}

header p.main {
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
}


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

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

section#news h2 {
	font-size:20px;
	margin:0 0 10px;
}

section#news dl {
	font-size:14px;
}

section#news dt {
	position:relative;
	left:-6em;
}

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

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


/* visual
-------------------------------------------------------*/

div#visual {
	height:462px;
	margin:0 0 35px;
	position:relative;
}

div#visual p {
	position:absolute;
}

div#visual p.pic_01 {
	left:0;
	top:0;
}

div#visual p.pic_02 {
	left:234px;
	top:0;
}

div#visual p.pic_03 {
	left:234px;
	top:314px;
}

div#visual p.pic_04 {
	right:0;
	top:0;
}


/* link
-------------------------------------------------------*/

div.link {
	text-align:center;
	margin:0 0 35px;
}

div.link p {
	text-align:center;
	margin:0 0 22px;
}


/* detail
-------------------------------------------------------*/

div#detail {
	width:950px;
	margin:0 0 24px;
}

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

div#detail div.box {
	width:278px;
	margin:0 32px 32px 0;
	float:left;
}

div#detail div.box p.pic {
	text-align:center;
	margin:0 0 10px;
}

div#detail div.box p.txt {
	font-size:12px;
}


/* size
-------------------------------------------------------*/

section#size {
	width:1000px;
	margin:0 0 30px;
}

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

section#size h2 {
	text-align:center;
	width:900px;
	margin:0 0 15px;
}

section#size section.box {
	white-space:nowrap;
	width:245px;
	margin:0 78px 25px 0;
	float:left;
}

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

section#size section.box p.pic {
	text-align:center;
	width:245px;
	height:167px;
	padding:0 0 7px;
	display:table-cell;
	vertical-align:bottom;
}

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


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

section#color {
	margin:0 0 60px;
}

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

section#color > div {
	text-align:center;
}

section#color div.box {
	text-align:center;
	width:230px;
	display:inline-block;
}

section#color div.box p.pic {
	margin:0 0 10px;
}

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


/* chest
-------------------------------------------------------*/

section#chest {
	margin:0 0 58px;
}

section#chest h2 {
	text-align:center;
	margin:0 0 18px;
}

section#chest p.intro {
	text-align:center;
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
	margin:0 0 35px;
}

section#chest > div {
	text-align:center;
}

section#chest section.box {
	white-space:nowrap;
	width:245px;
	margin:0 60px;
	display:inline-block;
}

section#chest section.box h3 {
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

section#chest section.box p.pic {
	text-align:center;
	height:295px;
	margin:0 0 22px;
}

section#chest section.box p.txt {
	font-size:12px;
	text-align:left;
}