@charset "utf-8";

/* ------------------------------------------------------
    ページ共通
------------------------------------------------------- */
#main {
    width: 900px;
    margin: 0 auto 10px auto;
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;
    position: relative;
    behavior: url(/js/PIE.htc);
}

/* Header */
div#shop_id {
    display: none;
}
header div#shop_name {
    height: 34px;
    padding: 6px 17px 6px 17px;
    position: relative;
    behavior: url(/js/PIE.htc);
}
header h1 {
    color: #ffffff;
    line-height: 1.0;
    font-size: 160%;
    margin-top: 8px;
    float: left;
}
header form {
    text-align: right;
}
header form input#keyword_search {
    font-size: 120%;
    padding-left: 30px;
    width: 300px;
    height:28px;
    background-image: url(/images/pc/search_icon.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border:1px solid #bbbbbb;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: inset 2px 2px 10px #bbbbbb;
    position: relative;
    behavior: url(/js/PIE.htc);
}
header form #search_button {
     position: absolute;
     top: 10px;
     right:24px;
}
#keyword_search_info {
    display: none;
    position: absolute;
    z-index: 100;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(/js/PIE.htc);
}
#keyword_search_info div {
    margin: 7px;
}
#keyword_search_info div.message {
    font-size: 120%;
    font-weight: bold;
}
#keyword_search_info div.example {
    margin-top: 0;
    color: #666666;
    padding: 2px 2px 2px 24px;
    background-image: url(/images/pc/search_icon_s.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(/js/PIE.htc);
}

/* Main Layout */
#wrapper {
    margin-top: 5px;
    padding: 5px;
    clear : both;
}

/* パンくずリスト */
#breadcrumbs {
    margin: 2px 0 5px 12px;
    font-size: 95%;
    color: #666666;
}
#breadcrumbs img {
    margin: -2px 0.5em 0 0;
    float: left;
}
#breadcrumbs:after {
    clear: both;
}

/* コンテンツ領域レイアウト */
#content {
    width: 680px;
    float: left;
}

/* 右側メニュー */
#sidemenu {
    margin-left: 5px;
    width: 205px;
    float: left;
}

/* 内部コンテンツ枠 */
#content section, #sidemenu section {
    background-color: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 1px 1px 2px #999999,1px 1px 3px #999999;
    -moz-box-shadow: 1px 1px 2px #999999,1px 1px 3px #999999;
    box-shadow: 1px 1px 2px #999999,1px 1px 3px #999999;
    position: relative;
    behavior: url(/js/PIE.htc);
}
#content section.last {
    margin-bottom: -10px;
}
#content>.temp_closed_shop .reldchg_banner {
    margin-top: 10px;
s}
#content>.temp_closed_shop .reldchg_banner:hover {
    opacity: 0.8;
}
/* タイトル部装飾 */
#content section h2, #sidemenu section h2 {
    font-size: 115%;
    padding: 2px 2px 2px 5px;
    margin-bottom:5px;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    behavior: url(/js/PIE.htc);
}
#content section h2 em {
    float: left;
    padding-left: 6px;
    -moz-text-shadow: 1px 1px 0px #FFFFFF;
    -webkit-text-shadow: 1px 1px 0px #FFFFFF;
    text-shadow: 1px 1px 0px #FFFFFF;
}
#content section h2 .rss {
    line-height: 1.0;
    margin: 2px 0 -1px 12px;
    float: left;
}
#content section h2 .more2 {
    line-height: 1.0;
    width: auto;
    margin: 6px 0 0 18px;
    font-size: 85%;
    -moz-text-shadow: 1px 1px 0px #FFFFFF;
    -webkit-text-shadow: 1px 1px 0px #FFFFFF;
    text-shadow: 1px 1px 0px #FFFFFF;
    float: left;
}
#content section h2 .more {
    width: auto;
    text-align: right;
    margin: 2px 5px 0 0;
    font-size: 80%;
}
#content section h2 .more.tw_btn{
    margin:0 5px -3px 0;
}
#sidemenu section h2 em {
    float: left;
    padding-left: 2px;

    -moz-text-shadow: 1px 1px 0px #FFFFFF;
    -webkit-text-shadow: 1px 1px 0px #FFFFFF;
    text-shadow: 1px 1px 0px #FFFFFF;
}
/* コンテンツ枠 */
#content section .section_content, #sidemenu section .section_content {
    margin: 0 5px;
    word-wrap: break-word;
}
/* 休止店舗用レイアウト */
#content section.temp_closed_shop {
    background-color: #FFFFCC;
    border-color: #E02030;
}
#content section.temp_closed_shop h2 {
    font-size: 150%;
    text-align: center;
    padding: 5px 2px 2px;
    margin-bottom:10px;
    border: 1px solid #E02030;
    background: #FFFFFF;
    color: #E02030;
}
#content section.temp_closed_shop .section_content {
    font-size: 120%;
    color: #E02030;
    font-weight: bold;
}
/* サイドメニューリスト（ランキング除く） */
#sidemenu section .section_content ul li {
    padding: 2px 0;
}
#sidemenu section .section_content ul li a {
    display: block;
}
/* サイドメニュー検索ランキング */
#sidemenu section .section_content dl dt {
    float:left;
    padding: 2px 0 2px 5px;
    width: 2.5em;
    text-align: right;
}
#sidemenu section .section_content dl dd {
    padding-left: 3.5em;
    padding-top: 2px;
}
#sidemenu section .section_content dl dd:after {
  content : '';
  display : block;
  clear : both;
}
#sidemenu section .section_content dl dd a {
    display: block;
}
#sidemenu section .section_content .more {
    border-top: 1px dotted #999999;
    text-align: right;
    margin-top: 6px;
    padding-top: 6px;
}
#sidemenu section .section_content .qr_message {
    text-align:center;
    font-size: 87%;
}
/* スマートフォンサイトへのリンク */
#sidemenu section .section_content .sp_banner {
    position: relative;
    margin: 10px 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(/js/PIE.htc);
}
#sidemenu section .section_content .sp_banner a {
    height: 56px;
    width: 190px;
    display: block;
    background-image: url(/images/pc/sp_banner.png);
    background-position: 3px 8px;
    background-repeat: no-repeat;
}

/* Footer */
footer {
}
#footer_navi {
    margin-top: 19px;
    position: relative;
    behavior: url(/js/PIE.htc);
    height: 45px;
}
#footer_navi .pagetop {
    text-align: right;
    padding: 5px 10px 1px 10px;
    margin: -24px 17px 0 0;
    float: right;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -pie-border-radius: 6px 6px 0 0;
    position: relative;
    behavior: url(/js/PIE.htc);
}
#footer_navi .pagetop a, #footer_navi .pagetop span {
    color: #ffffff;
    cursor: pointer;
}
#footer_navi .pagetop span:hover {
    text-decoration: underline;
}
#footer_navi .footer_logo {
    height: 40px;
    background-image: url(/images/pc/logo.png);
    background-position: 17px 4px;
    background-repeat: no-repeat;
}
#copyright {
    text-align: center;
    color: #999999;
    font-size: 85%;
}
/* コンテンツ h2下メッセージ */
.section_content .message {
    margin: 10px 0;
}
.section_content .message .caution {
    margin-top: 10px;
}
.section_content .notice {
    margin-top: 10px;
}

/* ------------------------------------------------------
    以下店舗トップ用CSS
------------------------------------------------------- */
/* 各リスト共通 */
#comic_news dl dt, #popular_comic_info dl dt, #magazine_info dl dt {
    float:left;
    padding: 5px 0;
}
#comic_news dl dd, #popular_comic_info dl dd, #magazine_info dl dd {
    border-bottom:dotted 1px #cccccc;
    padding-top: 5px;
}
#comic_news dl dd.last, #popular_comic_info dl dd.last, #magazine_info dl dd.last {
    border-bottom: none;
}
#comic_news dl dd:after, #popular_comic_info dl dd:after, #magazine_info dl dd:after {
  content : '';
  display : block;
  clear : both;
}
#comic_news dl dt.date, #popular_comic_info dl dt.date, #magazine_info dl dt.category  {
    padding-left: 5px;
}

/* 店舗からのお知らせ */
#shop_news {
    margin-top: 3px;
    height: 95px;
}
#shop_news img.loading {
    display: block;
    margin: auto;
    padding-top: 35px;
}
#shop_news .jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 0px;
    height: 16px;
    right: 4px;
}
#shop_news .jquery-slider-element {
    padding: 5px;
    width: 640px;
    height: 80px;
}

/* 新刊入荷のお知らせ */
#new_comic_info {
    margin: 10px 0;
    min-height: 135px;
    width: 100%;
}
#new_comic_info img.loading {
    display: block;
    margin: auto;
    padding-top: 50px;
}
#new_comic_info ul {
    margin-left: 8px;;
    padding-left: 15px;
    width: 640px;
    height: 135px;
    background-image: url(/images/pc/shelf.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
}
#new_comic_info ul li {
    width: 102px;
    height: 120px;
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    z-index: 1;
}
#new_comic_info ul li div.list {
    position: relative;
    z-index: 2;
}
#new_comic_info ul li div.list div.date {
    font-size: 105%;
    width: 50px;
    height: 40px;
    color: #ffffff;
    font-weight: bold;
    background: url("/images/pc/date_balloon.png") bottom left no-repeat;
    padding: 3px;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 10px;
}
#new_comic_info ul li div.list div.date span {
    cursor: default;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    width: 50px;
    position: absolute;
    left: 2px;
    bottom: 4px;
}
#new_comic_info ul li div.list img {
    color: transparent;
}
#new_comic_info ul li div.comics_hidden {
    display: none;
}
#request_comics ul li div.comics_hidden {
    display: none;
}

/* 新刊入荷のお知らせ詳細 */
#comic_detail {
    display: none;
    position: absolute;
    z-index: 100;
    width: 400px;
    min-height: 75px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;
    behavior: url(/js/PIE.htc);
}
#comic_detail img.comic_image {
    float: left;
    margin-right: 10px;
    color: transparent;
}
#comic_detail div {
    overflow: hidden;
}
#comic_detail:after {
    content : '';
    display : block;
    clear : both;
}
#comic_detail .title {
    font-size: 120%;
    font-weight: bold;
    border-top: solid 1px #cccccc;
    border-bottom: dotted 1px #cccccc;
    padding: 3px;
    margin-bottom: 5px;
}
#comic_detail .auther, #comic_detail .publisher {
    padding: 3px;
}
#comic_detail .date {
    padding: 3px;
    border-bottom: solid 1px #cccccc;
}

/* 最新コミックニュース */
#comic_news {
    min-height: 55px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}
#comic_news img.loading {
    display: block;
    margin: auto;
    padding-top: 20px;
}
#comic_news dl dt.date {
    width: 7.5em;
}
#comic_news dl dt.category {
    width: 11.5em;
}
#comic_news dl dd {
    padding-left: 19em;
}

/* リクエスト対応状況のお知らせ */
#request_comics {
    height: 120px;
}
#request_comics img.loading,  #request_details img.loading{
    display: block;
    margin: auto;
    padding-top: 45px;
}
#request_comics div ul li {
    width: 16.66%;
    text-align:center;
    float:left;
}
#request_comics div ul li.last:after {
    clear : both;
}
#request_comics div ul li img {
    display: block;
    margin: auto;
    cursor: pointer;
    color: transparent;
}
#request_comics .jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 0px;
    height: 16px;
    right: 4px;
}
#request .notice {
    margin-top: -1em;
}

/* リクエスト詳細表示 */
#request_hidden {
    display:none;
}
#request_details {
    display: none;
    position: absolute;
    z-index: 100;
    width: 500px;
    min-height: 120px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;
    behavior: url(/js/PIE.htc);
}
#request_details img.comic_image {
    float: left;
    margin-right: 10px;
    color: transparent;
}
#request_details div {
    overflow: hidden;
}
#request_details:after {
    content : '';
    display : block;
    clear : both;
}
#request_details .title {
    font-size: 120%;
    font-weight: bold;
}
#request_details .handle_name, #request_details .date {
    border-top: solid 1px #cccccc;
    margin-top: 2px;
    padding-top: 3px;
}
#request_details .answer {
    border-top: dotted 1px #cccccc;
    margin-top: 2px;
    padding-top: 3px;
}

/* 話題作入荷のお知らせ */
#popular_comic_info {
    min-height: 55px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}
#popular_comic_info img.loading {
    display: block;
    margin: auto;
    padding-top: 20px;
}
#popular_comic_info dl dt.date {
    width: 5em;
}
#popular_comic_info dl dt.publisher {
    width: 12.5em;
}
#popular_comic_info dl dt.author {
    width: 9.5em;
}
#popular_comic_info dl dd {
    padding-left: 27.5em;
}

/* 雑誌コーナーのお知らせ */
#magazine_info {
    min-height: 55px;
    max-height: 205px;
    overflow-x: hidden;
    overflow-y: auto;
}
#magazine_info img.loading {
    display: block;
    margin: auto;
    padding-top: 20px;
}
#magazine_info dl dt.category {
    width: 9em;
}
#magazine_info dl dt.magazine {
    width: 13em;
}
#magazine_info dl dd {
    padding-left: 22em;
}
/* ------------------------------------------------------
    ボタン用CSS
------------------------------------------------------- */
.buttons {
    width:100%
    margin-right: 3px;
}
#list dl dd.arrival_detail .buttons {
    padding-top: 3px;
}
.buttons div {
    margin: 0 0 5px 10px;
    float: right;
    /* radius */
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /* shadow */
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;

    position: relative;
    behavior: url(/js/PIE.htc);
}
.buttons div a, .buttons div span {
    display: block;
    padding: 5px 10px 5px 26px;
    color: #444444;
}
.buttons div a:hover {
    text-decoration: none;
}
.buttons div.btn_detail {
    border: 1px solid #B1DB48;
    background: #DEF1A7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DEF1A7), to(#C7EC6F));
    background: -webkit-linear-gradient(#DEF1A7, #C7EC6F);
    background: -moz-linear-gradient(#DEF1A7, #C7EC6F);
    background: -ms-linear-gradient(#DEF1A7, #C7EC6F);
    background: -o-linear-gradient(#DEF1A7, #C7EC6F);
    background: linear-gradient(#DEF1A7, #C7EC6F);
    -pie-background: linear-gradient(#DEF1A7, #C7EC6F);
}
.buttons div.btn_detail a {
    background-image: url(/images/btn_icon/book.gif);
    background-position: 5px 6px;
    background-repeat: no-repeat;
}
.buttons div.btn_shops {
    border: 1px solid #FFBB63;
    background: #FFECC0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFECC0), to(#FFD596));
    background: -webkit-linear-gradient(#FFECC0, #FFD596);
    background: -moz-linear-gradient(#FFECC0, #FFD596);
    background: -ms-linear-gradient(#FFECC0, #FFD596);
    background: -o-linear-gradient(#FFECC0, #FFD596);
    background: linear-gradient(#FFECC0, #FFD596);
    -pie-background: linear-gradient(#FFECC0, #FFD596);
}
.buttons div.btn_shops a {
    background-image: url(/images/btn_icon/search.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
}
.buttons div.btn_request, #list .buttons div.btn_alertmail {
    border: 1px solid #FFBACD;
    background: #FFF0F5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF0F5), to(#FFBECD));
    background: -webkit-linear-gradient(#FFF0F5, #FFBECD);
    background: -moz-linear-gradient(#FFF0F5, #FFBECD);
    background: -ms-linear-gradient(#FFF0F5, #FFBECD);
    background: -o-linear-gradient(#FFF0F5, #FFBECD);
    background: linear-gradient(#FFF0F5, #FFBECD);
    -pie-background: linear-gradient(#FFF0F5, #FFBECD);
}
.buttons div.btn_request a, .buttons div.btn_request span,
#list .buttons div.btn_alertmail a, #list .buttons div.btn_alertmail span {
    cursor: pointer;
    background-image: url(/images/btn_icon/see.gif);
    background-position: 6px 6px;
    background-repeat: no-repeat;
}
#detail .buttons div.btn_alertmail2 {
    border: 1px solid #B1DB48;
    background: #DEF1A7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DEF1A7), to(#C7EC6F));
    background: -webkit-linear-gradient(#DEF1A7, #C7EC6F);
    background: -moz-linear-gradient(#DEF1A7, #C7EC6F);
    background: -ms-linear-gradient(#DEF1A7, #C7EC6F);
    background: -o-linear-gradient(#DEF1A7, #C7EC6F);
    background: linear-gradient(#DEF1A7, #C7EC6F);
    -pie-background: linear-gradient(#DEF1A7, #C7EC6F);
}
#detail .buttons div.btn_alertmail2 a, #detail .buttons div.btn_alertmail2 span {
    cursor: pointer;
    background-image: url(/images/btn_icon/calendar.gif);
    background-position: 5px 6px;
    background-repeat: no-repeat;
}
.buttons div.btn_request_disable {
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE), to(#C8C8C8));
    background: -webkit-linear-gradient(#EEEEEE, #C8C8C8);
    background: -moz-linear-gradient(#EEEEEE, #C8C8C8);
    background: -ms-linear-gradient(#EEEEEE, #C8C8C8);
    background: -o-linear-gradient(#EEEEEE, #C8C8C8);
    background: linear-gradient(#EEEEEE, #C8C8C8);
    -pie-background: linear-gradient(#EEEEEE, #C8C8C8);
}
.buttons div.btn_request_disable span {
    cursor: default;
/*
    display: block;
    padding: 5px 10px 5px 26px;
*/
    color: #999999;
    background-image: url(/images/btn_icon/see_disable.gif);
    background-position: 6px 6px;
    background-repeat: no-repeat;
}

/* リクエスト検索用ボタン */
.btn_request_search {
    cursor: pointer;
	margin-top: 0.5em;

    border: 1px solid #FFBACD;
    background: #FFF0F5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF0F5), to(#FFBECD));
    background: -webkit-linear-gradient(#FFF0F5, #FFBECD);
    background: -moz-linear-gradient(#FFF0F5, #FFBECD);
    background: -ms-linear-gradient(#FFF0F5, #FFBECD);
    background: -o-linear-gradient(#FFF0F5, #FFBECD);
    background: linear-gradient(#FFF0F5, #FFBECD);
    -pie-background: linear-gradient(#FFF0F5, #FFBECD);

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /* shadow */
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;

    position: relative;
    behavior: url(/js/PIE.htc);
}
.btn_request_search span {
    cursor: pointer;
    display: block;
    padding: 5px 8px 5px 24px;
    background-image: url(/images/btn_icon/see.gif);
    background-position: 6px 6px;
    background-repeat: no-repeat;
}

/* ------------------------------------------------------
    リスト用CSS
------------------------------------------------------- */
#list_header {
    margin-top: 8px;
    position: relative;
    height: 30px;
    width: 100%;
}
#list_footer {
    margin-top: -4px;
    position: relative;
    height: 30px;
    width: 100%;
}
#list_header div.tab {
    position: absolute;
    left: 0;
    bottom: 0;
}
#list_header div.tab li {
    float: left;
    padding: 7px 10px 3px 10px;
    margin-right: 5px;
    font-size: 105%;
    font-weight: bold;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -pie-border-radius: 6px 6px 0 0;
    position: relative;
    behavior: url(/js/PIE.htc);
}
#list_header div.tab li.selected {
    color: #ffffff;
    z-index: 2;
}
#list_header div.tab li a:hover {
    text-decoration: none;
}
#list_header div.pager, #list_footer div.pager {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}
#list_header div.pager li, #list_footer div.pager li {
    float: left;
    margin-left: 1px;
}
#list_header div.pager li strong, #list_footer div.pager li strong {
    padding: 5px;
    display: block;
}
#list_header div.pager li a, #list_footer div.pager li a {
    padding: 5px;
    display: block;
}
div.header_bar {
    height: 4px;
    -webkit-box-shadow: 0px 1px 5px #999999;
    -moz-box-shadow: 0px 1px 5px #999999;
    box-shadow: 0px 1px 5px #999999;
    position: relative;
    behavior: url(/js/PIE.htc);
    z-index: 1;
}
div.footer_bar {
    margin: 5px 0;
    height: 3px;
    -webkit-box-shadow: 0px 1px 5px #999999;
    -moz-box-shadow: 0px 1px 5px #999999;
    box-shadow: 0px 1px 5px #999999;
    position: relative;
    behavior: url(/js/PIE.htc);
    z-index: 1;
}
#list {
    margin-top: 5px;
    min-height: 100px;
}
#list .no_data_message {
    text-align: center;
    padding-top: 36px;
}
/* コミック画像付リスト */
#list dl dt.comic_image {
    float:left;
    padding-top: 5px;
    width: 100px;
    text-align: center;
}
#list dl dt.comic_image img {
    color: transparent;
}
#list dl dd.comic_detail, #list dl dd.request_detail {
    padding: 10px 0 0px 105px;
}
/* 入荷予定用 */
#list dl dt.arrival_date {
    float:left;
    padding-top: 10px;
    width: 50px;
    font-size: 120%;
    font-weight: bold;
    text-align: right;
}
#list dl dd.arrival_detail {
    padding: 10px 0 0px 65px;
}
/* お知らせ用 */
#list dl dt.news_date {
    float:left;
    padding-top: 10px;
    width: 80px;
    font-size: 110%;
    text-align: right;
}
#list dl dd.news_detail {
    font-size: 110%;
    padding: 10px 0 10px 95px;
}
/* 雑誌コーナーのお知らせ用 */
#list dl dt.magazine_category {
    padding: 5px 0 0 5px;
    float:left;
    width: 9em;
}
#list dl dt.magazine_title {
    padding: 5px 0 0 0;
    float:left;
    width: 13em;
}
#list dl dd.magazine_detail {
    padding: 5px 0 5px 23em;
}
#list dl dd.magazine_detail:after {
    content : '';
    display : block;
    clear : both;
}
/* 罫線・行処理 */
#list dl dd {
    border-bottom:dotted 1px #cccccc;
}
#list dl dd.last {
    border-bottom: none;
}
#list dl dd:after {
  content : '';
  display : block;
  clear : both;
}
/* 各項目 */
#list dl dd .title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 8px;
}
#list dl dd .rack_no {
    width: 22.5em;
    padding-left: 1em;
    float: right;
}
#list dl dd .publisher {
    margin-bottom: 3px;
}
#list dl dd.arrival_detail .auther {
    float: left;
    width: 13.5em;
}
#list dl dd.request_detail .handle_name {
    padding-top: 3px;
    margin-top: 3px;
    border-top: dotted 1px #cccccc;
}
#list dl dd.request_detail .comment, #list dl dd.request_detail .answer {
//    padding-bottom: 3px;
    margin-bottom: 5px;
}
#list dl dd.request_detail .date {
    padding-top: 5px;
    margin-bottom: 5px;
    border-top: dotted 1px #cccccc;
}
#list dl dd.request_detail .date:after {
    content : '';
    display : block;
    clear : both;
}
#list dl dd.request_detail .date div {
    width: 50%;
    float: left;
}
#tooltip {
    position: absolute;
    width: 200px;
    padding: 10px;
    z-index: 100;
    background-color: #ffffff;
    border: 1px solid #999999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 10px #999999;
    -moz-box-shadow: 1px 1px 10px #999999;
    box-shadow: 1px 1px 10px #999999;

    behavior: url(/js/PIE.htc);
}

/* ------------------------------------------------------
    詳細ページ用CSS
------------------------------------------------------- */
#detail {
    margin: 15px 0 10px 0;
}
#detail:after, #modal_window .comic_details:after {
    content : '';
    display : block;
    clear : both;
}
#detail .comic_image, #modal_window .comic_details .comic_image {
    width: 190px;
    margin-right: 10px;
    text-align: center;
    float: left;
}
#detail .comic_image img.comic, #modal_window .comic_details .comic_image img.comic {
    max-width: 180px;
    max-height: 180px;
    color: transparent;
    margin-bottom: 5px;
}
#detail .comic_info, #modal_window .comic_details .comic_info {
    overflow: hidden;
}
#detail .comic_info .title, #modal_window .comic_details .comic_info .title {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 10px;
}
#detail .comic_info .auther {
    padding: 5px 0 10px 0;
}
#detail .comic_info .publisher, #detail .comic_info .first,
#modal_window .comic_details .comic_info .publisher,
#modal_window .comic_details .comic_info .first,
#modal_window .comic_details .comic_info .auther {
    margin-bottom: 5px;
}
#detail .comic_info .first, #modal_window .comic_details .comic_info .first {
    width: 250px;
    float: left;
}
#detail .comic_info .last:after, #modal_window .comic_details .comic_info .last:after {
    content : '';
    display : block;
    clear : left;
}
#detail .comic_info .rank img, #modal_window .comic_details .comic_info .rank img {
    margin: 0 3px -1px 0;
}
#detail .comic_info .rank span, #modal_window .comic_details .comic_info .rank span {
    color: #ff0000;
    font-weight: bold;
    font-size: 95%;
}
#detail .comic_info .auther .auther_more {
    cursor: pointer;
    font-size: 80%;
    color: #006DD9;
    padding: 2px 5px;
    margin-left: 10px;
    /* radius */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /* border & color */
    border: 1px solid #57B3F2;
    background: #D8EFFB;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8EFFB), to(#67C0EE));
    background: -webkit-linear-gradient(#D8EFFB, #67C0EE);
    background: -moz-linear-gradient(#D8EFFB, #67C0EE);
    background: -ms-linear-gradient(#D8EFFB, #67C0EE);
    background: -o-linear-gradient(#D8EFFB, #67C0EE);
    background: linear-gradient(#D8EFFB, #67C0EE);
    -pie-background: linear-gradient(#D8EFFB, #67C0EE);
    /* shadow */
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;

    position: relative;
    behavior: url(/js/PIE.htc);
}

/* フロアマップ */
#rack_info {
    margin-top: 10px;
    position: relative;
}
#rack_info .rack_pin .x_axis, #rack_info .rack_pin .y_axis,
#rack_info .rack_pin_new .x_axis, #rack_info .rack_pin_new .y_axis {
    display: none;
}
.rack_pin {
    position: absolute;
    width: 33px;
    height: 33px;
    background-image: url(/images/pc/rack_pin.gif);
    background-position: top bottom;
    background-repeat: no-repeat;
    z-index: 2;
}
.rack_pin_new {
    position: absolute;
    width: 33px;
    height: 33px;
    background-image: url(/images/pc/rack_pin_new.gif);
    background-position: top bottom;
    background-repeat: no-repeat;
    z-index: 2;
}
#floor_map {
    margin: 0;
    padding: 0;
    z-index: 1;
}

/* 近隣店マップ */
#map {
    width:400px;
    height:400px;
    float:right;
    border: 1px solid #999999;
}
#shop_map .list {
/*
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    */
    margin-bottom: 10px;
}
#shop_map .list:after {
    content : '';
    display : block;
    clear : right;
}
#shop_map .list ul {
    width: 239px;
    border-top: 1px dotted #999999;
}
#shop_map .list ul li {
    margin-top: 3px;
    padding: 5px;
    border-bottom: 1px dotted #999999;
}
#shop_map .list ul li .shop_name {
    font-weight: bold;
}
.map_initialize {
    cursor: pointer;
}
#shop_map .list ul li .map_zoom {
    cursor: pointer;
    font-size: 90%;
    color: #006DD9;
    font-weight: normal;
    padding: 1px 7px;
    text-align: center;
    float: right;
    margin-left: 10px;
    /* radius */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /* border & color */
    border: 1px solid #57B3F2;
    background: #D8EFFB;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8EFFB), to(#67C0EE));
    background: -webkit-linear-gradient(#D8EFFB, #67C0EE);
    background: -moz-linear-gradient(#D8EFFB, #67C0EE);
    background: -ms-linear-gradient(#D8EFFB, #67C0EE);
    background: -o-linear-gradient(#D8EFFB, #67C0EE);
    background: linear-gradient(#D8EFFB, #67C0EE);
    -pie-background: linear-gradient(#D8EFFB, #67C0EE);
    /* shadow */
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;

    position: relative;
    behavior: url(/js/PIE.htc);
}
#shop_map .lat, #shop_map .lng, #shop_map .myself, #myself_data {
    display: none;
}
#map .map_shop_info strong {
    font-size: 120%;
}
/* モーダル画面のform */
#modal_window .comic_details {
    margin: 10px 0;
    border-bottom: 1px solid #cccccc;
}
#modal_form textarea, #modal_form input[type="text"] {
    width: 645px;
}
#modal_form .form_item {
    font-size: 110%;
    margin-bottom: 10px;
}
#modal_form .last {
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
#modal_form .form_item .notice {
    font-size: 90%;
}

/* 画像のロード・画像への影付け */
.loading_image {
    background: url("/images/pc/loading_spinner.gif") right top no-repeat;
}
.image_5px_shadow_with_border {
    border: solid #bbbbbb 1px;
    -webkit-box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    box-shadow: 1px 1px 5px #999999;
    position: relative;
    behavior: url(/js/PIE.htc);
}
.image_10px_shadow_no_border {
    -webkit-box-shadow: 1px 1px 10px #999999;
    -moz-box-shadow: vpx 1px 10px #999999;
    box-shadow: 1px 1px 10px #999999;
    position: relative;
    behavior: url(/js/PIE.htc);
}
.image_10px_shadow_with_border {
    border: 1px solid #cccccc;
    -webkit-box-shadow: 1px 1px 10px #999999;
    -moz-box-shadow: 1px 1px 10px #999999;
    box-shadow: 1px 1px 10px #999999;
    behavior: url(/js/PIE.htc);
}

/* なびコミ非店舗ページ用 */
header.navi-comi div#header_image {
    width: 100%;
    height: 90px;
    background-image: url("/images/pc/navi-comi_header.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}

/* 雑誌検索 */
#content form#magazine_search {
    position: relative;
}
#content form#magazine_search input[type=text] {
    font-size: 110%;
    line-height:1.0;
    padding: 0 30px 0 30px;
    width: 268px;
    height:28px;
    background-image: url(/images/pc/search_icon.png);
    background-position: 6px 5px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    border:1px solid #bbbbbb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: inset 1px 1px 8px #bbbbbb;
    position: relative;
    behavior: url(/js/PIE.htc);
}
#content form#magazine_search input[type=image] {
     position: absolute;
     width: 18px;
     top: 6px;
     left:300px;
}
#magazine_search_info {
    display: none;
    position: absolute;
    z-index: 100;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(/js/PIE.htc);
}
#magazine_search_info div {
    margin: 7px;
}
#magazine_search_info div.message {
    font-size: 120%;
    font-weight: bold;
}
#magazine_search_info div.example {
    margin-top: 0;
    color: #666666;
    padding: 2px 2px 2px 24px;
    background-image: url(/images/pc/search_icon_s.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    behavior: url(/js/PIE.htc);
}