@charset "shift-jis";

/*
for /comics/index.html
==================================================*/
.comics .lineup {
	padding-left:15px;
	background:url(../../img/common/global_arrow.gif) no-repeat 0 2px;
}
.comics h1 {
	margin-bottom:12px;
}
.comics .monthly {
	margin:12px 0 20px;
}
.comics .monthly h2 {
	margin-bottom:10px;
}
.comics .monthly h3 {
	margin-bottom:5px;
	font-size:120%;
}
.comics .monthly .item {
	width:538px;
	margin:0 0 15px 12px;
}
.comics .monthly .item .item-right {
	float:right;
	width:420px;
}
.comics .monthly .item .item-right p {
	margin-bottom:5px;
}
.comics .monthly .item .photo {
	float:left;
	margin-right:15px;
}
/*
for /comics/book/xxxxx.html
==================================================*/
.book {
	position:relative;/* ie mac bugfix */
}
.book h1 {
	margin-bottom:12px;
}
.book a:link, .book a:visited {
	color:#06c;
	text-decoration:underline;
}
.book a:hover, .book a:active {
	color:#06c;
	text-decoration:none;
}
.book ul.topNotice {
	margin:0 12px 10px;
	padding:8px;
	border:1px solid #999999;
	background:#f0f0f0;
}
.book ul li {
	line-height:130%;
}
.book ul li.small {
	margin-top:2px;
	font-size:85%;
	line-height:120%;
}
.book ul li span {
	color:#ff0000;
}
.book .introduction {
	width:538px;
	margin:0 0 15px 12px;
	padding-bottom:15px;
	background:url(../img/bg_line.gif) repeat-x left bottom;
}
.book .introduction .intro-right {
	float:right;
	width:318px;
}
.book .introduction .intro-left {
	float:left;
	width:208px;
	display:inline;/* ie win bugfix */
	margin-right:12px;
}
.book .introduction .intro-right p.credit {
	font-size:85%;
	margin-bottom:3px;
}
.book .introduction .intro-right h2 {
	font-size:140%;
}
.book .introduction .intro-right p.author {
	font-size:120%;
	margin:8px 0;
}
.book p.isbn {
	font-size:85%;
}
.book .introduction .intro-right .buy {
	margin:3px 0 12px;
}
.book .introduction .intro-right .buy select {
	margin-right:10px;
}
.book .introduction .intro-left .read {
	margin:5px 0 4px;
}
.book .introduction .intro-left p {
	font-size:85%;
	line-height:120%;
}
.book .recommend,
.book .btnArea {
	width:538px;
	margin-left:12px;
}
.book .btnArea {
	margin-top:8px;
}
.book .btnArea ul{
	width:538px;
}
.book .recommend {
	margin-bottom:15px;
}
.book .recommend .extra-wrap,
.book .btnArea li {
	float:left;
	display:inline;/* ie win bugfix */
	margin-right:41px;
	width:152px;
}
.book .btnArea li {
	text-align:center;
}
.book .recommend .last,
.book .btnArea .last {
	margin-right:0;
}
.book .recommend .btn {
	margin-top:8px;
	text-align:center;
}
.book .recommend .btn select {
	margin-bottom:8px;
}
.book .recommend .extra-wrap .extra {
	position:relative;
}
.book .recommend .extra-wrap .extra h3 {
	padding-top:130px;
	font-size:120%;
	line-height:130%;
}
.book .recommend .extra-wrap .extra .r-photo {
	position:absolute;
	left:32px;
	top:0;
}
.book .choiyomi {
	margin-top:10px;
	padding:10px;
	background:#ffe5b2;
}
.book .choiyomi p {
	margin-top:3px;
	font-size:85%;
	line-height:120%;
}
/*
for /comics/past/xxxxx.html
==================================================*/
.past {
	position:relative;/* ie mac bugfix */
}
.past .recommend,
.past .btnArea {
	width:538px;
	margin-left:12px;
}
.past a:link, .past a:visited {
	color:#06c;
	text-decoration:underline;
}
.past a:hover, .past a:active {
	color:#06c;
	text-decoration:none;
}
/*select
------------------------------------*/
.past h2 {
	margin:0 0 20px;
}
.past .select {
	width:538px;
	margin:10px 0 15px 12px;
}
.past .select .s-left {
	float:left;
	width:380px;
}
.past .select .s-left ul {
	width:380px;
}
.past .select .s-left ul li {
	float:left;
	margin-right:15px;
	padding-left:10px;
	background:url(../img/arraw.gif) no-repeat 0 3px;
}
.past .select .s-right {
	float:right;
	width:150px;
	text-align:right;
}
.past .select .s-right ul li {
	display:inline;/* ie win bugfix */
}
.past .select .s-right ul li span {
	font-weight:bold;
	color:#333333;
}
/*lineup
--------------------------------------------*/
.past .lineup {
	width:546px;
	margin-left:16px;
	padding-bottom:15px;
}
.past .btnArea {
	width:546px;
	margin-top:8px;
	margin-bottom:20px;
}
.past .lineup .extra-wrap,
.past .btnArea li {
	float:left;
	display:inline;/* ie win bugfix */
	margin-right:15px;
	width:121px;
}
.past .btnArea li {
	text-align:center;
}
.past .lineup .extra-wrap .extra {
	position:relative;
}
.past .lineup .extra-wrap .extra h3 {
	padding-top:130px;
	font-size:120%;
	line-height:130%;
}
.past .lineup .extra-wrap .extra .r-photo {
	position:absolute;
	left:8px;
	top:0;
}
.past .lineup .extra-wrap .extra .price {
	margin-top:8px;
}
.past .lineup .extra-wrap .extra .btn {
	margin-top:8px;
}