@charset 'EUC-JP';

@import '/etc/korea/css/navi.css';

/* ========================= [ #globalNavi ] */
#globalNavi {
    position: relative;
    z-index: 1001;
    clear: both;
    width: 950px;
}
#globalNavi:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
    font-size: 0;
}
#globalNavi ul {
    clear: both;
    height: 24px;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    background: url(/r_img/base/bg_globalnavi.gif) repeat-x;
    zoom: 1;
}
#globalNavi ul:nth-child(3) {
    border-bottom: 1px solid #cbcbcb;
}
#globalNavi ul#lastLine {
    border-bottom: 1px solid #cbcbcb;
}
#globalNavi li {
    display: inline;
    float: left;
    width: 104px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 0 14px;
}
/* for Chorme Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #globalNavi ul li a {
        font-size: 12px;
    }
}
#globalNavi li.clear {
    clear: left;
}
#globalNavi ul li a {
    display: block;
}

/* ========================= [ #globalNavi ul li ul.sub ] */
#globalNavi ul li ul.sub {
    position: absolute;
    z-index: 1;
    display: none;
    width: 340px;
    height: auto;
    overflow: hidden;
    padding: 0 0 7px;
    border: 1px solid #ccc;
    background: #fff;
}
#globalNavi ul li ul.sub li {
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 8px 10px;
}
#globalNavi ul li ul.sub li br{ display: none;}
#globalNavi ul li ul.sub li a,
#globalNavi ul li ul.sub li span {
    padding: 0 10px;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
}
#globalNavi ul li ul.sub li a {
    background: url(/r_img/base/bg_arrow.gif) no-repeat;
    background-position: 0 3px;
}
#globalNavi ul li ul.extraNarrow li,
#globalNavi ul li ul.narrow li {
    width: 100%;
}
#globalNavi ul li ul.extraNarrow {
    width: 160px;
}
#globalNavi ul li ul.narrow {
    width: 190px;
}
#globalNavi ul li ul.wide {
    width: 370px;
}
#globalNavi ul li ul.extraWide {
    width: 400px;
}
#globalNavi ul li ul.ultraExtraWide {
    width: 430px;
}
#globalNavi ul li ul.sub li.linkGenreTop {
    display: none;
}
#globalNavi ul li ul.sub li.linkTitle {
    width: 100%;
    margin-bottom: 8px;
    padding: 5px 0;
    background: none;
    background-color: #efefef;
    text-align: center;
}

/* ========================= [ #globalNavi.li ] */
#globalNavi li#gnCinema {
    border-left: none;
    background: url(/r_img/base/bg_gncinema.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnVcinema {
    background: url(/r_img/base/bg_gnvcinema.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnDrama {
    background: url(/r_img/base/bg_gndrama.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnTv {
    background: url(/r_img/base/bg_gntv.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnTakarazuka {
    background: url(/r_img/base/bg_gntakarazuka.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnKorea {
    background: url(/r_img/base/bg_gnkorea.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnSbsshow {
    background: url(/r_img/base/bg_gnsbsshow.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnHarlequin {
    background: url(/r_img/base/bg_gnharlequin.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnMusic {
    background: url(/r_img/base/bg_gnmusic.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnDocumentary {
    background: url(/r_img/base/bg_gndocumentary.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnLife_culture {
    background: url(/r_img/base/bg_gnlife_culture.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnAnimation,
#globalNavi li#gnMinogashi {
    background: url(/r_img/base/bg_gnanimation.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnVariety {
    background: url(/r_img/base/bg_gnvariety.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnMahjong {
    background: url(/r_img/base/bg_gnmahjong.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnLivechat {
    background: url(/r_img/base/bg_gnlivechat.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnSports {
    background: url(/r_img/base/bg_gnsports.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnGame {
    background: url(/r_img/base/bg_gngame.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnIdol {
    background: url(/r_img/base/bg_gnidol.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnDownload {
    background: url(/r_img/base/bg_gndownload.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnDl_comic {
    background: url(/r_img/base/bg_gndl_comic.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnR18cinema {
    background: url(/r_img/base/bg_gnr18cinema.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnAdvanced,
#globalNavi li#gnR18animation,
#globalNavi li#gnR18married {
    background: url(/r_img/base/bg_gnadvanced.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnAdvanced {
	background-color: #ffdbed;
	background: url(/r_img/base/bg_gnadvanced.gif) no-repeat 5px 5px,-webkit-linear-gradient(top, #ffeef7 5%, #ffc9e4 95%);
	background: url(/r_img/base/bg_gnadvanced.gif) no-repeat 5px 5px,-moz-linear-gradient(top, #ffeef7 5%, #ffc9e4 95%);
	background: url(/r_img/base/bg_gnadvanced.gif) no-repeat 5px 5px,-o-linear-gradient(top, #ffeef7 5%, #ffc9e4 95%);
	background: url(/r_img/base/bg_gnadvanced.gif) no-repeat 5px 5px,-ms-linear-gradient(top, #ffeef7 5%, #ffc9e4 95%);
	background: url(/r_img/base/bg_gnadvanced.gif) no-repeat 5px 5px,linear-gradient(to bottom, #ffeef7 5%, #ffc9e4 95%);
}
#globalNavi li#gnPachinko_pachislot {
    background: url(/r_img/base/bg_gnpachinko.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnComic {
    background: url(/r_img/base/bg_gncomic.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnTaiwanDrama {
    background: url(/r_img/base/bg_gntaiwandrama.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnR18game {
    background: url(/r_img/base/bg_gnr18game.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnStage {
    background: url(/r_img/base/bg_gnstage.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnFreeMember {
    background: url(/r_img/base/bg_gnfreemember.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li#gnFree {
    background: url(/r_img/base/bg_gnfree.gif) no-repeat;
    background-position: 5px 5px;
}
#globalNavi li img {
    margin-left: 0;
    vertical-align: middle;
}
#globalNavi li#gnCinema,
#globalNavi li#gnHarlequin,
#globalNavi li.borderLeftNone {
    border-left: none;
}
#globalNavi li#gnDocumentary a {
    letter-spacing: -1.2px;
}
#globalNavi li#gnLife_culture a {
    letter-spacing: -1px;
    font-size: 11px;
}
#globalNavi li#gnLife_culture ul.sub a {
    font-size: 10px;
}
#globalNavi li#gnPachinko_pachislot a {
    letter-spacing: -1px;
    font-size: 11px;
}
#globalNavi ul#lastLine {
    border-bottom: 1px solid #cbcbcb;
}
#globalNavi li a {
    position: relative;
}
#globalNavi > ul > li > a {
    line-height: 24px;
}
#globalNavi li.newIcon img {
    position: absolute;
}
#globalNavi li.openIcon img {
    position: absolute;
    top: -9px;
    right: -32px;
}
#globalNavi li.liveIcon {
    margin-right: 33px;
}
#globalNavi li.liveIcon img {
    position: absolute;
    top: -9px;
    width: 33px;
}
#globalNavi li img.nowopenIcon {
    position: absolute;
    top: -15px;
    right: -20px;
}

/* ========================= [ #newsNotifier ] */
#newsNotifier {
    width: 800px;
    margin: 0 auto;
}

/* ========================= [ #memberNavi ] */
#memberNavi {
    position: relative;
    z-index: 1000;
    clear: both;
    width: 932px;
    margin: 4px auto;
    padding: 8px;
    border: 1px solid #c1c1c1;
    background: url(/r_img/base/global_bg_membernavi.gif) repeat-x;
    zoom: 1;
}
#memberNavi:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
    font-size: 0;
}

/* ========================= [#memberNavi #sectionSearch ] */
#memberNavi #sectionSearch {
    position: relative;
    display: inline;
    float: left;
    width: 501px;
    margin-right: 8px;
}
#memberNavi #sectionSearch:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
    font-size: 0;
}
#memberNavi #sectionSearch form#searchForm div#srcGenreSelector {
    display: inline;
    float: left;
    width: 28px;
    height: 38px;
    border: solid 1px #cacaca;
    border-right: none;
    background-color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
#memberNavi #sectionSearch form#searchForm div#srcGenreSelector a {
    display: block;
    width: 22px;
    height: 0 !important;
    height /**/: 17px;
    overflow: hidden;
    margin: 10px 0 0 5px;
    padding-top: 17px;
    outline: none;
    background: transparent url(/common/icon/search_menu_icon.gif) no-repeat scroll left top;
}
#memberNavi #sectionSearch form#searchForm div#srcGenreSelector a:hover {
    background-image: url(/common/icon/search_menu_icon_o.gif);
}
#memberNavi #sectionSearch form#searchForm input#stEntireSearchEntry {
    display: inline;
    float: left;
    width: 389px;
    height: 40px;
    box-sizing: border-box;
    padding-left: 8px;
    outline: none;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    font-size: 14px;
    line-height: 2.6;

    -webkit-appearance: inherit;
}
#memberNavi #sectionSearch form#searchForm input#stEntireSearchSubmitBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 83px;
    outline: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
#memberNavi #sectionSearch form#searchForm input#stEntireSearchSubmitBtn:focus {
    outline: none;
}

/* ========================= [#memberNavi #sectionSearchLoggedIn　{if $v.isLoggedIn == true} ] */
#memberNavi #sectionSearchLoggedIn {
    position: relative;
    display: inline;
    float: left;
    width: 632px;
    margin-right: 8px;
}
#memberNavi #sectionSearchLoggedIn form#searchForm div#srcGenreSelector {
    display: inline;
    float: left;
    width: 28px;
    height: 38px;
    border: solid 1px #cacaca;
    border-right: none;
    background-color: #fff;
}
#memberNavi #sectionSearchLoggedIn form#searchForm div#srcGenreSelector a {
    display: block;
    width: 22px;
    height: 0 !important;
    height /**/: 17px;
    overflow: hidden;
    margin: 10px 0 0 5px;
    padding-top: 17px;
    outline: none;
    background: transparent url(/common/icon/search_menu_icon.gif) no-repeat scroll left top;
}
#memberNavi #sectionSearchLoggedIn form#searchForm div#srcGenreSelector a:hover {
    background-image: url(/common/icon/search_menu_icon_o.gif);
}
#memberNavi #sectionSearchLoggedIn form#searchForm input#stEntireSearchEntry {
    display: inline;
    float: left;
    width: 519px;
    height: 40px;
    box-sizing: border-box;
    padding-left: 8px;
    outline: none;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    font-size: 14px;
    line-height: 2.6;
}
#memberNavi #sectionSearchLoggedIn form#searchForm input#stEntireSearchSubmitBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 83px;
    outline: none;
}
#memberNavi #sectionSearchLoggedIn form#searchForm input#stEntireSearchSubmitBtn:focus {
    outline: none;
}

/* ========================= [ #memberNavi div#searchListBox ] */
#memberNavi div#searchListBox {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    display: none;
}
#memberNavi div#searchListBox ul {
    width: 198px;
    padding: 31px 15px 20px 0;
}
#memberNavi #sectionSearch  div#searchListBox ul li,
#memberNavi #sectionSearchLoggedIn  div#searchListBox ul li {
    border-width: 0 0 1px 1px;
    border-style: none none solid solid;
    border-color: #ced1d6;
}
#memberNavi div#searchListBox ul li a {
    display: block;
    width: 172px;
    padding: 0 0 0 24px;
    color: #878b96;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    line-height: 26px;
}
#memberNavi div#searchListBox ul li a:hover {
    background-color: #b5c4ca;
    color: #fff;
}
#memberNavi div#searchListBox ul li a.selectedItem {
    background-image: url(/misc/header/search_box/arrow.gif);
    background-position: 7px 8px;
    background-repeat: no-repeat;
}
#memberNavi div#searchListBox ul li a span {
    font-size: 10px;
}

/* ========================= [ #memberNavi ul ] */
#memberNavi ul {
    display: inline;
    float: right;
    width: 411px;
    padding-left: 10px;
    background: url(/r_img/base/bg_sectionsearch.gif) no-repeat;
    background-position: top left;
}
#memberNavi ul#loggedIn {
    width: 280px;
}
#memberNavi ul li {
    display: inline;
    float: left;
}
#memberNavi ul li#loginBtn a {
    display: block;
    width: 135px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -950px 0;
    text-indent: -9999px;
}
#memberNavi ul li#loginBtn  a:hover {
    background-position: -950px -41px;
}
#memberNavi ul li#logoutBtn a {
    display: block;
    width: 135px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -1351px 0;
    text-indent: -9999px;
}
#memberNavi ul li#logoutBtn a:hover {
    background-position: -1351px -41px;
}
#memberNavi ul li#memberBtn a {
    display: block;
    width: 67px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -1085px 0;
    text-indent: -9999px;
}
#memberNavi ul li#memberBtn a:hover {
    background-position: -1085px -41px;
}
#memberNavi ul li#memberBtnYahoo a {
    display: block;
    width: 68px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -1487px 0;
    text-indent: -9999px;
}
#memberNavi ul li#memberBtnYahoo a:hover {
    background-position: -1487px -41px;
}
#memberNavi ul li#purchaseHistoryBtn a {
    display: block;
    width: 67px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 10px;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -1152px 0;
    text-indent: -9999px;
}
#memberNavi ul li#purchaseHistoryBtn a:hover {
    background-position: -1152px -41px;
}
#memberNavi ul li#purchaseHistoryBtnYahoo a {
    display: block;
    width: 67px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 5px;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -1555px 0;
    text-indent: -9999px;
}
#memberNavi ul li#purchaseHistoryBtnYahoo a:hover {
    background-position: -1555px -41px;
}
#memberNavi ul li#loginBtnYahoo {
    margin: 6px 5px 0 0;
}
#memberNavi div#loginBtnRbb {
    margin: 50px 0 0 521px;
}
#memberNavi div#loginBtnRbb a {
    display: block;
    width: 411px;
    height: 28px;
    overflow: hidden;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -441px -171px;
    text-indent: -9999px;
}
#memberNavi div#loginBtnRbb a:hover {
    background-position: -852px -171px;
}
#memberNavi ul li#entryBtn a {
    display: block;
    width: 131px;
    height: 40px;
    overflow: hidden;
    background: url(/r_img/base/parts.png) no-repeat;
    background-position: -1220px 0;
    text-indent: -9999px;
}
#memberNavi ul li#entryBtn a:hover {
    background-position: -1220px -41px;
}

/* ========================= [ #memberNavi ul li#entryBtn ] */
#memberNavi ul li#entryBtn a {
    position: relative;
}
#memberNavi ul li#entryBtn img {
    position: absolute;
    top: -6px;
    right: -18px;
    z-index: 3;
}

/* ========================= [ #memberNavi div.keyword ] */
#memberNavi div.keyword {
    clear: both;
    width: 928px;
    padding-top: 10px;
}
#memberNavi div.keyword:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
    font-size: 0;
}
#memberNavi div.keyword strong {
    float: left;
    padding: 0 10px 0 8px;
    font-weight: bold;
}
#memberNavi div.keyword p {
    float: left;
    padding: 0 10px 0 8px;
    background: url(/r_img/base/global_bg_keyword.gif) no-repeat;
    background-position: 0 5px;
    white-space: nowrap;
    zoom: 1;
}
/*検索がないISPの場合*/
#memberNavi #sectionSearch  div.keyword {
    clear: both;
    width: 534px;
    padding-top: 10px;
}
/*RBBの場合*/
#memberNavi #notLoggedInRbb div.keyword {
    position: absolute;
    top: 48px;
    width: 534px;
    padding-top: 10px;
}
/* SubMenu */
#subMenuButton {
    float: left;
    width: 47px;
    height: 40px;
    box-sizing: border-box;
    margin-right: 10px;
    text-align: center;
}
#subMenuButton a {
    display: block;
    width: 47px;
    height: 40px;
    box-sizing: border-box;
    margin-left: -1px;
    padding-top: 22px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fbfbfb url(/r_img/base/icon_submenu.png) center top no-repeat;
    color: #989898;
    text-align: center;
    letter-spacing: -1.5px;
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
}
#subMenuButton a:hover {
    background-color: #f0f0f0;
    text-decoration: none;
}
#subMenuButton.closeSubMenuButton a {
    background: #828282 url(/r_img/base/icon_submenu_close.png) center top no-repeat;
    color: #fff;
    letter-spacing: 0;
    font-weight: normal;
}
#subMenuButton.closeSubMenuButton a:hover {
    background-color: #9a9a9a;
    text-decoration: none;
}
#subMenuBalloonComment {
    position: absolute;
    top: -8px;
    left: -98px;
    width: 102px;
    box-sizing: border-box;
    padding: 16px 0 16px 1px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: white;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}
#subMenuBalloonComment:before {
    position: absolute;
    top: 50%;
    right: -7px;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid  #ccc;
    content: '';
}
#subMenuBalloonComment:after {
    position: absolute;
    top: 50%;
    right: -6px;
    width: 0;
    height: 0;
    margin-top: 3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    content: '';
}
#memberNavi #sectionSearch {
    width: 446px;
}
#memberNavi #sectionSearchLoggedIn {
    width: 577px;
}

/* ========================= [ #globalNews ] */
/* new */
.globalNews { margin: 4px auto;}
.globalNews a,
.globalNews a img{ display: block;}
/* old */
#globalNews { margin: 4px auto;}
#globalNews a,
#globalNews a img{ display: block;}
#globalNewsNarrow {
    width: 800px;
    margin: 4px auto;
}

/* ========================= [ #container #contents #emergency ] */
#container #contents #emergency {
    width: 800px;
    margin: 0 auto;
}

/* ========================= [ .iosDetailBnr ] */
.iosDetailBnr {
    margin: 0 auto;
    text-align: center;
}
.iosDisplayBtn {
    margin-bottom: 20px;
    padding: 20px 80px 0 0;
}
.iosDisplayBtn ul {
    text-align: center;
    letter-spacing: -.40em;
}
.iosDisplayBtn li {
    display: inline-block;
    letter-spacing: normal;
    font-size: 1.4em;
}
.iosDisplayBtn li.ttl {
    margin-right: 15px;
    line-height: 50px;
}
.iosDisplayBtn li.btn a {
    display: block;
    width: 200px;
    height: 50px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border: solid #ccc;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 25px 25px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e6ed));
    background: -moz-linear-gradient(top, #fff, #e7e6ed);
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    text-shadow: 0 1px 1px #f5f5f5;
    font-weight: bold;
    font-size: 16px;
    line-height: 48px;

         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
}
.iosDisplayBtn .display_sp li.btn a {
    border-radius: 25px 0 0 25px;
}
.iosDisplayBtn .display_pc li:nth-of-type(2) a {
    border: solid #c0c0c5;
    border-width: 1px 0 1px 1px;
    border-radius: 25px 0 0 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e7e6ed));
    background: -moz-linear-gradient(top, #ccc, #e7e6ed);
    box-shadow: 0 0 8px 1px rgba(0,0,0,.1) inset;
    color: #999;
    text-shadow: none;
    text-shadow: none;
    cursor: default;
}
.iosDisplayBtn .display_sp li:nth-of-type(3) a {
    border: solid #c0c0c5;
    border-width: 1px 0 1px 1px;
    border-radius: 0 25px 25px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e7e6ed));
    background: -moz-linear-gradient(top, #ccc, #e7e6ed);
    box-shadow: 0 0 8px 1px rgba(0,0,0,.1) inset;
    color: #999;
    text-shadow: none;
    text-shadow: none;
    cursor: default;
}
.iosDisplayBtn li a:hover {
    text-decoration: none;
}
.iosDisplayBtn .display_pc .noSpUI {
    display: none;
}
.iosDisplayBtn .display_sp .noSpUI {
    margin: 20px 0;
    padding: 15px 20px;
    border: 1px solid #4d4d4d;
    background: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 38px;
}
.iosDisplayBtn .display_sp .noSpUI span {
    display: block;
    color: #f00;
}
/* ========================= [ div#comicSpecialLinks ] */
div#comicSpecialLinks {
    width: 950px;
    margin: -13px auto 0;
    line-height: 1.335;
}
div#comicSpecialLinks h1#siteTitle {
    float: left;
    width: 358px;
    margin: 12px 0 9px;
    padding-left: 6px;
    color: #999;
    text-align: left;
}
div#comicSpecialLinks a.backToHomeLink {
    display: block;
    float: right;
    width: 300px;
    margin: 0;
    padding: 11px 0 0 0;
    text-align: right;
    line-height: 15px;
}

/* ========================= [ #comicHeader ] */
#comicHeader {
    position: relative;
    z-index: 2;
    width: 950px;
    padding-top: 3px;
}
#comicHeader #utility {
    clear: both;
    height: 71px;
    padding: 12px 0 0 0;
    background: transparent url(/genretop/comic/gui/header_bg_950.gif) left top no-repeat;
}
#comicHeader #utility h1,
#comicHeader #utility strong {
    float: left;
    padding: 9px 30px 0 24px;
}
#comicHeader #utility .menu {
    float: left;
    padding: 16px 0 0 12px;
}
#comicHeader #utility .menu li {
    float: left;
    margin-right: 3px;
}
h1#comic {
    margin-top: -2px;
    color: #c586a5;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
}
li#comicTop {
    padding-left: 10px;
}
#comicHeader ul#serviceMenu {
    float: right;
    padding: 16px 75px 0 12px;
}
#comicHeader ul#serviceMenu li {
    float: left;
    margin-right: 8px;
}

/* ========================= [ ul#comicMenu ] */
ul#comicMenu {
    position: relative;
    z-index: 1;
    width: 950px;
    height: 31px;
    margin: 3px 0 10px;
    background: transparent url(/genretop/comic/gui/menu_bg_950.gif) left top no-repeat;
    font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
ul#comicMenu li {
    position: relative;
    float: left;
}
ul#comicMenu li a {
    display: block;
    padding: 0 15px 0 10px;
    background: transparent url(/common/icon/arrow_comic.gif) left center no-repeat;
    line-height: 31px;
}
ul#comicMenu li#comicTop a {
    padding-left: 15px;
    background-image: url(/common/icon/reload.gif);
}
div#comicNBspace .globalNews {
    margin: 0 auto 10px;
} /* new */
div#comicNBspace #globalNews {
    margin: 0 auto 10px;
} /* old */

/* ========================= [ #harlequin / #harlequinHeader ] */
body#harlequin a.backToHomeLink {
    display: block;
    float: right;
    width: 300px;
    margin: 6px 0 2px;
    text-align: right;
}
#harlequinHeader {
    position: relative;
    z-index: 2;
    clear: both;
    width: 950px;
    padding-top: 3px;
}
#harlequinHeader #utility {
    clear: both;
    height: 71px;
    padding: 12px 0 0 0;
    background: transparent url(/genretop/harlequin/gui/header_bg_950.gif) left top no-repeat;
}
#harlequinHeader #utility h1,
#harlequinHeader #utility strong {
    float: left;
    padding: 9px 17px 0 24px;
}
#harlequinHeader #utility .menu {
    float: left;
    padding: 16px 0 0 12px;
}
#harlequinHeader #utility .menu li {
    float: left;
    margin-right: 3px;
}
h1#harlequin {
    margin-top: -2px;
    color: #c586a5;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
}
li#harlequinTop {
    padding-left: 10px;
}
#harlequinHeader ul#serviceMenu {
    float: right;
    padding: 16px 17px 0 12px;
}

/* ========================= [ div#harlequinMenu ] */
div#harlequinMenu {
    position: relative;
    z-index: 1;
    width: 950px;
    height: 62px;
    margin: 3px 0 10px;
    background: transparent url(/genretop/harlequin/gui/menu_bg_950.gif) left top no-repeat;
    font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
div#harlequinMenu ul li {
    position: relative;
    float: left;
}
div#harlequinMenu ul li a {
    display: block;
    padding: 0 15px 0 10px;
    background: transparent url(/genretop/harlequin/gui/arrow.gif) left center no-repeat;
    line-height: 31px;
}
div#harlequinMenu ul li#harlequinTop a {
    padding-left: 15px;
    background-image: url(/genretop/harlequin/gui/reload.gif);
}
div#harlequinMenu ul li#hqcomicRomance a {
    padding-left: 50px;
    background-image: url(/genretop/harlequin/gui/arrow_comic.gif);
}
div#harlequinMenu ul li#hqnovelRomance a {
    padding-left: 50px;
    background-image: url(/genretop/harlequin/gui/arrow_novel.gif);
}
div#harlequinMenu ul li#harlequinSpecial a {
    margin-left: 15px;
}
div#harlequinNBspace .globalNews {
    margin: 0 auto 10px;
} /* new */
div#harlequinNBspace #globalNews {
    margin: 0 auto 10px;
} /* old */

/* ========================= [ div#harlequinHeader div#globalSearchBox ] */
div#harlequinHeader div#globalSearchBox {
    position: relative;
    z-index: 3;
    display: inline;
    float: right;
    width: 240px;
    height: 30px;
    margin: 15px 19px 0 0;
    padding-top: 1px;
    background: transparent url(/misc/header/search_box/search_box.gif) left top no-repeat;
    text-align: center;
}
div#harlequinHeader div#globalSearchBox img {
    display: inline;
    float: left;
    width: 22px;
    margin: 6px 5px 0 9px;
    cursor: pointer;
}
div#harlequinHeader div#globalSearchBox input {
    display: inline;
    outline: none;
    border: 0;
}
div#harlequinHeader div#globalSearchBox input#stEntireSearchEntry {
    float: left;
    width: 151px;
    height: 26px;
    padding: 0;
    color: #b7bcc9;
    line-height: 26px;
}
div#harlequinHeader div#globalSearchBox input#stEntireSearchSubmit {
    float: right;
    width: 40px;
    margin: 4px 7px 0 0;
}
div#harlequinHeader div#searchListBox {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    display: none;
}
div#harlequinHeader div#searchListBox ul {
    width: 198px;
    padding: 31px 15px 20px 0;
}
* html div#harlequinHeader div#searchListBox ul {
    background-image: url(/misc/header/search_box/list_box.gif);
}
div#harlequinHeader div#searchListBox ul li {
    border-width: 0 0 1px 1px;
    border-style: none none solid solid;
    border-color: #ced1d6;
}
div#harlequinHeader div#searchListBox ul li a {
    display: block;
    width: 172px;
    padding: 0 0 0 24px;
    color: #878b96;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    line-height: 26px;
}
div#harlequinHeader div#searchListBox ul li a:hover {
    background-color: #b5c4ca;
    color: #fff;
}
div#harlequinHeader div#searchListBox ul li a.selectedItem {
    background-image: url(/misc/header/search_box/arrow.gif);
    background-position: 7px 8px;
    background-repeat: no-repeat;
}
div#harlequinHeader div#searchListBox ul li a span {
    font-size: 10px;
}

/* ========================= [ div#elgolazoHeader ] */
div#elgolazoHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 94px;
    background: transparent url(/etc/elgolazo/header_back.gif);
}
* html div#elgolazoHeader {
    padding: 0 47px;
}
div#elgolazoHeader div#headerSect {
    width: 800px;
    margin: 0 auto;
}
div#elgolazoHeader div#headerSect div#logo {
    float: left;
    margin-top: 16px;
}
div#elgolazoHeader div#headerSect div#globalMenu {
    float: right;
    margin-top: 29px;
}
div#elgolazoDammyHeader {
    height: 100px;
}

/* ========================= [ ul#serviceMenu ] */
ul#serviceMenu {
    float: left;
    padding: 16px 0 0 12px;
}
div#header.gyaoGlobal ul#serviceMenu {
    float: right;
    padding: 3px 5px 0 0;
}
ul#serviceMenu li {
    float: left;
    margin-right: 8px;
}
ul#serviceMenu li a {
    display: block;
    width: 79px;
    height: 29px;
    overflow: hidden;
    outline: none;
    background: transparent url(/misc/header/service_menu.gif) left top no-repeat;
    text-indent: -9999px;
}
ul#serviceMenu li#serviceYahooLogin a {
    width: 116px;
    padding-top: 1px;
    background: none;
    text-indent: 0;
}
ul#serviceMenu li#serviceLogout a {
    background-position: -79px top;
}
ul#serviceMenu li#serviceLogout a:hover {
    background-position: -79px -29px;
}
ul#serviceMenu li#serviceMember a {
    background-position: -237px top;
}
ul#serviceMenu li#serviceMember a:hover {
    background-position: -237px -29px;
}
ul#serviceMenu li#serviceLogin a {
    background-position: left top;
}
ul#serviceMenu li#serviceLogin a:hover {
    background-position: left -29px;
}
ul#serviceMenu li#serviceSignup a {
    background-position: -158px top;
}
ul#serviceMenu li#serviceSignup a:hover {
    background-position: -158px -29px;
}
ul#serviceMenu li#serviceFavorite a {
    background-position: -316px top;
}
ul#serviceMenu li#serviceFavorite a:hover {
    background-position: -316px -29px;
}
ul#serviceMenu li#serviceHelp a {
    background-position: -395px top;
}
ul#serviceMenu li#serviceHelp a:hover {
    background-position: -395px -29px;
}
ul#serviceMenu li#serviceContract a {
    background-position: -474px top;
}
ul#serviceMenu li#serviceContract a:hover {
    background-position: -474px -29px;
}

/* ========================= [ div#globalSearchBox ] */
div#globalSearchBox {
    position: relative;
    z-index: 3;
    display: inline;
    float: right;
    width: 240px;
    height: 30px;
    margin: 15px 19px 0 0;
    padding-top: 1px;
    background: transparent url(/misc/header/search_box/search_box.gif) left top no-repeat;
    text-align: center;
}
div#globalSearchBox img {
    display: inline;
    float: left;
    width: 22px;
    margin: 6px 5px 0 9px;
    cursor: pointer;
}
div#globalSearchBox input {
    display: inline;
    outline: none;
    border: 0;
    font-size: 12px;
}
div#globalSearchBox input#stEntireSearchEntry {
    float: left;
    width: 151px;
    height: 26px;
    padding: 0;
    color: #b7bcc9;
    line-height: 26px;
}
div#globalSearchBox input#stEntireSearchSubmit {
    float: right;
    width: 40px;
    margin: 4px 7px 0 0;
}

/* ========================= [ div#searchListBox ] */
div#searchListBox {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    display: none;
}
div#searchListBox .searchListBoxHedding {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    color: #888c97;
    font-weight: bold;
    font-size: 13px;
}
#memberNavi div#searchListBox ul {
    width: 198px;
    box-sizing: border-box;
    padding: 31px 0 8px 0;
    border: 1px solid #ced1d6;
    border-radius: 6px;
    background: none;
    background-color: #eaedf3;
    box-shadow: 5px 5px 5px rgba(0,0,0,.2);
}
#memberNavi #sectionSearch div#searchListBox ul li,
#memberNavi #sectionSearchLoggedIn div#searchListBox ul li {
    width: 100%;
    box-sizing: border-box;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    border-color: #ced1d6;
    background-color: #fafafa;
}
#memberNavi #sectionSearch div#searchListBox ul li:first-child,
#memberNavi #sectionSearchLoggedIn div#searchListBox ul li:first-child {
    border-top: 1px solid #ced1d6;
}
div#searchListBox ul li a {
    display: block;
    width: 172px;
    padding: 0 0 0 24px;
    color: #878b96;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    line-height: 26px;
}
div#searchListBox ul li a:hover {
    background-color: #b5c4ca;
    color: #fff;
}
div#searchListBox ul li a.selectedItem {
    background-image: url(/misc/header/search_box/arrow.gif);
    background-position: 7px 8px;
    background-repeat: no-repeat;
}
div#searchListBox ul li a span {
    font-size: 10px;
}

/* ========================= [ #tinybox ] */
#tinybox {
    position: absolute;
    z-index: 2000;
    display: none;
}
#tinymask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1500;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
}
div#authAge {
    width: 530px;
}
#tinybox div#authAge h5 {
    width: 530px;
    height: 0!important;
    height /**/: 62px;
    overflow: hidden;
    padding-top: 62px;
    outline: none;
}
div#authAge h5#authcaution {
    background: transparent url('/common/auth/auth_title_caution.png') left top no-repeat;
}
div#authAge.summerBreeze h5#authcaution {
    background-image: url('/common/auth/variation/summer_breeze/auth_title_caution.png');
}
div#authAge.wineAroma h5#authcaution {
    background-image: url('/common/auth/variation/wine_aroma/auth_title_caution.png');
}
div#authAge h5#authattention {
    background: transparent url('/common/auth/auth_title_attention.png') left top no-repeat;
}
div#authAge.summerBreeze h5#authattention {
    background-image: url('/common/auth/variation/summer_breeze/auth_title_attention.png');
}
div#authAge.wineAroma h5#authattention {
    background-image: url('/common/auth/variation/wine_aroma/auth_title_attention.png');
}
div#authAge div#authBody {
    width: 530px;
    padding-bottom: 21px;
    background: transparent url('/common/auth/auth_body.png') left bottom no-repeat;
}
div#authAge.summerBreeze div#authBody {
    background-image: url('/common/auth/variation/summer_breeze/auth_body.png');
}
div#authAge.wineAroma div#authBody {
    background-image: url('/common/auth/variation/wine_aroma/auth_body.png');
}
div#authAge div#authBody p {
    padding: 10px 20px;
    color: #464646;
    font-size: 12px;
    line-height: 18px;
}
div#authAge div#authBody p strong {
    display: block;
    width: 288px;
    height: 0!important;
    height /**/: 20px;
    overflow: hidden;
    margin: 18px auto 14px;
    padding-top: 20px;
    outline: none;
    background: transparent url('/common/auth/auth_q.gif') left top no-repeat;
}
div#authAge.summerBreeze div#authBody p strong {
    background-image: url('/common/auth/variation/summer_breeze/auth_q.gif');
}
div#authAge.wineAroma div#authBody p strong {
    background-image: url('/common/auth/variation/wine_aroma/auth_q.gif');
}
div#authAge div#authBody ul#btnArea {
    width: 475px;
    height: 60px;
    margin: 0 auto;
    padding: 13px 0 0 25px;
    background: transparent url('/common/auth/auth_btn_base.gif') left top no-repeat;
}
div#authAge.summerBreeze div#authBody ul#btnArea {
    background-image: url('/common/auth/variation/summer_breeze/auth_btn_base.gif');
}
div#authAge.wineAroma div#authBody ul#btnArea {
    background-image: url('/common/auth/variation/wine_aroma/auth_btn_base.gif');
}
div#authAge div#authBody ul#btnArea li {
    float: left;
}
div#authAge div#authBody ul#btnArea li a {
    display: block;
    width: 202px;
    height: 0!important;
    height /**/: 50px;
    overflow: hidden;
    margin: 0 0 0 15px;
    padding-top: 50px;
    outline: none;
    background: transparent url('/common/auth/auth_yes.gif') left top no-repeat;
}
div#authAge div#authBody ul#btnArea li#notOver18 a {
    background: transparent url('/common/auth/auth_no.gif') left top no-repeat;
}
div#authAge.summerBreeze div#authBody ul#btnArea li a {
    background-image: url('/common/auth/variation/summer_breeze/auth_yes.gif');
}
div#authAge.summerBreeze div#authBody ul#btnArea li#notOver18 a {
    background-image: url('/common/auth/variation/summer_breeze/auth_no.gif');
}
div#authAge.wineAroma div#authBody ul#btnArea li a {
    background-image: url('/common/auth/variation/wine_aroma/auth_yes.png');
}
div#authAge.wineAroma div#authBody ul#btnArea li#notOver18 a {
    background-image: url('/common/auth/variation/wine_aroma/auth_no.png');
}
div#authAge div#aboutR18Contents {
    width: 315px;
    height: 67px;
    margin: 8px auto 0;
    padding: 8px 15px 0 170px;
    background: transparent url('/common/auth/auth_about.gif') left top no-repeat;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}
div#authAge.summerBreeze div#aboutR18Contents {
    background-image: url('/common/auth/variation/summer_breeze/auth_about.gif');
}
div#authAge.wineAroma div#aboutR18Contents {
    background-image: url('/common/auth/variation/wine_aroma/auth_about.png');
}
div#authAge div#aboutR18Contents span {
    font-size: 10px;
    line-height: 12px;
}



/* addGoogleSearch */
#memberNavi #sectionSearch.shorterSearchBar {
	width: 312px;
}
#memberNavi #sectionSearch.shorterSearchBar form#searchForm input#stEntireSearchEntry {
	width: 260px;
}
#memberNavi #sectionSearchLoggedIn.shorterSearchBarLoggedIn {
	width: 443px;
}
#memberNavi #sectionSearchLoggedIn.shorterSearchBarLoggedIn form#searchForm input#stEntireSearchEntry {
	width: 390px;
}

#linkToGoogleSearch {
    display: table;
    float: left;
    padding-left: 10px;
    background: url(/r_img/base/bg_sectionsearch.gif) no-repeat;
    background-position: top left;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#linkToGoogleSearch a{
    display: table-cell;
    vertical-align: middle;
    width: 116px;
    height: 40px;
    background-position: top left;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #CCC;
    color: #7b7b7b;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    padding-left: 30px;
    text-decoration: none;
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -webkit-linear-gradient(top, #fff 5%, #f0f0f0 95%);
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -moz-linear-gradient(top, #fff, #f0f0f0);
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -o-linear-gradient(top, #fff 5%, #f0f0f0 95%);
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -ms-linear-gradient(top, #fff 5%, #f0f0f0 95%);
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, linear-gradient(to bottom, #fff 5%, #f0f0f0 95%);
    background-size: 36px ,auto;
}
#linkToGoogleSearch a:hover{
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -webkit-linear-gradient(top, #ffe8d2 5%, #ffe8d2 95%) !important;
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -moz-linear-gradient(top, #ffe8d2 5%, #ffe8d2 95%) !important;
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -o-linear-gradient(top, #ffe8d2 5%, #ffe8d2 95%) !important;
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, -ms-linear-gradient(top, #ffe8d2 5%, #ffe8d2 95%) !important;
    background: url(/sp_img/base/icon_header.png) no-repeat -2px -317px, linear-gradient(to bottom, #ffe8d2 5%, #ffe8d2 95%) !important;
    background-size: 36px ,auto !important;
}