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

/*----------------------------------------
1.Reset
----------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  
margin:0; padding:0;  
}  
table {  
border-collapse:collapse; border-spacing:0;  
}  
fieldset, img {  
    border:0;  
}  
address, caption, cite, code, dfn, em, strong, th, var {  
    font-style:normal; font-weight:normal;  
}  
ol, ul {  
    list-style:none;  
}  
h1, h2, h3, h4, h5, h6 {  
font-size:100%; font-weight:normal;  
}  
q:before, q:after {  
content:"";  
}  
iframe,abbr, acronym {  
border:0; 
}  
img {
vertical-align:top;
}  



/*----------------------------------------
font color
----------------------------------------*/
.blue {color:#09F;}
.red {color:#F00;}
.red_B {color:#F00; font-weight:bold;}


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

.cb {clear:both; height:0; line-height:0; font-size:1%;}

/*----------------------------------------
3.Body,HTML
----------------------------------------*/
body{
color:#FFF;
background:#000000;
font-size:75%;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,sans-serif;
line-height:1.4;
text-align:center;/* ←IE6以前中央寄せ用 */
margin:0;
}

html{border:none;}

/*----------------------------------------
4.Float,Text Align
----------------------------------------*/
.fl {float:left;}
.fr {float:right;}

.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}

/*----------------------------------------
5.Margin,Padding
----------------------------------------*/
.m0 {margin:0;}

/*----------------------------------------
6.Anchur
----------------------------------------*/
a:link {color:#FFF; text-decoration:none;}
a:visited {color:#FFF; text-decoration:none;}
a:hover {color:#09F; text-decoration:none;}
a:active {outline:none;}
/*----------------------------------------
7.Column
----------------------------------------*/

#wrapper {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header {
	width:auto;
	height:90px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../img/header_bg.jpg) repeat-x;
}

div#header h1{width:300px; height:90px; margin:0 auto; padding:0; background:url(../img/logo.jpg) no-repeat; text-indent:-9999px;}
div#header h1 a{width:300px; height:90px;  overflow:hidden;  display:block;}

#navi_cover {
	width:auto;
	height:40px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:url(../img/navi_bg.jpg) repeat-x;
}



#navi{
	width:800px;
	height:40px;
	margin:0 auto;
	overflow:hidden;/*float解除*/
	zoom:100%;/*float解除*/}


ul#navi li   {float:left; list-style:none; margin:0 auto; padding:0;}
ul#navi li a {display:block; text-decoration:none; text-indent:-9999px; height:40px;}  
ul#navi li.home a      {height:40px; width:150px; display:block; background:url(../img/navi01.jpg) no-repeat 0 0; background-position:0px 0px;}  
ul#navi li.home a:hover{background-position: 0px -40px;}  

ul#navi li.join a      {height:40px; width:150px; display:block; background:url(../img/navi02.jpg) no-repeat 0 0; background-position:0px 0px;}  
ul#navi li.join a:hover{background-position: 0px -40px;}  

ul#navi li.log a      {height:40px; width:150px; display:block; background:url(../img/navi03.jpg) no-repeat 0 0; background-position:0px 0px;}  
ul#navi li.log a:hover{background-position: 0px -40px;}  

ul#navi li.supp a      {height:40px; width:150px; display:block; background:url(../img/navi04.jpg) no-repeat 0 0; background-position:0px 0px;}  
ul#navi li.supp a:hover{background-position: 0px -40px;}  





#container {
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
	background:url(../img/main_bg.jpg) repeat-y;


}

#main {
	width:800px;
	height:auto;
	margin:0;
	padding:20px 110px;
	overflow:hidden;
	}
.movie {
	width:780px;
	height:auto;
	margin:0 0 30px 0;
	padding:0;
	overflow:hidden;
	}
	

div.movie h2{
	width:760px;
	height:20px;
	margin:0 0 10px 0;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	background:url(../img/title_bg.jpg) no-repeat;}
	

.contents{
	width:780px;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
}


.leftbox{
	width:330px;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
	background:#FCF;
}


.rightbox{
	width:450px;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	float:right;
	
}
.rightbox div{
	width:450px;
	height:335px;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}


div.rightbox img{
	float:left;
	width:140px;
	height:105px;
	margin:0 0 10px 10px;
	padding:0;
	overflow:hidden;
}



.join_box{
	width:450px;
	height:55px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../img/join_btn.jpg) no-repeat 0 0;}

.join_box a{
	width:450px;
	height:55px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;}


.allbox{
	width:780px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 0;
	overflow:hidden;
	text-align:center;
}








#footer {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#1E1E1E;
	overflow:hidden;
	text-align:center;
}



#footer_menu{
	width:500px;
	height:20px;
	margin:0 auto;
	padding:30px 0;
	text-align:center;}

ul#footer_menu li{float:left; list-style:none; margin:0 0 0 10px; padding:0 0 0 7px; display:inline; background:url(../img/footer_icon.jpg) no-repeat 0 5px;}


#footer_copy p{
	width:auto;
	height:15px;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	background:#262D37;}


/*-----------------------------------------
index
-------------------------------------------*/

#index_box{
	width:780px;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
	}
#index_box p{
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
	text-align:center;
	}

.style01{font-size:18px; color:#F00; font-weight:bold;}
.style02{color:#F00; font-size:14px; font-weight:bold;}

.enterbox{
	width:780px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 0;
	overflow:hidden;
	text-align:center;
}

.exitbox{
	width:780px;
	height:auto;
	margin:0 auto;
	padding:20px 0 30px 0;
	overflow:hidden;
	text-align:center;
}


/*-----------------------------------------
login
-------------------------------------------*/

.login_box{
	width:780px;
	height:500px;
	margin:0 auto;
	padding:20px 0 0 0;
	overflow:hidden;
}


.form_table { width:610px; height:auto; margin:30px auto 0 ;}
.form_table tr.form_box01{width:610px; height:30px; overflow:hidden; margin:0; background:#222; text-align:left;}
.form_table tr.form_box01 th{ width:120px; height:20px; font-weight:bold; padding:5px 10px; text-align:left;  border-bottom:solid 1px #000;}
.form_table tr.form_box01 td{ width:460px; height:20px; padding:5px;  border-bottom:solid 1px #000;}
.form_table tr.form_box01 input { width:445px; padding:0 10px 0 5px; height:20px; overflow:hidden; background:#000; color:#FFF; border:none; line-height:20px;}
.form_table tr.form_box02{width:610px; height:200px; overflow:hidden; margin:0; background:#222; text-align:left;}
.form_table tr.form_box02 th{ width:120px; height:200px; font-weight:bold; padding:5px 10px;  text-align:left;}
.form_table tr.form_box02 td{ width:460px; height:190px; padding:5px;}


.joinbt{
font-size:14px;
font-weight:bold;
text-align:center;
margin:10px 0;
}

.logtext{width:780px; height:14px; margin:10px 0; padding:0;}



/*-----------------------------------------
privacy
-------------------------------------------*/

.privacy_box{
	width:780px;
	height:500px;
	margin:0 auto;
	padding:20px 0 30px 0;
	overflow:hidden;
}

div.privacy_box p{
	width:780px;
	height:auto;
	margin:0 0 15px 0;
	padding:0;
	overflow:hidden;
	text-indent:-1em; padding-left:1em;
}

div.privacy_box span{
	width:780px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	overflow:hidden;
	display:block;
}


/*-----------------------------------------
2257
-------------------------------------------*/

.2257box{
	width:780px;
	height:500px;
	margin:0 auto;
	padding:20px 0 30px 0;
	overflow:hidden;
}



#container02 {
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}



.tremsbox{
	width:780px;
	height:auto;
	margin:0 auto;
	padding:20px 0 30px 0;
	overflow:hidden;
}

div.tremsbox p{
	width:780px;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}

div.tremsbox span{
	width:780px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	overflow:hidden;
	display:block;
}


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