@charset "utf-8";

/*
サイト内全体でベースとなるCSS
*/


* {font-family:"ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro",HiraMaruPro-W3,Osaka,sans-serif !important; font-style:normal; margin:0px; padding:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	margin:0;padding:0;
}


/*************************
****** clearfix css ******
*************************/
.clearfix:after { content:""; display:block; clear:both;}
.clearfix		{ display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* sp --------------------------------------------------------------------*/
body	{ color:#666; font-size:12px; line-height:18px;}
table	{ font-size:12px; line-height:18px; border:none;}
input	{ font-size:12px; line-height:18px;}
img		{ border:none;}
em		{ font-style:normal;}


/* float --------------------------------------------------------------------*/
.fl		{ float:left;}
.fr		{ float:right;}
.clear	{ clear:both;}


/* color --------------------------------------------------------------------*/
.red	{ color:#F00;}

/***** link ******/
a:link,
a:visited	{ color:#666; text-decoration:underline;}
a:active,
a:hover		{ color:#F09; text-decoration:underline;}



/*************************
********** main **********
*************************/
/* header --------------------------------------------------------------------*/
div.header	{ width:780px; padding:10px; margin:auto;}

/* menu --------------------------------------------------------------------*/
div.menu				{ height:40px; background:url(../img/header_back.jpg) repeat-x; overflow:hidden;}
div.menu div.block		{ width:800px; margin:auto; overflow:hidden;}
div.menu div.block a	{ width:200px; height:40px; text-indent:-9999px; display:block; overflow:hidden; float:left;}
div.menu div.block a.home		{ background:url(../img/menu_home.jpg);}
div.menu div.block a.join		{ background:url(../img/menu_join.jpg);}
div.menu div.block a.login		{ background:url(../img/menu_login.jpg);}
div.menu div.block a.support	{ background:url(../img/menu_support.jpg);}

/* wrapper --------------------------------------------------------------------*/
div.wrapper	{ width:800px; padding:20px 0 10px; margin:auto;}

/* index --------------------------------------------------------------------*/
div.index			{ width:600px; margin:auto; padding-bottom:20px; text-align:center; overflow:hidden;}
div.index h2		{ margin-bottom:5px; color:#F00;}
div.index p.wr		{ color:#F00; font-weight:bold;}
div.index p.nr		{ padding-left:15px; text-align:left; text-indent:-1em;}
div.index p.terms		{ margin:20px 0 0 0; text-align:center;}
div.index a.enter	{ width:250px; height:60px; margin:auto; padding-bottom:10px; background:url(../img/enter.jpg) no-repeat; text-indent:-9999px; display:block; overflow:hidden;}
div.index a.exit	{ width:140px; height:40px; margin:auto; background:url(../img/exit.jpg) no-repeat; text-indent:-9999px; display:block; overflow:hidden;}

/* home --------------------------------------------------------------------*/
div.movie	{ width:780px; margin:auto; padding-bottom:20px; overflow:hidden;}
div.movie p.stt		{ width:760px; height:40px; margin-bottom:10px; padding:0 10px; background:#666; color:#FFF; font-size:20px; font-weight:bold; line-height:40px; overflow:hidden;}
div.movie p.stt a:link,
div.movie p.stt a:visited	{ color:#FFF; text-decoration:underline;}
div.movie p.stt a:active,
div.movie p.stt a:hover		{ color:#F9C; text-decoration:underline;}
div.movie p.thum	{ width:330px; height:400px; overflow:hidden; float:left;}
div.movie div.thum_s				{ width:440px; height:345px; overflow:hidden; float:right;}
div.movie div.thum_s div.block		{ width:460px; height:350px; overflow:hidden;}
div.movie div.thum_s div.block p	{ margin-right:10px; margin-bottom:10px; display:inline; float:left;}
div.movie a.btn		{ width:440px; height:55px; background:url(../img/btn_join.jpg) no-repeat; text-indent:-9999px; display:block; overflow:hidden; float:right;}

div.page	{ padding:0 10px; font-size:14px; font-weight:bold;}

/* regist --------------------------------------------------------------------*/
div.regist	{ width:600px; margin:auto auto 20px; padding:40px 0 50px; border:#333 1px solid;}
div.regist table	{ margin:auto auto 20px;}
div.regist th		{ font-weight:normal; text-align:right;}
div.regist p		{ text-align:center;}

/* f_border --------------------------------------------------------------------*/
div.f_border	{ height:40px; margin-bottom:5px; background:url(../img/footer_back.jpg) repeat-x;}

/* footer --------------------------------------------------------------------*/
div.footer	{ text-align:center;}


/*************************
*********** pp ***********
*************************/
body.pp	{ width:380px; padding:10px;}
body.pp a.close	{ width:100px; height:20px; margin:auto; background:#666; color:#FFF; text-align:center; line-height:20px; display:block; overflow:hidden;}
body.pp p.nb	{ padding-left:30px; text-indent:-1em;}