/*基本レイアウト*/



body {

	background-image: url(/images/bkgd.jpg);

	margin-top: 0px;

	margin-left: 0px;

	font-size: 12px;

	line-height: 1.2em;

	background-color: #FFF9CB;

	background-repeat: repeat-x;

		font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";



}

html {



scrollbar-3dlight-color:#0B2256;

scrollbar-arrow-color:#801121;

scrollbar-base-color:#666666;

scrollbar-darkshadow-color:#07308C;

scrollbar-face-color:#153F7F;

scrollbar-highlight-color:#9794B0;

scrollbar-shadow-color:#0B2256;



}

form{

	margin: 0px;

	padding: 0px;



}

input{	margin: 0px;

	padding: 0px;}



/*ヘッダー*/

#header{

	width:1024px;

	height:62px;

	margin-left:auto;

	margin-right:auto;

	background-image: url(/images/header.jpg);

}



.headernabi{

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";

	color: #FFFFFF;

	font-size: 12px;

	width: 380px;

	_width: 350px;

	#width: 350px;

	height: 15px;

	margin-top: 15px;

	_margin-top: 28px;

	#margin-top: 28px;

	float: right;

	margin-right: 0px;

letter-spacing: 0.2em;

}

.headernabi ul{

	margin-left: 0px;

	_margin-left: 10px;

	#margin-left: 10px;

	list-style-type: none;

	text-align: center;

}

.headernabi li{

	float: left;

	border: 1px solid #79101F;

	background-color: #97060B;

	padding: 3px 4px;

	margin-right: 3px;

	_margin-right: 4px;

	#margin-right: 4px;

	text-align: center;

}





.headernabi li a{

	color: #FFFFFF;

	text-decoration: none;



}







#header h1{}



/*メイン*/

#mainindex{

	width:700px;

	margin-left: auto;

	margin-right: auto;

	background-color: #0B2256;

	margin-top: 15px;

}





#main{

	width:1024px;

	margin-left: auto;

	margin-right: auto;

	background-color: #0B2256;

}





.topbox{

	width:1017px;

	height:170px;

	background-image: url(/images/topbox_bkgd.jpg);

	background-repeat: repeat;

	padding-left: 7px;



	background-color: #0B2256;

}

.randompreviewbox{

	/*background-image: url(images/randompreview.jpg);*/

	height: 169px;

	width: 149px;

	float: left;

	margin-top: 1px;

	background-color: #0B2256;

}

.banners{

	float: left;

	height: 132px;

	width: 861px;

	padding: 3px;

	#padding: 3px;

   _padding: 3px;



}

.banner1{

	float: left;

	height: 132px;

	width: 328px;

	margin-left: 5px;

	_margin-left: 5px;

	#margin-left: 0px;

}

.banner2{

	float: left;

	height: 132px;

	width: 344px;

	margin-left: 5px;

	/*_margin-left: 0px;*/

	/*#margin-left: 5px;*/

}

.banner3{

	float: left;

	height: 132px;

	width: 172px;

	margin-left: 5px;

	/*_margin-left: 5px;*/

	/*#margin-left: 0px;*/

}

.infobar{

	height: 32px;

	width: 855px;

	float: left;

	background-image: url(/images/infobar_bkgd.jpg);

	margin-left: 3px;

	background-repeat: no-repeat;

}

#userinfo{

	width: 200px;

	float: left;

	height: 30px;

	font-size: 12px;

	color: #FFFFFF;

}

/*タブ*/

#nabi{

	width:1024px;

	height:49px;

	background-image: url(/images/nabi_bkgd.gif);

	float: left;

}

#nabi ul{

	list-style-type: none;

	padding-left: 0px;

	margin-left: 0px;

}

#nabi li{

	float: left;

	height: 43px;

	width: 138px;

	margin:-8px 6px 0px 0px; 

	#margin:4px 2px 0px 4px; 

	_margin:4px 5px 0px 0px; 

}

#nabi li.link1{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab1.gif);

	margin-left:11px;

	#margin-left:11px;

	_margin-left:6px;

}

#nabi li.link1 a{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab1.gif);

	display: block;

}

#nabi li.link1 a:hover{

	background-image: url(/images/tab1_o.gif);



}

#nabi li.link2{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab2.gif);

}

#nabi li.link2 a{

	float: left;

	height: 43px;

		width: 138px;

	background-image: url(/images/tab2gif);

	display: block;

}

#nabi li.link2 a:hover{

	background-image: url(/images/tab2_o.gif);



}

#nabi li.link3{

	float: left;

	height: 43px;

		width: 138px;

	background-image: url(/images/tab3.gif);

}

#nabi li.link3 a{

	float: left;

	height: 43px;

		width: 138px;

	background-image: url(images/tab3.gif);

	display: block;

}

#nabi li.link3 a:hover{

	background-image: url(/images/tab3_o.gif);



}

#nabi li.link4{

	float: left;

	height: 43px;

		width: 138px;

	background-image: url(/images/tab4.gif);

}

#nabi li.link4 a{

	float: left;

	height: 43px;

		width: 138px;

	background-image: url(/images/tab4.gif);

	display: block;

}

#nabi li.link4 a:hover{

	background-image: url(/images/tab4_o.gif);



}#nabi li.link5{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab5.gif);

}

#nabi li.link5 a{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab5.gif);

	display: block;

}

#nabi li.link5 a:hover{

float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab5_o.gif);



}

#nabi li.link6{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab6.gif);

}

#nabi li.link6 a{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab6.gif);

	display: block;

}

#nabi li.link6 a:hover{

	background-image: url(/images/tab6_o.gif);



}





#nabi li.link7{

	float: left;

	height: 43px;

		width: 138px;

	background-image: url(/images/tab7.gif);

}

#nabi li.link7 a{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab7.gif);

	display: block;

}

#nabi li.link7 a:hover{

	background-image: url(/images/tab7_o.gif);



}







#nabi li.link7login{

	float: left;

	height: 43px;

		width: 138px;

	background-image: url(/images/tab7_login.gif);

}

#nabi li.link7login a{

	float: left;

	height: 43px;

	width: 138px;

	background-image: url(/images/tab7_login.gif);

	display: block;

}

#nabi li.link7login a:hover{

	background-image: url(/images/tab7_login.gif);



}







/*右*/



#rightCol{

	width:869px;

	float:right;

	background-image: url(/images/body_bkgd.jpg);	/*background-image: url(images/body_04.jpg);*/

	background-repeat: no-repeat;

}

#rightCol form{

	margin: 0px;

	padding: 0px;



}

/*左*/

#leftCol{

	width:155px;

	float:left;

	background-color: #0B2256;

}

#leftCol ul{

	background-image: url(/images/leftClom_bkgd.gif);

	width: 150px;

	margin-left: 0px;

	_margin-left: 5px;

#margin-left: 5px;

	margin-top: 10px;

	list-style-type: none;

	background-repeat: repeat-y;

}

#leftCol li{

	margin-left: -32px;

	_margin-left: 5px;

	#margin-left: 5px;

	height: 42px;

	width: 138px;

	margin-top: 3px;



}

#leftCol form{

	margin: 0px;

	padding: 0px;



}

.clear{clear:both;

width:100%;

height:10px}





/*フッター*/

#footer{

	width:1024px;

	height:32px;

	margin-left: auto;

	margin-right: auto;

	background-image: url(/images/fotter.gif);

}





.thumbnailbox{

	font-size: 12px;

	background-image: url(/images/thumnailbox.gif);



	

}

.thumbnailboxflash{

	background-image:url(/images/bgflash.gif);

	background-repeat:no-repeat;

	font-size: 12px;

}

.number{

	color: #990000;

}

.list_name {

	font-size:11px;

	line-height: 1.2em;

	color: #333333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.list_name a{

	font-size:11px;

	line-height: 1.2em;

	color: #050042;

}

.list_name a:hover{

	font-size:11px;

	line-height: 1.2em;

	color: #900E2E;

}

#namehere{

	font-size: 11px;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#vidPlayerHere{

	height: 90px;

	width: 148px;

	background-color: #17191B;

}

.searchbox{

	margin-top: 10px;

	width: 750px;

}

.ttlbar{	width: 500px;

	padding: 1px;}

.ttl{

	width: 802px;

	padding: 5px;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";

	font-weight: bold;

	color: #FFFFFF;

}

#rightColcontents{

	width: 780px;

	margin-left:auto;

	margin-right:auto;

	margin-top: 10px;

	margin-bottom: 10px;

}









/*プレビューヘッダー*/

#headerpreview{

	width:800px;

	height:62px;

	margin-left:auto;

	margin-right:auto;

	background-image: url(/images/preview/header.jpg);

}

.headerpreviewnabi {

	float: right;

	width: 380px;

	_width: 350px;

	#width: 350px;

	margin-top: 15px;

	_margin-top: 28px;

	#margin-top: 28px;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";

	color: #FFFFFF;

	font-size: 12px;

	margin-right: 0px;

	height: 15px;

	letter-spacing: 0.2em;

}

.headerpreviewnabi ul{

	margin-left: 0px;

	_margin-left: 10px;

	#margin-left: 10px;

	list-style-type: none;

	text-align: center;

}

.headerpreviewnabi li{

	float: left;

	border: 1px solid #79101F;

	background-color: #97060B;

	padding: 3px 4px;

	margin-right: 3px;

	_margin-right: 4px;

	#margin-right: 4px;

	text-align: center;

}







.headerpreviewnabi li a{

	color: #FFFFFF;

	text-decoration: none;



}



.previewtitelbar{

	height:20px;

	background-color:#801121;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";

	font-size: 12px;

	color: #FFFFFF;

	line-height: 2em;

}



#mainpreview{

	width:800px;

	margin-left: auto;

	margin-right: auto;

	background-color: #0B2256;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 1.3em;

}	



#previewcontainer{

	margin-left:auto;

	margin-right:auto;

	margin-top: 10px;

	margin-bottom: 10px;

	width: 780px;

	color: #FFFFFF;

	text-align: center;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";

	line-height: 1.5em;

}

#previewbox{

	width:236px;

	height:219px;

	float:left;

	border: 1px solid #42516F;

}

.previewscreen{

	height: 165px;

	width: 227px;

	padding-top: 4px;

	margin-top: 15px;

}

#profilebox{

	width:342px;

	height:219px;

	float:left;

	border: 1px solid #42516F;

	margin-left: 15px;

}





#schedule{

	width:163px;

	height:219px;

	float:left;

	border: 1px solid #42516F;

	margin-left: 15px;

	color: #FFFFFF;

}







#schedule1{

	width:162px;

	height:190px;

	float:left;

	font-size: 11px;

	color: #333333;

	margin-top: 4px;

}



#schedule1 iframe{



scrollbar-3dlight-color:#0B2256;

scrollbar-arrow-color:#801121;

scrollbar-base-color:#666666;

scrollbar-darkshadow-color:#07308C;

scrollbar-face-color:#153F7F;

scrollbar-highlight-color:#9794B0;

scrollbar-shadow-color:#0B2256;



}







.profile{

	width:330px;

	height:192px;

	overflow:auto;

	overflow-x:hidden;

	/*overflow-x:hidden;*/

	margin-left: 2px;/*all browsers*/

	#margin-left: 3px;/*Microsoft Internet Explorer browsers*/

	_margin-left: 3px;/*IE browsers 6.0 and older*/

	text-align: left;

	padding: 4px 10px 0px 0px;



}

.profile_top {

	color: #FFFFFF;

	font-weight: bold;

}

.profile_bottom {

	color: #FFFFFF;

	font-size: 12px;

	letter-spacing: 0.3pt;

}

#previewchatbtnbox{

	width:236px;

	height:43px;

	float:left;

	margin-top: 10px;

	font-size: 11px;

}

#favbtn{

	width:163px;

	height:43px;

	float:left;

	margin-left: 17px;

	margin-top: 10px;

}

#previewjoinbtnbox{

	width:342px;

	height:43px;

	float:left;

	margin-left: 18px;/*all browsers*/

	#margin-left: 16px;/*Microsoft Internet Explorer browsers*/

	_margin-left: 16px;/*IE browsers 6.0 and older*/

	margin-top: 10px;

}

#gallerybox{

	width:770px;

	float:left;

	margin-top: 10px;

	border: 1px solid #42516F;



}

.gallery{

	width:760px;

	margin-left: 5px;

	margin-top: 5px;

}



/*プレレビューフッター*/	

#footerpreview{

	width:800px;

	height:32px;

	margin-left: auto;

	margin-right: auto;

	background-image: url(/images/fotter.gif);

	background-position: -100px;

}



/*入会ページ*/

.joinannai ol{

	width: 630px;

	padding-top:5px;

	padding-right:15px;

	padding-bottom:10px;

	padding-left: 30px;

	margin:3px 0px 0px 1px;



	text-align:left;

}



#addtionalbox{width:397px; height:196px; float:left}



	

#addtionalbox ul{

	width:397px;

	margin: 0px;

	padding: 0px;

	list-style-type: none;



}

#addtionalbox li{

	width:397px;

margin: 0px;

	padding: 0px;

}

#addtionalbox form{

margin: 0px;

	padding: 0px;

}

.addtional{

width:397px;

	margin: 0px;

	padding: 0px;

	float:left



}





form .addtional{	margin: 0px;

	padding: 0px;}



/*テキストフォント*/

.white12{

	font-size: 12px;

	color: #FFFFFF;

}

.white12 a{



	color: #FFFFFF;

}

.gray12{

	font-size: 12px;

	color: #333333;

}