body, div, p, h1, h2, h3, h4, h5, a, ul, li {
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1.8;
	color: #0c0c0c;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: 0.4;
}

a {
	color: #0c0c0c;
}

a:hover {
	text-decoration: underline;
}


#main {
	width: 100%;
}

#movie {
	width: 100%;
	height: 840px;
	background-color: black;
	position: relative;
	overflow: hidden;
}

div#btn {
	width: 318px;
	height: 303px;
	background-image: url(img/btn.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -146px;
	margin-left: -160px;
	z-index: 214748364;
	cursor: pointer;
}

div#btn:hover {
	width: 318px;
	height: 303px;
	z-index: 214748364;
	background-image: url(img/btn_on.png);
}

#map {
	width: 920px;
	height: 318px;
	position: relative;
	background-color: #bebebe;
}

#info {
	width: 382px;
	height: 318px;
	position: absolute;
	top: 0;
	left: 559px;
	z-index: 20000;
}

#info01 {
	padding: 40px 0 0 42px;
	width: 340px;
	height: 120px;
	background-image: url(img/bg1.png);
	position: absolute;
	top: 24px;
}

#info01 h2 {
	
	font-size: 16px;
	font-weight: bold;
}

#info01 p {
	font-size: 16px;
	padding-top: 5px;
	line-height: 1.6;
}

#info02 {
	padding: 40px 0 0 40px;
	width: 342px;
	height: 64px;
	background-image: url(img/bg2.png);
	position: absolute;
	top: 182px;
}

#info02:hover {
	text-decoration: underline;
}

#info02 h2 {
	font-size: 16px;
	font-weight: bold;
	margin: -3px 0 0 24px;
}

#huyu {
	width: 1200px;
	height: 840px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -420px;
	margin-left: -600px;
	overflow: hidden;
}

#main_inner {
	width: 100%;
	position: relative;
	z-index: 21474836;
	background-color: white;
}

#main_box {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

#header {
	padding:40px 0 0 0; 
	position: relative;
	width: 920px;
	height: 475px;
}

#headermini {
	padding:60px 0 0 0; 
	position: relative;
	width: 920px;
}

#boxs {
	padding: 40px 0 0 0;
	width: 920px;
}

#left {
	width: 568px;
	float: left;
	margin-right: 24px;
}

#yuki {
	height: 344px;
}

#readmore {
	margin: 12px 0 0 0;
	width: 171px;
	height: 24px;
	background-image: url(img/more.jpg);
	background-repeat: no-repeat;
}

div#readmore:hover {
	width: 208px;
	height: 24px;
	background-image: url(img/more_on.jpg);
	background-repeat: no-repeat;
}

#top {
	margin: 60px 0 0 0;
	width: 77px;
	height: 24px;
	background-image: url(img/top.jpg);
	background-repeat: no-repeat;
}

div#top:hover {
	width: 77px;
	height: 24px;
	background-image: url(img/top_on.jpg);
	background-repeat: no-repeat;
}

#rule {
	margin-right: 24px;
}

#paper {
	width: 568px;
	height: 380px;
	background-image: url(img/rule01.jpg);
	cursor: pointer;
}

ul {
	padding: 8px 0 0 2px;
}

li {
	width: 10px;
	height: 10px;
	margin-right: 8px;
	background-image: url(img/rule_off.jpg);
	float: left;
}

ul.more {
	width: 800px;
	height: auto;
	background-image: none;
	float: none;
	padding-top: 20px;
}

ul.more li {
	width: 800px;
	height: auto;
	background-image: url(img/rule_off.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 24px;
	margin-bottom: 20px;
	float: none;
}

.num {
	cursor: pointer;
}

#num1 {
	background-image: url(img/rule_on.jpg);
}

#twitter {
	width: 328px;
	float: right;
}


#footer p {
	font-size: xx-small;
}

#footer {
	width: 980px;
	padding-top: 40px;
	margin-bottom: 60px;
	position: relative;
}

div#totop {
	width: 90px;
	height: 60px;
	background-image: url(img/totop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 28px;
	left: 830px;
}

div#totop:hover {
	top: 26px;
}

.clears {
	clear: both;
}