@charset "UTF-8";

/*//////////////////////////////////////////////////

Title : top2.css
For   : New Top styles

Created       : 2012-2-3
Last Modified :

/*===== CONTENTS ===========================================

	 1: BASE
	 2: HEADER
	 3: GLOBAL NAVI
	 4: PROMOTION AREA
	 5: LEFT CONTENTS

==========================================================*/

/*======================================

	1: BASE

=======================================*/
#contents {
	background-image: none;
	width: 996px;
	margin: 0 auto;
	scrollbar-face-color: #cd396a;
	scrollbar-track-color: #efe4e7;
	scrollbar-arrow-color: #cd396a;
	scrollbar-highlight-color: #cd396a;
	scrollbar-shadow-color: #cd396a;
	scrollbar-3dlight-color: #cd396a;
	scrollbar-darkshadow-color: #cd396a;
	padding: 0 5px;
}

body {
	color: #4c3942;
	background-color: #FFF;
}

/*======================================

	3: GLOBAL NAVI

=======================================*/

#global_navi {
	width: 996px;
	position: relative;
}
#global_navi ul li{
	float: left;
}

#global_navi ul li a.main_nav{
	padding: 13px 13px 10px;
	display: block;
	background: url(/img/top2/bg_gnav.gif) no-repeat right center;
	color: #4c3942;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#global_navi ul li a.main_nav:hover{
	color: #CD396A;
}
#global_navi ul li#nav_present a.main_nav{
	background: none;
}

.sub_navi ul{
	width: 200px;
	border-right: 1px solid #e6dbd0;
	border-bottom: 1px solid #e6dbd0;
}

.sub_navi ul li a{
	width: 196px;
	border-left: 1px solid #e6dbd0;
	border-top: 1px solid #e6dbd0;
	display: block;
	text-decoration: none;
	color: #4c3942;
	padding: 10px 2px;
	background-color: #FFF;
}

.sub_navi ul li a:hover{
	color: #4c3942;
	background-color: #f3ecee;
}

#left_contents .sub_navi {
	padding: 0;
	width: 278px;
	border-left: none;
	border-top: none;
	border-right: 1px solid #948679;
	border-bottom: 1px solid #948679;
	background-color: #FFF;
	display: block;
	position: static;
	text-align: left;
	margin: 0 0 20px 10px;
}

#left_contents .sub_navi ul{
	width: 277px;
	border-right: 1px solid #e6dbd0;
	border-bottom: 1px solid #e6dbd0;
}

#left_contents .sub_navi ul li a{
	width: 242px;
	border-left: 1px solid #e6dbd0;
	border-top: 1px solid #e6dbd0;
	display: block;
	text-decoration: none;
	color: #4c3942;
	padding: 10px 2px 10px 32px;
	background-color: #FFF;
	background: url("/img/top2/footer_mark.gif") no-repeat 20px 15px;
}

#left_contents .sub_navi ul li.sub_header a{
	width: 252px;
	border-left: 1px solid #e6dbd0;
	border-top: 1px solid #e6dbd0;
	border-bottom: 1px solid #B7A596;
	display: block;
	text-decoration: none;
	color: #4c3942;
	font-weight: bold;
	padding: 12px 2px 12px 22px;
	background: #EFE4E7 url("/img/top2/footer_mark.gif") no-repeat 10px 15px;
}

#left_contents .sub_navi ul li a:hover{
	color: #4c3942;
	background-color: #f3ecee;
}


/*======================================

	4: PROMOTION AREA

=======================================*/

#wrapper_promotion {
	width: 100%;
	background: url("/img/top2/bg_promotion.gif") no-repeat center 127px;
}

#TOP #promotion_area {
	width: 996px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

/* TOPICS */
#topicpath_area {
	width: 958px;
	height: 22px;
	margin: 0 0 0 10px;
	padding: 5px 0 ;
	/*padding: 5px 10px;*/
	overflow: hidden;
}

/* API */
#APItools {
	width: 100%;
	padding: 0;
	position: fixed;
	bottom: -5px;
	left: -1px;
	background-color: #EFE4E7;
	/*border-radius: 0.4em;*/
	padding: 5px 5px 0 5px;
	/*border: 1px solid #8E757F;*/
	z-index: 1000;
}

#facebook_area {
	float: left;
}

#greeSocialFeed {
	float: left;
}

#mixiIine {
	float: left;
}

#twitterButton {
	float: left;
}

#twitterButton  iframe{
	border: none;
	width: 110px !important;
}

#bookmark_area{
	float: right;
	margin: 0 8px 0 0 ;
	padding: 3px 0 0;
}

body#TOP .bookmark,
body#LANDING .bookmark {
	display: none;
	float: right;
	margin: 0;
	padding: 0;
	width: 80px;
}

body#TOP #ajaxSocial {
	width: 680px;
    height: 31px;
	float: left;
}

/* BANNER */
#promotion_banner {
	width: 300px;
	margin: 0;
}
ul.banner_section li,
#promotion_banner ul li{
	margin-bottom: 14px;
}

body#TOP #promotion_banner {
	width: 300px;
	margin: 10px 14px 0 0;
	_margin: 10px 0 0 0;
}

body#TOP #promotion_banner ul li{
	border-bottom: 1px solid #FFF;
	margin-bottom: 11px;
}

/* FLASH */
#flashcontent {
	width: 680px;
	float: right;
	margin-top: 5px;
}

/*======================================

	5: LEFT CONTENTS

=======================================*/

#left_contents {
	width: 300px;
	float: left;
	/*padding-top: 22px;*/
}

#member_join {
	width: 300px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url("/img/top2/line_left_contents.gif") no-repeat center bottom;
}

#left_search,
#left_hqnews {
	width: 298px;
	padding-bottom: 25px;
	margin-bottom: 10px;
	*margin-bottom: 0;
	background: url("/img/top2/line_left_contents.gif") no-repeat center bottom;
}

#left_search_inner,
#left_hqnews_inner {
	border: 1px solid #8e757f;
	background-color: #fcf9fa;
	padding: 15px 10px 5px;
	text-align: left;
}

#left_search_inner .author_search,
#left_search_inner .original_search {
	width: 276px;
	height: 24px;
	margin-bottom: 10px;
	background: url("/img/top2/bg_search_input.gif") no-repeat left top;
	position: relative;
}
#left_search_inner select {
	width: 215px;
	height: 20px;
	margin-top: 2px;
	border: 0;
	background-color: transparent;
}

#left_search_inner .search-btn-s {
	width: 54px;
	height: 26px;
	border: 0;
	background: url("/img/top2/btn_left_search.gif") no-repeat left top;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

.information_area {
	width: 300px;
	padding: 0 0 25px;
	margin: 0 0 10px;
	background: url("/img/top2/line_left_contents.gif") no-repeat center bottom;
}

.information_area .information_area_wrap {
	width: 278px;
	border-bottom: 1px solid #8e757f;
	border-left: 1px solid #8e757f;
	border-right: 1px solid #8e757f;
	background-color: #FFF;
	padding: 15px 10px 5px;
	text-align: left;
}

.information_area_inner {
	width: 280px;
	height: 390px;
	overflow: auto;
	position: relative;
}

#TOP .information_area_inner {
	/*height: 650px;*/
	height: auto;
	overflow: none;
}

.ranking_area dl {
	width: 248px;
	margin: 0 5px 5px;
	padding: 5px 0 0;
	border-bottom: 1px dotted #8e757f;
}

#TOP .ranking_area dl {
	width: 265px;
}

.ranking_area dl dd.book {
	margin: 0 10px 0 5px;
	margin: 0 8px 0 5px;
	width: 80px;
}

.ranking_area dl dd.book img {
	margin-bottom: 10px;
}

.ranking_area dl dd.title {
	width: 88px;
}

#TOP .ranking_area dl dd.title {
	width: 108px;
	width: 143px;
}

.ranking_area dl.low {
	margin: 0 5px 5px;
	padding: 5px 0;
	width: 244px;
}

#TOP .ranking_area dl.low {
	width: 265px;
}

.ranking_area dl.low dd.title {
	width: 220px;
}

.information_area .more_ranking {
	margin: 10px 5px 5px;
	text-align: right;
}

.information_area_wrap ul.browse_through_review {
	margin: 0 5px 5px;
	padding: 5px 0 0;
	overflow: hidden;
	width: 248px;
	*width: 248px;
}

#TOP .information_area_wrap ul.browse_through_review {
	width: 258px;
}

.information_area_wrap ul.browse_through_review li.book_review {
	margin: 0 10px 0 0;
	width: 80px;
}

.information_area_wrap ul.browse_through_review li.title_review {
	width: 145px;
}

#TOP .information_area_wrap ul.browse_through_review li.title_review {
	*width: 160px;
}

.information_area_wrap p.txt_review {
	padding-bottom: 5px;
	border-bottom: 1px dotted #8e757f;
}

.site_banner_area ul li {
	margin-bottom: 14px;
}

#left_download {
	padding-top: 10px;
	padding-bottom: 25px;
	margin-bottom: 10px;
	*margin-bottom: 0;
	background: url("/img/top2/line_left_contents.gif") no-repeat center bottom;
}

#left_download p{
	text-align: left;
}

#left_download .p_link{
	color: #b88ba0;
	font-size: 88%;
	text-align: right;
}

#left_download img{
	-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.3);
	-o-box-shadow:0 0 6px 0 rgba(0,0,0,0.3);
	-ms-box-shadow:0 0 6px 0 rgba(0,0,0,0.3);
}

/*======================================

	6: RIGHT CONTENTS

=======================================*/

#right_contents {
	width: 682px;
	float: right;
	/*padding-top: 25px;*/
	text-align: left;
}

#right_contents_wrap {
	width: 682px;
	background-image: none;
}

/*======================================

	7: FOOTER

=======================================*/
.pagetop {
	width: 100%;
	Clear: both;
	margin-top: 40px;
}

.pagetop_wrap {
	width: 996px;
	margin: 0 auto;
	text-align: right;
}

#footer {
	width: 100%;
	background-color: #efe4e7;
}

#footer_navi {
	width: 100%;
	padding: 20px 0;
	background:  url("/img/top2/bg_footer.gif") left top;
	border-bottom: 1px solid #FFF;
}

#footer_banner {
	width: 856px;
	margin: 0 auto;
	padding: 0 70px;
	border-bottom: 1px solid #d7d7d7;
}

#footer_banner  ul {
	height: 90px;
	margin-bottom: 20px;
}

#footer_banner  ul li{
	float: left;
	margin: 0 7px;
	_margin: 0 6px;
}

#footer_navi_inner {
	width: 996px;
	/*min-height: 530px;
	_height: 550px;*/
	margin: 0px auto;
	padding: 20px 0;
	border-top: 1px solid #FFFFFF;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}

#SITEMAP .sitemap_area div div {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #d7d7d7;
}

#SITEMAP .sitemap_area ul li a,
#footer_navi_inner a {
	color: #4C3942;
	padding-left: 10px;
	background: url("/img/top2/footer_mark.gif") no-repeat left 5px;
}

#SITEMAP .sitemap_area ul li a:hover,
#footer_navi_inner a:hover {
	color: #925f77;
}

#SITEMAP .sitemap_area ul li ,
#footer_navi_inner li{
	margin-bottom: 5px;
}

#footer_navi_comic {
	float: left;
	width: 248px;
	min-height: 440px;
	_height: 460px;
	border-right: 1px dashed #d7d7d7;
}

#footer_navi_course {
	float: left;
	width: 243px;
	/*min-height: 690px;
	_height: 710px;*/
	padding-left: 5px;
	border-left: 1px dashed #FFFFFF;
	border-right: 1px solid #d7d7d7;
}

#footer_navi_otoku {
	float: left;
	width: 241px;
	min-height: 440px;
	_height: 460px;
	padding-left: 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #d7d7d7;
}

#footer_navi_site {
	float: left;
	width: 241px;
	min-height: 440px;
	_height: 460px;
	padding-left: 5px;
	border-left: 1px solid #FFFFFF;
}

#SITEMAP .sitemap_area ul li a.category,
#footer_navi_comic ul li a.category,
#footer_navi_course ul li a.category,
#footer_navi_otoku ul li a.category,
#footer_navi_site ul li a.category{
	font-weight: bold;
	line-height: 1.8;
	margin-top: 5px;
}

#SITEMAP .sitemap_area ul li ul li ,
#footer_navi_comic ul li ul li,
#footer_navi_course ul li ul li,
#footer_navi_otoku ul li ul li,
#footer_navi_site ul li ul li{
	margin: 0 8px 5px;
}

#footer_navi_comic span,
#footer_navi_course span,
#footer_navi_otoku span,
#footer_navi_site span {
	font-size: 78%;
}

#under_area {
	width: 996px;
	margin: 0px auto;
	padding: 20px 0 40px;
	clear: both;
	text-align: left;
	position: relative;
}
#under_area_inner{
	width: 440px;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 0;
}

#under_area_inner ul {
	margin-bottom: 5px;
}

#under_area_inner ul li{
	display: inline;
}

.copy {
	color: #b88ba0;
	font-size: 88%;
	width: 520px;
}

/*======================================

	*: Adjast

=======================================*/

body#TOP div.top_utilities,
body#TOP div.top_utilities_inner {
	width: 682px;
}

body#TOP div.utility_box {
	width: 314px;
}

body#TOP div.today_box {
	margin-left: 0;
}

body#TOP .h2_area p,
body#WALLPAPER .h2_area p {
	color: #311b25;
	top: 10px;
}

h2.middle {
	width: 420px;
	background: url("/img/top2/bg_h2_m.gif") no-repeat left top;
	color: #311b25;
	padding: 0 10px;
}

h2.long,
#WALLPAPER .h2_area  {
	width: 664px;
	background: url("/img/top2/bg_h2_l.gif") no-repeat left top;
	color: #311b25;
	padding: 0 10px;
    position: relative;
}
h2.long .btn{
    position: absolute;
    top: 4px;
    right: 8px;
}

#TOP .area_wrap {
	width: 682px;
	background-image: none;
}

#TOP #ranking_carousel_comic .area_wrap_inner,
#TOP #ranking_carousel_novel .area_wrap_inner {
	float: left;
}

.more {
	background-color: #FFF;
}

 .promotion_area {
	padding: 0 11px 30px;
	width: 660px;
}

#right_contents {
	/*margin-top: 22px;*/
	padding-top: 13px;
	background: url("/img/top2/bg_main_content.gif") no-repeat center top;
}

#TOP #right_contents {
	margin-top: 0px;
	padding-top: 0px;
	background-image: none;
}

#main_contents .left_calam {
}

#main_contents .right_calam {
	float: right;
	width: 200px;
	margin-right: 10px;
	_margin-right: 6px;
}

h2.separate {
	width: 305px;
	background: url("/img/top2/bg_h2_m.gif") no-repeat left top;
	color: #311b25;
}

.index_title .btn {
	background: url("/img/top2/bg_h2_m.gif") no-repeat right top;
}

#LOGIN #main_contents {
	overflow: hidden;
	margin: 22px auto 0;
	padding: 13px 0 0;
	width: 682px;
	background: url("/img/top2/bg_main_content.gif") no-repeat center top;
}

body#RANKING001 .ranking_area {
	background-position: center bottom;
	width: 682px;
}

body#RANKING001 .ranking_area dl {
	width: 662px;
	border: none;
}

.feature_area {
	width: 660px;
	margin-left: 11px;
}

.feature_archive,
body#WALLPAPER .wallpaper_archive {
	width: 682px;
}
.feature_archive_wrap,
body#WALLPAPER .wallpaper_archive_wrap {
	width: 680px;
}

.feature_area span.copy {
	width: 210px;
}

#FEATURE-ORITOGA #right_contents h2,
#FEATURE002-1 #right_contents h2,
#FEATURE-DS #right_contents h2,
#FEATURE-INFERNO #right_contents h2,
#FEATURE-ITALIAN #right_contents h2,
#FEATURE-SINGLEMOTHER #right_contents h2,
#FEATURE-HITOMEBORE #right_contents h2,
#FEATURE-HISTORICAL #right_contents h2,
#FEATURE-KIZUWOIYASU #right_contents h2,
#FEATURE-ROMAN_SUS #right_contents h2,
#FEATURE-BILLIONAIRE #right_contents h2,
#FEATURE-MEET_AGAIN #right_contents h2,
#FEATURE-FOREIGN_LOVE #right_contents h2,
#FEATURE-PASSION_ROMANCE #right_contents h2,
#FEATURE-OFFICE_LOVE #right_contents h2,
#FEATURE-ARISTCRACY #right_contents h2,
#FEATURE-CINDERELLA #right_contents h2,
#FEATURE-GREECE #right_contents h2,
#FEATURE-CHRISTMAS #right_contents h2,
#FEATURE-FOREIGN_ROMANCE #right_contents h2,
#FEATURE-FIRST_SIGHT #right_contents h2,
#FEATURE-DOCTOR #right_contents h2{
	margin-left: 11px;
}

#FEATURE-ORITOGA #right_contents .feature_archive h2,
#FEATURE002-1 #right_contents .feature_archive h2,
#FEATURE-DS #right_contents .feature_archive h2,
#FEATURE-INFERNO #right_contents .feature_archive h2,
#FEATURE-ITALIAN #right_contents .feature_archive h2,
#FEATURE-SINGLEMOTHER #right_contents .feature_archive h2,
#FEATURE-HITOMEBORE #right_contents .feature_archive h2,
#FEATURE-HISTORICAL #right_contents .feature_archive h2,
#FEATURE-KIZUWOIYASU #right_contents .feature_archive h2,
#FEATURE-ROMAN_SUS #right_contents .feature_archive h2,
#FEATURE-BILLIONAIRE #right_contents .feature_archive h2,
#FEATURE-MEET_AGAIN #right_contents .feature_archive h2,
#FEATURE-FOREIGN_LOVE #right_contents .feature_archive h2,
#FEATURE-PASSION_ROMANCE #right_contents .feature_archive h2,
#FEATURE-OFFICE_LOVE #right_contents .feature_archive h2,
#FEATURE-ARISTCRACY #right_contents .feature_archive h2,
#FEATURE-CINDERELLA #right_contents .feature_archive h2,
#FEATURE-GREECE #right_contents .feature_archive h2,
#FEATURE-CHRISTMAS #right_contents .feature_archive h2,
#FEATURE-FOREIGN_ROMANCE #right_contents .feature_archive h2,
#FEATURE-FIRST_SIGHT #right_contents .feature_archive h2,
#FEATURE-DOCTOR #right_contents .feature_archive h2 {
	margin-left: 0;
}

body#FEATURE-DS #feature_header {
	background-position: 11px top;
}

body#FEATURE-MODEL .message {
	margin-left: 11px;
}

table.guide_table {
	width: 682px;
}

#feature_header {
	margin-bottom: 0;
}

body#LANDING .area_wrap{
	width: 680px;
	background-image: none;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
}

body#LANDING .area_wrap .area_wrap_inner {
	width: 680px;
	background-image: none;
}

#service_section {
	width: 662px;
}

body#LANDING .landing_btns_area_3col {
	margin-left: 10px;
}
body#TOP #writer_area,
#writer_area,
#author_area {
	/*width: 276px;
	height: 58px;*/
	overflow: auto;
	margin-bottom: 10px;
}
#left_search_inner .btn_wrap {
    margin: 5px auto;
    width: 95%;
}

#left_search_inner .btn {
    margin:  auto;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    font-weight: bold;
    border: 1px solid #9a1944;
    background-color: #ca3869;
    color: #fff;
    padding: 0.5rem 0;
    clear: both;
    width: 100%;
}

body#TOP #writer_area ul,
#writer_area ul,
#author_area ul {
	margin: 0;
	padding: 0 0 0 7px;
	width: 269px;
}
body#TOP #writer_area ul li,
#writer_area ul li {
	float: left;
	font-size: 92%;
	margin: 0;
	padding-bottom: 8px;
	width: 88px;
}

#author_area ul li {
	float: left;
	font-size: 92%;
	margin: 0;
	padding-bottom: 8px;
	width: 132px;
}
body#TOP #writer_area ul li a,
#author_area ul li a,
#writer_area ul li a{
	background: url("/img/top/tab_arw.gif") no-repeat 0 4px;
	font-weight: normal;
	padding-left: 7px;
}

/*======================================

	BinB PC

=======================================*/

.viewer_cap {
	margin-top: 10px;
	margin-bottom: 8px;
}

.viewer_help {
	margin-top: 5px;
	margin-bottom: 8px;
	padding-bottom: 7px;
	width: 210px;
	border-bottom: 1px solid #CACACA;
}

.viewer_help span{
	width: 210px;
}

/*--- utilities ----*/

body#TOP #top_utilities {
	width: 682px;
	height: 231px;
	overflow: hidden;
	margin-bottom: 10px;
}

/* clearfix */
body#TOP #top_utilities:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

body#TOP #top_utilities #top_util_left{
	width: 190px;
	height: 231px;
	margin-right: 7px;
	float: left;
	background: url("/img/top2/bg_random.gif") no-repeat left top;
}

body#TOP #top_utilities #top_util_right{
	width: 485px;
	float: right;
}

div#today_box {
	padding: 10px 23px;
	width: 144px;
	height: 210px;
	background-image: none;
	float: none;
	position: relative;
}

div#today_box div{
	width: 144px;
	height: 210px;
	text-align: center;
	float: left;
}

div#today_box a.prev,body#TOP div#today_box a.next {
	background: url("/img/top/today_nav_btns.gif") no-repeat transparent;
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 68px;
}
div#today_box a.prev {left: 5px; background-position: 0 -1px; }
div#today_box a.prev:hover {background-position: 0 -16px; }
div#today_box a.prev .disabled {background-position: 0 -32px !important;}
div#today_box a.next {right: 5px; background-position: -16px -1px; }
div#today_box a.next:hover {background-position: -16px -16px; }
div#today_box a.next .disabled {background-position: -16px -32px !important;}
div#today_box a.next .disabled,body#TOP a.next.disabled {
	cursor: default;
}
div#today_box a.prev span,body#TOP div#today_box a.next span {
	display: none;
}

div#today_box p{
	margin-bottom: 5px;
}

div#today_box dl{
	font-size: 11px;
	height: 125px;
	position: relative;
	overflow:hidden;
}

div#today_box dl dt,body#TOP div#today_box dl dd{
	line-height: 1.4;
}

div#today_box dl dt a {
	color: #e50072;
	font-weight: bold;
}

div#today_box dl dt a:hover {
	color: #ff48a3;
	font-weight: bold;
}



/* ticker_style */
body#TOP div#info_box {
	width: 485px;
	height: 73px;
	background: url("/img/top2/bg_news.gif") no-repeat left top;
	position: relative;
	overflow: hidden;
	margin-bottom: 8px;
}

body#TOP div#info_box h2{
	margin: 10px 0 12px 12px;
}

body#TOP div#info_box .info_btn {
	position: absolute;
	top: 9px;
	right: 12px;
}

body#TOP div#info #info_main_area dl {
	float: left;
	padding-top: 2px;
	width: 470px;
	height: 24px;
	overflow: hidden;
}

body#TOP div#info #info_main_area dl dt,
body#TOP div#info #info_main_area dl dd {
	float: left;
	margin-right: 18px;
	font-family: Georgia,Trebuchet, Helvetica, Verdana;
	line-height: 1.8em;
}

body#TOP div#info #info_main_area dl dd {
	width: 340px;
}

body#TOP div#info #info_ticker {
	margin-left: 8px;
}

body#TOP div#info .info_btn {
	position: absolute;
	top: 8px;
	right: 8px;
}

/* osusume_menu */
body#TOP #utility_box {
	width: 485px;
	height: 62px;
}

body#TOP #utility_box ul li{
	float: left;
}

/*body#TOP .section_4col .box,
body#TOP .section_5col .box {
	width: 143px;
	margin: 0 16px 0 6px;
	_margin: 0 14px 0 6px;
}

body#TOP .whatsnew .section_2col .box p{
	width: 150px;
}

body#TOP .whatsnew .section_2col .box dl {
float: left;
width: 148px;
}*/

.binb_box {
	background-color: #fbfef6;
	border: 18px solid #eaf8da;
	padding: 15px;
	margin-bottom: 25px;
}
.binb_box h2 {
	color: #649f30;
	font-size: 20px;
	font-weight: nomal;
	margin-bottom: 10px;
}
.binb_box dl {
	margin-bottom: 15px;
}
.binb_box dl dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.binb_box dl dd.link {
	background: url("/img/top2/footer_mark.gif") no-repeat left center;
	margin: 5px 0 0 0;
	padding-left: 10px;
}

.ranking_area dl {
	width: 259px;
	margin: 0;
	padding: 5px 0 0;
	border-bottom: 1px dotted #8E757F;
}

.ranking_area dl dd.no {
	width: 26px;
	padding-top: 3px;
}

.ranking_area dl dd.book {
	margin: 0 4px 0 0;
	width: 80px;
}

.ranking_area dl dd.title {
	width: 143px;
}

body#PREMIUM #contents_area .top_btnset {
	text-align: center;
}
body#PREMIUM #contents_area .top_btnset ul li {
	float: none;
}

.lang_menu a {
	padding-left: 5px;
	background: url("/img/top2/footer_mark.gif") no-repeat left center;
}

body#TOP .txt_review
body#TOP .box dl dd{
	white-space: normal;
	word-wrap: break-word;
}

/* mylist dialog */
.top_btnset ul li.mylist a:hover{
	cursor: pointer;
}
.ui-widget-overlay {
	background-color: #000 !important;
	opacity: .30 !important;
	filter: Alpha(Opacity=30) !important;
}
.ui-dialog {
	background-color: rgba(65,20,97,0.8) !important;
	background-image: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AA411461', endColorstr='#AA411461') !important;
	color: #fff !important;
	border: 1px solid #fff !important;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3) !important;
}
.ui-widget-content .ui-icon {
	background-image: url("/img/top2/ui-icons_d8e7f3_256x240.png") !important;
}
.ui-widget-header {
	padding-left: 25px !important;
	border: none !important;
	background: #3b1c62 url("/img/book/icon_mylist_create.gif") no-repeat 5px center !important;
}
.ui-widget-content {
	text-align: left !important;
}
.ui-widget-content a {
	color: #FFF !important;
	text-decoration: underline !important;
	cursor: pointer;
}
.mylist_dialog_item a{
	margin-bottom: 10px !important;
	padding-left: 20px !important;
	background: url("/img/book/icon_mylist.gif") no-repeat left center !important;
	display: inline-block !important;
}
.mylist_dialog_item a:hover{
	color: #82bdff !important;
}
.mylist_dialog_item span{
	margin-left: 10px !important;
	color: #dbc6ff !important;
	font-size: 85% !important;
	vertical-align: top;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: none !important;
	background: #DABDDB url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x !important;
}
#mylist_dialog_close {
	margin-top: 10px !important;
	display: inline-block !important;
}

/* hqnews */
#left_hqnews_inner{
	padding-top: 5px;
}
#left_hqnews ul li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.8;
	border-bottom: 1px dotted #8E757F;
}
#left_hqnews ul li.time{
	list-style-type: none;
	font-size: 10px;]
	border-bottom: none;
}
#left_hqnews ul li .icon_new{
	margin-left: 5px;
	padding: 0 3px;
	background-color: #FFA505;
	color: #FFF;
	font-size: 10px;
	text-shadow:0px -1px #FF9105,1px 0px #FF9105,0px 1px #FF9105,-1px 1px #FF9105;
	line-height: 1.4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
}
#left_hqnews .more_hqnews {
	margin: 10px 5px 5px;
	text-align: right;
}

.blinking{
	-webkit-animation:blink 10.5s linear infinite alternate;
    -moz-animation:blink 0.5s linear infinite alternate;
    animation:blink 0.5s linear infinite alternate;
}

#COMIC001 h1.tit_coursename {
  font-size: 1.2rem;
  display: block;
  font-weight: bold;
  float: left;
  width: 650px;
  padding: 5px 0 5px 10px;
  margin: 0 10px 15px 10px;
  border-top: 2px solid #f08220;
  background: #feedde;
}

#COMIC001 .description_area {
  width: 660px;
  margin: 0 auto 20px auto;
  clear: both;
  overflow: hidden;
}

#COMIC001 .description_area .box_L{
  float: left;
  width: 30%;
}

#COMIC001 .description_area .box_R{
  float: right;
  width: 68%;
}

#COMIC001 .feature_box dd.read a.btn.binb {
	width: 40%;
}

#COMIC001 .description_area .box_R .text_date{
	margin: 0 0 15px;
    padding: 0 0 5px 2%;
    width: 98%;
	border-bottom: 1px solid #ccc;
}


#COMIC001 dd.read a.btn {
  margin: 5px auto;
  border-radius: 4px;
  display: inline-block;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold;
  border: 1px solid #aaaaaa;
  background-color: #fff;
  color: #5c5c5c;
  padding: 0.5rem 0; }


#COMIC001 dd.read a.btn.binb {
      margin-top: 10px;
      width: 80%;
      color: #ff9600; }

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}