@charset "euc-jp";

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

コミック用CSS

Date:2009.07.22.
Author:
Version:1.0

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


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

=01.

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



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

/*・Eぅ▲Ε濡D
2009.07.22
---------------------------------------------------------*/

/* new icon
----------------------------*/
body#comic-body .icon-new-sign{
	padding-left:3px !important;
	vertical-align:-2px;
}


/* 初・E少
----------------------------*/
body#comic-body {
	background: url(/img/tdbg_no.gif) repeat-y top left;
	}

/* コミック・E鵐織・舅・780px */
#comic_rental {
	width: 780px;
	margin:0;
	padding:0;
	background: #FFFFFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, sans-serif;
	font-size:12px;
}

#comic_rental a {
	text-decoration:none;
}

/* コミック・E鵐織・肇奪廛據璽・右カラ・E550px */
div#comic_index {
	width: 590px;
	}

/* コミック・E鵐織・罐據璽・右カラ・E550px */
div#comic_main {
	width: 550px;
	margin-left: 20px;
	}

/* ---------------------------------------------------------
左カラ・E
-----------------------------------------------------------*/
/* 検索ボックス(2010.01.19)
----------------------------*/
#comic-box-search{
	background:url(/img/comic/bg_srh_02.jpg) 0 0 repeat-y;
	width:178px;
}

#comic-box-search h2{
	background:url(/img/comic/ttl_srh.jpg) 0 0 repeat-y;
	height:34px;
	text-indent:-9999px;
}

#comic-box-search .comic-topsrhbox{
	margin:8px 0;
}

#comic-box-search .comic-topsrhbox input{
	width:100px;
}

#comic-box-search .comic-srhbox{
	background:url(/img/comic/bg_srh_login.jpg) 0 100% no-repeat;
	padding:0 15px 17px;
}

#comic-box-search .comic-btn_srh {
	float:right;
	margin:-3px 0 0;
	text-indent:-9999px;
}

#comic-box-search .comic-btn_srh a{
	background:transparent url(/img/comic/btn_srh.jpg) repeat scroll 0 0;
	display:block;
	height:24px;
	margin:0;
	padding:0;
	width:40px;
}

#comic-box-search ul{
	margin:10px 0 5px;
}

#comic-box-search ul li{
	background:transparent url(/img/comic/arrow_g01.jpg) no-repeat scroll 0 2px;
	padding:0 0 0 16px;
}


/* バナー
----------------------------*/
ul.left_banner {
	clear: both;
	}
ul.left_banner li {
	margin-bottom: 8px;
	}

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

.comic-box-login li{
	margin-bottom:3px;
	_margin-bottom:0;
	}

/* ・前イン・E2010.01.20)
----------------------------*/
.comic_sideNavi ul.user li{
	padding-left:22px;
	margin-bottom:5px;
}

.comic_sideNavi ul.user li.link-cart{
	background: url(/img/comic/icon_cart.jpg) 0 50% no-repeat;
}

.comic_sideNavi ul.user li.link-history{
	background: url(/img/comic/icon_clock.jpg) 0 50% no-repeat;
}


/* サイドナビ
----------------------------*/
div.comic_sideNavi {
	width: 178px;
	margin-bottom:8px;
	background: url(/img/comic/colbox_body.jpg) repeat-y top left;
	}

div.comic_sideNavi ul {
	padding: 14px 5px 20px 20px;
	background: url(/img/comic/colbox_foot.jpg) no-repeat left bottom;
	}

div.comic_sideNavi ul li {
	background:url(/img/comic/bullet_dot_blue.jpg) 0 5px no-repeat;
	padding-left:10px;
	margin-bottom:2px;
	}

/* その他検・E2010.01.19)
----------------------------*/
div.comic_sideNavi #list-set{
	padding: 0 5px 5px;
	background: url(/img/comic/colbox_foot.jpg) no-repeat left bottom;
}

div.comic_sideNavi #list-set h4{
	width: 148px;
	background-color: #eeece9;
	background-image: url(/img/comic/arrow_on_gray.jpg);
	background-position: 5px 50%;
	background-repeat:no-repeat;
	padding-left:20px;
	height:22px;
	line-height:22px;
	border-bottom:1px solid #fff;
}

div.comic_sideNavi #list-set h4.open{
	background-image:url(/img/comic/arrow_below_on_gray.jpg);
}

div.comic_sideNavi #list-set ul {
	padding: 14px 0 20px 15px;
	background: none;
	}

div.comic_sideNavi #list-set ul.alphabetical li{
	background:none;
	padding:0;
	border-left:1px solid #ccc;
	display:block;
	_display:inline;
	zoom:1;
	}

div.comic_sideNavi #list-set ul.alphabetical li p{
	background:none;
	padding:0 5px 0 6px;
	float:left;
	width:15px;
	height:13px;
	line-height:13px;
	border-right:1px solid #ccc;
	}


/* ランキング
----------------------------*/
dl#side_comic_ranking {
	 width: 178px;
	 margin-bottom: 10px;
	 background: url(/img/comic/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/comic/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/comic/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/comic/colbox_foot.jpg) left bottom no-repeat;
	 text-align: right;
	 }

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

/*オススメのサイト*/
div.comic_sideNavi dl.comic-osusume {
	padding: 10px 15px 10px 15px;
	background: url(/img/comic/colbox_foot.jpg) no-repeat left bottom;
	}

div.comic_sideNavi dl.comic-osusume dt {
	margin-bottom: 3px;
	}

div.comic_sideNavi dl.comic-osusume dd {
	margin-bottom: 5px;
	}

div.comic_sideNavi dl.comic-osusume dd.center {
	text-align:center;
	}

/* ---------------------------------------------------------
右カラ・E
-----------------------------------------------------------*/

/* 右カラ・E2010.01.20)
---------------------------------*/
#comic_rental div.contents-comic{
	margin:13px 0 0 15px;
	width:550px;
}

#comic_rental div.div-comic-title {
	background:transparent url(/img/comic/title_bar.jpg) no-repeat scroll 0 0;
	border-bottom:1px solid #DCDCDC;
	padding:0 0 3px 10px;
	margin-bottom:15px;
}

#comic_rental div.no-bullet{
	background:none;
	border:0;
	padding-left:0;
}

#comic_rental div.div-comic-title em{
	font-size: 16px;
	font-weight: bold;
}

#comic_rental div.div-comic-title ul.history{
	float:right;
}

#comic_rental div.div-comic-title ul.history li{
	float:left;
}
#comic_rental div.div-comic-title ul.history li a{
	margin-left:15px;
	padding-left:18px;
	background:transparent url(/img/comic/arrow_g01.jpg) no-repeat 0 2px;
	display:block;
}

#comic_rental .comic-detail .colLeft{
	width:113px;
	float:left
}

#comic_rental .comic-detail .colLeft p.img{
	width:auto;
	text-align:center;
	margin:0 auto 14px;
}

#comic_rental .comic-detail .colLeft p.img img{
	padding: 0 2px 2px 0;
	background: url(/img/comic/bg_shadow.gif) no-repeat right bottom;
}

#comic_rental .comic-detail .colLeft p.btn{
	margin-bottom:5px;
}

#comic_rental .comic-detail .colLeft p.value{
	width:113px;
	background-position:95% 0;
	background-repeat:no-repeat;
}

#comic_rental .comic-detail .colLeft p.point4{
	background-image:url(/img/comic/img_stars4.jpg);
}

#comic_rental .comic-detail .colLeft ul.review{
	margin-top:5px;
}

#comic_rental .comic-detail .colLeft ul.review li{
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-bottom:3px;
}

#comic_rental .comic-detail .colLeft ul.review li.read{
	background-image:url(/img/comic/icon_review01.jpg);
}



#comic_rental .comic-detail .colRight{
	width:422px;
	float:right;
}

#comic_rental .comic-detail .colRight ul li{
	padding:5px 0 5px 6em;
	background:url(/img/comic/dotted_line.gif) 0 100% repeat-x;
}

#comic_rental .comic-detail .colRight li.lastChild{
	background:none;
}

#comic_rental .comic-detail .colRight li p{
	position:relative;
}

#comic_rental .comic-detail .colRight li p em{
	position:absolute;
	left:-6em;
	font-weight:bold;
	color:#bb4169;
}

#comic_rental .comic-detail .colRight .box-purchase{
	width:225px;
	margin:1em 0 3em;
	float:right;
}

#comic_rental .comic-detail .colRight .box-purchase p{
	text-align:center;
}

#comic_rental .comic-detail .colRight .box-purchase p em{
	color:#e60000;
	font-weight:bold;
}

#comic_rental .comic-detail .colRight .box-purchase p span{
	color:#e60000;
}


#comic_rental .contents-comic h2 {
/*
	background:transparent url(/img/comic/ttl_bar2.jpg) no-repeat scroll 0 0;
	border-bottom:1px solid #dcdcdc;
*/
	color:#eee;
	background-color:#4e4e66;
	border-bottom:2px solid #999;
	font-size:12px;
	font-weight:bold;
	/* padding:0 0 3px 10px; */
	padding:3px 0 3px 10px;
	margin-bottom:12px;
}

#comic_rental .div-comic{
	margin-bottom:20px;
}

#comic_rental .div-comic .marginBottom{
	margin-bottom:1em;
}

#comic_rental .div-comic .btn-right{
	text-align:right;
}

/* テーブ・E*/
#comic_rental .div-comic table.list-table{
	/* width:520px; */
	width:550px;
	margin-bottom:10px;
}

#comic_rental .div-comic table.list-table tr{
	margin-bottom:1px;
}

#comic-body #comic_rental .div-comic table.list-table th{
	padding:3px 0 3px;
	border-right:1px solid #fff;
	background:url(/img/comic/bg_details_td.jpg) repeat-x 0 0;
	text-align:center;
	font-weight:normal;
	color:#fff;
}

#comic_rental .div-comic .serieslist .titles{
	width:85%;
	padding: 5px 8px;
}

#comic_rental .div-comic .shiplist .titles{
	width:63%;
	padding: 5px 8px;
}

#comic_rental .div-comic .serieslist .btn,
#comic_rental .div-comic .shiplist .btn{
	padding: 5px 5px;
}

#comic_rental .div-comic .shiplist tr .date,
#comic_rental .div-comic .shiplist tr.amount td,
#comic_rental .div-comic .shiplist tr.fee td,
#comic_rental .div-comic .shiplist tr.total td{
	background-color:#e6eef2;
	padding: 5px 5px;
}

#comic_rental .div-comic .shiplist tr .date{
	border-right:1px solid #fff;
}

#comic_rental .div-comic .shiplist tr td.sum{
	text-align:right;
}

#comic_rental .div-comic .shiplist tr.total td{
	font-weight:bold;
}

#comic_rental .div-comic .rentallist th{
	padding:0 5px;
}
#comic_rental .div-comic .rentallist td{
	padding:0px;
}

#comic_rental .div-comic .shiplist .date,
#comic_rental .div-comic .rentallist .number,
#comic_rental .div-comic .rentallist .date,
#comic_rental .div-comic .rentallist .date2,
#comic_rental .div-comic .rentallist .star{
	width:17%;
}

#comic_rental .div-comic .rentallist .btn{
	width:10%;
	text-align:center;
}

#comic_rental .div-comic .rentallist .review{
	width:18%;
	padding:5px 2px;
}

#comic_rental .div-comic .rentallist .titles{
	/*width:30%;*/
}

#comic_rental .div-comic .rentallist .review a{
	display:block;
	padding-left:20px;
	margin-bottom:5px;
}

#comic_rental .div-comic .list-table tr td{
	border-bottom:1px solid #fff;
}

#comic_rental .div-comic .list-table tr.gray td{
	background-color:#eeece9;
}

#comic_rental .div-comic .list-table tr.checked td,
#comic_rental .div-comic .cartlist tr.fee td,
#comic_rental .div-comic .cartlist tr.total td,
#comic_rental .div-comic .cartlist tr .price{
	background-color:#e6eef2;
}


#comic_rental .div-comic .list-table tr.renting td{
	color:#aaaaaa;
}

#comic_rental .div-comic .cartlist .titles{
	border-right:1px solid #fff;
}

#comic_rental .div-comic .cartlist .price{
	width:30%;
	text-align:right;
}

#comic_rental .div-comic .cartlist td{
	padding: 5px 8px;
}

#comic_rental .div-comic .cartlist .all td{
	border-top:5px solid #fff;
	background-color:#aaa;
	color:#fff;
}

#comic_rental .div-comic .cartlist .total td{
	font-weight:bold;
	border-bottom:10px solid #fff;
}

#comic_rental .div-comic .mdl-list2{
		margin: 0 0 15px 0;
		border-bottom:1px solid #DCDCDC;
}

#comic_rental .div-comic .mdl-list2-bottom{
		margin: 0 0 15px 0;
		border-top:1px solid #DCDCDC;
		padding-top:5px;
}

#comic_rental .div-comic  .mdl-list2 p.mdl-ttl_bar{
	float:left;
	padding:0 0 3px 10px;
	background:url(/img/comic/ttl_bar2.jpg) no-repeat 0 0;
	font-size:12px;
	font-weight: bold;
}

#comic_rental .div-comic  ul.mdl-listnum{
	float:right;
}

ul.mdl-listnum li{
	float:left;
	width:auto;
	font-size:10px;
}

#comic_rental .div-comic .unitlist .titles{
	padding: 5px 8px;
}

#comic_rental .div-comic .list-table .checkbox{
	width:18px;
	padding: 5px 5px;
}

#comic_rental .div-comic .list-table .stock_btn{
	width:120px;
	padding: 5px 5px;
}

#comic_rental .div-comic .btn-center{
	text-align:center;
}

#comic_rental .div-comic span.red,
#comic_rental .div-comic span.note{
	color:#e60000;
}

/* Ｔポイント */
#comic_rental .div-comic .t-point{
	width:340px;
	margin:0 auto;
}

#comic_rental .div-comic .t-point table{
	width:100%;
}

#comic_rental .div-comic .t-point table th,
#comic_rental .div-comic .t-point table td{
	width:50%;
	border:1px solid #ccc;
	padding:8px;
}

#comic_rental .div-comic .t-point table th{
	background-color:#eeece9;
}

#comic_rental .div-comic .t-point table td{
	text-align:right;
}

#comic_rental .div-comic .t-point .use-point{
	width: 60px;
}

#comic_rental .div-comic .t-point ul{
	padding:12px;
	margin-top:10px;
	background-color:#e6eef2;
}

/* 送付先住所 */
#comic_rental .div-comic .address{
	width:550px;
}

#comic_rental .div-comic .address table{
	width:100%;
}

#comic_rental .div-comic .address table th,
#comic_rental .div-comic .address table td{
	border:1px solid #ccc;
	padding:8px;
}

#comic_rental .div-comic .address table th{
	width:15%;
	background-color:#eeece9;
	text-align:right;
}

#comic_rental .div-comic .address table td{
	width:85%;
	background-color:#ffffff;
	text-align:left;
}

#comic_rental .div-comic .address .use-point{
	width: 60px;
}

#comic_rental .div-comic .address ul{
	padding:12px;
	margin-top:10px;
	background-color:#e6eef2;
}

#comic_rental .div-comic .showProfileInfo{
	text-align:right;
}

#comic_rental .div-comic .caution{
	color:#e60000;
	margin:1em 0;
}

#comic_rental .div-comic .caution em{
	font-weight: bold;
}

#comic_rental .div-comic .carrier p{
	text-align: center;
	font-weight: bold;
}

#comic_rental .div-comic .carrier a{
	text-decoration: underline;
}

/* 発送ボタ・E*/
#comic_rental .div-comic .submit{
	width:475px;
	margin:0 auto;
}

#comic_rental .div-comic .submit li{
	background:url(/img/comic/bg_pinkbox.gif) 0 0 no-repeat;
	width:233px;
	height:55px;
	position:relative;
}

#comic_rental .div-comic .submit li.not-available{
	background:url(/img/comic/bg_graybox.gif) 0 0 no-repeat;
}

#comic_rental .div-comic .submit li.left{
	float:left;
}

#comic_rental .div-comic .submit li.right{
	float:right;
}

#comic_rental .div-comic .submit li img{
	position:absolute;
	left:18px;
	top:13px;
}

#comic_rental .div-comic .submit li input{
	position:absolute;
	left:18px;
	top:13px;
}

#comic_rental .div-comic .submit .fee-box{
	background-color:#faebf1;
	padding:15px;
	margin:10px 0;
	zoom:1;
}

#comic_rental .div-comic .submit .fee-box em{
	color:#bb4169;
	font-size:150%;
	font-weight:bold;
	vertical-align:-1px;
}

#comic_rental .div-comic .submit .fee-box span{
	color:#bb4169;
	font-size:120%;
	font-weight:bold;
}

#comic_rental .div-comic .submit .link-right{
	text-align:right;
}

#comic_rental .div-comic .submit .link-right a {
	background:transparent url(/img/comic/bullet_arrow.jpg) no-repeat scroll left center;
	padding-left:15px;
}


/* 横並び */

#comic_rental .div-comic ul.comicList {
	margin-left: 25px;
	}

#comic_rental .div-comic ul.comicList li {
	float: left;
	width: 24%;
	padding-bottom: 5px;
	}

#comic_rental .div-comic ul.comicList li dl dt,
#comic_rental .div-comic ul.comicList li dl dd.btn_rental {
	text-align: center;
	margin-bottom: 5px;
	}

#comic_rental .div-comic ul.comicList li dl dt {
	padding-top: 10px;
	}

#comic_rental .div-comic ul.comicList li dl dt img {
	padding: 0 2px 2px 0;
	background: url(/img/comic/bg_shadow.gif) no-repeat right bottom;
	}

/* ・E咼紂・*/
#comic_rental .div-comic .review-count span{
	color:#00f;
}

#comic_rental .div-comic .reviewArea ul.review-write{
	margin:0.5em 0;
}

#comic_rental .div-comic .reviewArea ul li{
	float:left;
}

#comic_rental .div-comic dd.author {
	font-size: 10px;
	}


#comic_rental .div-comic .reviewArea ul.review-write li.write{
	float:right;
}

#comic_rental .div-comic .reviewArea ul.review-write li.write a{
	display:block;
	padding-left:20px;
	background:url(/img/comic/icon_review.gif) 0 0 no-repeat;
}

#comic_rental .div-comic .reviewArea .resultbox dl{
	padding:10px 0;
}

#comic_rental .div-comic .reviewArea .resultbox dl dt{
	float:left;
	width:4em;
}

#comic_rental .div-comic .reviewArea .resultbox dl dd{
	margin:0 0 0 4em ;
}

.maincomment{
	clear:both;
	margin:10px 0 10px 0;
	padding:10px;
	background:#dedede;
}
.maincomment h4{
	font-size:14px;
}
.maincomment ul.val01{
	margin:5px 0 0 0;
}
.maincomment ul li{
	padding:7px 5px 0 0;
	vertical-align:bottom;
}
.maincomment ul li.icon_best{
	padding:10px 5px 0 0;
}
.maincomment ul li.icon_fav{
	padding:0 5px 0 0;
}
.maincomment ul.val02{
	clear:both;
	margin:3px 0 0 0;
	font-size:10px;
}
.comentarea{
	padding:0 0 20px 0;
}
.comentarea ul.didyoufav{
	float:right;
	padding:10px 0 0;
}
.comentarea ul.didyoufav li{
	float:left;
}
.comentarea ul.didyoufav li.fav01{
	margin:10px 10px 0 0;
	text-indent:-9999px;
	background:url(/img/comic/ttl_fav.jpg) no-repeat 0 0;
	width:213px;
	height:22px;
}
.comentarea ul.didyoufav li.fav02{
	text-indent:-9999px;
}
.comentarea ul.didyoufav li.fav02 a{
	display:block;
	background:url(/img/comic/btn_fav.jpg) no-repeat 0 0;
	width:131px;
	height:37px;
}







/* 右カラ・Eタイト・E┘・・
---------------------------------*/
#comic_rental div#titleArea {
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom:1px solid #DCDCDC;
	}

#comic_rental div#titleArea h2 {
	float: left;
	padding-left: 15px;
	background: url(/img/comic/icon_left_bar_red.jpg) no-repeat top left;
	font-size:130%;
	font-weight:bold;
	padding:0 0 6px 10px;
	}

#comic_rental div#titleArea p {
	float: right;
	padding-top: 5px;
	}

#comic_rental div#titleArea p a {
	background: url(/img/comic/bullet_arrow_left.jpg) no-repeat left center;
	padding-left: 15px;
	}

/* 右カラ・Eページネーショ・E
---------------------------------*/
#comic_rental dl.pagenation_top {
	width: 550px;
	margin: 15px 0;
	border-bottom:1px solid #DCDCDC;
	}

#comic_rental dl.pagenation_bottom {
	width: 550px;
	margin: 15px 0;
	border-top:1px solid #DCDCDC;
	}

#comic_rental dl.pagenation_top dt,
#comic_rental dl.pagenation_bottom dt {
	text-align: right;
	padding-top: 7px;
	}

#comic_rental dl.pagenation_top dd,
#comic_rental dl.pagenation_bottom dd {
	padding: 0 0 5px 0;
	}

#comic_rental dl.pagenation_top dd ul,
#comic_rental dl.pagenation_bottom dd ul {
	text-align: right;
	}

#comic_rental dl.pagenation_top dd ul li,
#comic_rental dl.pagenation_bottom dd ul li {
	display: inline;
	}

#comic_rental dl.pagenation_top dd ul li span,
#comic_rental dl.pagenation_bottom dd ul li span {
	font-weight: bold;
	}

/* 右カラ・Eコミック・E好・・E
---------------------------------*/
#comic_rental ul.comicList_4column {
	width: 550px;
	}

#comic_rental ul.comicList_4column li.item {
	float: left;
	width: 135px;
	padding-bottom: 15px;
	margin: 0 0 15px 0;
	background: url(/img/comic/line_comiclist_4col.gif) no-repeat center bottom;
	}

#comic_rental ul.comicList_4column li.item dl dt {
	margin-bottom: 5px;
	text-align:center;
	}

#comic_rental ul.comicList_4column li.item dl dt img {
	padding: 0 2px 2px 0;
	background: url(/img/comic/bg_shadow.gif) no-repeat right bottom;
	}

#comic_rental ul.comicList_4column li.item dl dd {
	padding: 0 5px;
	}

#comic_rental ul.comicList_4column li.item dl dd.author {
	font-size: 10px;
	padding-top: 5px;
	}

#comic_rental ul.comicList_4column li.item dl dd.price span {
	font-weight: bold;
	color: #990000;
	}

#comic_rental ul.comicList_4column li.item dl dd.btn {
	text-align: center;
	}

/* 右カラ・E・E鵐渥
---------------------------------*/
#comic_rental p.comictop {
	margin: 5px 0;
	text-align:right;
	}

#comic_rental p.comictop a {
	padding-left: 15px;
	background: url(/img/comic/bullet_arrow_left.jpg) no-repeat center left;
	}

#comic_rental p.pagetop {
	margin: 5px 0 15px 0;
	text-align:right;
	}

/*フッター
----------------------------*/
#comic-footarea{
	margin:8px 10px 0;
	padding:11px 0 0 0;
	border-top:1px solid #bebebe;
	}

#comic-footarea1{
	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;
	}
/*--------------clearfix--------------*/
.comic_rental_clearfix:after,
#comic_rental div#titleArea:after,
#comic_rental ul.comicList_4column:after,
#comic_rental ul.special_section:after,
#comic_rental ul.special_section li dl:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.comic_rental_clearfix,
#comic_rental div#titleArea,
#comic_rental ul.comicList_4column,
#comic_rental ul.special_section,
#comic_rental ul.special_section li dl {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

.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--------------*/


/* ---------------------------------------------------------
右カラム　ふきだし
-----------------------------------------------------------*/
div#hoverContentswrap {
	position: relative;
	}

div#hoverContentswrap div.hoverContents_r,
div#hoverContentswrap div.hoverContents_l {
	visibility: hidden;
	width: 455px;
	height: 412px;
	z-index: 100;
	}

div#hoverContentswrap div.hoverContents_r {
	background: url(/img/comic/comic_list_bgr.gif) no-repeat top left;
	}

div#hoverContentswrap div.hoverContents_l {
	background: url(/img/comic/comic_list_bgl.gif) no-repeat top left;
	}

div#hoverContentswrap div.hoverContents_r h4 {
	padding: 8px 0 6px 35px;
	color: #FFFFFF;
	}

div#hoverContentswrap div.hoverContents_l h4 {
	padding: 8px 35px 6px 10px;
	color: #FFFFFF;
	}

div#hoverContentswrap div.hoverContents_r ul {
	padding: 10px 10px 0 35px;
	}

div#hoverContentswrap div.hoverContents_l ul {
	padding: 10px 30px 0 15px;
	}

div#hoverContentswrap div.hoverContents_r ul:after,
div#hoverContentswrap div.hoverContents_l ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

div#hoverContentswrap div.hoverContents_r ul,
div#hoverContentswrap div.hoverContents_l ul {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#hoverContentswrap div.hoverContents_r ul li,
div#hoverContentswrap div.hoverContents_l ul li {
	float: left;
	width: 25%;
	height: 120px;
	font-size: 10px;
	}

div#hoverContentswrap div.hoverContents_r ul.bl_column5 li,
div#hoverContentswrap div.hoverContents_l ul.bl_column5 li {
	width: 20%;
	}

div#hoverContentswrap div.hoverContents_r ul li dl dt,
div#hoverContentswrap div.hoverContents_l ul li dl dt {
	text-align: center;
	}

div#hoverContentswrap div.hoverContents_r ul li dl dt img,
div#hoverContentswrap div.hoverContents_l ul li dl dt img {
	padding: 0 2px 2px 0;
	background: url(/img/comic/bg_shadow.gif) no-repeat right bottom;
	}

div#hoverContentswrap div.hoverContents_r ul li dl dd,
div#hoverContentswrap div.hoverContents_l ul li dl dd {
	padding: 0 3px;
	}

/* 個別で・E・瀋・*/
div#draemon01 {
	position: absolute;
	top: 1990px;
	left: -160px;
	}

div#draemon02 {
	position: absolute;
	top: 1990px;
	left: -25px;
	}

div#yamadayugi {
	position: absolute;
	top: -110px;
	left: 100px;
	}

div#imaichiko {
	position: absolute;
	top: -110px;
	left: 235px;
	}

div#kitazato {
	position: absolute;
	top: -110px;
	left: -160px;
	}

div#hiiro {
	position: absolute;
	top: -110px;
	left: -25px;
	}

div#fujisaki {
	position: absolute;
	top: 140px;
	left: 235px;
	}

div#kanzaki {
	position: absolute;
	top: 140px;
	left: -160px;
	}

/* ---------------------------------------------------------
右カラム　TOP
-----------------------------------------------------------*/
/* 右カラムTOP用 バナー */
div#comic_index ul.bn_index {
	margin-bottom: 5px;
	}

/* 右カラムTOP用 4列・E好・*/
div#comic_index div.comic_boxindex {
	width: 587px;
	margin-bottom: 5px;
	background: url(/img/comic/comic_boxindex_body.jpg) repeat-y top left;
	}

div#comic_index div.comic_boxindex div.titleArea {
	position: relative;
	}

div#comic_index div.comic_boxindex div.titleArea p {
	position: absolute;
	left: 492px;
	top: 5px;
	}

div#comic_index div.comic_boxindex ul.comicList {
	width: 553px;
	padding: 0 17px 10px 17px;
	}

div#comic_index div.comic_boxindex ul.bg_bottom {
	padding-bottom: 20px;
	background: url(/img/comic/comic_boxindex_foot.jpg) no-repeat bottom left;
	}

div#comic_index div.comic_boxindex ul.comicList li {
	float: left;
	width: 25%;
	padding-bottom: 5px;
	background: url(/img/comic/line_dot_dc_table.jpg) no-repeat center bottom;
	}

div#comic_index div.comic_boxindex ul.comicList li dl dt,
div#comic_index div.comic_boxindex ul.comicList li dl dd.btn_rental {
	text-align: center;
	margin-bottom: 5px;
	}

div#comic_index div.comic_boxindex ul.comicList li dl dt {
	padding-top: 10px;
	}

div#comic_index div.comic_boxindex ul.comicList li dl dt img {
	padding: 0 2px 2px 0;
	background: url(/img/comic/bg_shadow.gif) no-repeat right bottom;
	}

div#comic_index div.comic_boxindex ul.comicList li dl dd {
	padding: 0 10px;
	}

div#comic_index div.comic_boxindex ul.comicList li dl dd span,
div#comic_index div.comic_boxindex ul.comicList li dl dd.btn_new {
	color: #FF0000;
	}

div#comic_index div.comic_boxindex ul.comicList li dl dd.author {
	padding-bottom: 5px;
	font-size: 10px;
	}

div#comic_index div.comic_boxindex ul.comicList li dl dd.price span {
	font-weight: bold;
	color: #990000;
	}

div#comic_index div.comic_boxindex p.comic_boxindex_all {
	width: 533px;
	padding: 0 27px 15px 27px;
	background: url(/img/comic/comic_boxindex_foot.jpg) no-repeat bottom left;
	text-align: right;
	}

div#comic_index div.comic_boxindex p.comic_boxindex_all a {
	background: url(/img/comic/bullet_arrow.jpg) no-repeat left center;
	padding-left: 15px;
	}

#comic_rental div#comic_index p.pagetop {
	width: 582px;
	margin: 15px 5px 15px 0;
	text-align:right;
	}

/* ふきだし 個別で・E・瀋・*/
#comic_rental div#comic_index div#yamadayugi {
	position: absolute;
	top: -100px;
	left: 125px;
	}

#comic_rental div#comic_index div#fujisaki {
	position: absolute;
	top: -100px;
	left: -135px;
	}

#comic_rental div#comic_index div#kitazato {
	position: absolute;
	top: -100px;
	left: 5px;
	}



/* 右カラムTOP部分 clearfix */
div#comic_index div.comic_boxindex ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

div#comic_index div.comic_boxindex ul {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* コミック･・鵐織・・・惻ｨ */
div#comic_index p.ship_banner {
	margin: 20px 0 50px;
	}

#comic_rental_dis .div-comic2  .mdl-list2 p.mdl-ttl_bar{
	float:left;
	padding:0 0 3px 10px;
	background:url(/img/comic/ttl_bar2.jpg) no-repeat 0 0;
	font-size:12px;
	font-weight: bold;
}

#comic_rental_dis .div-comic2  .mdl-list2 p.mdl-ttl_bar2{
	float:right;
	padding:0 0 3px 10px;
	font-size:10px;
	cursor: hand

}

#comic_rental_dis .div-comic2  .mdl-list2 p.mdl-ttl_bar p.FloatEnd{
	clear:both;
}