@charset "shift_jis";

/************************************************************ basic */
BODY {margin: 0px;padding: 0px;background-color: #000000;font-family: "メイリオ", "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";font-size: 12px;color: #ffffff;text-align: center;}
H1,H2,H3 { margin:0px; padding:0px; font-size:14px;}

P { margin:0px; padding:0px;}

UL { list-style-type:none; margin:0px; padding:0px;}
LI { list-style-type:none; margin:0px; padding:0px;}
DL { margin:0px; padding:0px;}
DT { margin:0px; padding:0px;}
DD { margin:0px; padding:0px;}

TABLE {font-family: "メイリオ","ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";font-size: 12px;line-height: 1.5em;color: #ffffff;}
TH {}
TD {}

A { color: #ffffff; text-decoration:none;}
A:hover { color: #ff0033;}

EM { font-style: normal;}
IMG { border:0px; margin:0px; padding:0px;}

/************************************************************ basic */
/************************************************************ layout */
#wrap {margin: 0px auto;padding: 0px 0px;width: 1000px;background-position: 0px 180px;background-image: url(../images/stories/w_bg.gif);background-repeat: repeat-y;background-color: #000000;}

#ht, #hb {clear:both;position:relative;width: 1000px;margin: 0px;padding: 0px;overflow: hidden;}
#ht {position:relative;background-image: url(../images/stories/head.jpg);background-repeat: no-repeat;height: 100px;}
#hb { clear:both; background-color: #000000;}

DIV.f { clear:both; height:1px; width:100%; margin:0px; padding:0px; overflow:hidden; position:relative; background-color:#000000;}
DIV.f1 { clear:both; height:5px; margin:0px; padding:0px; overflow:hidden; position:relative;}
DIV.f2 { clear:both; height:5px; margin:0px; padding:0px; overflow:hidden; position:relative;}
DIV.f15 { clear:both; height:15px; width:100%; margin:0px; padding:0px; overflow:hidden; position:relative;}
HR.f { height:1px; width:100%; border-top:1px #000000 solid; position:absolute; top:0px; left:0px; margin:0px; padding:0px;}

/************************************************************ layout */
/************************************************************ header-top */

#ht_rss { height:15px; width:80px; text-align:center; vertical-align:middle; position:absolute; top:105px; left:900px;}

/************************************************************ header-top */
/************************************************************ left-colum */
.login { padding:0px;}
FORM.login {margin:0px; text-align:center;}
H1.login { margin:0px; text-align:left; overflow:hidden; height:36px;}
DL.login { width:160px; margin:5px auto; text-align:left;}
DL.login DT { margin:0px 0px 5px; padding:0px;}
DL.login DT IMG { float:left;}
DL.login DD { margin:0px 0px 5px; padding:0px; text-align:center;}
INPUT.login { width:160px; height:21px;}
DL.login P { margin:5px 0px 0px; padding:0px; font-size:10px;}

#logout {margin:0px; padding:0px 0px 5px;}
.logout {margin:0px; padding:0px;}
H1.logout { overflow:hidden; height:30px;}
P.logout { width:160px; margin:5px 10px; font-size:10px; line-height:1.1em;}
DIV.logout { width:160px; margin:5px 10px; text-align:center;}

#join_us {margin:0px; padding:0px 0px 5px;width:180;}
.join_us {margin:0px; padding:0px;}
H1.join_us { overflow:hidden; height:30px;}
P.join_us { width:170px; margin:5px; font-size:10px; line-height:1.1em;}
DIV.join_us { width:170px; margin:5px; text-align:center;}

P.totop { text-align:right; clear:both; margin:0px 10px 1px; padding:0px;}
P.totop2 { text-align:right; clear:both; width:180px; margin:0px 10px 0px; padding:0px;}
DIV.pages {clear:both; text-align:center; margin:0px 10px 20px; padding:0px;}

#recommend { margin:0px; padding:0px;}
.recommend { margin:0px; padding:0px;}
H3.recommend { height:30px; overflow:hidden;}
UL.recommend { width:160px; margin:5px 10px 3px;}
UL.recommend LI {margin:0px 0px 10px; padding:0px; text-align:center;}

/************************************************************ right-colum */
/************************************************************ footer-top */
UL.ft { margin:0px auto 0px; padding:0px;}
UL.ft LI { float:left; margin:10px 5px 9px; height:60px; overflow:hidden;}
/************************************************************ footer-top */

/************************************************************ footer-bottom */

#leftsection,#topmodules,#mainbody,#rightsection {text-align: left;margin: 0px;padding: 0px;overflow: hidden;}

#leftsection,#rightsection {float: left;width: 180px;}

#mainbody { float: left; width: 620px; margin: 0px 10px 0px 10px; padding:0px;}
.blog { width: 620px; margin: 0px; padding:0px;}

H2,H3,UL,LI { margin:0px; padding:0px; overflow:hidden;}

div.moduletable H2 ,div.moduletable H3 { height:36px;background-color:#000000;}

div.moduletable_oka-3 { margin:0px; padding:0px;}
div.moduletable_oka-3 H2 { height:72px;}

div.moduletable_genre { margin:0px; padding:0px;}
div.moduletable_genre H2 { height:36px;}
div.moduletable_genre UL LI { height:36px;}

div.moduletable_vip H2,div.moduletable_vip H3 { height:36px;}
div.moduletable_vip UL {width:180px;}
div.moduletable_vip LI {height:20px; text-indent: 5px;margin:5px 0px 0px 0px; line-height:15px; border-bottom:1px #ffffff solid;}

div.moduletable_others H2 ,div.moduletable_others H3 { height:36px;}
div.moduletable_others UL {width:180px;}
div.moduletable_others LI {height:20px; text-indent: 5px;margin:5px 0px 0px 0px; line-height:15px; border-bottom:1px #ffffff solid;}

div.moduletable_footerad { clear:both; width:1000px; margin:0px; padding:0px; background-color: #666666;}
div.moduletable_footerad UL { margin:0px auto 0px; padding:0px;}
div.moduletable_footerad UL LI { float:left; margin:10px 5px 9px; height:60px; overflow:hidden;}

div.moduletable_footermenu { width:1000px; text-align:center; margin:0px; padding:0px; background-color: #222222;}
div.moduletable_footermenu UL { margin:5px 0px 5px 0px; padding:0px;}
div.moduletable_footermenu UL LI { display:inline; margin-left:20px; font-size:15px;}

.footer_copyright { clear:both; width:1000px; text-align:center; margin:0px; padding:0px; background-color: #4F0808; line-height:2em; }

div.moduletable_popular { margin:0px 0px 10px 0px;background-image: url(../images/stories/bg01.gif);}
div.moduletable_popular H2 ,div.moduletable_popular H3 { height:36px;background-color:#000000;}
TABLE.popular { margin:0px 3px 0px 3px; text-align:center;}
IMG.popular { float:right;}

#topmenu { width:1001px; text-align:left; margin:0px; padding:0px; background-color: #000000;}
#topmenu UL {}
#topmenu UL LI { display:inline; width:125px; height:30px; font-size:15px; overflow:hidden; float:left;}

#topmodules >div {width:620px; margin:0px 0px 10px 0px;}

#mainbody_debug .contentheading {font-size:16px; height:30px; margin:0px 0px 10px; padding:0px 0px 0px; line-height:16px; background-image:url(../img/cc_vids_t.jpg); background-repeat:no-repeat; text-indent:5px;}

.contentpaneopen {margin:0px;padding:0px;}

div.moduletable_join { clear:both;margin:0px 0px 10px 0px; padding:0px; overflow:hidden; background-color:#4F0808;}
div.moduletable_join H2 ,div.moduletable_join H3 { height:36px; background-color:#000000; margin-bottom:10px; padding:0px;}
TABLE.join { margin:0px 5px 5px 10px; padding:0px;font-weight:normal;}
TH.join { width:330px; margin:0px; padding:0px; text-align:left; font-weight:normal;}

div.moduletable_new { clear:both; padding:0px; overflow:hidden;background-image: url(../images/stories/bg01.gif);}
div.moduletable_new H2 ,div.moduletable_new H3 { height:36px; background-color:#000000; margin-bottom:10px; padding:0px;}
div.moduletable_new EM { margin:0px 10px 10px 10px; height:150px; font-size:12px; line-height:130%;display:block;overflow: auto; padding:5px; border:solid 1px #666; background-image:none;}
SPAN.newinfo { font-weight:bold; line-height:130%;}
TABLE.newinfo {background-image:none; margin:0px 15px 10px 15px; }

div.moduletable_bbb_ranking { clear:both; margin:0px 0px 10px; padding:0px; overflow:hidden;background-image: url(../images/stories/bg01.gif);}
div.moduletable_bbb_ranking H2 ,div.moduletable_bbb_ranking H3 { height:36px; margin:0px 0px 5px; background-color:#000000;}
TABLE.bbb_ranking { margin:0px 10px 0px; padding:0px;}
TABLE.bbb_ranking TD { top:auto;padding:0px 0px 10px; text-align:center;}

div.moduletable_vipc { clear:both;; margin:10px 0px 10px 0px; padding:0px; overflow:hidden; background-color:#666666; background-image: url(../images/stories/bg01.gif);}
div.moduletable_vipc H2 ,div.moduletable_vipc H3 { height:36px; background-color:#000000;}
UL.vipc { float:left; width:290px; margin:10px 0px 0px 10px; line-height:150%;}
P.vipc { float:left; width:150px; text-align:center; margin:10px 0px 10px 0px;}

div.moduletable_spcl { clear:both;margin:0px 0px 10px 0px; padding:0px; overflow:hidden; background-color:#4F0808;}
div.moduletable_spcl H2 ,div.moduletable_spcl H3 { height:36px; background-color:#000000;margin-bottom:5px;}
UL.spcl { float:left; width:340px; margin:10px 10px 0px 10px; line-height:150%;}
P.spcl { float:right; width:400px; text-align:center; margin:10px 10px 10px 10px;}
TABLE.spcl {margin:10px; padding:0px;}

/************************************************************ for mypage */
#mypage { margin:0px 0px 10px 0px; padding:0px; overflow:hidden;text-align:center;}
.mypage { margin:0px; padding:0px;}
H1.mypage { overflow:hidden; height:30px;}
DIV.mypage { width:500px;}
P.mypage { width:500px; margin:0px 75px 0px 75px; text-align:center; font-weight:bold;}
P.mypage EM { font-size:16px; margin:10px 0px 10px 0px; display:block; width:500px; line-height:30px; border:1px #ffffff solid; background-color:#666666;}
A.mypage IMG { float:left;}

.pagenav { font-size: 18px; line-height:250%; }

/* hide hack from Mac-IE5 \*/
* html #footersection { height: 1%; }
/* end hiding */