/*
	Created by CreativeTeam
*/

* {
	font-family: ‚l‚r ‚oƒSƒVƒbƒN, Osaka, ƒqƒ‰ƒMƒmŠpƒS Pro W3;
	font-size:12px;
	line-height:150%;
	color: #535353;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


a:link {
	color: #CF010D;
	overflow:hidden;
}

a:visited {
	color: #CF010D;
	overflow:hidden;
}

a:hover {
	color: #CF010D;
	text-decoration: none;
}

a:active {
	color: #CF010D;
}


body {
	background: #ff8576 url('images/bg.gif') repeat-x;
}

p.totop{
	width:605px;
	text-align:right;
	color:#cf010d;
	font-size:10px;
}

p.totop a:link,
p.totop a:visited{
	font-size:10px;
	color:#cf010d;
	}


/* header */
div#header {
	width: 652px;
	margin: 0 auto;
	padding: 0;
}

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

div#header h1 a{
	float: left;
	display: block;
	background: url('images/logo.jpg') no-repeat;
	text-indent: -9999px;
	width: 183px;
	height: 85px;
	position:absolute;
	left: 1px;
	top: 0px;
}

div#header h2 {
	float: left;
	display: block;
	width: 472px;
	height: 85px;
	background: url('images/title_me.jpg') no-repeat;
	text-indent: -9999px;
	position:absolute;
}

/* main visual */
div#main {
	margin: 0 auto 0;
	width: 652px;
}

div#main1{ 
	margin-left:4px;
	width: 652px;
	background:#2059a5 url('images/main_bg02.jpg') repeat-y ;
	}

div#main2{
	width: 652px;
	background: url('images/main_bg01.jpg') repeat-y left top;
	}
	
div#main-visual{
	margin-left:auto;
	margin-right:auto;
	width: 656px;
	height:470px;
	position:relative;
	background:#ff2929 url('images/main.jpg') no-repeat left 84px;
}
	
div#main-visual h2{
	text-indent:-9999px;
	position:absolute;
	left: 184px;
	top: 0px;
	}
	
p.date{
	text-indent:-9999px;
	}

p.firstcome{
	position:absolute;
	width:200px;
	height:180px;
	left:585px;
	top:50px;
	text-indent:-9999px;
	background:url(images/main_point.jpg) no-repeat left top;
	}

/* SEARCH BOX
--------------------------------------------------------*/
#main-visual div.search-on{
	position:absolute;
	top:351px;
	left:72px;
	width: 530px;
}

#main-visual div.search-on p.search-box{
	float:left;
	margin:7px 0 0 0px;
}

#main-visual div.search-on p.search-box input{
	width:430px;
	height:12px;
	padding:7px 0px 6px 10px;
	font-size:12px;
	background:none;
	border:none;
}

#main-visual div.search-on p.search-btn{
	float:left;
	margin:10px 0px 0px 0px;
}

#search{
	background:url(images/serch.jpg) no-repeat;
	width:556px;
	height:48px;
	margin-left:13px;
	padding-bottom:25px;
	position:relative;
}

#search div.search-on{
	position:absolute;
	top:1px;
	left:56px;
	width: 530px;
}

#search div.search-on p.search-box{
	float:left;
	margin:10px 5px 0 5px;
	_margin:5px 0 0 5px;
}

#search div.search-on p.search-box input{
	width:385px;
	height:18px;
	padding:5px 0 0 10px;
	font-size:12px;
	border:none;
	}

*html #search div.search-on p.search-box input{
	width:397px;
	height:12px;
	padding:8px 0px 6px 0px;
	font-size:12px;
	background:none;
	border:none;
}

#search div.search-on p.search-btn{
	float:left;
	margin:8px 0px 0px 0px;
	background:#ccc;
	}

#search1{
background:url(images/serch.jpg) no-repeat;
width:556px;
height:48px;
margin-left:13px;
padding-bottom:35px;
margin-top:30px;
position:relative;
}

#search1 div.search-on{
	position:absolute;
	top:1px;
	left:56px;
	width: 530px;
}

#search1 div.search-on p.search-box{
	float:left;
	margin:5px 0 0 5px;
}

#search1 div.search-on p.search-box input{
	width:392px;
	height:12px;
	padding:8px 0px 6px 10px;
	font-size:12px;
	background:none;
	border:none;
}

*html #search1 div.search-on p.search-box input{
	width:397px;
	height:12px;
	padding:8px 0px 6px 0px;
	font-size:12px;
	background:none;
	border:none;
}

#search1 div.search-on p.search-btn{
	float:left;
	margin:9px 0px 0px 0px;
}

/* menu */
div#menu{
	width:652px;
	height:45px;
	margin-left:4px;
	}
	
div#menu ul{
	width:652px;
	display:inline-block;
	}
	
div#menu ul:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
	
div#menu ul li{
	float:left;
	height:45px;
	text-indent:-9999px;
	}
	
div#menu ul li.menu01{
	width:219px;
	background:url('images/btn-03.gif') no-repeat left top ;
	}
	
div#menu ul li.menu02{
	width:213px;
	background:url('images/btn-02.gif') no-repeat left top ;
	}
	
div#menu ul li.menu03{
	width:220px;
	background:url('images/btn-04.gif') no-repeat left top;
	}
	

div#menu ul li.menu01 a{
	display:block;
	width:219px;
	height:45px;
	}

div#menu ul li.menu02 a{
	display:block;
	width:213px;
	height:45px;
	}

div#menu ul li.menu03 a{
	display:block;
	width:220px;
	height:45px;
	}

div#menu ul li.menu01 a:hover{ background:url('images/btn_ro-03.gif') no-repeat ; }
div#menu ul li.menu02 a:hover{ background:url('images/btn_ro-02.gif') no-repeat ;	}
div#menu ul li.menu03 a:hover{ background:url('images/btn_ro-04.gif') no-repeat ; }

	
div#off{
clear:both;}


/* closed */
div.closed {
	padding-top:30px;
	text-align:center;
}

/* copyright */
#footer{
	margin:50px 8px 0 6px;
	background: #ce0909;
	}
	
#copyright {
	color: #fff;
	font-size: 80%;
	padding: 8px 0 7px 0;
	text-align: center;
}

div.btm{
text-indent:-9999px;
background:url(images/bottom.gif) no-repeat;
height:7px;
width:652px;
margin-left:4px;}

div.haikei{
	position:absolute;
	background:url(images/index.jpg) no-repeat;
	width:183px;
	height:425px;
	text-indent:-9999px;
	left: -183px;
	top: 0px;
}

/* whats .me*/

div.whatsmewrap{
	margin:0px 0 15px 36px;
	padding-top:50px;
	}

div.whatsmewrap h3{
	background:url(images/whatsme.gif) no-repeat left top;
	height:29px;
	width:580px;
	text-indent:-9999px;
	}

div.whatsmewrap h4{
	color:#ff4800;
	font-size:14px;
	margin:30px 0 20px 16px;
	}

div.whatsmewrap h4 span.spacer{
	color:#ff4800;
	font-size:14px;
	margin-left:15px;
	}

div.whatsmewrap p{
	margin:0 0 20px 16px;
	width:560px;
	line-height:150%;
	}

div.whatsmewrap p.infomation{
	font-weight:bold;
	margin:0 0 25px 16px;
	}

/* how to .me */

div.howtomewrap{
	margin:45px 0 0 36px;
	}


div.howtomewrap h3{
	background:url(images/howtome.gif) no-repeat left top;
	height:29px;
	width:580px;
	text-indent:-9999px;
	}

div.howtomewrap dl.practical{
	}

div.howtomewrap dl.practical dt{
	width:550px;
	height:13px;
	margin:30px 0 0 15px;
	text-indent:-9999px;
	}

div.howtomewrap dl.practical dd{
	width:515px;
	margin:10px 0 0 30px;
	padding:10px;
	color:#600;
	background:#ffe8de;
	}

div.howtomewrap dl.practical dt.practical01{ background:url(images/practical_ttl01.gif) no-repeat left top; }
div.howtomewrap dl.practical dt.practical02{ background:url(images/practical_ttl02.gif) no-repeat left top; }

div.howtomewrap p{
	margin:40px 50px 0 15px;
	}

span.exmefont{
	color:#ff000f;
}	

div.howtomewrap div.compare01{
	width:550px;
	margin:30px 0 0 16px;
	background:url(images/howusemebgd.gif) repeat-y left top;
	}

div.howtomewrap div.compare02{
	width:550px;
	margin:20px 0 30px 16px;
	background:url(images/howusemebgd.gif) repeat-y left top;
	}

div.howtomewrap div.compare01 h4{
	background:url(images/howusemetop.gif) no-repeat left top;
	height:62px;
	text-indent:-9999px;
	}

div.howtomewrap div.compare02 h4{
	background:url(images/attention.gif) no-repeat left top;
	height:62px;
	text-indent:-9999px;
	}


div.howtomewrap div.compare01 ul,
div.howtomewrap div.compare02 ul{
	margin:10px 0 0 30px;
	}

div.howtomewrap div.compare01 ul li,
div.howtomewrap div.compare02 ul li{
	display:inline-block;
	margin-top:10px;
	font-size:10px;
	background:url(images/dot.gif) no-repeat left bottom;
	}

div.howtomewrap div.compare01 ul li strong,
div.howtomewrap div.compare02 ul li strong{
	display:block;
	float:left;
	height:29px;
	margin-right:15px;
	text-indent:-9999px;
	}

div.howtomewrap div.compare01 ul li.ex01 strong{ width:159px; background:url(images/howuseme.gif) no-repeat left top; }
div.howtomewrap div.compare01 ul li.ex02 strong{ width:159px; background:url(images/howuseme-02.gif) no-repeat left top; }
div.howtomewrap div.compare01 ul li.ex03 strong{ width:202px; background:url(images/howuseme-03.gif) no-repeat left top; }
div.howtomewrap div.compare01 ul li.ex04 strong{ width:163px; background:url(images/howuseme-04.gif) no-repeat left top; }
div.howtomewrap div.compare01 ul li.ex05 strong{ width:185px; background:url(images/howuseme-05.gif) no-repeat left top; }
div.howtomewrap div.compare01 ul li.ex06 strong{ width:188px; background:url(images/howuseme-06.gif) no-repeat left top; }

div.howtomewrap div.compare02 ul li.ex01 strong{ width:120px; background:url(images/attention-02.gif) no-repeat left top; }
div.howtomewrap div.compare02 ul li.ex02 strong{ width:170px; background:url(images/attention-03.gif) no-repeat left top; }
div.howtomewrap div.compare02 ul li.ex03 strong{ width:112px; background:url(images/attention-04.gif) no-repeat left top; }
div.howtomewrap div.compare02 ul li.ex04 strong{ width:142px; background:url(images/attention-05.gif) no-repeat left top; }
div.howtomewrap div.compare02 ul li.ex05 strong{ width:129px; background:url(images/attention-06.gif) no-repeat left top; }

div.howtomewrap div.compare01 ul.attention li{
	margin:20px 30px 0 0;
	background:none;
	}

div.howtomewrap div.compare01 ul.attention li span{
	display:block;
	float:left;
	height:60px;
	font-size:10px;
	}

div.howtomewrap div.compare01 ul.attention li a{
	font-size:10px;
	}

div.howtomewrap div.compare01 p,
div.howtomewrap div.compare02 p.bottom{
	margin:15px 0 0 0;
	padding:0 0 25px 30px;
	background:url(images/howusemebtm.gif) no-repeat left bottom;
	}

div.howtomewrap div.compare02 p{
	margin:20px 0 0 0;
	padding:0 30px;
	}

div.howtousememid , div.attentionmemid {
	background:url(images/howusemebgd.gif) repeat-y;
	width:550px;
	margin-left:16px;
}

div.howtousemebtm {
	background:url(images/howusemebtm.gif) no-repeat;
	width:550px;
	height:11px;
	margin-left:16px;
	padding-bottom:20px;
}

div.howto1{
	background:url(images/howuseme.gif) no-repeat;
	width:159px;
	margin-left:35px;
}

p.howto1ex{
	padding-left:165px;
	font-size:10px;
	width:315px;
	padding-top:1px;
	}
	
div.howto2{
	background:url(images/howuseme-02.gif) no-repeat ;
	width:159px;
	margin-left:35px;
}	

html>body div.howto2{
	background:url(images/howuseme-02.gif) no-repeat ;
	width:159px;
	margin-left:35px;
	margin-top:10px;
}

p.howto2ex{
	padding-left:165px;
	font-size:10px;
	width:315px;
	}
	
div.howto3{
	background:url(images/howuseme-03.gif) no-repeat left top;
	width:202px;
	margin-left:35px;
}	
	
html>body div.howto3{
	background:url(images/howuseme-03.gif) no-repeat left top;
	width:202px;
	margin-left:35px;
	margin-top:10px;
}

p.howto3ex{
	padding-left:208px;
	font-size:10px;
	width:315px;
	}

div.howto4{
	background:url(images/howuseme-04.gif) no-repeat left top;
	width:163px;
	margin-left:35px;
}

html>body div.howto4{
	background:url(images/howuseme-04.gif) no-repeat left top;
	width:163px;
	margin-left:35px;
	margin-top:10px;
}

p.howto4ex{
	padding-left:172px;
	font-size:10px;
	width:315px;
	}
	
div.howto5{
	background:url(images/howuseme-05.gif) no-repeat left top;
	width:185px;
	margin-left:35px;
}

html>body div.howto5{
	background:url(images/howuseme-05.gif) no-repeat left top;
	width:185px;
	margin-left:35px;
	margin-top:10px;
}

p.howto5ex{
	padding-left:195px;
	font-size:10px;
	width:315px;
	}
	
div.howto6{
	background:url(images/howuseme-06.gif) no-repeat left top;
	width:188px;
	margin-left:35px;
}

html>body div.howto6{
	background:url(images/howuseme-06.gif) no-repeat left top;
	width:188px;
	margin-left:35px;
	margin-top:10px;
}

p.howto6ex{
	padding-left:195px;
	font-size:10px;
	width:315px;
	}



div.dotline{
	background:url(images/dot.gif) no-repeat;
	width:490px;
	height:1px;
	margin-top:10px;
}

div.howwrap , div.attwrap {
height:auto;}

p.explainme{
	padding-left:35px;
	padding-top:25px;
	width:485px;
}

span.flt{
	float:left;
	font-size:10px;
	margin-left:35px;
	padding-top:25px;
	padding-bottom:20px;
	}

span.flt1{
	float:left;
	font-size:10px;
	width:480px;
	padding-top:25px;
	padding-bottom:15px;
	}

span.flt1 a{
	font-size:10px;
	}
span.flt2{
	float:left;
	font-size:10px;
	margin-left:20px;
	padding-bottom:20px;
	}

span.flt3{
	float:left;
	font-size:10px;
	width:500px;
	padding-bottom:27px;
	}

span.flt4{
	float:left;
	font-size:10px;
	margin-left:15px;
	}

span.flt5{
	float:left;
	font-size:10px;
	width:475px;
}

p.posi{
margin-left:35px;
padding-bottom:15px;
width:490px;
}

/* attention me*/

h4.attentionme{
background:url(images/attention.gif) no-repeat ;
width:550px;
height:62px;
margin-left:16px;
text-indent:-9999px;
}

div.attention1{
	background:url(images/attention-02.gif) no-repeat;
	width:120px;
	margin-left:35px;
}

p.attention1ex{
padding-left:120px;
font-size:10px;
width:315px;
	}
	
div.attention2{
	background:url(images/attention-03.gif) no-repeat ;
	width:170px;
	margin-left:35px;
}	

html>body div.attention2{
	background:url(images/attention-03.gif) no-repeat ;
	width:170px;
	margin-left:35px;
	margin-top:10px;
}

p.attention2ex{
padding-left:180px;
font-size:10px;
width:315px;
	}
	
div.attention3{
	background:url(images/attention-04.gif) no-repeat left top;
	width:120px;
	margin-left:35px;
}	
	
html>body div.attention3{
	background:url(images/attention-04.gif) no-repeat left top;
	width:120px;
	margin-left:35px;
	margin-top:10px;
}

p.attention3ex{
padding-top:1px;
padding-left:120px;
font-size:10px;
width:315px;
	}	

div.attention4{
	background:url(images/attention-05.gif) no-repeat left top;
	width:142px;
	margin-left:35px;
}

html>body div.attention4{
	background:url(images/attention-05.gif) no-repeat left top;
	width:142px;
	margin-left:35px;
	margin-top:10px;
}

p.attention4ex{
padding-left:152px;
font-size:10px;
width:315px;
	}
	
div.attention5{
	background:url(images/attention-06.gif) no-repeat left top;
	width:129px;
	margin-left:35px;
}

html>body div.attention5{
	background:url(images/attention-06.gif) no-repeat left top;
	width:129px;
	margin-left:35px;
	margin-top:10px;
}

p.attention5ex{
padding-left:139px;
font-size:10px;
width:315px;
	}	
	
p.posi1{
margin-left:35px;
padding-top:25px;
padding-bottom:25px;
width:490px;
}

p.posi2{
margin-left:35px;
padding-bottom:25px;
width:490px;
}

div.attentionmebtm{
background:url(images/howusemebtm.gif) no-repeat;
width:550px;
height:11px;
margin-left:16px;
}


/* me info */
div.infomewrap{
	margin:50px 0 0px 36px;
	}

div.infomewrap h3{
	width:580px;
	height:29px;
	text-indent:-9999px;
	background:url(images/meinfo.gif) no-repeat left top;
	}

div.campSummary{
	margin:0 15px 15px  15px;
	}

div.campSummary dl dt{
	font-weight:bold;
	margin-top:25px;
	padding-left:15px;
	font-size:13px;
	color:#cf0001;
	background:url(images/spot_list01.gif) no-repeat left center;
	}

div.campSummary dl dd{
	width:530px;
	margin-left:17px;
	}

div.campSummary dl dd.attention{
	font-size:10px;
	line-height:100%;
	}

div.campSummary dl dd.attentionImportant{
	font-size:10px;
	color:#cf0001;
	line-height:100%;
	}

div.campSummary dl dd.attentionImportant a{
	font-size:10px;
	}

div.campSummary dl dd.date{
	font-weight:bold;
	color:#cf0001;
	letter-spacing:0.3em;
	}

div.infopic{
	width:550px;
	margin:30px 0 30px 15px;
	padding-bottom:5px;
	background:url(images/howusemebtm.gif) no-repeat left bottom;
	}

div.infopic h4{
	width:550px;
	height:36px;
	text-indent:-9999px;
	background:url(images/howordertop.gif) no-repeat left top;
	}

div.infopic ol{
	padding-top:30px;
	background:url(images/howusemebgd.gif) repeat-y left top;
	}

div.infopic ol li{
	display:inline-block;
	position:relative;
	width:360px;
	margin-top:15px;
	padding-bottom:25px;
	background:url(images/howorder_img04.gif) no-repeat 215px bottom;
	}

div.infopic ol li.num04{
	background:none;
	padding-bottom:10px;
	}

div.infopic ol li img{
	position:absolute;
	left:375px;
	top:-10px;
	}

div.infopic ol li.num01 img{ width:157px; height:77px; }
div.infopic ol li.num02 img{ width:163px; height:173px; }
div.infopic ol li.num04 img{ width:96px; height:83px; left:390px; top:-30px; }

div.infopic ol li span{
	display:block;
	float:left;
	width:55px;
	height:70px;
	text-indent:-9999px;
	margin:0 10px 0 23px;
	}

div.infopic ol li.num01 span{ background:url(images/howorder_num01.gif) no-repeat left top; }
div.infopic ol li.num02 span{ background:url(images/howorder_num02.gif) no-repeat left top; }
div.infopic ol li.num03 span{ background:url(images/howorder_num03.gif) no-repeat left top; }
div.infopic ol li.num04 span{ background:url(images/howorder_num04.gif) no-repeat left top; }

/* campsummary */

div.attli{
padding-bottom:20px;
}

p.infowrr , p.schedulewrr {
padding-left:20px;
color:#005091;
font-weight:bold;
padding-bottom:10px;
}

p.infowrrp{
padding-left:20px;
padding-bottom:15px;
width:500px;
}

p.infwrrabout  {
font-size:10px;
padding-right:21px;
padding-left:20px;
padding-bottom:70px;
}

p.infwrrabout1  {
font-size:10px;
padding-right:21px;
padding-left:20px;
padding-bottom:20px;
}

p.infoexplanation{
background:url(images/meinfo-03.gif) no-repeat;
width:506px;
height:208px;
margin-left:20px;
margin-bottom:10px;
text-indent:-9999px;
}

/* price */

div.pricemewrap{
	margin-top:30px;
	}

div.pricemewrap div.priceextop{
	background:url(images/pricemetop.gif) no-repeat;
	width:550px;
	height:247px;
	margin-left:16px;
	text-indent:-9999px;
	}

div.pricemewrap div.pricememid {
	background:url(images/howusemebgd.gif) repeat-y;
	width:550px;
	margin-left:16px;
	padding-bottom:20px;
}

div.pricemewrap ol{
padding-left:40px;
width:490px;
}

div.pricemewrap ol li{
	font-size:10px;
	}

div.pricemewrap ol li span{
	display:block;
	margin-left:10px;
	font-size:10px;
	}

div.pricemewrap ol li a{
	font-size:10px;
	}


/* schedule */

div.schedulemewrap{
padding-left:36px;
padding-bottom:70px;
}

h3.schedulemelogo{
	background:url(images/meschedule.gif) no-repeat left top;
	height:29px;
	width:580px;
	text-indent:-9999px;
	}
	
p.schedulemeexp{
	background:url(images/meschedule-02.gif) no-repeat left top;
	height:171px;
	width:580px;
	text-indent:-9999px;
	}
		

/* read me */

div.readmewrap{
	margin:50px 0 0 36px;
	}


div.readmewrap h3{
	background:url(images/readme.gif) no-repeat;
	height:30px;
	width:580px;
	text-indent:-9999px;
	padding-bottom:20px;
}

div.readmewrap ul{
	margin:0 0 50px 0;
	width:540px;
	}

div.readmewrap ul li{
	list-style-type:disc;
	margin-top:5px;
	margin-left:30px;
	}

div.readmewrap ul li span{
	display:block;
	font-size:10px;
	}

/* ClearFix
---------------------------------------------------------------------*/
div.howtousememid:after,
div.howtomewrap div.compare01 ul li:after,
div.howtomewrap div.compare02 ul li:after,
div.infopic ol li:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


div#auction {
	margin:0px;
	padding:40px 0px 0px 0px;
}


div#auction p {
	margin:0px auto 0px auto;
	padding:10px;
	width:560px;
	border:solid 1px #CF010D;
}