/*
	custom.css  カスタマイズ用スタイルシート
	------------------------------------------------------

	このスタイルシートは将来的なリリースや更新等に対応した
	仕様となっているため、スタイルシートをご自身で変更され
	ても更新のたびに修正していただく必要はありません。

	ガイドライン:

	方法はとっても簡単。
	header.phpファイル内にある<body>タグは"custom"という名
	称のCSSクラスで定義されています。この"custom"を使って、
	既存のオリジナルのスタイルシートを上書きする要領です。

	具体的には、変更したいエレメント用のCSSを(style.cssより)
	コピーしてからペーストし、.customを先頭に追加してCSS指定
	をするだけで、必要に応じたCSSの変更が可能となっています。

	例えば、未訪問リンクの初期設定色を青から赤(#C00)に変更し、
	下線を取る場合は以下のように記述します。

	.custom a { color: #c00; text-decoration: none; }

	是非お試しください。

*/

h2.topics, h3.topics {
	font-size: 16px !important;
	margin-bottom: 12px !important;
	color: #333 !important;
}

/* ランキング
--------------------------------------*/
h3.titleRanking {
	font-size: 42px !important;
	font-weight: normal;
	color: #999 !important;
	padding: 0px 0px 0px 0px !important;
	margin: 20px 0px 20px 0px !important;
}
div.areaRanking {
	clear: both;
	border-top: dashed 1px #666;
	border-bottom: dashed 1px #666;
	margin: 30px 0px 30px 0px;
	padding: 5px 0px;
}



.basicTbl {
	border-collapse: collapse;
}
.basicTbl th {
	border: solid 1px #999999;
	background-color: #d7ede6;
	padding: 3px;
}
.basicTbl td {
	border: solid 1px #999999;
	padding: 3px;
}

.borderNone {
	border: none !important;
}

.spaceTMargin_2char {
	margin-top: 24px !important;
}
.spaceBMargin_2char {
	margin-bottom: 24px !important;
}
.spaceBMargin_3char {
	margin-bottom: 36px !important;
}

.listBox {
	border-bottom: dotted 1px #999999;
	padding: 0px 0px 10px 0px;
}

.bookmark {
	width: 100%;
	text-align: right;
	margin: 0px 0px 7px 0px;
}

table.tblCreatorList {
	border-collapse: collapse;
	border: 1px solid #333;
}
table.tblCreatorList th {
	width: 10%;
	border: 1px solid #333;
	background-color: #f47a63;
	color: #333;
}
table.tblCreatorList td {
	width: 10%;
	vertical-align: top;
	border: 1px solid #333;
	padding: 2px;
}

.creator-list {
	list-style-type: none !important;
	margin: 2px 0px !important;
	padding: 0px;
}
.creator-list li {
	list-style-image: url('../images/listmark.gif');
	margin: 2px;
	padding: 0px;
}

ul.comicList {
	list-style-type: none !important;
}
ul.comicList li {
	float: left;
	width: 130px;
	height: 300px;
	padding: 0px 10px 10px 0px;
}
ul.comicListText {
	list-style-type: none !important;
	margin: 10px 0px;
	padding: 0px;
}
ul.comicListText li {
	width: 270px;
	text-indent: -75px;
	margin: 0px 0px 5px 75px;
}

div.topInfoArea {
	float: right;
	margin:-30px 0px 15px 15px;
}



.reviewItemImage {
	float: left;
	margin: 0px 15px 15px 0px;
}

.textAlignR {
	text-align: right;
}


.clear {
	clear: both;
}

div#page {
	clear: both;
	text-align: center;
	padding: 10px auto;
	margin: 0px 0px 30px 0px;
}
div#page a {
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 5px 10px;
}
div#page a:hover {
	color: #eee;
	border: 1px solid #ccc;
	background: #333;
}

/*　中毒の成分
----------------------------------------*/
div#areaTags {
	width: 100%;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	padding: 5px 0px;
	margin: 0px 0px 20px 0px;
}

.title_h3 {
	font-size: 14px;
	margin:3px 0px;
}