@charset "utf-8";
*{ margin:0; padding:0; border:none;}
img{ border:none;}
ul,li.dl,dt,dd{ list-style:none;}


body{ font-size:14px; line-height:150%;font-family:  "Hiragino Kaku Gothic Pro","メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Arial, Helvetica, sans-serif;
	 -webkit-text-size-adjust: none;
	 behavior: url(ie-css3.htc); /* ie-css */}

body img{ display: inline-block;}
body h2{border:0;}
.wrap{width:1005px; margin:0 auto;background:url(../images/bg_l.jpg) 0 0 repeat-y;}
.f_bg{ background:url(../images/bg_t.jpg) 0 0 no-repeat; padding:24px 24px 40px 24px;}

.main_in{}
/*************** m_left****************/
.m_left{ float:left; width:200px; padding:10px 0 0 10px;}
.m_left .bor_all{border:3px solid #000; border-top:6px solid #000; background:#FFF; padding:0 1px 1px 1px; margin-bottom:9px; font-weight:bold;position:relative;}
.m_left .nav_t{ background:#fffc00; padding:9px 6px; font-size:12px; line-height:120%;}
.m_left .bor_all a{ text-decoration:none; color:#000; display:block;}
.m_left .bor_all a:hover{color:#F00;}

.m_left .nav_02{ margin-top:16px;}
.m_left .nav_02.bor_all{ border-top:none;}
.m_left .nav_02_tit{ position:absolute; top:-8px; left:-3px;}
.m_left .nav_02_time{ color:#FFF; margin-top:-32px; font-size:13px; text-align:center;}
.m_left .nav_02_pic{ padding:73px 5px 12px 5px; text-align:center; background:url(../images/nav_bg2.jpg) 0 0 repeat;}

.m_left .nav_06{ margin:14px 0 0 0;}
.m_left .nav_06.bor_all{ border-top:none;}
.m_left .nav_06 .nav_06_tit{position:absolute; top:-14px; left:-3px;}
.m_left .nav_06 .nav_06_text{padding:79px 0px 5px 0px;background:#00fff6; text-align:left;}
.m_left .nav_06 .nav_06_text .q_h{ font-size:13px; overflow:hidden; padding:0 5px; line-height:120%;}
.m_left .nav_06 .nav_06_text .q_h .q{ float:left; margin:0 3px 20px 0; display:block;}
.m_left .nav_06 .nav_06_text table{ padding:8px 5px 5px 5px; margin:0 0 5px 0; font-size:12px;line-height:135%;}
.m_left .nav_06 .nav_06_text table td{ padding-bottom:5px; font-weight:400;}
.m_left .nav_06 .nav_06_text table td:first-child{ padding:2px 3px 0 0;}
.m_left .nav_06 .nav_06_text .d_but input{ width:154px; height:55px; background:url(../images/nav_6_off.png) 0 0 no-repeat; margin:0 0 0 14px;}
.m_left .nav_06 .nav_06_text .d_but input:hover{background:url(../images/nav_6_on.png) 0 0 no-repeat;}
.m_left .nav_06 .nav_06_text .d_old{ text-align:center;}

.m_left .nav_07{ margin:16px 0 0 0;}
.m_left .nav_07.bor_all{ border-top:none;}
.m_left .nav_07 .nav_07_tit{position:absolute; top:-16px; left:-3px;}
.m_left .nav_07 .nav_07_text{padding:75px 5px 0px 5px;background:url(../images/nav_07_bg.jpg) 0 0 repeat; text-align:center;}
.m_left .nav_07 .nav_07_text img{ padding-bottom:10px;}

.m_left .nav_08{ margin:9px 0 0 0;}

/*************** m_right****************/
.main_in .m_right{ float:left;margin:10px 0 0 10px; border:3px solid #000; background:#FFF; padding:1px 1px 1px 1px; width:719px; position:relative;}
.m_right .menu{ height:95px; background:url(../images/index/menu_r_off.jpg) 0 0 no-repeat;}
.m_right .menu ul li{ float:left;}
.m_right .menu ul li.menu_01{ padding-left:3px;}
.m_right .menu ul li a{ display:block;width:181px; height:95px;text-indent:-9999px;margin-left:-3px;}
.m_right .menu ul li a:hover{ background:url(../images/index/menu_r_on.jpg);}
.m_right .menu ul li.menu_01 a:hover{ background-position:0px 0;}
.m_right .menu ul li.menu_02 a:hover{ background-position:-178px 0;}
.m_right .menu ul li.menu_03 a:hover{ background-position:-356px 0;}
.m_right .menu ul li.menu_04 a:hover{ background-position:-534px 0;}

.m_right .conten{ background:url(../images/right_bg.jpg) 0 0 repeat;}
.m_right .conten .mo01{ margin:16px; position:relative;}
.m_right .conten .mo01 .defor{ overflow:hidden;}
.m_right .conten .mo01 .de_ph{ float:left; width:145px; text-align:center; position:relative;}
.m_right .conten .mo01 .de_ph .lbox_n{position:absolute; bottom:10px; left:50%; margin-left:-28px;}
.m_right .conten .mo01 .de_con{ float:right; width:495px; min-height:196px; border:2px solid #000; background:#FFF;}
.m_right .conten .mo01 .de_con h2{ background:#46cdff; font-size:18px; color:#FFF; padding:6px 12px; font-weight:bold;}
.m_right .conten .mo01 .de_con p{ padding:10px 12px}
.m_right .conten .mo01 .de_con .blue_tt{ font-size:36px; line-height:120%; color:#008aff; padding:0px 0 10px 0;font-weight:bold; display:block; letter-spacing:-2px;
font-family:"ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Arial, Helvetica, sans-serif;}
.m_right .conten .mo01 .jump_bnjn{ position:absolute; bottom:20px; right:25px; display:block; background:url(../images/index/manga_bnj_off.png) 0 0 no-repeat;}
.m_right .conten .mo01 .jump_bnjn:hover{background:url(../images/index/manga_bnj_on.png) 0 0 no-repeat;}

.m_right .conten .furoku{ background:url(../images/defor_bg.jpg) 0 0 no-repeat #fffece; border:3px solid #000; padding:15px 14px 10px 15px;}

.m_right .conten .tokushu{ }
.m_right .conten .tokushu .de_ph{ float:left; width:200px; text-align:center; position:relative;}
.m_right .conten .tokushu .de_con{ float:right; width:473px; min-height:231px; border:2px solid #000; background:#FFF;}
.m_right .conten .tokushu .de_con h2{ background:#ca3e00;}
.m_right .conten .tokushu .de_con .blue_tt{ color:#ca3e00;}

.m_right .conten .ts{ background:#dbffff; border:3px solid #000; padding:10px 10px 10px 10px;margin:0 16px 16px 16px; overflow:hidden;}
.m_right .conten .tst{margin:12px 16px 10px 16px; font-size:18px; line-height:160%;}
.m_right .conten .ts .de_ph{ float:left; width:210px; text-align:center; position:relative;}
.m_right .conten .ts .de_con{ float:right; width:440px; border:none; background:none; font-weight:bold;}
.m_right .conten .ts_s{ float:left; width:330px; margin:0 0 16px 16px; background:#dbffff; border:3px solid #000;}
.m_right .conten .ts_s .defor{ padding:10px; min-height:107px;}
.m_right .conten .ts_s .de_ph{ float:left; width:106px; text-align:center; }
.m_right .conten .ts_s .de_con{ float:right; width:195px; border:none; background:none; font-weight:bold; min-height:106px;}

.m_right .conten .manga{ background:#bfffec; border:3px solid #000; padding:10px 10px 10px 10px;margin:16px 16px 0 16px; overflow:hidden;}
.m_right .conten .manga .de_ph{ float:left; width:210px; text-align:center; position:relative;}
.m_right .conten .manga .de_con{ float:right; width:440px; border:none; background:none; font-weight:bold;}
.m_right .conten .manga .de_con span{ line-height:150%;}
.m_right .conten .manga_s{ float:left; width:330px; margin:16px 0 0 16px;background:#bfffec; border:3px solid #000; border-top:none;}
.m_right .conten .manga_s h2{background:#000;padding:8px 0 6px 10px;color:#FFF;min-height:19px;box-sizing: content-box;margin: 0;}
.m_right .conten .manga_s .defor{ padding:10px; min-height:110px;}
.m_right .conten .manga_s .de_ph{ float:left; width:106px; text-align:center; }
.m_right .conten .manga_s .de_con{ float:right; width:195px; border:none; background:none; font-weight:bold; min-height:106px;}
.m_right .conten .mo01 .manga_bn{ position:absolute; right:10px; bottom:10px; background:url(../images/index/manga_bn_off.jpg) 0 0 no-repeat;}
.m_right .conten .mo01 .manga_bn:hover{  background:url(../images/index/manga_bn_on.jpg) 0 0 no-repeat;}
.m_right .conten .manga_et{ padding:16px 16px 20px 16px;}
.m_right .conten .manga_btn{ text-align:right; position:relative; z-index:10; margin-top:10px;}
.m_right .conten .manga_btn a img{ background:url(../images/index/manga_btn_off.jpg) 0 0 no-repeat;}
.m_right .conten .manga_btn a:hover img{ background:url(../images/index/manga_btn_on.jpg) 0 0 no-repeat;}

.m_right .conten .attention{ background:url(../images/at_bg.jpg) 0 0 repeat; border:3px solid #000;}
.m_right .conten .attention .de_ph{ float:left; width:235px;}
.m_right .conten .attention .de_con{ float:left; width:430px; border:none; background:none; font-weight:bold; padding:22px 0 10px 10px;}

.bt_up{position:absolute; bottom:-68px; left:270px;z-index:10; width:183px; height:43px;}
.bt_up a{ display:block;width:183px; height:43px;}
.bt_up a:hover img{ display:none;}
.bt_up a:hover{ background:url(../images/up_top_on.png) 0 0 no-repeat;}

.foot_in{ width:1005px; margin:0 auto; padding-bottom:50px;}
.foot_in .d_link{}
.foot_in .d_link ul{padding:45px 0 0 50px; overflow:hidden;}
.foot_in .d_link ul li{ float:left; padding: 9px 0 0 9px; width:220px; height:70px;}


/************************* page **************************/


/*--------------------comics ----------------*/
.main_in .comics{border-top:6px solid #000; background:#FFF; padding:0 1px 1px 1px; width:719px; position:relative; margin-top:10px;}
.comics .conten{ background:url(../images/right_bg.jpg) 0 0 repeat; padding-bottom:2px;}
.comics .conten .mo01{ background:url(../comics/images/comics_bg.jpg) 0 0 no-repeat #fffece; border:3px solid #000; padding:10px 10px 10px 10px;}
.comics .conten .mo01 .defor{ overflow:visible;}
.comics .conten .mo01 .de_ph{ float:left; width:185px; text-align:left; vertical-align:top; }
.comics .conten .mo01 .de_ph .tw{ padding:5px 6px 0 1px; float:left; }
.comics .conten .mo01 .de_ph .tw iframe{ width:20px!important; height:20px!important;}
.comics .conten .mo01 .de_ph .fa{ padding:5px 5px 0 0px;float:left;height:20px;}
.comics .conten .mo01 .de_ph .tw iframe{ width:20px!important; height:20px!important;}
.comics .conten .mo01 .de_ph .sm{ padding:5px 0px 0 0px;float:left;height:20px;}
.comics .conten .mo01 .de_ph .lbox{ float:right; padding-top:3px;}
.comics .conten .mo01 .de_ph .at{ width:184px; height:54px; padding:10px 0 0 0;}
.comics .conten .mo01 .de_ph .at a{ display:block; text-indent:-999px; width:184px; height:54px;}
.comics .conten .mo01 .de_ph .booknavi a{ background:url(../comics/images/booknavi_off.png) 0 0 no-repeat;}
.comics .conten .mo01 .de_ph .booknavi a:hover{ background:url(../comics/images/booknavi_on.png) 0 0 no-repeat;}
.comics .conten .mo01 .de_ph .tryread{ padding-top:5px;}
.comics .conten .mo01 .de_ph .tryread a{ background:url(../comics/images/tryread_off.png) 0 0 no-repeat;}
.comics .conten .mo01 .de_ph .tryread a:hover{ background:url(../comics/images/tryread_on.png) 0 0 no-repeat;}
.comics .conten .mo01 .de_con{ float:right; width:460px; border:3px solid #000; background:#fff; font-weight:bold; min-height:267px;}
.comics .conten .mo01 .de_con .ut{ padding:3px 9px; background:#ffde00;}
.comics .conten .mo01 .de_con h2{background:url(../comics/images/b_name_bg.gif) 0 0 repeat-x; font-size:32px; line-height:36px;}
.comics .conten .mo01 .de_con .author{font-size:19px;color: #0072ff;display:block; padding:0px 0 5px 0;}
.comics .conten .mo01 .de_con .time{ font-size:19px; line-height:150%;color:#950602; display:block; padding:5px 0 0px 0;}



.comics .conten .mo01 .talk{float:right; width:460px; font-weight:bold; margin:15px 0 0 0 ; position:relative;}
.comics .conten .mo01 .talk .tal_text{border:3px solid #000;background:#fe0000; width:275px; padding:2px; margin:5px 0 10px 0; position:relative;}
.comics .conten .mo01 .talk .tal_text p{ padding:10px; background:#fcff00; font-size:15px; line-height:22px;}
.comics .conten .mo01 .talk .tal_text .ic_01{ position:absolute; right:-41px; top:51px;}
.comics .conten .mo01 .talk .per{ position:absolute; right:0; top:-5px;}
.comics .conten .bn_other{ text-align:right; padding:0 16px 15px 0;}

/*--------------------comics end ----------------*/
 

/*--------------------bosyu  -- ----------------*/
.main_in .bosyu{ padding:1px; margin-top:10px; border-top:6px solid #000;}
.bosyu .conten{ background:url(../images/right_bg.jpg) 0 0 repeat; padding-bottom:2px;}
.bosyu .conten .box_list{ margin:0 16px; border:3px solid #000; border-top:none; background:#a2ff00;}
.bosyu .conten .box_list ul{ overflow:hidden; width:681px;}
.bosyu .conten .box_list ul li{ padding:0 8px 10px 9px; float:left;}
/*--------------------bosyu end -- ----------------*/


/*-------------------manga ------------------*/
.main_in .manga{ padding:1px; margin-top:10px; border-top:6px solid #000;}
.manga .conten{padding-bottom:2px; overflow:hidden;}
.manga .conten .manga_tit{ margin-top:-7px;}
.manga .conten .ma_box{ margin:0 0 15px 16px; position:relative; float:left;}
.manga .conten .ma_box h3{ position:absolute; top:0; left:0; color:#FFF; background:none; font-size:20px; margin:0;padding:0 0 0 12px; height:33px; line-height:34px; width:336px; border:none;
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Arial, Helvetica, sans-serif;}
.manga .conten .ma_box .author{ position:absolute; top:40px; left:13px; color:#9a0000; font-weight:bold;}
.manga .conten .ma_box .ma_cont{position:absolute; top:85px; left:13px; font-weight:bold; font-size:14px; line-height:18px;}
.manga .conten .ma_box .btn_01{position:absolute; top:167px; left:13px; height:37px; overflow:hidden;}
.manga .conten .ma_box .btn_02{position:absolute; top:211px; left:13px; height:37px;  overflow:hidden;}
.manga .conten .ma_box .btn_03{position:absolute; top:211px; left:173px; height:37px; overflow:hidden;}
.manga .conten .ma_box .al_bn a:hover img{ margin-top:-37px;}

/*-------------------manga end------------------*/

/*-------------------game ------------------*/
.main_in .game{ padding:1px; margin-top:10px; border-top:6px solid #000;}
.game .conten{padding-bottom:2px; overflow:hidden;}
.game .conten .ga_box{ margin:0 0 15px 16px;  float:left;}
.gamein{ padding:10px; position:relative;}
.gamein .game_inbox{ position:relative;}
.gamein .bt_up{position:absolute; bottom:-68px; left:50%;z-index:10; margin-left:-91px; width:183px; height:43px;}
/*-------------------game end ------------------*/

/*-------------------about ------------------*/
.main_in .about{ padding:1px; margin-top:10px; border-top:6px solid #000;}
.about .conten{padding-bottom:2px; overflow:hidden;}

/*-------------------about end ------------------*/


/*-------------------vote ------------------*/
.main_in .vote{ padding:1px; margin-top:10px; border-top:6px solid #000;}
.vote .conten{padding-bottom:2px; overflow:hidden;}
.vote .conten .vote_tit{ margin-top:-7px;}

.vote .conten .vote_box{ margin:45px 16px 16px 15px;padding:30px 10px; position:relative; border:3px solid #000; background:#a4e2ff; }
.vote .conten .result_tit{ position:absolute; top:-26px; left:195px;}
.vote .conten .vote_box .d_tit{ font-size:20px; padding:5px 0 5px; color:#1e00b8}
.vote .conten .vote_box table{  border-top:2px solid #000; border-left:2px solid #000; border-right:2px solid #000; background:#b9e9ff;}
.vote .conten .vote_box td{ padding:7px 5px; border-bottom:2px solid #000;}
.vote .conten .vote_box td.col{ font-size:20px; line-height:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;width:320px; vertical-align:top;}
.vote .conten .vote_box td.re_col{ padding-right:65px;}

.vote .conten .vote_box td.col img{ margin-right:10px;}



.d_info table td.re_col{ font-size:20px; line-height:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.d_info table td.re_col img{ float:left; margin-right:10px;}

.vote .conten .vote_box td .re_long{ position:relative; height:26px;background:#0084ff;}
.vote .conten .vote_box td .re_nan{ position:absolute; right:-55px; top:0px; height:26px; font-size:20px; line-height:27px; font-weight:bold;}

.vote .conten .result_list{ padding:20px 0; text-align:center;}
.vote .conten dl{ margin:0px 16px 20px 15px;padding:15px 10px;background:#a4e2ff; text-align:center; border:3px solid #000;font-size:18px;}
.vote .conten dl dt{ line-height:28px; font-weight:bold;}


/*-------------------sdbatspi ------------------*/
.main_in .sd{border-top:6px solid #000; background:#FFF; padding:0 1px 1px 1px; width:719px; position:relative; margin-top:10px;}
.sd .conten{ background:url(../images/right_bg.jpg) 0 0 repeat; padding-bottom:2px;}
.sd .conten .b_list{ background:url(../sdbatspi/images/sd_lbg.jpg) 0 0 no-repeat; padding:330px 16px 0; overflow:hidden;}
.sd .conten .b_list .blb{ border:solid 3px #000; min-height:81px; background:#fff url(../sdbatspi/images/lb_bg.gif); padding:12px; margin-bottom:18px; position:relative;}
.sd .conten .b_list .blb h2{ width:560px; font-size:24px; line-height:140%; font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka; font-weight:bold; color:#000;}
.sd .conten .b_list .blb h3{ width:231px; padding-left:19px; height:32px; margin:8px 0 0 -17px; background:#fff url(../sdbatspi/images/t_bg.gif); font-size:20px; line-height:32px; font-weight:bold; color:#fff;}
.sd .conten .b_list .blb .b_btn{ position:absolute; top:10px; right:10px; width:86px; height:89px;}
.sd .conten .b_list .blb .b_btn a{ width:86px; height:89px; display:block; text-indent:-9999px; background:url(../sdbatspi/images/b_btn.png);}
.sd .conten .b_list .blb .b_btn a:hover{ background:url(../sdbatspi/images/b_btn_over.png);}

.sd .conten .e_b{ background:url(../sdbatspi/images/b_bg.jpg) 0 0 no-repeat #fffece; border:3px solid #000; margin:0 16px 15px; padding:10px; overflow:hidden;}
.sd .conten .e_b .de_ph{ float:left; border:3px solid #000;}
.sd .conten .e_b .de_con{ float:right; width:460px; border:3px solid #000; background:#fff; font-weight:bold; min-height:212px;}
.sd .conten .e_b .de_con .ut{ padding:5px 10px; background:#ff0; font-size:20px; color:#da0000;}
.sd .conten .e_b .de_con h2{ background:url(../sdbatspi/images/b_name_bg.gif) 0 0 repeat-x; padding:6px 10px; font-size:32px; line-height:36px; color:#fff;}
.sd .conten .e_b .de_con .author{ font-size:20px; color:#0072ff; display:block; padding:10px 10px 5px 10px;}
.sd .conten .e_b .de_con .time{ font-size:24px; line-height:160%; color:#950602; display:block; padding:5px 10px;}
.sd .conten .e_b .de_link{ float:right; width:466px; margin:10px 0 0 0;}
.sd .conten .e_b .de_link .btn1 a{ width:197px; height:48px; float:left; display:block; text-indent:-9999px; background:url(../sdbatspi/images/btn1.png); margin-right:10px;}
.sd .conten .e_b .de_link .btn1 a:hover{ background:url(../sdbatspi/images/btn1_on.png);}
.sd .conten .e_b .de_link .btn2 a{ width:234px; height:48px; float:left; display:block; text-indent:-9999px; background:url(../sdbatspi/images/btn2.png);}
.sd .conten .e_b .de_link .btn2 a:hover{ background:url(../sdbatspi/images/btn2_on.png);}








.clear{ clear:both;}
.pad25{ padding:5px 0 15px 0; display:block;}

.f12{ font-size:12px!important;line-height:120%;}
.f13{ font-size:13px!important;line-height:130%;}
.f14{ font-size:14px!important;line-height:130%;}
.f15{ font-size:15px!important;line-height:130%;}
.f16{ font-size:16px!important;line-height:130%;}
.f17{ font-size:17px!important;line-height:130%;}
.f18{ font-size:18px!important;line-height:130%;}
.f19{ font-size:19px!important;line-height:130%;}
.f20{ font-size:20px!important;line-height:130%;}
.f21{ font-size:21px!important;line-height:130%;}
.f22{ font-size:22px!important;line-height:130%;}
.f23{ font-size:23px!important;line-height:130%;}
.f24{ font-size:24px!important;line-height:130%;}
.f25{ font-size:25px!important;line-height:130%;}
.f26{ font-size:26px!important;line-height:130%;}
.f28{ font-size:28px!important;line-height:130%;}
.f30{ font-size:30px!important;line-height:130%;}
.f32{ font-size:32px!important;line-height:130%;}
.f36{ font-size:36px!important;line-height:130%;}

.red{ color:#FF0000;}
.or{ color:#ff5a00;}
.un_red{ color:#950602;}
.pink{ color:#ff00a2;}
