@charset "utf-8"; 



/** ページごとに違うのはなるべくここに置く **/

.icons { padding: 0; margin:0; position:absolute;bottom:19px; left:124px;width:40px;}

.eventBtnOuter { padding:30px 25px 0px 0px; float:right;}

a.eventBtn {
	margin:0px auto 0px auto;
	display:block;
	text-indent:-9999px;
	width: 327px;
	height: 206px;
	display: block;
	background:top left url(eventBtn.jpg) no-repeat scroll;
	text-align:center;
}

a.eventBtn:hover {
	background-position: -328px 0px;
}



.vipBtnOuter { padding:234px 0px 0px 134px; float:left;}

a.vipBtn {
	text-align:left;
	margin:0px auto 0px auto;
	display:block;
	text-indent:-9999px;
	width: 243px;
	height: 22px;
	display: block;
	background:top left url(vipBtn.gif) no-repeat scroll;
	text-align:center;
}

a.vipBtn:hover {
	background-position: 0px -22px;
}

.textboxOuter { padding:223px 0px 0px 40px;}

.textbox {

	display: block;

	width:516px;

	height:75px;

	font-size:15px;

	color:#FFF;

	line-height:145%;

}

.textboximagei { text-align:right; padding-top:10px;}

a.imagei { color:#FFF; text-decoration:underline}

a.imagei:hover { color: #FF0; text-decoration:underline}



/** ページごとに違うのはなるべくここに置く **/



/** basic **/

.yellow {background:#ffff00;}

.white {color:#FFFFFF;}

.red {color:#FF0000}

.blue {color:#0000ff}

.bold {font-weight:bold;}

.f36 { font-size:36px;}

.f34 { font-size:34px;}

.f32 { font-size:32px;}

.f30 { font-size:30px;}

.f28 { font-size:28px;}

.f26 { font-size:26px;}

.f24 { font-size:24px;}

.f22 { font-size:22px;}

.f20 { font-size:20px;}

.f18 { font-size:18px;}

.f16 { font-size:16px;}

.f14 { font-size:14px;}

.f12 { font-size:12px;}

.f10 { font-size:10px;}

.smaller {font-size:smaller;}

.right {float:right;}

.left {float:left;}



.clear { margin:0px; padding:0px; clear:both; width:100%; font-size:1px;}

.spacer {display:block; height:1px;}





body{

	padding:0; 

	margin:0; 

	font-size:12px;

	text-align:center;

	font-family: verdana ,MS UI Gothic, arial, ＭＳ Ｐゴシック, sans-serif,Osaka‐等幅;

}



img, a { border:0}



#wrap3{

	width:820px; 

	text-align:center; 

	margin:0px auto 0px auto;

	background:#FFF;

	padding-top:0px;

}



#wrap2{

	width:820px; 

	margin:2px auto 30px auto; 

	padding:0;

	background-color:#FFFFFF;

	text-align:center;

}



.top {

	width: 820px;

	height: 226px;

	display: block;

	background: top center url(header.jpg) no-repeat scroll;

	text-align:left;

}



.mdl {

	width: 820px;

	display: block;

	text-align:center;


}


.abox { width:797px;height:293px; margin:0px auto 18px auto; text-align:left;}
.scheduledTime { background:url(scheduledTime.gif);}
.beforeScheduledTime { background:url(beforeScheduledTime.gif);}
.afterScheduledTime { background:url(afterScheduledTime.gif);}
.boxLeft { width:266px; height:282px; float:left; margin-left:14px; padding-top:14px;/*background-color:#CCFF99;*/ text-align:center;}

.statusBar { width:255px; height:28px; text-indent:-9999px; margin:0 0 0 6px; background-repeat:no-repeat;}
.onSch_online { background:url(status_onSch_online.gif);}
.onSch_offline {background:url(status_onSch_offline.gif);}
.beforeSch {background:url(status_beforeSch.gif);}
.afterSch {background:url(status_afterSch.gif);}

.pfpicHolder { padding-top:7px;}
.pfpicHolder a { border:0;}
.pfpicHolder a img { border:1px solid #999;}

.pfnameHolder { padding-top:4px; padding-bottom:3px;}
.add_online {width:95px; height:15px; text-indent:-9999px;background:url(add_online.gif) no-repeat; margin:0 auto;}

.boxRight { width:494px; height:282px; margin-left:7px; position:relative; float:left;}
.boxRightInside { padding-top:33px; text-align:center;}
.showTitle { width:478px; text-align:center; margin:0 auto; color:#FFFFFF; font-size:16px; font-weight:bold; height:27px; }

.showComment { width:460px; height:130px; text-align:left; line-height:150%; margin:8px auto 0 auto; }

.schBox { text-align:left;position:absolute; width:260px; height:40px; line-height:140%; bottom:10px; left:12px;color: #0033FF;font-size: 14px;color: #0033FF;font-size: 14px;font-weight: normal;}
/*.schBox { text-align:left;position:absolute; width:215px; height:40px; line-height:160%; bottom:10px; left:27px;}*/

div.on, div.off {position:absolute; width:209px; height:42px; bottom:12px; right:11px;}
div.on a, div.off a {display:block;width:209px; height:42px; background:url(btns.png) no-repeat; text-indent:-9999px;}

div.on a {background-position:0 0;}
div.on a:hover {background-position:-212px 0;}

div.off a {background-position:0 -42px;}
div.off a:hover {background-position:-212px -42px;}
.boxRightInside .new { text-indent:-9999px; position:absolute; top:9px;right:-9px;background:url(new.png); width:61px; height:77px;}

.navBox { text-align:center; margin:10px auto 18px auto; clear:both;}

.navBox a { 
	border: 1px solid #DDD;
	margin: 2px;
	padding: 0.4em 0.8em;
	white-space: nowrap;
	zoom: 1;
	font-size:10px;
	cursor: pointer;
}
.navBox a:hover, .navBox a.on {
	background: #F3C;
	border-color: #C00;
	color: white;
	
}

/*.navBtnB, .navBtn  { width:20px; height:15px; background-color:#0099CC; margin:0 auto 0 3px; float:left;}
.temp {width:15px; height:10px; background-color:#0099CC; margin:0 auto 0 auto;}*/

.btnB {

	display:block;

	padding:95px 0 0 367px;

	}



.btnB a {

	width:354px;

	height:57px;

	display:block;

	background: top left url(btnVip.gif) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

}





.btnB a:hover{

	width:354px;

	height:57px;

	display:block;

	text-indent: -9999px;

	text-align:left;

    background-position: 0px -56px;

}





.iconimg {margin:132px 0px 0px 326px;}







.btn1 {

	text-align: center;

	margin: 18px auto 0 auto;

		display: block;

}



.btn1 a {

	width: 630px;

	height: 132px;

	display: block;

	background: top left url(btn1.png) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

	margin:0 auto;
}







.btn1 a:hover {

	background-position: 0px -133px;

	}







.btn2 {

		text-align: center;

	margin: 3px auto 10px auto;

		display: block;

}





.btn2 a {

	width: 630px;

	height: 132px;

	display: block;

	background: top left url(btn2.png) no-repeat scroll;

	text-indent: -9999px;

	text-align:left;

	margin:0 auto;

}



.btn2 a:hover {

	background-position: 0px -133px;
}



.btn3{ margin-bottom: 15px;}



.btn3 a {

	text-align: center;

	width: 600px;

	height: 43px;

	display: block;

	text-indent: -9999px;

	background: top left url(btn3.png) no-repeat scroll;

}



.btn3 a:hover {

	text-align: center;

	width: 600px;

	height: 43px;

	display: block;

	text-indent: -9999px;

	background-position: 0px -48px;

}







.rollOverBtn1 { float:left; margin-left:105px; margin-bottom:24px;} 



.rollOverBtn2 { float:left; margin-left:140px;}



.rollOverBtn1 img { border-width:0px;} 



.rollOverBtn2 img { border-width:0px;}



/*.line { height:1px; width:750px; border-bottom:2px dotted #999; text-align: center; margin: 25px auto 25px auto;}*/



.chui { display: block; width: 624px; margin: 22px auto 22px 120px; font-size: 12px; color: #666; text-align: left; float:left;}



#home{

	width:30px;

	height:30px;

	/*text-align: left;*/

	float: right;

	text-indent: -9999px;

	margin:1px 18px 0px 18px;

	z-index: 999;

	position: relative;

	}



#home a{

	text-indent: -9999px;

	display:block;

	outline:none;

	width:30px;

	height:30px;

	background:transparent url(home.png) no-repeat top left;

	}