html { margin:0;padding:0;  }
body{ margin:0; padding:15px 0 0 0; color:#666666; font-size:12px; font-family:osaka,MS Pゴシック,sans-serif; text-align:center; background:url(../img/bg.gif) repeat-x #ffffff;}
a:link { color: #ff0066; text-decoration:none; outline:none;}
a:visited { color:#ff0066; text-decoration:none; outline:none;}
a:active { color: #6699ff; text-decoration:none; outline:none;}
a:hover { color: #6699ff;text-decoration:none; outline:none;}
a img{border:0;}
h1,h2,h3{margin:0; padding:0;}
img{display:block;}
ul{list-style:none;}
form{margin:0; padding:0;}
.clear{margin:0; padding:0; clear:both;}
/*Wrapper
========================================================================================*/
#wrap{margin:0 auto; padding:0; width:910px; background:url(../img/wrap_bg.gif) no-repeat left top;}

/*Sidebar
========================================================================================*/
#sidebar{margin:0; padding:0; width:245px; height:628px; float:left; background:url(../img/sidebar_bg.jpg) no-repeat right bottom;}
#sidebar span{display:none;}
#sidebar h1{margin:0; padding:0 0 0 5px;}
#sidebar h2{margin:0; padding:0; height:254px;}
#sidebar p{margin:0; padding:0;}
div.qr{margin:0; padding:0 0 0 26px; height:144px;}
div.qr h3{margin:0; padding:0; height:51px; }
div.qr img{margin:0 10px 0 0; float:left;}
div.qr p{width:219px; line-height:16px; text-align:left; color:#ffffff; float:left;}
#sidebar h4{margin:0; padding:0; height:20px; clear:both;}
p.domain_txt{margin:0; padding:0; height:15px;}
ul.mob_domain{margin:0; padding:0 20px 0 25px; height:35px; float:left;}
ul.mob_domain li{margin:0; padding:0;width:50px;  float:left;}
ul.mob_domain li a{margin:0; padding:0;width:50px; height:30px; display:block; background:url(../img/mob_domain.gif);}
#sidebar li.im a{background-position:0 0;}
#sidebar li.im a:hover{background-position:0 -35px;}
#sidebar li.sb a{background-position:-50px 0;}
#sidebar li.sb a:hover{background-position:-50px -35px;}
#sidebar li.ez a{background-position:-100px 0;}
#sidebar li.ez a:hover{background-position:-100px -35px;}
#sidebar li.wc a{background-position:-150px 0;}
#sidebar li.wc a:hover{background-position:-150px -35px;}
div.form{margin:0; padding:10px 0 0 26px; float:left;}
#sidebar input.textbox{margin:0 0 4px 0; width:140px; border:0; }
#sidebar select.textbox{width:140px;}
#sidebar input.sendbtn{margin:10px 20px 0 0; padding:0;float:right;}
/*Main
========================================================================================*/
#main{margin:0; padding:0; width:665px; height:628px; float:left;}

/*Header
========================================================================================*/
#header{margin:0; padding:0; width:660px; height:68px; float:left;}
#header h2{margin:0; padding:20px 0 0 0; width:185px; float:left;}
div.loginform{margin:0; padding:0; width:455px; height:48px; float:left; background:url(../img/login_form.gif) no-repeat left top;}
div.loginform p.login{margin:0; padding:26px 0 0 0; width:180px; float:left;}
div.loginform p.btn{margin:0; padding:24px 0 0 0; width:77px;float:right;}
div.loginform p span{display:none;}
div.loginform p input.textbox{width:108px; height:16px; background:none; border:0; float:right;}
div.loginform p input.loginbtn{margin:0; padding:0; float:left;}
p.notice{margin:0; padding:0 25px 0 0; clear:both; text-align:right; line-height:20px;}
a.top_camp{width:185px; height:28px;  background:url(../img/camp_h2.gif); display:block;}
#header a.top_camp:hover{background-position:0 -28px;}
#header a.top_camp span{display:none;}
div.marquee{margin:0; padding:25px 0 0 0; width:445px; float:left;}
/*Contents
========================================================================================*/
#contents{margin:0; padding:0; width:350px; height:560px; float:left;}

/*Navi Box
========================================================================================*/
#nav_box{margin:0; padding:0; width:310px; height:560px; float:left;}
#nav_box img{clear:both;}
/*Top Navi*/
ul.top_nav{margin:0; padding:20px 0 8px 20px; float:left;}
ul.top_nav li{margin:0; padding:0; float:left;}
ul.top_nav li a{margin:0; padding:0; width:272px;  height:40px; display:block; background:url(../img/common_nav.gif);}
ul.top_nav li a span{display:none;}
#nav_box li.entry a{width:272px;  height:110px; background-position:0 0;}
#nav_box li.entry a:hover{background-position:-272px 0;}
#nav_box li.faq a{background-position:0 -120px;}
#nav_box li.faq a:hover{background-position:-272px -120px;}
#nav_box li.terms a{ background-position:0 -160px;}
#nav_box li.terms a:hover{background-position:-272px -160px;}
#nav_box li.about a{background-position:0 -200px;}
#nav_box li.about a:hover{background-position:-272px -200px;}
#nav_box li.privacy a{background-position:0 -240px;}
#nav_box li.privacy a:hover{background-position:-272px -240px;}
#nav_box li.contact a{height:42px; background-position:0 -280px;}
#nav_box li.contact a:hover{height:42px; background-position:-272px -280px;}

/*Main Navi*/
ul.main_nav{margin:0; padding:20px 0 0 20px; float:left;}
ul.main_nav li{margin:0; padding:0 0 8px 0; float:left;}
ul.main_nav li a{margin:0; padding:0; width:272px;  display:block; background:url(../img/member_nav.gif);}
#nav_box li.mailbox a{height:82px; background-position:0 0;}
#nav_box li.mailbox a:hover{height:82px; background-position:-272px 0;}
#nav_box li.mailbox a span{padding:52px 0 0 10px; display:block; color:#ffffff; text-align:left;}
#nav_box li.mailbox a:hover span{padding:52px 0 0 10px; display:block; color:#ff0066; text-align:left;}
#nav_box li.camp a{height:52px; background-position:0 -90px;}
#nav_box li.camp a:hover{height:52px; background-position:-272px -90px;}
#nav_box li.camp a span{display:none;}

/*Contents Navi*/
ul.contents_nav{margin:0; padding:0 0 8px 20px; float:left;}
ul.contents_nav li{margin:0; padding:0; float:left;}
ul.contents_nav li a{margin:0; padding:0; width:272px;  height:30px; display:block; background:url(../img/member_nav.gif);}
ul.contents_nav li a span{display:none;}
#nav_box li.search a{background-position:0 -150px;}
#nav_box li.search a:hover{background-position:-272px -150px;}
#nav_box li.bbs a{ background-position:0 -180px;}
#nav_box li.bbs a:hover{background-position:-272px -180px;}
#nav_box li.info a{background-position:0 -210px;}
#nav_box li.info a:hover{background-position:-272px -210px;}
#nav_box li.point a{height:32px; background-position:0 -240px;}
#nav_box li.point a:hover{height:32px; background-position:-272px -240px;}

/*sub Navi*/
ul.sub_nav{margin:0; padding:10px 30px;text-align:left; background:url(../img/member_nav.gif) 0 -280px; float:left;}
ul.sub_nav li{margin:0; padding:0; width:244px; float:left;}
#nav_box ul.sub_nav li a{margin:0; padding:0 0 0 18px; height:25px; line-height:23px; display:block; background:url(../img/member_nav.gif) -310px -280px; color:#ffffff;}
#nav_box ul.sub_nav li a:hover{background:url(../img/member_nav.gif) -310px -305px;}

/*Footer
========================================================================================*/
#footer{margin:0; padding:5px 0 0 0; clear:both;}
#footer p{margin:0; padding:0 5px; text-align:right; line-height:18px;}

/*Splash
========================================================================================*/
#splash{margin:0 auto; padding:0; width:360px; background:url(../img/splash_bg.gif) no-repeat left top;}
#splash_contents{margin:0; padding:0 0 0 15px; height:410px; }
#splash_contents p{margin:0; padding:0 15px 10px 0; color:#ffffff; line-height:16px;}
#splash_contents ul{margin:0; padding:0 0 0 10px; float:left; text-align:left;}
#splash_contents ul li{margin:0; padding:0; width:165px; height:75px; float:left;}
#splash_contents ul li a{margin:0; padding:0; width:147px; height:62px; display:block; background:url(../img/splash_btn.gif);}
#splash_contents ul li a span{display:none;}
#splash_contents li.enter a{background-position:0 0;}
#splash_contents li.enter a:hover{background-position:0 -70px;}
#splash_contents li.leave a{background-position:-165px 0;}
#splash_contents li.leave a:hover{background-position:-165px -70px;}
#splash_footer{margin:0; padding:0;}
#splash_footer p{margin:0; padding:10px 0 0 0; line-height:18px;}

/*Popup
========================================================================================*/
#popup{background:#ffffff;}
#popup_wrap{margin:0 auto; padding:0 0 0 10px; text-align:left;}
#popup_footer{margin:0; padding:0; width:280px; text-align:center; clear:both;}
div.popup_inner{margin:0; padding:0; width:280px; }
div.popup_inner h2{margin:0 0 10px 0; background:#ff0066; clear:both;}
div.popup_inner h3{margin:0 0 10px 0; background:#ff0066; clear:both;}
div.popup_form{margin:0; padding:0 0 10px 0; border-top:1px solid #cccccc; background:url(../img/popup_contents_bg.gif) no-repeat bottom;}
p.member_id{margin:0; padding:0 10px 10px 10px;}
p.member_id span{height:25px; line-height:25px; display:block;}
p.member_id input.textbox{width:180px; background:#f6f6f6; border:1px solid #cccccc; float:left; }
p.member_id input.sendbtn{float:right;}
p.popup_txt{margin:0; padding:10px 5px 20px 5px; line-height:18px; border-top:1px solid #cccccc; clear:both; background:url(../img/popup_contents_bg.gif) no-repeat bottom;}

p.close{margin:0; padding:0 0 10px 105px; text-align:left;}
a.closebt{margin:0; padding:0; display:block; width:71px; height:20px; background:url(../img/closebt.gif) no-repeat left top;}
a.closebt:hover{background-position:left bottom;}
a.closebt span{display:none;}