@charset "utf-8";

/************************************************
 各ページコンテンツ【追加】用
************************************************ */

/********** mdc_kane *************/

/***共通**/


h3.read {
margin-top:20px;
margin-bottom:20px;
font-size :15px;
font-weight:normal;
}

h3.title {
margin-top:20px;
margin-bottom:20px;
font-size :16px;
}

li.disc {
list-style:disc;
margin-left:20px;
margin-top:3px;
}


h4.title {
background:#FFFFCC;
margin-top:20px;
margin-bottom:5px;
padding:3px;
font-size :14px;
}





/**編集者の一押し**/

#editors_wrap {
width:760px;
margin-top:20px;
margin-top:20px;
}

#editors_wrap .editors_left {
float:left;
width:206px;
margin-top:20px;
margin-bottom:100px;
}

#editors_wrap .editors_right {
float:right;
width:470px;
margin:0;
padding-right:10px;
}

#editors_wrap .editors_btn {
display:block;
margin-top:10px;
}






/**自費出版**/

.self-publication-box {
border:1px solid #FFCC00;
padding:10px;
margin-top:10px;
}






/**ご利用ガイドまたはお支払方法　fshotから抜粋**/
/* #guide_return_products_area関連追加 mdc_mk */
#guide_shopping_area h2,
#guide_payment_area h2,
#guide_delivery_area h2,
#guide_cancel_area h2,
#guide_return_products_area h2,
#guide_env_area h2 { /* 2012.02.10 mdc_kk */
    background-color: #EFEFEF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 15px;
    padding: 2px 16px;
}

#guide_shopping_area h3,
#guide_payment_area h3,
#guide_delivery_area h3,
#guide_cancel_area h3,
#guide_return_products_area h3,
#guide_env_area h3 { /* 2012.02.10 mdc_kk */
    margin-top: 10px;
}

#guide_payment_area .bloc_body,
#guide_payment_area .bloc_body,
#guide_delivery_area .bloc_body,
#guide_cancel_area .bloc_body,
#guide_return_products_area .bloc_body,
#guide_env_area .bloc_body { /* 2012.02.10 mdc_kk */
    margin: 12px 16px;
    width: 90%;
    border:none;
    font-size: 12px;
    line-height: 160%;
}

ul.payment_list {
    margin: 5px 14px;
}

#guide_shopping_area li,
#guide_payment_area li,
#guide_delivery_area li,
#guide_cancel_area li,
#guide_return_products_area li, 
#guide_env_area li { /* 2012.02.10 mdc_kk */
    list-style: disc outside none;
    margin-left: 26px;
}

ul.payment_list li {
    font-size: 14px;
    font-weight: bold;
    line-height: 180%;
    list-style: disc outside none;
}





/***買い物かご関連のタイトル****/
h2.title_cartin {
    background: url("../img/background/bg_tit_orange.gif") repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 16px;
    padding: 8px;
}




/***規約****/
div#kiyaku p {
    margin: 6px 6px 18px;
}

.kiyaku_info_area {
    /*font-size: 12pt;*/
    padding: 12px;
    border:1px solid #ccc;
}

.button_like_kiyaku li {
margin-top:5px;
margin-bottom:20px;
    padding-left: 15px;
    background: url('../img/icon/ico_arrow_01.gif') no-repeat left ;
}

/* 新規会員登録用 */
.kiyaku_info_area_entry {
    /*font-size: 12pt;*/
    margin: 0 20px 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
}

/*font*/
.bold {
    font-weight:bold;
}

/***モバイルサイトのQRコード****/

#bloc_body_inner .qr-center {
margin-left:60px;
}


/***ログインページ****/
#undercolumn_login .login_area .formlist {
    margin: 0 auto;
}

/*注文番号用*/
.order_number{
	font-weight:bold;
	color:#0033FF;
	font-size:14px;
	margin-bottom:8px;
}

/* ステータスにより画像に文字を重ねる < 2018 >
---------------------------------------------------- */
.hs_list_prod_img,
.hs_detail_prod_img {
    position: relative;
}

/*リスト*/
.hs_list_prod_img .hs_img_text_frame {
    position: absolute;
    /*bottom: 0px;*/
    top: 40px;
    left: 0;
    width:100%;
    height: 50px;
    background-color: #999;
    border:1px solid #666666;
    opacity: 0.9;
}

.hs_list_prod_img .hs_img_text {
    padding-top:16px;
    font-size:16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

/*詳細*/
.hs_detail_prod_img .hs_img_text_frame {
    position: absolute;
    bottom: 0;
    left: 0;
    width:259px;
    height: 60px;
    background-color: #666;
    border:1px solid #666;
    opacity: 0.9;
}

.hs_detail_prod_img .hs_img_text {
    padding-top: 18px;
    font-size:18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.hs_status_out_of_print {
    background-color: #AB47BC !important;
    border:1px solid #7B1FA2 !important;
}

.hs_status_sold_out {
    background-color: #999 !important;
    border:1px solid #666666 !important;
}


/* リボン表示
-----------------------*/

/*リボンを表示するボックス*/
.hs-ribbon-box {
    display: block;
    position: relative;
    margin: 6px 12px;
    padding: 10px 0;
    width: 226px;
    min-height: 260px;
    float:left;
    background: #ffffff;
    border:1px solid #cdcdcd;
}

/*リボンの配置位置*/
.hs-ribbon-box .hs-ribbon-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
}

/*商品画像*/
.hs-ribbon-box .hs-prod-img-box {
    margin:12px 0 3px 0;
    text-align: center;
}

/*商品名*/
.hs-ribbon-box .hs-prod-text-box {
    padding:6px 6px 6px 12px;
}


/*リボンの装飾*/
.hs-ribbon-box .hs-ribbon {
    display: inline-block;
    position: absolute;
    padding: 5px 0;
    left: -24px;
    top: 20px;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    background: #39c3d4;
    color: #fff;
    /*box-shadow: 0 0 0 2px rgb(57, 195, 212);
    border-top: solid 1px rgba(255, 255, 255, 1);
    border-bottom: solid 1px rgba(255, 255, 255, 1);*/
}

/*新刊の色*/
.hs-ribbon-box .hs-new {
    background: #FF9900;
    color: #fff;
    opacity: 0.8;
}
/*近日発売*/
.hs-ribbon-box .hs-comming-soon {
    background: #009999;
    color: #fff;
    opacity: 0.8;
}
/*先行予約*/
.hs-ribbon-box .hs-presale {
    background: #FF3300;
    color: #fff;
    opacity: 0.8;
}
/*良本発掘*/
.hs-ribbon-box .hs-recommend {
    background: #FF6699;
    color: #fff;
    opacity: 0.8;
}

/* トップページ一覧表示
--------------------------------------- */
.hs-top-list {
    margin-bottom: 12px;
    padding: 9px 0 9px 12px;
    border-bottom: solid 1px #cccccc;
}
/*商品画像*/
.hs-top-list .hs-prod-img-box {
    /*border: 1px solid #880000;*/
    margin-right: 12px;
}
/*商品説明*/
.hs-top-list .hs-description {
    padding: 0 12px 0 6px;
    overflow: hidden;
}

/*商品名*/
.hs-top-list .hs-prod-text-box {
    padding: 3px 0 0 0;
    font-size: 120%;
    font-weight: bold;
}
.hs-top-list .hs-sale-price {
    padding:0;
    font-size: 110%;
}
.hs-top-list .hs-prod-main-list-comment {
    padding: 3px 0;
}

/*ステータス表示*/
.hs-top-status-area .hs-top-status {
    padding: 0 6px;
    margin-bottom: 3px;
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    /*border-radius: 4px;*/
}
/*新刊の色*/
.hs-top-status-area .hs-new {
    background: #FF9900;
    color: #fff;
    opacity: 0.8;
}
/*近日発売*/
.hs-top-status-area .hs-comming-soon {
    background: #009999;
    color: #fff;
    opacity: 0.8;
}
/*先行予約*/
.hs-top-status-area .hs-presale {
    background: #FF3300;
    color: #fff;
    opacity: 0.8;
}
/*良本発掘*/
.hs-top-status-area .hs-recommend {
    background: #FF6699;
    color: #fff;
    opacity: 0.8;
}

h2.hs-top-title {
    background: url("../img/background/bg_tit_green.gif") ;
    font-size :20px;
    padding:12px 16px;
    margin-bottom:10px;/*mdc_kane*/
    color:#424242;
}

/*-----------------------------------------------
default/user_data/all_news.tpl 全ての新着情報ページ
------------------------------------------------*/
.all_news_box{
    margin:0 18px 18px;
    padding:0 0 12px 0;
}
.all_news_box .news_comment{
    background:url("../img/background/line_oblique_01_ex.gif") repeat-x top left;
    margin:0px;
    padding:12px;
}
.all_news_box .news_date{ color:#0000ff; }
.all_news_box hr{ display:none;}