@charset "utf-8";
/* CSS Document */

/*

Theme Name: comic-smart
Theme URI: 
Description: comic-smart
Version: 1.0
Author: BAOBAB KAZUMASA
Author URI: http://the-baobab.net

*/


/* ＝＝＝＝＝＝＝＝＝＝＝
	ヘッダーここから 
 ＝＝＝＝＝＝＝＝＝＝＝*/

header{
	margin:0;
	padding:0;
	border-top:5px solid #ff9900;
}

	header h1{
		text-align:right;
		margin:5px 0;
		padding:0;
	}

header #headerInner{
	width:1000px;
	margin:0 auto;
}

	header #headerWrap{
		width:1000px;
		float:left;
		margin-bottom:20px;
	}
	
		header #headerWrap #hdrLeft{
			width:250px;
			float:left;
		}
		
		header #headerWrap #hdrRight{
			width:730px;
			margin-left:20px;
			float:right;
		}
		
		
		/* ＝＝＝＝＝＝＝＝＝＝＝
			ナビゲーションここから 
 		＝＝＝＝＝＝＝＝＝＝＝*/

		header #headerInner #menu{
			width:1000px;
			margin-bottom:20px;
			float:left;
		}
		
		header #headerInner #menu ul{
			width:1000px;
			height:40px;
		}
		
		header #headerInner #menu ul li{
			float:left;
			border-right:#FFFFFF 1px dashed;
			text-align:center;
			background-color:#FF9900;
			font-weight:bold;
			color:#FFFFFF;
			font-size:14px;
			font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		}
		
		header #headerInner #menu ul li.no-right-border{
			border-right:none;
		}
		
		header #headerInner #menu ul li a{
			color:#FFFFFF;
			display: block;
			width:94px;
			padding:5px 50px;

		}
		
		header #headerInner #menu ul li a:hover{
			color:#FFFFFF;
			text-decoration:underline;
			background-color:#FF6600;
		}
		







/* ＝＝＝＝＝＝＝＝＝＝＝
コンテンツここから 
 ＝＝＝＝＝＝＝＝＝＝＝*/
 
#contents{
	width:1000px;
	margin:0 auto;
	clear:both;
	padding-top:30px;
}
	 
	#contents #contentsWrap{
		float:left;
	}

	#contents #main{
		width:700px;
		margin:0 0 0 40px;
		float:right;
	}
	
	#contents #sidebar{
		width:250px;
		float:left;
	}
	
		#contents #sidebar #twitter{
			width:220px;
		}

.search_box {
    width: 220px;
    height: 25px;
    border: 1px solid #ABADB3;
}
	
	#contents #sidebar #banner li{
		margin-bottom:5px;
		
	}
	
	#contents #sidebar #banner li img{
		border:1px solid #CCCCCC;
		
	}







/* ＝＝＝＝＝＝＝＝＝＝＝
	フッターここから 
 ＝＝＝＝＝＝＝＝＝＝＝*/

footer{
	background-color:#333333;
	color:#FFFFFF;
	padding:30px 0 0;
	margin:0;
	height:200px;
	clear:both;
	text-align:right;
}

footer a{
	color:#FFFFFF;
	text-decoration:none;
}

footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

footer #footerInner{
	width:1000px;
	margin:0 auto;
}



/* ＝＝＝＝＝＝＝＝＝＝＝
	その他 
 ＝＝＝＝＝＝＝＝＝＝＝*/
 .gotoMark{
 	position:relative;
}
 
 .gotoNext{
 	position:absolute;
	bottom:10px;
	right:0;
}


/* ＝＝＝＝＝＝＝＝＝＝＝
	作品紹介 
 ＝＝＝＝＝＝＝＝＝＝＝*/
ul.genreList{
	width:720px;
}
 
ul.genreList li{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.comicsMainImg{
	margin:0;
	padding:0;
	position:relative;
}

.comicsMainImg .postImg{
	margin:0;
	padding:0;
}

.wp_social_bookmarking_light{
	text-align:right;
	position:absolute;
	top:300;
	right:0;
}



.comicsThumbnail{
}

.comicsThumbnail .postImg{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}


#singleCategory{
	margin-bottom:30px;
	float:left;
}


#singleCategory .post-categories{
	float:left;
}


#singleCategory .post-categories li{
	float:left;
	margin:0 5px 10px;
	text-indent:-9999px;
}



/* ＝＝＝＝＝＝＝＝＝＝＝
 記事ページカテゴリー表示 
 ＝＝＝＝＝＝＝＝＝＝＝*/
 
/* おすすめコミック  */
#singleCategory .post-categories li a.おすすめコミック{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}

/* 最近更新されたコミック  */
#singleCategory .post-categories li a.最近更新されたコミック{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}

/* 最近追加されたコミック  */
#singleCategory .post-categories li a.最近追加されたコミック{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}

/* 未分類  */
#singleCategory .post-categories li a.未分類{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}


/* 学園ドラマ  */
#singleCategory .post-categories li a.学園ドラマ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/butai_gakuen.jpg);
}

/* 日常ドラマ  */
#singleCategory .post-categories li a.日常ドラマ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/butai_nichijyou.jpg);
}

/* 家族ドラマ  */
#singleCategory .post-categories li a.家族ドラマ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/butai_kazoku.jpg);
}



/* ほのぼの */
#singleCategory .post-categories li a.ほのぼの{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_kazoku.jpg);
}


/* 恋愛・ラブコメ */
#singleCategory .post-categories li a.恋愛・ラブコメ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_lovely.jpg);
}


/* コメディ  */
#singleCategory .post-categories li a.コメディ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_comedy.jpg);
}


/* 職業/仕事  */
#singleCategory .post-categories li a.職業/仕事{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_job.jpg);
}

/* 歴史/時代  */
#singleCategory .post-categories li a.歴史/時代{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_history.jpg);
}

/* ミステリー  */
#singleCategory .post-categories li a.ミステリー{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_mistery.jpg);
}

/* スポーツ  */
#singleCategory .post-categories li a.スポーツ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_sports.jpg);
}

/* アクション   */
#singleCategory .post-categories li a.アクション{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_action.jpg);
}

/* SF */
#singleCategory .post-categories li a.SF{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_sf.jpg);
}

/* 地方ネタ  */
#singleCategory .post-categories li a.地方ネタ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_chihou.jpg);
}

/* 時事/経済  */
#singleCategory .post-categories li a.時事/経済{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/genre_jiji.jpg);
}

/* 子供が主人公  */
#singleCategory .post-categories li a.子供が主人公{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/charactor_children.jpg);
}

/* 高校生が主人公  */
#singleCategory .post-categories li a.高校生が主人公{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/charactor_highschool.jpg);
}

/* 大学生が主人公  */
#singleCategory .post-categories li a.大学生が主人公{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/charactor_collage.jpg);
}

/* 社会人が主人公  */
#singleCategory .post-categories li a.社会人が主人公{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/charactor_syakai.jpg);
}



/* 和みたいときに */
#singleCategory .post-categories li a.和みたいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_nagomi.jpg);
}


/* 恋したいときに */
#singleCategory .post-categories li a.恋したいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_renai.jpg);
}


/* 笑いたいときに */
#singleCategory .post-categories li a.笑いたいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_warai.jpg);
}


/* 泣きたいときに */
#singleCategory .post-categories li a.泣きたいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_naku.jpg);
}



/* 頭を使いたいときに */
#singleCategory .post-categories li a.頭を使いたいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_atama.jpg);
}



/* スカッとしたいときに */
#singleCategory .post-categories li a.スカッとしたいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_suka.jpg);
}



/* 萌えたいときに */
#singleCategory .post-categories li a.萌えたいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_moe.jpg);
}



/* 学びたいときに */
#singleCategory .post-categories li a.学びたいときに{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/seen_manabi.jpg);
}






/* 擬人化 */
#singleCategory .post-categories li a.擬人化{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/other_gijin.jpg);
}


/* パロディ */
#singleCategory .post-categories li a.パロディ{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/other_parody.jpg);
}

/* 日記 */
#singleCategory .post-categories li a.日記{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/other_diary.jpg);
}

/* ノンフィクション */
#singleCategory .post-categories li a.ノンフィクション{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/other_nonfiction.jpg);
}

/* その他 */
#singleCategory .post-categories li a.その他{
	display:block;
	width:120px;
	height:120px;
	background-image:url(images/comics/other_other.jpg);
}


/* ＝＝＝＝＝＝＝＝＝＝＝
 一覧ページカテゴリー表示 
 ＝＝＝＝＝＝＝＝＝＝＝*/

#singleCategory2{
	float:left;
}


#singleCategory2 .post-categories{
	float:left;
}


#singleCategory2 .post-categories li{
	float:left;
	margin:0 5px 0 0;
	text-indent:-9999px;
}
 
 
 
/* おすすめコミック  */
#singleCategory2 .post-categories li a.おすすめコミック{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}

/* 最近更新されたコミック  */
#singleCategory2 .post-categories li a.最近更新されたコミック{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}

/* 最近追加されたコミック  */
#singleCategory2 .post-categories li a.最近追加されたコミック{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}

/* 未分類  */
#singleCategory2 .post-categories li a.未分類{
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}


/* 学園ドラマ  */
#singleCategory2 .post-categories li a.学園ドラマ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/butai_gakuen_s.jpg);
}

/* 日常ドラマ  */
#singleCategory2 .post-categories li a.日常ドラマ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/butai_nichijyou_s.jpg);
}

/* 家族ドラマ  */
#singleCategory2 .post-categories li a.家族ドラマ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/butai_kazoku_s.jpg);
}



/* ほのぼの */
#singleCategory2 .post-categories li a.ほのぼの{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_kazoku_s.jpg);
}


/* 恋愛・ラブコメ */
#singleCategory2 .post-categories li a.恋愛・ラブコメ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_lovely_s.jpg);
}


/* コメディ  */
#singleCategory2 .post-categories li a.コメディ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_comedy_s.jpg);
}


/* 職業/仕事  */
#singleCategory2 .post-categories li a.職業・仕事{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_job_s.jpg);
}

/* 歴史/時代  */
#singleCategory2 .post-categories li a.歴史・時代{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_history_s.jpg);
}

/* ミステリー  */
#singleCategory2 .post-categories li a.ミステリー{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_mistery_s.jpg);
}

/* スポーツ  */
#singleCategory2 .post-categories li a.スポーツ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_sports_s.jpg);
}

/* アクション   */
#singleCategory2 .post-categories li a.アクション{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_action_s.jpg);
}

/* ＳＦ */
#singleCategory2 .post-categories li a.ＳＦ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_sf_s.jpg);
}

/* 地方ネタ  */
#singleCategory2 .post-categories li a.地方ネタ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_chihou_s.jpg);
}

/* 時事・経済  */
#singleCategory2 .post-categories li a.時事・経済{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/genre_jiji_s.jpg);
}

/* 子供が主人公  */
#singleCategory2 .post-categories li a.子供が主人公{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/charactor_children_s.jpg);
}

/* 高校生が主人公  */
#singleCategory2 .post-categories li a.高校生が主人公{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/charactor_highschool_s.jpg);
}

/* 大学生が主人公  */
#singleCategory2 .post-categories li a.大学生が主人公{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/charactor_collage_s.jpg);
}

/* 社会人が主人公  */
#singleCategory2 .post-categories li a.社会人が主人公{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/charactor_syakai_s.jpg);
}



/* 和みたいときに */
#singleCategory2 .post-categories li a.和みたいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_nagomi_s.jpg);
}


/* 恋したいときに */
#singleCategory2 .post-categories li a.恋したいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_renai_s.jpg);
}


/* 笑いたいときに */
#singleCategory2 .post-categories li a.笑いたいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_warai_s.jpg);
}


/* 泣きたいときに */
#singleCategory2 .post-categories li a.泣きたいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_naku_s.jpg);
}



/* 頭を使いたいときに */
#singleCategory2 .post-categories li a.頭を使いたいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_atama_s.jpg);
}



/* スカッとしたいときに */
#singleCategory2 .post-categories li a.スカッとしたいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_suka_s.jpg);
}



/* 萌えたいときに */
#singleCategory2 .post-categories li a.萌えたいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_moe_s.jpg);
}



/* 学びたいときに */
#singleCategory2 .post-categories li a.学びたいときに{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/seen_manabi_s.jpg);
}






/* 擬人化 */
#singleCategory2 .post-categories li a.擬人化{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/other_gijin_s.jpg);
}


/* パロディ */
#singleCategory2 .post-categories li a.パロディ{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/other_parody_s.jpg);
}

/* 日記 */
#singleCategory2 .post-categories li a.日記{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/other_diary_s.jpg);
}

/* ノンフィクション */
#singleCategory2 .post-categories li a.ノンフィクション{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/other_nonfiction_s.jpg);
}

/* その他 */
#singleCategory2 .post-categories li a.その他{
	display:block;
	width:50px;
	height:50px;
	background-image:url(images/comics/other_other_s.jpg);
}



/*　======================================================　
　　以下、ComiC Smart側で追加したStyle
　　====================================================== */
/* コミックリスト-ランキング */
	table.rank_btn{
		padding: 0px;
		margin: 5px 5%;
		width: 90%;
	}
	td.rank_btn{
		width:  30%;
		text-align: center;
	}
	td.rank_btn_space{
		width:  5%;
	}
	a.rank_btn_off{
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-color: #696969;
		font-size: 100%;
		padding: 6px 0px;
		display: block;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
	}
	a.rank_btn_on{
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-color: #c0c0c0;
		font-size: 100%;
		padding: 6px 0px;
		display: block;
		color: #000000;
		text-decoration: none;
		text-align: center;
	}

	table.rank_list{
		padding: 0px;
		margin: 0px;
	}
	
	
	td.rank_list_rank{
		width:  40px;
	}
	td.rank_list_rank_bg{
		width:  40px;
		background-color: #FFFF88;
	}
	img.rank_list_rank{
		width:  40px;
	}
	p.rank_list_rank{
		width: 40px;
		padding: 0px;
		margin: 0px;
		font-size: 120%;
		text-align: center;
	}
	
	td.rank_list_title{
	}
	
	td.rank_list_image{
		width:  150px;
	}
	img.rank_list_image{
		width:  100%;
	}
	
	td.rank_list_summary{
		width:  400px;
	}
	div.rank_list_summary{
		position: absolute;
		width:  400px;
	}
	p.rank_list_summary{
		width: 100%;
		padding: 2px 0px;
		margin: 0px;
		font-size: 100%;
		word-wrap: break-word;
	}
	
	td.rank_list_category {
	}
	
	td.rank_list_border{
		padding: 0px;
		margin: 0px;
		height: 5px;
		background-color: #FFFF88;
	}
	

	table.comic_btn{
		padding: 0px;
		margin: 5px 0px;
		width: 100%;
	}
	td.comic_btn{
		width:  35%;
		text-align: center;
	}
	td.comic_btn_space{
		width:  10%;
	}
	a.comic_btn{
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-color: #ff9900;
		font-size: 100%;
		padding: 6px 0px;
		display: block;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
	}
	a.author_btn{
		width: 50%;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-color: #ff9900;
		font-size: 100%;
		padding: 6px 0px;
		display: block;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
	}