@charset "UTF-8";

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

Title : top.css
For   : Setting base styles of the site

Created       : 2009-8-26
Last Modified :

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

	 1: COMMON
	 1: INDIVISUAL RESET
	 2: INFORMATION_AREA
	 3: PICKUP_AREA
	 4: LOGIN
	 5: SITEMAP
	 6: ERROR404
	 7: ERRORMESS
	 8: SEARCH
	 9: FAMOUS_AUTHOR
	 10: top_utilities

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

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

	1: COMMON

=======================================*/
#wrapper{
    background: url("/img/top2/bg_wrapper.gif") repeat-x left top;
    overflow: hidden;
}

#TOP .h2_area {
    position: relative;
    width: 100%;
    height: 38px;
    margin: 17px 0 0 0;
    background: url("/img/top2/bg_h2_l.gif") no-repeat left top;
}

#TOP .h2_area h2,
#WALLPAPER .h2_area h2 {
	position: absolute;
    top: 10px;
	left: 9px;
	font-size: 116%;
	font-weight: bold;
    color: #311b25;
}

#TOP .h2_area p {
	position: absolute;
	top: 13px;
	right: 12px;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
}

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

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

	1: INDIVISUAL RESET

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

#TOP .promotion_area {
	clear: both;
	width: 680px;
	margin: 0 0 5px 4px;
}

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

body#TOP .APItools {
	width: 680px;
	height: 31px;
	margin: 0 0 4px 4px;
}

body#TOP .bookmark {
	width: 320px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

body#TOP #ajaxSocial {
	width: 352px;
	_width: 360px;
	padding: 3px 0 0;
	margin: 0 8px 0 0;
	_margin: 0;
	float: right;
}

body#TOP .APItools #twitterButton {
	float: right;
	height: 31px;
	padding: 0;
	margin: 0;
	width: 97px;
	display: block;
}

body#TOP .APItools #twitterButton iframe {
	height: 31px !important;
	width: 97px !important;
}

body#TOP .APItools #mixiCheck {
	float: right;
	height: 31px;
	padding: 0;
	margin: 0;
	width: 80px;
	display: block;
}

body#TOP .APItools #mixiIine {
	float: right;
	height: 31px;
	padding: 0;
	margin: 0;
	width: 88px;
	display: block;
}

body#TOP .APItools #greeSocialFeed {
	float: right;
	height: 31px;
	padding: 0;
	margin: 0;
	width: 72px;
	display: block;
}

body#TOP .APItools #greeSocialFeed iframe {
	height: 31px !important;
	width: 72px !important;
}

body#TOP .APItools #facebook_area {
	float: right;
	padding: 0;
	margin: 0;
	width: 90px;
	_width: 83px;
	display: block;
}

body#TOP .APItools #facebook_area iframe {
	height: 31px !important;
	width: 97px !important;
	_width: 90px !important;
	background-color: transparent;
	display: inline;
}

body#TOP .advertising {
	margin: 0 10px 12px 0;
	text-align: right;
}

body#TOP #right_contents_wrap {
	width: 688px;
	background: url("/img/common/bg_main_content.gif") no-repeat left top;
}

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

	2: NAVIGATION_AREA

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

body#TOP #anchor {
	width: 680px;
	padding-top: 30px;
	margin-bottom: 15px;
	background: url("/img/top/anchor_top.gif") no-repeat left top;
}

body#TOP #anchor_inner {
	width: 680px;
	padding-bottom: 35px;
	background: url("/img/top/anchor_bg.gif") no-repeat left bottom;
}

body#TOP #anchor #anchor_inner .odd {
	display: inline;
	float: left;
	width: 225px;
	margin: 0 5px 0 44px;
}

body#TOP #anchor #anchor_inner .even {
	float: left;
	width: 144px;
	margin: 0 5px 0 0;
}

body#TOP #anchor #anchor_inner .even2 {
	float: left;
	width: 212px;
	margin: 0;
}

body#TOP #anchor #anchor_inner ul li {
	padding-left: 11px;
	margin: 5px 5px 0 0;
	background: url("/img/top/anchor_arw.gif") no-repeat 0 2px;
}

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

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

	3: BANNER

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

body#TOP .banner {
	width: 640px;
	padding-top: 20px;
	margin-left: 10px;
	background: url("/img/top/line1.gif") no-repeat scroll left top transparent;
}

body#TOP .banner li {
	float: left;
	width: 310px;
	padding-bottom: 10px;
	margin: 0 20px 0 0;
}

body#TOP .banner li.even {
	float: left;
	width: 310px;
	margin-right: 0;
}

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



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

	4: INFORMATION_MAIN_AREA

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

body#TOP .info_main_area {
	width: 656px;
	padding: 10px 2px 0 2px;
}

body#TOP .info_main_area dl {
	display: inline;
	float: left;
	width: 300px;
	margin: 0 10px 6px 0;
}

body#TOP .info_main_area dl dt {
	float: left;
	width: 70px;
	margin-right: 5px;
}

body#TOP .info_main_area dl dd {
	float: left;
	width: 225px;
}

body#TOP .list {
	text-align: right;
	margin: 0;
}

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

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

	5: WRAP_AREA

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

#TOP .area_wrap {
	width: 660px;
	padding-top: 5px;
}

.more {
	width: 100%;
	margin: 0 0 15px;
}

.more p {
	margin: 0 15px 0 0;
}

body#TOP .more p {
	margin: 0;
}

.more p.note {
	float: left;
	width: 400px;
}

.more p.more_link {
	float: left;
	width: auto;
}

body#TOP .more p.more_link {
	float: right;
	width: auto;
}

.more p.more_link a {
	padding-left: 10px;
	background: url("/img/top/arw.gif") no-repeat 0 4px;
}

body#TOP .more p.more_link a {
	color: #333333;
}

body#TOP .more p.more_link a:hover {
	color: #666666;
}

/* column common */
#TOP .box {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    word-wrap:break-word;
    letter-spacing: normal;
    box-sizing: border-box;
}
#TOP .box p {
    margin: 0;
}
#TOP .box p a{
    display: block;
    text-align: center;
}
#TOP .box dl dt {
    padding-bottom: 6px;
}
#TOP .box dl dt img {/* new icon等 */
    padding-right: 3px;
    vertical-align: bottom;
}
#TOP .box dl dt a {
    color: #e50072;
    font-weight: bold;
}

body#TOP .box dl dt a:hover {
    color: #ff48a3;
    font-weight: bold;
}

body#TOP .box dl dd.author {
    padding-bottom: 5px;
    color: #3795ff;
    font-size: 80%;
}

body#TOP .mark_priceoff{
    margin-top: 5px;
    background-color: #ff0000;
    color: #fff;
    font-size: 0.8rem;
    display: block;
    text-align: center;
    width: 80%;
}
#TOP .section_2col,
#TOP .section_2col_pickup,
#TOP .section_3col,
#TOP .section_4col,
#TOP .section_5col {
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: url("/img/top2/bg_top_books.gif") no-repeat center bottom;
    letter-spacing: -.4rem;
}

/* 2column */
#TOP .section_2col .box {
    padding: 10px;
	width: 50%;
}
#TOP .section_2col .box p{
    width: 50%;
    float: left;
}

/* 3column */
#TOP .section_3col .box {
    width: 33%;
}

#TOP .section_3col .box p {
	width: 50%;
	float: left;
}
#TOP .section_3col .box p img {
    width: 80%;
}

/* 4column */
#TOP .section_4col .box {
    width: 25%;
}
#TOP .section_4col .rank {
	float: left;
	width: 24px;
	margin: 13px 7px 0 0;
	_margin: 13px 5px 0 0;
	text-align: right;
}
#TOP .section_4col .rank p {
	margin: 0;
}

body#TOP .section_4col .box dl {
	padding-top: 10px;
}

body#TOP .section_4col .mark_limited_premium{
    margin: 0 0 4px 0;
    padding: 4px 2px;
    background-color: #e22ee4;
    border-radius: 28px;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 80%;
    font-size: 85%;
}

body#TOP .section_4col .mark_limited_all{
    margin: 0 0 4px 0;
    padding: 4px 2px;
    background-color: #02beae;
    border-radius: 28px;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 80%;
    font-size: 85%;
}

/* 5column */
body#TOP .section_5col .box {
    width: 25%;
}

body#TOP .section_5col .box.end {
	margin-right: 0;
}

body#TOP .section_5col .box dl {
	padding: 10px 10px 0;
}

/* evaluation */
body#TOP .box dl dd.evaluation_text {
	padding-bottom: 5px;
	font-size: 80%;
}

body#TOP .box dl dd ul {
	width: 85px;
}

body#TOP .box dl dd ul li {
	float: left;
	width: 14px;
	margin-right: 3px;
}

/*body#TOP .box dl dd.top_btnset ul {
	width: 118px;
}

body#TOP .box dl dd.top_btnset ul li {
	float: left;
	width: 56px;
	margin-right: 3px;
	margin-top: 3px;
}*/

/* review */
body#TOP .box dl dd.review_date {
	padding-bottom: 5px;
}

/* pickup */
body#TOP .section_2col_pickup .box {
	display: inline;
	float: left;
	width: 306px;
	padding: 13px 0;
	margin: 0 10px 0 10px;
}

body#TOP .section_2col_pickup .box dl {
	float: left;
	width: 188px;
}

body#TOP .section_2col_pickup .box p {
	float: left;
	width: 110px;
	margin: 0 6px 0 0 !important;
}

body#TOP .box dl dd.read {
	text-align: right;
}

/* genre */
body#TOP .genre_btn {
	margin: 15px 0 0 10px;
}

body#TOP .genre_btn.first {
	margin: 10px 0 0 10px;
}
#daily_ranking_comic,
#daily_ranking_novel,
#weekly_ranking_comic,
#weekly_ranking_novel,
#monthly_ranking_comic,
#monthly_ranking_novel{
    width: 660px;
}

/* clearfix */
#TOP .area_wrap .area_wrap_inner .section_2col:after,
#TOP .area_wrap .area_wrap_inner .section_2col_pickup:after,
#TOP .area_wrap .area_wrap_inner .section_3col:after,
#TOP .area_wrap .area_wrap_inner .section_4col:after,
#TOP .area_wrap .area_wrap_inner .section_5col:after,
#TOP .box dl dd ul:after,
#TOP .more:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

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

	4: HARLEQUIN_LIBRARY

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

body#TOP .lead {
	padding: 10px;
	font-size: 116%;
}

body#TOP ul.step {
	width: 623px;
	margin: 10px 0 10px 10px;
}

body#TOP ul.step li {
	float: left;
}

body#TOP .more_course {
	width: 640px;
	padding: 10px 0 7px 0;
	margin: 0 0 10px 10px;
	background-color: #fffeee;
}

body#TOP .more_course dl dt {
	float: left;
	width: 299px;
	padding-top: 14px;
	margin: 0 28px 0 40px;
}

body#TOP .more_course dl dd {
	float: left;
	width: 231px;
}

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

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

	5: COURSE

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

body#TOP .member {
	position: relative;
	width: 643px;
	height: 420px;
	margin: 0 0 17px 13px;
}

body#COURSE_LANDING .member_4col dl,
body#COURSE_LANDING .member_3col dl,
body#TOP .member dl {
	float: left;
	width: 157px;
	margin: 2px 5px 5px 0;
}

body#COURSE_LANDING dl.expremium,
body#TOP .member dl.expremium {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_expremium.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.premium,
body#TOP .member dl.premium {
	width: 157px;
	height: 137px;
	margin-right: 0;
	background: url("/img/top/course_bg_premium.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.standard,
body#TOP .member dl.standard {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_standard.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.economy,
body#TOP .member dl.economy {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_economy.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.theme,
body#TOP .member dl.theme {
	width: 157px;
	height: 137px;
	margin-right: 0;
	background: url("/img/top/course_bg_theme.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.originalauthor,
body#TOP .member dl.originalauthor {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_author.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.editor,
body#TOP .member dl.editor {
	width: 157px;
	height: 137px;
	/*margin: 0;*/
	background: url("/img/top/course_bg_editor.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.premium3000,
body#TOP .member dl.premium3000 {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_3000.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.premium4000,
body#TOP .member dl.premium4000 {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_4000.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.lite,
body#TOP .member dl.lite {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_lite.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.artist,
body#TOP .member dl.artist {
	width: 157px;
	height: 137px;
	background: url("/img/top/course_bg_artist.gif") no-repeat left 77px;
}

body#COURSE_LANDING dl.hero,
body#TOP .member dl.hero {
	width: 157px;
	height: 137px;
	margin-right: 0;
	background: url("/img/top/course_bg_hero.gif") no-repeat left 77px;
}

body#TOP .member dl dd {
	padding: 0 0 1px 6px;
}

body#COURSE_LANDING  .course_btn,
body#TOP .member .course_btn {
	position: absolute;
	top: 288px;
	left: 477px;
	display: none;
}

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

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

	6: FEATURE

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

body#TOP .feature {
	width: 640px;
	margin: 10px 0 0 10px;
}

body#TOP .feature li {
	float: left;
	width: 310px;
	padding-bottom: 10px;
	margin: 0 20px 0 0;
}

body#TOP .feature li.even {
	float: left;
	width: 310px;
	margin-right: 0;
}

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

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

	7: TAB_AREA

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

body#TOP .tab_area {
	width: 660px;
	height: 33px;
	margin-top: 17px;
	background: url("/img/top/tab_bg.gif") repeat-x 0 0;
}

body#TOP .tab_area ul li {
	float: left;
	width: 147px;
}

/* writer_area */
/*body#TOP #writer_area ul {
	width: 580px;
	margin: 15px 0 5px 52px;
}*/

body#TOP #writer_area ul li {
	float: left;
	width: 140px;
	padding-bottom: 10px;
	margin-right: 5px;
	font-size: 116%;
}

body#TOP #writer_area ul li a {
	font-weight: bold;
	padding-left: 7px;
	text-decoration: none;
	background: url("/img/top/tab_arw.gif") no-repeat 0 4px;
}

/* genre_area */
body#TOP #genre_area .section.genre_title {
	width: 412px;
	padding: 20px 0 0 25px;
}

body#TOP #genre_area .section.genre_btn {
	width: 600px;
	padding-bottom: 25px;
}

body#TOP #genre_area p {
	float: left;
	margin: 0;
}

body#TOP #genre_area .title {
	padding-top: 6px;
	margin-right: 10px;
}

body#TOP #genre_area dl {
	float: left;
	width: 100px;
	margin: 12px 10px 0 25px;
}

body#TOP #genre_area dl dd {
	padding-top: 10px;
}

/* keyword_area */
body#TOP #keyword_area .form_area {
	width: 620px;
	margin: 15px 0 20px 20px;
}

body#TOP #keyword_area .input_area {
	float: left;
	width: 550px;
	padding: 15px 0 0 65px;
}

body#TOP #keyword_area .input_area ul li {
	float: left;
	width: 231px;
	padding-right: 38px;
}

body#TOP #keyword_area .input_area ul li.end {
	padding-right: 0;
}

/* clearfix */
body#TOP .tab_area:after,
body#TOP #writer_area ul:after,
body#TOP #keyword_area .form_area:after,
body#TOP #keyword_area .btns_area:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

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

	2: NEWRELEASE_AREA

=======================================*/
body#TOP .newrelease_area {
	width: 440px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url('/img/top/bg_newrelease_bottom.gif') no-repeat left bottom;
}

body#TOP .newrelease_area h2 {
	margin-bottom: 0;
}

body#TOP .newrelease_area_wrap {

	padding-top: 10px;
	border-left: 1px #cacaca solid;
	border-right: 1px #cacaca solid;

	/* for windows IE5.x */

	width: 440px;

	voice-family: "\"}\"";
	voice-family: inherit;

	/* exclude windows IE5.x */

	width: 438px;
}

body#TOP .newrelease_line {
	overflow: hidden;
	margin: 0 10px;
}

.newrelease_line .left {
	float: left;
	width: 200px;
}

.newrelease_line .right {
	float: right;
	width: 200px;
}

.newrelease_line dl {
	margin-bottom: 0;
}

.newrelease_line dt {
	margin-bottom: 3px;
}

.newrelease_line dd.author {
	font-size: 80%;
	margin-bottom: 15px;
}

.newrelease_line dd.book {
	float: left;
	margin-right: 10px;
}

body#TOP .newrelease_area .separate {
	clear: both;
	height: 10px;
	margin-bottom: 10px;
	font-size: 0;
	line-height: 0;
	background: url('/img/common/img_separate_line.gif') no-repeat left bottom;
}

body#TOP .newrelease_area .separate_last {
	clear: both;
	height: 10px;
	margin-bottom: 8px;
	font-size: 0;
	line-height: 0;
	background: url('/img/common/img_separate_line.gif') no-repeat left bottom;
}

.newrelease_area .other_newrelease {
	text-align: right;
	padding: 0 10px 7px;
}

.newrelease_area .other_newrelease p {
	margin-bottom: 0;
}


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

	3: PICKUP_AREA

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

body#TOP .pickup_area {
	overflow: hidden;
	width:440px;
	margin-bottom: 10px;
	padding-bottom: 38px;
	background: url('/img/common/bg_pickup_footer.gif') no-repeat left bottom;
}

body#TOP .pickup_area h2 {
	margin-bottom: 0;
}

body#TOP .pickup_area_wrap {
	overflow: hidden;
	width:440px;
	padding-top: 30px;
	background: url('/img/common/bg_pickup_main.gif') no-repeat left top;
}

.pickup_area .pickup {
	overflow: hidden;
	margin: 0 28px;
}

.pickup_area .pickup .left {
	float: left;
	width: 112px;
}

.pickup_area .pickup .right {
	float: right;
	width: 260px;
}

.pickup_area .pickup dt {
	margin-bottom: 3px;
}

.pickup_area .pickup dd.author {
	font-size: 80%;
	margin-bottom: 25px;
}

.pickup_area .read_book {
	clear: both;
	width: 385px;
	text-align: right;
	line-height: 1;
}

.pickup .separate {
	width: 440px;
	height: 10px;
	margin: 5px 0 10px;
	font-size: 0;
	line-height: 0;
	background: url('/img/common/bg_pickup_separate.gif') no-repeat left top;
}

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

	4: LOGIN

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

.login_box {
	overflow: hidden;
	padding: 20px 20px 10px;
	border: 1px #cccccc solid;

	/* for windows IE5.x */

	width: 660px;

	voice-family: "\"}\"";
	voice-family: inherit;

	/* exclude windows IE5.x */

	width: 618px;
}

#login_btn_b input {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/top/btn_login_b.gif") no-repeat 0 0;
	cursor: pointer;
}


body#LOGIN .login_box .btns_area {

	/* for windows IE5.x */

	margin-left: 60px;
	width: 500px;

	voice-family: "\"}\"";
	voice-family: inherit;

	/* exclude windows IE5.x */

	width: 500px;
	margin: 0 auto;
}

body#LOGIN .login_box .btns_area ul li.left {
	float: left;
	width: 231px;
	margin: 0;
	padding: 0;
}

body#LOGIN .login_box .btns_area ul li.right {
	float: right;
	width: 231px;
	margin: 0;
	padding: 0;
}

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

	5: SITEMAP

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

body#SITEMAP .sitemap_area {
	width: 440px;
}

body#SITEMAP .sitemap_area dl {
	overflow: hidden;
	width: 440px;
	margin-bottom: 50px;
}

body#SITEMAP .sitemap_area dl dt {
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-size: 116%;
	font-weight: bold;
	border-bottom: 1px #cccccc solid;
}

body#SITEMAP .sitemap_area dl dd ul {
	width: 400px;
	margin: 0 20px 20px;
}

body#SITEMAP .sitemap_area dl dd ul li.left {
	float: left;
	width: 190px;
	margin-right: 20px;
}

body#SITEMAP .sitemap_area dl dd ul li.right {
	float: right;
	width: 190px;
}

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

	6: ERROR404

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

body#ERROR h1 {
	display: block;
	font-size: 116%;
	margin: 30px 0;
}

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

	7: ERRORMESS

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

body#ERRORMESS h1 {
	font-size: 133%;
	margin: 40px 0 30px;
}

body#ERRORMESS .btns_area {
	width: 482px;

	/* for windows IE5.x */

	margin-left: 88px;

	voice-family: "\"}\"";
	voice-family: inherit;

	/* exclude windows IE5.x */
	margin: 0 auto;
}

body#ERRORMESS .btns_area .hidden {
	display: none;
}


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

	8: SEARCH

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

input.input_search {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/top/btn_search.gif") no-repeat 0 0;
	cursor: pointer;
}

input.input_reset {
	display: block;
	border: none;
	width: 231px;
	height: 44px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/img/top/btn_reset.gif") no-repeat 0 0;
	cursor: pointer;
}

body#SEARCH001 #main_contents .left_calam {
	float: left;
	width: 680px;
	margin-left: 0;
	_margin-left: 0;
}

body#COMIC001 #search_form_detail label,
body#SEARCH001 #search_form_detail label {
	white-space: nowrap;
}

body#COMIC001 .btns_area,
body#SEARCH001 .btns_area {

	/* for windows IE5.x */

	margin-left: 60px;
	width: 500px;

	voice-family: "\"}\"";
	voice-family: inherit;

	/* exclude windows IE5.x */

	width: 500px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}

body#COMIC001 .btns_area ul li.left,
body#SEARCH001 .btns_area ul li.left {
	float: left;
	width: 231px;
	margin: 0;
	padding: 0;
}

body#COMIC001 .btns_area ul li.right,
body#SEARCH001 .btns_area ul li.right {
	float: right;
	width: 231px;
	margin: 0;
	padding: 0;
}
body#COMIC001 .toolbar_area,
body#SEARCH001 .toolbar_area {
	overflow: hidden;
	width: 680px;
}

body#SEARCH001 .wrap_book_sort{
	float: right;
	width: 300px;
}

.book_sort {
	float: right;
}

.book_sort ul li {
	float: left;
	margin: 0 0 0 3px;
}


#other_keyword_area {
	overflow: hidden;
	margin-bottom: 16px;

	/* for windows IE5.x */

	width: 440px;

	voice-family: "\"}\"";
	voice-family: inherit;

	/* exclude windows IE5.x */

	width: 414px;
}

#other_keyword_area dl dd {
	float: left;

}

#other_keyword_area dl dt img {
	vertical-align: middle;
}

#other_keyword_area dl dt {
	float: left;
	width: 119px;
	height: 13px;
	margin: 0 9px 0 0;
	padding: 1px 0 0;
	display: table-cell;
	vertical-align: middle;
}

#other_keyword_area dl dd.btn {
	width: 38px;

	margin-right: 10px;
	_margin-right: 5px;
}

#other_keyword_area dl dd.detail {
	width: 60px;
	margin: 0;
}

#other_keyword_area dl dd input.other_keyword {
	width: 165px;
	margin: 0 8px 0 0;
	padding: 0;
}

#other_keyword_area dl dd input.search-btn-s {
	display: block;
	border: none;
	width: 38px;
	height: 20px;
	margin-top: 1px;
	text-indent: -9999px;
	background: url("/img/book/input_search.gif") no-repeat 0 0;
	cursor: pointer;
}

#other_keyword_area dl dd a {
	display: block;
	margin: 2px 0 0;
	padding-left: 8px;
	background: url("/img/common/icon_detail_search.gif") no-repeat left 5px;
}

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

	9: FAMOUS_AUTHOR

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

ul.famous_author {
	overflow: hidden;
	margin: 0 16px;
}


ul.famous_author li {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1;
}


ul.famous_author li a {
	padding-left: 9px;
	font-weight: bold;
	background: url('/img/common/icon_link_wh.gif') no-repeat left 4px;
}

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

	10: top_utilities <added 2011/07/15>

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

body#TOP div.top_utilities {
	width: 686px;
	padding: 0 0 5px;
	/*height: 68px;*/
	margin-bottom: 10px;
	background: url("/img/top/today_box_bg.gif") no-repeat left bottom;
}

body#TOP div.top_utilities:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

body#TOP div.top_utilities{display: inline-block;}

	/* Hides from IE Mac */
	body#TOP div.top_utilities {height: 1%;}
	body#TOP div.top_utilities {display:block;}
	/* End Hack */

body#TOP div.top_utilities_inner {
	width: 686px;
	padding-top: 5px;
	background: url("/img/top/today_box_top.gif") no-repeat left top;
}

body#TOP div.today_box {
	margin-left: 4px;
	_margin-left: 2px;
	padding-top: 10px;
	padding-left: 20px;
	width: 325px;
	background: url("/img/top/today_box_mark.gif") no-repeat 5px 0px;
	float: left;
	position: relative;
}

body#TOP div.today_box div {
	width: 325px;
	margin: 4px 0 0 0px;
	overflow: hidden;
	position: relative;
	float: left;
}

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


.clearfix {
	float: none;
	clear: both;
	height: 0;
}

body#TOP div.utility_box {
	width: 312px;
	/*height: 68px;*/
	background: url("/img/top/util_box_mark.gif") no-repeat 5px 0px;
	float: right;
}

body#TOP div#main_contents {
	clear: both;
}

body#TOP div.today_box p{
	float: left;
	margin: 0 8px 0 3px;
}

body#TOP div.today_box p img{
	border: 1px solid #c0c0c0;
}

body#TOP div.today_box dl {
	width: 145px;
	/*width: 232px;*/
	float: left;
}

body#TOP div.today_box dt.title a{
	color: #E50072;
	font-weight: bold;
}

body#TOP div.today_box dt.title a:hover{
	color: #FF48A3;
}

body#TOP div.today_box dd.top_btnset {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 118px;
}

body#TOP div.today_box dd.top_btnset ul li {
	float: left;
	padding-left: 3px;
}

body#TOP div.today_box dd.artist,
body#TOP div.today_box dd.author {
	font-size: 85%;
}

body#TOP div.utility_box ul {
	margin-left: 2px;
	_margin-left: 0px;
}

body#TOP div.utility_box ul li {
	float: left;
	margin: 17px 0 0 4px;
}

body#TOP div#ranking_btns_comic,
body#TOP div#ranking_btns_novel {
	background-color: #EAEAEA;
	clear: both;
	height: 60px;
	overflow: hidden;
	width: 620px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	text-align: center;
	font-size: 11px;
}

body#TOP div#ranking_btns_comic ul,
body#TOP div#ranking_btns_novel ul {
	margin-left: 25px;
}

body#TOP div#ranking_btns_comic ul li#daily_btn_comic,
body#TOP div#ranking_btns_novel ul li#daily_btn_novel {
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 15px;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	width: 180px;
}

body#TOP div#ranking_btns_comic ul li#daily_btn_comic,
body#TOP div#ranking_btns_novel ul li#daily_btn_novel {
	background: url("/img/top/btn_daily_ranking_s.gif") no-repeat top left;
}

body#TOP div#ranking_btns_comic ul li.selected img,
body#TOP div#ranking_btns_novel ul li.selected img {
	visibility:hidden;
}

body#TOP div#ranking_btns_comic ul li#weekly_btn_comic,
body#TOP div#ranking_btns_novel ul li#weekly_btn_novel {
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 15px;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	width: 180px;
}

body#TOP div#ranking_btns_comic ul li#weekly_btn_comic,
body#TOP div#ranking_btns_novel ul li#weekly_btn_novel {
	background: url("/img/top/btn_weekly_ranking_s.gif") no-repeat top left;
}

body#TOP div#ranking_btns_comic ul li#monthly_btn_comic,
body#TOP div#ranking_btns_novel ul li#monthly_btn_novel {
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0px;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	width: 180px;
}

body#TOP div#ranking_btns_comic ul li#monthly_btn_comic,
body#TOP div#ranking_btns_novel ul li#monthly_btn_novel {
	background: url("/img/top/btn_monthly_ranking_s.gif") no-repeat top left;
}

body#TOP dl.ranking dd.top_btnset {
	/*margin-left: 8px;*/
	margin-left: 0px;
}


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

    2: HEADER

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

#header {
    width: 996px;
    height: 124px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 0 5px;
}

#header #site_id {
    width: 285px;
    height: 72px;
    position: relative;
    z-index: 99;
    zoom: 1;
}

#header #site_id  a{
    height: 40px;
    display: block;
    padding: 30px 0 0 25px;
    background: url("/img/top2/site_id_02.gif") no-repeat top left;
    text-decoration: none;
}
#header #site_id  a span{
    position: relative;
    z-index: -1;
}

#login_area {
    margin: 0;
    padding: 0;
    width: 711px;
    position: absolute;
    top: 0;
    right: 0;
}
#login_area .login_input,
#login_area .login_input dl,
#login_area .login_input dl dt,
#login_area .login_input dl dd {
    float: left;
    clear: none;
}

#login_area .login_input dl dt {
    margin: 15px 5px 0 0;
}
#login_area .login_input dl dd {
    margin: 7px 5px 0 0;
}
#login_area .login_input dl dd input {
    width: 110px;
    height: 20px;
    padding: 3px 5px;
    border: 0;
    background: transparent url("/img/top2/input_bg_login.gif") no-repeat top left;
    color: #FFF;
}
#login_area .forget_pass {
    margin: 7px 5px 0 0;
    float: left;
}
#login_area .memory_info {
    margin: 10px 5px 0 0;
    float: left;
    position: relative;
    width: 102px;
}
#login_area .memory_info label{
    position: absolute;
    top: 4px;
    letter-spacing: -.04rem;
    color: #FFF;
    font-size: 10px;
}

#login_btn2 {
    width: 58px;
    float: left;
    margin: 5px 0 0 5px;
    padding: 0;
    border: 0;
}

#logout_btn a,
#login_btn2 input {
    display: block;
    width: 58px;
    height: 28px;
    line-height: 26px;
    margin: 0;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #b69283;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b4917f), color-stop(0.52, #987160), color-stop(0.49, #c29b8a), color-stop(0.00, #ebc4b3));
    background: -webkit-linear-gradient(top, #ebc4b3 0%, #c29b8a 49%, #987160 52%, #b4917f 100%);
    background: -moz-linear-gradient(top, #ebc4b3 0%, #c29b8a 49%, #987160 52%, #b4917f 100%);
    background: -o-linear-gradient(top, #ebc4b3 0%, #c29b8a 49%, #987160 52%, #b4917f 100%);
    background: -ms-linear-gradient(top, #ebc4b3 0%, #c29b8a 49%, #987160 52%, #b4917f 100%);
    background: linear-gradient(to bottom, #ebc4b3 0%, #c29b8a 49%, #987160 52%, #b4917f 100%);
    background-color: #987160;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    text-align: center;
}
#logout_btn a{
    width: 68px;
    line-height: 28px;
}
#login_area #entry_btn a{
    float: right;
    margin: 5px 0 0 0;
    padding: 0;
    display: block;
    width: 58px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #8d54a3;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    background: -webkit-linear-gradient(top, #fcb1f8 0%, #ca80c6 49%, #a35c9f 52%, #b66eb2 100%);
    background: -moz-linear-gradient(top, #fcb1f8 0%, #ca80c6 49%, #a35c9f 52%, #b66eb2 100%);
    background: -o-linear-gradient(top, #fcb1f8 0%, #ca80c6 49%, #a35c9f 52%, #b66eb2 100%);
    background: -ms-linear-gradient(top, #fcb1f8 0%, #ca80c6 49%, #a35c9f 52%, #b66eb2 100%);
    background: linear-gradient(to bottom, #fcb1f8 0%, #ca80c6 49%, #a35c9f 52%, #b66eb2 100%);
    background-color: #ca80c6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    text-align: center;
}

#login_area #login_name {
    width: 125px;
    height: 26px;
    overflow: hidden;
    padding-top: 11px;
    padding-right: 20px;
    margin-right: 5px;
    color: #FFF;
    background: url("/img/top2/bg_login_name.gif") no-repeat center right;
    float: left;
    text-align: right;
}

#login_area #login_name p,
#login_area #login_point p{
    margin: 0;
    padding: 0;
}

#login_area #login_point {
    width: 130px;
    height: 32px;
    overflow: hidden;
    margin: 3px 0 0 0;
    padding: 0 10px 0;
    float: left;
    font-size: 88%;
    color: #FFF;
    line-height: 1.0;
    text-align: right;
    background: url("/img/top2/login_vline.gif") no-repeat center left;
}

#login_area #login_point p{
    background: url("/img/top2/bg_login_point.gif") no-repeat center left;
}

#login_area #mypage_btn {
    float: left;
    width: 320px;
    height: 28px;
    margin: 7px 0 0 0;
    padding: 0 6px 0 14px;
    background: url("/img/top2/login_vline.gif") no-repeat center left;
}

#login_area #mypage_btn ul li{
    float: left;
    margin-right: 3px;
}

#login_area #logout_btn {
    float: right;
    margin: 5px 0 0;
}

/* Checkbox */

#login_area div.checker span {
    background-image: url("/img/top2/input_check.gif");
    background-repeat: no-repeat;
    display: block;
    float: left;
    text-align: center;
}

#login_area .checker,
#login_area .checker *{
    margin: 0;
    padding: 0;
}

#login_area div.checker {
    width: 19px;
    height: 19px;
    float: left;
    position: relative;
    margin-right: 3px;
}

#login_area div.checker input {
    width: 19px;
    height: 19px;
}

#login_area div.checker span {
    background-position: -19px 0px;
    height: 19px;
    width: 19px;
    margin: 0;
    padding: 0;
}

#login_area div.checker:active span,
#login_area div.checker.active span {
    background-position: -19px 0px;
}

#login_area div.checker.focus span,
#login_area div.checker:hover span {
    background-position: -19px 0px;
}

#login_area div.checker.focus:active span,
#login_area div.checker:active:hover span,
#login_area div.checker.active:hover span,
#login_area div.checker.focus.active span {
  background-position: -19px 0px;
}

#login_area div.checker span.checked {
    background-position: 0px 0px;
}

#login_area div.checker:active span.checked,
#login_area div.checker.active span.checked {
    background-position: 0px 0px;
}

#login_area div.checker.focus span.checked,
#login_area div.checker:hover span.checked {
    background-position: 0px 0px;
}

#login_area div.checker.focus:active span.checked,
#login_area div.checker:hover:active span.checked,
#login_area div.checker.active:hover span.checked,
#login_area div.checker.active.focus span.checked {
    background-position: 0px 0px;
}

#login_area div.checker.disabled span,
#login_area div.checker.disabled:active span,
#login_area div.checker.disabled.active span {
    background-position: 0px 0px;
}

#login_area div.checker.disabled span.checked,
#login_area div.checker.disabled:active span.checked,
#login_area div.checker.disabled.active span.checked {
    background-position: 0px 0px;
}

#header_navi {
    width: 640px;
    height: 24px;
    position: absolute;
    top: 48px;
    right: 0;
    margin: 0;
    padding: 0;
}

#header_navi ul,
#header_navi ul li {
    float: left;
}

#header_navi ul {
    margin-top: 3px;
}

#header_navi ul li {
    margin: 0 15px 0 0;
}
#header_navi ul li a{
    color: #4c3942;
    font-size: 88%;
    text-decoration: none;
}
#header_navi ul li a img{
    vertical-align: middle;
}
#header_navi ul li a:hover{
    color: #AD7B93;
}

#header_navi #search_form #searchtext {
    width: 162px;
    height: 24px;
    background: url("/img/top2/bg_search.gif") no-repeat top left;
    margin: 0;
    padding: 3px 5px;
    border: 0;
    float: left;
}

:root *> #header_navi #search_form #searchtext {
    padding: 0 5px;
}

#header_navi #search_area {
    width: 264px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

#header_navi #search_form .search_detail {
    float: right;
}

#search_btn {
    display: block;
    border: none;
    width: 30px;
    height: 24px;
    margin: 0;
    background: url("/img/top2/btn_search.gif") no-repeat 0 0;
    cursor: pointer;
    float: left;
}

#TOP .icon_img {
    margin: 10px 0;
    padding: 0;
}

/* btnset */
.top_btnset {
    height: 34px;
    position: relative;
    clear: both;
    padding-top: 6px;
    text-align: center;
    font-size: 0;
}

.top_btnset ul,
.top_btnset ul li,
.top_btnset ul li a,
.top_btnset ul li a img{
    margin: 0;
    padding: 0;
}
.top_btnset ul{
    display: inline-block;
}
div#today_box p a img.book{
    height: 113px;
    overflow: hidden;
}
.top_btnset ul li {
    float: left;
}
/*.top_btnset ul li a{
    width: 22px;
    height: 34px;
    background:  url("/img/common/topbtn_splash.png") no-repeat 0 0;
    display: block;
    box-shadow: 0 2px 0 rgba(0,0,0,.04),0 1px 0 rgba(255,255,255,.6) inset;
    box-sizing: border-box;
}
.top_btnset .tbset_read a{
    border-radius: 4px 0 0 4px;
    background-color: #00bcbc;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.top_btnset .tbset_30 a{
    background-position: 0 -34px;
    background-color: #95d300;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.top_btnset .tbset_90 a{
    background-position: 0 -68px;
    background-color: #7fb400;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.top_btnset .tbset_ul a{
    background-position: 0 -102px;
    background-color: #648e00;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.top_btnset .tbset_fv a{
    background-position: 0 -136px;
    background-color: #deb31f;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.top_btnset .tbset_ml a{
    border-radius: 0 4px 4px 0;
    background-position: 0 -170px;
    background-color: #9a9a9a;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}*/

.top_btnset ul li.new_viewer span,
.top_btnset ul li.old_viewer span,
.top_btnset ul li.new_read span,
.top_btnset ul li.old_read span,
.top_btnset ul li.buy_30 span,
.top_btnset ul li.buy_unlimit span,
.top_btnset ul li.fav span,
.top_btnset ul li.mylist span{
    position: absolute;
    top: -22px;
    left: calc( 50% - 66px );
}

div#today_box dl dd.top_btnset {
    position: absolute;
    left: 0;
    bottom: 5px;
}

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

    Course

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

#course_top,
#course_novel_top {
    letter-spacing: -.4rem;
}

#course_top .more,
#course_novel_top .more{
    clear: both;
}

#course_top dl,
#course_novel_top dl,
.recommend_area dl {
    width: 25%;
    margin-bottom: 16px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
#course_top dl dt,
#course_novel_top dl dt,
.recommend_area dl dt{
    margin-bottom: 5px;
}

#course_top dl dd,
#course_novel_top dl dd,
.recommend_area dl dd{
    margin: 0;
    display: inline-block;
}

body#COURSE_LANDING .member_4col dl,
body#COURSE_LANDING .member_3col dl {
    width: 145px;
    height: 169px;
    overflow: hidden;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 0;
}

body#COURSE_LANDING .member_3col dl {
    margin-left: 25px;
}

body#COURSE_LANDING .member_4col dl dd,
body#COURSE_LANDING .member_3col dl dd{
    float: left;
    margin: 0;
    padding: 0;
}

body#COURSE_LANDING dl dd.btn_buy,
#course_top dl dd.btn_buy,
#course_novel_top dl dd.btn_buy,
.recommend_area dl dd.btn_buy{
    padding-left: 11px;
    display: inline-block;
}

body#COURSE_LANDING .catch {
    clear: both;
    padding-right: 0;
    text-align: center;
}

body#COURSE_LANDING .member_4col {
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
}

.recommend_area {
    width: 200px;
    margin: 0;
    background-image: none;
}

.recommend_area .recommend_area_wrap {
    width: 198px;
    padding: 0;
    box-sizing: border-box;
}

.recommend_area dl {
    /*width: 145px;*/
    width: 100%;
    border-bottom: 1px dotted #8e757f;
    border-left: 1px solid #8e757f;
    border-right: 1px solid #8e757f;
    clear: left;
    padding: 10px 25px 10px 26px;
    margin-left: 1px;
    margin-bottom: 0;
    box-sizing: border-box;
    font-size: 0;
}
.recommend_area dl.expremium10000,
.recommend_area dl.expremium9000,
.recommend_area dl.expremium8000,
.recommend_area dl.expremium7000,
.recommend_area dl.expremium6000,
.recommend_area dl.premium3000novel,
.recommend_area dl.premiumnovel,
.recommend_area dl.standardnovel,
.recommend_area dl.economyen{
    display: none;
}
.recommend_area dl.stage{
    border-bottom: 1px solid #8e757f;
}

.recommend_area dl.economyen{
    border-bottom: 1px solid #8e757f;
}

.campaign_box {
    background: url("/img/top/bg_campaigne.gif") no-repeat left bottom;
    margin-bottom: 15px;
    padding: 0;
}

.campaign_wrapper {
    background: url("/img/top/header_campaign.gif") no-repeat left top;
    padding: 50px 36px 20px;
}

.campaign_box h2{
    color: #cd396a;
    font-size: 20px;
    font-weight: nomal;
    margin-bottom: 10px;
}

.campaign_box dl{
    margin-bottom: 15px;
}

.campaign_box dl dt{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.campaign_box dl dd.date{
    color: #cd396a;
}

.campaign_box dl dd.date span{
    color: #fff;
    font-size: 11px;
    background-color: #da6d91;
    padding: 5px;
    margin: 5px 10px 5px 0;
    line-height: 2.5;
}
.campaign_box dl dd.link{
    background: url("/img/top2/footer_mark.gif") no-repeat left center;
    margin: 5px 0 0 0;
    padding-left: 10px;
}

p.no_link {
    background: url("/img/top2/line_left_contents.gif") no-repeat scroll center bottom transparent;
    padding-bottom: 25px;
    line-height: 1.0;
    margin: 0 0 5px 0;
}

.doubleline_box {
    background-color: #fcf9fa;
    border: 18px solid #efe4e7;
    padding: 15px;
}

.purple_box {
    background-color: #F3E2FC;
    border: 18px solid #d4bee0;
    padding: 15px;
}

#other_keyword_area {
    border: 5px solid #EFE4E7;
    padding: 8px;
}

div#logo_premium {
    width: 41px;
    float: left;
}
#login_area #login_name {
    width: 105px;
}

#login_area #login_point {
    width: 110px;
}

#login_area #login_name p{
    height: 1.5em;
    overflow: hidden;
    font-size: 80%;
}
.sub_navi {
    left: 90px;
}

#TOP #main_contents .banner_feature {
	width: 100%;
    margin-bottom: 20px;
    padding-top: 10px;
    background: #feffd8;
}

/*クリスマス仕様------------------------------------------------*/
#xmasver #header {
	background: url("/img/top2/xmas/header_bg_christmas.jpg") no-repeat left top;
}
#xmasver #status {
background-color: #b30018 !important;
}

#xmasver #header #site_id a {
    height: 40px;
    display: block;
    padding: 30px 0 0 25px;
    background: url("/img/top2/xmas/site_id.gif") no-repeat top left;
    text-decoration: none;
}

#xmasver #wrapper {
    background: url("/img/top2/xmas/bg_wrapper.gif") repeat-x left top;
    overflow: hidden;
}

#xmasver #login_area #login_name {
    background: url("/img/top2/xmas/bg_login_name.gif") no-repeat center right;
}

#xmasver #login_area #login_point p {
    background: url("/img/top2/xmas/bg_login_point.gif") no-repeat center left;
}