@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
-------------------------------------------------------*/

body#index div#container {
	min-width:900px;
	max-width:1600px;
	margin:0 auto;
}

body#sample div#container {
	width:900px;
	margin:0 auto;
}


/* h1
-------------------------------------------------------*/

body#index h1 {
	text-align:center;
	min-width:900px;
	height:562px;
	margin:0 auto 20px;
	padding:300px 0 0;
	background:url(../img/main.jpg) center top no-repeat;
}

body#sample h1 {
	color:#585657;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:1.75;
	height:276px;
	margin:0 0 20px;
	padding:180px 0 0;
	background:url(../img/k_main.jpg) center top no-repeat;
}

body#sample h1 span {
	font-size:34px;
}


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

section#news {
	width:900px;
	margin:0 auto 30px;
}

section#news h2 {
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin:0 0 7px;
}

section#news dl {
	font-size:17px;
	font-weight:bold;
	text-align:left;
	margin:0 0 0 304px;
}

section#news dt {
}

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


/* sukima
-------------------------------------------------------*/

section#sukima {
	min-width:900px;
	margin:0 auto;
	padding:65px 0 0;
	background:#B5B5B7;
}

section#sukima div.block_01 {
	width:900px;
	min-height:537px;
	margin:0 auto;
	padding:33px 0 0;
	background:url(../img/1.png) 0 0 no-repeat;
}

section#sukima div.block_01 h2 {
	text-align:right;
	margin:0 5px 40px 0;
}

section#sukima div.block_01 dl {
	color:#fff;
	margin:0 80px 15px 340px;
	padding:10px 27px 15px;
	background:#231816;
}

section#sukima div.block_01 dt {
	font-size:20px;
	font-weight:bold;
	margin:0 0 5px;
}

section#sukima div.block_01 dd {
	font-size:17px;
	line-height:1.8;
}

section#sukima div.block_02 {
	text-align:center;
	padding:3044px 0 5px;
	background-image:url(../img/2.jpg), url(../img/bg1.jpg);
	background-position:center top, center top;
	background-repeat:no-repeat, repeat;
}

section#sukima div.block_02 h3 {
	font-size:29px;
	font-weight:bold;
	margin:0 0 20px;
}

section#sukima div.block_02 p {
	font-size:26px;
	font-weight:bold;
	margin:0 0 25px;
}


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

div#variation {
	min-width:900px;
	padding:55px 0 60px;
	background:#E4DDCB;
}

div#variation section.block {
	width:900px;
	margin:0 auto 35px;
	padding:0 0 70px;
	background:url(../img/line.png) center bottom no-repeat;
}

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

div#variation section.block:last-child {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}

div#variation section.block h2 {
	width:330px;
	margin:0 0 25px;
	padding:35px 0 0;
	float:left;
}

div#variation section.block div.box_01 {
	text-align:right;
	width:570px;
	margin:0 0 25px;
	float:right;
}

div#variation section.block div.box_01 p {
	margin:0 0 0 120px;
	display:inline;
}

div#variation section.block div.box_01 p:first-child {
	margin:0;
}

div#variation section.block div.box_02 {
	width:430px;
	float:left;
	clear:both;
}

div#variation section.block div.box_03 {
	width:425px;
	padding:175px 0 0;
	float:right;
}

div#variation section.block div.box_03 p.pic {
	text-align:right;
}

div#variation section.block div.box_03 p.txt {
	font-size:21px;
	line-height:1.75;
	text-indent:-1em;
	margin:70px 0 0;
	padding-left:1em;
}


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

div.btn {
	text-align:center;
	padding:30px 0 0;
}

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


/* sample
-------------------------------------------------------*/

body#sample {
	background:#E4DDCB;
}

body#sample section.block {
	width:860px;
	margin:0 auto 20px;
	padding:0 0 15px;
	background:url(../img/b_line.png) center bottom no-repeat;
}

body#sample section.last {
	margin-bottom:50px;
	padding-bottom:0;
	background:none;
}

body#sample section.block h2 {
	text-align:center;
	margin:0 0 15px;
}

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

body#sample section.block li {
	width:430px;
	margin:0 0 55px;
}

body#sample section.last li {
	margin:0;
}


body#sample section.block li:nth-child(odd) {
	text-align:left;
	float:left;
}

body#sample section.block li:nth-child(even) {
	text-align:right;
	float:right;
}

body#sample p.caution {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin:0 0 22px;
}