/* ページ全体
_________________________________________________________ */
body {
	margin : 0;
	padding : 0;
	color : #333333;
	background : #ff989c;
	text-align : center;
}
#body-all {
	position: relative;
	margin: 0 auto;
	width: 822px;
	text-align: center;
	background : #ffffff url(image/main_bg.jpg) repeat-y;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, form {
	margin-top: 0px;
	margin-bottom: 0px;
}

a{
	color : #0c94e1;
}

/* ヘッダー
_________________________________________________________ */
#header-col {
	margin: 0 auto;
	position: relative;
}
#header {
	position: static;
	margin : 0px 30px 0px 47px;
}

#header-col h1 {
	float:left;
	width: 399px;
	height: 78px;
	text-indent: -9999px;
	background : url(image/header_title.gif) no-repeat;
}
#header-col h1 a {
	text-decoration: none;
	display: block;
	width: 399px;
	height: 78px;
}

#header-col #head-left {
	float:right;
	margin : 16px 0px 0px 0px;
	width : 251px;
	padding : 0px;
}
#header-col #head-left p {
	height: 30px;
	padding: 6px 0px 0px 107px;
	background : url(image/header_sarch.gif) no-repeat;
}
#header-col #head-left p select {
	font-size: 12px;
	color : #666666;
}

/* ビーンズニュース
_________________________________________________________ */
#beansnews-col {
	clear: both;
	width: 760px;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
}
#beansnews-col #bg {
	height: 50px;
	background : url(image/beansnews_bg.gif) no-repeat;
}
#beansnews-col #marquee-area {
	margin: 0px 1px 0px 75px;
	padding: 23px 0px 0px 0px;
	width: 685px;
} 
#beansnews-col marquee {
	font-size: 12px;
	color : #ffffff;
	font-weight: bold;
}

/* メニュー
_________________________________________________________ */
#menu-col {
	clear: both;
	width: 760px;
	height: 45px;
	margin: 0 auto;
	position: relative;
}
ul#menu {
	position: relative;
	padding: 10px 0px 0px 0px;
	top: 0px;
	height: 45px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
ul#menu li a{
	position: absolute;
	display: block;
	height: 45px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	top : 0;
}
ul#menu li#top a{
	width: 99px;
	left: 0px;
	background: url(image/mn_top.gif) no-repeat 0 -50px;
}
ul#menu li#news a{
	width: 93px;
	left: 99px;
	background: url(image/mn_news.gif) no-repeat 0 -50px;
}
ul#menu li#osusume a{
	width: 93px;
	left: 192px;
	background: url(image/mn_osusume.gif) no-repeat 0 -50px;
}
ul#menu li#series a{
	width: 94px;
	left: 285px;
	background: url(image/mn_series.gif) no-repeat 0 -50px;
}
ul#menu li#comic a{
	width: 94px;
	left: 379px;
	background: url(image/mn_comic.gif) no-repeat 0 -50px;
}
ul#menu li#anime a{
	width: 93px;
	left: 473px;
	background: url(image/mn_anime.gif) no-repeat 0 -50px;
}
ul#menu li#beans a{
	width: 94px;
	left: 566px;
	background: url(image/mn_beans.gif) no-repeat 0 -50px;
}
ul#menu li#download a{
	width: 99px;
	left: 660px;
	background: url(image/mn_download.gif) no-repeat 0 -50px;
}
/* ロールオーバー設定 */
ul#menu li#top a:hover,
ul#menu li#news a:hover,
ul#menu li#osusume a:hover,
ul#menu li#series a:hover,
ul#menu li#comic a:hover,
ul#menu li#anime a:hover,
ul#menu li#cd a:hover,
ul#menu li#download a:hover,
ul#menu li#beans a:hover{ 
	background-position : 0px 0px;
}


/* メイン
_________________________________________________________ */
#main-col {
	width: 760px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	position: relative;
}

/* コンテンツ
_________________________________________________________ */
#cnts-col {
	width: 760px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	text-align : left;
}
#cnts-col #left {
	float: left;
	width: 220px;
}
#cnts-col #right {
	float: right;
	width: 540px;
}
/* ニュース */
#cnts-col p#news {
	margin: 10px 0px 0px 0px;
	width: 210px;
	height: 25px;
	background : #ffd9ea url(image/left_ti_news.gif) no-repeat;
	text-indent: -9999px;
}
#cnts-col #news-col {
	width: 210px;
	background : #ffd9ea;
}
#cnts-col #news-col ul{
	position: relative;
	margin: 0;
	padding: 5px;
	list-style: none;
	overflow: hidden;
}
#cnts-col #news-col ul li{
	font-size: 12px;
	color : #666666;
	font-weight: normal;
	list-style: none;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	background : url(image/left_eyecatch.gif) no-repeat;
}
#cnts-col #news-col ul li a{
	font-size: 12px;
	color : #666666;
	font-weight: normal;
	text-decoration: none;
}
#cnts-col #news-col ul li a:hover{
	font-size: 12px;
	color : #0c94e1;
	font-weight: normal;
	text-decoration: underline;
}
/* 来月のオススメ作品 */
#cnts-col p#osusume {
	margin: 10px 0px 0px 0px;
	width: 210px;
	height: 25px;
	background : #ffd9ea url(image/left_ti_osusume.gif) no-repeat;
	text-indent: -9999px;
}
#cnts-col #osusume-col {
	width: 210px;
	background : #ffd9ea;
	text-align: left;
}
#osimg{
	padding: 5px 5px 0px 5px;
}
#ostxt{
	padding: 5px 5px 0px 5px;
	background : url(image/left_eyecatch.gif) no-repeat;
}
div#ostitle{
	background : url(image/left_eyecatch.gif) no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 15px;
	font-size: 12px;
	color : #666666;
	font-weight: bold;
	line-height: 125%;
}
div#oslead{
	padding: 5px 5px 0px 0px;
	font-size: 10px;
	color : #666666;
	font-weight: normal;
	line-height: 125%;
}

/* ビーンズ文庫シリーズ紹介 */
#cnts-col p#series {
	margin: 10px 0px 0px 0px;
	width: 210px;
	height: 25px;
	background : #ffd9ea url(image/left_ti_series.gif) no-repeat;
	text-indent: -9999px;
}
#cnts-col #series-col {
	width: 210px;
	height: 165px;
	overflow: auto;
	background : #ffd9ea;
}
#cnts-col #series-col p{
	font-size: 10px;
	color : #666666;
	font-weight: normal;
	list-style: none;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 17px;
	background : url(image/left_eyecatch.gif) no-repeat;
}
#cnts-col #series-col p a{
	font-size: 10px;
	color : #666666;
	font-weight: normal;
	text-decoration: none;
}
#cnts-col #series-col p a:hover{
	font-size: 10px;
	color : #0c94e1;
	font-weight: normal;
	text-decoration: underline;
}
/* 角川ビーンズ文庫バナー */
#cnts-col p#banner {
	margin: 10px 0px 0px 0px;
	width: 210px;
	height: 25px;
	background : #ffd9ea url(image/left_ti_banner.gif) no-repeat;
	text-indent: -9999px;
}
#cnts-col #banner-col {
	width: 210px;
	background : #ffd9ea;
}
#cnts-col #banner-col p{
	font-size: 10px;
	color : #666666;
	font-weight: normal;
	list-style: none;
	padding: 5px 7px 0px 7px;
}
.LeftInfo{
	width: 200px;
	font-size:12px;
	background-color:#FFD9EA;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px 5px;
	margin-bottom:15px;
	line-height:140%;
}


/* 右：ナビゲーション */
#cnts-col #navi {
	margin: 10px 0px 0px 0px;
	width: 540px;
	height: 93px;
	background : url(image/right_bghead.gif) no-repeat;
}
#cnts-col #navi ul {
	position: relative;
	top: 48px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#cnts-col #navi li a{
	position: absolute;
	display: block;
	height: 32px;
	margin: 0;
	padding: 8px 0px 0px 70px;
	top : 0;
	font-size: 12px;
	color : #ff3366;
	font-weight: normal;
}
#cnts-col #navi li#past a{
	width: 164px;
	left: 21px;
	background: url(image/tab_past.gif) no-repeat 0 0;
}
#cnts-col #navi li#now a{
	width: 165px;
	left: 185px;
	background: url(image/tab_now.gif) no-repeat 0 0;
}
#cnts-col #navi li#next a{
	width: 170px;
	left: 350px;
	background: url(image/tab_next.gif) no-repeat 0 0;
}
/* アクティブ時に id = "active" を指定 */
#cnts-col #navi li#past a#active{
	background: url(image/tab_past_active.gif) no-repeat 0 0;
	color: #ffffff;
}
#cnts-col #navi li#now a#active{
	background: url(image/tab_now_active.gif) no-repeat 0 0;
	color: #ffffff;
}
#cnts-col #navi li#next a#active{
	background: url(image/tab_next_active.gif) no-repeat 0 0;
	color: #ffffff;
}
#cnts-col #navi li a{
	text-decoration: none;
}
/* 文庫リスト */
#bookslist-col {
	width: 540px;
	background : #ffd9ea url(image/books_bg.gif) repeat-y;
}
#bookslist-col table {
	width: 520px;
	padding: 0px 0px 0px 0px;
	position: relative;
	margin: 0 0 0 10px;
}

#bookslist-col td.txt {
	width:185px;
	padding: 10px 0px 10px 10px;
	vertical-align: top;
}
#bookslist-col td.line {
	padding: 10px 8px 10px 8px;
}
#bookslist-col .btitle {
	font-size: 12px;
	font-weight: bold;
	line-height: 125%;
}
#bookslist-col .bwritten {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 125%;
	color: #666666;
}
#bookslist-col .bspec {
	padding: 15px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 125%;
	color: #666666;
}
#bookslist-col a {
	color : #0c94e1;
	text-decoration: none;
}
#bookslist-col a:hover {
	color : #0c94e1;
	text-decoration: underline;
}
#bookslist-col img.btm {
	vertical-align: bottom;
}

/* 書籍リスト */
#booklisthard-col {
	width: 540px;
	background : #ffd9ea url(image/bookshard_bg.gif) repeat-y;
}
#booklisthard-col table {
	width: 520px;
	padding: 0px 0px 0px 0px;
	position: relative;
	margin: 0 0 0 10px;
}

#booklisthard-col td.txt {
	width:185px;
	padding: 10px 0px 10px 10px;
	vertical-align: top;
}
#booklisthard-col td.line {
	padding: 10px 8px 10px 8px;
}
#booklisthard-col .btitle {
	font-size: 12px;
	font-weight: bold;
	line-height: 125%;
}
#booklisthard-col .bwritten {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 125%;
	color: #666666;
}
#booklisthard-col .bspec {
	padding: 15px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 125%;
	color: #666666;
}
#booklisthard-col a {
	color : #0c94e1;
	text-decoration: none;
}
#booklisthard-col a:hover {
	color : #0c94e1;
	text-decoration: underline;
}
#booklisthard-col img.btm {
	vertical-align: bottom;
}


/* news */
#booklisthard-news {
	width: 540px;
	background : #ffd9ea url(image/bookshard.gif) repeat-y;
}
#booklisthard-news table {
	width: 520px;
	padding: 0px 0px 0px 0px;
	position: relative;
	margin: 0 0 0 10px;
}

#booklisthard-news td.txt {
	width:185px;
	padding: 10px 0px 10px 10px;
	vertical-align: top;
}
#booklisthard-news td.line {
	padding: 10px 8px 10px 8px;
}
#booklisthard-news .btitle {
	font-size: 12px;
	font-weight: bold;
	line-height: 125%;
}
#booklisthard-news .bwritten {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 125%;
	color: #666666;
}
#booklisthard-news .bspec {
	padding: 15px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 125%;
	color: #666666;
}
#booklisthard-news a {
	color : #0c94e1;
	text-decoration: none;
}
#booklisthard-news a:hover {
	color : #0c94e1;
	text-decoration: underline;
}
#booklisthard-news img.btm {
	vertical-align: bottom;
}


/* バナー
_________________________________________________________ */
#cntsfoot {
	clear: both;
	width : 760px;
	background : #ffffff;
	margin: 0 auto;
	padding: 15px 0px 15px 0px;
	text-align: center;
}
#cntsfoot img.footbana {
	margin: 15px 15px 0px 15px;
}



/* フッター
_________________________________________________________ */
#footer {
	clear: both;
	width : 822px;
	height : 50px;
	background : #ff989c url(image/foot_bg.jpg) no-repeat;
	text-align: right;
}
#copyright {
	padding: 30px 30px 0px 0px;
	font-size: 10px;
	line-height : 125%;
	color : #ffffff;
}


/* カテゴリアーカイブ
_________________________________________________________ */
#ctg-col {
	width: 740px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	position: relative;
	text-align: left;
}
#ctg-col #left {
	float: left;
	width: 170px;
}
#ctg-col #right {
	float: right;
	width: 570px;
}
/* バックナンバー */
#ctg-col #backnumber-col {
	width: 153px;
	text-align: left;
}
#ctg-col #backnumber-col div.date {
	padding: 10px 0px 3px 0px;
	font-size: 10px;
	line-height : 125%;
	color : #666666;
}
#ctg-col #backnumber-col div.title a {
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	line-height : 125%;
	color : #0c94e1;
}
/* 本文 */
#ctg-col div.maindate {
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #666666;
}
#ctg-col div.maintitle, #ctg-col div.maintitle a {
	padding: 5px 0px 0px 0px;
	font-size: 24px;
	line-height : 148%;
	font-weight: bold;
	color : #ff6699;
	text-decoration: none;
}
#ctg-col div.maintitle a:hover {
	padding: 5px 0px 0px 0px;
	font-size: 24px;
	line-height : 148%;
	font-weight: bold;
	color : #ff6699;
	text-decoration: underline;
}
#ctg-col div.maintxt {
	padding: 10px 0px 10px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #333333;
}

#ctg-col div.maintxt .box {
	padding-top:10px;
	width:100%;
}




.entry_item1 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	font-weight: bold;
	color : #ff6600;
}
.entry_item2 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #ff6600;
}
.entry_item3 {
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	line-height : 148%;
	color : #666666;
}
.entry_item4 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #ff6699;
}
.entry_item5 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #000000;
}
.entry_item6 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	font-weight: bold;
	color : #CC0000;
}
.entry_item7 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #0c94e1;
}

.entry_item8 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #FF0000;
}

.entry_item9 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #CC0000;
}

.entry_item10 {
	padding: 5px 0px 0px 0px;
	font-size: 13px;
	line-height : 148%;
	color : #CC0000;
}

.entry_item11 {
	padding: 5px 0px 0px 0px;
	font-size: 13px;
	line-height : 148%;
	color : #0000CC;
}

.entry_item12 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	color : #000000;
}

.entry_item13 {
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	line-height : 148%;
	color : #000000;
}

.entry_item14 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	color : #ff6699;
}
.entry_item15 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	color : #CC0000;
}




.red_14_b {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	font-weight: bold;
	color : #CC0000;
}

.orange_14_b {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	font-weight: bold;
	color : #ff6600;
}
.black_14_b {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	font-weight: bold;
	color : #000000;
}
.black_14 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	color : #000000;
}

.pink_14 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	color : #ff6699;
}

.red_14 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	color : #CC0000;
}

.orange_14 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	line-height : 148%;
	color : #ff6600;
}

.red_13 {
	padding: 5px 0px 0px 0px;
	font-size: 13px;
	line-height : 148%;
	color : #CC0000;
}

.blue_13 {
	padding: 5px 0px 0px 0px;
	font-size: 13px;
	line-height : 148%;
	color : #0000CC;
}

.orange_12 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #ff6600;
}
.pink_12 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #ff6699;
}
.black_12 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #000000;
}
.black_12_b {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	font-weight:bold;
	color : #000000;
}

.lightblue_12 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #0c94e1;
}

.red_12 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height : 148%;
	color : #CC0000;
}

.gray_10 {
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	line-height : 148%;
	color : #666666;
}
.black_10 {
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	line-height : 148%;
	color : #000000;
}
.MediaGenre{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	line-height: 120%;
}

.entry_comment {
	width: 400px;
	padding: 10px;
	border: 1px dashed #999999;
}
.entry_line {
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
}
.entry_line_head {
	border-top: 1px solid #999999;
}
.entry_line_last {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	border-top: 1px solid #ffffff;
}
br.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}

table.news_1112{
	width:100%;
	margin:20px 0;
}
	table.news_1112 td.img_box{
		width:50%;
		text-align:center;
		vertical-align:middle;
		padding-bottom:10px;
	}
	table.news_1112 td.img_box img.b7{
		border:1px solid #ccc;
	}

	table.news_1112 td.comment{
		padding:10px 10px 15px 10px;
	}