@charset "utf-8";

/*----------------------------------------
* last update 2008-06-30
* Search key "++n"
* COPYRIGHTCOPYRIGHT(C)638-8080.com.ALL RIGHTS RESERVED.
* Editor - studio CLOVER - www.with-clover.com.
*
* +0 reset parts
* +1 header parts
* +2 navi parts
* +3 footer parts
* +4 home parts
* +5 entrance parts
* +000 other parts

----------------------------------------*/

/*----------------------------------------
++0 reset parts
----------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td{
	margin:0;
	padding:0;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	}

ul{
	list-style:none;
	}
fieldset,img{
	border:0;
	}

/* default style */

body{
	color:#333;
	background:#fff;
	font-size:62.5%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	line-height:1.5;
	}

#container{
	width:750px;
	background:#f0ffe0;
	text-align:left;
	margin:0 auto;
	border-right:1px solid #390;
	border-left:1px solid #390;
	}

#container:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#container{
	display:inline-block;
	min-height:1%; /* for IE 7*/
	}

/* Hides from IE-mac */
* html #container{height: 1%;}
#container{display: block;}
/* End hide from IE-mac */


a{text-decoration:none;}
a:hover{text-decoration:underline;}		

/*form body*/
#rec_form{
	background:#f0ffe0;
	font-size:80%;
	text-align:center;
}
/*----------------------------------------
++1 header parts
----------------------------------------*/
#main_movie{
 width:750px;
	height:240px;
	margin:0 auto;
}
#header{
	margin:0 auto;
	}

h1 a:focus{
	outline:0;
	}						
#header h1,#header h2,#header p,
#header dl{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

/*----------------------------------------
++2 navi parts
----------------------------------------*/	

#gnavi{
	width:750px;
	height:20px;
	background:url(../common/navi.png) no-repeat;
	margin:0 auto;
	}
#gnavi li{
	float:left;
	}
#gnavi li a{
	display:block;
	height:20px;
	text-indent:-9999px;
	}
#gnavi li#home a{width:91px;}
#gnavi li#m02 a,#gnavi li#m04 a,#gnavi li#m06 a{width:93px;} 
#gnavi li#m01 a,#gnavi li#m03 a,#gnavi li#m05 a{width:94px;} 
#gnavi li#m07 a{width:98px;} 

#gnavi li a:hover,#gnavi li a.on{background:url(../common/navi.png) no-repeat;}
#gnavi li#home a:hover,#gnavi li#home a.on{background-position:0px -20px;}
#gnavi li#m01 a:hover,#gnavi li#m01 a.on{background-position:-91px -20px;} 
#gnavi li#m02 a:hover,#gnavi li#m02 a.on{background-position:-185px -20px;} 
#gnavi li#m03 a:hover,#gnavi li#m03 a.on{background-position:-278px -20px;} 
#gnavi li#m04 a:hover,#gnavi li#m04 a.on{background-position:-372px -20px;} 
#gnavi li#m05 a:hover,#gnavi li#m05 a.on{background-position:-465px -20px;} 
#gnavi li#m06 a:hover,#gnavi li#m06 a.on{background-position:-559px -20px;} 
#gnavi li#m07 a:hover,#gnavi li#m07 a.on{background-position:-652px -20px;} 

/*----------------------------------------
++3 footer parts
----------------------------------------*/
#footer{
	clear:both;
	width:750px;
	height:1%;
	background:#c0f7ac;
	margin:0 auto;
	border-top:1px solid #390;
	border-right:1px solid #390;
	border-left:1px solid #390;
	}
#footer_contents{
 float:left;
	width:370px;
	height:20px;
	}

#footer ul{
	letter-spacing:0.1em;
	padding:5px 0 0 5px;
	}
#footer li{
	display:inline;
	}
#footer li a{color:#339900;text-decoration:none;}
#footer li a:hover{color:#339900;text-decoration:underline;}

#footer p.pagetop{
 float:right;
	width:380px;
	height:20px;
	text-indent:3px;
	text-align:right;
	padding:5px 0 0 0;
	}
#footer p.pagetop a{
 color:#006600;
}
#footer p{
 font-size:11px;
	text-align:center;
	letter-spacing:0.1em;
	color:#390;
}	
/*----------------------------------------
++4 index parts
----------------------------------------*/
#topic{
	width:730px;
	height:27px;
	background:#fff;
	color:#f00;
	font-size:16px;
	line-height:1.7;
	letter-spacing:0.1em;
	border:1px solid #390;
	margin:8px auto 8px;
	}
	
/* topics headline color */
#topic span{
	font-weight:bold;
	padding:0 30px 0 0;
	}
.topicStyle01{color:#FF3399;}
.topicStyle02{color:#3366CC;}
.topicStyle03{color:#339900;}
.topicStyle04{color:#FF0000;}
.topicStyle05{color:#663399;}
.topicStyle06{color:#0099FF;}
.topicStyle07{color:#FF6600;}
.topicStyle08{color:#33CCCC;}
.topicStyle09{color:#00FF00;}
.topicStyle010{color:#990033;}
.topicStyle011{color:#663300;}
.topicStyle012{color:#000000;}
/* topics headline color */		

#newsbox{
 width:362px;
	height:320px;
	float:left;
}
#newsbox h3,#magabox h3{
	width:350px;
	height:22px;
	text-indent:-9999px;
}
#newsbox iframe{margin:0 0 0 10px;}

#newsbox h3{background:url(../images/ttl_news2.gif) no-repeat;margin:0 0 3px 10px;}
#magabox h3{background:url(../images/ttl_magazine2.gif) no-repeat;margin:0 0 3px 20px;}

#magabox{
	float:right;
 width:388px;
	height:320px;
}
#magabox dl{
 background:url(../images/index_magazine.png) no-repeat;
	width:350px;
	height:200px;
	text-indent:-9999px;
	margin:0 auto 10px;
	position:relative;
}
#magabox dl dt,#magabox dl dd{
 text-indent:-9999px;
	height:0px;
	overflow:hidden;
}
#magabox dl dd a{
	position:absolute;
	top:114px;
	left:46px;
 background:url(../images/index_magabt.png) no-repeat;
	width:254px;
	height:34px;
	display:block;
	text-decoration:none;
}
#magabox dl dd a:hover{
 background:url(../images/index_magabt.png) no-repeat 0px -34px;
}
#magabox dl dd a:focus{
	outline:0;
	}						

/*maga_add*/
body#maga_add{
 background:#F0FFE0;
}
#maga_add div{
 width:350px;
	margin:0 auto;
}
#maga_add div h1{
 background:url(../images/ttl_magazine2.gif) no-repeat;
	width:350px;
	height:22px;
	text-indent:-9999px;
	margin:0 auto 10px;
}
#maga_add div p{
 font-size:1.2em;
	color:#555;
	line-height:1.6em;
	letter-spacing:0.1em;
}
.green{color:#390;}
.pink{color:#f06;}

#maga_add div p.addin{
 background:url(../images/index_magabt.png) no-repeat;
	width:254px;
	height:34px;
	text-indent:-9999px;
	margin:8px auto;
}
#maga_add div p.addin a{
 background:url(../images/index_magabt.png) no-repeat;
	width:254px;
	height:34px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
#maga_add div p.addin a:hover{
 background:url(../images/index_magabt.png) no-repeat 0px -34px;
}
#maga_add div p.close{
 font-size:1.1em;
	text-align:right;
}
#maga_add div p.close a{
 color:#390;}

#fl_camp{
 width:350px;
	height:60px;
	margin:0 auto;
}

#pickupbox{
 clear:both;
	width:730px;
	height:220px;
	margin:0 auto;
}

#pickupbox h3{
 background:url(../images/ttl_newface.gif) no-repeat;
	width:730px;
	height:22px;
	text-indent:-9999px;
	margin:0 auto 5px;
}
#pickupbox iframe{margin:0 auto;}

#mobilebox{
 float:left;
 width:344px;
	height:120px;
}
#mobilebox h4{
 background:url(../images/ttl_mobile.gif) no-repeat;
	width:316px;
	height:22px;
	text-indent:-9999px;
	margin:0 0 3px 10px;
}
#mobilebox p{
 background:url(../images/mobile_qr.png) no-repeat;
	width:315px;
	height:88px;
	text-indent:-9999px;
	margin:0 auto;
}
#mobilebox p a{
 width:315px;
	height:88px;
	display:block;
	text-decoration:none;
}

#ticketbox{
 float:right;
	width:406px;
	height:120px;
}
#ticketbox h4{
 background:url(../images/ttl_ticket2.gif) no-repeat;
	width:350px;
	height:22px;
	text-indent:-9999px;
	margin:0 0 3px 20px;
}
#ticketbox img{
 float:left;
	margin:0 5px 5px 20px;
}
#ticketbox p{
 font-size:11px;
	letter-spacing:0.1em;
	padding:0 18px 0 0;
}

#index_about{
clear:both;
 background:url(../images/foot_about.png) no-repeat;
	width:750px;
	height:42px;
	text-indent:-9999px;
	border-top:1px solid #060;
}
#index_about dl,#index_about p{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}

/*----------------------------------------
++005 entrance parts
----------------------------------------*/	
#entrance h1{
 background:url(../common/ent_logo.png) no-repeat;
	width:160px;
	height:79px;
	text-indent:-9999px;
	margin:10px auto 5px;
}
.ent_txt{
 font-size:11px;
	letter-spacing:0.1em;
	text-align:center;
	color:#76C420;
	padding:0 0 10px 0;
}
.ent_txt2{
 font-size:12px;
	letter-spacing:0.1em;
	text-align:center;
	color:#76C420;
	padding:0 0 30px 0;
}
.ent_txt2 a,#ent_shop a{
 color:#66CC00;
}

#ent_18{
 background:url(../common/ent_18.png) no-repeat;
	width:239px;
	height:118px;
	text-indent:-9999px;
	margin:0 auto 10px;
}
#ent_navi{
 background:url(../common/ent_bt.png) no-repeat;
	width:243px;
	height:43px;
	text-indent:-9999px;
	margin:10px auto 16px;
}
#ent_navi a{
 display:block;
	width:243px;
	height:43px;
	text-decoration:none;
}
#ent_navi a:hover{
background:url(../common/ent_bt.png) no-repeat;
background-position:0px -42px;
}

#ent_shop{
 font-size:12px;
	color:#333;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.8em;
	border-top:1px solid #009900;
	padding:20px 0 0 0;
}

/*----------------------------------------
++000 other parts
----------------------------------------*/	
.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

.cle{
	clear:both;
	}

.center{
 text-align:center;
}
#moved{
 text-align:center;
	color:#336600;
	font-size:14px;
	letter-spacing:0.1em;
	line-height:2.6em;
}
#moved_txt{
  text-align:center;
	color:#336600;
	font-size:12px;
	letter-spacing:0.1em;
	line-height:1.6em;
}
#moved_txt a{
 color:#FF0000;
	text-decoration:underline;
}
.txt_green{
 color:#390;
}