@charset "UTF-8";

/*--------------------------------*/
/*エリア分け*/


#leftarea {
	float: left;
	width: 618px;
}

#rightarea {
	float: left;
	width: 282px;
}
#rankingarea {
	width: 200px;
	margin-right: 8px;
	float: left;
	padding-top: 3px;
}
#osusumearea {
	float: left;
	width: 400px;
	padding-top: 3px;
}

/*--------------------------------*/
/*フラッシュ*/

#flash {
	width: 608px;
	float: left;
}

/*--------------------------------*/
/*メニュー*/

.genre_list {
	FLOAT: left;
	WIDTH: 87px;
	text-align: right;
	height: 13px;
	padding-top: 27px;
	padding-bottom: 7px;
}

.genre_chosha_list {
	FLOAT: left;
	WIDTH: 87px;
	text-align: right;
	height: 13px;
	padding-top: 9px;
	padding-bottom: 7px;
}



#genre_menu {
	MARGIN-TOP: 0px;
	WIDTH: 520px;
	HEIGHT: 40px;
	float: left;
	padding-bottom: 7px;
}
#genre_menu UL {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	BORDER-RIGHT-WIDTH: 0px;
}
#genre_menu LI {
	FLOAT: left;
	WIDTH: 127px;
	HEIGHT: 40px;
	margin-right: 3px;
}
#genre_menu SPAN {
	DISPLAY: none;
}
#genre_menu A {
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 127px;
	PADDING-TOP: 0px;
	HEIGHT: 40px;
}

#genre_comic {
	BACKGROUND: url(/image/main_tab_comic.gif) no-repeat 0px 0px;
}

#genre_tankobon {
	BACKGROUND: url(/image/main_tab_tankobon.gif) no-repeat 0px 0px;
}

#genre_bunko {
	BACKGROUND: url(/image/main_tab_bunko.gif) no-repeat 0px 0px;
}

#genre_crayon {
	BACKGROUND: url(/image/main_tab_crayon.gif) no-repeat 0px 0px;
}
/*--------------------------------*/
/*ジャンル*/

#category {
	width: 618px;
}

.line_top {
	background-image: url(/common/line_top.gif);
	background-repeat: no-repeat;
	width: 618px;
	height: 5px;
}

.line_under {
	background-image: url(/common/line_under.gif);
	background-repeat: no-repeat;
	width: 618px;
	height: 9px;
}

.line_bottom {
	background-image: url(/common/line_bottom.gif);
	background-repeat: no-repeat;
	width: 618px;
	height: 12px;
}

.line_left {
	background-image: url(/common/line_left.gif);
	background-repeat: repeat-y;
	width: 3px;
}

.line_right {
	background-image: url(/common/line_right.gif);
	background-repeat: repeat-y;
	width: 3px;
}


.line_top_l {
	background-image: url(/common/line_top_l.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 5px;
}

.line_under_l {
	background-image: url(/common/line_under_l.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 9px;
}

.line_bottom_l {
	background-image: url(/common/line_bottom_l.gif);
	background-repeat: no-repeat;
	width: 900px;
	height: 12px;
}

/*--------------------------------*/
/*トピックス*/

#topics {
	float: left;
	width: 280px;
	border: 1px solid #a2a2a2;
}

#topics_tab {
	background-image: url(/common/tab_bg.gif);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a2a2a2;
    padding:4px 12px 6px;
	height:13px;
}

#topics_tab .update {
	text-align: right;
	float: none;
	font-size: 10px;
	color: #626160;
}
#topics_tab img {
	float: left;
	margin:2px 0 0;
}

.topics_update {
	font-size:10px;
	color:#626160;
}

.topic_list {
	font-size: 12px;
	/*line-height: 24px;*/
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 7px;
}

.topic_list ul {
	margin:0px;
	padding:0px;
}

.topic_list li {
	margin-top:6px;
	list-style: none;
	padding-left: 0px;
}

.topic_list li img {
	margin-left:2px;
	border:0;
}

.topic_past {
	text-align:right;
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 5px;
}

/*--------------------------------*/
/*PR*/

.pr {
	float: left;
	border: 1px solid #55B4E7;
	padding-left: 8px;
	background-color: #EEF6FC;
	width: 272px;
}

.pr_title {
	background-image: url(/common/pr_tab.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	float: left;
	margin-top: 7px;
	width: 277px;
	height: 21px;
}

#contentarea .pr p {
	float: left;
	width: 180px;
	margin-top: 8px;
}
#contentarea .pr img {
	float: left;
	padding: 0px;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.pr_archive {
	float: left;
	width: 605px;
	background-color: #a2a2a2;
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

/*--------------------------------*/
/*注目ページ*/

#ranking_tab {
	background-image: url(/common/tab_bg.gif);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a2a2a2;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
}

#ranking {
	float: left;
	width: 198px;
	border: 1px solid #a2a2a2;
	margin-top: 0px;
}

/*--------------------------------*/

/*テキスト*/

.genremaintxt {
	font-size:14px;
	color:#626160;
	line-height:22px;
	font-weight: bold;
}

.genretxt {
	font-size:14px;
	color:#ffffff;
	font-weight: bold;
}

.genreitemtxt {
	font-size:12px;
	color:#626160;
	line-height:18px}

nobr {
   float: left;
   margin: 0px 3px 0px 3px;
   white-space: nowrap;
}


.oshirasedatetxt {
	font-size:10px;
	color:#007DBF;
	line-height:14px
}


/*--------------------------------*/
/*バナー*/

#banner {
	width: 202px;
	margin-top: 0px;
	float: none;
}

/*--------------------------------*/
/*おすすめ*/

#osusume_tab {
	background-image: url(/common/tab_bg.gif);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #a2a2a2;
	width: 376px;
}
.osusume {
	float: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
	width: 390px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a2a2a2;
	border-bottom-color: #a2a2a2;
	border-left-color: #a2a2a2;
}
#contentarea .osusume p {
	float: left;
	width: 286px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
/*#contentarea .osusume img {
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #000000;
}*/

.osusume_img{
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #000000;
}

.arrow_new{
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.osusume_arrow_new{
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*--------------------------------*/
/*おしらせ*/

#oshirase_tab {
	background-image: url(/common/tab_bg.gif);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	width: 256px;
	border: 1px solid #a2a2a2;
	margin-top: 10px;
}
.oshirase {
	float: left;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
	width: 264px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a2a2a2;
	border-bottom-color: #a2a2a2;
	border-left-color: #a2a2a2;
	padding-right: 8px;
}
#contentarea .oshirase p {
	float: left;
	width: 264px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color:#626160;
	line-height:18px;
	margin-top:7px;
}

#contentarea .event {
	float: left;
	width: 248px;
	background-color: #EEF6FC;
	border: 1px solid #55B4E7;
	margin-top: 10px;
	padding: 25px 7px 7px 7px;
	background-image: url("/common/tab_title_event.gif");
  	background-repeat: no-repeat;
  	background-position: 7px 5px;
   	text-align: left;
}


/*--------------------------------*/
/*END*/