@charset "utf-8";
/*
 * HTML5 display definitions
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*
 * Reset
 */

body, div, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}

/*
 * Base
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }


/*
 * Links
 */

a { color: #003399; text-decoration: none;}
a:visited { color: #003399; }
a:hover { color: #0066ff; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*
 * Typography
 */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*
 * Lists
 */

ul, ol {  }
dd {  }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/*
 * Embedded content
 */

img { -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }

/*
 * Figures
 */

figure { margin: 0; }

/*
 * Forms
 */

form { }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/*
 * Tables
 */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

/* Contain floats*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*
 * Main
 */

body {
	background-color: #ffffff;
	color: #000000;
	font-size: 11pt;
}
#wrapper {
	width: 100%;
}

#image-preload{
	width: 0px;
	height: 0px;
	display: inline;
}
/*
 * Header
 */
#header {
	position:relative;
	width: 1024px;
	height: 176px;
	margin: 0 auto;
	border-bottom: 3px #000000 solid;
}
#logo {
	margin: 5px 0;
	width: 210px;
	height: 166px;
	float: left;
}
#logo a{
	display: block;
	width: 210px;
	height: 166px;
	text-indent: -9999px;
	background: url(../../../img/jpn/pc/logo_grajapan.gif) 0 0 no-repeat;
}

#header_center {
	position: relative;
	width: 572px;
	height: 176px;
	float: left;
}
#header_right {
	position: relative;
	width: 240px;
	height: 176px;
	float: right;
}
#large_banner {
	width: 564px;
	height: 130px;
	margin: 5px 4px;
	background-color: #cccccc;
}
#large_banner img {
	width: 564px;
	height: 130px;
}
#header_link {
	position: absolute;
	bottom: 10px;
	left: 0px;
}
#header_link li{
	float: left;
	margin-left: 16px;
}
#header_link a {
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/header_link.gif);
}
.link_home { width: 68px; background-position: 0 0; }
.link_about { width: 190px; background-position: -68px 0; }
.link_faq { width: 130px; background-position: -256px 0; }
.link_mypage { width: 102px; background-position: -386px 0; }

#header_link a:hover.link_home { background-position: 0 -20px; }
#header_link a:hover.link_about { background-position: -68px -20px; }
#header_link a:hover.link_faq { background-position: -256px -20px; }
#header_link a:hover.link_mypage { background-position: -386px -20px; }

.link_mypage_wrapper {
	position: relative;
}
.link_mypage_notify {
	display: none;
	position: absolute;
	left: auto;
	right: -10px;
	top: -8px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background-color: #e60012;
	border-radius: 10px;
}
.link_mypage_notify_active {
	display: block;
	z-index: 8190;
}

.top_button_cart_wrapper {
}

.top_button_cart_notify {
	display: none;
	position: absolute;
	left: auto;
	right: 0;
	bottom: 66px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background-color: #e60012;
	border-radius: 10px;
	z-index: 8192;
}
.top_button_cart_notify_active {
	display: block;
}

#search_box {
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 240px;
}
#search_box input {
	width: 168px;
	height: 26px;
	border: none;
	background-color:transparent;
	font-size: 12pt;
	padding: 4px 4px;
}

.search_keyword {
	width: 176px;
	height: 34px;
	float: left;
	background-image: url(../../../img/jpn/pc/search_box.gif);
}
.search_button {
	width: 64px;
	height: 34px;
	float: left;
	display: block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/search_button.gif);
}
#search_box a:hover.search_button { background-position: 0 -34px; }

#sorcial_button {
	height: 46px;
}
#sorcial_button a {
	display: block;
	width: 40px;
	height: 40px;
	float: right;
	margin: 2px 0 4px 5px;
	text-indent: -9999px;
}
.sorcial_twitter {
	background: url(../../../img/jpn/pc/sorcial_twitter.png) 0 0 no-repeat;
}
.sorcial_facebook {
	background: url(../../../img/jpn/pc/sorcial_facebook.png) 0 0 no-repeat;
}
.sorcial_google {
	background: url(../../../img/jpn/pc/sorcial_google.png) 0 0 no-repeat;
}
#account_area {
}
#account_name {
	width: 150px;
	height: 35px;
	float: left;
	font-size: 10pt;
	padding: 5px 0 0 0;
	overflow:hidden;
}

.h_button_regist a {
	width: 118px;
	height: 40px;
	float: left;
	display: block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/regist_button.gif);
}
.h_button_regist a:hover { background-position: 0 -40px; }

.h_button_regist_off {
	width: 118px;
	height: 40px;
	float: left;
	display: block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/regist_button_off.gif);
}

.h_button_login a {
	width: 118px;
	height: 40px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 4px;
	background-image: url(../../../img/jpn/pc/login_button.gif);
}
.h_button_login a:hover{ background-position: 0 -40px; }

.h_button_logout a {
	width: 118px;
	height: 40px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-left: 4px;
	background-image: url(../../../img/jpn/pc/logout_button.gif);
}
.h_button_logout a:hover{ background-position: 0 -40px; }


#link_signup {
	clear: both;
	text-align: right;
	font-size: 10pt;
}
.button_cart a {
	position: absolute;
	top:94px;
	left: 0;
	width: 240px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/cart_button.gif);
}
.button_cart a:hover { background-position: 0 -34px; }
/*
 * Header Simple
 */
#header_simple {
	position:relative;
	width: 1024px;
	height: 64px;
	margin: 0 auto;
	border-bottom: 3px #000000 solid;
}
.page-tlist #header_simple {
	width: auto;
}
#logo2 {
	margin: 5px 0;
	width: 300px;
	height: 64px;
}
#logo2 a{
	display: block;
	width: 300px;
	height: 64px;
	text-indent: -9999px;
	background: url(../../../img/jpn/pc/logo_grajapan2.gif) 0 0 no-repeat;
}

/*
 * Column left
 */
#left {
	position: relative;
	width: 150px;
	float: left;
}
#menu_list {
}
#menu_list li {
	margin: 4px 0;
}
#menu_list li a {
	width: 150px;
	height: 34px;
	display: block;
	text-indent: -9999px;

}
.menu_talentList { background-image: url(../../../img/jpn/pc/left_talentList.gif); background-position: 0 0; }
.menu_latest { background-image: url(../../../img/jpn/pc/left_latest.gif); background-position: 0 0; }
.menu_shupre { background-image: url(../../../img/jpn/pc/left_shupre.gif); background-position: 0 0; }
.menu_maga { background-image: url(../../../img/jpn/pc/left_maga.gif); background-position: 0 0; }
.menu_photo { background-image: url(../../../img/jpn/pc/left_photo.gif); background-position: 0 0; }
.menu_comic { background-image: url(../../../img/jpn/pc/left_comic.gif); background-position: 0 0; }
.menu_novel { background-image: url(../../../img/jpn/pc/left_novel.gif); background-position: 0 0; }
.menu_web { background-image: url(../../../img/jpn/pc/left_web.gif); background-position: 0 0; }
.menu_app { background-image: url(../../../img/jpn/pc/left_app.gif); background-position: 0 0; }
.menu_net { background-image: url(../../../img/jpn/pc/left_net.gif); background-position: 0 0; }
.menu_classics { background-image: url(../../../img/jpn/pc/left_classics.gif); background-position: 0 0; }
.menu_extra { background-image: url(../../../img/jpn/pc/left_extra.gif); background-position: 0 0; }
.menu_deluxe { background-image: url(../../../img/jpn/pc/left_deluxe.gif); background-position: 0 0; }
.menu_subscription { background-image: url(../../../img/jpn/pc/left_subscription.gif); background-position: 0 0; }
.menu_free { background-image: url(../../../img/jpn/pc/left_free.gif); background-position: 0 0; }
.menu_comicfree { background-image: url(../../../img/jpn/pc/left_free.gif); background-position: 0 0; }


#menu_list li a:hover {  background-position: 0 -34px; }
#menu_list li.active a {  background-position: 0 -68px; }

#menu_m_list {
	margin-bottom: 10px;
}
#menu_m_list li {
	margin: 4px 0;
}
#menu_m_list li a {
	width: 150px;
	height: 40px;
	display: block;
	text-indent: -9999px;

}
.menu_begin { background-image: url(../../../img/jpn/pc/btn_begin.gif); background-position: 0 0; }
.menu_viewer { background-image: url(../../../img/jpn/pc/btn_viewer.gif); background-position: 0 0; }

#menu_m_list li a:hover {  background-position: 0 -40px; }


/*
 * Column right
 */
#right {
	position: relative;
	width: 240px;
	float: right;
}


/*
 * Main
 */
#contents_wrapper {
	position:relative;
	margin: 0 auto;
	width: 1024px;
}

.page-tlist #contents_wrapper {
	width: auto;
}
hr.dot {
	margin: 4px 0;
	border-top: 1px #828282 dashed;
}
hr.line {
	margin: 4px 0;
	border-top: 2px #000000 solid;
}
h3 {
	font-size: 12pt;
	font-weight: bold;
}
.toolbutton {
	margin-left:2px;
	float: right;
}
h3:before {
	margin: 4px 4px 0 0;
	content: " ";
	display: block;
	width: 14px;
	height: 14px;
	float: left;
}

h4 {
	font-size: 12pt;
	font-weight: bold;
	border-bottom: 1px #999999 solid;
	border-left: 10px #999999 solid;
	margin: 40px 20px 10px 20px;
	padding: 0 5px;
}


.icon_ex:before {
	background: url(../../../img/jpn/pc/icon_ex.gif) no-repeat 0 0;
}
.icon_star:before {
	background: url(../../../img/jpn/pc/icon_star.gif) no-repeat 0 0;
}
.icon_book:before {
	background: url(../../../img/jpn/pc/icon_book.gif) no-repeat 0 0;
}
.icon_web:before {
	background: url(../../../img/jpn/pc/icon_web.gif) no-repeat 0 0;
}
.icon_comic:before {
	background: url(../../../img/jpn/pc/icon_comic.gif) no-repeat 0 0;
}

.marker1:before {
	margin: 4px 4px 0 0;
	content: " ";
	display: block;
	width: 14px;
	height: 14px;
	float: left;
	background: url(../../../img/jpn/pc/marker1.gif) no-repeat 0 0;
}

/*
 * information
 */
#information {
	margin-bottom: 10px;
}
#information ul {
	margin-left: 20px;
}
#information ul li {
	margin: 2px 0;
}
.info_date {
	width: 96px;
	float: left;
}
.info_title {
	width: 480px;
	float: left;
}

/*
 * Book
 */
.als-viewport ul li {
	float: left;
	width: 142px;
	overflow: hidden;
}
.als-viewport ul li.web {
	width: 284px;
}
.als-viewport ul li a {
	display: block;
}
.book_icon {
	overflow: hidden;
	height: 20px;
}
.book_icon span,
.web_icon span {
	display: block;
	float: left;
	width: 37px;
	height: 15px;
	margin: 4px 2px 1px 2px;
	text-indent: -9999px;
}

.book_icon_new {
	background: url(../../../img/jpn/pc/icon_new.gif) no-repeat 0 0;
}
.book_icon_sale {
	background: url(../../../img/jpn/pc/icon_sale.gif) no-repeat 0 0;
}
.book_icon_free {
	background: url(../../../img/jpn/pc/icon_free.gif) no-repeat 0 0;
}
.web_icon span.book_icon_off,
.book_icon span.book_icon_off {
	min-width: 37px;
	width: auto;
	padding: 0 4px;
	text-indent: 0;
	color: #fff;
	background-color: #fd2a1d;
	font-size: 11px;
	line-height: 15px;
}
.pagetop_button {
}
.pagetop_button a {
	display: block;
	float:right;
	width: 120px;
	height: 24px;
	background: url(../../../img/jpn/pc/btn_pagetop.gif) no-repeat 0 0;
	text-indent: -9999px;
}
/*
 * pickup
 */
#book_pickup {
}
.pickup_item {
	float:left;
	width: 194px;
	margin-left: 20px;
}
.pickup_movie {
	float:left;
	width: 400px;
}
.catch_copy {
	float:left;
	width: 400px;
	font-size: 14pt;
	font-weight: bold;
	word-wrap: break-word;
}
/*
 * flipsnap
 */
.viewport {
  position: relative;
  width: 568px;
  overflow: auto;
  margin: 0 auto;
  -webkit-transform: translateZ(0);
}
.viewport_l {
  width: 800px;
  overflow: hidden;
  margin: 0 auto;
  -webkit-transform: translateZ(0);
}
.flip_container {
	position: relative;
	width: 100%;
}
.flipsnap {
}

.flipsnap .item {
	position: relative;
	width: 142px;
	float: left;
	overflow:hidden;
}
.flipsnap .item_w {
	position: relative;
	width: 284px;
	float: left;
	overflow:hidden;
}
.flipsnap .item_l {
	position: relative;
	width: 200px;
	float: left;
	overflow:hidden;
}
.flipsnap .item_lw {
	position: relative;
	width: 400px;
	float: left;
	overflow:hidden;
}
.flip_prev {
	position:absolute;
	top: 0px;
	left: 0px;
}

.flip_next {
	position:absolute;
	top: 0px;
	right: 0px;
}

.flip_related_link {
	position: relative;
	display: block;
	margin: 20px 10px 10px 10px;
	width: 122px;
	height: 144px;
	box-sizing: border-box;
	border: 1px solid #838383;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 14px;
	z-index: 65535;
}
.flip_related_link:hover {
	opacity: 0.7;
}
.flip_related_link_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%) translateY(-50%);
}

.flip_related_link_inner:after {
	display: block;
	content: '▼';
	transform: rotate(270deg);
	font-size: 11px;
}

.book_list button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
}

.book_list button:disabled {
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

/*
 * Button
 */
a.btn_small {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding-top: 4px;
	width:106px;
	height: 16px;
	border: 1px #828282 solid;
	background: url(../../../img/jpn/pc/btn_small_bg.gif) repeat-x 0 0;
}
a:hover.btn_small {
	border: 1px #0066ff solid;
}
.button_l_pagetop {
	margin: 0 auto;
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_pagetop.gif);
}
a:hover.button_l_pagetop { background-position: 0 -48px; }

.button_l_howto {
	margin: 0 auto;
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_howto.gif);
}
a:hover.button_l_howto { background-position: 0 -48px; }

.button_l_loginpage {
	margin: 0 auto;
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_loginpage.gif);
}
a:hover.button_l_loginpage { background-position: 0 -48px; }


.button_check {
	margin: 0 auto;
	width:166px;
	height:48px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_check.gif);
}
#form_area a:hover.button_check { background-position: 0 -48px; }

.button_send {
	width:166px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_send.gif);
}
#form_area a:hover.button_send { background-position: 0 -48px; }

.button_back {
	width:166px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_back.gif);
}
#form_area a:hover.button_back { background-position: 0 -48px; }


.button_l_buy {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_buy.gif);
}
#content a:hover.button_l_buy { background-position: 0 -48px; }

.button_l_check {
	width: 276px;
	height:48px;
	display:inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_check.gif);
}
#content a:hover.button_l_check { background-position: 0 -48px; }

.button_l_buy_next {
	width: 276px;
	height:48px;
	display:inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_buy_next.gif);
}
#content a:hover.button_l_buy_next { background-position: 0 -48px; }
.button_l_webstorage {
	width: 276px;
	height:48px;
	display:inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_confirmation.gif);
}
#content a:hover.button_l_webstorage { background-position: 0 -48px; }
.button_l_buy_next_deactive {
	width: 276px;
	height:48px;
	display:inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_buy_next_deactive.gif);
}
.button_next1 {
	background-image: url(../../../img/jpn/pc/btn_l_buy_next1.gif);
}
.button_next2 {
	background-image: url(../../../img/jpn/pc/btn_l_buy_next2.gif);
}
.button_l_cart_back {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_cart_back.gif);
}
#content a:hover.button_l_cart_back { background-position: 0 -48px; }

.button_l_decide {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_decide.gif);
}
#content a:hover.button_l_decide { background-position: 0 -48px; }
.button_l_decide_deactive {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_decide_deactive.gif);
}
.button_l_decide_net {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_decide_net.gif);
}
#content a:hover.button_l_decide_net { background-position: 0 -48px; }
.button_l_decide_net_deactive {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_decide_net_deactive.gif);
}
.button_l_decide_not_net {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_decide_not_net.gif);
}
#content a:hover.button_l_decide_not_net { background-position: 0 -48px; }
.button_l_decide_not_net_deactive {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_decide_not_net_deactive.gif);
}
.button_l_mypage {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_mypage.gif);
}
#content a:hover.button_l_mypage { background-position: 0 -48px; }
.button_l_credit {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_credit.gif);
}
#content a:hover.button_l_credit { background-position: 0 -48px; }

.button_l_reserve {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_reserve.gif);
}
#content a:hover.button_l_reserve { background-position: 0 -48px; }
.button_l_reserve_deactive {
	width: 276px;
	height:48px;
	display:inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_reserve_deactive.gif);
}

.button_l_cancel {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_cancel.gif);
}
#content a:hover.button_l_cancel { background-position: 0 -48px; }

.button_l_reserve_back {
	width: 276px;
	height:48px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../../../img/jpn/pc/btn_l_reserve_back.gif);
}
#content a:hover.button_l_reserve_back { background-position: 0 -48px; }

/*
 * Footer
 */

#footer {
	clear: both;
	position:relative;
	width: 1024px;
	margin: 0 auto;
}
#footer_menu {
	position:relative;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
}
#footer_menu ul {
	position: relative;
	left: 50%;
	float: left;
}
#footer_menu ul li {
	position: relative;
	left: -50%;
	padding: 2px 4px;
	float: left;
}
#footer_menu .separate {
	border-right: 1px #000000 solid;
}
#footer_inner {
	font-size: 10pt;
	padding: 4px 20px;
	text-align: center;
}
.banner {
	text-align: center;
}

.banner img {
	margin: 4px 10px;
}
#footer_corp {
	font-family: Impact,Charcoal;
	font-size: 10pt;
	padding: 4px 20px;
	text-align: center;
}

.align_r {
	text-align: right;
}
.align_c {
	text-align: center;
}
.color_red {
	color: #dd0000;
}

.mt10 {	margin-top: 10px;}
.mb10 {	margin-bottom: 10px;}
.ml10 {	margin-left: 10px;}
.mr10 {	margin-right: 10px;}

.mg20 {	margin: 20px;}


.ml30 { margin-left: 30px;}
.mb30 {	margin-bottom: 30px;}
.mg30 {	margin: 30px;}

.bgwhite {background-color: #ffffff; }

.float_r { float:right; }


#left_ranking {
	width: 139px;
	margin-left: 5px;
	margin-bottom: 10px;
}
#left_ranking ul {
	width: 100px;
	margin: 0 auto;
}
#left_ranking .rank_middle {
	border-left: 1px #838383 solid;
	border-right: 1px #838383 solid;
}
#left_ranking .top {
	text-indent: -9999px;
	background:url(../../../img/jpn/pc/ranking/cap.png) 0 0 no-repeat;
	width: 139px;
	height: 30px;
}
#left_ranking .bottom {
	background:url(../../../img/jpn/pc/ranking/rank_b.png) 0 0 no-repeat;
	width: 139px;
	height: 5px;
}

#left_ranking .rk_title {
	font-size: 10px;
	width: 100px;
}

#left_ranking .rk_thumb img {
	width: 100px;
	margin: 4px 0;
	box-shadow: 1px 2px 3px 1px #666666;
    -moz-box-shadow: 1px 2px 3px 1px #666666;
    -webkit-box-shadow: 1px 2px 3px 1px #666666;
}
#left_ranking .rankform {
	text-align: center;
	padding: 5px 0;
}
.rk1 {
	width: 100px;
	height: 20px;
	background: url(../../../img/jpn/pc/ranking/n1.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.rk2 {
	width: 100px;
	height: 20px;
	background: url(../../../img/jpn/pc/ranking/n2.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.rk3 {
	width: 100px;
	height: 20px;
	background: url(../../../img/jpn/pc/ranking/n3.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.rk4 {
	width: 100px;
	height: 20px;
	background: url(../../../img/jpn/pc/ranking/n4.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.rk5 {
	width: 100px;
	height: 20px;
	background: url(../../../img/jpn/pc/ranking/n5.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.daily_rank_hidden {
	display:none;
}

/*
 * Pager
 */
.list_pager {
	position: relative;
	margin: 5px 0;
    left: 50%;
	float: left;
	width: 600px;
}
.list_pager ul {


}
.list_pager ul li.page_number {
	line-height: 24px;
	width: 24px;
	height: 24px;
	text-align: center;
	border-right: 2px #000000 solid;
	position: relative;
	float: left;
	left: -50%;
}
.list_pager ul li.page_number a {
	display: block;
	width: 24px;
	height: 24px;
	font-weight: bold;
}
.list_pager ul li.border_none {
	border-right: none !important;
}
.list_pager ul li.current {
	font-weight: normal;
}
.btn_prev_page {
	margin: 0 10px;
	width: 81px;
	height: 24px;
	position: relative;
	float:left;
	left: -50%;
}
.btn_prev_page a {
	display:block;
	width: 81px;
	height: 24px;
	text-indent: -9999px;
	background: url(../../../img/jpn/pc/btn_prev.gif) no-repeat 0 0;
}
.btn_prev_page a:hover {
	background-position: 0 -24px;
}
.prev_deactive {
	text-indent: -9999px;
	background: url(../../../img/jpn/pc/btn_prev.gif) no-repeat 0 0;
	background-position: 0 -48px;
}
.btn_next_page {
	margin: 0 10px;
	width: 81px;
	height: 24px;
	position: relative;
	float:left;
	left: -50%;
}
.btn_next_page a {
	display:block;
	width: 81px;
	height: 24px;
	text-indent: -9999px;
	background: url(../../../img/jpn/pc/btn_next.gif) no-repeat 0 0;
}
.btn_next_page a:hover {
	background-position: 0 -24px;
}
.next_deactive {
	text-indent: -9999px;
	background: url(../../../img/jpn/pc/btn_next.gif) no-repeat 0 0;
	background-position: 0 -48px;
}
/*
 * Pulldown
 */
.num_pulldown {
	display:block;
	position: relative;
	margin: 5px 0;
	float: right;
	width: 100px;
	z-index:10;
}
.num_pulldown select {
	float: right;
}
/*
 * Dialog
 */
.inlinebox {
	padding:10px;
	background:#ddd;
	font-size: 12pt;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#dialog_title {
	background-color: #ccc;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#error_message {
	padding:20px 0;
}
/*
 * 右バナー
 */
.right_banner {
	margin: 10px 0;
	font-size: 12px;
	text-align:center;
}

/*
 * フォームエラー
 */
.form_error {
	color:#f00;
	font-size: 10pt;
}
/*
 * 画像半透明
 */
.img_deactive {
	zoom: 1;
	filter:alpha(opacity=30);
	-webkit-opacity:0.3;
   	-moz-opacity:0.3;
   	opacity:0.3;
}

/*
	genle list in left column
*/
.genle-list-wrapper {
	margin: 20px 4px;
	border: 1px solid #838383;
	border-radius: 4px;
}
.genle-list-title {
	position: relative;
	padding: 0 0 0 30px;
	line-height: 30px;
	background: #000000;
	color: #fff;
	font-size: 13px;
	border-bottom: 1px solid #838383;
}
.genle-list-title:before {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	margin: 0;
	content: '';
	background: url(../../../img/jpn/pc/icon_genle.png);
}
.genle-list {
	padding: 8px;
}
.genle-list-item {
	display: none;
	min-height: 24px;
	font-size: 13px;
}
.genle-list-item.visible {
	display: block;
}
.genle-list-load {
	display: block;
	background: #f4f4f4;
	height: 31px;
	line-height: 31px;
	text-align: center;
	border-top: 1px solid #838383;
	transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
}
/*
	hotwords
*/
.hotwords-wrapper {
	margin: 10px auto 0;
	padding: 0 0 10px 0;
	width: 1024px;
	border-bottom: 1px solid #000;
}
.hotwords-inner {
	padding: 6px;
	background: #ffeb0e;
	font-size: 14px;
	line-height: 1.0;
	overflow: hidden;
	border-radius: 4px;
}
.hotwords-label {
	float: left;
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 4px 24px;
	margin: 0 10px 0 0;
	line-height: 1.0;
}
.hotwords-label:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	content: '';
	background: url('../../../img/jpn/pc/icon_keyword.png') no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}
.hotwords-list {
	float: left;
	display: block;
	padding: 4px 0;
	width: 950px;
}
.hotwords-list-inner {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.hotwords-list a {
	padding: 0 20px 0 0;
	color: #003399;
}
#header {
	border-bottom: none;
}

.suggest-wrapper {
	display: none;
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	z-index: 8192;
	transform: translateY(100%);
}
.suggest-wrapper.active {
	display: block;
}
.suggest-wrapper:before {
	position: absolute;
	display: block;
	top: -14px;
	right: 114px;
	width: 18px;
	height: 15px;
	content: url(../../../img/jpn/pc/parts_suggest_01.png);
	z-index: 8200;
}
.suggest-talents-wrapper {
	float: right;
	width: 240px;
	padding: 8px 0 0 0;
	box-sizing: border-box;
	border: 1px solid #838383;
	border-radius: 0 4px 4px 0;
	background-color: #fff;
}
.suggest-talents {
	padding: 0 0 8px 0;
	border-bottom: 1px solid #838383;
}
.suggest-talent-item {
	padding: 8px;
	cursor: pointer;
}
.suggest-talent-item a {
	display: block;
	width: 100%;
	height: 100%;
}
.suggest-talent-summary {
	display: table;
}
.suggest-talent-image {
	display: table-cell;
	width: 51px;
	height: 68px;
}
.suggest-talent-name {
	display: table-cell;
	padding: 0 0 0 8px;
	line-height: 1.0;
	vertical-align: middle;
}
.suggest-talent-item:hover,
.suggest-talent-item.active {
	background-color: #e9e9e9;
}
.suggest-talents-more {
	display: none;
	text-align: center;
	font-size: 13px;
	line-height: 1.0;
	padding: 10px 0;
	background-color: #e9e9e9;
	transition: opacity 0.2s ease;
}
.suggest-talents-more:hover {
	opacity: 0.5;
}
.suggest-detail-wrapper {
	float: right;
	width: 360px;
	transform: translateX(1px);
}
.suggest-detail {
	display: none;
	border: 1px solid #838383;
	border-radius: 4px 0 4px 4px;
	background-color: #fff;
}
.suggest-detail.active {
	display: block;
}

.suggest-detail-links {
	padding: 4px 0;
	border-bottom: 1px solid #838383;
}
.suggest-detail-inner {
	display: table;
}
.suggest-detail-image {
	display: table-cell;
	max-width: 176px;
	max-height: 88px;
}
.suggest-detail-text {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: top;
	font-size: 13px;
}
.suggest-detail-link {
	padding: 6px 10px;
}
.suggest-detail-link:hover,
.suggest-detail-link.selected {
	background-color: #e9e9e9;
}
.suggest-detail-more {
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 1.0;
	padding: 10px 0;
	background-color: #e9e9e9;
	transition: opacity 0.2s ease;
}
.suggest-detail-more:hover {
	opacity: 0.5;
}

.alert-box {
	background-color: #e0dfdf;
	color: #000;
	font-size: 14px;
	border-radius: 6px;
	margin: 4px auto 10px;
}
.alert-box strong {
	color: #e60012;
	font-weight: bold;
}
.alert-box-text {
	padding: 12px 0;
	line-height: 1.0;
	text-align: center;
}