﻿@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background:#000;
	font-size:90%;
	margin:20px;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height:170%;
}

em {
	font-style:normal;
}

img {
	border:none;
}
a:link {
	color:#3154DF;
}
a:visited {
	color:#5984E8;
}
a:hover {
	color:#F30;
}

/* アフェリエイト */

.single-adsense {
	padding:5px;
	margin:5px auto;
	text-align:center;
}

.comment-af {
	margin:10px 0;
}

/* スタイル */
.update {
	font-weight:bold;
	font-family:Arial;
	color:#f00;
}
.bold {
	font-weight:bold;
}

.more {
	text-align:right;
	margin-bottom:30px;
}
.pagetop {
	margin:10px;
	clear:both;
	text-align:right;
}
.pagetop a {
	background:url(images/arrow_pagetop.gif) no-repeat left center;
	padding-left:16px;
}
.pagetop a:hover {
	background:url(images/arrow_pagetop_hover.gif) no-repeat left center;
	padding-left:16px;
}

.small {
	font-size:11px;
}

a.arrow {
	background:url(images/arrow.gif) no-repeat left center;
	padding-left:16px;
	display:inline;
}
a:hover.arrow {
	background:url(images/arrow_hover.gif) no-repeat left center;
}

.today {
	font-weight:bold;
	color:#f00;
	font-size:90%;
}
.coming {
	font-weight:bold;
	color:#390;
	font-size:90%;
}

.checked {
	font-weight:bold;
	color:#999;
	font-size:90%;
}

/* 大枠 */

#wrapper {
	width:960px;
	margin:0 auto;
}

/* ヘッダー */
#header {
	color:#999;
	font-size:90%;
	position:relative;
	margin-bottom:5px;
}
#header h1{
	position:absolute;
	left:30px;
	top:-40px;
	font-size:11px;
	font-weight:normal;
}
#header #logo{
	margin-left:50px;
}
#header p#about {
	position:absolute;
	left:350px;
	top:25px;
	width:280px;
}
#header #search {
	position:absolute;
	left:650px;
	top:20px;
	background:#fff;
	padding:10px;
}
#header #search .input {
	background:#ddd;
	width:150px;
	font-size:14px;
	border:none;
	padding:3px;
	margin-right:10px;
}
#header #search .btn {
	background:url(images/btn_bg.png) repeat-x;
	height:22px;
	border:none;
	color:#fff;
	font-weight:bold;
	font-size:110%;
	cursor:pointer;
	width:60px;
	text-align:center;
}

/* MENU */
#menu ul  {
	display:block;
	list-style:none;
	padding-bottom:15px;
	background:url(images/bg_head.png) no-repeat center bottom;
	padding-left:30px;
	font-size: 14px;
}
#menu ul li {
	display:block;
	float:left;
	position: relative;
}
#menu ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	width:100px;
	height:29px;
	float:left;
	text-align:center;
	background:url(images/menu_bg.png) no-repeat center 2px;
	padding-top:10px;
	margin: 0 3px;
	_margin: 0 2px 0 1px;
	font-weight:bold;
	zoom:1;
}
#menu ul li a#active{
	background:url(images/menu_active.png) no-repeat center 2px;
}
#menu ul li a:hover{
	text-decoration:underline;
	background:url(images/menu_bg.png) no-repeat center top;
	color:#F63;
	padding-top:8px;
	height:31px;
	position: relative;
	z-index: 100;
}
#menu ul li a:hover#active{
	background:url(images/menu_active.png) no-repeat center top;
}


#menu ul li.menu-af a {
	background:none;
	font-size:12px;
	padding-top:5px;
	font-weight:normal;
	line-height:normal;
	width:150px;
	text-decoration:underline;
	padding-left:0px;
}
#menu ul li.menu-af a:hover {
	background:none;
	padding-top:5px;
}



#menu ul li table {
	border-collapse: collapse;
	border: none;
	font-size: 13px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
	
#menu ul li ul {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 38px;
	left:2px;
	height: 0;
	z-index: 100;
	padding:0px;
	background:#333;
	margin:0;
}
#menu ul li ul li {
	margin-bottom: 0;
}
#menu ul li ul li a {
	display:block;
	width:80px;
	text-align:left;
	background:#333;
	padding:5px 10px;
	margin: 0;
	height:auto;
	border-bottom:dotted 1px #666;
	border-color:#666666;
	font-size: 13px;
	zoom:1;

}
#menu ul li ul li a:hover {
	margin: 0;
	background:#444;
	padding:5px 10px;
	height:auto;
}
#menu ul li:hover ul ,
#menu ul li a:hover ul {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
}



/* フッター */
#footer {
	background:url(images/bg_foot.png) no-repeat center top;
	padding-top:30px;
	color:#666;
}
#footer ul {
	display:block;
}
#footer ul li{
	display:block;
	float:left;
}
#footer ul li a {
	display:block;
	color:#fff;
	border-right:solid 1px #666;
	padding:0px 10px;
	float:left;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer address {
	font-style:normal;
	margin:10px;
}
#footer address a {
	color:#666666;
	text-decoration:none;
}
#footer ul.seo-link {
	margin:10px 0;
	font-size:70%;
	line-height:1;
}
#footer ul.seo-link li a {
	color:#333;
	text-decoration:none;
}
#footer ul.seo-link li a:hover {
	text-decoration:underline;
}


/* メイン ****************************/

#main {
	background:url(images/bg_main.png) repeat-y;
	padding:10px 30px;
}

/* 見出し */
#main h2 
{
	background:#000;
	color:#fff;
	font-size:100%;
	padding: 5px 10px 5px 35px;
	font-size:110%;
	background-repeat:no-repeat;
	background-position:5px center;
}
#main .sub h2 {
	margin-bottom:5px;
}
#main h2.list {
	background-image:url(images/hicon_list.png) ;
}
#main h2.goods {
	background-image:url(images/hicon_amazon.png) ;
}
#main h2.media {
	background-image:url(images/hicon_media.png) ;
}
#main h2.news {
	margin-top:0px;
	background-image:url(images/hicon_news.png) ;
}
#main h2.comment {
	background-image:url(images/hicon_comment.png) ;
}
#main h2.voice {
	background-image:url(images/hicon_voice.png) ;
}
#main h2.vote {
	background-image:url(images/hicon_vote.png) ;
}
#main h2.rss {
	background-image:url(images/hicon_rss.png) ;
}

#main h2 a {
	color:#fff;
	display:block;
}
#main h2 a:hover {
	color:#F63;
}
#main .sub h2 {
	padding: 5px 10px;
	margin: 0 -7px;
}



/* 見出し3 */
#main h3 {
	font-size:100%;
	margin-bottom:0.5em;
	background:#eee;
	padding:3px 5px;
	border-left:solid 5px #999;
}

#main h3 .comment-num {
	font-weight:normal;
}
#main h3 .h3-date {
	font-size:90%;
}

/* パンくず */
#main .pankuzu {
	font-size:80%;
	margin:0px 10px 10px 10px;
}

/* 記事時間 */
#main #contents.sub .single-date {
	font-size:90%;
	text-align:right;
	margin-bottom:10px;
}

/* ページング */
#main #contents.sub .navigation {
	margin: 10px 0;
	font-size:90%;
}
#main #contents.sub .navigation .older {
	float:left;
	width:50%;
	text-align:left;
}
#main #contents.sub .navigation .newer {
	float:right;
	width:50%;
	text-align:right;
}

/* カテゴリごとのリード文 */
.cat-lead {
	margin:0 10px;
}

/* 記事 */
#main #contents.sub .post {
	border:solid 1px #000;
	padding:20px;
}
/* 記事 引用 */
#main #contents.sub .post blockquote {
	border-left:solid 5px #ccc;
	padding-left:10px;
	font-size:90%;
	margin-bottom:20px;
	color:#666;
}
/* 段落 */
#main #contents.sub p {
	margin-bottom:1.3em;
}

/* リスト */
#main #contents.sub ul,
#main #contents.sub ol {
	margin-left:30px;
}
#main #contents.sub li {
	margin:0.5em 0;
}


/* サイドバー */
#sidebar {
	float:left;
	width:280px;
	line-height:1.3;
}
#sidebar .box {
	border:solid 1px #000;
	padding:5px;
	font-size:90%;
	margin-bottom:15px;
}

#sidebar .box p {
	margin:10px;
}

#sidebar .box h2 a {
	color:#fff;
}
#sidebar .box h2 a:hover {
	color:#F63;
}
#sidebar .box iframe {
	margin:5px;
}

#sidebar .box dt {
	font-weight:bold;
	padding: 5px 5px 0 5px;
}
#sidebar .box dd {
	border-bottom: dotted 1px #ccc;
	padding: 0 5px 5px 5px;
}
#sidebar .box dd a {
	display:block;
}

/* サイドバー最新コメント */
#sidebar .box li.recentcomments {
	padding: 5px 5px 5px 5px;
	border-bottom:dotted 1px #ccc;
	list-style:none;
}

/* サイドバー　バナー */
#sidebar .box .side-af-banner {
	margin:10px;
	text-align:center;
}
#sidebar .box .side-af-banner p {
	margin:0;
	font-size:80%;
}

/* サイドバーVOTE */
#sidebar .box h2.vote {

}
#sidebar #vote.box ul {
	list-style:none;
	margin:10px;
}
#sidebar #vote.box .democracy {
	margin:10px;
}
#sidebar #vote.box .dem-graph {
}
#sidebar #vote.box li {
	clear:left;
}

/* サイドバーRSS */

#sidebar #rss.box a {
	background:url(images/feed.png) no-repeat left center;
	padding-left:20px;
}



/* コンテンツ */
#contents {
	float:right;
	width:600px;
}


/* TOP style */

/* TOP 定義リスト*/
#contents.top dl {
	display:block;
	margin: 5px 5px
}
#contents.top dt {
	clear:both;
	float:left;
	padding:5px;
}
#contents.top dd {

}
#contents.top dd a {
	display:block;
	border-bottom:dotted 1px #999;
	padding:5px;
	text-decoration:none;
	zoom:1;
}
#contents.top dd a:hover {
	background:#eee;
}

#contents.top .comment-num {
	color:#000;
}

#contents.top .comment-num .num {
	font-weight:bold;
}


/* TOP作品リスト */
#contents.top ul.list {
	display:block;
	list-style:none;
	margin: 5px 5px
}
#contents.top ul.list li {
	display:block;
}
#contents.top ul.list li a {
	display:block;
	border-bottom:dotted 1px #999;
	padding:5px 5px 5px 27px;
	text-decoration:none;
	zoom:1;
	background:url(images/book-open-text.png) no-repeat 5px center;
}
#contents.top ul.list li a:hover {
	background-color:#eee ;
	text-decoration:underline;
}


/* TOPシリーズリスト */
#contents.top ul.slist {
	display:block;
	list-style:none;
	margin: 5px 5px
}
#contents.top ul.slist li {
	display:block;
}
#contents.top ul.slist li a {
	display:block;
	border-bottom:dotted 1px #999;
	padding:5px 5px 5px 27px;
	text-decoration:none;
	zoom:1;
	background:url(images/folder-horizontal.png) no-repeat 5px center;
}
#contents.top ul.slist li a:hover {
	background:#eee url(images/blue-folder-horizontal.png) no-repeat 5px center;
	text-decoration:underline;
}


/* TOP最新コメント */
#contents.top div.comment ul li {
	display:block;
	border-bottom:dotted 1px #999;
	padding:5px 5px 5px 5px;
	margin:0px;
}

/* 放送情報 */
#contents.sub .media-arcive {
	padding:15px 0px;
}
#contents.sub .media-arcive .content {
	padding:0 10px;
	margin-bottom:30px;
}

#contents.sub .media-arcive table {
	border:none;
	border-collapse: collapse;
}
#contents.sub .media-arcive td,
#contents.sub .media-arcive th {
	vertical-align:top;
	border:none;
	line-height:1.3;
}
/* 見出し3 */
#contents.sub .media-arcive h3 {
	margin-bottom:0.2em;
}


/* コメント *******************/

#main #contents.sub .commentlist {
	list-style:none;
	background:#F4F8FF;
	margin: 0 0 20px 0;
	padding:10px;
}
.commentlist li {
	padding:5px 5px 5px 30px;
	border-bottom:dotted 1px #999;
	background:url(images/balloon.png) no-repeat left 5px;
}

.commentlist li .date {
	font-size:90%;
	color:#666;
}

#commentform {
	margin:10px;
}
#commentform .txt-input,
#commentform textarea {
	font-size:14px;
	padding:3px;
	border:solid 1px #ccc;
	margin:2px;
	background:#eee;
}
#commentform .txt-input {
	width:200px;
}
#commentform textarea {
	width:550px;
	line-height:1.5;
	height:300px;
}

#commentform #submit {
	background:url(images/btn_bg.png) repeat-x;
	height:22px;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin: 3px 0 0 10px;
}

#commentform p.comment-attention {
	margin:10px;
	color:#FF6600;
	font-size:85%;
	margin-bottom:0.5em !important;
	line-height;1.3 !important;
}

/* 登場人物 */
.chara-archive {
}
.chara-archive .content {
	margin-bottom:20px;
}
.chara-archive .content img {
	float:left;
	margin:15px 15px 15px 15px;
}
.chara-archive .content h3 {
	clear:left;
	margin-top:0px;
}

/* ファン相互リンク */
.fanlink-archive dt {
	font-weight:bold;
	padding: 0 10px;
}
.fanlink-archive dd {
	margin-bottom:10px;
	padding:0px 20px 10px 20px;
	border-bottom:dotted 1px #ccc;
}

#main #contents.sub .news-archive .content {
	margin:0px 15px 25px 15px;
}
#main #contents.sub .news-archive p {
	margin:0;
	display:inline;
}

/* 作品リストアーカイブ */
.list-archive .content {
	margin:0px 10px 20px 10px;
}

#main #contents.sub .season-list {
	background:#eee;
	border:solid 1px #ccc;
	padding:10px;
	margin: 0 20px;
}
#main #contents.sub .season-list ul {
	list-style:none;
	padding:0;
	margin:0;
}
#main #contents.sub .season-list ul li {
	padding:0;
	margin:0;
}
#main #contents.sub .season-list ul li a {
	display:block;
	border-bottom:dotted 1px #ccc;
	text-decoration:none;
	padding: 2px 5px 2px 27px;
	margin:0;
	background:url(images/folder-horizontal.png) no-repeat 5px center;
}
#main #contents.sub .season-list ul li a:hover {
	background:#ddd url(images/blue-folder-horizontal.png) no-repeat 5px center;
	text-decoration:underline;
}

/* 関連ページ */

#main #contents.sub .related-posts {
	padding:10px;
	margin-bottom:10px;
}
#main #contents.sub .related-posts h3 {
	background:url(images/link.png) no-repeat 5px center;
	padding:3px 0 3px 32px;
	border:none;
	border-bottom:dotted 1px #999;
}
#main #contents.sub .related-posts ul {
	margin:0;
	padding:0 0 0 10px;
}
#main #contents.sub .related-posts ul li {
	list-style:none;
	margin:0;
	padding:0;
}
#main #contents.sub .related-posts ul li a {
	padding-left:18px;
	background:url(images/arrow.png) no-repeat left center;
}

/* タグ */
#main #contents.sub #tag {
	padding:10px;
	margin-bottom:10px;
}
#main #contents.sub #tag h3 {
	background:url(images/user.png) no-repeat 5px center;
	padding:3px 0 3px 32px;
	border:none;
	border-bottom:dotted 1px #999;
}
#main #contents.sub #tag p {
	padding:0 0 0 10px;
}
#main #contents.sub #tag p a {
	padding:3px 0 3px 18px;
	background:url(images/user_w.png) no-repeat left center;
}

.new-comment-btn {

}

.new-comment-btn a {
	margin-bottom:10px;
	background:url(images/btn_comment.png) no-repeat left top;
	padding:10px 10px 10px 45px;
	height:55px;
	width:235px;
	text-decoration:none;
	display:block;
}
.new-comment-btn a .title {
	font-size:13px;
	font-weight:bold;
}

.new-comment-btn a .num {
	color:#666;
	font-size:12px;
}

.new-comment-btn a:hover {
	background-image:url(images/btn_comment_on.png);
}



/*  */
.media-archive  .content {
	margin:0px 10px 20px 10px;
}
.media-archive  .content td {
	vertical-align:top;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.clearfix {
min-height:1px;　/* IE 7対策 */
}
.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix { display:inline-table; }

/* Mac IE には適用させない \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
