/* CSS Document */
A:link    {color:#0033CC}
A:visited {color:#0033CC}
A:hover
{
	color:#33CCFF;
	text-decoration:underline;
}
A {text-decoration:none;}

img{
	border:0;
}

strong {
	font-weight:normal;
	font-size:small;
}

#top h1{
	float:right;
	padding:30px 10px 5px 0px;
	margin:0;
	font-size:small;
	font-weight:normal;
	color:#999999;
}
#topmenu ul{
	list-style:none;
	padding:3px 2px 2px 2px;
	margin:0;
	font-size:small;
	font-weight:bold;
}
#topmenu ul a{
	color:#FFFFFF;
}
#topmenu li{
	display:inline;
	padding:0px 15px 0px 12px;
	margin:0;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#FFFFFF;;
}
#topmenu li:hover{
	background-color:#0000CC;
}

#left div.menu_caption{
	margin:0px 0px 0px 0px;
	padding:0;
	background:url(../image/caption_back1.gif) repeat-x top left;
}
#left h2.recommend_contents{
	font-size:small;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:3px 5px 1px 25px;
	color:#FFFFFF;
	background:url(../image/caption_mark_1.gif) no-repeat 3% 50%;
}

#left p{
	font-size:small;
	padding:5px 5px 15px 5px;
	margin:0;
	color:#666666;
}
#left p.date{
	font-size:small;
	padding:5px 5px 0px 15px;
	margin:0;
	color:#666666;
}
#left p.ranking{
	margin:20px 0px 0px 20px;
	padding:0;
	font-size:small;
	font-weight:bold;
	color:#FF6600;
}


#left div.menu_caption2{
	margin:0px 0px 0px 0px;
	padding:0;
	background:url(../image/caption_back2.gif) repeat-x top left;
}
#left h2.free_menu{
	font-size:small;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	padding:3px 5px 1px 25px;
	color:#FFFFFF;
	background:url(../image/caption_mark_2.gif) no-repeat 3% 50%;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#B8E1DF;
}
#left ul.free_menu{
	font-size:small;
	margin:0px 0px 0px 0px;
	padding:3px 5px 10px 5px;
	list-style:none;
	/*
	background-color:#E3FBFB;
	*/
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#CCCCCC;
}
#left ul.free_menu li{
	background:url(../image/free_icon.gif) no-repeat 0% 40%;
	padding:0px 0px 0px 35px;
}

#right div#blog_menu{
	margin:0;
	padding:0px 0px 5px 0px;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#CCC;
}
#right div#blog_menu h2{
	font-size:small;
	font-weight:bold;
	background:url(../image/blog_icon.gif) no-repeat 0% 60%;
	margin:0px 0px 0px 5px;
	padding:10px 5px 1px 25px;
	color:#333333;
	border:0;
}
#right div#blog_menu ul{
	font-size:small;
	margin:0;
	padding:0;
	list-style:none;
}
#right div#blog_menu li.description{
	margin:0px 0px 0px 20px;
	padding:0px 5px 0px 15px;
}
#right div#blog_menu li.article{
	margin:0px 0px 0px 20px;
	padding:0px 5px 0px 15px;
	background:url(../image/mark3.gif) no-repeat 0% 60%;
}

#left ul.sitemenu{
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 0px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}
#left .sitemenu li{
	list-style-image:url(../image/mark.gif);
	list-style-position:inside;
	margin:0px 0px 0px 0px;
	padding:0px 5px 10px 5px;
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#CCCCCC;
	font-size:small;
	
}
#right h2{
	font-size:small;
	font-weight:bold;
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:3px 5px 2px 15px;
	background:url(../image/mark2.gif) no-repeat 3% 60%;
	background-image:url(../image/h2_6.gif);
	background-repeat:repeat-x;
	border-width:1px 1px 0px 1px;
	border-color:#DDB515;
	border-style:solid;
}

#right div#topics_menu{
	margin:0;
	padding:0;
}
#right div#topics_menu h2{
	padding:2px 0px 1px 10px;
	margin:0;
	color:#FFFFFF;
	font-size:small;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	background:url(../image/h2_10.gif) repeat-x;
}
#right div#topics_menu table{
	margin:0;
	padding:0;
	font-size:small;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#CCC;
}
#right div#topics_menu td{
	padding:5px;
	margin:0;
}
#right div#topics_menu ul{
	padding:0;
	margin:0;
	list-style:none;
}
#right div#topics_menu li.title{
	font-weight:bold;
	background:url(../image/mark3.gif) no-repeat 0% 50%;
	padding-left:14px;
}
#right div#topics_menu li.content{
	padding:2px 5px 2px 5px;
}

table#update_preview{
	margin:5px 0px 0px 0px;
	padding:0;
	font-size:small;
	width:220px;
}
table#update_preview th{
	text-align:left;
	padding:3px 0px 1px 0px;
	margin:0;
	color:#FFFFFF;
	font-size:small;
	font-weight:normal;
	background:url(../image/h2_9.gif) repeat-x;
}
table#update_preview th p{
	background:url(../image/caption_mark_3.gif) no-repeat 2% 45%;
	padding:0px 3px 0px 22px;
	margin:0;
	color:#FFFFFF;
}
table#update_preview td{
	padding:3px;
	margin:0;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#DDDDDD;
}
table#update_preview ul.menu{
	font-size:small;
	margin:2px 0px 0px 0px;
	padding:0px;
	list-style:none;
	border:none;
}
table#update_preview ul.menu li.update_title{
	padding:2px 0px 0px 12px;
	margin:0px 0px 0px 4px;
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:0px 0px 1px 0px;
	font-size:small;
}
table#update_preview ul.menu li.update_contents{
	background:url(../image/mark3.gif) no-repeat 0% 50%;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 12px;
	font-weight:bold;
	font-size:x-small;
}

#free ul{
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}
#free li{
	list-style-image:url(../image/mark.gif);
	margin:0px 0px 0px 20px;
	padding:0px 3px 3px 3px;
	font-size:small;
}

div#ranking h2{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0;
	font-size:small;
	font-weight:bold;
	color:#333333;
	/*
	background:url(../image/h2_11.gif) repeat-x top left;
	*/
	background:none;
	border-top:1px solid #F2D741;
	border-bottom:3px double #F2D741;
}

#right table.side_ranking{
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:small;
	width:210px;
	/*
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	background-image:url(../image/gradation_v_orange.gif);
	background-repeat:repeat-x;
	*/
}
#right table.side_ranking td.index{
	margin:0;
	padding:3px 0px 0px 11px;
	font-weight:normal;
}
#right table.side_ranking td.guide{
	margin:0;
	padding:7px 0px 0px 10%;
	font-weight:bold;
	background:url(../image/mark5.gif) no-repeat 0% 50%;
}
#right table.side_ranking td.guide a{
	text-decoration:underline;
}
#right table.side_ranking td.index ul{
	margin:3px 0px 0px 0px;
	padding:0;
}
#right table.side_ranking td.index li.male{
	background:url(../image/ranking_m_icon.gif) no-repeat 0% 50%;
	padding:5px 0px 0px 16px;
	margin:0px 5px 0px 0px;
	display:inline;
}
#right table.side_ranking td.index li.female{
	background:url(../image/ranking_f_icon.gif) no-repeat 0% 50%;
	padding:5px 0px 0px 16px;
	display:inline;
}

#right table.side_ranking td.index2{
	font-weight:normal;
	border-width:1px 0px 0px 0px;
	border-style:dotted;
	border-color:#CCCCCC;
}
#right table.side_ranking td.index2 p{
	margin:8px 0px 0px 0px;
	padding:0;
	text-align:right;
}
#right table.side_ranking td.rank{
	margin:0;
	padding:1px 5px 0px 0px;
	vertical-align:top;
	text-align:center;
	font-weight:bold;
	font-size:x-small;
}
#right table.side_ranking td.rank p{
	margin:3px 0px 0px 0px;
	padding:0px 2px 0px 3px;
	background-color:#FF6633;
	color:#FFFFFF;
}
#right table.side_ranking td.content{
	margin:0;
	padding:3px 0px 0px 0px;
	vertical-align:top;
}
#right table.side_ranking td.image{
	vertical-align:middle;
}
#right table.side_ranking td.content ul{
	margin:0;
	padding:0;
	list-style:none;
}
#right table.side_ranking td.content li.title{
	padding-bottom:5px;
}
#right #update strong{
	font-size:small;
	font-weight:normal;
}

/*
*	右サイドAmazon用
*/
#left .amazon_ranking{
}
#left .amazon_ranking h2.ranking{
	font-size:small;
	font-weight:bold;
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:3px 5px 2px 15px;
	background:url(../image/mark2.gif) no-repeat 3% 60%;
	background-image:url(../image/h2_6.gif);
	background-repeat:repeat-x;
	background-color:#FFF4CA;
	border-width:1px 1px 0px 1px;
	border-color:#DDB515;
	border-style:solid;
}
#left .amazon_ranking table.amazon_rank{
	margin:0;
	padding:5px;
	font-size:small;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	width:180px;
	background-image:url(../image/gradation_v_orange.gif);
	background-repeat:repeat-x;
}
#left .amazon_ranking td.rank{
	margin:0;
	padding:0px 0px 0px 9px;
	vertical-align:top;
	color:#FF3300;
	width:10px;
}
#left .amazon_ranking td.content{
	margin:0;
	padding:5px 0px 0px 0px;
	width:90px;
	vertical-align:top;
}
#left .amazon_ranking td.image{
	vertical-align:middle;
}
#left .amazon_ranking td.ranking_index{
	border-width:1px 0px 0px 0px;
	border-style:dotted;
	border-color:#CCCCCC;
}
#left .amazon_ranking td.ranking_index p{
	margin:5px 0px 0px 10px;
	padding:0px 0px 0px 12px;
	background-image:url(../image/mark2.gif);
	background-repeat:no-repeat;
}

#left .amazon_ranking td.content ul{
	margin:0;
	padding:0;
	list-style:none;
}
#left .amazon_ranking td.content li.title{
	padding-bottom:5px;
}

/*
*	新着コミック
*/
#center #new_comics{
	margin:0;
	padding:0px 5px 5px 5px;
	width:400px;
}

#new_comics div.caption{
	width:400px;
	margin:0;
	padding:0;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#FF6600;
}


#center #topabout{
	margin:10px 10px 10px 10px;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}
#topabout p{
	font-size:small;
	color:#666666;
	margin:0;
	padding:0;
}

#center p.total{
	background-color:#FFFFFF;
	font-size:small;
	color:#FF6600;
	margin:0px 0px 5px 0px;
	padding:5px 10px 3px 10px;
	/*border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#3399FF;*/
}
#center div#pickup_comic{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
}
#center div#pickup_caption{
	background:url(../image/h2_8.gif) repeat-x top left;
	margin:0px 0px 3px 0px;
	border-width:0px 0px 3px 0px;
	border-style:double;
	border-color:#FFFFFF;
}
#center #pickup_comic h2{
	font-size:medium;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#FFFFFF;
	padding:5px 5px 1px 32px;
	margin:0;
	background:url(../image/book_icon.gif) no-repeat 2% 60%;
}
#center h2#news{
	font-size:medium;
	font-weight:bold;
	margin:0;
	padding:5px 5px 3px 10px;
	color:#FFFFFF;
	background:url(../image/h2_8.gif) repeat-x;
	border-bottom:3px double #FFF;
}
#center h2#news2{
	font-size:small;
	font-weight:bold;
	color:#333333;
	padding:3px 5px 1px 20px;
	background-color:#3399FF;
	margin:5px 0px 3px 0px;
	background-image:url(../image/h2_3.gif);
	background-repeat:repeat-x;
}
#center h2#search{
	font-size:small;
	font-weight:bold;
	color:#333333;
	padding:3px 5px 1px 10px;
	background-color:#3399FF;
	margin:0;
	background-image:url(../image/h2_3.gif);
	background-repeat:repeat-x;
}
#center .count{
	font-size:small;
	font-weight:normal;
	color:#666666;
	padding:3px 5px 3px 10px;
	margin:0;
}


#center div.comic_caption{
	margin:2px 5px 5px 5px;
	padding:0px;
	width:405px;
}
#center div.comic_caption table{
	margin:0;
	padding:0;
	width:400px;
	border-color:#999999;
	border-style:dotted;
	border-width:0px 0px 1px 0px;
}
#center div.comic_caption table td.image{
	width:50px;
	text-align:center;
}
#center div.comic_caption table td.content{
	text-align:left;
}

#center div.comic_caption ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	font-size:small;
}
#center div.comic_caption li{
	margin:0px 5px 0px 5px;
	padding:0px 5px 0px 0px;
}
#center div.comic_caption li.title{
	font-size:small;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:2px 5px 0px 0px;
}
#center div.comic_caption li.title a{
	text-decoration:underline;
}
#center div.comic_caption li.author{
	display:inline;
	margin:0;
	padding:0px 0px 0px 6px;
}
#center div.comic_caption li.publish{
	display:inline;
	margin:0px 3px 0px 3px;
	padding:0px 0px 0px 6px;
}
#center div.comic_caption li.more{
	text-align:right;
	margin:0px 20px 0px 0px;
}

#center div.large_comic_caption{
	margin:0px 5px 5px 5px;
	padding:0;
	width:405px;
	border-color:#999999;
	border-style:dotted;
	border-width:0px 0px 1px 0px;
}
#center div.comic_caption table{
	margin:0;
	padding:0;
	width:400px;
}
#center div.large_comic_caption table td.image{
	width:90px;
	text-align:center;
	vertical-align:middle;
}
#center div.large_comic_caption table td.content{
	text-align:left;
}
#center div.large_comic_caption ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:small;
}
#center div.large_comic_caption li{
	margin:3px 5px 0px 5px;
	padding:0px 5px 0px 10px;
}
#center div.large_comic_caption li.title{
	font-size:medium;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:2px 5px 0px 3px;
}
#center div.large_comic_caption li.title a{
	text-decoration:underline;
}
#center div.large_comic_caption li.author{
	display:inline;
	margin:0;
	padding:0px 0px 0px 6px
}
#center div.large_comic_caption li.publish{
	display:inline;
	margin:0px 3px 0px 3px;
	padding:0px 0px 0px 6px;
}
#center div.large_comic_caption li.more{
	text-align:right;
	margin:0px 20px 0px 0px;
}

#center ul.indnum{
	margin:0px 5px 0px 5px;
	padding:2px 0px 2px 0px;
	list-style:none;
	font-size:small;
	border-width:0px 0px 3px 0px;
	border-style:double;
	border-color:#CCC;
}
#center .indnum li{
	list-style:none;
	font-size:small;
}
#center ul.toplist{
	margin:0;
	padding:5px 0px 5px 15px;
	background:url(../image/h2.gif) repeat-x bottom left;
}
#center .toplist li{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 16px;
	list-style:none;
	font-size:small;
	font-weight:bold;
	display:inline;
	background:url(../image/mark4.gif) no-repeat 0% 50%;
}
#center .toplist li.moreimage{
	text-align:right;
	display:block;
	background:none;
	margin:0px 20px 0px 0px;
	padding:0;
}
#center li.accountindex{
	margin:10px;
	padding:0;
	list-style-image:url(../image/mark.gif);
	font-size:small;
	list-style:none;
}
#center ul.accountindex2{
	margin:0px 20px 5px 20px;
	padding:0px 0px 5px 0px;
	list-style-image:url(../image/mark.gif);
	font-size:small;
	border-width:0px 0px 0px 0px;
	border-style:dotted;
	border-color:#999999;
}

/*
*	新着おすすめコミック用
*/
#center ul.news_index{
	padding:3px 5px 2px 5px;
	margin:0;
}
#center ul.news_index li{
	display:inline;
	font-size:small;
	font-weight:normal;
	padding:2px 5px 0px 12px;
	margin:0;
	background:url(../image/mark3.gif) no-repeat 0% 65%;
}

#center div.release_caption{
	margin:0;
	padding:0;
	width:400px;
}
#center div.release_box{
	width:430px;
	float:left;
	margin:0;
	padding:0px;
}
#center .release_box h4{
	font-size:small;
	font-weight:bold;
	color:#FF3300;
	padding:0px;
	margin:0px 0px 3px 0px;
}
#center div.release_box table.column{
	margin:0px 2px 0px 0px;
	padding:0;
	width:213px;
	float:left;
}
#center div.release_box table td.title{
	font-size:small;
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#999999;
	margin:0;
	padding:0px 0px 0px 13px;
	background-image:url(../image/caption_mark_1.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
#center div.release_box table td.publish{
	font-size:x-small;
	border-width:0px 0px 1px 0px;
	border-style:dotted;
	border-color:#999999;
	margin:0;
	padding:0;
	width:42px;
}

.comic p.title{
	font-size:medium;
	font-weight:bold;
	letter-spacing:1px;
	padding:4px 3px 1px 10px;
	margin:5px 0px 0px 0px;
	color:#FFFFFF;
	background-color:#FF6600;
	border-style:double;
	border-width:3px;
	border-color:#FFF;
	/*
	background-image:url(../image/comic_title.gif);
	*/
}
.comic .right_side ul{
	list-style:none;
	margin:0;
	padding:0px 5px 0px 5px;
}
.comic .right_side li{
	font-size:small;
	padding:3px 0px 0px 0px;
	margin:0;
}

.comic .left_side ul{
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
}
.comic .left_side li{
	font-size:small;
	padding:5px 5px 5px 5px;
	margin:3px 0px 3px 0px;
}
.comic .left_side img{
	margin:0px 0px 10px 10px;
	border-width:2px;
	border-style:solid;
	border-color:#FFFFFF;
}
.comic .amazon a{
	text-decoration:none;
} 
.comic .amazon{
	float:left;
}
.comic .bottom ul{
	margin:0;
	padding:0;
	list-style:none;
}
.comic .bottom li{
	font-size:small;
	padding:5px 5px 5px 5px;
	margin:3px 0px 3px 0px;
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
}
.comic .amazon img{
	float:left;
	margin:3px 3px 3px 0px;
}

.comic .left_side img:hover{
	border-width:2px;
	border-style:solid;
	border-color:#66CCFF;
}
.comic li.award{
	color:#FF6600;
}
.comic li.caption{
	color:#FF6600;
	font-weight:bold;
	padding:3px;
	margin:10px 0px 0px 0px;
	border-width:3px 0px 3px 0px;
	border-style:double;
	border-color:#FF9900;
}
.comic li.outline{
	margin:0px 0px 5px 0px;
	padding:3px 5px 3px 5px;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
}

/*
*	ランキングページ　アマゾン用
*/
.ranking_amazon{
	width:180px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 5px 0px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	float:left;
}
.ranking_amazon a.noline{
	text-decoration:none;
}

.ranking_amazon p{
	font-size:small;
	margin:0;
	padding:5px;
}
.ranking_amazon img{
	padding:0;
	margin:5px;
	float:left;
}

/*
*	立ち読み用
*/
#tachiyomi table{
	width:350px;
	margin:0;
	padding:0;
	float:left;
	/*border-width:1px;
	border-color:#666666;
	border-style:solid;*/
}
#tachiyomi td.comic{
	width:90px;
	vertical-align:top;
}
#tachiyomi td.comic img{
	float:left;
	padding:0;
	margin:0px 5px 5px 5px;
}
#tachiyomi td.comic p.t_title{
	padding:0;
	margin:0;
	font-size:small;
	color:#666666;
	clear:both;
}

#bottom ul{
	list-style:none;
	padding:5px 30px 5px 70px;
	margin:0;
}
#bottom li{
	display:inline;
	font-size:small;
	padding:0px 5px 0px 5px;
	margin:0;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#666666;
}
.g{
	font-size:small;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#3399FF;
	padding:3px 3px 0px 10px;
	margin:0;
	border-width:0px 0px 5px 0px;
	border-style:solid;
	border-color:#CCFFFF;
}
#center .toplink{
	margin:0;
	padding:5px;
	font-size:small;
	list-style:none;
}