@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css");

/* =======================================================================
CSSの名前：style.css[PC]
--------------------------------------------------------------------------
reset
base
コンテナ・サイドバー・メインコンテンツ
ヘッダ
サイドバー
フッタ
extファイル用
トップページ
カートの中身～注文完了まで、プレゼント応募～完了まで
定期購入商品履歴照会・変更
商品詳細・一覧、プレゼント詳細・一覧
レビュー
購入履歴
サブウインドウで表示するページ用
エラーページ
クレジットカード登録画面
端末シリアル入力画面
端末サポート
会員ページ関連
プラン変更,解約申し込み
トピックス詳細
======================================================================= */


/* =================================================================
reset
=================================================================*/

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
select,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: transparent;
    border: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
ol {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    outline: none;
}

img {
    vertical-align: bottom;
}

body {
    background: #fff;
    font-size: 13px;
    font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
    line-height: 1;
    min-width: 1024px;
    -webkit-text-size-adjust: none;
}

@media screen and (max-device-width:599px) {
    body {
        -webkit-text-size-adjust: none;
        /* for iPhone */
    }
}


/* =================================================================
base
=================================================================*/
#NR-wrapper h1.NewTitle {
    background-color: #f1f8ff;
    color: #014895;
    display: block;
    font-size: 2em;
    line-height: 1.5em;
    margin-bottom: 1em !important;
    padding: .5em 0;
    text-align: center;
}

#NR-main h2.NewTitle {
    border-bottom: 2px solid #ec6d65;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 9px 0;
}

#NR-wrapper h3.NewTitle {
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin: 25px 10px 15px 0;
    border-left: 2px solid #ec6d65;
    padding-left: 8px;
}

#NR-wrapper p {
    margin: 0;
}

.clear {
    clear: both;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}

.cx:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

*:first-child+html .cx {
    display: inline-block;
    min-height: 1%;
}

*:first-child+html .cx {
    zoom: 1;
    /* IE7 */
}


/*  左・右寄せ
-------------------------------------------------------------*/

.fL {
    float: left;
}

.fR {
    float: right;
}

.txC {
    text-align: center;
}

.txR {
    text-align: right;
}


/*  基本のlink color
-------------------------------------------------------------*/

a:link {
    color: #0081c7;
    text-decoration: none;
}

a:visited {
    color: #0081c7;
}

a:hover {
    color: #0081c7;
}


/*  inputの基本スタイル
-------------------------------------------------------------*/
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea {
    background: #fff;
    border: 1px solid #cfcfcf;
}

input[type="text"],
input[type="text_head"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea {
    font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
    height: 100%;
    line-height: 1;
    padding: 0 5px;
    width: 125px;
}

input[type="submit"] {
    font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
}

input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}

input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}

input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}
body#apply1 input#FREE_ITEM4, body#apply1 input#FREE_ITEM6 {
    width: 400px;
}

/*  selectスタイル
-------------------------------------------------------------*/

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(../images/common/select_arrow_down.png) no-repeat 95% 50%;
    border: 1px solid #e8e8e8 !important;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    min-height: 34px !important;
    text-indent: .01px;
    /*Firefox用*/
    text-overflow: '';
    /*Firefox用*/
    padding: 4px 5px;
}

select::-ms-expand {
    display: none;
}

.ie.ie8 select {
    background: none;
    height: 28px !important;
    line-height: 28px !important;
    min-height: 0 !important;
}


/*  tableスタイル
-------------------------------------------------------------*/

table th {
    font-weight: normal !important;
}

table td.plan_explain1 {
    color: #333;
    font-weight: bold;
    text-align: left !important;
}

table td.plan_explain2 {
    color: #333;
}

table td.plan_explain1 strong {
    color: #cd3b3c;
}

table td.plan_explain2 strong {
    color: #cd3b3c;
}


/*  パン屑リストスタイル
-------------------------------------------------------------*/

#breadcrumbs {
    font-size: 13px;
    margin: 3px 0 20px;
}

#breadcrumbs a {
    text-decoration: underline !important;
}

#breadcrumbs a:hover {
    text-decoration: none !important;
}


/*  ボタンスタイル
-------------------------------------------------------------*/
.NR-button_head {
    background: none;
    display: inline-block;
    font-size: 14px;
    padding: 3px 15px;
    border:none;
}
a.NR-button_head {
    padding: 12px 39px 10px 39px;
}
.NR-button {
    background: #cc3333;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    padding: 8px 39px 6px 39px;
}

a.NR-button {
    padding: 12px 39px 10px 39px;
}

.NR-button-cancel {
    background: #333;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    padding: 8px 39px 6px 39px;
}

.topicsDetail a.NR-button-cancel {
    width:250px;
    background: #9E9E9E url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%/15px;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    padding: 10px 0;
}

.NR-button-disabled {
    background: #eee;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    padding: 10px 39px 9px 39px !important;
}

.NR-button:hover,
.NR-button-cancel:hover,
.NR-button-buy:hover {
    cursor: pointer;
    text-decoration: none !important;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

.NR-button-buy {
    background: #bbb;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    padding: 14px 53px 12px 53px !important;
}


/*  商品ステータスのアイコンスタイル【廃止予定？】
-------------------------------------------------------------*/

.item_present_icon {
    /* プレゼント */
    background-color: #00ada9;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 2px 2px 2px;
}

.item-no-send-icon {
    /* 送料無料 */
    background-color: #00afec;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 2px 2px 2px;
}

.item-new-icon {
    /* NEW */
    background-color: #c42020;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 2px 2px 2px;
}

.item-point-icon {
    /* ポイント還元対象 */
    background-color: #fce867;
    color: #000;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 2px 2px 2px;
}

.item-network-icon {
    /* ネットワーク利用制限 */
    background-color: #fce867;
    color: #000;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 2px 2px 2px;
}

.item-non-icon {
    /* 品切 */
    background-color: #8c8c8c;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 2px 2px 2px;
}
/* 新しいアイコン */
/* セール */
#itemListImage .img_box .item_sale_icon {
position: absolute;
top: 0px;
left: 0px;
z-index:1;
}
#itemListImage .img_box .item_sale_icon img{
width: 60px!important;
}
/* 売り切れ */
#itemListImage .img_box .item_soldout_bg {
position: absolute;
top: 0px;
left: 0px;
z-index:2;
}
/* 未使用・美品・極美品 */
#itemListImage .img_box .item_unused_icon,
#itemListImage .img_box .item_bihin_icon,
#itemListImage .img_box .item_gokubihin_icon {
position: absolute;
top: 170px;
left: 170px;
z-index:1;
}
#itemListImage .img_box .item_unused_icon img,
#itemListImage .img_box .item_bihin_icon img,
#itemListImage .img_box .item_gokubihin_icon img{
width: 60px!important;
}
/* 一括/分割 */
.device_list .nedan .price-lump:before{
	content:"一括";
	font-size:11px;
	background-color:#ffd2d2;
	color:#333;
	margin-right:10px;
	position:absolute;
	top: 50%;
	left: 10px;
	transform: translate(0,-50%);
	width: 40px;
	padding: 5px 0;
	text-align: center;
}
.device_list .nedan .price-installment:before{
	content:"分割";
	font-size:11px;
	background-color:#ffdbb7;
	color:#333;
	margin-right:10px;
	position:absolute;
	top: 50%;
	left: 10px;
	transform: translate(0,-50%);
	width: 40px;
	padding: 5px 0;
	text-align: center;
}


/*  jcarouselスタイル（プラグイン専用）
-------------------------------------------------------------*/

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}


/* カルーセル全体 */

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 780px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    height: 245px;
    width: 75px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 780px;
    height: 253px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 152px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}


/* nextボタン */

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 253px;
    cursor: pointer;
    background: url(../images/list_next.png) no-repeat 50%;
    z-index: 100;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../images/list_next.png);
}


/* ボタンマウスオーバー */

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(../images/list_next_on.png) no-repeat;
    opacity: .7;
}


/* prevボタン */

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 253px;
    cursor: pointer;
    background: url(../images/list_prev.png) no-repeat 50%;
    z-index: 100;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/list_prev.png);
}


/* ボタンマウスオーバー */

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background: url(../images/list_prev_on.png) no-repeat;
    opacity: .7;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: url(../images/list_prev.png) no-repeat 50% 90px #CCC;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: url(../images/list_prev.png) no-repeat 50% 90px #CCC;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/list_prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background: url(../images/list_next.png) no-repeat 50% 90px #CCC;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background: url(../images/prev-horizontal.png) no-repeat 50% 90px #CCC;
}


/* =================================================================
コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/


/* NR-wrapper - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/

#NR-wrapper {
    margin: 0 auto;
    min-width: 1004px;
    width: 100%;
    overflow:hidden;
}

#NR-wrapper #NR-wrapper-in {
    margin: 0 auto 20px;
    padding: 0 10px;
    width: 1004px;
}

.NR-wrapper {
    margin: 0 auto;
    width: 1004px;
    overflow:hidden;
    padding-top: 45px;
}

.NR-wrapper2 {
    padding: 45px 0;
}



/* clearfix */

#NR-wrapper #NR-wrapper-in:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}


/* NR-main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/

#NR-main h2 {
    border-bottom: 2px solid #ec6d65;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 9px 0;
}

#NR-main p {
    margin: 0 20px;
    font-size: 15px;
    line-height: 1.5;
}

#NR-main p img {
    vertical-align: middle;
}

#NR-main .top_text {
    margin: 10px 0;
}

#NR-main .pw_text {
    margin: 0 23px;
    text-align: right;
}

#NR-main table {
    width: 920px;
    margin: 10px 20px;
    font-size: 13px;
    border: 1px solid #bdbdbd;
    line-height: 160%;
}

#NR-main th {
    background-color: #fafafa;
    padding: 20px 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #CCC;
}

#NR-main th.title {
    width: 160px;
    text-align: left;
}

#NR-main th.title img {
    vertical-align: text-top;
}

#NR-main th.address {
    width: 150px;
}

#NR-main td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #CCC;
}

#NR-main td.number {
    color: #cd3b3c !important;
    font-size: 15px;
    text-align: right;
    width: 130px;
}

#NR-main td .NR-button-cancel {
    padding: 1px 7px !important;
}

#NR-main #BIRTH_MONTH,
#NR-main #BIRTH_DAY {
    width: 50px;
}
/*20180508追加*/
#NR-main #BIRTH_YEAR {
    width: 120px;
}

#NR-main #ZIP,
#NR-main #PC_MAIL_CONFIRM1,
#NR-main #PC_MAIL_CONFIRM2,
#NR-main #minPrice,
#NR-main #maxPrice,
#NR-main #CREDIT_LIMIT_MONTH,
#NR-main #CREDIT_LIMIT_YEAR {
    width: 100px;
}

#NR-main .post-btn {
    background: #434343;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    margin-left: 5px;
    padding: 7px 9px;
}

#NR-main .post-btn:hover {
    cursor: pointer;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#NR-main #ADDR1,
#NR-main #SEND_ADDR1 {
    width: 200px;
}

#NR-main #BIKO {
    height: 104px;
    width: 804px;
}

#sim-BIKO #BIKO {
    height: 104px;
    width: 810px!important;
    margin-left: 30px;
}

#NR-main .buttonarea {
    margin: 10px;
    padding-top: 30px;
    text-align: center;
}

#NR-main .buttonarea .attention {
    color: #cc3333;
    font-size: 90%;
}

#NR-main .buttonareaFR {
    float: right;
    margin: 0 20px;
}

#NR-main .buttonareaFR:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-main .buyarea {
    margin: 40px 0 0;
    text-align: center;
}

#NR-main .hissu {
    color: #cd3b3c;
}

#NR-main .item-search-select select {
    float: left;
    margin-right: 10px;
    width: 240px;
}

#NR-main #keyword {
    height: 32px;
    line-height: 32px;
}

#NR-main .item-search-select select.last-select {
    margin-bottom: 0;
}

#NR-main #bnr-top-area {
    clear: both;
    margin-top: -10px;
}

#NR-main #bnr-top-area img {
    display: block;
    margin: auto;
}

#NR-main #bnr-top-area img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#NR-main #txt-top-area {
    clear: both;
    margin-top: 10px;
}

#NR-main #bnr-under-area {
    clear: both;
    margin-bottom: 10px;
    padding-top: 30px;
}

#NR-main #bnr-under-area img {
    display: block;
    margin: auto;
}

#NR-main #bnr-under-area img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#NR-main #ADDR1 {
    width: 200px;
}

#NR-main .form-table textarea {
    height: 100px;
    width: 500px;
}

#NR-main #kiyaku_box {
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 150px;
    margin: 20px auto 25px auto;
    overflow: auto;
    padding: 10px;
    width: 960px;
}


/* 規約ボックス */

#NR-main .kiyaku_box {
    text-align: center;
    width: 896px;
    margin: 25px auto 0 auto;
    padding: 15px 10px;
    border: #CCC 2px solid;
}

#NR-main .kiyaku_box:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-main .kiyaku_box strong {
    font-weight: bold;
    font-size: 18px;
}

#NR-main .kiyaku_box ul {
    margin: 10px;
    text-align: center;
}

#NR-main .kiyaku_box ul li {
    display: inline-block;
    font-size: 14px;
    margin: 10px;
}

#NR-main #kiyaku_box .rightAlign {
    text-align: right;
}

#NR-main #kiyaku_box table {
    width: 900px!important;
}

#NR-main #kiyaku_box th {
    text-align: left!important;
}

#NR-main #kiyaku_box h5 {
    margin: 1em 0 0.5em;
}

#NR-main .label_check {
    text-align: center;
    margin: 35px 0 0;
    font-size: 14px;
}

#NR-main .label_check input {
    margin-right: 7px;
}

#NR-main .buttonarea #disabled .NR-button-disabled {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
}

#NR-main .label_regist_check {
    text-align: center;
    margin: 20px 0 30px;
    font-size: 14px;
}

#NR-main .attention-text {
    text-align: center;
    margin-top: 20px !important;
}

/* 参照iframe用 */
#NR-main #referencePrice #priceArea th {
    width: 50%;
    text-align: left;
} 
#NR-main #referencePrice #priceArea td {
    text-align: right; 
} 

/* その他 */

#SEARCH_MAX_ROW_LIST {
    width: 50px;
}

.no-sidebar {
    float: none !important;
    min-height: 500px;
    margin: 5px auto !important;
    width: 1004px !important;
}

.no-sidebar table {
    width: 960px !important;
}

.no-sidebar th {
    padding: 20px !important;
}

.no-sidebar td {
    padding: 20px !important;
}

.item {
    float: none !important;
    min-height: 500px;
    margin: 20px auto !important;
    width: 1004px !important;
}


/*  注意スタイル
-------------------------------------------------------------*/

p.current-card {
    font-size: 12px !important;
    margin: 0 0 5px !important;
}


/*  会員規約
-------------------------------------------------------------*/

#NR-main .kiyaku #kiyaku_box {
    border: none !important;
    height: auto !important;
}


/* =================================================================
ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/


/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/

#smartphone a {
    display: block;
    width: 980px;
    height: 150px;
    margin: auto;
    background: url(../images/button_smartphone.png) no-repeat;
    text-indent: -9999px;
}


/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/

#preview {
    border-bottom: 1px solid #CCC;
    background: #1C8600;
    color: #FFF;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}

#preview table {
    margin: auto;
}

#preview .ico {
    width: 20%;
    padding-right: 10px;
    text-align: right;
}

#preview .content {
    text-align: left;
}

.non_script,
.ie7_text {
    background: #cc3333;
    color: #FFF;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 8px;
    text-align: center;
}

#ie_error {
    display: none;
}


/* IE7だけに表示 */

.ie.ie7 #ie_error {
    display: block;
}


/* NR-header - ヘッダ
-------------------------------------------------------------*/

#NR-header {
    min-width: 1024px;
    width: 100%;
}

#NR-header-in {
    margin: 0 auto;
    padding: 15px 10px;
    position: relative;
    width: 1004px;
}

#NR-header-logo {
    line-height: 36px;
    width: 500px;
}

#NR-header-logo a,
#NR-header-logo span {
    color: #000;
    font-size: 21px;
    vertical-align: middle;
}

#NR-header-logo a:hover {
    text-decoration: none !important;
}

#NR-header-logo-goo img {
    height: 36px;
    margin-right: 6px;
    width: 70px;
}

#NR-header-logo-sv img {
    height: 28px;
    margin: 3px 0 0 9px;
    vertical-align: top;
    width: 28px;
}

#NR-header-util {
    position: absolute;
    right: 10px;
    top: 10px;
}

#NR-header-tool {
    margin-bottom: 5px;
    text-align: right;
    display: flex;
}

#NR-header-util li {
    margin-left: 25px;
}

#NR-header-util a {
    color: #333;
    font-size: 12px;
}

#NR-header-util .NR-go {
    background: url(../images/common/icon_header_arrow.png) 0 no-repeat;
    padding-left: 12px;
}

#NR-header-banner {
    padding: 15px 0 0 0;
    text-align: right;
}

#NR-header-banner a img:hover {
    text-decoration: none !important;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}


/* #NR-header - カートフロー用
-------------------------------------------------------------*/

#NR-header.cartflow {
    border-bottom: 1px solid #ccc;
}

#NR-header.cartflow #NR-header-logo {}


/* NR-nav - メニュー
-------------------------------------------------------------*/

#NR-nav {
    background: #fff;
    min-width: 1024px;
    width: 100%;
}

#NR-header-in {
    margin: 0 auto;
    padding: 15px 10px 0;
    position: relative;
    width: 1004px;
}

#NR-nav a {
    text-decoration: none;
}

#NR-nav li {
    float: left;
}

#NR-nav-main {
    background: #fff;
    margin-bottom: 3px;
    padding: 4px 0 0 0px;
}

#NR-nav-main-in {
    display: flex;
    margin: 15px auto;
    width: 1004px;
    border-right: 1px solid #cdcdcd;
    justify-content: space-between;
}

#NR-nav-main li {
    margin-right: 5px;
    border-left: 1px solid #cdcdcd;
}

#NR-nav-main li a,#NR-nav-main li p {
    -moz-transition: background-color 0.25s linear;
    -ms-transition: background-color 0.25s linear;
    -webkit-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
    color: #000000;
    display: block;
    font-size: 15px;
    padding: 10px 43px;
}

#NR-nav-main li a:hover {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px 2px 0 0;
    text-decoration: none !important;
    color: #ec6d65 !important;
}

/* ホバーアクション */
#NR-nav-main-in li.splistmenu {
    position: relative;
}
#NR-nav-main-in li ul {
    list-style: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    border-radius: 0 0 3px 3px;
    z-index: 1000;
    overflow: hidden;
    height: 0;
    opacity: 0.9;
}

#NR-nav-main-in li ul div.balloon {
    width: 170px;
    margin: 0;
    padding: 5px;
    background: #bdbdbd;
    height: 72px;
    border-radius: 5px;
}

#NR-nav-main-in li ul div.balloon:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 13px solid #bdbdbd;
}

#NR-nav-main-in li:hover ul {
    overflow: visible;
}

#NR-nav-main-in li ul li {
    width: 100%;
    background-color:#fff;
}

#NR-nav-main-in li ul li a {
    text-align: center;
    padding: 10px 0;
    line-height: 1;
}

#NR-nav-main-in li:hover ul {
    overflow: visible;
}

#NR-nav-main-in li:hover ul li:first-child {
    border-top: 0;
    border-left: 0;
    border-bottom: 1px solid #cccccc;
}

#NR-nav-main-in li:hover ul li:last-child {
    border-left: 0;
    border-bottom: 0;
}

#NR-nav-main-in li:hover ul li:last-child a {
    border-radius: 0 0 3px 3px;
}

/* リンクアクティブ */

#NR-nav-main a.active, #NR-nav-main p.active{
    color:#ec6d65;
}


/* NR-nav-sub - サブメニュー
-------------------------------------------------------------*/

#NR-nav-sub {
    display: none;
}

#NR-nav-sub li {
    margin-right: 10px;
}

#NR-nav-sub li a {
    border-bottom: 2px solid #fff;
    color: #666;
    display: block;
    padding: 10px;
}

#NR-nav-sub li a:hover {
    border-bottom: 2px solid #666;
    text-decoration: none !important;
}

#NR-nav-sub-in {
    margin: 0 auto;
    width: 984px;
}


/* search - 商品検索窓
-------------------------------------------------------------*/

#NR-search {
    background: #f2f2f2;
    min-width: 1024px;
    width: 100%;
}

#NR-search .inner {
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 1004px;
}

#NR-search .inner:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-search form {
    float: left;
}

#NR-search .form {
    background: #fff;
    border: 1px solid #434343;
    border-right: 0;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radiuss: 0;
    -webkit-border-top-right-radiuss: 0;
    border-top-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radiuss: 0;
    -webkit-border-bottom-right-radiuss: 0;
    border-bottom-right-radius: 0;
    display: block;
    float: left;
    font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    width: 690px;
    /* width: 598px; */
}

#NR-search .NR-button {
    background: #434343;
    border: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radiuss: 5px;
    -webkit-border-top-right-radiuss: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radiuss: 5px;
    -webkit-border-bottom-right-radiuss: 5px;
    border-bottom-right-radius: 5px;
    color: #FFF;
    font-size: 24px;
    margin: 0;
    padding: 2px 6px 4px 7px !important;
}

.ie #NR-search .NR-button {
    padding: 4px 6px 6px 7px !important;
}

.ie.ie8 #NR-search .NR-button {
    padding: 4px 6px 5px 7px !important;
}

.firefox #NR-search .NR-button {
    padding: 0 3px 2px 4px !important;
}

#NR-search .NR-button:hover {
    cursor: pointer;
}

#NR-search .cart-area {
    background: #fff;
    border: 1px solid #cc3333;
    float: right;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#NR-search .cart-area .cart-btn {
    float: left;
    width: 120px;
}

#NR-search .cart-area .cart-btn a {
    background: #cc3333;
    color: #fff;
    display: inline-block;
    float: left;
    padding: 6px 0;
    text-align: center;
    width: 120px;
}

#NR-search .cart-area .cart-btn a:hover {
    text-decoration: none !important;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#NR-search .cart-area .cart-btn a i {
    font-size: 20px;
    padding-right: 2px;
}

#NR-search .cart-area .cart-btn a span {
    display: inline-block;
    margin: 2px 0 0 0;
    vertical-align: text-top;
}

#NR-search .cart-area .total-price {
    float: right;
    padding: 10px 9px 9px 9px;
    text-align: center;
    width: 103px;
}
/* bnlink - ヘッダー共通セールリボン
-------------------------------------------------------------*/
#NR-bnlink {
  margin-bottom:10px;
}
#NR-bnlink .saleRibonPre{
  height: 35px;
    background-image: url(../images/common/img_header_saleribon_pre.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position:center;
    background-color:#f9a6a5;
    display: block;
    width: 100%;
}
#NR-bnlink .saleRibon{
  height: 35px;
    background-image: url(../images/common/img_header_saleribon.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
background-position:center;
  display: block;
    width: 100%;
}

/* banner - ヘッダー共通お知らせ・バナーエリア
-------------------------------------------------------------*/

#NR-banner {
    background: #fff;
    min-width: 1024px;
    width: 100%;
}

#NR-banner .inner {
    margin: 0 auto;
    padding: 0 0 15px 0;
    position: relative;
    width: 1004px;
}

#NR-banner .inner:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-banner .inner ul.important {
    border: none;
    background: #feeaea;
    padding: 0 1em;
    line-height:1.3;
}
#NR-banner .inner ul.important {
    color: #cc3333;
    text-align: left;
    padding: 10px 20px;
    margin: 0;
}
#NR-banner .inner .important li{
    font-size: 13px;
    padding: 5px 0 5px 25px;
    background: url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_arrow_bk.png)no-repeat 0 50%;
    background-size: 15px;
}
#NR-banner .inner .important li a{
    text-decoration: underline;
}


/* =================================================================
サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/


/* category - 商品カテゴリ
-------------------------------------------------------------*/

#category dl.sidemenu_box {
    border: 1px solid #434343;
    border-radius: 5px;
    width: 218px;
    margin-bottom:15px;
}

#category dl.sidemenu_box dt.sidemenu_title01 {
    background: #434343;
    border: 1px solid #434343;
    border-radius: 3px 3px 0px 0px;
    color: #fff;
    font-size: 16px;
    text-align:center;
    padding: 13px 8px;
}

#category dl.sidemenu_box dt.sidemenu_title02 {
  display: block;
  width: 180px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #fff;
  border: solid 1px #666;
}

#category dl a {
    color: #666;
    display: block;
    width: 100%;
}

#category dl a:hover {
    color: #0081c7;
    ;
    text-decoration: underline !important;
}

#category dl a.select {
    color: #0081c7 !important;
}

#category dt {
    margin-bottom: 17px;
}

#category dt span {
    float: right;
}

#category dd {
    border-bottom: 1px dashed #ccc;
    margin: 10px;
}

#category dd:last-child {
    border: none;
}

#category dd ul {
    margin: 18px;
}

#category dd ul li {
    margin-bottom: 17px;
}

#category dd ul li a {
    float: left;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    /*
  margin-bottom: 18px;
  width: 145px;
  左サイドバーの幅が300pxの時
  width: 240px;
  */
}

#category dd ul li a:hover {
    color: #0081c7;
    text-decoration: underline !important;
}


/* banner-box - バナーエリア
-------------------------------------------------------------*/

#banner-box {
    margin: 20px 0;
    width: 220px;
    /*
  左サイドバーの幅が300pxの時
  width: 300px;
  */
}

#banner-box a {
    display: block;
}

#banner-box a img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#banner-box li {
    padding-bottom: 10px;
}

#banner-box li:last-child {
    padding-bottom: 0;
}


/* banner-company-box - 社販用バナーエリア
-------------------------------------------------------------*/

#banner-company-box {
    margin: 0 0 20px;
    width: 220px;
    /*
  左サイドバーの幅が300pxの時
  width: 300px;
  */
}

#banner-company-box a {
    display: block;
}

#banner-company-box a img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}


/* topics - お知らせ
-------------------------------------------------------------*/

#topics {
    border: 1px solid #cdcdcd;
    clear: both;
    font-size: 13px;
    width: 1002px;
    margin: 0 auto;
}

#topics h2 {
    background: #dcdcdc;
    border: none;
    color: #333;
    font-size: 16px;
    padding: 16px 19px 10px 19px;
    position: relative;
}

#topics h2 span {
    font-size: 13px;
    position: absolute;
    right: 19px;
    top: 18px;
}

#topics h2 span a {
    background: url(../images/common/icon_title_link_arrow.png) 0 6px no-repeat;
    color: #333;
    padding-left: 11px;
}


#topics dl {
    margin: 19px;
    clear: both;
}

#topics dl dt {
    margin: 0 10px 0 0;
    float: left;
}

#topics dl dd {
    line-height: 1;
}

#topics dl dd a {
    text-decoration: underline !important;
}

#topics dl dd a:hover {
    text-decoration: none !important;
}

/* ranking-sidebar - 人気商品ランキング（トップページ以外）
-------------------------------------------------------------*/

#ranking-sidebar {
    font-size: 13px;
    width: 220px;
    /*

  左サイドバーの幅が300pxの時
  width: 300px;
  */
}

#ranking-sidebar h2 {
    background: #434343;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 19px;
    padding: 13px 8px;
    position: relative;
}

#ranking-sidebar .box {
    border-bottom: 1px dashed #ccc;
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 9px;
}

#ranking-sidebar .box.last-list {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
}

#ranking-sidebar .box:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#ranking-sidebar .text {
    float: right;
    width: 110px;
    /*
  左サイドバーの幅が300pxの時
  width: 160px;
  */
}

#ranking-sidebar h3 {
    color: #cc3333;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
}

#ranking-sidebar h3 .rank-num {
    color: #fff;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    font-weight: bold !important;
}

#ranking-sidebar h4 {
    font-size: 12px !important;
    height: 62px;
    line-height: 1.4;
    margin-bottom: 10px;
    overflow: hidden;
}

#ranking-sidebar .price {
    font-size: 12px;
    text-align: right;
}

#ranking-sidebar .price-sale {
    color: #cc3333;
    font-size: 12px;
    text-align: right;
}

#ranking-sidebar .price .zeinuki,
#ranking-sidebar .price-sale .zeinuki {
    font-size: 10px;
}

#ranking-sidebar .price.strike-through {
    margin-bottom: 5px;
    text-decoration: line-through;
}

#ranking-sidebar .number-box {
    background-color: #ec6d65;
    border: 2px solid #FFFFFF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    text-align: center;
    z-index: 100;
}

#ranking-sidebar .img_box {
    float: left;
    height: 90px;
    /*
  左サイドバーの幅が300pxの時
  height: 130px;
  */
    margin: 0 10px 0 0;
    position: relative;
    text-align: center;
    width: 90px;
    /*
  左サイドバーの幅が300pxの時
  width: 130px;
  */
}

#ranking-sidebar .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 90px !important;
    max-height: 90px !important;
    /*
  左サイドバーの幅が300pxの時
  max-width: 130px !important;
  max-height: 130px !important;
  */
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
}

#ranking-sidebar .img_box img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}


/* =================================================================
フッタ
使用ファイル：common/footer.xhtml
=================================================================*/

#backtotop {
    clear: both;
    margin: 40px auto 0 auto;
    padding: 0 10px;
    width: 1004px;
}

#backtotop p {
    margin-bottom: 9px;
    text-align: right;
}

#backtotop p img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}


/* NR-footer - フッタ
-------------------------------------------------------------*/

#NR-footer {
    background: #f0efef;
    clear: both;
    min-width: 1024px;
    width: 100%;
}

#NR-footer-in {
    margin: 0 auto;
    padding: 20px 10px;
    width: 1004px;
}

#NR-footer a {
    color: #333;
    text-decoration: none;
}


/* NR-footer-contents - ご利用ガイド
-------------------------------------------------------------*/

#NR-footer #NR-footer-contents {
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 18px 20px;
}

#NR-footer #NR-footer-contents:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-footer #NR-footer-contents h2 {
    font-size: 16px;
    margin: 0 0 13px;
    border-bottom: none;
}

#NR-footer #NR-footer-contents h3 {
    border-left: 2px solid #333;
    font-size: 14px;
    margin-bottom: 13px;
    padding: 5px 0 4px 4px;
}

#NR-footer #NR-footer-contents #left-box {
    float: left;
    margin-left: 20px;
    width: 220px;
}

#NR-footer #NR-footer-contents #left-box p {
    margin: 3px 10px 0 10px;
    font-size: 12px;
}

#NR-footer #NR-footer-contents #left-box #calendar-box {
    border: 1px solid #e7e7e7;
    font-size: 9px;
    margin: 0 0 8px 10px;
    overflow: hidden;
    padding-bottom: 10px;
    width: 198px;
}

#NR-footer #NR-footer-contents #left-box .day-color {
    color: #ffeae9;
}

.ui-widget-content {
    border: 1px solid #FFF;
}

.ui-datepicker-title {
    font-size: 12px;
}

.ui-widget-header {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    border-radius: 0;
    background: none;
    margin: 0 0 0 12px;
    width: 169px;
}

.ui-widget-header .ui-icon {
    background-image: url(smoothness/images/ui-icons_454545_256x240.png);
}

.ui-datepicker table {
    width: 172px !important;
}

.ui-datepicker th {
    padding: 3px 0 !important;
}

.ui-datepicker th,
.ui-datepicker td {
    width: 10px;
    margin: 0;
    padding: 1px;
    border: none;
}

.ui-datepicker th a,
.ui-datepicker td a {
    border: none !important;
    padding: 3px;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: none !important;
}

.ui-datepicker-year,
.ui-datepicker-month {
    font-weight: bold;
}

.ui-datepicker-week-end {
    color: #c71410;
}

.ui-datepicker .ui-datepicker-prev {
    left: -3px;
}

.ui-datepicker .ui-datepicker-next {
    right: -4px;
}

.ui-datepicker .ui-datepicker-prev span:hover,
.ui-datepicker .ui-datepicker-next span:hover {
    cursor: pointer;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #f2f2f2;
}

.ui-datepicker .day_color1 .ui-state-default {
    background-image: none;
    background-color: #ffeaea;
    color: #c71410 !important;
}

.ui-datepicker .day_color2 .ui-state-default {
    background-image: none;
    background-color: #D7FFED;
}

.ui-datepicker .day_color3 .ui-state-default {
    background-image: none;
    background-color: #DDF;
}

.ui-datepicker .day_color4 .ui-state-default {
    background-image: none;
    background-color: #FFD;
}

.ui-datepicker .day_color5 .ui-state-default {
    background-image: none;
    background-color: #E7FFFF;
}

.ui-datepicker .day_color6 .ui-state-default {
    background-image: none;
    background-color: #F0D6FF;
}

#ui-datepicker-div {
    position: absolute;
    left: 0;
    top: -2000px;
}

#NR-footer #NR-footer-contents #center-box {
    float: left;
    margin: 0 0 0 10px;
    width: 356px;
}

#NR-footer #NR-footer-contents #center-box .img_creca {
    margin: 10px 0 30px 5px;
}

#NR-footer #NR-footer-contents #center-box h4 {
    color: #666;
    clear: both;
    font-size: 13px;
    margin: 0 0 10px 7px;
}

#NR-footer #NR-footer-contents #center-box p {
    color: #666;
    font-size: 12px;
    line-height: 1.7;
}

#NR-footer #NR-footer-contents #center-box ul {
    margin-bottom: 25px;
}

#NR-footer #NR-footer-contents #center-box ul li {
    color: #666;
    font-size: 12px;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}

#NR-footer #NR-footer-contents #center-box .NR-button {
    background: #0081c7;
    font-size: 14px;
    margin-left: 11px;
    border-radius: 6px;
    padding: 10px 9px !important;
    color: #fff;
}

#NR-footer #NR-footer-contents #center-box .NR-button span {
    display: inline-block;
    font-size: 14px;
    margin: 2px -2px 0 0;
    vertical-align: text-top;
}

#NR-footer #NR-footer-contents #center-box .NR-button i {
    font-size: 20px;
}

#NR-footer #NR-footer-contents #center-box .tel-area {
    color: #666;
    font-size: 12px;
    line-height: 1.4;
    margin: 20px 0 20px 16px;
}

#NR-footer #NR-footer-contents #center-box .tel-area:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-footer #NR-footer-contents #center-box .tel-area dt {
    float: left;
    font-size: 10px;
    padding-right: 10px;
}

#NR-footer #NR-footer-contents #center-box .tel-area dd {
    color: #0081c7;
    font-size: 26px;
}

#NR-footer #NR-footer-contents #center-box .link-text {
    background: url(../images/common/icon_link_arrow.png) 0 no-repeat;
    margin-left: 12px;
    padding-left: 8px;
}

#NR-footer #NR-footer-contents #center-box .link-text a {
    color: #0081c7;
    text-decoration: underline;
}

#NR-footer #NR-footer-contents #center-box .link-text a:hover {
    text-decoration: none !important;
}

#NR-footer #NR-footer-contents #right-box {
    float: right;
    width: 342px;
}

#NR-footer #NR-footer-contents #right-box p {
    color: #666;
    font-size: 12px;
    line-height: 1.7;
}

#NR-footer #NR-footer-contents #right-box ul {
    margin-top: 15px
}

#NR-footer #NR-footer-contents #right-box dt,
#NR-footer #NR-footer-contents #right-box dd {
    color: #666;
    font-size: 12px;
    line-height: 1.7;
}

#NR-footer #NR-footer-contents #right-box dd {
    margin: 0 0 20px 17px;
}

#NR-footer #NR-footer-contents #right-box dd img {
    display: block;
    margin-top: 5px;
}

#NR-footer #NR-footer-contents #right-box ul li {
    color: #666;
    font-size: 12px;
    line-height: 1.7;
    padding-left: 1em;
    text-indent: -1em;
}

#NR-footer #NR-footer-contents .contents {
    margin: 0 0 0 8px;
}

#NR-footer #NR-footer-top {
    border-top: 1px solid #ccc;
    clear: both;
}
#NR-footer-top a:hover,#NR-footer-bottom a:hover {
    text-decoration:underline;
}

#NR-footer #NR-footer-top:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-footer #NR-footer-top .inner {
    margin: 0 auto;
    padding: 19px 0;
    width: 1004px;
}

#NR-footer #NR-footer-top .inner:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-footer #NR-footer-top dt {
    float: left;
    font-weight: bold;
    font-size: 13px;
    width: 145px;
}

#NR-footer #NR-footer-top dd {
    float: left;
    font-size: 12px;
}

#NR-footer #NR-footer-top dd ul li {
    float: left;
    margin-right: 30px;
}

#NR-footer #NR-footer-bottom {
    clear: both;
}

#NR-footer #NR-footer-bottom .inner {
    border-top: 1px solid #ccc;
    margin: auto;
    padding: 20px 0 15px;
    width: 1004px;
}

#NR-footer #NR-footer-bottom .inner:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#NR-footer #NR-footer-bottom ul {
    text-align: center;
}

#NR-footer #NR-footer-bottom ul li {
    display: inline-block;
    font-size: 12px;
    margin-left: 13px;
}

#NR-footer #NR-footer-bottom .copyright {
    clear: both;
    color: #333;
    font-size: 13px;
    padding: 15px 0 0;
    text-align: center;
}

#NR-footer #NR-footer-bottom .copyright a {
    color: #0081c7;
    text-decoration: none;
}


/* NR-footer - カートフロー用
-------------------------------------------------------------*/

#NR-footer.cartflow {
    border-top: 1px solid #ccc;
}

#NR-footer.cartflow #NR-footer-bottom .inner {
    border: none;
    padding: 0 0 15px;
}


/* =================================================================
extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
=================================================================*/

#ext h2 {
    border-bottom: 2px solid #cc3333;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 0 0 9px 0;
}

#ext h3 {
    /*border-left: 2px solid #333;*/
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin: 25px 10px 10px 6px;
    padding: 8px 0 8px 7px;
}

#ext .tokuteisho h3 {
    border-left: 2px solid #333;
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin: 25px 10px 10px 6px;
    padding: 8px 0 8px 7px;
}

#ext th {
    text-align: left;
}

#ext ul {
    padding-bottom: 10px;
}

#ext li {
    font-size: 13px;
    list-style: disc;
    margin: 5px 40px;
}

#ext #guide_area h3 {
    margin-top: 25px !important;
}

#ext #guide_area .img_content {
    margin: 10px auto;
    width: 700px;
}


/* よくある質問 */

#ext dl.accordion {
    font-size: 13px;
    margin: 10px auto 30px auto;
    width: 1004px;
}

#ext dl.accordion dt {
    /* close時の表示 */
    background: #fafafa url(../images/icon_faq_down.png) no-repeat 966px 14px;
    border-bottom: 1px solid #E0E0E0;
    color: #0081c7 !important;
    cursor: pointer;
    padding: 10px;
    text-indent: 10px;
}

#ext dl.accordion dt.open {
    /* open時の表示 */
    background: #fafafa url(../images/icon_faq_up.png) no-repeat 966px 15px;
}

#ext dl.accordion dd {
    display: none;
    line-height: 1.5;
    padding: 20px 33px;
}


/* よくある質問（アコーディオンなし） */

#ext dl.faq {
    margin: 10px auto 30px auto;
    width: 1004px;
}

#ext dl.faq dt {
    font-size: 14px;
    padding: 10px;
}

#ext dl.faq dd {
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 20px;
}

#ext p.question {
    font-size: 14px;
    width: 1004px;
}

#ext p.answer {
    font-size: 12px;
    width: 1004px;
}


/* =================================================================
トップページ
使用ファイル：top.xhtml
=================================================================*/


/* NR-mainvisual - メインビジュアル　bx-wrapperのスタイル上書き
-------------------------------------------------------------*/
/* NR-main-bnr - トップページバナーエリア
-------------------------------------------------------------*/


#NR-mainvisual {
    margin: 5px 0 35px;
    width: 100%;
}


.bx-wrapper {
    padding: 0;
    height: 260px;
}

.bx-wrapper a img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}


.bx-wrapper .bx-controls-direction a {
    z-index: 2;
}

.bx-wrapper .bx-pager {
    font-size: 0 !important;
    padding-top: 0 !important;
    top: 277px !important;
}

.bx-wrapper .bx-prev {
    left: 10px;
    width: 49px;
}

.bx-wrapper .bx-prev:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

.bx-wrapper .bx-next {
    right: 10px;
    width: 49px;
}

.bx-wrapper .bx-next:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}


#NR-main-bnr a img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

/* top-banner-area - トップページバナーエリア
-------------------------------------------------------------*/

#top-banner-area {
    margin: 0 0 30px;
}

#top-banner-area:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#top-banner-area ul li {
    float: left;
    margin: 0 10px 10px 0;
}

#top-banner-area ul li a img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#top-banner-area ul li.last {
    margin-right: 0;
}


/* ranking - 人気商品ランキング
-------------------------------------------------------------*/

#ranking {
    clear: both;
    margin-bottom: 50px;
    position: relative;
}

#ranking:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#ranking .jcarousel-skin-tango {
    height: auto;
    margin: 15px auto 0 auto;
    width: 764px;
}

#ranking .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 764px;
}

#ranking .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: auto !important;
    width: 764px;
}

#ranking .jcarousel-skin-tango .jcarousel-next-horizontal {
    height: 240px;
    right: -26px;
    top: 17px;
}

#ranking .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background: url(../images/list_next_on.png) no-repeat 50%;
}

#ranking .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(../images/list_next_on.png) no-repeat 50%;
}

#ranking .jcarousel-skin-tango .jcarousel-prev-horizontal {
    height: 240px;
    left: -26px;
    top: 17px;
}

#ranking .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background: url(../images/list_prev_on.png) no-repeat 50%;
}

#ranking .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background: url(../images/list_prev_on.png) no-repeat 50%;
}

#ranking .box {
    float: left;
    margin: 0 22px 30px 0;
    position: relative;
    width: 240px;
}

#ranking .box.last-list {
    margin-right: 0 !important;
}

#ranking .number-box {
    border: 2px solid #FFFFFF;
    width: 35px;
    height: 35px;
    background-color: #ec6d65;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    text-align: center;
    z-index: 100;
}

#ranking h3 {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

#ranking h3 .rank-num {
    padding-top: 10px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    font-weight: bold !important;
}

#ranking .img_box {
    height: 240px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    width: 240px;
}

#ranking .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 240px !important;
    max-height: 240px !important;
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
}

#ranking .img_box img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#ranking h4 {
    font-weight: normal;
    font-size: 12px !important;
    height: 33px;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
}

#ranking h4 a {
    color: #0081c7;
    text-decoration: none;
}

#ranking h4 a:hover {
    text-decoration: underline;
}

#ranking .price {
    font-size: 12px;
    margin: 0;
    text-align: right;
}

#ranking .price.strike-through {
    text-decoration: line-through;
}

#ranking .price-sale {
    color: #cc3333;
    font-size: 12px;
    margin: 0;
    text-align: right;
}

#ranking .price .zeinuki,
#ranking .price-sale .zeinuki {
    font-size: 10px;
}


/* support-service - 端末サポート
-------------------------------------------------------------*/

#support-service h2 {
    position: relative;
}

#support-service h2 .link-text {
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 5px;
}

#support-service h2 .link-text a {
    background: url(../images/common/icon_header_arrow.png) 0 5px no-repeat;
    color: #333;
    padding-left: 8px;
}

#support-service .support-service-text {
    margin: 17px 20px 15px 20px;
}

#support-service ul {
    margin: 10px 60px 30px;
}

#support-service ul:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#support-service ul li {
    float: left;
    margin-right: 22px;
}

#support-service ul li:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#support-service ul li.last {
    margin-right: 0;
}

#support-service ul li a:hover {
    text-decoration: none !important;
}

#support-service ul li a:hover img {

    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#support-service ul li span {
    background-color: #454545;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    padding: 10px 0;
    text-align: center;
    width: 200px;
}

#support-service ul#double {
    margin: 10px 50px 30px;
}

#support-service ul#double li span {
    width: 320px;
}

#support-service ul li .sttl_name {
    padding-top: 22px !important;
}


/* comment-area - 社販サイト用説明文のエリア
-------------------------------------------------------------*/

#comment-area {
    background: #fbfbfb;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    margin: 0 0 20px;
    padding: 15px;
}


/* jcarousel - カルーセル用(関連商品)
-------------------------------------------------------------*/

#recommend h3 {
    border-bottom: 2px solid #cc3333;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 9px 0;
    position: relative;
}

#recommend.jcarousel {
    clear: both;
    position: relative;
    /*
  左サイドバーの幅が300pxの時
  width: 684px;
  */
}

#recommend.jcarousel:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#recommend .jcarousel-skin-tango {
    height: auto;
    margin: auto;
    width: 1004px;
}

#recommend .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 1004px;
}

#recommend .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 200px !important;
    width: 1004px;
}

#recommend .jcarousel-skin-tango .jcarousel-next-horizontal {
    height: 150px;
    right: -6px;
    top: 19px;
}

#recommend .jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background: url(../images/list_next_on.png) no-repeat 50%;
}

#recommend .jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(../images/list_next_on.png) no-repeat 50%;
}

#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal {
    height: 150px;
    left: -6px;
    top: 19px;
}

#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background: url(../images/list_prev_on.png) no-repeat 50%;
}

#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background: url(../images/list_prev_on.png) no-repeat 50%;
}

#recommend.jcarousel ul:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#recommend.jcarousel li {
    float: left;
    margin-right: 11px;
    width: 128px !important;
}

#recommend.jcarousel .box.last-list {
    margin-right: 0 !important;
}

#recommend.jcarousel .text {
    margin-bottom: 32px;
    width: 128px;
}

#recommend.jcarousel h4 {
    height: 36px;
    line-height: 1.4;
    overflow: hidden;
    width: 128px;
    word-break: break-all;
}

#recommend.jcarousel h4 a {

    text-decoration: none;
}

#recommend.jcarousel h4 a:hover {
    text-decoration: underline;
}

#recommend.jcarousel .img_box {
    height: 128px;
    margin-bottom: 12px;
    position: relative;
    text-align: center;
    width: 128px;
}

#recommend.jcarousel .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 128px;
    max-height: 128px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#recommend.jcarousel .img_box img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}


/* itemaccess - 最近チェックした商品
-------------------------------------------------------------*/

#itemaccess {
    clear: both;
}

#itemaccess h3 {
    border-bottom: 2px solid #ec6d65;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 9px 0;
    position: relative;
}

#itemaccess h3 .link-text {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 2px;
}

#itemaccess h3 .link-text a {
    color: #333;
    padding-left: 3px;
}

#itemaccess ul {
    margin-top: 20px;
}

#itemaccess ul li.box {
    float: left;
    margin-right: 31px;
    width: 128px;
}

#itemaccess ul li.box.last-list {
    margin-right: 0;
}

#itemaccess ul li.box h3 {
    display: inline-block;
    height: 52px;
    line-height: 1.4;
    overflow: hidden;
    word-break: break-all;
}

#itemaccess ul li.box .img_box {
    height: 128px;
    margin-bottom: 12px;
    position: relative;
    text-align: center;
    width: 128px;
}

#itemaccess h4 {
    height: 33px;
    line-height: 1.4;
    overflow: hidden;
}

#itemaccess ul li.box .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 128px;
    max-height: 128px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#itemaccess ul li.box .img_box img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#itemaccess.itemaccess-toppage h2 {
    border-bottom: 2px solid #ec6d65;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 9px 0;
    position: relative;
}

#itemaccess.itemaccess-toppage h2 .link-text {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 2px;
}

#itemaccess.itemaccess-toppage h2 .link-text a {
    color: #333;
    padding-left: 3px;
}

#itemaccess.itemaccess-toppage h3 {
    border: 0;
    font-size: 12px;
    margin: 0;
    padding: 0;
}


/* categorylink - カテゴリリンク
-------------------------------------------------------------*/

#categorylink {
    clear: both;
}

#categorylink h3 {
    border-bottom: 2px solid #dbf1fc;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0 0 9px 0;
    position: relative;
}

#categorylink h3 .link-text {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 2px;
}

#categorylink h3 .link-text a {
    color: #333;
    padding-left: 3px;
}

#categorylink h3 i {
    font-size: 24px;
    padding-right: 10px;
}

#categorylink ul {
    margin-top: 10px;
}

#categorylink ul li.box {
    float: left;
    margin-right: 31px;
    /*
  左サイドバーの幅が300pxの時
  margin-right: 11px;
  */
    width: 128px;
    margin-bottom: 15px;
}

#categorylink ul li.box.last-list,
#categorylink ul li.box:last-of-type {
    margin-right: 0;
}

#categorylink ul li.box h3 {
    display: inline-block;
    height: 52px;
    line-height: 1.4;
    overflow: hidden;
    word-break: break-all;
}

#categorylink ul li.box .img_box {
    height: 128px;
    width: 128px;
    margin-bottom: 5px;
    position: relative;
}

#categorylink h4 {
    width: 128px;
    line-height: 1.2;
    overflow: hidden;
}

#categorylink h4 .price_used {
    display: block;
    color: #ff0066;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    text-align: right;
}

#categorylink h4 .price_used .zeinuki {
    font-size: 13px;
    font-weight: normal;
}

#categorylink ul li.box .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 128px;
    max-height: 128px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#categorylink ul li.box .img_box img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#list #categorylink li a {
    margin: 0;
    padding: 0;
    text-align: left;
}

#categorylink ul li.box .img_box p {
    position: absolute;
    color: white;
    font-weight: bold;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.3);
    line-height: 1;
    padding: 3px 23px;
    max-width: 128px;
}


/* =================================================================
カートの中身～注文完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
=================================================================*/


/* cartIndex - カートの中身
-------------------------------------------------------------*/

#cartIndex {
    margin-bottom: 20px;
}

#cartIndex .step {
    display: block;
    margin: 40px auto;
    text-align: center;
}

#cartIndex .price {
    color: #C00;
    text-align: right;
    background: none;
    font-size: 15px;
}

#cartIndex .amount {
    text-align: center;
}

#cartIndex .delete {
    text-align: center;
}

#cartIndex .total {
    border-bottom: 1px solid #CCC;
    /*font-weight: bold;*/
    margin: 20px 20px 30px;
    padding: 5px 0;
    text-align: right;
}

#cartIndex .total p {
    margin: 0;
}

#cartIndex .box {
    margin-bottom: 20px;
}

#cartIndex h3 {
    margin-bottom: 15px;
    padding: 1px 20px;
    border-bottom: 1px solid #CCC;
    font-size: 12px;
}

#cartIndex .itemname {
    text-align: left;
    width: 650px;
}

#cartIndex .amount_box {
    clear: both;
    margin-top: 10px;
}

#cartIndex .amount_box h3 {
    font-size: 14px;
    padding: 1px 20px 7px 0;
}

#cartIndex .amount_box div {
    clear: both;
    margin-bottom: 8px;
}

#cartIndex .amount_box div:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#cartIndex .amount_box div:last-child {
    margin: 0;
}

#cartIndex .amount_box div p {
    float: left;
    margin: 4px 13px 0 0;
}

#cartIndex .amount_box div select {
    float: left;
    width: 25%;
}

#cartIndex .amount-table {
    margin: auto;
    font-size: 12px;
    padding: 0;
    width: auto !important;
}

#cartIndex .amount-table .number {
    color: #cd3b3c;
}

#cartIndex .img_box {
    float: left;
    height: 80px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 80px;
}

#cartIndex .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#cartIndex .img_box img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}


/* cartLogin - 利用規約
-------------------------------------------------------------*/

#cartLogin .step {
    display: block;
    margin: 40px auto;
    text-align: center;
}

#cartLogin .kiyaku_text {
    width: 740px;
    margin: auto !important;
}

#cartLogin input[type="image"].active {
    /* 規約ボタンの活性化 */
    cursor: pointer;
}

#cartLogin input[type="image"].active:hover {
    /* 規約ボタンの活性化 */
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}

#cartLogin h3 {
    display: block;
    margin: 10px 10px 10px 6px;
    padding: 4px 0 4px 7px;
    font-size: 16px;
    border-left: 2px solid #333;
    font-weight: normal;
}

#cartLogin .box {
    border: 1px solid #CCC;
    width: 458px;
    float: left;
    margin: 0 21px 30px;
    position: relative;
    padding-bottom: 70px;
}

#cartLogin .gooidBox {
    border: 1px solid #CCC;
    width: 350px;
    height: 220px !important;
    float: left;
    margin: 0 21px 30px;
    position: relative;
    padding-bottom: 70px;
}

#cartLogin .ssidBox {
    border: 1px solid #CCC;
    width: 577px;
    height: 220px !important;
    float: left;
    margin: 0 15px 30px;
    position: relative;
    padding-bottom: 70px;
}

#cartLogin .nonMemberBox {
    border: 1px solid #CCC;
    width: 965px;
    height: 150px !important;
    float: left;
    margin: 0 21px 30px;
    position: relative;
}

#cartLogin .loginTitle {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: center;
}

#cartLogin .loginIDSpan {
    margin-right: 10px;
}

#cartLogin .loginPWSpan {
    margin-right: 35px;
}

#cartLogin .loginText {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: center;
}

#cartLogin .cartPwText {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: center;
}

#cartLogin .ssidBox table {
    width: 415px !important;
}

#cartLogin .loginButtonarea {
    margin: 10px;
    padding-top: 15px;
    text-align: center;
}

#cartLogin .ssidLoginButtonarea {
    margin: 5px;
    padding-top: 15px;
    text-align: center;
}

#cartLogin input[type="text"],
input[type="password"],
.textarea {
    background: #fff;
    border: 1px solid #cfcfcf;
    font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
    height: 25px;
    line-height: 32px;
    padding: 0 5px;
    margin: 5px 0;
    width: 250px;
}

#cartLogin .box table {
    width: 415px !important;
}

#cartLogin .box table th {
    vertical-align: middle;
    width: 95px;
}

#cartLogin .box .buttonarea {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

#cartLogin .box .buttonarea a {
    padding: 11px 39px 10px 39px !important;
}


/* cartFlow - カート～注文完了まで
-------------------------------------------------------------*/

#cartFlow .step {
    display: block;
    margin: 40px auto;
    text-align: center;
}

#cartFlow .cart-item-area {
    margin-bottom: 40px;
}

#cartFlow .cart-item-table {
    margin-bottom: 10px !important;
}

#cartFlow h3 {
    display: block;
    margin: 10px 10px 10px 6px;
    padding: 4px 0 4px 7px;
    font-size: 16px;
    font-weight: normal;
}

#cartFlow .price {
    color: #cd3b3c;
    text-align: right;
    background: none;
    font-size: 13px;
}

#cartFlow .coupon_text {
    color: #cd3b3c;
}

#cartFlow .amount {
    text-align: center;
}

#cartFlow .total {
    border-bottom: #CCC 1px solid;
    /*font-weight: bold;*/
    margin: 0 22px;
    padding: 15px 0 5px;
    text-align: right;
}

#cartFlow .point {
    color: #F60;
    font-weight: bold;
}

#cartFlow .attention {
    color: #C00;
    font-weight: bold;
    font-size: 110%;
}

#cartFlow .code {
    width: 100px;
}

#cartFlow .finish_text {
    text-align: center;
}

#cartFlow .finish_text .attention {
    font-size: 20px;
    padding-bottom: 0;
    display: block;
}

#cartFlow table {
    margin-bottom: 40px;
}

#cartFlow .price_th {
    width: 150px;
}

#cartFlow .sendCopyButton {
    margin-right: 24px;
    text-align: right;
}

#cartFlow .total_area {
    margin-bottom: 45px;
}

#cartFlow .result_list {
    margin: 20px 0 0 20px;
}

#cartFlow .creka_text {
    margin: 0;
}

#cartFlow #PC_MAIL {
    width: 234px;
}

#cartFlow .img_box {
    float: left;
    height: 80px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 80px;
}

#cartFlow .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#cartFlow .regist-table {
    margin-bottom: 0 !important;
}

#cartFlow #credit-area select {
    width: 100px !important;
}

#cartFlow .attntion {
    color: #CC0000;
    font-size: 13px;
    margin: -33px 0 33px 20px;
}

#cartFlow .number {
    color: #cd3b3c;
}

#cartFlow .item_name_ttl {
    width: 60%;
}

#cartFlow .cart_ttl {
    width: 10%;
}

#cartFlow .tanka_ttl {
    width: 15%;
}

#cartFlow .zeinuki_ttl {
    width: 15%;
}

.select_coupon {
    margin-top: 15px;
}

.select_coupon input,
.select_coupon label {
    cursor: pointer;
}

.select_coupon label+input {
    margin-left: 100px;
}


/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/


/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/

#teikiIndex .top_teiki_banner {
    text-align: center;
}

#teikiIndex .top_teiki_banner li {
    display: inline-block;
    padding: 0 50px;
    margin: 10px 0 20px;
}

#teikiIndex h3 {
    display: block;
    margin: 10px 10px 10px 6px;
    padding: 8px 0 8px 7px;
    font-size: 16px;
    border-left: 2px solid #333333;
    font-weight: normal;
}

#teikiIndex .box {
    margin: 0 20px;
}

#teikiIndex .headDetail {
    padding-left: 15px;
}

#teikiIndex .headRenew {
    color: #777;
    text-align: right;
}

#teikiIndex .price {
    color: #C00;
    text-align: right;
}

#teikiIndex .status {
    float: right;
    margin-right: 20px;
}

#teikiIndex .cancel_oder {
    text-align: right;
    margin: 0px 20px;
}

#teikiIndex .cancel_oder form {
    height: 20px;
}

#teikiIndex #demandInfo {
    margin: 20px 0 30px;
}

#teikiIndex #demandInfo table td {
    /*text-align:center !important;*/
}

#teikiIndex #demandInfo table .plan_month {
    width: 100px;
}

#teikiIndex #demandInfo table .plan_price {
    width: 100px;
}

#teikiIndex #demandInfo .plan_explain1 img {
    vertical-align: text-top;
}

#teikiIndex ol.loop-pagelink {
    margin: 30px 23px 26px;
}

#teikiIndex ol.loop-pagelink:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#teikiIndex ol.loop-pagelink li {
    background: url(../images/icon_under_arrow.png) no-repeat 0 2px;
    display: inline-block;
    float: left;
    margin: 0 17px 14px 0;
    padding: 0 0 0 18px;
}

#teikiIndex .total-area {
    clear: both;
    margin: 0;
}

#teikiIndex .teiki-box {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 0 0 50px;
    padding: 0 0 10px;
}

#teikiIndex .teiki-buttonarea {
    padding-top: 0;
}

#teikiIndex .teiki-buttonarea a.NR-button {
    padding: 12px 39px 9px 39px !important;
}


/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/

#teikiDetail.confirm_margin {
    margin-top: 30px;
}

#teikiDetail h3 {
    display: block;
    margin: 10px 10px 10px 6px;
    padding: 8px 0 8px 7px;
    font-size: 16px;
    border-left: 2px solid #333;
    font-weight: normal;
}

#teikiDetail .headDetail {
    margin-right: 20px;
    padding-left: 5px;
    border-left: 12px groove #333;
}

#teikiDetail .price {
    color: #C00;
}

#teikiDetail .card_ttl {
    margin-top: 30px;
}

#teikiDetail .card_teiki_info_box {
    margin-top: 30px;
}

#teikiDetail .renew-buttonarea a.NR-button {
    padding: 12px 39px 10px 39px !important;
}


/* =================================================================
商品詳細・一覧、プレゼント詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
=================================================================*/


/* category_html - カテゴリHTML
-------------------------------------------------------------*/

#category_html {
    border: 1px solid #eee;
    margin-bottom: 30px;
    padding: 10px;
}

#category_html img {
    display: block;
    margin: auto;
}


/* narrow-box - 絞り込みカテゴリ
-------------------------------------------------------------*/

#narrow-box {
    margin: 0 0 30px;
}

#narrow-box .category_box {
    margin: 10px 10px 0 10px;
    background: #eee;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#narrow-box .category_box dt {
    font-weight: bold;
    line-height: 1.5;
    padding: 8px 8px 2px 8px;
    position: relative;
}

#narrow-box .category_box dt .deselect {
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 8px;
}

#narrow-box .category_box dt .deselect a {
    color: #333;
    padding-left: 5px;
    font-weight: normal;
}

#narrow-box .category_box dt .deselect a:hover {
    text-decoration: underline;
}

#narrow-box .category_box dd {
    line-height: 1.5;
    padding: 6px 8px 10px 8px;
}

#narrow-box .category_box dd:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#narrow-box .category_box dd ul.siborikomi_list {
    padding-bottom: 0 !important;
}

#narrow-box .category_box dd ul.siborikomi_list:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#narrow-box .category_box dd ul.siborikomi_list li {
    background: #fff;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
    margin-right: 10px;
    white-space: nowrap !important;
    width: auto !important;
}

#narrow-box .category_box dd ul.siborikomi_list li a {
    display: block;
    color: #7d6b5d;
    font-size: 12px !important;
    white-space: nowrap !important;
}

#narrow-box .category_box dd ul.siborikomi_list li .select {
    background: #0081c7;
    color: #fff;
    font-size: 12px !important;
}


/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/

#list ul {
    margin-bottom: 10px;
}

#list ul:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#list li {
    float: left;
}

#list li a {
    display: block;
    margin-right: 5px;
    padding: 5px 10px 5px 30px;
}

#list h2:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#list h2 {
    margin-bottom: 21px;
    padding-bottom: 4px;
}

#list h2 .ttl-text {
    display: inline-block;
    float: left;
    margin-top: 7px;
}

#list h2 .pageguide {
    color: #666;
    float: left;
    font-size: 13px;
    margin: 11px 0 0 9px;
}

#list h2 .rearrange {
    float: right;
    text-align: right;
}

#list h2 .rearrange p {
    color: #666;
    float: left;
    font-size: 13px;
    margin: 8px 0 0 0;
}

#list h2 .rearrange #sort_order {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(../images/common/select_arrow_down.png) no-repeat 95% 50%;
    border: 1px solid #e8e8e8 !important;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    margin: 0 10px 0 8px;
    min-height: 28px !important;
    text-indent: 0.01px;
    text-overflow: '';
    padding: 4px 5px;
}



/* list - ページャー
-------------------------------------------------------------*/

#list .pagelink {
    clear: both;
    font-size: 13px;
    margin: 0 0 50px 0;
    position: relative;
    text-align: center;
}

#list .pagelink .edge {
    color: #666;
}

#list .pagelink .pager-link a {
    color: #0081c7;
    margin: 0 2px;
    padding: 4px;
    text-decoration: underline;
}

#list .pagelink .pager-link a:hover {
    text-decoration: none !important;
}

#list .pagelink .current {
    color: #666;
}

#list .prev-pager-link {
    background: url(../images/icon_pager_prev_current.png) no-repeat left center;
    padding-left: 20px;
    position: relative;
    left: -235px;
    top: 0;
}

#list .prev-pager-link a {
    color: #0081c7;
    text-decoration: none !important;
}

#list .prev-pager-link a:hover {
    text-decoration: underline !important;
}

#list .prev-pager-nolink {
    color: #d6d6d6;
    background: url(../images/icon_pager_prev.png) no-repeat left center;
    padding-left: 20px;
    position: relative;
    left: -235px;
    top: 0;
}

#list .next-pager-link {
    background: url(../images/icon_pager_next_current.png) no-repeat right center;
    padding-right: 20px;
    position: relative;
    right: -237px;
    top: 0;
}

#list .next-pager-link a {
    color: #0081c7;
    text-decoration: none !important;
}

#list .next-pager-link a:hover {
    text-decoration: underline !important;
}

#list .next-pager-nolink {
    color: #d6d6d6;
    background: url(../images/icon_pager_next.png) no-repeat right center;
    padding-right: 20px;
    position: relative;
    right: -237px;
    top: 0;
}


/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/

#itemListImage {
    clear: both;
    margin-bottom: 50px;
    position: relative;
}

#itemListImage:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#itemListImage .box {
    float: left;
    margin: 0 14px 30px 0;
    position: relative;
    width: 240px;
}

#itemListImage .box.last-list {
    margin-right: 0 !important;
}

#itemListImage .text {
    float: left;
    width: 240px;
}

#itemListImage .icon {
    display: block;
    margin: 5px 0 0 0;
}

#itemListImage .icon li {
    margin-right: 5px;
}

#itemListImage h3 {
    font-weight: normal;
    font-size: 13px !important;
    height: 35px;
    line-height: 1.4;
    margin: 5px 0 0 0;
    overflow: hidden;
}

#itemListImage h3 a {
    color: #333;
    text-decoration: none;
}

#itemListImage h3 a:hover {
    text-decoration: underline;
}

#itemListImage .price {
    font-size: 12px;
    margin: 0;
    text-align: right;
}

#itemListImage .price.strike-through {
    text-decoration: line-through;
    color:#888;
}

#itemListImage .price-sale {
    color: #cc3333;
    font-size: 12px;
    margin: 0;
    text-align: right;
}

#itemListImage .price .zeinuki,
#itemListImage .price-sale .zeinuki {
    font-size: 10px;
}

#itemListImage .img_box {
    float: left;
    height: 240px;
    position: relative;
    text-align: center;
    width: 240px;
}

#itemListImage .img_box img {
    /*bottom: 0;*/
    display: block;
    left: 0;
    margin: auto;
    max-width: 240px !important;
    max-height: 240px !important;
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
}

#itemListImage .img_box img:hover {
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#itemListImage .price-used {
    position: relative;
    color: #ff2d2d;
    font-size: 29px;
    text-align: right;
    padding-right: 40px;
    margin: 0;
}
#itemListImage .price-used:before {
    content:"端末価格";
    font-size:11px;
    background-color:#ffd2d2;
    color:#333;
    margin-right:10px;
    position:absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    width: 55px;
    padding: 5px 0;
    text-align: center;
}
#itemListImage .price-used:after {
    content:"(税抜)";
    font-size: 14px;
    color: #ff2d2d;
    position:absolute;
    bottom: 8px;
    right: 0;
}

#itemListImage .price-used .zeinuki {
    font-size: 10px;
}


/* topicsList - トピックス一覧
-------------------------------------------------------------*/

#topicsList {
    margin-bottom: 20px;
}

#topicsList .pageguide {
    float: none;
    font-size: 12px;
    margin: 10px 0 0;
}

#topicsList .under_pager {
    clear: both;
    margin: 20px 0 0 0;
}

#topicsList .under_pager .pageguide {
    float: left;
    font-size: 12px;
    margin: 10px 0 0;
}

#topicsList .under_pager .pagelink {
    float: right;
}

#topicsList .box {
    border-bottom: 1px solid #CCC;
    clear: both;
    padding: 20px 10px;
}

#topicsList .box:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#topicsList .box h3 {
    display: block;
    font-size: 12px;
    margin: 5px 10px 0 0;
}

#topicsList .box p {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 0;
}

#topicsList .img_box {
    float: right;
    height: 120px;
    margin: 0 0 10px 10px;
    position: relative;
    text-align: center;
    width: 120px;
}

#topicsList .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 120px;
    max-height: 120px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

span.topics_day {
    color: #888;
    font-size: 13px;
    margin-bottom: 4px;
}
span.topics_title {
    font-size: 15px;
    line-height: 1.8;
    color: #007fc6;
    text-decoration: underline;
}

/* supportDetail - 端末サポート商品詳細
-------------------------------------------------------------*/

#supportDetail {
    margin: 0 0 20px;
}

#supportDetail h3 {
    display: block;
    margin: 10px 10px 10px 6px;
    padding: 8px 0 8px 7px;
    font-size: 16px;
    border-left: 2px solid #333;
    font-weight: normal;
}

#supportDetail h3.item_ttl {
    border: 0;
    color: #007fc6;
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 12px 10px 10px 0px !important;
}

#supportDetail .not_plan {
    font-size: 16px;
    font-weight: bold;
    color: #cd3b3c;
    margin: 20px;
}


/* お申し込み内容を選択 */

#supportDetail table.plan_table {
    margin: 0 20px 10px 20px;
    font-size: 13px;
}

#supportDetail table.plan_table th {
    padding: 20px 10px;
    text-align: center;
    font-weight: bold;
}

#supportDetail table.plan_table td {
    padding: 10px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

#supportDetail table.plan_table .plan {
    text-align: left !important;
}

#supportDetail table.plan_table img {
    vertical-align: text-top;
}

#supportDetail table.plan_table .plan_name {
    width: 260px;
}

#supportDetail table.plan_table .plan_explain {
    width: 285px;
}

#supportDetail table.plan_table .plan_price {
    width: 60px;
}

#supportDetail table.plan_table .plan_btn {
    width: 15px;
}

#supportDetail table.plan_table .number {
    color: #cd3b3c;
    font-size: 15px;
}

#supportDetail table.plan_table img.btn_send {
    vertical-align: bottom;
}

#supportDetail #attention_box {
    margin: 20px 20px 30px 20px;
    padding: 20px 18px;
    background-color: #fff6e9;
}

#supportDetail #attention_box p {
    margin: 0 auto !important;
    line-height: 2 !important;
    color: #ff922b;
    width: 800px;
    font-size: 13px !important;
    font-weight: bold !important;
}

#supportDetail #attention_box p img {
    vertical-align: bottom;
}

#supportDetail #support_detail_box {
    margin-bottom: 20px;
}

#supportDetail #support_detail_box h3 {
    margin-bottom: 20px !important;
}

#supportDetail #support_detail_box ul {
    margin: 0 20px;
}

#supportDetail #support_detail_box ul:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#supportDetail #support_detail_box ul li {
    width: 303px;
    float: left;
    margin-right: 25px;
}

#supportDetail #support_detail_box ul li h4 {
    background-color: #007fc6;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 5px 0;
}

#supportDetail #support_detail_box ul li .main_text {
    padding: 5px 9px 10px 9px;
    margin: 0 !important;
    letter-spacing: -0.8px;
}

#supportDetail #support_detail_box ul li .detail_link {
    background: url(../images/icn_support.gif) no-repeat 0 5px;
    padding: 0 9px 0 8px;
    float: right;
    margin: 0 !important;
}

#supportDetail #send_explain_box {
    clear: both !important;
}

#supportDetail #send_explain_box h3 {
    margin-bottom: 20px !important;
}

#supportDetail #send_explain_box h4 {
    font-size: 13px;
    margin-bottom: 3px;
    color: #cd3b3c;
}

#supportDetail #send_explain_box p {
    margin: 0 !important;
}

#supportDetail #send_explain_box .send_attention {
    background: url(../images/bg_support_top.gif) no-repeat center top;
    padding-top: 3px;
}

#supportDetail #send_explain_box .send_attention .inner {
    background: url(../images/bg_support_bottom.gif) no-repeat center bottom;
    padding-bottom: 3px;
}

#supportDetail #send_explain_box .send_attention .content_area {
    background: url(../images/bg_support_content.gif) repeat-y;
    padding: 7px 11px;
    margin: auto;
    width: 898px;
    line-height: 1.4;
}

#supportDetail .buttonarea {
    margin: 30px 0 !important;
    padding-top: 0 !important;
}

#supportDetail .buttonarea .NR-button {
    font-size: 17px;
    padding: 14px 39px 15px 39px !important;
}

#supportDetail .total {
    border-bottom: #CCC 1px solid;
    font-size: 15px;
    /*font-weight: bold;*/
    margin: 0 auto;
    padding: 15px 0 5px;
    text-align: right;
    width: 965px;
}

#supportDetail .total .price {
    color: #cd3b3c;
    text-align: right;
}


/* itemDetail - 商品詳細
-------------------------------------------------------------*/

#itemDetail {
    margin: 19px 0 20px;
}

#itemDetail .left-box {
    float: left;
    margin-bottom: 20px;
    width: 458px;
}

#itemDetail .left-box #targetarea {
    visibility: hidden;
}

#itemDetail .left-box #main_box {
    position: relative;
}

#itemDetail .left-box #main_box .zoom-icon {
    bottom: 8px;
    color: #333;
    font-size: 20px;
    position: absolute;
    right: 0;
    z-index: 10000;
}

#itemDetail .left-box #main_box .zoom-desc {
    position: relative;
}

#itemDetail #anypos {
    height: 438px;
    left: 323px;
    position: absolute;
    top: 0;
    width: 365px;
}

#itemDetail .left-box .main_box:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#itemDetail .left-box .img_box {
    display: none;
    height: 458px;
    position: relative;
    text-align: center;
    width: 458px;
}

#itemDetail .left-box .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 458px;
    max-height: 458px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#itemDetail .left-box .non_img_box {
    height: 458px;
    position: relative;
    text-align: center;
    width: 458px;
}

#itemDetail .left-box .non_img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 458px;
    max-height: 458px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.zoomLens {
    height: 100px !important;
    width: 100px !important;
}

#itemDetail .left-box ul.thumb {
    margin-bottom: 10px;
    padding-top: 10px;
    width: 458px;
}

#itemDetail .left-box ul.thumb:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#itemDetail .left-box ul.thumb li {
    display: table-cell;
    *display: inline;
    float: left;
    height: 60px;
    margin: 0px 2px 0 0;
    width: 60px;
    *zoom: 1;
}

#itemDetail .left-box ul.thumb li.last {
    margin-right: 0;
}

#itemDetail .left-box ul.thumb li img {
    border: 1px solid #fff;
    display: block;
    height: 58px !important;
    margin: auto;
    width: 58px !important;
}

#itemDetail .left-box ul.thumb li img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}

#itemDetail .left-box ul.thumb li.active img {
    border: 1px solid #cc3333;
    display: block;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
}

#itemDetail .left-box .NR-button {
    background: #7d7d7d;
    font-size: 16px;
    margin: 0;
    padding: 12px 0 !important;
    text-align: center;
    width: 458px;
}

#itemDetail .right-box {
    float: right;
    margin-left: 15px;
    margin-bottom: 20px;
    text-align: left;
    width: 500px;
    /*
  左サイドバーの幅が300pxの時
  width: 365px;
  */
}

#itemDetail .right-box p {
    font-size: 12px;
    margin: 0;
}

#itemDetail .right-box .information {
    clear: both;
    font-size: 13px;
}

#itemDetail .right-box .price-box {
    clear: both;
}

ul.notes2_inner {
    margin:1em 0;
}

#itemDetail .right-box h2 {
    border: 0;
    line-height: 1.3;
    margin: 1em 0;
    padding: 0;
    font-size: 20px;
}

#itemDetail .right-box .icon {
    display: block;
    margin: 2px 0 0 0;
}

#itemDetail .right-box .icon:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#itemDetail .right-box .icon li {
    float: left;
    margin-right: 5px;
}

#itemDetail .right-box .review-star-box {
    clear: both;
    margin: 10px 0 0;
    padding-bottom: 22px;
}

#itemDetail .right-box ul.star {
    float: left;
    margin-right: 10px;
}

#itemDetail .right-box ul.star li {
    display: block;
    float: left;
    height: 15px;
    margin-right: 2px;
    width: 15px;
}

#itemDetail .right-box ul.star li.good {
    color: #eecc11;
}

#itemDetail .right-box ul.star li.bad {
    color: #eee;
}

#itemDetail .right-box ul.star li i {
    font-size: 17px;
}

#itemDetail .right-box .star-text {
    float: left;
    margin-left: -5px;
}

#itemDetail .amount_area {
    margin: 0 0 10px !important;
}

#itemDetail .amount_area #ITEMPROPERTY_CD_0 {
    width: 51%;
}

#itemDetail .amount_area #ITEMPROPERTY_CD_1 {
    width: 51%;
}

#itemDetail .amount_area #ITEMPROPERTY_CD_2 {
    width: 66%;
}

#itemDetail .property-amount {
    font-size: 12px !important;
    margin-top: 11px !important;
}

#itemDetail .property-amount select {
    height: 36px !important;
    padding-right: 27px !important;
    width: auto !important;
}

#itemDetail .right-box table {
    font-size: 12px;
    margin: 10px 0 0;
    width: 100%;
}

#itemDetail .right-box table th,
#itemDetail .right-box table td {
    padding: 7px 10px;
}

#itemDetail .right-box table td {
    text-align: center;
}

#itemDetail .right-box table td .NR-button {
    padding: 5px 13px !important;
}

#itemDetail .right-box .price {
    /*font-size: 13px;*/
    font-size: 16px;
    margin: 4px 0 0 0;
}


/* 中古らくらく */

#itemDetail .right-box .price.used_pricebox {
  margin: 15px auto;
  text-align: right;
}
#itemDetail .right-box .price.used_pricebox div + div {
  margin-top: 5px;
}
#itemDetail .right-box .price.used_pricebox .before_tax {
  font-size: 14px;
}
#itemDetail .right-box .price.used_pricebox .before_tax .price_disp {
  font-size: 28px;
  color: #ff0066;
  font-weight: bold;
}
#itemDetail .right-box .price.used_pricebox .before_tax .before_tax_tx {
  font-size: 16px;
  color: #ff0066;
}
#itemDetail .right-box .price_before_timesale {
  /*font-size: 13px;*/
        font-size: 13px;
  margin: 4px 0 0 0;
  text-align: right;
}

/* 中古らくらく end */

#itemDetail .right-box .strike-through {
    text-decoration: line-through;
}

#itemDetail .right-box .free {
    font-size: 12px;
}


/* coupon_info start */

.coupon_info {
    margin: 15px auto;
    color: #0081c7;
}

.coupon_info a {
    text-decoration: underline;
}

.coupon_info a:hover {
    text-decoration: none !important;
}


/* coupon_info end */

#itemDetail .right-box .price-sale {
    color: #cc3333;
    font-size: 13px;
    margin: 0;
}

#itemDetail .right-box .price-bold {
    font-weight: bold;
}

#itemDetail .right-box .sale-price-text {
    font-size: 16px;
}

#itemDetail .right-box .amount {
    float: left;
    margin: 16px 0 0 0;
}

#itemDetail .right-box .amount #CART_AMOUNT {
    height: 33px;
    min-height: 33px;
    width: 54px;
}

#itemDetail .right-box .only-one {
    color: #cc3333;
    margin: 24px 0 0 12px;
}

#itemDetail .right-box .cart-attention-text {
    color: #cc3333;
    text-align: center;
    margin: 12px 0;
}

#itemDetail .right-box .button-area {
    clear: both;
    position: relative;
}

#itemDetail .right-box .button-area i {
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 112px;
    top: 34px;
}

/* 中古商品 くるくる回転画像 */

.rotation360 {
  width: 458px;
  height: 458px;
  text-align: center;
}

.rotation360 iframe {
  width: 100%;
  height: 100%;
}

.rotation360-bottom {
  text-align: center;
}

.rotation360-btn {
  display: inline-flex;
  justify-content: center;
  margin-top: 13px;
  padding: 10px 67px;
  cursor: pointer;
  border: 1px solid #ababab;
  border-radius: 5px;
  background-color: #f9cfcf;
}

.rotation360-btn:hover {
  opacity: 0.7;
}

.rotation360-btn-text {
  align-self: center;
  margin-left: 10px;
  font-size: 18px;
}


/* 中古らくらく「申し込む」ボタン start */

#itemDetail .right-box .button-area.used_rs i {
    top: 37px;
}


/* 中古らくらく「申し込む」ボタン end */

#itemDetail .right-box .button-area .NR-button {
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    padding: 14px 0 13px 37px !important;
    width: 100% !important;
}

#itemDetail .right-box .button-area .NR-button:hover,
#itemDetail .right-box .button-area.not-hover:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#itemDetail .right-box .button-area:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}

#itemDetail .right-box .button-area .NR-button-disabled {
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    padding: 14px 0 13px 1px !important;
    text-align: center;
    width: 100% !important;
}

#itemDetail .right-box .button-area .NR-button-disabled i {
    left: 106px;
}

#itemDetail .right-box .cart-button-under-text {
    font-size: 13px;
    margin-top: 10px;
}

#itemDetail .right-box .hide {
    display: none;
}

#itemDetail .right-box .property_table .NR-button-cancel {
    padding: 5px 13px !important;
    text-align: center;
    width: 210px;
}

#itemDetail .right-box .property_table .active {
    background-color: #007fc6 !important;
}

#itemDetail .right-box .property_table th,
#itemDetail .right-box .property_table td {
    text-align: left;
}

#itemDetail .right-box .property_table td.price {
    text-align: right;
}

#itemDetail .right-box .property_table th span {
    font-size: 11px;
}

#itemDetail .right-box .property_table th a {
    color: #0081c7;
    font-size: 11px;
    padding-left: 5px;
    text-decoration: underline !important;
}

#itemDetail .right-box .property_table th a:hover {
    text-decoration: none !important;
}

#itemDetail .right-box .property_table .select {
    width: 77px;
}

#itemDetail .right-box .support-ttl {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 10px 10px 0;
    padding: 5px 0 5px 7px;
}

#itemDetail .right-box .check-cell p {
    line-height: 2.5;
}

#itemDetail .right-box table.property_table .number {
    color: #cd3b3c;
}


/* notes start */

#itemDetail .right-box .notes {
    display: inline-block;
    background-color: #f2f2f2;
}

#itemDetail .right-box .notes .notes_inner {
    margin: 10px;
    color: #666;
    font-size: 90%;
}

#itemDetail .right-box .notes .notes_inner li {
    line-height: 1.4;
    padding-left: 2.5em;
    text-indent: -2.5em;
}

#itemDetail .right-box .notes .notes_inner li+li {
    margin-top: 5px;
}


/* notes end */

#itemDetail .total {
    border-bottom: #CCC 1px solid;
    /*font-weight: bold;*/
    margin: 0;
    padding: 15px 0 5px;
    text-align: right;
}

#itemDetail .total .price {
    color: #cd3b3c;
    text-align: right;
}

#itemDetail .soryo-box {
    background: #dbf1fc;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    clear: both !important;
    line-height: 140%;
    padding: 15px 20px;
    text-align: center;
    margin-bottom: 2rem;
}

#itemDetail .soryo-box h3 {
    color: #0081c7;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#itemDetail .content-box {
    clear: both;
    margin: 10px 0 0 0;
}

#itemDetail .content-box p {
    margin: 0 auto 15px auto;
    font-size: 14px;
    /*width: 1004px;

  左サイドバーの幅が300pxの時
  margin-bottom: 15px;
  */
}

#itemDetail .content-box img {
    display: block;
    margin: auto;
    /*width: 1004px;*/
}

#itemDetail .content-box h3 {
    border-bottom: 2px solid #cc3333;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 9px 0;
    position: relative;
}

#itemDetail .content-box h4 {
    color: #333;
    font-size: 15px;
    font-weight: normal;
    border-left: 3px #ec6d65 solid;
    margin: 25px 0 15px 3px;
    padding: 5px 0 3px 8px;
    position: relative;
}

#itemDetail .content-box table {
    margin: 19px 0 0 0;
    width: 100%;
}

#itemDetail .content-box table .title {
    width: 179px;
}

#itemDetail .content-box table th,
#itemDetail .content-box table td {
    padding: 9px 10px 10px 10px;
}

#itemDetail .content-box .importantBox {
    background: #feeaea;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 10px 0 0 0;
    padding: 2rem;
}

#itemDetail .content-box .importantBox h4 {
    color: #cc3333;
    font-weight: bold;
    margin: 0 0 0.8em!important;
}

#itemDetail .content-box .importantBox strong {
    color: #cc3333;
    font-weight: bold;
}

#itemDetail .content-box .importantBox .small {
    font-size: 11px;
}

#itemDetail .content-box .importantBox p {
    margin: 0 0 0.5em;
}

#itemDetail .content-box .importantBox .newWin {
    background: url(../images/icon_newwin.png) right center no-repeat;
    color: #0081c7;
    padding-right: 18px;
    text-decoration: underline;
}

#itemDetail .content-box .importantBox .newWin:hover {
    text-decoration: none !important;
}

#itemDetail .content-box .support {
    margin-bottom: 3rem;
}

#itemDetail .content-box .supportBtn,
#itemDetail .content-box .bnArea,#NR-wrapper .bnAreaBottom {
    text-align: center;
    margin: 10px 0 20px;
}

#itemDetail .content-box .red {
    color: #cc3333!important;
}

#itemDetail .content-box .attention {
    color: #666;
    padding: 0 1.5rem;
    margin-bottom: 1.5rem;
}

#itemDetail .content-box .itemCaution {
    color: #666;
    font-size: 12px;
    padding: 0 2rem;
    margin: 0 auto 1.5rem;
}

#itemDetail .content-box .itemCautionR {
    color: #666;
    font-size: 10px;
    padding: 0 2rem;
    margin: 0 auto 1rem;
    text-align: right;
}

#itemDetail .content-box .specDescription {
    font-size: 9px;
}


/* サポート部分　*/

#itemDetail .content-box .supportContainer {
    margin-bottom: 2rem;
}

#itemDetail .content-box .supportContainer h3 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
    border: none!important;
}

#itemDetail .content-box .supportContainer ul {
    display: table;
    margin-bottom: 1rem;
}

#itemDetail .content-box .supportContainer li {
    display: table-cell;
    vertical-align: top;
    width: 290px;
    padding: 10px 18px;
    border-right: 1px dotted #bdbdbd;
}

#itemDetail .content-box .supportContainer li.last {
    border-right: none!important;
}

#itemDetail .content-box .supportContainer h4.title {
    padding: 1rem 0 0!important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5rem!important;
    border: none!important;
}

#itemDetail .content-box .supportContainer h5.catch {
    font-weight: bold;
    color: #3366cc;
    text-align: center;
    margin: 0 auto 0.5rem!important;
}


#itemDetail .content-box .supportContainer .small {
    font-size: 10px!important;
}


/* プラン変更 */

#itemDetail .plan-ttl {
    border-left: 2px solid #333;
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin: 25px 10px 10px 6px;
    padding: 8px 0 8px 7px;
}


/* ===================================================================
サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
=================================================================== */

#subwindow {
    width: 600px;
    margin: auto;
}

#subwindow #NR-header {
    min-width: 600px !important;
    width: 600px !important;
}

#subwindow #NR-header-in {
    min-width: 600px !important;
    width: 600px !important;
}

#subwindow #NR-header:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#subwindow #content {
    width: 600px;
}

#subwindow #content #products {
    width: 600px;
}

#subwindow #content .iconarea {
    margin-bottom: 20px;
    position: relative;
}

#subwindow #content .arrowOn {
    height: 600px;
    width: 600px;
}

#subwindow #content #products .slides_container {
    overflow: hidden;
    position: relative;
    margin: auto;
    width: 600px;
}

#subwindow #content #products .slides_container .ima_box {
    height: 600px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 600px;
}

#subwindow #content #products .slides_container img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 600px;
    max-height: 600px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#subwindow #content #products .slides_container a {
    display: block;
    height: 400px;
    width: 400px;
}

#subwindow #content #products .thumbox {
    clear: both;
    margin: 15px 0 0;
    padding: 0;
    width: 600px;
}

#subwindow #content #products .thumbox:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#subwindow #content #products .thumbox .thum_img_box {
    border: 1px solid #fff;
    float: left;
    height: 114px;
    position: relative;
    text-align: center;
    width: 114px;
}

#subwindow #content #products .thumbox .thum_img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 114px;
    max-height: 114px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#subwindow #content #products .thumbox .thum_img_box img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}

#subwindow #content #products .prev {
    display: block;
    background: url(../images/detail_prev_button.png) no-repeat;
    text-indent: -9999px;
    width: 60px;
    height: 60px;
    top: 33%;
    left: -26px;
    position: absolute;
    z-index: 1000;
}

#subwindow #content #products .next {
    display: block;
    background: url(../images/detail_next_button.png) no-repeat;
    text-indent: -9999px;
    width: 60px;
    height: 60px;
    top: 33%;
    right: -26px;
    position: absolute;
    z-index: 1000;
}

#subwindow #content #products .arrowOn:hover .prev,
#subwindow #content #products .arrowOn:hover .next {
    display: block;
}

#subwindow #content #products .arrowOn:hover .prev:hover,
#subwindow #content #products .arrowOn:hover .next:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
}

#subwindow #content #products .thumbox .current .thum_img_box {
    border: 1px solid #cc3333;
    display: block;
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
}


/* =================================================================
レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/

#review {
    clear: both;
    margin-bottom: 40px;
}

#review h3 {
    border-bottom: 2px solid #cc3333;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0 0 9px 0;
}

#review p {
    margin: 0;
}

#review p.review-top-text {
    margin: 0 20px;
}

#review .top-info {
    margin: 20px 45px 20px 20px;
}

#review .average-num {
    color: #cc3333;
    display: inline-block;
    margin-left: -6px;
}

#review .star-text {
    display: inline-block;
    font-size: 12px;
}

#review .all-count {
    float: right;
    font-size: 12px;
}

#review .box {
    border: 1px solid #eee;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 20px 10px 20px;
    padding: 10px 10px 2px 10px;
}

#review .box h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
}

#review .box ul.star {
    float: left;
    margin: -2px 10px 0 0;
}

#review .box .name {
    border-bottom: 1px dashed #CCC;
    clear: both;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 12px 0 10px;
}

#review .box .name .contributor {
    padding-right: 8px;
}

#review .good-button {
    margin-bottom: 10px;
    text-align: center;
}

#review .good-button .good-number {
    margin-bottom: 4px;
}

#review .good-button .NR-button {
    background: #888;
    font-size: 12px;
    margin-right: 5px;
    padding: 0 7px 0 6px !important;
}

#review .good-button .NR-button-disabled {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    padding: 1px 10px 1px 9px !important;
}

#review p.goodButton {
    color: #666;
    font-size: 75%;
    margin-bottom: 5px;
}

#review p.goodButton input {
    margin-left: 5px;
}

#review p.goodNumber {
    color: #666;
    font-size: 11px;
    margin-bottom: 20px;
}

#review p.pageguide {
    margin: 10px;
}

#review p.pagelink {
    text-align: center;
    margin-bottom: 20px;
}

#review .more {
    background: url(../images/common/icon_link_arrow.png) 0 5px no-repeat;
    float: right;
    margin-left: 11px;
    padding-left: 8px;
}

#review .more a {
    color: #0081c7;
}

#review ul.star {
    float: left;
    margin-right: 10px;
}

#review ul.star li {
    display: block;
    float: left;
    height: 15px;
    width: 15px;
}

#review ul.star li.good {
    color: #eecc11;
}

#review ul.star li.bad {
    color: #eee;
}

#review ul.star li i {
    font-size: 17px;
    padding-right: 2px;
}

#review .contribution {
    clear: both;
    margin-top: 10px;
    padding: 0 20px;
}

#review .contribution h4 {
    float: none;
    border-left: 2px solid #333;
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0 18px;
    padding: 8px 0 8px 7px;
}

#review .contribution table {
    border: none;
    margin: 0 0 0 8px;
    width: 100%;
}

#review .contribution th {
    background: none;
    border: none;
    color: #333;
    padding: 4px 10px;
    text-align: left;
    width: 78px;
}

#review .contribution td {
    border: none;
    padding: 4px 10px;
}

#review input[type="radio"] {
    vertical-align: middle;
}

#review .contribution td #NICKNAME {
    width: 161px;
}

#review .contribution td #REVIEW_TITLE {
    width: 311px;
}

#review .contribution td #REVIEW_COMMENT {
    height: 104px;
    width: 425px;
}

#review .contribution td i {
    color: #eecc11;
    font-size: 17px;
    padding-right: 2px;
    vertical-align: middle;
}

#review .contribution .buttonarea {
    margin: 0;
    padding-top: 0;
}

#review .contribution .buttonarea .NR-button {
    padding: 10px 39px 9px 39px !important;
}


/* =================================================================
購入履歴

使用ファイル：member_history.xhtml
=================================================================*/

#history h3 {
    clear: both;
    margin: 40px 0 0 20px;
}

#history h3:after {
    /* clearfix */
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}

#history .title-box {
    display: block;
    float: left;
    line-height: 1.5;
    margin: 0 0 0 10px;
}

#history .icon {
    float: left;
    margin: 0;
}

#history .status {
    margin: 0 25px 0 0;
    float: right;
}

#history .status .NR-button-cancel {
    padding: 8px 18px 6px 18px !important;
}

#history .price {
    text-align: right;
    color: #C00;
    width: 60px;
}

#history .cart {
    text-align: center;
    width: 230px;
}

#history .cart p {
    margin-bottom: 5px !important;
}

#history th.cart a {
    color: #fff;
    text-decoration: underline;
}

#history th.cart a:hover {
    text-decoration: none !important;
}

#history th.cart a.NR-button {
    margin-bottom: 10px;
    padding: 8px 10px !important;
    text-decoration: none;
}

#history td.cart a.NR-button {
    padding: 8px 0 !important;
    width: 140px;
}

#history td.cart .NR-button-disabled {
    padding: 8px 0 7px 0 !important;
    width: 140px;
}

#history .code {
    width: 80px;
}

#history .amount {
    text-align: center;
    width: 30px;
}

#history .property {
    display: block;
    color: #999;
    font-size: 11px;
    line-height: 1.4;
    margin: 5px 0 0 0 !important;
}

#history .img_box {
    float: left;
    height: 80px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 128px;
}

#history .img_box img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.item_history_icon {
    background-color: #cc0000;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 2px 3px 2px;
}


/* =================================================================
エラーページ
使用ファイル：common/messages.xhtml
=================================================================*/

#error {
    width: 100%;
}

#error table {
    border: none !important;
    margin: 20px;
    font-size: 12px;
    width: auto;
}

#error td {
    border: none !important;
    padding: 10px;
}

#error .ico {
    text-align: center;
    vertical-align: top;
    width: 40px;
}

#error .content {
    color: #cc3333;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
}

#error .buttonarea {
    border-top: #CCC 1px dashed;
    margin: 10px;
    padding-top: 10px;
    text-align: center;
}

#error ul {
    background: none;
}


/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/

#credit td.button {
    text-align: center;
}


/* =================================================================
端末シリアル入力画面
使用ファイル：custom/serial_input.xhtml
=================================================================*/

#explain_box h3 {
    margin: 10px 10px 10px 6px;
    padding: 8px 0 8px 7px;
    font-size: 16px;
    border-left: 2px solid #333;
    font-weight: normal;
}

#explain_box img {
    display: block;
    margin: 20px auto;
}


/* =================================================================
端末サポート
使用ファイル：ext/plan_select.xhtml
=================================================================*/

.support_box h3 {
    margin-top: 20px !important;
}

.support_box .img_area {
    display: block;
    text-align: center;
    padding-left: 10px
}

.support_box .img_area img {
    height: auto;
    max-width: 1004px;
}

.support_box .btn_area {
    margin: 0 auto 40px auto;
    text-align: center;
}

.support_box .attention {
    background-color: #fadbda;
    margin: 0 20px 40px 30px !important;
    border-radius: 2px;
}

.support_box .attention p {
    text-align: center !important;
    margin-top: 10px !important;
    padding: 10px 0 !important;
}

.support_box .btn_area p {
    margin-top: 10px !important;
}

.support_box .btn_area a {
    width: 250px;
    margin:0 auto;
    background: #ff2d2d url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%/15px;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-size: 14px;
    padding: 16px 0;
}

.support_box .spec {
    padding-left: 10px;
    margin-bottom: 30px;
}

.support_box .terms {
    padding-left: 10px;
    margin-bottom: 30px;
}

.support_box .spec th {
    width: 25% !important;
}

.support_box .spec td {
    width: 75% !important;
}

.support_box .spec span {
    color: #cc3333 !important;
}


/* =================================================================
会員ページ関連
使用ファイル：member_mypage.xhtml
=================================================================*/

.mypage_list {
    margin: 20px 20px 0 20px;
    font-size: 13px;
}

.mypage_list li {
    background: url(../images/icn_support.gif) no-repeat 0 1px;
    padding: 0 0 0 12px;
    margin: 0 24px 14px 0;
}


/* =================================================================
プラン変更,解約申し込み
使用ファイル：plan_change.xhtml,plan_change_confirm.xhtml
    plan_cancel.xhtml,plan_cancel_confirm.xhtml
=================================================================*/

#contractInfo {
    margin: 20px 0 30px;
}

#contractInfo h3 {
    border-left: 2px solid #333;
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin: 25px 10px 10px 6px;
    padding: 8px 0 8px 7px;
}

#contractInfo .number {
    color: #cd3b3c;
    font-size: 15px;
}

#itemDetail.plan_change {
    margin: 20px 0 0 0;
}

.plan_change .attention {
    color: #C00;
}

.plan_change .plan_situation {
    width: 100px;
}

.plan_change .plan_price {
    width: 100px;
}

.plan_change .plan_button {
    width: 200px;
}


/* ラジオボタンを擬似的にボタンにするスタイル */

.btn-radio-area {
    text-align: center;
}

.btn-radio-area input {
    display: none;
}

.btn-radio-area label {
    background: #333;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin: 0;
    padding: 11px 10px;
    text-align: center;
}

.btn-radio-area input[type="radio"]:checked+label {
    background-color: #007fc6;
    color: #fff;
}


/* =================================================================
トピックス詳細
使用ファイル：topics_cdetail.xhtml
=================================================================*/

.topicsDetail .box.topics_noimg p {
    line-height: 1.5;
    margin: 10px 20px !important;
}


/* =================================================================
商品ページ関連
使用ファイル：item_detail.xhtml
=================================================================*/

#spec .spec-table,
#spec .spec-table tbody,
#spec .spec-table tr,
#spec .spec-table th,
#spec .spec-table td {
    display: block;
}

#spec .spec-table-detail {
    border-style: hidden;
    font-size: 14px;
    margin: 0 auto 2.5rem !important;
    width: 95%;
}

#spec .spec-table-detail th {
    text-align: left;
    background: #fff;
    border-bottom: #e5e5e5 1px solid;
    border-right: hidden;
    color: #858585;
    width: 40%;
}

#spec .spec-table-detail td {
    border-bottom: #e5e5e5 1px solid;
    padding: 20px 0;
    line-height: 1.6;
}


/* =================================================================
font awesome用
=================================================================*/

.fa-pink:before {
    color: #ec6d65;
}

.fa-blue:before {
    color: #0081c7;
}


/* =================================================================
login用
=================================================================*/
.head_search {
    display:flex;
}
.cart-btn a {

    width: auto;
    margin: 0;
    padding: 5px 7px 1px;
    border-radius: 5px;
    color: #333;
    border:#cc3333 1px solid;
    text-align: center;
}
#login .login-btn a {
    width: auto;
    margin: 0;
    padding: 5px 7px 1px;
    border-radius: 5px;
    color: #333;
    border:#cc3333 1px solid;
    text-align: center;
}

#login .login-btn a:hover {
    text-decoration: none !important;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
}

#login .login-btn a i {
    font-size: 20px;
    padding-right: 2px;
}

#login .login-btn a span {
    display: inline-block;
    margin: 2px 0 0;
    vertical-align: text-top;
}

.arrow {
    text-align: right;
}


/* 20160328追加分 */

.hissu_text {
    color: #C00;
    margin-left: 10px;
}

.planchange_text {
    font-size: 12px;
    text-align: left;
    margin: 0;

}

#SEND_HOPE_YEAR,
#SEND_HOPE_MONTH,
#SEND_HOPE_DAY {
    width: 50px;
}

.ui-datepicker-trigger {
    margin-left: 10px;
    vertical-align: middle;
}


input,
textarea,
keygen,
select {
    font-family: Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Sans-serif;
}


/* =================================================================
クレジットカード情報登録・変更
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/

.credit_form {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin: 15px 10px 10px 0;
    padding: 5px 0 5px 7px;
}


/* =================================================================
gooID
=================================================================*/

#checkGooID-btn button,
#checkNickname-btn button {
    background-color: #eeeeee;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: -o-linear-gradient(top, #ffffff, #cccccc);
    border: 1px solid #999;
    border-radius: 5px;
    color: #000000;
    font: -webkit-control;
    font-size: 12px;
    font-weight: normal;
    height: 2em;
    margin: 2px 5px 1px 0;
    vertical-align: middle;
    padding: 2px 5px;
}

#checkGooID-btn button:hover,
#checkNickname-btn button:hover {
    background-color: #bbbbbb;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#a3a3a3));
    background: -moz-linear-gradient(top, #cdcdcd, #a3a3a3);
    background: -o-linear-gradient(top, #cdcdcd, #a3a3a3);
}

.bn-ocnenquete-area {
    padding-top: 30px;
    text-align: center;
}


/*新top用*/

h2 {
  font-size: 22px;
  border-bottom: 3px solid #ec6d65;
  padding-bottom: 10px;
  margin-bottom: 15px;
  line-height: 1.5;
}
#bn_topsub {
    text-align:center;
    margin :1.5em auto;
}
div.list_bg {
  background-color: #f2f2f2;
}
a.list_btn_a {
    display: block;
    width: 270px;
    margin: 0 auto;
}
p.list_btn {
  background-color: #7d7d7d;
  color: #fff;
  text-align: center;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  font-size: 18px;
  padding: 20px 0;
}

ul.device_list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 20px 0;
}
ul.device_list li {
  width: 190px;
  height: 280px;
  background-color: #fff;
  margin: 0 0 13px 13px;
  position: relative;
  font-size: 15px;
}
ul.device_list li:nth-of-type(5n+1) {
  margin-left: 1px;
}

div.list_item {
  text-align: center;
  height: 100%;
  position:relative;
}
div.list_item a {
    display:block;
    color:#333;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1;
}
div.list_item > div {
    position:absolute;
    top: 174px;
    margin:0 auto;
    width:100%;
}
div.list_item:hover a {
    border: #ec6d65 1px solid;
    margin: -1px;
}

div.list_item img {
  margin-top: 17px;
}
div.list_item p {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}

div.bn {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
div.bn a {
  display: flex;
  width: 490px;
  height: 150px;
  border: 1px solid #ccc;
  vertical-align: middle;
  clear: both;
  position: relative;
}
div.bn div.bn_text_box {
  position: absolute;
  display: inline-table;
  right: 35px;
  top: 30px;
  width: 300px;
}
div.bn div.bn_text_box p.bn_title {
    color: #cc3333;
    font-size: 15px;
    padding: 5px 5px 10px 5px;
    /* display: inline-block; */
    height: auto;
    vertical-align: middle;
    /* text-align: center; */
    border-bottom: 1px dashed;
}
div.bn div.bn_text_box p.bn_text {
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
    color: #333;
    line-height: 1.4;
}
div.bn div.bn_sim:hover {
   opacity:0.6;
}
div.bn a:hover {
   opacity:0.6;
}
div.bn_sim {
  display: table-cell;
  width: 490px;
  height: 150px;
  text-align: center;
}

div.bn_tanmatusp p {
  color: #333;
  float: left;
  margin: 55px 50px 0;
}


ul.nedan {
  width: 100%;
  margin: 0px auto;
  color: #c33;
  position: absolute;
  bottom: 10px;
}
ul.nedan li {
    height: auto;
    width: 60%!important;
    margin-left:0;
    text-align: left;
    padding-left: 70px;
}
.head_new {
    display: flex;
    margin-top: 20px;
}
.head_btn a {
    display:block;
    width: 95px;
    margin: 3px 0px 3px 15px;
    padding: 7px;
    border-radius: 5px;
    color: #333;
    border: #cc3333 1px solid;
    text-align: center;
    font-size: 12px;
}
.head_btn:hover a {
    background-color: #fbd9da;
}
.search {
    border: 1px solid #888888;
    border-radius:6px;
    background-color:#fff;
    height: 26px;
    margin: 3px 0;
}
div.head_seachbtn {
    display:flex;
    justify-content: flex-end;
    width: 810px;
}
ul.device_list li.new:before {
 content: '';
 display: inline-block;
 width: 60px;
 height: 60px;
 background-image: url(../images/top/icon_new.png);
 background-size: contain;
 background-repeat: no-repeat;
 vertical-align: middle;
 position:absolute;
 top: 0px;
 left: 0px;
 z-index: 2;
}
ul.device_list li.sale:before {
 content: '';
 display: inline-block;
 width: 60px;
 height: 60px;
 background-image: url(../images/top/icon_sale.png);
 background-size: contain;
 background-repeat: no-repeat;
 vertical-align: middle;
 position:absolute;
 top: 0px;
 left: 0px;
 z-index: 2;
}

div.btn_rd_long a {
	padding: 17px 20px!important;
    text-decoration: none;
	width: 80%;
	border-radius: 5px;
	display: block;
	text-align: center;
	color: #FFF;
	margin: 0 auto 2.5em;
	background: #ff2d2d url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%/15px;
}

/* top長い遷移ボタン */
.panel_area_btn {
  width: 80%;
  margin: 0 auto 4em;
  position: relative;
}
.panel_area_btn a p {
  text-align: center;
  border: 1px solid #888;
  color:#666;
  background-color: #fff;
  padding: 1em 0;
  border-radius: 5px;
}
.panel_area_btn a p:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f138";
  left: 10%;
  color: #888;
  top: 10px;
  font-size: 20px;
}
.panel_area_btn a:hover p{
  color:#faa6a4;
  border: 1px solid #faa6a4;
}
.panel_area_btn a:hover p:before {
    color:#faa6a4;
}

div.list_bg > span.price {
  font-size: 12px;
  /*background-color: #f54f66; 端末サポートサービス単体申込画面金額背景*/
  color: #fff;
  padding: 2px 5px;
  margin-right: 5px;
  border-radius: 2px;
}

span.top_price {
  font-size: 12px;
  background-color: #f54f66;
  color: #fff;
  padding: 2px 5px;
  margin-right: 5px;
  border-radius: 2px;
}

li.slide:hover img {
    opacity:0.6;
}
ul.device_list_bn {
    display:flex;
    justify-content:center;
}
ul.device_list_bn2 {
    display:flex;
    justify-content:center;
}
ul.device_list_bn2 li:nth-last-child(1) {
    margin-left: 110px;
}
ul.device_list_bn3 {
    display:flex;
    justify-content:space-between;
}
ul.device_list_bn li:hover img,ul.device_list_bn2 li:hover img,ul.device_list_bn3 li:hover img {
  opacity: 0.6;
}
div.bn_link {
   display:flex;
   justify-content: space-between;
}
div.bn_link3 {
   display:flex;
   justify-content: space-around;
}
div.bn_link a:hover img,div.bn_link3 a:hover img {
  opacity: 0.6;
}

p.used_icon {
  border:1px solid #333;
  border-radius:4px;
  width:100px;
  margin:0 auto;
  padding-top:2px;
}

/*ページトップ*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 0px;
    opacity: 0.8;
    z-index:1;
}
.pagetop a {
    display: block;
}
.pagetop a img {
    width: 50px;
}

/*ボトムウインドウ*/
@media screen and (max-width:1699px) {
#bottomWindow {
   position: fixed;
   bottom: 30px;
   left: 5%;
   opacity: 0.8;
   z-index: 2;
}
}
#bottomWindow img{
    width: 180px;
}
#bottomWindow button#btnClose {
   width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
   position: absolute;
   top:-15px;
   left:155px;
}
#bottomWindow #btnClose img {
   width: 40px;
}
@media screen and (min-width:1700px) {
   #bottomWindow {
   right: 50%;
   margin-right: 540px;
   position: fixed;
   bottom: 30px;
   opacity: 0.8;
   }
}

/*item page*/
/*オプションCSS*/
h3.option_title {
    text-align: center;
    padding: 10px 0;
    margin: 15px auto 0;
    color: #cc3333;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
}
.option_area {
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
.option_area dt,.option_area dd {
    width:247px;
    text-align:center;
    margin:5px 0;
    vertical-align:middle;
    height:60px;
}
.option_area dt {
    border-radius: 10px 0 0 10px;
    border: 2px solid #cc3333;
    border-right: 1px dotted #cc3333;
    background-color:#feeeef;
}
.option_area dd {
    border-radius: 0 10px 10px 0;
    font-size:20px;
    border: 2px solid #cc3333;
    border-left:none;
}
.option_area dd span {
    color:#cc3333;
    font-weight:bold;
    position: relative;
}
.option_area dd span:before {
    content:"+";
    position:absolute;
    left: -30px;
    top: 6px;
    color:#cc3333;
    font-weight:bold;
    font-size:30px;
}
/*上下中央そろえ*/
.flexbox-container-vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.option_container .red{
    color: #cc3333;
}
.option_area small{
    font-size: 10px;
}
.option_caution{
    margin-top:1em!important;
    font-size:11px!important;
    line-height:130%;
}

/* シェアボタン */
div.right-box div.rightbox_button {
    overflow: hidden;
}
div.right-box div.rightbox_button ul.item_icon_list {
    float: left;
}
div.right-box div.rightbox_button div.col-lg-4 {
    float: right;
}
div.right-box div.rightbox_button div.col-lg-4 a {
    cursor: pointer;
}

/*ボタンCSS*/
div.item_btnbox ul.btnlist li.btnMoushikomi a {
    padding:20px 0;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFF;
    margin: 1rem auto;
    background: #ff2d2d url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%;
    background-size: 1.5em auto;
    border-radius:5px
}
/*ボタンCSS(中古)*/
div.item_btnbox ul.btnlist li.btnMoushikomi input {
    display:inline-block;
    width:100%;
    padding: 20px 0;
    color:#fff;
    text-decoration: none;
    text-align: center;
    margin: 1rem auto;
    background: #ff2d2d url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%;
    background-size: 1.5em auto;
    border-radius: 5px;
}
div.item_btnbox ul.btnlist li.btnEnd {
    padding:20px 0;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #888;
    margin: 1rem auto;
    background: #d9d9d9 url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%;
    background-size: 1.5em auto;
    border-radius:5px
}
div.item_btnbox_foot h3 {
    text-align:center;
    font-size:18px;
    font-weight:bold;
    margin-bottom:1.5rem;
}
div.item_btnbox_foot ul.btnlist li.btnMoushikomi a {
    width:600px;
    padding:20px 0;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFF;
    margin: 1rem auto;
    background: #ff2d2d url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%;
    background-size: 1.5em auto;
    border-radius:5px
}
/*ボタンCSS(中古下部)*/
div.item_btnbox_foot ul.btnlist li.btnMoushikomi input {
    width:600px;
    padding:20px 0;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFF;
    margin: 1rem auto;
    background: #ff2d2d url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%;
    background-size: 1.5em auto;
    border-radius:5px
}
div.item_btnbox_foot ul.btnlist li.btnEnd {
    width:600px;
    padding:20px 0;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #888;
    margin: 1rem auto;
    background: #d9d9d9 url(https://simseller.goo.ne.jp/client_info/NTTR/view/userweb/images/common/icon_cvbtn.png)no-repeat 10% 50%;
    background-size: 1.5em auto;
    border-radius:5px
}
div.item_btnbox ul.btnlist li.btnMoushikomi a:hover,div.item_btnbox_foot ul.btnlist li.btnMoushikomi a:hover, li.btnMoushikomi div input:hover {
    opacity:0.5;
}

/*値段系 通常*/
div.item_pricebox {
    margin: 10px 0;
}
#itemDetail .right-box .item_price,#itemDetail .right-box .price-lump,#itemDetail .right-box .price-installment {
    color: #ff2d2d;
    font-size: 29px;
    text-align: right;
    margin: 0px 60px 20px 0;
    line-height: 1;
    position: relative;
}
#itemDetail .right-box .price-installment span.meyasu {
    font-size: 12px;
	color: #333;
    margin-right: 0.3em;
}
#itemDetail .right-box .item_price:before {
    content:"端末価格";
    font-size: 15px;
    /* background-color:#ffd2d2; */
    color:#333;
    margin-right:10px;
    position:absolute;
    top: 50%;
    left: 25px;
    margin-top: -17px;
    width: auto;
    padding: 10px;
    text-align: center;
    border: 1px solid #333;
}
#itemDetail .right-box .price-lump:before {
    content:"一括";
    font-size: 15px;
    color:#333;
    margin-right:10px;
    position:absolute;
     top: 50%;
    left: 25px;
    width: auto;
    padding: 10px;
    text-align: center;
    border: 1px solid #333;
    transform: translate(0, -50%);
}
#itemDetail .right-box .price-installment:before {
    content:"分割";
    font-size: 15px;
    color:#333;
    margin-right:10px;
    position:absolute;
    top: 50%;
    left: 25px;
    width: auto;
    padding: 10px;
    text-align: center;
    border: 1px solid #333;
    transform: translate(0, -50%);
}
#itemDetail .right-box .item_price_sale span.item_pricebox {
    color: #cc3333;
    font-size: 25px;
}


/*値段　セール*/
div.price-box-sale {
    position:relative;
    margin: 10px 0;
}
#itemDetail .right-box .item_price_notsale {
    font-size: 18px;
    text-align: right;
    margin: 0px 70px 10px 0;
}
#itemDetail .right-box .item_price_sale {
    color: #ff2d2d;
    font-size: 29px;
    text-align: right;
    margin: 0px 60px 0 0;
    line-height: 1;
}
#itemDetail .right-box .item_price_sale:before {
    content:"端末価格";
    font-size: 15px;
    /* background-color:#ffd2d2; */
    color:#333;
    margin-right:10px;
    position:absolute;
    top: 50%;
    left: 25px;
    margin-top: -3px;
    width: auto;
    padding: 10px;
    text-align: center;
    border: 1px solid #333;
}
#itemDetail span.tax {
    font-size:0.6em;
}



div.appealmessage {
    margin: 20px auto 30px;
    font-size:18px;
    text-align: center;
    line-height: 1.3;
}



ul.item_icon_list li{
    display:inline-block;
    margin-right:5px;
}
ul.item_icon_list li span.item_sale_icon {
    /* セール */
    background-color: #cc3333;
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    padding: 7px;
    border-radius: 4px;
}
ul.item_icon_list li span.item-new-icon {
    /* NEW */
    background-color: #faa6a4;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    padding: 8px;
    border-radius:4px;
}
ul.item_icon_list li span.item-gokubihin-icon {
    /* 極美品 */
    background-color: #b6d7e6;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    padding: 8px;
    border-radius:4px;
}
ul.item_icon_list li span.item-unused-icon {
    /* 未使用品 */
    background-color: #ecd06d;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    padding: 8px;
    border-radius:4px;
}


#itemDetail .right-box h2.new_item_title {
    margin:15px 0;
}
#itemDetail .right-box h2.new_item_title img {
    width: 100%;
}

#itemDetail .right-box p.attention {
    text-align: center;
    margin-top: 15px;
    font-size: 10px;
}


/*item LP*/
div.specicon {
    text-align: center;
    margin: 10px 0 50px;
}

#item_Container h2 {
    border-bottom:none;
}
#item_Container h2  img {
    border-radius: 15px 15px 0 0;
}
#item_Container #tokuchoBox {
    margin:2em 0 ;
    text-align: center;
}
#tokuchoBox p.contentsText {
    font-size:15px;
    margin: 0 auto;
    text-align:left;
    line-height: 1.5;
}
#item_Container #tokuchoBox section.tokuchoBox_1,#item_Container #tokuchoBox section.tokuchoBox_2 {
    margin: 80px auto;
}
#item_Container #tokuchoBox h3 {
    margin-bottom: 20px;
    padding: 0 15px 5px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
}
#item_Container #tokuchoBox h4 {
    margin-bottom: 10px;
    padding: 0 15px 5px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    line-height: 140%;
}
#item_Container div.boxMoushikomi {
    padding: 0 0 50px 0;
}
/*共通レイアウト*/
#tokuchoBox p.textbottomL{/* pの下にマージン30px */
    margin-bottom: 30px;
}
#tokuchoBox p.textbottomS{/* pの下にマージン10px※注意文との隙間に */
    margin-bottom: 10px;
}
#tokuchoBox .small {/* 注意文などに利用 */
    font-size: 11px!important;
}
#tokuchoBox .itemAttention {/* 注意文などに利用 */
    font-size: 11px!important;
    color: #999;
}
/*ストレート1列パターン*/
#tokuchoBox section.tokuchoBox_1 .feature-img{
    text-align: center;
}
#tokuchoBox section.tokuchoBox_1 .feature-txt{
    margin: 20px 0 30px;
}
#tokuchoBox section.tokuchoBox_1 p.contentsText{
    width: 630px;
}
/*画像回り込みパターン(画像右用&左用)*/
#item_Container #tokuchoBox section.tokuchoBox_2 .feature-box{
    width: 95%;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 80px;
    font-size: 20px;
}
.feature-left .imgArea, .feature-right .imgArea {
  width: 460px;
}
.feature-left .feature-txt,.feature-right .feature-txt {

}
.feature-left .feature-img {
    margin-right: 50px;
}
.feature-right .feature-img {
  margin-left: 50px;
}
/*背景黒(濃い色)の時用白設定*/
#item_Container .wh #tokuchoBox{
    color: #fff!important;
}
#item_Container .wh #tokuchoBox h3 {
    color: #fff;
}
#item_Container .wh #tokuchoBox h4 {
    color: #E2E2E2;
}

/*  スペック表
-------------------------------------------------------------*/
#item_spec {
    width: 1004px;
    margin: 30px auto;
}
#item_spec h3 {
    border-left: 4px solid #dcdcdc;
    font-size: 20px;
    padding: 5px 0 5px 15px;
    margin: 0 0 20px 0;
}
#item_spec h4 {
    border-left: 4px solid #dcdcdc;
    font-size: 20px;
    padding: 5px 0 5px 15px;
    margin: 0 0 20px 0;
}
#item_spec .spec-table-detail th {
    text-align: left;
    background: #fff;
    border-bottom: #e5e5e5 1px solid;
    border-right: hidden;
    color: #858585;
    width: 40%;
}
#item_spec .spec-table-detail td {
    border-bottom: #e5e5e5 1px solid;
    padding: 20px 0;
    line-height: 1.6;
}
#item_spec .spec-table-detail .specDescription,#item_spec span.red {
    font-size:9px;
    color:#cc3333;
}
#item_spec table {
    width: 1004px;
    margin-bottom:1em;
}
#item_spec p.small{
    text-align:center;
    margin:0 0 3em;
}
#item_spec div.importantBox {
    background: #feeaea;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 10px 0 0 0;
    padding: 2rem;
}

#item_spec .importantBox h4 {
    font-size: 15px;
    font-weight: bold;
    border-left: 3px #ec6d65 solid;
    margin: 0 0 15px 3px;
    padding: 5px 0 3px 8px;
    position: relative;
    color: #cc3333;
}
#item_spec .importantBox p {
    margin: 0 0 0.5em;
    line-height: 1.5;
    font-size:14px;
}

/*中古RS注意文言*/
section.sp_attention {
    width:1004px;
    margin:0 auto;
    background-color:#ededed;
    padding:1.3em;
    line-height:1.4;
}
section.sp_attention h3.support-ttl{
    font-size:15px;
    font-weight:bold;
    margin-bottom:0.2em;
}

a.btnUsedsp {
    background-color: #9E9E9E;
    padding: 1em;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}
ul.attention_list {
  margin: 1em;
}
ul.attention_list li{
	padding-left:1em;
	text-indent:-1em;
	margin-top: 0.3em;
  font-size: 13px;
}