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


/*--------------------------
	ALL setting
--------------------------*/
html,body{
	font-size: 10.5px;
	line-height: 160% ;
	font-family:"メイリオ", "MS UI Gothic", "ＭＳ Ｐゴシック", "小塚ゴシック Pro M";
	background:url(img/bg.jpg) ;
	width : 100% ;
	height : 100% ;
}

#container{
	width: 946px ;
	margin :0 auto ;
	position:relative;
	overflow:hidden ;
}

#header{
	width : 944px;
	height:198px;
	position:relative;
	z-index:1 ;
	margin:auto;
}

#all-title{
	height:21px;
	margin: 25px 0 0 0 ;
}

#main{
	width:931px;
	margin: 35px auto 0 auto ;
}
#main-top{
	width: 931px ;
	height: 5px ;
	background:url(img/main_top.png) no-repeat;
}




#main-bottom{width:931px; height:6px; background:url(img/main_bottom.png) no-repeat;}

#main-contents{
	width:931px;
	background:url(img/bg_main.jpg) ;
	overflow:hidden;
}
#copyright{
	width:931px ;
	height:35px ;
	color:#FFFFFF;
	text-align:center;
	line-height: 330% ;
	background:url(img/footer_bg.gif) no-repeat;
	margin: 10px auto 10px auto ;
}
/*--------------------------
	MENU
--------------------------*/
#menu-set{	
	width:936px;
	height:33px;
	position:absolute;
	top:191px;
	left:5px;
	z-index:0;
	overflow:hidden;
}

#menu-set li{
	margin : 0;
	float : left ;
	list-style : none ;
}

li a{
	display:block;
	overflow:hidden;
}


.menu-info a{width:188px; height:33px; background:url(img/menu_info.png) no-repeat;}
.menu-info a:hover{background-position:0px -33px;}

.menu-bbs a{width:187px; height:33px; background:url(img/menu_bbs.png) no-repeat;}
.menu-bbs a:hover{background-position:0px -33px;}

.menu-member a{width:186px; height:33px; background:url(img/menu_member.png) no-repeat;}
.menu-member a:hover{background-position:0px -33px;}

.menu-policy a{width:187px; height:33px; background:url(img/menu_policy.png) no-repeat;}
.menu-policy a:hover{background-position:0px -33px;}	

.menu-contact a{width:188px; height:33px; background:url(img/menu_contact.png) no-repeat;}
.menu-contact a:hover{background-position:0px -33px;}	


/*--------------------------
	INdex
--------------------------*/
#index-of{
	background:url(img/bg2.jpg) repeat;
}
#index-st{
	width:276px;
	height:247px;
	background:url(img/index_st.png) no-repeat;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top:-353px;
	margin-left: 285px; 
	z-index:0 ;
}
div#index-container{
	position:absolute;
	background:url(img/index_main.png) no-repeat;
	width:1011px;
	height:495px;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -248px;
	z-index:1 ;

}

#index-form{
	width:250px;
	height:75px;
	position:absolute;
	top : 400px;
	left: 745px;
}


#index-form li{
	margin: 0 10px 5px 0;
}


#index-form-admin{
	width:250px;
	height:200px;
	position:absolute;
	top : 275px;
	left: 745px;
}

#index-form-admin li{
	margin: 0 10px 4px 0;
}

.index-in-ad{
	width : 140px ;
	height : 16px ;
	background:#444444 ;
	border: none ;
	color:#FFFFFF;
	font-size : 12px;
}

.index-in-ad2{
	width : 34px ;
	height : 16px ;
	background:#444444 ;
	border: none ;
	color:#FFFFFF;
	text-align: center;
	font-size : 12px;
}


.index-name{
	float : left ;
	color:#FFFFFF;
}
.index-in{
	float : left ;
	color:#FFFFFF;
}
.index-in-s{
	width : 200px ;
	height : 16px ;
	background:#2b2b2b ;
	border: none ;
	color:#FFFFFF;
	font-size : 12px;
}
.index-login{
	font-size : 12px;

}
#index-com{
	color : #8d8d8d ;
	width:600px;
	position:absolute;
	left: 50%;
	top: 50%;
	z-index:2 ;
	margin-left: -95px;
	margin-top: 253px;

}

#index-com a{
	text-decoration:none ;
	color :#d8de54;
}

#index-com a:hover{
	text-decoration:none ;
	color :#00c6ff;
}

/*--------------------------
	INFO
--------------------------*/
#info-center-bg{
	width : 881px ;
	background:url(img/info_center.gif) no-repeat center center ;
	overflow:hidden ;
	margin: 50px auto  65px auto;
}


#info-left{
	float:left;
}

#info-right{
	float:right;
}

#info-name{
	width : 209px;
	height: 82px;
	background:url(img/info_name.gif) no-repeat ;
}

#info-profile{
	width : 419px;
	height: 65px;
	background:url(img/info_profile.gif) no-repeat ;
	margin: 25px 0 0 0 ;
}

#info-about-set{
	width : 419px ;
	margin: 25px 0 0 0 ;
}

#info-about-textset{
	width: 419px ;
	height:132px;
	overflow:hidden;
	background-color:#282828;
}

#info-about-top{ width: 419px; height:6px ; background:url(img/info-about-top.gif) no-repeat ;}
#info-about-bottom{ width: 419px; height:6px ; background:url(img/info-about-bottom.gif) no-repeat ;}

#info-about-title{
	background:url(img/info_about_title.gif) no-repeat;
	width:147px;
	height:17px;
	margin: 9px 0 0 0 ;
}

#info-about-text{
	width:393px;
	color:#7e8187;
	margin: 15px auto 5px auto  ;

}


/*--------------------------
	MEMBER
--------------------------*/
.mem-set{
	width:100% ;
	height:205px;
	padding : 0 ;
	border-bottom: 1px dotted #9f9f9f ;
	overflow:hidden;
}
.mem-set li{
	float: left;
	margin-top : 25px ;
	list-style : none ;
}

#mem-top{
	margin-top:22px ;
}

.mem-li-title{
	margin : 0 35px 0 0 ;
}

.mem-img{
	margin : 0 10px 0 0 ;
}
.mem-img a{
	display:block;
}
.mem-img-movie{
	margin : 0 10px 0 0 ;
}

.mem-btn a{width:325px; height:158px; background: url(img/mem_btn.jpg) no-repeat;}
.mem-btn a:hover{background-position:0px -158px;}
/*--------------------------
	POLICY
--------------------------*/
#policy-center{
	width : 794px ;
	overflow:hidden ;
	margin: 50px auto  25px auto;
}

.policy-text{
	font-size:110% ;
	color : #fefefe ;
	margin: 0 0 25px 0 ;
	line-height: 160% ;
}

/*--------------------------
	CONTACT
--------------------------*/
#contact-center{
	width : 650px ;
	overflow:hidden ;
	margin: 50px auto  25px auto;
}

#con-name{
	width:142px;
	height:390px;
	float : left ;
	background-color:#171717;
	overflow:hidden;
}

#con-name ul{
	color : #FFF ;
	float:right;
	margin : 8px 10px 0 0 ;
	list-style : none ;
}


#con-name li{
	margin : 0 0 18px 0 ;
	text-align:right;
}

#con-form{
	float : right ;
	margin : 0 0 0 13px ;
	color : #FFF;
}

#con-form li{
	list-style : none ;
	margin : 0 0 11px 0 ;
}

#con-form form{
	margin : 5px 0 0 0 ;
}

#con-form input,textarea{
	border : 0 ;
	color : #FFF ;
	background:#2b2b2b ;
	vertical-align:text-bottom;
	padding:5px;
}

#con-form select{
	width:235px;
	height:22px;
	border : 0 ;
	color : #FFF ;
	background:#2b2b2b ;
	padding:2px 0 2px 5px;
}

#con-form input{
	width:235px;
	height:14px;
}
#con-form .con-btn{
	height:25px;
	border:1px solid #0f0f0f ;
}

#con-form textarea{
	width : 475px;
	height:155px;
	font-size:14px;
}


/*--------------------------
	BBS
--------------------------*/

#bbs-container{
	width : 700px;
	margin : 0 auto ;
	color:#FFFFFF ;
}

#bbs-header{
	width:697px;
	margin: 0 auto 20px auto;
}


#bbs-attention{
	width : 615px ;
	background:url(img/bbs_atte_bg.gif) repeat;
	margin: 0 auto 20px auto;
	overflow:hidden;
}

#bbs-att-title{
	margin : 18px 0 ;
}

#bbs-att-txt{
	width : 600px ;
	margin : 0 auto 10px auto ;;
}

#bbs-btn{
	width : 150px ;
	height: 25px ;
	margin : 0 auto 35px auto ;
}

#bbs-btn input{
	border : 1px solid #000; ;
	color : #FFF ;
	background:#2b2b2b ;
	vertical-align:text-bottom;
	padding:5px;
}

.bbs-entry{
	width : 613px ;
	margin: 0 auto 35px auto;
	color:#FFFFFF ;
}
.entry-titles{
	height: 30px ;
	font-weight:bold ;
	line-height: 290% ;
	margin: 0 0 8px 0 ;
	padding-left : 8px ;
}

.green{background:url(img/bbs_entry_title01.jpg) repeat ;}
.gray{background:url(img/bbs_entry_title02.jpg) repeat ;}
.red{background:url(img/bbs_entry_title02.jpg) repeat ;}
.skyblue{background:url(img/bbs_entry_title03.jpg) repeat ;}
.hotpink{background:url(img/bbs_entry_title04.jpg) repeat ;}
.gold{background:url(img/bbs_entry_title05.jpg) repeat ;}

.entry-textset{background:url(img/bg_main.jpg) repeat;}
.entry-top{ width:613px; height:7px ; background:url(img/bbs_ent_top.gif) no-repeat;}
.entry-name{
	font-weight : bold ;
	text-align:right;
	color:#FFFFFF ;
	margin: 0 0 15px 0 ;
	padding-right: 8px ;
}
.entry-text{
	font-size:12px ;
	width : 600px ;
	margin : 0 auto ;
}
.entry-bottom{ width:613px; height:7px ; background:url(img/bbs_ent_bottom.gif) no-repeat;}

#bbs-footer{
	text-align:center;
	line-height: 550% ;
	color:#FFFFFF ;
	background-color:#151515 ;
	height : 55px ;
}

#bbs_menu{
	width : 200px ;
	text-align:center;
	margin: 50px auto 30px auto;
}

#bbs_menu a{
	text-decoration:none ;
	color :#d8de54;
}

#bbs_menu a:hover{
	text-decoration:none ;
	color :#00c6ff;
}


/*--------------
	BBS form
----------------*/

#bbs-center{
	width : 615px ;
	overflow:hidden ;
	margin: 50px auto  25px auto;
}

#bbs-name{
	width:110px;
	height:340px;
	float : left ;
	background-color:#171717;
	overflow:hidden;
}

#bbs-name ul{
	color : #FFF ;
	float:right;
	margin : 8px 10px 0 0 ;
	list-style : none ;
}


#bbs-name li{
	margin : 0 0 18px 0 ;
	text-align:right;
}

#bbs-form{
	float : right ;
	margin : 0 0 0 13px ;
	color : #FFF;
}

#bbs-form li{
	list-style : none ;
	margin : 0 0 11px 0 ;
}

#bbs-form form{
	margin : 5px 0 0 0 ;
}

#bbs-form input,textarea{
	border : 0 ;
	color : #FFF ;
	background:#171717 ;
	vertical-align:text-bottom;
	padding:5px;
}

#bbs-form select{
	width:235px;
	height:22px;
	border : 0 ;
	color : #FFF ;
	background:#2b2b2b ;
	padding:2px 0 2px 5px;
}

#bbs-form img{
	vertical-align:middle;
	margin: 0 5px 0 3px;
}

.input-list {
	width:235px;
	height:14px;
}

.tes{width:50px;}
#bbs-form .con-btn{
	height:25px;
	border:1px solid #0f0f0f ;
}

#bbs-form textarea{
	width : 475px;
	height:155px;
	font-size:14px;
}