@charset "utf-8";

/* --------ヘッダー、フッター、テキスト、レイアウトの指定（h1要素以前の部分）-------*/

/* --------基本設定-------(IE用のセンター寄せ→text-align: center;あり) */

body {
	text-align: center;
	color: #343434;
	padding: 0px;
	margin: 0px;
	background: #E5E5E5 url(/img/common/bodyBg.jpg) repeat-y top center;
	font: 100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,fieldset,pre,blockquote {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
img {
	border: 0;
}
.txtSmall {
	font-size: 84.5%;
}
.clear {
	clear: both;
}
td,th {
	vertical-align: top;
}
address {
	font-style: normal;
}
select,input,textarea {
	font: 100% 'ＭＳ Ｐゴシック';
}
label {
	cursor: pointer;
}

/* --------外枠部分指定-------- */
#container {
	margin: 0px auto;
	width: 920px;
	text-align: left;
	font-size: 78.58%;
}
/* -- mac gecko adjust ---- */
.mac.gecko #container {
	font-size: 92%;
}

/* for safari \*/
html*#container {
	[font-size: 78.58%;
	font-size: 78%; 
	]font-size: 78.58%;
}/**/
* html #container {
	font-size: 78.58%;
}

/* --------ヘッダーエリア-------- */
#headerArea {
	width: 920px;
	height: 96px;
	background: url(/img/common/headerBg.jpg) no-repeat top left;
}

#headerArea #logo {
	width: 107px;
	position: absolute;
	padding: 18px 0px 0px 30px;
}

#headerArea ul li img {
	display: block;
}

/* --------ヘッダーエリア(右側)-------- */
#headerSideArea {
	margin-left: 230px;
    width: 660px;
    height: 96px;
    position: absolute;
}

/* --------ヘッダーナビエリア-------- */
#headerNaviArea {
	padding-top: 12px;
	position: absolute;
	z-index: 1;
}

#headerNaviArea li {
	list-style: none;
	float: left;
	padding-right: 26px;
}

/* --------ヘッダーエリア(右側)：検索-------- */
#headerSearchArea {
	 position: absolute;
    left: 369px;
    margin-top: 8px;
}

#headerSearchArea form {
	display: inline;
}

#headerSearchArea select {
	float: left;
	width: 53px;
	margin-right: 2px;
	font-size: 12px;
	_margin-top: 2px;
}
#headerSearchArea .english-link {
	/*display: inline-block;*/
	padding-top: 5px;
	float: right;
}

/* IE系上書き指定 */
*+html body #headerSearchArea select {
	margin-top: 2px;
}

* html body #headerSearchArea select {
	margin-top: 2px;
}

#headerSearchArea .searchTxt {
	float: left;
	width: 128px;
	_width: 132px;
	height: 15px;
	_height: 20px;
}

#headerSearchArea p {
	float: left;
	width: 45px;
}

#headerSearchArea .adjust {
	margin: 0px 5px 0px 2px;
}

/* Mac IE 5 \*//*/
#headerSearchArea .adjust {
	margin: 0px 4px 0px 2px;
}
/* Mac IE 5 */


/* --------グローバルナビエリア-------- */
#globalNaviArea {
	width: 570px;
    height: 41px;
    position: absolute;
    margin-top: 55px;
    margin-left: 90px;
}

#globalNaviArea li {
	list-style: none;
	float: left;
}

#globalNaviArea li #gNavi_magazine {
	width: 96px;
}
#globalNaviArea li #gNavi_shoseki {
	width: 95px;
}
#globalNaviArea li #gNavi_bunko {
	width: 95px;
}
#globalNaviArea li #gNavi_shinsho {
	width: 95px;
}
#globalNaviArea li #gNavi_comic_mook {
	width: 95px;
}
#globalNaviArea li #gNavi_denshishoseki {
	width: 94px;
}

/* --------コンテンツエリア-------- */
#contentsArea {
	width: 860px;
	margin: 0px 30px 0px 30px;
}

#contentsArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Mac IE 5 \*//*/
#contentsArea {
	width: 860px;
	padding: 0px 30px 0px 30px;
	margin: 0;
	background-color: #FFFFFF;
	overflow: auto;
}
/* Mac IE 5 */


/* --------トピックパス-------- */
#contentsArea #topicpath {
	color: #666666;
	font-size: 84.5%;
	margin: 8px 0px 8px 0px;
}

/* --------メインエリア-------- */
#mainArea {
	width: 620px;
	float: left;
	line-height: 1.4;
}

/* --------メインエリア スタンダードなh1指定-------- */

#mainArea h1 {
	padding-bottom: 15px;
}

/* --------メインエリア スタンダードなh2指定-------- */
#mainArea h2 {
	background: url(/img/common/h2_bg.gif) no-repeat bottom left;
	font-size: 125%;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 12px;
	_margin-top: 8px;
}
/* --------メインエリア スタンダードなh3指定-------- */
#mainArea h3 {
	background: url(/img/common/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: #393939;
	height: 25px;
	position: relative;
}

/* --------メインエリア スタンダードなh4指定-------- */
#mainArea h4 {
	color: #393939;
	height: 14px;
	font-weight: bold;
	font-size: 100%;
	border-left: solid #717171 4px;
	padding: 0px 0px 0px 10px;
	margin: 8px 0px 8px 0px;
	line-height: 1.2;
}

/* --------「Page Top」へ-------- */
.pageTop {
	clear: both;
	background: url(/img/common/ico_pageTop.gif) no-repeat top left;
	display: block;
	width: 70px;
	line-height: 1;
	padding-left: 14px;
	margin: 50px 0px 0px 580px;
}

/* --------フォントサイズ中のアローリンク-------- */
.arrow {
	background: url(/img/common/ico_arrow.gif) no-repeat top left;
	padding: 1px 0px 0px 18px;
}

/* --------フォントサイズ中のアローリンク（aタグ用）-------- */
a.arrow {
	background: url(/img/common/ico_arrow.gif) no-repeat top left;
	padding: 3px 0px 0px 18px;
}

/* --------フォントサイズ小のアローリンク-------- */
.arrowS {
	background: url(/img/common/ico_arrowS.gif) no-repeat top left;
	font-size: 84.5%;
	padding: 2px 0px 0px 18px;
}
/* --------ブランクアイコン-------- */
#mainArea .blank a {
	background: url(/img/common/ico_blank.gif) no-repeat center left;
	padding: 1px 0px 0px 17px;
}

#mainArea a.blankAnchor {
	background: url(/img/common/ico_blank.gif) no-repeat center left;
	padding: 1px 0px 0px 17px;
}

/* --------フッターエリア-------- */
#footerArea {
	width: 860px;
	border-top: solid #999999 1px;
	color: #999999;
	clear: both;
	font-size: 84.5%;
	padding: 14px 0px 14px 0px;
	margin: 20px 30px 0px 30px;
}
#footerArea li {
	float: left;
	list-style: none;
	padding-right: 14px;
}
#footerArea li.border {
	border-left: solid #E6E6E6 1px;
	padding-left: 10px;
}
#footerArea span {
	color: #333333;
	padding-right: 7px;
}
#footerArea address {
	text-align: right;
}

/* --------微調整用クラス-------- */
.marBottom5 {
	margin-bottom: 5px;
}
.marBottom10 {
	margin-bottom: 10px;
}
.marBottom15 {
	margin-bottom: 15px;
}
.marBottom20 {
	margin-bottom: 20px;
}
.marBottom30 {
	margin-bottom: 30px;
}
.marTop5 {
	margin-top: 5px;
}
.marTop10 {
	margin-top: 10px;
}
.marTop15 {
	margin-top: 15px;
}
.marTop20 {
	margin-top: 20px;
}
.padBottom10 {
	padding-bottom: 10px;
}
.padTop10 {
	padding-top: 10px;
}
.padTop20 {
	padding-top: 20px;
}
.padTop30 {
	padding-top: 30px;
}
/* --------位置調整用クラス-------- */
.aL {
	text-align: left;
}
.aR {
	text-align: right;
}
.aC {
	text-align: center;
}
/* --------リンクカラー(青パタン)※ベース-------- */
a:link {
	color: #275273;
	text-decoration: none;
}
a:visited {
	color: #275273;
	text-decoration: none;
}
a:active {
	color: #275273;
	text-decoration: none;
}
a:hover {
	color: #275273;
	text-decoration: underline;
}
/* --------リンクカラー(黒パタン)-------- */
#magazine #detailBox #sideA .othersite a:link,
#mainArea .officialsite a:link,
#footerArea a:link,
#sideArea #navi a:link,
#mainArea #listBox h3.list span a:link,
#ranking #mainArea h2.list span a:link,
#top #contentsArea #sideA .sideBox li a:link {
	color: #444444;
	text-decoration: none;
}
#magazine #detailBox #sideA .othersite a:visited,
#mainArea .officialsite a:visited,
#footerArea a:visited,
#sideArea #navi a:visited,
#mainArea #listBox h3.list span a:visited,
#ranking #mainArea h2.list span a:visited,
#top #contentsArea #sideA .sideBox li a:visited {
	color: #444444;
	text-decoration: none;
}
#magazine #detailBox #sideA .othersite a:active,
#mainArea .officialsite a:active,
#footerArea a:active,
#sideArea #navi a:active,
#mainArea #listBox h3.list span a:active,
#ranking #mainArea h2.list span a:active,
#top #contentsArea #sideA .sideBox li a:active {
	color: #444444;
	text-decoration: none;
}
#magazine #detailBox #sideA .othersite a:hover,
#mainArea .officialsite a:hover,
#footerArea a:hover,
#sideArea #navi a:hover,
#mainArea #listBox h3.list span a:hover,
#ranking #mainArea h2.list span a:hover,
#top #contentsArea #sideA .sideBox li a:hover {
	color: #999999;
	text-decoration: none;
}

/* --------リンクカラー(黒パタン)※雑誌のジャンル部分のみ-------- */
#magazine .magazineGenre li a:link {
	color: #444;
	text-decoration: none;
}
#magazine .magazineGenre li a:visited {
	color: #444;
	text-decoration: none;
}
#magazine .magazineGenre li a:active {
	color: #444;
	text-decoration: none;
}
#magazine .magazineGenre li a:hover {
	color: #444;
	text-decoration: underline;
}

/* --------リンクカラー(赤パタン)※雑誌の公式サイト部分のみ-------- */
#magazine #sideArea .officialsite li a:link {
	color: #B34752;
	text-decoration: none;
}
#magazine #sideArea .officialsite li a:visited {
	color: #B34752;
	text-decoration: none;
}
#magazine #sideArea .officialsite li a:active {
	color: #B34752;
	text-decoration: none;
}
#magazine #sideArea .officialsite li a:hover {
	color: #B34752;
	text-decoration: underline;
}

/* --------h3 内のタイトルリンク-------- */
h3.list a:link,
#ranking #mainArea h2.list a:link {
	color: #333333;
	text-decoration: none;
}
h3.list a:visited,
#ranking #mainArea h2.list a:visited {
	color: #333333;
	text-decoration: none;
}
h3.list a:active,
#ranking #mainArea h2.list a:active {
	color: #333333;
	text-decoration: none;
}
h3.list a:hover,
#ranking #mainArea h2.list a:hover {
	color: #333333;
	text-decoration: none;
}




/* --------エラー画面-------- */
#contentsAreaError {
	padding: 170px 0px;
	margin-bottom:15px;
	margin-top: -3px;
	background: #F2F2F2;
	text-align: center;
	line-height: 1.4;
}

#contentsAreaError .errorTxt {
	padding: 10px;
	margin: 0px auto;
	width: 530px;
	background: #E5E5E5;
	text-align: left;
}

#contentsAreaError .errorTxt p {
	margin-bottom: 5px;
}

/* --------FLASH PLAYERがない場合-------- */
#flashcontent {
	padding: 0px;
	height: 468px;
	background: #F2F2F2;
	text-align: center;
	line-height: 1.4;
}

#flashcontentIn {
	padding: 170px 0px 0px 0px;
}

#flashcontent .errorTxt {
	padding: 10px;
	margin: 0px auto;
	width: 530px;
	background: #E5E5E5;
	text-align: left;
}

#flashcontent #adobeBnr {
	margin-bottom: 5px;
}

/* --------ABJマーク-------- */
.abjBox {
	font-size: 0.6rem;
	/*color: #ffffff;*/
	margin-bottom: 0.6rem;
}

.abjBox img {
	max-width: 50%;
	display: block;
	margin: auto;
}