@charset "utf-8";

.com_unit_xsmall { width:116px;}
.com_unit_xsmall { float:left; margin:10px; padding:0px; height:250px !important; height:235px; overflow:hidden; line-height:normal; }
.com_unit_xsmall img { width:116px; height:162px; }
.com_unit_xsmall .of_desc { width:116px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-o-text-overflow: ellipsis; }

/* book unit size */
.nov_unit_small { height:410px !important;  height:390px; overflow:hidden; }
.nov_unit_small_gene {  height:410px !important;  height:390px; overflow:hidden; }
.nov_unit_small_g2 {  height:300px !important;  height:290px; overflow:hidden; }
.nov_unit_small_neko {  height:245px !important;  height:235px; overflow:hidden;  }
.nov_unit_small, .nov_unit_small_gene, .nov_unit_small_g2, .nov_unit_small_neko {float:left; 
margin:10px 13px 10px 6px !important;
margin:10px 5px 15px 9px; padding:0px; font-size:11px; 
line-height:normal; }


/* book unit img-size */
.nov_unit_small, .nov_unit_small_neko, .nov_unit_small_gene,
.nov_unit_small_g2, .nov_unit_small img, .nov_unit_small_gene img,
.nov_unit_small_neko img.neko_img, .nov_unit_small_g2 img.g2_img {width:210px;}


.nov_unit_small img, .nov_unit_small_gene img {  height:auto; } /* all */

.nov_unit_small_g2 img.g2_img,
.nov_unit_small_gene img.g2_img { height:210px; margin-bottom:5px !important; margin-bottom:13px;} /* G2 catid 16 */

.nov_unit_small_neko img.neko_img,
.nov_unit_small_gene img.neko_img {  height:157px; } /* neko 17 */

.of_desc { width:210px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-o-text-overflow: ellipsis;}

.see_box { position:relative; display:block; width:690px; height:10px; padding:0; mragin:0; }
.no_see_more { position:absolute; top:-10px !important; top:-20px; left:0px; width:680px; padding-right:5px; margin:0px; text-align:right;  font-size:11px; z-index:100; background:#fff;}










h2.nov_title { font-size:12px; font-weight:bold; margin:5px 0 5px 0; padding:0px; line-height:normal;}




#small_ban {margin-top:0px !important; margin-top:3px;}
#small_ban ul { margin:0; padding:0;}
#small_ban ul li { margin:0; padding:0; list-style:none; display:inline;}

/* layout */
body#index_back,
body#item_back {background:#F5F5F5;}
body { color:#787878; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'tahoma', 'ＭＳ Ｐゴシック', sans-serif; font-size:12px; margin:0; padding:0; margin-top:0px;}
div#wrap { width:976px; margin:0px auto 0px auto; padding:0px; background: url(image/body_bg.png) top center repeat-y; }
#wrapper { width:964px; margin:0 auto 0 auto; padding:0; }
#header { width:960px; margin:0 auto 0 auto; padding:0; }
#inbox { width:964px; margin:0 auto 0 auto; padding:0 }
#footer { width: 960px; margin:0 auto 0 auto; padding:7px 0 0 0; text-align:center; border-top: 1px solid #999; }
#foot_menu_t, #foot_menu_d { width: 960px; margin:0 auto 0 auto; }

/* detail */
#content_d { width:940px; margin:3px auto 0 auto !important ; margin:0 auto 0 auto; padding:0 }
#d_left { width:200px; float:left; margin:0px; padding:0}
#d_right { width:720px; float:right; margin-left:5px; padding:0; }

#sinkan_pickup_title { font-size:13px; padding-top:7px !important; padding-top:0; margin: 0px auto 0 20px !important; margin: 7px auto 0 20px; color:#FFF;font-weight:bold;}
.sinkan_publi { margin:0px 5px 5px 2px; padding:0 30px 0 30px; text-align:center; background:url(image/com_list_upper.png) left -6px no-repeat !important;  background:url(image/com_list_upper.png) left -8px no-repeat; color:#ffffff; font-weight:bold; font-size:12px; display:block;clear:both;border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}



/* comic unit  */


.com_unit_large { float:left; margin:10px; padding:0px; height:330px !important; height:300px; overflow:hidden; line-height:normal; }
.com_unit_large { width:203px;}

#com_rank_num {width:10px; float:left; margin:0 0 0 15px; padding:0; }
#com_rank_body { width: 160px; float:right; margin:0 10px 0 0; padding:0;}
.com_rank_number { width:8px; height:84px; margin:0 auto 5px auto; padding:0; }
.com_unit_rank { width:165px; height:84px; margin:0 auto 5px auto; padding:0; }
.com_unit_large img { width:203px; height:288px;}

.com_unit_rank img { width:60px; height:84px; }
.com_unit_rank_left { width:60px; float:left; margin:0px; padding:0;}
.com_unit_rank_right { width:95px; float:right; margin:0px; padding:0;}
h2.com_title { font-size:12px; font-weight:bold; margin:5px 0 5px 0; padding:0px; line-height:normal;}
h2.com_title_rank { font-size:12px; font-weight:bold; margin:0; padding:0px; line-height:normal;}
#com_list_content a:link, #com_list_content a:visited, #com_list_content a:active { color:#09C; }
#com_list_content a:hover { color:#F00;}




a:link, a:visited, a:active { color:#09C; text-decoration:none; }
a:hover { color:#F00; text-decoration:underline;}

#com_list_content a:link, #com_list_content a:visited, #com_list_content a:active { color:#09C; }
#com_list_content a:hover { color:#F00;}

#btns { margin:0; padding:0 13px 0 13px !important; padding: 0 10px 0 10px;}
#nov_rank_content, #nov_guide_content { margin:0; padding:5px; }

/* ranking */
div.rank_sel { margin-bottom:10px; padding:0;}
div.rank_img {}
div.rank_img img.img_s { width:100px; height:140px; padding:0; margin:0; }
div.rank_name { font-size:10px; text-align:center; clear:both;}
div.rank_n { float:left; font-size:13px; font-weight:bold; line-height:180%; background:#bbb; color:#FFFFFF; margin:3px 10px 3px 0px; padding:0px 10px 0px 10px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rank_desc { width:160px; padding:10px; }



/* Risoshoten Comic
style v.1.00
wata.tiao@gmail.com
2009.12.14 */

/* etc */

br.cl { clear:both; height:0; margin:0; padding:0; line-height:0px; }




/*header*/
#h_logo { float:left; height:80px; width:240px; padding:0; margin:0; cursor:pointer; }
#h_logo img { padding:10px 0 0 20px }
#h_asset { float:right; height:80px; width:700px; font-size:12px; }
#h_menu_left { float:left; margin:5px 0 10px 0; }
#h_menu_right { float:right; margin:5px 25px 10px 0; }

/*login iframe*/
.login_frame { float:right; height:24px; width:72px; margin: 0 15px 8px 0; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; color:white; background-color:#990000; overflow:hidden; }

#h_search { float:right; margin:0px 15px 0 0; width:650px;
padding:10px 30px 10px 0px;
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background:#fff;
border:1px solid #E1E1E1;}


/*
#h_search { float:right; margin:0px 15px 0 0; width:450px;
padding:10px 30px 10px 0px;
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background:#fff;
border:1px solid #E1E1E1;}
*/


#h_search_menu { float:left }
#h_search_form { float:right; position:relative; }
#h_search_form input.search_text_input { width:200px; height:18px; margin:0; padding:0; line-height:25px; position:absolute; left: -214px; top: -1px; border:1px #CCC solid; }
#h_search_form input.search_button { width:21px; height:20px; margin:0; padding:0; position:absolute; top: -1px; left: -12px; }
#h_menu_left ul li, #h_menu_right ul li, #h_search_menu ul li { display:inline; list-style-type:none; margin-left:20px; }
#h_menu_left ul, #h_menu_right ul, #h_search_menu ul { margin:0; padding:0; }


/* c_wrapp */
#c_wrapp { width:964px; background:url(img/c_middle.png) left center repeat-y }
#c_content { width:964px; background:url(img/c_upper.png) left top no-repeat }
#c_lower { width:964px; background:url(img/c_lower.png) left bottom no-repeat }
#c_wrapp, #c_content, #c_lower { margin:0; padding:0 }


/* content */
#content { width:960px; margin:0 auto 0 auto; padding:0 }
#left { width:207px; float:left; padding:0; margin-left:17px !important; margin-left:8px; }
#right { width:700px; float:right; padding:0;margin-right:17px !important;  margin-right:8px; }


/*left*/
#link_box { width:200px; margin:15px auto 0 auto; padding:0; }
#side_box { width:207px; margin:15px 0 0 0; padding:0; background:url(img/guide_middle.png) left top repeat-y; }
#side_lower { width:207px; margin:0; padding:0; background:url(img/guide_lower.png) left bottom no-repeat; }
#guide_upper { width:207px; margin:0; padding:0; background:url(img/guide_upper.png) left top no-repeat; }
#side_upper { width:207px; margin:0; padding:0; background:url(img/r_upper.png) left top no-repeat; }
#side_title h2 { width:190px; margin:0 auto 0 auto; padding:7px 0 3px 10px; font-size:12px; border-bottom:1px solid #DBDBDB; color:#787878 }
#side_content { width:182px; margin:0 auto 0 auto; padding:7px 0 10px 0; }
#guide_content { width:182px; margin:0 auto 0 auto; padding:37px 0 10px 0; }
span.rank_num { font-size:13px; font-weight:bold; line-height:180%; background:#bbb; color:#FFFFFF; margin:3px 10px 3px 0px; padding:0px 10px 0px 10px; border-radius:8px; -moz-border-radius: 3px; -webkit-border-radius: 8px; }
span.rank_num_x { font-size:13px; font-weight:bold; line-height:180%; background:#bbb; color:#FFFFFF; margin:3px 10px 3px 0px; padding:0px 6px 0px 5px; border-radius:8px; -moz-border-radius: 3px; -webkit-border-radius: 8px; }

/*right*/
#news_box { width:700px; margin:15px 0 10px 0; padding:0p; background:url(img/news_middle.png) left top repeat-y; }
#news_upper { width:700px; margin:0; padding:0; background:url(img/news_upper.png) left top no-repeat; }
#news_lower { width:700px; margin:0; padding:0; background:url(img/news_lower.png) left bottom no-repeat; }
#news_title { width:115px; height:20px; float:left; margin-top:7px; background:url(img/news_title.png) top center no-repeat;}
#news_content { float:right; width: 560px; margin:7px 0 7px 0; padding:0px 0 0px 20px; border-left: 1px solid #A9A8D7; }
#news_content ul { list-style-type:none; margin:0; padding:0;}




#com_list_wrap { width:720px; margin:0; padding:0; background:url(image/com_list_mid.png) left top repeat-y; }

#com_list_upper { width:720px; height:35px; margin:0; padding:0; background:url(image/com_list_upper_back.png) left 0px;}

#com_list_bottom { width:720px; height:8px; margin:0; padding:0; background:url(image/com_list_foot.png) bottom left no-repeat; }
#com_list_content { margin:0px; padding:20px 15px 20px 15px; }

#com_wrap { width:200px; margin:0 0 15px 0; padding:0; background:url(image/goriyo_mid.png) left top repeat-y; }
#com_upper { width:200px; height:29px; margin:0; padding:0; background:url(image/goriyo.png) center top no-repeat; }
#com_bottom { width:200px; height:9px; margin:0; padding:0; background:url(image/goriyo_foot.png) center bottom no-repeat; }
#com_content  { margin:0; padding:0px;}
#com_content dl dd { margin: 0; padding:0px 5px 5px 5px; line-height:300%; }

#rank_wrap { width:200px; margin:0; padding:0; background:url(image/ranking_mid.png) left top repeat-y; }
#rank_upper { width:200px; height:29px; margin:0; padding:0; background:url(image/ranking.png) center top no-repeat; }
#rank_bottom { width:200px; height:9px; margin:0; padding:0; background:url(image/ranking_foot.png) center bottom no-repeat; }
#rank_content  { margin:3px 0 0 3px; padding:0px;}


/* link style */
a img { border:none;}
ul.h_link a:link,ul.h_link a:visited,ul.h_link a:active, .see_more a:link, .see_more a:visited, .see_more a:active { color:#787878;text-decoration:none;}
ul.h_link a:hover, .see_more a:hover { color:#09C;}
ul.foot_menu a:link,ul.foot_menu a:visited,ul.foot_menu a:active { color:#787878;text-decoration:none;}
ul.foot_menu a:hover { color:#09C;}
h2.body_title a:link, h2.body_title a:visited, h2.body_title a:active, h2.item_title { color:#2b2b2b; text-decoration:none; }
h2.body_title a:hover, h2.item_title a:hover { color:#09C; }
h2.item_title { border-bottom: #E5E6E8 solid 1px;}
#m_content dl dd a:link, #m_content dl dd a:visited, #m_content dl dd a:active { color:#2b2b2b; text-decoration:none; }
#m_content dl dd a:hover { color:#09C; }
.rank_desc a:link, .rank_desc a:visited, .rank_desc a:active { color:#787878;text-decoration:none;}
.rank_desc a:hover { color:#09C; }


/* font size */
#foot_menu_t ul.foot_menu li, #foot_menu_d ul.foot_menu li {font-size:11px; display:inline; list-style-type:none; padding:0px; margin:0px;}
h2.body_title { font-size:14px; font-weight:normal;line-height:1px; margin:10px 0 0 0; padding:0 0 0 10px; }
h2.item_title { font-size:14px; font-weight:normal; line-height:220%; margin:5px 0 30px 0; padding:0 0 0 10px; }
.item_body { padding:10px; }
.osirase_date { display:none; }
.rank_desc h2 { font-size:14px; font-weight:normal; margin:0; padding:0; }



/* books column */
table#books_column { margin:0; padding:0; background:url(img/book_column_bar.png) top center repeat-y !important; background:url(img/book_column_bar.png) top 230px repeat-y;}
table#books_column td { margin:0 ; padding:0; vertical-align:top;}
#books_column #books_left { width: 215px; padding:0px; margin:0 0 0 7px !important;margin: 0 0 0 4px}
#books_column #books_center { width: 215px; height:300px; padding:0px; margin: 0 0 0 20px !important;margin: 0 0 0 20px}
#books_column #books_right { width: 215px; height:300px; padding:0px; margin:0 0 0 20px !important;margin: 0 0 0 20px}
#book_column_title h2 { background:url(img/book_list_title.png) #A3A5A6 3px 3px no-repeat; padding:6px 0 5px 27px !important; padding:6px 0 8px 27px;font-size:12px; color:#FFF; margin:0px;}
#book_column_new h2 { background:url(img/book_new_title.png) #A3A5A6 3px 3px no-repeat; padding:6px 0 5px 27px !important; padding:6px 0 8px 27px; font-size:12px; color:#FFF; margin:0px;}
.see_more a { background:url(img/more.png) left 2px no-repeat; padding-left:16px; margin:0 0 0 5px; font-size:12px; }
.goto_top { margin:10px; }

/* book unit */
.book_unit { width:210px; margin:10px 0px 5px 0px; padding:0; float:left;}
.book_unit_icon { height:17px; background:url(img/book_list_icon_pickup.png) left top no-repeat;}
.book_unit_new { height:17px; background:url(img/book_list_icon_new.png) left top no-repeat;}
.book_unit_box { background:#f7f7f7; border: #D4D4D4 1px solid; padding:10px;}
.book_title { color:#2b2b2b; font-weight:bold; font-size:14px; margin-bottom:5px;}
.book_img { float:left; padding: 0 5px 3px 0;}
.book_desc {  }
.book_auth, .book_desc, .book_price, .book_detail { font-size:12px; line-height:140%; color:#404040}

.book_auth {}
.book_desc {}
.book_price { margin-bottom:10px;}
.book_detail { margin-bottom:10px;}
.book_dl {}

/* color */
#side_content, #guide_content { color:#4C4C4C; }
#news_content a:link, #news_content a:active, #news_content a:visited { color:#325e94; text-decoration:none; }
#news_content a:hover { color:#666; }