@charset "UTF-8";
/* CSS Document */

/*
Web design and Coding by O37*Works(Shizuki Hinase)
http://m37s.com/
*/
@import url(//fonts.googleapis.com/css?family=Cinzel:400,700);

body,html{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

body{
	color:#333;
	font-size:18px;
	line-height:1.6;
	background:url(../images/bg_body.jpg) repeat-x center top;
	}
	


	
a{
	color:#4bb051;
	text-decoration:undeline;}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
  /*¥*// */  height: auto;
	overflow: hidden;
/* */ }
.clearboth {
	clear: both;
}


#tw{
	position:fixed;
	width:100px;
	text-align:right;
	top:20px;
	right:20px;
	margin:0;
	padding:0;
	z-index:60;}


#top_contents{
	background:url(../images/bg_chara.png) top center no-repeat;
	padding:480px 0 100px 0;}
#top_contents p{
	text-align:center;}
#header h1{
	text-align:center;}
#header p{
	background:url(../images/bg_copy.png) repeat;
	text-align:center;
	padding:15px 0;
	margin-top:-45px;}


/*menu*/
#menu{
	background:#4bb051;
	border-top:#4bb051 solid 1px;
	position:fixed;
	bottom:0;
	width:100%;}
#menu ul{
	margin:0 auto;
	padding:0;
	width:1200px;}
#menu ul li{
	list-style:none;
	float:left;}
#menu ul li a{
	width:200px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../images/nav.gif) no-repeat;}
#menu ul li a.m1{
	background-position:0 0;}
#menu ul li a.m2{
	background-position:-200px 0;}
#menu ul li a.m3{
	background-position:-400px 0;}
#menu ul li a.m4{
	background-position:-600px 0;}
#menu ul li a.m5{
	background-position:-800px 0;}
#menu ul li a.m6{
	background-position:-1000px 0;}
	
#menu ul li a.m1:hover{
	background-position:0 -100px;}
#menu ul li a.m2:hover{
	background-position:-200px -100px;}
#menu ul li a.m3:hover{
	background-position:-400px -100px;}
#menu ul li a.m4:hover{
	background-position:-600px -100px;}
#menu ul li a.m5:hover{
	background-position:-800px -100px;}
#menu ul li a.m6:hover{
	background-position:-1000px -100px;}


#sub_contents{
	text-align:center;
	padding-bottom:150px;}

table#goods{
	width:900px;
	margin:0 auto;
	text-align:center;}
table#goods td {
	text-align:center;
	padding:10px;
	line-height:1.8;}
table#goods td strong{
	font-weight:bold;
	font-size:18px;}


dl{
	width:650px;
	margin:0 auto;
	text-align:left;
	line-height:1.8;}
dt{
	font-weight:bold;
	width:100px;
	color:#4bb051;
	float:left;
	margin-top:5px;}
dd{
	margin-top:5px;
	padding-left:120px;}


#announce{
	background:url(../images/bg_aisatu.png) no-repeat bottom center;
	width:950px;
	margin:0 auto;
	padding-bottom:180px;}
#announce p{
	width:650px;
	margin:10px auto;
	text-align:left;}

#attention{
	font-weight:bold;
	text-align:left;
	width:850px;
	margin:0 auto;
	font-size:20px;}
#attention p{
	margin:10px 0;
	line-height:1.4;}
	
.big{
	font-size:18px;
	font-weight:bold;}
strong{
	color:#4bb051;}
.w800{
	width:750px;
	margin:0 auto;
	text-align:left;}
	
address{
	text-align:center;
	font-style:normal;}

.line{
	border-bottom:solid 1px #333;
	font-weight:bold;}
	
	
.stage01,.stage02,.stage03,.stage04,.stage05,.stage06,.stage07{
	color:#fff;
	text-align:center;
	border-radius:120px;
	width:225px;
	height:225px;
	display:block;
	float:left;
	font-size:12px;
	line-height:1.2;
	padding:10px;
	margin:2px;
	text-shadow:0 0 1px #8e8e8e,0 0 1px #8e8e8e,0 0 3px #8e8e8e}

#stage{
	width:1000px;
	margin:0 auto;
	text-align:center;}
#stage h3{
	text-align:center;
	 border-bottom:solid 1px #fff;
	 font-size:12px;
	 padding-bottom:10px;
	 margin:20px 20px 10px 20px ;}
#stage2{
	width:750px;
	margin:0 auto;}

.stage01{
	background:#ff5454;}
.stage02{
	background:#ff9a1c;}
.stage03{
	background:#fff100;
	text-shadow:0 0 1px #444,0 0 1px #444,0 0 3px #444;}
.stage04{
	background:#24a8dd;}
.stage05{
	background:#3dada5;}
.stage06{
	background:#003567;}
.stage07{
	background:#8958a1;}
	

.point h3{
	margin-top:200px;}
.point h3.top{
	margin:0;}
.point{
	background:url(../images/bg_pickup.jpg) no-repeat bottom center;}
.point address{
	margin-top:300px;}

.shadow{
	text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff}


table#collabo{
	margin:0 auto;}
table#collabo td{
	padding-bottom:15px;}




#banner{
	width:750px;
	text-align:left;
	margin:0 auto;}
#banner p{
	margin:0 0 20px 0;
	line-height:1.2;}
#banner input{
	width:498px;
	background:#fff;
	color:#333;
	border:solid 1px #333;
	margin:2px auto 15px auto;
}

#banner_main{
	width:530px;
	float:left;}
#banner_sub{
	width:200px;
	float:right;}
#banner_sub img{
	margin-bottom:15px;}

#link_section{
	background:url(../images/150819_wd_SLFR_cut6_03.gif) no-repeat center;
	font-size:18px;
	padding:25px 0;}
#link_section h3{
	font-size:24px;
	margin:0;}
#link_section a{
	color:#333;
	text-decoration:none;}
#link_section a:hover{
	text-decoration:underline;}


.small{
	font-size:80%;}