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

/*TOP*/
.Header{
}

.top_ContentsArea{
padding:0 0 10px 0;
clear:both;
}


.Left{
float:right;
width:705px;
}
.Left_in{
padding:0 0 0 5px;}

.Right{
float:left;
width:190px;
}

.top_1{
width:100%;
}



.top_Main{
width:500px;
float:left;
}
.top_Right{
width:190px;
float:right;
}

/*ニュース500px*/
.news500{ margin:0 0 10px; border:0px solid #ccc;}
.news500 h3{border:1px solid #ccc; border-bottom:0;}
.news500_in{border:1px solid #ccc; border-top:none; padding:0 0 3px 4px;}
.news500t{ position:relative;}

.news500 a{text-decoration:none;}

.newsTab{border:1px solid #ddd;border-bottom:0; }

.shadetabs{padding:0 0 2px 0;}

.shadetabs li{float:left;width:82px;border-right:1px solid #ccc;}
.shadetabs li a{width:81px;text-align:center;display:block;padding:2px 0; border-bottom:1px solid #ddd;}
.shadetabs li.LastR{ width:83px;border-right:0;}
.shadetabs li.LastR a{width:83px;}


.shadetabs li a:link,
.shadetabs li a:visited{ background:#fff url(../../images/top/bg_top_tab_up.gif) repeat-x bottom; }
.shadetabs li a:hover{ background:#fff url(../../images/top/bg_top_tab_on.gif) repeat-x top; }
.shadetabs li a.selected{ /*selected main tab style */
xposition: relative;txop: 1px; background:#fff url(../../images/top/bg_top_tab_on.gif) repeat-x top; color:#f60; font-weight:bold; border-bottom:none;}

.shadetabs li a.selected{ /*selected main tab style */
}

.shadetabs li a.selected:hover{ /*selected main tab style */
}


.latestNews{width:126px; float:left; margin-bottom:5px;}
.latestNews img{width:120px; margin-bottom:2px;}
.latestNews a{padding:2px; background:#fff; display:block;}
.latestNews a:link{ border:1px solid #ccc;}
.latestNews a:visited{ border:1px solid #ccc;}
.latestNews a:hover{ border:1px solid #f60;}
.latestNews a span{font-size:80%; color:#666; }
.latestNews a:link span{ color:#666; }
.latestNews a:visited span{ color:#666; }
.latestNews a:hover span{ color:#f60; }

.latestNewsList{ width:363px; float:right;}
.latestNewsList ul{padding:0 0 0 2px;}
.latestNewsList li{padding:0 0 5px 0;}
.latestNewsList li img{ vertical-align:middle; margin:0 5px; display:none;}
.latestNewsList li a{line-height:normal;padding:0 0 0 7px; }
.latestNewsList li a:link{background:url(/images/arw_00c.gif) no-repeat 1px 5px;}
.latestNewsList li a:visited{background:url(/images/arw_06c.gif) no-repeat 1px 5px;}
.latestNewsList li a:hover{background:url(/images/arw_f60.gif) no-repeat 1px 5px;}

.latestNewsList li.manual{color:#f33;}


.latestNewsList li a span{font-size:10px;}
.latestNewsList li a:link span{color:#777;}
.latestNewsList li a:visited span{color:#777;}
.latestNewsList li a:hover span{color:#f60;}

.newsMore{ text-align:right; margin-bottom:8px;}


/*//ニュース500px*/


/*今日何*/
.Todays{ border:0px dotted #e0e6e0; padding:4px; background:#f9f9f9;}
.Todays_in{ width:480px; }
.Todays_in table{}
.Todays_in table th{ white-space:nowrap; padding:0 10px 0 0;}
.Todays img{vertical-align:text-bottom;}
.Todays_in table td{ background:#222 url(../images/bg_today_mar.gif); color:#33FF00; padding:2px;}

.xTodays p.Today_ti{padding:0; float:left; width:168px;}
.xTodays p.Today_txt{padding:0; float:right; width:312px;}
.xTodays p.Today_txt marquee{ padding:2px; width:307px; float:right; background:#222 url(../images/bg_today_mar.gif); color:#33FF00;}


/*PICKUP*/
.PickUp500{border:1px solid #ddd; background:url(../images/top/bg_top_slash.gif); margin:0 0 10px;}
.PickUp500_in{padding:4px 2px;}
.PickUpBox{float:left; width:246px; position:relative; height:95px; overflow:hidden;}
.PickUpS{ margin:4px; padding:4px 2px 4px 4px; background:#fff; border:1px solid #ccc;}
.PickUpS img{float:left; margin:0 4px 0 0;}
.PickUpS img.newS{float:none;margin:0; position:absolute; left:54px; top:76px;}
.PickUpS h4{font-weight:bold; font-size:14px;}
.PickUpS p{line-height:1.1;}
.PickUpS a:link img{border:2px solid #ddd;}
.PickUpS a:visited img{border:2px solid #ddd;}
.PickUpS a:hover img{border:2px solid #f60;}


/*RECCOMEND*/
.Recomen500{border:1px solid #ddd; background:url(../images/top/bg_top_slash.gif); margin:0 0 10px;}
.Recomen500_in{padding:4px 2px;}
.RecomenBox{ clear:both;}
.RecomenS{ margin:4px; padding:4px; background:#fff; border:1px solid #ccc;}
.RecomenS img{float:left; margin:0 8px 0 0;}
.RecomenS blockquote{line-height:1.2;}
.RecomenS h4{font-weight:bold; font-size:14px; padding:2px 0;}

/*RIGHT BNR 190*/
.AD190{ margin:0 0 10px;}
.AD190 a:link img{border:1px solid #ddd;}
.AD190 a:visited img{border:1px solid #ddd;}
.AD190 a:hover img{border:1px solid #f60;}
.LatestMovie{border:1px solid #ddd; text-align:center; padding:4px; margin:0 0 10px;}
.LatestMovie h4{}
.LatestMovie p{ position:relative;}
.LatestMovie p i{ font-style:normal; font-size:11px;}
.LatestMovie p img{ margin:0 0 4px; width:176px;}
.LatestMovie p a{ text-decoration:none;}
.LatestMovie span{position:absolute; left:2px; top:-2px; display:block; background:url(../images/top/im_movie.gif); width:176px; height:135px; cursor:pointer;}

/*大空出版の本*/
.Top_Books{width:650px; border:1px solid #ddd;}
.ozorabooks_navi{padding:15px 0 10px 10px;}
.ozorabooks_navi li{ float:left;}
.ozorabooks_navi li span{ border:3px double #f33; padding:7px 0; display:block;}
.ozorabooks_navi li a{ margin:0 7px;}
.ozorabooks_navi li a:link img{ border:1px solid #ccc;}
.ozorabooks_navi li a:visited img{ border:1px solid #ccc;}
.ozorabooks_navi li a:hover img{ border:1px solid #f33;}

.detailBook{ background:url(/images/top/bg_book_detail_m.gif) repeat-y; width:640px;position:relative; margin:0 auto;}
.detailBook_t{ background:url(/images/top/bg_book_detail_t.gif) left top no-repeat;}
.detailBook_b{ background:url(/images/top/bg_book_detail_b.gif) no-repeat bottom;padding:20px 15px 25px 15px; }
.detailBook_b strong{ font-size:larger;}
.detailBook_b p{ padding:0 0 15px;}
.detailBook_b a:link img{ border:1px solid #ddd;}
.detailBook_b a:visited img{ border:1px solid #ddd;}
.detailBook_b a:hover img{ border:1px solid #f66;}

.detailBook_fk01{width:30px; height:20px; position:absolute; top:-10px; left:25px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}
.detailBook_fk02{width:30px; height:20px; position:absolute; top:-10px; left:110px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}
.detailBook_fk03{width:30px; height:20px; position:absolute; top:-10px; left:190px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}
.detailBook_fk04{width:30px; height:20px; position:absolute; top:-10px; left:260px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}
.detailBook_fk05{width:30px; height:20px; position:absolute; top:-10px; left:340px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}
.detailBook_fk06{width:30px; height:20px; position:absolute; top:-10px; left:420px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}
.detailBook_fk07{width:30px; height:20px; position:absolute; top:-10px; left:500px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}
.detailBook_fk08{width:30px; height:20px; position:absolute; top:-10px; left:580px; background:url(../images/top/bg_book_detail_fk.gif) no-repeat;}

.detailBook_b table{margin:0 auto; width:99%;}
.detailBook_b table td{text-align:center; padding:0 5px; vertical-align:top;}

.detailBook_b table.madaaruAll{margin:5px auto; width:99%;}
.detailBook_b table.madaaruAll td{text-align:center; font-size:smaller; padding:0 5px; vertical-align:top;}




/*新着コンテンツ*/


/*プレゼント*/
.Present{
border:1px solid #9c3;
width:650px;
padding:0;
margin:10px 0 15px 0;
background:#fcfffc;
}

.Present a:link img{
border:2px solid #ddd;
}
.Present a:visited img{
border:2px solid #ddd;
}
.Present a:hover img{
border:2px solid #f00;
}

.Present h3{
background:#9c3;
color:#fff;
}
.Present h3 a{
display:block;
padding:2px 4px;
}
.Present h3 a:link img{border:none;}
.Present h3 a:visited img{border:none;}
.Present h3 a:hover img{border:none;}

.Present h4 a{
font-weight:bold;
font-size:110%;
}
.Present_L{
width:330px;
float:left;
padding:8px 0;
position:relative;}
.Present_R{
width:320px;
float:left;
padding:8px 0;
position:relative;}
.Present_L img{ float:left; margin:0 8px;}
.Present_R img{ float:left; margin:0 8px;}

.Present p{padding:4px 0 0;}

.Present p span{
position:absolute;
left: 250px; 
top: 66px;
background:#9c3; 
color:#fff; 
font-size:75%; padding:2px; white-space:nowrap;}

/*//プレゼント*/

/*バナー*/
.Banner{margin-bottom:20px; width:652px;}
.Banner a:link img{border:1px solid #ddd;}
.Banner a:visited img{border:1px solid #ddd;}
.Banner a:hover img{border:1px solid #f60;}
/*//バナー*/

/*ピックアップ*/

.top_Hots{
width:660px;
padding:0 0 5px 0;
}

.PICKUP_ti{
background:#9c3;
padding:2px 4px;
margin-right:8px;
color:#fff;
margin-bottom:10px;
}

.Hot_L{
clear:left;
float:left;
width:330px;
padding:0 0 8px 0;
}
.Hot_R{
float:left;
width:320px;
padding:0 0 8px 0;
}
.Hot{
width:320px;
padding:10px 0;
line-height:1.4;
background:#fff;
border:1px solid #ddd;

}

.Hot_BIG{
clear:left;
float:left;
width:650px;
padding:0 0 10px 0;
}

.Hot_BIG .Hot{
width:650px;
}

.Hot_BIG2{
border:1px solid #ddd;
clear:left;
width:650px;
padding:10px 0 0 0;  
margin:0 0 10px 0;
}

.Hot_BIG2 .Hot{
float:left;
border:none;
}



.Hot img{
float:left; margin:2px 10px 0;
}

.top_Hots h3{
padding:0 10px 0;
font-size:110%;
font-weight:bold;
}
.Hot h3 a{
}

.Hot h4{
padding:2px 10px 0px;
font-size:100%;
font-weight:bold;
}
.Hot a:link img{
border:2px solid #ddd;
}
.Hot a:visited img{
border:2px solid #ddd;
}
.Hot a:hover img{
border:2px solid #f00;
}

.Hot p{
padding:2px 5px 0;
}
.Hot p img{
float:none;
margin:0;
}

.Hot p a{
padding:0 0 0 14px;
}
.Hot p a:link,.Hot p a:visited{
background:url(/images/arw_333.gif) no-repeat 0 3px;
}
.Hot p a:hover{
background:url(/images/arw_f00.gif) no-repeat 0 3px;
}

a.arw{
padding:0 0 0 14px;
}



/*//新着コンテンツ*/



/* 新着動画 */
.NewMovie a img{ width:auto;}
.NewMovie p{ text-align:center;}
.NewMovie span{ position:absolute; background:url(../images/bt_play.png) no-repeat; width:60px; height:45px; text-indent:-9999px; top:65px; left:90px; _left:80px;}
/* //新着動画 */



.top_News{
width:240px;
background:url(../images/bg_top1.gif) no-repeat right bottom;
margin-bottom:10px;
}

a.rss{
line-height:1;
width:11px;
height:11px;
position:relative;
left:219px;
top:-20px;
z-index:99;
display:block;
margin-bottom:-12px;
text-decoration:none;
border:1px solid #fcfffc;
}
a.rss:hover{
border:1px solid #fff;
}

.top_News_inner{
padding:10px;
border-bottom:1px dotted #ccc;
}

.top_News h3{
}

.top_News ul{
}

.top_News li{
clear:left;
padding:0 0 10px 0;
}
.top_News li a.newsImg img{
height:50px;
}

.top_News li a{
line-height:normal;
padding:0 0 0 10px;
}


.top_News li a:link{
background:url(/images/arw_333_s.gif) no-repeat 2px 4px;
}
.top_News li a:visited{
background:url(/images/arw_333_s.gif) no-repeat 2px 4px;
}
.top_News li a:hover{
background:url(/images/arw_f00_s.gif) no-repeat 2px 4px;
}

.top_News li a.newsImg{
background:none;
float:left;
padding:5px;
margin:0 5px 5px 0;
border:1px solid #ccc;
background:#fff;
}

.top_News li span{
color:#666;
}

.top_News p{
padding:0 0 0 0;
text-align:right;
}
.top_News p a{
padding:0 0 0 15px;
background:url(../images/arw_333.gif) no-repeat 0 4px;
}
.top_News p a:link{
background:url(../images/arw_333.gif) no-repeat 0 4px;
}
.top_News p a:visited{
background:url(../images/arw_333.gif) no-repeat 0 4px;
}
.top_News p a:hover{
background:url(../images/arw_f00.gif) no-repeat 0 4px;
}


.top_Today{
padding:10px;
margin:0 0 10px 0;
xbackground:#C5FB88 url(../images/bg_todayline.gif);
xbackground:url(../images/bg_hot.gif) no-repeat right 0;
border:0px solid #ccc;
border-right:none;
background:none;
}

.top_Today img{
margin:0 1px 5px 0;
vertical-align:middle;
}











/*2段目*/
.top_2{
clear:both;
margin:10px 0 0 0;
background:url(../images/bg_hot.gif) no-repeat left bottom;
width:100%;
}






/*//本の紹介*/

.top_Books{
clear:left;
background:url(../images/bg_book.gif) no-repeat left bottom;
width:900px;
}

.top_Books_madaaru{
float:left;
width:650px;
background:url(../images/bg_pinkslash.gif);
padding:10px 0;
}

.top_Books_sports{
float:right;
width:240px;
background:url(../images/bg_blueslash.gif);
padding:10px 0 0;
}

.top_Books_inner{
margin:0 10px;
padding:10px;
background:#fff;
line-height:1.4;
overflow:auto;
}

.top_Books_inner_L{
float:left;
width:220px; 
}


.top_Books_inner_L ul{
padding:10px 20px 0 0;
}

.top_Books_inner_L li{
text-align:center;

}

li.buy a{
display:block;
width:80px;
height:30px;
margin:0;
text-indent:-9999px;
}
li.buy a:link{
background:url(../images/bt_buy_up.gif) no-repeat;
}
li.buy a:visited{
background:url(../images/bt_buy_up.gif) no-repeat;
}
li.buy a:hover{
background:url(../images/bt_buy_ov.gif) no-repeat;
}


li.info{
padding-top:10px;
}
li.info a{
display:block;
width:80px;
height:30px;
margin:0 auto;
}
li.info a:link{
background:url(../images/bt_info_up.gif) no-repeat;
}
li.info a:visited{
background:url(../images/bt_info_up.gif) no-repeat;
}
li.info a:hover{
background:url(../images/bt_info_up.gif) no-repeat;
}

.top_Books_inner_R{
float:right;
width:390px;
}

.top_Books_inner_R p{padding-bottom:20px;}
.top_Books_inner_R strong{font-size:larger; font-weight:bold;}
.top_Books_inner_R li{
padding:0 0 15px 22px;
}
.top_Books_sports ul{
padding:10px 0 0;
}

.top_Books_sports li{
padding:0 10px 10px 22px;
float:left;
}

.top_Books_inner_R li a{
font-weight:bold;
padding:2px 0;
}

li.read{
background:url(../images/ico_read.gif) no-repeat;
}
li.hokanimo{
background:url(../images/ico_hokanimo.gif) no-repeat;
}
li.siori{
background:url(../images/ico_siori.gif) no-repeat;
}
li.bbs{
background:url(../images/ico_bbs.gif) no-repeat;
}