@charset "utf-8";



/* --------雑誌ページ用CSS-------- */



#magazine .magazineGenre {

	background: #BABABA url(/img/shelf/category/magazine/genre_bg.gif) no-repeat top left;

	padding: 8px 15px 5px 15px;

	margin-bottom: 10px;

	height: 18px;

	_height: 31px;

}



/* -----

#magazine ul:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

-------- */



#magazine .magazineGenre li {

	list-style: none;

	background: url(/img/shelf/category/magazine/ico_magazineGenre.gif) no-repeat center left;

	border-right: #C8C7C3 solid 1px;

	float: left;

	font-size: 84.5%;

	padding: 0px 10px 0px 18px;

	margin-right: 10px;

}



/* --------メインエリア（雑誌一覧ページ）-------- */



#magazine h2.list,

#magazine h2.series {

	background: url(/img/shelf/category/magazine/h2_bg.gif) no-repeat bottom left;

	font-size: 125%;

	padding-bottom: 5px;

	font-weight: bold;

	margin-bottom: 12px;

	_margin-top: 8px;

}



#magazine h3.list {

	background: url(/img/shelf/category/magazine/h3_bg.jpg) no-repeat top left;

	font-size: 110%;

	padding-top: 1px;

	padding-bottom: 6px;

	padding-left: 14px;

	font-weight: bold;

	margin-bottom: 8px;

	margin-top: 8px;

	color: #666666;

	height: 25px;

	clear: both;

}



/* --------メインエリア（雑誌詳細ページ）-------- */



#magazine h2.detail {

	background: url(/img/shelf/category/magazine/h2_bg.gif) no-repeat bottom left;

	font-size: 125%;

	padding-bottom: 5px;

	font-weight: bold;

	margin-bottom: 12px;

}



#magazine h2.detail span {

	display: block;

	font-size: 78.58%;

	font-weight: normal;

}



#magazine h2.detail span.sub {

	font-weight: bold;

	font-size: 64.5%;

}



#magazine h3.detail {

	background: url(/img/shelf/category/magazine/h3_bg.jpg) no-repeat top left;

	font-size: 110%;

	padding-top: 1px;

	padding-bottom: 6px;

	padding-left: 14px;

	font-weight: bold;

	margin-bottom: 10px;

	margin-top: 25px;

	color: #666666;

}



/* --------メインエリア（雑誌一覧テーブル）-------- */



#magazine .listTable {

	width: 620px;

	font-size: 100%;

	border: 0;

}



#magazine .listTable td {

	padding: 0px 10px 20px 0px;

	width: 135px;

	font-size: 84.5%;

	line-height: 1.3;

}



#magazine .listTable td span {

	display: block;

	margin-top: 8px;

}



#magazine .listTable td img {

	margin-bottom: 5px;

}



/* --------メインエリア（バックナンバーで使うグレー枠）-------- */



#magazine .bg {

	background: #F2F2F2;

	padding: 10px 10px 10px 10px;

	margin: 10px 0px 10px 0px;

}



/* --------メインエリア（バックナンバーで使うテーブルの上のライン用）-------- */



#magazine .backnumberLine {

	color: #DDDDDD;

	border: 0;

	padding: 0;

	margin: 0px 0px 5px 0px;

	height: 1px;

	background: #DDDDDD;

}



/* --------メインエリア（週刊用バックナンバー表示）-------- */



#magazine #backnumberArea {

	border-top: solid #DDDDDD 1px;

	border-bottom: solid #DDDDDD 1px;

	padding-top: 7px;

	padding-bottom: 7px;

	width: 620px;

	overflow: auto;

}



#magazine #backnumberArea img {

	float: left;

	_margin-left: -2px;

}



#magazine #backnumberArea p {

	float: right;

	width: 480px;

}



#magazine .backnumber dl {

	border-bottom: solid #DDDDDD 1px;

	padding-top: 6px;

	padding-bottom: 6px;

	width: 620px;

}



#magazine .backnumber dl:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

#magazine .backnumber dt {

	float: left;

	width: 220px;

	font-weight: bold;

}



#magazine .backnumber dt .date {

	padding-right: 8px;

	float: left;

	display: block;

	width: 122px;

}



#magazine .backnumber dt .count {

	padding-right: 8px;

	float: left;

	display: block;

	width: 82px;

}



#magazine .backnumber dd {

	float: left;

	width: 400px;

}



/* --------サイドナビリスト(雑誌専用パタン1)-------- */



#sideArea #navi .listTtl_magazine {

	list-style: none;

	background: url(/img/shelf/category/magazine/sNaviBgSquare_magazine.gif) no-repeat center left;

	border-bottom: solid #CCCCCC 1px;

	font-weight: bold;

	line-height: 1.2;

	padding: 10px 0px 10px 20px;

	_padding-top: 12px;

}

/* --------サイドナビリスト(雑誌専用パタン2)-------- */

#sideArea #navi .magazine {

	list-style: none;

	background: url(/img/common/sNaviBgArrow_magazine.gif) no-repeat center left;

	border-bottom: solid #E6E6E6 1px;

	line-height: 1.2;

	padding: 8px 0px 8px 30px;

	_padding-top: 12px;

}



/* -------サイドエリア（フラッシュ部分）-------- */

#magazine #sideArea .flashArea {

	width: 206px;

	_width: 200px;

	background: #BBBBBB;

	padding: 2px;

	margin: 30px 0px 30px 0px;

}



#magazine #sideArea .officialsite li {

	list-style: none;

	background: url(/img/common/ico_blankR.gif) no-repeat center left;

	padding: 1px 0px 1px 18px;

	margin-bottom: 4px;

	font-weight: bold;

}



#magazine #sideArea .officialsiteBg {

	background: url(/img/common/sideBoxofficialsiteBg.jpg) no-repeat bottom left;

}



/* --------サイドA（最新号/次号予告ページ）別サイトへのリンク部分-------- */

#magazine #detailBox #sideA .othersite {

	border-top: solid #CCCCCC 1px;

	padding-top: 8px;

	margin-top: 13px

}



#magazine #detailBox #sideA .othersite li {

	list-style: none;

	background: url(/img/common/ico_blank.gif) no-repeat center left;

	line-height: 1.2;

	padding: 3px 0px 3px 20px;

	_padding-top: 5px;

}