@charset "utf-8";
/* -------------------------------------
   作品詳細
 ------------------------------------  */
#SKYM_GM_detail_base a:link{
    color: #0099cc;
    text-decoration: underline;
}
#SKYM_GM_detail_base a:visited{
    color: #990099;
    text-decoration: underline;
}
#SKYM_GM_detail_base a:hover{
    color: #ffcc00;
    text-decoration: underline;
}
#SKYM_GM_detail_base h2{
    color:            #ffffff;
    background-color: #09223d;
}
#SKYM_GM_detail_base h3{
    padding:          6px 0 6px 11px;
    color:            #ffffff;
    background-color: #144883;
    font-weight:      bold;
    font-size:        14px;
}


#SKYM_GM_detail_base input.button_read_trial{
    border: none;
    width:  163px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_read_trial_off.gif");
}
#SKYM_GM_detail_base input.button_sokuyomi{
    border: none;
    width:  200px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_sokuyomi_off.gif");
}
#SKYM_GM_detail_base input.button_shopping{
    border: none;
    width:  163px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_cart2_off.gif");
}
#SKYM_GM_detail_base input.button_shopping_exist{
    border: none;
    width:  163px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_cart_exist.gif");
}
#SKYM_GM_detail_base input.button_matome{
    border: none;
    width:  163px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_buy3_off.gif");
	margin: 10px 0 0 0;
}
#SKYM_GM_detail_base input.button_buy{
    border: none;
    width:  200px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_buy_off.gif");
}
#SKYM_GM_detail_base input.button_buy_comics_online{
    border: none;
    width:  200px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_buy_comics_online_off.gif");
}
#SKYM_GM_detail_base input.button_buy_on_demand{
    border: none;
    width:  200px;
    height:  35px;
    background: transparent no-repeat 0 0 url("../images/parts/sokuyomi/skym_detail_bt_buy_on_demand_off.gif");
}





#SKYM_GM_detail_frame{
    border-style: solid;
    border-width: 0 1px 3px 1px ;
    border-color: #09223d;
    padding:      16px 20px 20px 20px;
    width:        728px;
}
#SKYM_GM_detail_frame div.release_date{
    margin-bottom: 3px;
    text-align:    right;
    font-size:     10px;
}




#SKYM_GM_detail_thumbnail{
    float: left;
    width: 163px;
}
#SKYM_GM_detail_thumbnail img.thumbnail{
    border: solid 1px #cccccc;
}
#SKYM_GM_detail_thumbnail div.volume_info{
    margin:           10px 0;
    border:           solid 1px #9d9146;
    padding:          6px 0;
    width:            161px;
    text-align:       center;
    font-size:        12px;
    background-color: #f8f7ef;
}

#SKYM_GM_detail_thumbnail div.old_viewer{
	padding:          6px 0 0 0;
    text-align:       center;
}
#SKYM_GM_detail_thumbnail .otona-read-info {
    margin: 10px 0;
    padding: 10px;
    background-color: #F8A0A8;
}
#SKYM_GM_detail_thumbnail .otona-read-info a {
    font-weight: bold;
}
#SKYM_GM_detail_thumbnail .otona-read-info .small {
    font-size: 0.8em;
}

#SKYM_GM_announce_area h3 {
    border:             1px solid #9d9146;
    border-bottom:      0px;
    color:              #333333;
    background-color:   #fcd55f;
	margin-top:      	19px;
}
#SKYM_GM_announce_area div.social {
    border:             1px solid #9d9146;
    border-top:         0px;
    padding:            10px 0 6px 5px;
}
#SKYM_GM_announce_area div.social a {
    padding:            0 1px;
}
#SKYM_GM_announce_area div.ec {
	margin-top:      	19px;
    border:             1px solid #9d9146;
    border-top:         0px;
    padding:            10px 0 6px 4px;
}
#SKYM_GM_announce_area div.ec a {
    padding:            0 1px;
}
#trial_share_button {
    margin:             5px 0px 0px 1px;
    width:              148px;
    font-size:          9pt;
}
#trial_share_link {
    display:            none;
}
#trial_share_link textarea {
    width:              146px;
    margin:             5px 0px 0px 1px;
    overflow:           hidden;
    border:             1px solid #ABADB3;
    word-break:         break-all;
}

#SKYM_GM_detail_info{
    float: right;
    width: 546px;
}
#SKYM_GM_detail_info table{
    margin-bottom:   20px;
    border-collapse: separate;
    border-spacing:  0;
    border-left: solid 1px #9d9146;
}
#SKYM_GM_detail_info table tr th{
    border-right:     solid 1px #9d9146;
    border-bottom:    solid 1px #9d9146;
    padding:          6px 7px;
    width:            84px;
    vertical-align:   middle;
    text-align:       left;
    font-weight:      normal;
    background-color: #f8f7ef;
}
#SKYM_GM_detail_info table tr td{
    border-style:   solid;
    border-width:   0 1px 1px 0;
    border-color:   #9d9146;
    padding:        6px 10px;
    vertical-align: middle;
}
#SKYM_GM_detail_info table tr td.price{
    padding: 0;
}
#SKYM_GM_detail_info table tr td p{
    margin: 6px;
}
#SKYM_GM_detail_info table tr td.title span.brand{
    font-size: 11px;
}
#SKYM_GM_detail_info table tr td.title h1.title{
    display: inline;
    font-weight: bold;
}
#SKYM_GM_detail_info table tr td.author{
    font-weight: bold;
}
#SKYM_GM_detail_info table tr td.genre{
    font-weight: bold;
}
#SKYM_GM_detail_info table tr td.author a:link,
#SKYM_GM_detail_info table tr td.author a:visited,
#SKYM_GM_detail_info table tr td.author a:hover{
    text-decoration: none;
}
#SKYM_GM_detail_info table tr td.magazine{
    width: 152px;
	font-weight: bold;
}
#SKYM_GM_detail_info table tr td.magazine a{
	font-weight: bold;
	text-decoration: none;
}
#SKYM_GM_detail_info table tr td.press_date{
    width: 153px;
}
#SKYM_GM_detail_info table tr td.press_company{
    width: 153px;
	font-weight: bold
}
#SKYM_GM_detail_info table tr td.price{
    font-weight: bold;
    color:       #ff6600;
}
/* 2014.04.02 PSD 追加 ↓ */
#SKYM_GM_detail_info table tr td.price strike{
    font-weight: normal;
    font-size: small;
    color: #000000;
}
/* 2014.04.02 PSD 追加 ↑ */
#SKYM_GM_detail_info table tr td.publisher{
	font-weight: bold;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account{
	margin: 0 auto 20px auto;
	width: 546px;
	height: auto;
	text-align: center;
}

#SKYM_GM_detail_info div.SKYM_GM_detail_account:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account div{
	width: 500px;
	text-align: center;
	margin: 0 auto;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account div:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* 料金表示が1つの場合のクラス処理*/
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column{
    margin-bottom:   20px;
    border-collapse: collapse;
    border-spacing:  0;
    border-left: solid 1px #9d9146;
	width: 230px;
	margin: 0 auto;
	_display: inline;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column th{
    border-top:     solid 1px #9d9146;
	border-right:     solid 1px #9d9146;
    border-bottom:    solid 1px #9d9146;
    padding:          6px 7px;
    width:            230px;
    vertical-align:   middle;
    text-align:       center;
    font-weight:      bold;
    background-color: #fe9900;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column th.open_period{
    border-top:     solid 1px #9d9146;
	border-right:     solid 1px #9d9146;
    border-bottom:    solid 1px #9d9146;
    padding:          6px 7px;
    width:            230px;
    vertical-align:   middle;
    text-align:       center;
    font-weight:      bold;
    background-color: #ffcc33;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column th span.large_font{
	font-size: 115%;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column td{
    border-style:   solid;
    border-width:   0 1px 1px 0;
    border-color:   #9d9146;
    padding:        6px 10px 10px 10px;
    vertical-align: middle;
	text-align: center;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column td p{
	margin:8px 0;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column td p span.bold{
	font-weight: bold;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column td p span.orange{
    color: #ff6600;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column td p span.large_font{
	font-size: 120%;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_1_column td p span.small_font{
	font-size: 90%;
}
/* 料金表示が2つの場合のクラス処理*/
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column{
    margin-bottom:   20px;
    border-collapse: collapse;
    border-spacing:  0;
    border-left: solid 1px #9d9146;
	float: left;
	width: 230px;
	margin: 0 10px 0 10px;
	_display: inline;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column th{
    border-top:     solid 1px #9d9146;
	border-right:     solid 1px #9d9146;
    border-bottom:    solid 1px #9d9146;
    padding:          6px 7px;
    width:            230px;
    vertical-align:   middle;
    text-align:       center;
    font-weight:      bold;
    background-color: #fe9900;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column th.open_period{
    border-top:     solid 1px #9d9146;
	border-right:     solid 1px #9d9146;
    border-bottom:    solid 1px #9d9146;
    padding:          6px 7px;
    width:            230px;
    vertical-align:   middle;
    text-align:       center;
    font-weight:      bold;
    background-color: #ffcc33;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column th span.large_font{
	font-size: 115%;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column td{
    border-style:   solid;
    border-width:   0 1px 1px 0;
    border-color:   #9d9146;
    padding:        6px 10px 10px 10px;
    vertical-align: middle;
	text-align: center;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column td p{
	margin:8px 0;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column td p.price_endress{
	margin:31px 0;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column td p span.bold{
	font-weight: bold;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column td p span.orange{
    color: #ff6600;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column td p span.large_font{
	font-size: 120%;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account table.price_2_column td p span.small_font{
	font-size: 90%;
}
#SKYM_GM_detail_info div.SKYM_GM_detail_account div.price_2_rihgt_txt{
	width:480px;
	text-align:right;
	margin-top:5px;
}


#SKYM_GM_detail_info table.buy_online{
    margin-bottom:   20px;
    border-collapse: separate;
    border-spacing:  0;
    border-left: solid 1px #9d9146;
	width: 546px;
}
#SKYM_GM_detail_info table.buy_online th{
    border-top:     solid 1px #9d9146;
    border-right:     solid 1px #9d9146;
    border-bottom:    solid 1px #9d9146;
    padding:          6px 7px;
    vertical-align:   middle;
    text-align:       left;
    font-weight:      normal;
    background-color: #f8f7ef;
}
#SKYM_GM_detail_info table.buy_online td{
    border-style:   solid;
    border-width:   1px 1px 1px 0;
    border-color:   #9d9146;
    padding:        3px 0px 3px 0px;
    vertical-align: middle;
}
#SKYM_GM_detail_info table.buy_online td p{
	float: left;
	height: auto;
	width: 30px;
	margin: 0 5px 0 5px;
}


#SKYM_GM_detail_info div.buttons_wrapper{
    padding-bottom: 5px;
}
#SKYM_GM_detail_info div.buttons{
    margin-bottom: 15px;
    text-align:    center;
}
#SKYM_GM_detail_info div.buttons form{
    display: inline;
}
#SKYM_GM_detail_info div.buttons form input,
#SKYM_GM_detail_info div.buttons a{
    margin: 0 10px;
}

#SKYM_GM_detail_info div.description {
    margin-bottom: 20px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #9d9146;
    padding:      8px;
}
#SKYM_GM_detail_info div.description p {
    margin: 9px 0 0 0;
}
#SKYM_GM_detail_info div.description p.first_child {
    margin: 0;
}

#SKYM_GM_detail_info div.other_volumes{
    margin-bottom: 20px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #9d9146;
    padding:      8px;
}
#SKYM_GM_detail_info div.other_volumes img{
    padding:      2px 0 0 3px;
}


#SKYM_GM_detail_info div.notice {
    margin-bottom: 20px;
    padding:       0 9px;
    line-height:   17px;
    font-size:     11px;
    font-weight:   bold;
    color:       #333333;
}
#SKYM_GM_detail_info div.notice em {
    display:        block;
    padding-top:    0.5em;
    line-height:    1.2em;
    color:          #ff0000;
}


#SKYM_GM_detail_subinfo_left {
    float:              left;
    margin-top:         24px;
    margin-bottom:      18px;
    width:              163px;
}
#SKYM_GM_detail_subinfo_left h3 {
    border:             1px solid #9d9146;
    border-bottom:      0px;
    color:              #333333;
    background-color:   #fcd55f;
}
#SKYM_GM_detail_subinfo_left div.social {
    margin-bottom:      20px;
    border:             1px solid #9d9146;
    border-top:         0px;
    padding:            10px 0 6px 4px;
}

#SKYM_GM_detail_subinfo_left div.social a {
    padding:            0 1px;
}

#SKYM_GM_detail_subinfo_left div.ec {
    margin-bottom:      20px;
    border:             1px solid #9d9146;
    border-top:         0px;
    padding:            10px 0 6px 4px;
}
#SKYM_GM_detail_subinfo_left div.ec a {
    padding:            0 1px;
}

#SKYM_GM_detail_subinfo_right {
    float:              right;
    margin-top:         24px;
    margin-bottom:      18px;
    width:              546px;
}
#SKYM_GM_detail_subinfo_right div.description {
    margin-bottom:      20px;
    border-style:       solid;
    border-width:       0 1px 1px 1px;
    border-color:       #9d9146;
    padding:            8px;
}
#SKYM_GM_detail_subinfo_right div.description p {
    margin:             9px 0 0 0;
}
#SKYM_GM_detail_subinfo_right div.description p.first_child {
    margin:             0;
}
#SKYM_GM_detail_subinfo_right div.other_volumes{
    margin-bottom: 20px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #9d9146;
    padding:      8px;
}
#SKYM_GM_detail_subinfo_right div.other_volumes img{
    padding:      2px 0 0 3px;
}

#SKYM_GM_detail_subinfo_right div.notice {
    margin-bottom:      20px;
    padding:            0 9px;
    line-height:        17px;
    font-size:          11px;
    font-weight:        bold;
    color:              #333333;
}
#SKYM_GM_detail_subinfo_right div.notice em {
    display:            block;
    padding-top:        0.5em;
    line-height:        1.2em;
    color:              #ff0000;
}

#SKYM_GM_detail_subinfo {
    margin-top:         24px;
    margin-bottom:      18px;

}
#SKYM_GM_detail_subinfo div.description {
    margin-bottom:      20px;
    border-style:       solid;
    border-width:       0 1px 1px 1px;
    border-color:       #9d9146;
    padding:            8px;
}
#SKYM_GM_detail_subinfo div.description p {
    margin:             9px 0 0 0;
}
#SKYM_GM_detail_subinfo div.description p.first_child {
    margin:             0;
}

#SKYM_GM_detail_subinfo div.fb_comment_area {
    margin-bottom: 20px;
}

#SKYM_GM_detail_subinfo div.other_volumes{
    margin-bottom: 20px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #9d9146;
    padding:      8px;
}
#SKYM_GM_detail_subinfo div.other_volumes img{
    padding:      2px 0 0 3px;
}

#SKYM_GM_detail_subinfo div.notice {
    margin-bottom:      20px;
    padding:            0 9px;
    line-height:        17px;
    font-size:          11px;
    font-weight:        bold;
    color:              #333333;
}
#SKYM_GM_detail_subinfo div.notice em {
    display:            block;
    padding-top:        0.5em;
    line-height:        1.2em;
    color:              #ff0000;
}


#SKYM_GM_detail_base div.other_titles{
    margin: 15px auto 20px auto;
    width: 692px;
}
#SKYM_GM_detail_base div.other_titles div.title{
    float: left;
    margin-left: 18px;
    margin-right: 18px;
    width: 82px;
}
#SKYM_GM_detail_base div.other_titles div.title:first-child{
    margin-left: 0px;
}
#SKYM_GM_detail_base div.other_titles div.title:last-child{
    margin-right: 0px;
}
#SKYM_GM_detail_base div.other_titles div.first_child{
    margin-left: 0;
}
#SKYM_GM_detail_base div.other_titles div.title img.thumbnail{
    border: solid 1px #cccccc;
}
#SKYM_GM_detail_base div.more{
    margin-bottom: 20px;
    text-align: right;
    color:      #0099cc;
}
/* -------------------------------------
   20131016追加
 ------------------------------------  */
#SKYM_GM_detail_info .productBox .bannerList {
	margin-bottom: 7px;
}
#SKYM_GM_detail_info .productBox .bannerList li img {
	display: block;
}
#SKYM_GM_detail_info .productBox .banner {
	margin-bottom: 15px;
	clear: both;
	text-align: center;
}
#SKYM_GM_detail_info .productBox .banner img{
	margin-bottom:2px;
}
#SKYM_GM_detail_info .productBox .tableBox {
	margin: 0 32px 0 33px;
}
#SKYM_GM_detail_info .productBox .tableBox table {
	margin-bottom: 0;
	width: 48%;
	border-collapse: collapse;
}
#SKYM_GM_detail_info .productBox .tableBox thead th {
	padding: 7px 5px 8px;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #9D9146;
	background-color: #FCE399;
}
#SKYM_GM_detail_info .productBox .tableBox .button_shopping{
	margin-top:5px;
}
#SKYM_GM_detail_info .productBox .tableBox .button_matome{
	margin-bottom:5px;
}
#SKYM_GM_detail_info .productBox .tableBox thead th span {
	font-size: 16px;
}
#SKYM_GM_detail_info .productBox .tableBox tbody th {
	text-align: center;
	background: none;
}
#SKYM_GM_detail_info .productBox .tableBox tbody td {
	word-break: break-all;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
#SKYM_GM_detail_info .productBox .tableBox tbody .price {
	color: #DF4624;
}
#SKYM_GM_detail_info .productBox .tableBox tbody .point {
	color: #FF6800;
}
#SKYM_GM_detail_info .productBox .tableBox tbody td li {
	display: inline-block;
}

#SKYM_GM_detail_info .productBox .tableBox_1 table{
	float:none;
	margin:0 auto;
}
#SKYM_GM_detail_info .productBox  .price_2_rihgt_txt{
	width:520px;
	text-align:right;
	margin-top:5px;
}


#logrecom_placeholder {
    display: none;
}
#logrecom_placeholder .carousel img {
    width: 80px;
}