@charset "utf-8";

/* [=INFO]----------------------------

コミック用CSS

Date:2008.9.16.
Author:
Version:1.0

----------------------------[=INFO]*/


/* [=TOC]----------------------------

=01.

----------------------------[=TOC]*/



/* [=01.]
---------------------------------------------------------*/




/*レイアウトID
2008.02.27
---------------------------------------------------------*/

/*--------------clearfix--------------*/
.comic-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.comic-clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .comic-clearfix { height: 1%; }
.comic-clearfix { display: block; }
/* End hide from IE-mac */
/*--------------clearfix--------------*/


/* 初期化
----------------------------*/
#comic{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, sans-serif;
	font-size:12px;
}

#comic a{
	text-decoration:none;
}


/* 文字
----------------------------*/
.comic-emp{font-style:normal;font-weight:bold;}
.comic-short{letter-spacing:-1px;}


/* 画像置換用（IDと併用）
----------------------------*/
.comic-bg{
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	font-size:0.1px;
	line-height:0.1px;
	display:block;
}


/* clear用
----------------------------*/
.comic-divclear{
	clear:both;
	width:100%;
	height:0px;
	font-size:0.1px;
	line-height:0;
	visibility: hidden;
}


/* レイアウト・トップページ
--------------------------------------------------------*/
#comic-maincontainer{
	padding:6px;
	width:768px;
	border-right:1px solid #333333;
}

#comic-leftnav{
	width:178px;
	float:left;
}
#comic-mainarea{
	width:585px;
	float:right;
}
#comic-mainarea1{
	width:680px;
	float:right;
}
#comic-mainarea #comic-subcol{
	width:178px;
	float:right;
}

.comic-boxindex{
	width:587px;
	margin-top:10px;
	background:url(/img/cmc/comic_boxindex_body.jpg) 0 0 repeat-y;
}
.comic-boxtop{
	margin-top:-5px;
}
.comic-boxindex .comic-inner01{
	padding:8px 17px 23px;
	background:url(/img/cmc/comic_boxindex_foot.jpg) 0 bottom no-repeat;
}
.comic-boxindex h2{
	width:587px;
	height:34px;
	position:relative;
}
.comic-boxindex h2 a{
	position:absolute;
		left:492px;
		top:5px;
	width:90px;
	height:24px;
}
#comic-h-pickup{
	background: url(/img/cmc/h_comic_pickup.jpg);
}
#comic-h-seinen{
	background: url(/img/cmc/h_comic_seinen.jpg);
}
#comic-h-shonen{
	background: url(/img/cmc/h_comic_shonen.jpg);
}
#comic-h-bunko{
	background: url(/img/cmc/h_comic_bunko.jpg);
}
#comic-h-ladys{
	background: url(/img/cmc/h_comic_ladys.jpg);
}
#comic-h-bl{
	background: url(/img/cmc/h_comic_bl.jpg);
}

#comic-mainbody td{
	width:118px;
	padding:0 10px;
	vertical-align:top;
}

#comic-mainbody .comic-rental td{
	vertical-align:bottom;
	padding:5px 27px 10px;
	width:83px;
}
#comic-mainbody .comic-rental a{
	background:url(/img/cmc/btn_rental.jpg) 0 0 no-repeat;
	width:83px;
	height:24px;
}

#comic-mainbody .comic-jkt td{
	text-align:center;
	width:138px;
	height:128px; 
	padding:16px 0 2px;
}

#comic-mainbody td img, .comic-colleft img{
	padding:0 2px 2px 0;
	background:url(/img/cmc/bg_shadow.gif) right bottom no-repeat;
}
#comic-mainbody .comic-title span{
	color:#ff0000;
}
#comic-mainbody .comic-author td{
	font-size:85%;
	padding-bottom:5px;
}
#comic-mainbody .comic-price td{
	background:url(/img/cmc/line_dot_dc_table.jpg) 10px bottom no-repeat;
	padding-bottom:10px;
}
#comic-mainbody .comic-price em{
	font-weight:bold;
	color:#990000;
}


.comic-boxindex p.comic-viewall{
	margin-top:20px;
	text-align:right;
}
.comic-boxindex p.comic-viewall a{
	background:url(/img/cmc/bullet_arrow.jpg) 0 center no-repeat;
	padding-left:15px;
}


/* 2nd用
----------------------------*/
.twocol #comic-maincontainer{

 width:775px;px;
	
}
.twocol #comic-mainarea{
	width:587px;
}

.comic-2nd h2{
	font-size:130%;
	font-weight:bold;
	background:url(/img/cmc/icon_left_bar_red.jpg) no-repeat 0 0;
	padding:0 0 6px 10px;
	margin:0 auto 8px;
	border-bottom:1px solid #dcdcdc;
}
.comic-2nd h2 span{
	float:left;
}
.comic-2nd h2 a{
	font-size:85%;
	font-weight:normal;
	background:url(/img/cmc/bullet_arrow_left.jpg) 0 center no-repeat;
	padding-left:15px;
	float:right;
}


/* -- 20080918his-- */
.comic-2nd p a{
	background:url(/img/cmc/bullet_arrow_left.jpg) 0 center no-repeat;
	padding-left:15px;
	margin:15px 0 0 0;
	float:right;
}
/* -- 20080918his-- */


#comic-tables{
	width:552px;
	margin:0 10.5px;
}

/* 左カラム
----------------------------*/

.comic-colbox-banner{
	padding:0 4px;
}

p.comic-arrow {
	background:url(/img/cmc/bullet_arrow.jpg) 0 center no-repeat;
	padding-left:15px;
}


.comic-box-login{
	background:url(/img/cmc/box_login.jpg) 0 0 no-repeat;
	width:160px;
	height:65px;
	margin:12px 4px;
	padding:10px 0 0 10px;
}

.comic-box-login li{
	margin-bottom:3px;
	_margin-bottom:0;
}
.comic-box-login a{
	width:151px;
	height:27px;
}
.comic-box-login .comic-btn-login a{background:url(/img/cmc/btn_login.jpg) 0 0 no-repeat;}
.comic-box-login .comic-btn-register a{background:url(/img/cmc/btn_register.jpg) 0 0 no-repeat;}
/*オススメのサイト*/
#comic-boxhead-osusume{background-image:url(/images/colbox_osusume.jpg);}
/*オススメのサイト*/
.comic-colbox{
	width:178px;
	margin-top:10px;
	background:url(/img/cmc/colbox_body.jpg) 0 0 repeat-y;
}
.comic-colbox .comic-inner01{
	width:178px;
	padding-top:32px;
	background:0 top no-repeat;
}
.comic-colbox .comic-inner02{
	width:168px;
	padding: 14px 5px 20px;
	background:url(/img/cmc/colbox_foot.jpg) 0 bottom no-repeat;
}


#comic-boxhead-comic-rental{background-image:url(/img/cmc/colbox_comic_rental.jpg);}
#comic-boxhead-genre{background-image:url(/img/cmc/colbox_genre.jpg);}

ul.comic-triangle{ padding-left:10px;}
ul.comic-triangle li{
	background:url(/img/cmc/bullet_tri_blue.jpg) 0 5px no-repeat;
	padding-left:10px;
}

.comic-colbox .comic-inner02 h2{
	padding-left:14px;
	margin-bottom:10px;
	font-weight:bold;
}
.comic-colbox .comic-inner02 li{ margin-bottom:2px;}

ul.comic-dot{ padding-left:15px;}
ul.comic-dot li{
	background:url(/img/cmc/bullet_dot_blue.jpg) 0 5px no-repeat;
	padding-left:10px;
}

/*オススメのサイト*/
ul.comic-osusume li{
	no-repeat scroll 0 5px;
	padding-left:10px;
}
/*オススメのサイト*/

.comic-colbox p.comic-arrow {
	margin-top:10px;
	margin-left:13px;
}



/*トップリンク
----------------------------*/
#comic-toplink{
	clear:both;
	padding-top:20px;

}
#comic-toplink ul li.comic-go_top{
	float:right;
	padding:0 26px 0 0;
	text-indent:-9999px;
}
#comic-toplink ul li.comic-go_top a{
	display:block;
	background:url(/img/cmc/btn_link_top.jpg) no-repeat 0 0;
	width:88px; 
	height:13px;
}

/*フッター
----------------------------*/
#comic-footarea{
	clear:both;
	margin:8px 10px 0;
	padding:11px 0 0 0;
	border-top:1px solid #bebebe;
}
#comic-footarea1{
	clear:both;
	margin:8px 10px 0;
	padding:11px 0 0 0;
} 
#comic-footarea.comic-footnavi{
	margin:20px 0 0 0;
}
#comic-footarea .comic-footnavi ul{
	font-size:10px;
	text-align:center;
}
#comic-footarea .comic-footnavi ul li{
	display:inline;
}
#comic-footarea .comic-p_mark{
	margin:6px auto;
	width:252px;
	text-align:left; /* -- 20080918his-- */
}

#comic-footarea1 .comic-footnavi{
	margin:0 0 0 0;
}
#comic-footarea1 .comic-footnavi{
	margin:20px 0 0 0;
}
#comic-footarea1 .comic-footnavi ul{
	font-size:10px;
	text-align:center;
}
#comic-footarea1 .comic-footnavi ul li{
	display:inline;
}

/*TOP ボーイズラブ
----------------------------*/

/* -- 20090323 フキダシ--*/
.set_list{
	position: relative;
	width: 120px;
}

#blsub_a{
	position:absolute;
	visibility: hidden;
	z-index:10;
}
#blsub_b{
	position:absolute;
	visibility: hidden;
	z-index:11;
}
#blsub_c{
	position:absolute;
	visibility: hidden;
	z-index:12;
}
#blsub_d{
	position:absolute;
	visibility: hidden;
	z-index:13;
}
#blsub_e{
	position:absolute;
	visibility: hidden;
	z-index:14;
}
#blsub_f{
	position:absolute;
	visibility: hidden;
	z-index:15;
}
#blsub_g{
	position:absolute;
	visibility: hidden;
	z-index:16;
}


#snsub_g{
	position:absolute;
	visibility: hidden;
	z-index:17;
}
#snsub_h{
	position:absolute;
	visibility: hidden;
	z-index:18;
}


.subset_list_r{
	color: #000000;
	width: 420px;
	height: 412px;
	left:95px;
	top:-300px;
	padding: 8px 10px 10px 38px;
	background:url(/img/cmc/comic_list_bgr.gif) no-repeat 0 0;
}

.subset_list_r h4{
	font-size: 12px;
	color: #FFFFFF;
	padding: 1px 0 20px 0;
}

.subset_list_r ol{
	list-style-type: decimal;
	font-size: 11px;
	line-height: 140%;
	margin-left: 10px;
}


.subset_list_l{
	color: #000000;
	width: 420px;
	height: 412px;
	left:-445px;
	top:-300px;
	padding: 8px 38px 10px 10px;
	background:url(/img/cmc/comic_list_bgl.gif) no-repeat 0 0;
}
.subset_list_l h4{
	font-size: 12px;
	color: #FFFFFF;
	padding: 1px 0 20px 0;
}

.subset_list_l ol{
	list-style-type: decimal;
	font-size: 11px;
	line-height: 140%;
	margin-left: 10px;
}


.subset_list_lb{
	color: #000000;
	width: 420px;
	height: 412px;
	left:-445px;
	top:-300px;
	padding: 8px 10px 10px 10px;
	background:url(/img/cmc/comic_list_bgl.gif) no-repeat 0 0;
}
.subset_list_lb h4{
	font-size: 12px;
	color: #FFFFFF;
	padding: 1px 0 20px 0;
}
.subset_list_lb ol{
	list-style-type: decimal;
	font-size: 11px;
	line-height: 140%;
	margin-left: 10px;
}


.sublist-jkt td{
	text-align:center;
	height:90px;
	padding:5px 0 0 0;
}

.sublist-author td{
	height: 24px;
	font-size:85%;
	padding:0 0 5px 0;
	text-align: center;
}


/* -- 20090323 フキダシ/--*/

/* -----------------------------------------
20090520 左カラム 全タイトル総合ランキング
-------------------------------------------- */
dl#side_comic_ranking {
 width: 178px;
 margin-top: 10px;
 background: url(/img/cmc/colbox_body.jpg) 0 0 repeat-y;
 }

dl#side_comic_ranking dt#title {
 height: 28px;
 overflow: hidden;
 }

dl#side_comic_ranking dd#ranking_term,
dl#side_comic_ranking dd#ranking_body{
 margin: 0 5px;
 }

dl#side_comic_ranking dd#ranking_term {
 padding: 5px;
 background: #eeece9;
 text-align: right;
 font-size:85%;
 }

dl#side_comic_ranking dd#ranking_body ol li{
 padding: 8px 10px;
 background: url(/img/cmc/side_ranking/border_comicranking.gif) repeat-x bottom left;
 }

dl#side_comic_ranking dd#ranking_body ol li p {
 float: right;
 }

dl#side_comic_ranking dd#ranking_body ol li p img {
 padding:0 2px 2px 0;
 background:url(/img/cmc/bg_shadow.gif) right bottom no-repeat;
 }
 
dl#side_comic_ranking dd#ranking_body dl {
 float: left;
 width: 85px;
 }

dl#side_comic_ranking dd#ranking_body dl dt {
 font-weight: bold;
 }

dl#side_comic_ranking dd#ranking_body dl dt span.new {
 padding-left: 10px;
 color: #FF0000;
 font-weight: normal;
 }

dl#side_comic_ranking dd#ranking_body dl dd.font_small,
dd#ranking_body ol li dl span.font_small {
 font-size: 85%;
 }

dl#side_comic_ranking dd#ranking_body dl dd.comic_price {
 color:#990000;
 font-weight:bold;
 }

dl#side_comic_ranking dd#ranking_link {
 padding: 8px 10px 10px;
 background:url(/img/cmc/colbox_foot.jpg) left bottom no-repeat;
 text-align: right;
 }

dl#side_comic_ranking dd#ranking_link a {
 padding-left: 15px;
 background: url(/img/cmc/bullet_arrow.jpg) no-repeat left top;
 }

/* -----------------------------------------
20090520 右カラム ページネーション
-------------------------------------------- */
dl#comic_pagenation {
 margin: 20px 0 0 0;
 border-bottom: 1px solid #DCDCDC;
 }

dl#comic_pagenation_btm {
 margin: 20px 0 0 0;
 padding: 5px 0 0 0;
 border-top: 1px solid #DCDCDC;
 }

dl#comic_pagenation dt,
dl#comic_pagenation dd,
dl#comic_pagenation_btm dt,
dl#comic_pagenation_btm dd {
 text-align: right;
 }

dl#comic_pagenation ol,
dl#comic_pagenation_btm ol {
 background: none !important;
 display: inline;
 }

dl#comic_pagenation ol li,
dl#comic_pagenation_btm ol li {
 display: inline;
 }

dl#comic_pagenation ol li span.current,
dl#comic_pagenation_btm ol li span.current {
 font-weight: bold;
 }
/* -----------------------------------------
左カラム タイトルから探す
-------------------------------------------- */
#comic-boxhead-search{background-image:url(/img/cmc/colbox_search.jpg);}
#comic-boxhead-search ul {
	padding: 0 0 0 8px;
	}

#comic-boxhead-search ul li {
	float: left;
	}
	
#comic-boxhead-search ul li a {
	display: block;
	float: left;
	width: 16px;
	text-align: center;
	}

#comic-boxhead-search ul li a:hover,
#comic-boxhead-search ul li a:active {
	background: #FF6600;
	color: #FFFFFF;
	}