@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
#main_image {
	float:left;
    margin-bottom: 10px;
    text-align: center;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
div#undercolumn_aboutus {
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
}

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
    margin: 0 auto;
    width: 100%;
}

.zipimg img {
    vertical-align: middle;
}


/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 100%;
	padding:0 0 50px 0;
}

div#mynavi_area {
    width: 100%;
}

div#mycontents_are  {
    width: 100%;
}

div.mycontents_area2  {
    margin: 70px 0 0 0;
    width: 100%;
}

div#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
    background: #3f3f3f ;
}
div#mynavi_area .mynavi_list li {
    margin: 5px 0 5px 0;
    float: left;
    width: 19.85%;
	padding:5px 0;
    background: #3f3f3f ;
    font-size: 110%;
	color:#FFF;
	text-align:center;
	border-right:dotted 1px #686868;
}
div#mynavi_area .mynavi_list li a {
	text-decoration:none;
	color:#FFF;
}
div#mynavi_area .mynavi_list li a:hover {
	text-decoration:underline;
	color:#FFF;
}

div#mynavi_area div.point_announce {
    margin-bottom: 30px;
    padding: 10px;
	background: #F8F8F8;
    border: 1px dotted #E1E1E1;
    line-height: 18px;
}
div#mynavi_area div.point_announce p {
	text-align:center;
}

div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}

div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    width: 97%;
    background: #f9f9f9;
}
div#mycontents_area div.mycondition_area p {
    float: left;
}
div#mycontents_area div.mycondition_area .btn {
    width: 160px;
    margin-top: 15px;
    float: right;
}
.add_address {
    margin-bottom: 20px;
}


/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    width: 94%;
    background: #fff;
	border:solid 1px #E6E6E6;
}


/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
	float:left;
    width: 100%;
	border: 1px solid #E9E9E9;
	background:#F6F6F6;
	padding: 80px 0;
}

.membx {
	padding:8px 0 7px 30px;
}

div#undercolumn_login .logbx2 {
	width:616px;
	padding:5px 15px 15px 15px;
	border:solid 1px #E6E6E6;
	background:#F9F8F3;
    margin:0 0 30px 15px;
}

.login_area h3   {
    font-size: 13px;
	padding:5px 0 10px 25px;
	margin:30px 0 0 0;
}

.nentrybx {
	width: 616px;
	padding:0 15px 15px 15px;
	border:solid 1px #E6E6E6;
	background:#F9F8F3;
	margin:10px 0 0 13px;
}
div#undercolumn_login .logbx2 h3,
.nentrybx h4 {
    color: #930000;
    font-size: 14px;
    padding: 10px 0 10px 0;
}

.nentrybx .inputtext {
	padding:10px 0 0 0;
}


div#undercolumn_login .login_area .inputbox {
    margin: 0 auto 0 auto;
    padding: 15px 0 15px 0;
}

div#undercolumn_login .login_area .inputbox .btn_area {
    margin-top: 0;
}



/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */

.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
    float: right;
	width:100%;
}
.pagenumber_area .change li {
    float: right;
	margin:0 0 0 10px;
	background:url(../img/conts/line.png) no-repeat right center;
}
.pagenumber_area .change .pli1 a,
.pagenumber_area .change .pli1 strong {
	width:50px;
	display:block;
	color:#494949;
	text-decoration:none;
}
.pagenumber_area .change .pli2 a,
.pagenumber_area .change .pli2 strong {
	width:60px;
	display:block;
}
.pagenumber_area .change .pli1 a:hover,
.pagenumber_area .change .pli1 strong:hover {
	color:#494949;
	text-decoration:underline;
}


/* レイアウト
----------------------------------------------- */



.ctxt {
    float: left;
    width: 94%;
	padding:0 3%;
	margin:20px 0 20px 0;
}

#one_maincolumn .listconts {
    float: left;
    width: 100%;
}

#two_maincolumn_right .listconts {
    float: left;
    width: 99%;
	padding:0 0 0 1%;
}

.listbx1 {
    float: left;
    width: 200px;
	padding:0 0 5px 0;
	margin:10px 9px 10px 9px;
}

.listbx1 .listphoto  {
    float: left;
    width: 198px;
	text-align:center;
	border:solid 1px #e0e0e0;
}


.listbx2 {
    float: left;
    width: 192px;
	padding:0 0 5px 0;
	margin:10px 9px 10px 9px;
}

.listbx2 .listphoto {
    float: left;
    width: 190px;
	text-align:center;
	border:solid 1px #e0e0e0;
}

/* メインカラム用 1カラム時*/
#one_maincolumn div.listrightbloc {
    float: left;
    width: 100%;
}

/* メインカラム用 2カラム時*/
div.listrightbloc,
div.listrightbloc {
    float: left;
    width: 100%;
}


div.listrightbloc h3,
div.listrightbloc h4 {
    float: left;
    width: 100%;
	font-size:12px;
	line-height:14px;
	max-height:28px;
	margin:0 0 14px 0;
	overflow:hidden;
	padding:15px 0 5px 0;
	border-bottom:solid 1px #DDD;
}

div.listrightbloc h3 a,
div.listrightbloc h4 a {
    float: left;
	width:100%;
	display:block;
	font-size:13px;
	color:#222;
	font-weight:normal;
	text-decoration:none;
}
div.listrightbloc h3 a:hover,
div.listrightbloc h4 a:hover {
	text-decoration:underline;
}

/* コメント */
div.listrightbloc .listcomment {
    float: left;
    width: 100%;
	font-size:11px;
	line-height:15px;
	height:30px;
	overflow:hidden;
}



/* メインカラム用 3カラム時*/
#three_maincolumn div.listrightbloc {
    float: right;
    width: 74%;
}


/* 商品情報 各種設定
----------------------------------------------- */


/* 商品詳細を見る */
div.listrightbloc .detail_btn {
    margin-bottom: 20px;
}

/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 10px 0;
}

/* 買い物かご */
div.listrightbloc .cart_area {
    padding: 10px;
    border: 1px solid #cef0f4;
    background-color: #ecf5ff;
    width: 94%;
}

/* 規格 */
div.listrightbloc .classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
div.listrightbloc dl {
    width: 100%;
}
div.listrightbloc dt {
    display: inline-block;
    vertical-align: top;
}
div.listrightbloc dd {
    padding-bottom: 10px;
    display: inline-block;
}
div.listrightbloc dd p.attention {
    margin-top: 5px;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
    float :right;
}
div.listrightbloc .cartin .quantity {
    padding: 3px 10px 0 0;
    width: 150px;
    float :left;
    text-align: right;
}
div.listrightbloc .cartin .quantity .box {
    width: 70px;
}
div.listrightbloc .cartin_btn {
    width: 160px;
    float :left;
}


/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
    *1カラム時 [one_maincolumn]
    *2カラム時 [two_maincolumn_left]
               [two_maincolumn_right]
    *3カラム時 [three_maincolumn]

----------------------------------------------- */
#form1 {
	float:left;
	width:100%;
}
#detailarea {
	float:left;
    width: 100%;
	padding:20px 0 0 0;
	margin:0 0 40px 0;
}

#form1 .price,
#mycontents_area .price {
	color:#B00000;
	font-size:15px;
}

/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#one_maincolumn div#detailphotobloc {
    float: left;
    width: 500px;
	padding:0 30px 0 20px;
}
#one_maincolumn #detailrightbloc {
    float: left;
    width: 500px;
	padding:0 0 0 50px;
}
#one_maincolumn div.subtext {
    float: left;
    width: 1000px;
	padding:20px 50px;
	font-size:14px;
	line-height:1.5;
	color:#555;
}
#one_maincolumn div.subphotoimg {
    float: left;
    width: 1100px;
    text-align: center;
	margin:0 0 20px 0;
}
#one_maincolumn p.subtext {
    margin-bottom: 20px;
}

/* 2カラム用 */
#two_maincolumn_left div#detailphotobloc,
#two_maincolumn_right div#detailphotobloc {
    float: left;
    width: 400px;
	padding:0 27px 0 0;
}

#two_maincolumn_left #detailrightbloc,
#two_maincolumn_right #detailrightbloc {
    float: left;
    width: 405px;
	padding:0 0 0 20px;
}
#two_maincolumn_left div.subtext,
#two_maincolumn_right div.subtext {
    float: left;
    width: 810px;
	padding:20px 20px 20px 20px;
	font-size:14px;
	line-height:1.5;
	color: #333;
}

#two_maincolumn_right div.subtext2 {
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
	padding:20px 0 20px 0;
	font-size:12px;
	line-height:20px;
	color: #333;
}
#two_maincolumn_right div.subtext p {
    float: left;
    width: 100%;
	padding:0 0 20px 0;
}
#two_maincolumn_left p.subtext,
#two_maincolumn_right p.subtext {
	padding:10px 20px;
	font-size:12px;
	line-height:20px;
	color: #333;
}
#two_maincolumn_left div.subphotoimg,
#two_maincolumn_right div.subphotoimg {
    width: 850px;
	text-align:center;
	margin:10px 0 0 0;
}

/* 3カラム用 */
#three_maincolumn div#detailphotobloc {
    float: left;
    width: 49%;
}
#three_maincolumn #detailrightbloc {
    float: right;
    width: 50%;
}
#three_maincolumn div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 63%;
}
#three_maincolumn p.subtext {
    margin-bottom: 20px;
}
#three_maincolumn div.subphotoimg {
    float: right;
    width: 35%;
    text-align: right;
}

/* 商品情報 各種設定
----------------------------------------------- */
#detailrightbloc h2 {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    color: #666;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-weight: bold;
    font-size: 160%;
}
#detailrightbloc .point  {
	line-height:20px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .relative_cat {
	line-height:20px;
}
#detailrightbloc .relative_cat a {
	color:#4b4a48;
	text-decoration:underline;
}
#detailrightbloc .relative_cat a:hover {
    color: #363636;
    text-decoration: none;
}
#detailrightbloc .stlt {
	line-height:25px;
	color:#000;
	font-size:18px;
	padding:10px 0 10px 0;
	border-bottom:solid 2px #4d4d4d;
}
#detailrightbloc .main_comment {
    float: left;
    width: 90%;
	line-height:18px;
	color:#555;
	padding:15px 5% 15px 5%;
	margin-bottom:10px;
	background:#F3F3F3;
}

/* 商品コード */
.product_code  {
	line-height:20px;
	color:#888;
	padding:0 0 10px 0;
}

/* 商品ステータス */
.status_icon {
    width: 100%;
}

.status_icon li {
    float: left;
	letter-spacing:0;
	font-size:12px;
    margin:0 5px 3px 0;
    padding:1px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.lstatus_icon {
    float: left;
    width: 100%;
	height:45px;
	border-top: solid 1px #DDD;
    margin:5px 0 0 0;
    padding:10px 0 0 0;
}

.lstatus_icon li {
    float: left;
	letter-spacing:0;
	font-size:10px;
    margin:0 5px 3px 0;
    padding:2px 5px 1px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* 通常価格 */
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
    display: inline;
}

/* 販売価格 */
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
    display: inline;
}

/* ポイント */
#detailrightbloc .point dt,
#detailrightbloc .point dd {
    display: inline;
}

/* 規格 */
#detailrightbloc div.classlist {
    float: left;
    width: 100%;
}
#detailrightbloc .classlist {
    margin-bottom: 5px;
}
#detailrightbloc .optbx {
    float: left;
    margin-bottom: 10px;
    width: 50%;
}
#detailrightbloc .optbx li {
    vertical-align: top;
    float: left;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat dd {
    margin-left: 1em;
}

/* 買い物かご */
#detailrightbloc .cart_area {
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
#detailrightbloc .quantity {
	float:left;
    width: 100%;
	padding:0 0 10px 0;
}
#detailrightbloc .quanum {
	float:left;
    width: 51px;
}

#detailrightbloc .cartin {
    float: left;
    text-align: center;
    width: 100%;
	border-top:solid 2px #4d4d4d;
	padding:15px 0 0 0;
}
#detailrightbloc .cartin_btn {
    float: left;
    text-align: center;
    width: 200px;
	margin:0 10px 0 0;
}
#detailrightbloc .favorite_btn {
    float: left;
    text-align: center;
    width: 190px;
}
#detailrightbloc .favorite_btn a {
    width: 100%;
	display:block;
}


#detailrightbloc .normal_price,
#detailrightbloc .sale_price {
	width:100%;
}




#detailrightbloc #price02_default,
#detailrightbloc #price02_dynamic {
	font-size:18px;
}


.pmeu {
	float:left;
	width:340px;
	color:#333;
	padding:0 0 20px 0;
}

.pmeu2 {
	float:left;
	width:340px;
	color:#d72c36;
	padding:0 0 15px 0;
}


.pmeu dt,
.pmeu2 dt {
	float:left;
	width:100px;
}

.pmeu dd,
.pmeu2 dd {
	float:left;
	width:240px;
}
.pmeu dd select {
	float:left;
	width:100%;
	color:#666;
	font-size:12px;
}
.pmeu dd select option {
	line-height:20px;
}
.pmeu dd input {
	float:left;
	color:#666;
}
.pmak  {
	float:right;
	width:90px;
}
.pmak a  {
	display:block;
	color:#666;
	text-decoration:none;
}
.pmak a:hover  {
	text-decoration:underline;
}



.pmeu3 {
	float:left;
	width:100%;
	border-bottom:solid 1px #e7e6e5;
}

.pmeu3 dt {
	float:left;
	width:100%;
	font-size:13px;
	color:#333;
	padding:10px 0 0 0;
}

.pmeu3 dd {
	float:left;
	width:100%;
	color:#000;
	font-size:13px;
}

.pmeu3 dd input,
.filebx input {
	border:none;
	font-size:12px;
}

.pmeu4 {
	float:left;
	width:100%;
	color:#333;
}
.pmeu4 h4 {
	float:left;
	width:100%;
	font-weight:normal;
}

.pmeu4 table {
	margin:5px auto 20px auto;
}

.pmeu4 table th,
.pmeu4 table td {
	text-align:center;
	padding:5px 0;
}

.pmeu4 table td {
	background:#FFF;
}

.btn-normal, a.btn-normal:link, a.btn-normal:visited {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #EEEEEE;
    background-image: url("../img/button/white-grad.png");
    border: 1px solid #BCBECB;
    border-radius: 5px 5px 5px 5px;
    color: #444757;
    cursor: pointer;
    display: inline-block;
    font-size: 90%;
    font-weight: normal;
    margin-right: 5px;
    padding: 2px 10px;
    text-decoration: none;
    white-space: nowrap;
	margin:5px 0 0 0;
}

.inotxt {
	float:left;
    padding: 5px 0 10px 0;
	color:#333;
    width: 100%;
	background:#FFF;
}


.splan {
	float:left;
	width:30%;
	color:#333;
	font-size:13px;
	text-align:center;
	padding:0 3.3% 0 0;
}

.splan dt {
	float:left;
	width:100%;
}

.splan dd {
	float:left;
	width:65%;
	padding:4px 0 0 35%;
}


#detailrightbloc .quant {
	float:left;
    width: 111px;
	border-top:solid 1px #E4E4E4;
	border-left:solid 1px #E4E4E4;
}
#detailrightbloc .quant li {
	float:left;
    width: 36px;
	height:39px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border-right:solid 1px #E4E4E4;
	border-bottom:solid 1px #E4E4E4;

}
#detailrightbloc .quant li a {
    width: 36px;
	height:27px;
	padding:12px 0 0 0;
	display:block;
	color:#555;
	text-decoration:none;
	background:#f7f7f7;
	

}
#detailrightbloc .quant li a:hover {
	color:#FFF;
	text-decoration:none;
	background:#333;

}



.box36 {
    background: none repeat scroll 0 0 #F7F7F7;
    border: medium none !important;
    font-size: 12px;
    height: 39px;
    padding: 0 !important;
    text-align: center;
    width: 36px;
}



.selp {
	padding:0 0 5px 3px;
}
#seltb {
	margin:0 0 20px 0;;
	background:#fcfcfc;
	empty-cells:hide;
	font-size:11px;
	line-height:14px;
}

.si1 {
	font-size:14px;
	color:#0252b0;
	padding:0 0 0 3px;
}

.si2 {
	font-size:14px;
	color:#dd5608;
	padding:0 0 0 3px;
}


/* お客様の声
----------------------------------------------- */
div#customervoice_area {
	float:left;
    margin: 70px 0 0 0;
    width: 100%;
}

div#customervoice_area h3 {
	float:left;
    width: 98%;
	font-size:20px;
	color:#000;
	line-height:40px;
	padding:0 0 0 2%;
	background:url(../../../../img/lisk/stlt2.png) no-repeat 0 7px;
	border-bottom: solid 1px #E6E6E6;
}

div#customervoice_area .norev {
    float: left;
	width:100%;
    padding: 20px 0;
     color:#8f8f91;
	 text-align:center;
	 border:solid 1px #e3e3e3;
	margin:20px 0 10px 0;
}

div#customervoice_area .review_bloc {
    width: 730x;
    padding: 10px 0 10px 0;
	margin:0 0 10px 0;
}

div#customervoice_area .review_bloc .review_btn {
    float: right;
    width: 160px;
	margin:10px 0 0 0;
}

div#customervoice_area ul.review_bloc {
	float:left;
	width:94%;
	padding:20px 3% 10px 3%;
}

div#customervoice_area ul.review_bloc li {
	float:left;
	width:100%;
	font-size:12px;
     color:#666;
	 margin:10px 0 0 0;
}

div#customervoice_area ul.review_bloc2 {
	float:right;
	width:800px;
	padding:0 50px 10px 0;
}

div#customervoice_area ul.review_bloc2 li {
	float:right;
	width:150px;
}

.crtlt {
    float: left;
	width:38px;
}

.crlevel {
    float: left;
	width:300px;
	color: #111;
}

.crdata {
    float: right;
	width:370px;
	text-align:right;
}
.crdata a {
    color: #8F8F91;
    text-decoration: underline;
}
.crdata a:hover {
    color: #8F8F91;
	text-decoration:none;
}

div#customervoice_area .voicetitle {
    color: #8F8F91;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    float: left;
	line-height:20px;
	padding:0;
	height:20px;
	width:100%;
}

div#customervoice_area .voicecomment {
    float: left;
	width:96%;
	line-height:16px;
	padding:10px 2%;
	background:#F8F8F8;
}

.cmttlt {
    float: left;
	width:100%;
	line-height:25px;
	font-weight:bold;
}

/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
div#whobought_area {
	float:left;
    padding: 35px 0 0 0;
    width: 100%;
}

div#whobought_area h3 {
	float:left;
    width: 98%;
	font-size:20px;
	color:#000;
	line-height:40px;
	padding:0 0 0 2%;
	background:url(../../../../img/lisk/stlt2.png) no-repeat 0 7px;
	border-bottom: solid 1px #E6E6E6;
}


/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    font-size: 120%;
    text-align: center;
    line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 5px;
}

div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}


/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer {
}

.flow_area {
    margin: 0 0 20px 0;
}

div#undercolumn_customer th em {
    color: #000;
    font-weight: bold;
}


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}


div#undercolumn_shopping .pay_area h3,
div#undercolumn_shopping .pay_area02 h3,
div#undercolumn_shopping .point_area h3   {
    width: 820px;
	font-size:14px;
	color:#283343;
	padding:0 0 5px 30px;
	line-height:20px;
	background:url(../img/lisk/lisk5.gif) no-repeat 0 4px;
	margin:0 0 20px 0;
	border-bottom:solid 1px #EEE;
}
div#undercolumn_shopping .pay_area03 h3   {
    width: 820px;
	font-size:14px;
	color:#283343;
	padding:0 0 0 30px;
	line-height:20px;
	background:url(../img/lisk/lisk5.gif) no-repeat 0 4px;
	margin:40px 0 0 0;
}


div#undercolumn_shopping .select-msg,
div#undercolumn_shopping .select-msg,
div#undercolumn_shopping .point_area p   {
    width: 100%;
	line-height:20px;
}

div#undercolumn_shopping .nonedis {
	display:none;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}

div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}

div#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}

div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}


/* お届け先の指定
----------------------------------------------- */
#address_area {
    margin-bottom: 10px;
    width: 100%;
}

#address_area .information {
    width: 65%;
    float: left;
}

#undercolumn_shopping .information {
    margin-bottom: 15px;
}

#address_area .add_multiple {
    padding: 15px 10px;
	background: #F2EFE6;
    border: 1px dotted #DBDBD1;
    float: right;
    width: 30%;
    color: #555;
    text-align: center;
    font-weight: bold;
}

#address_area .add_multiple p {
    margin-bottom: 10px;
}

#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

#ctlt {
    float: left;
    width:99%;
    padding:0 0 5px 1%;
	color:#333;
	font-size:20px;
	line-height:30px;
	background:url(../img/lisk/lisk9.png) repeat-x 0 bottom;
}

#ctlt span {
    float: left;
}

#ctlt strong {
    float: right;
	font-size: 11px;
	color: #E6E6E6;
    font-weight: normal;
    text-align: right;
}

.cst2 {
    float: left;
	font-size:16px;
	line-height:20px;
	color:#626262;
	padding:4px 0 0 0;
	margin:0 0 0 20px;
}


.scbx {
	float:left;
	width:1050px;
	padding:10px 20px 10px 20px;
	margin:20px 0 0 0;
	border:solid 5px #e8e8e8;
}

.scbx li {
	float:left;
	width:210px;
}

.scbx li a {
	float:left;
	width:198px;
	display:block;
	font-size:12px;
	line-height:25px;
	color:#7a7a7a;
	padding:0 0 0 12px;
	background:url(../img/conts/lisk5.jpg) no-repeat 0 6px;
	text-decoration:none;
}

.scbx li a:hover {
	text-decoration:none;
	background:#ece7e1;
}

.pronum {
    float: left;
    width: 190px;
	color:#777;
    padding: 10px 0 10px 10px;
}

.pagenumber_area {
    float: right;
    width: 650px;
	height: 20px;
    padding: 10px 0 10px 0;
}


.cartnotice {
    color: #EE0000;
	text-align:center;
	font-size:12px;
}



.bpic {
    float: left;
	font-size:11px;
	width:260px;
	padding:0 20px 0 0;
	text-align:right;
}
	
.bpic a {
    color: #998D51;
    text-decoration: underline;
}
	
.bpic a:hover {
    color: #998D51;
	text-decoration:none;
}	
.wtxt {
    float: left;
	font-size:11px;
	width:170px;
    color:#4B4A48;
	text-align:left;
}


.sub_area {
	float:left;
    padding: 30px 0 20px 0;
    width: 100%;
}

.sub_area2 {
	float:left;
    padding: 10px 0 20px 0;
    width: 100%;
}


.sinfotxt   {
    width: 1060px;
	font-size:12px;
	padding:10px 20px;
	line-height:20px;
	color:#444;
	background:#F8F8F8;
}

/* ==============================================
▼商品詳細マップ
=============================================== */
#map_button {
    padding:0 0 10px 0;
}

/* ==============================================
▼class/SC_PageNavi.php のclass要素
=============================================== */

#undercolumn div.navi {
	float:left;
	width:100%;
    margin: 20px 0 30px 0;
	padding:25px 0 2px 0;
    text-align: center;
}

.page_now {
	width:29px;
	font-size:13px;
	color: #333;
	padding:2px 5px;
	border:solid 1px #e09922;
}
a.page_number {
	width:29px;
	font-size:13px;
	color: #555;
	padding:2px 5px;
	text-decoration:none;
	border:solid 1px #CCC;
}
a.page_number:hover {
	color: #4b6600;
	padding:2px 5px;
	text-decoration:none;
	border:solid 1px #b5cf52;
}
a.page_next,
a.page_before {
	font-size:13px;
	color: #555;
	padding:2px 5px;
	background:#F7F7F7;
	border:solid 1px #CCC;
	text-decoration:none;
}
a.page_next:hover,
a.page_before:hover {
	color: #4b6600;
	text-decoration:none;
	border:solid 1px #b5cf52;
}


/* ==============================================
▼SIZE INFO
=============================================== */



#makerbx {
	float:left;
    width: 100%;
	padding:20px 0 10px 0;
}

#makerbx dt {
	float:left;
    width: 100%;
	min-height:200px;
	border:solid 1px #E6E6E6;
}

#makerbx dd {
	float:left;
    width: 100%;
}

#profile   {
    float: left;
    width: 94%;
	padding:0 3%;
	margin:20px 0 20px 0;
}


#murl   {
	float:left;
    width: 100%;
	padding:20px 0 0 0;
}

#murl a   {
	float:left;
	display:block;
    width: 100%;
	color: #666;
	text-decoration:none;
}

#murl a:hover {
	color: #820700;
	text-decoration:underline;
}




.mlistbx {
	float:left;
    width: 202px;
	padding:20px 9px 10px 9px;
}

.mlistbx dt {
	float:left;
    width: 200px;
	border:solid 1px #E6E6E6;
}

.mlistbx dd {
	float:left;
    width: 200px;
}

.mlistbx dd h3 {
	float:left;
    width: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	font-weight:normal;
	text-align:center;
}

.mlistbx dd h3 a {
	float:left;
	display:block;
    width: 100%;
	color: #666;
	text-decoration:none;
}

.mlistbx dd h3 a:hover {
	text-decoration:underline;
}





/* 在庫数 ---------------------------- */

.stock    {
    float: left;
    width: 460px;
	padding:10px 0 10px 0;
}
.stock  #zaikokazu  {
	padding:0 2px 0 0;
}




.einfo    {
    width: 688px;
	font-size:12px;
	color: #353535;
	padding:10px 20px 10px 20px;
	border:solid 1px #DBDBD1;
	background:#F2EFE6;
	margin:0 0 20px 0;
}
.einfo li    {
	padding:3px 0 5px 0;
}

.inbx    {
    width: 730px;
	font-size:13px;
	line-height:20px;
	margin:30px 0 50px 0;
}

.inbx h3    {
    width: 700px;
	padding:5px 0 1px 30px;
	font-size:15px;
	color:#697601;
	border-bottom:solid 2px #9a961e;
	background:url(../img/lisk/lisk3.gif) no-repeat 5px 0;
}

.inul1    {
    width: 690px;
	padding:0 20px 0 20px;
	margin:10px 0 0 0;
}

.inul1 li    {
	background:url(../img/lisk/lisk6.gif) no-repeat 0 8px;
	padding:3px 0 3px 20px;
}

.inul1 li.bbs    {
    width: 400px;
	color:#5f6078;
	background:#eef5fa;
	border:solid 1px #baceef;
	padding:10px;
	margin:0 0 10px 0;
}

.sinbx    {
    width: 690px;
	padding:10px 20px 10px 20px;
	margin:20px 0 0 0;
	background:#f7f7f7;
}

.sinbx h4    {
    width: 690px;
	color:#2171d5;
}

.inul2    {
    width: 690px;
}

.inul2 li    {
	padding:3px 0 3px 12px;
	background:url(../img/lisk/sub.gif) no-repeat 0 8px;
}

.inbx p   {
    width: 690px;
	padding:0 20px 0 20px;
	margin:20px 0 0 0;
}

.inbx .red    {
	color:#F00;
}

.inbx .bbx    {
	font-weight:bold;
	color:#5f6078;
	background:#eef5fa;
	border:solid 1px #baceef;
	padding:10px;
}


/* ===============================================
▼QRコードの自動生成
=============================================== */

.qrcode  {
    float: right;
    width: 400px;
	font-size:12px;
}
.qrcode img  {
	float:left;
}
.qrcode span  {
	float:left;
    width: 278px;
	padding:30px 10px 0 0;
}

.qrcode_area {
margin-bottom:20px;
background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
.qrcode_area .qrcode_box {
overflow:hidden;
border:1px solid #CCC;
width:95px;
height:95px;
}
.qrcode_area .qrcode {
position:relative;
top:-8px;
left:-8px;
}		



.relistbx {
    float: left;
	width:850px;
	color:#111;
	padding:0 0 3px 0;
}

.rblevel {
    float: left;
	width:350px;
}

.rblevel span {
	color: #ECBD00;
}

.rbdate {
    float: right;
	width:380px;
	text-align:right;
}
.rbdate a {
    color: #8f8f91;
    text-decoration: underline;
}
.rbdate a:hover {
    color: #8f8f91;
	text-decoration:none;
}

.rbdate span {
	padding:0 0 0 20px;
}

.relistbx2 {
    float: left;
	width:850px;
	color:#222;
	padding:10px 0 20px 0;
	border-bottom:dotted 1px #E1E1E1;
	margin:0 0 20px 0;
}

.rbimg {
    float: left;
	width:220px;
}

.rbimg a {
	width:220px;
	height:126px;
	display:block;
}

.rbtlt {
    float: left;
	width:600px;
	font-size:14px;
	line-height:20px;
	padding:0 0 10px 20px;
}

.rbtlt a {
	color:#222;
	text-decoration:none;
}

.rbtlt a:hover {
	color:#222;
	text-decoration:underline;
}

.rbcmt {
    float: left;
	width:600px;
	line-height:16px;
	padding:0 0 0 20px;
}




#undercolumn_error {
    float: left;
    width: 100%;
}



.photom  {
    float: left;
    width: 100%;
}

.photo  {
    float: left;
    width: 100%;
}


#photonav  {
    float: left;
    width: 100%;
	margin:30px 0 0 0;
}	

#photonav .slick-list  {
    float: left;
    width: 100%;
	padding:0 !important;
}			


#one_maincolumn #photonav .slick-slide  {
    float: left;
    width: 79px !important;
    height: 79px;
	border:solid 1px #E6E6E6;
	margin:0 1px 0 1px;
}	

#two_maincolumn_right #photonav .slick-slide  {
    float: left;
    width: 76px !important;
    height: 76px;
	border:solid 1px #E6E6E6;
	margin:0 1px 0 1px;
}				


.zoom-img-wrap  {
	z-index:9999 !important;
}	


/* Arrows */
#photonav .slick-prev,
#photonav .slick-next {
    top: 50%;
    display: block;
    width: 30px;
	height:30px;
	font-size: 12px;
	opacity: 0.75;
	color:none;
	background-size:100%;
	text-indent:-9000px;
	z-index: 3;
}

#photonav .slick-prev {
    left: -25px;
	background:url(../../../../img/fprev.png) no-repeat 0 0;
	background-size:100%;
}

#photonav .slick-next {
    right: -25px;
	background:url(../../../../img/fnext.png) no-repeat center center;
	background-size:100%;
}





.cateda {
	float:left;
	width:100%;
	border:solid 1px #e0e0e0;
	margin:0 0 10px 0;
}
.cateda2 {
	float:left;
	width:100%;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
}

.date_area    {
	width:810px;
	padding:10px 20px 20px 20px;
	margin:0 0 10px 0;
	color:#777;
	border-top:dotted 1px #CCC;
}
.date_area .name    {
	font-size:13px;
	line-height:25px;
	color:#018AE7;
	font-weight:bold;
}
.date_area .name span.discount    {
	font-size:12px;
	line-height:20px;
	color:#e73c07;
	font-weight:bold;
}
.date_area .condition    {
	font-size:12px;
	line-height:17px;
	padding:20px;
	color:##555;
	border:E6E6E6;
	background:#f9f9f9;
}


/* ==============================================
▼SIZE INFO
=============================================== */


.sht {
	float:left;
	width:100%;
	color:#E30813;
	font-size:13px;
	margin:40px 0 0 0;
}

.sizetb {
	float:left;
	width:100%;
	font-size:13px;
	border-top:solid 1px #545454;
	border-left:none;
	margin:20px 0 0 0;
}

.sizetb th {
	width:130px;
	text-align:center;
	border-bottom:solid 1px #CDCDCD;
	border-right:none;
	padding:10px 0;
	background:#F4F3F3;
	color:#333;
}
.sizetb td {
	text-align:center;
	border-bottom:solid 1px #CDCDCD;
	border-right:none;
	padding:10px 0;
	line-height:18px;
}
.sizetb td.td1 {
	width:80px;
	color:#333;
	background:#F4F3F3;
}
.sizetb td.td2 {
	width:80px;
	color:#666;
	background:#F4F3F3;
}
.sizetb td.td3 {
	color:#666;
	background:#FFF;
}
.sizetb td.td4 {
	color:#666;
	background:#FFF;
}

.sif		{
      float:left;
	  width:1230px;
	  font-size:13px;
	  margin:10px 0 0 0;
}

.sif li		{
      float:left;
	  width:1215px;
	  line-height:22px;
	  padding:0 0 0 15px;
	  background:url(../img/lisk/lisk7.gif) no-repeat 0 5px;
}


#calendarbx		{
      float:left;
	  width:100%;
	  display:none;
}

#calbx		{
      float:left;
	  width:100%;
	  display:block;
}
.swiper-slide		{
      float:left;
	  width:50%;
}

.ocalbx {
	float:left;
	width:400px;
	color:#222;
	padding:15px 0 15px 0;
}

.ocalbx a {
	float:left;
	width:20px;
	display:block;
	margin:0 0 0 10px;
}

.ocalbx a img {
	float:left;
}

.ocalbx select {
	float:left;
	color:#333;
	font-size:12px;
	padding:0 0 0 5px !important;
	margin:0 5px 0 5px !important;
}

.ocalbx select option {
	line-height:20px;
}

.ocalbx input {
	float:left;
	color:#666;
}

.ocalbx span {
	float:left;
}



#popbx		{
      float:left;
	  width:100%;
	  display:none;
	  
}

#planbx,
#planbx2,
#planbx3		{
      float:left;
	  width:100%;
}



#youbx,
#youbx2		{
      float:left;
	  width:90%;
	  margin:0 0 0 5%;
	  border:solid 1px #ff0000;
	  background:url(../img/common/logo.png) no-repeat 20% 65%;
	  background-size:20%;
	  z-index:1;
}

.ysb1		{
      float:left;
	  width:50%;
	  height:100px;
	  text-indent:-9000px;
	  background:url(../../../../img/youtube/1.png) no-repeat center 40%;
	  background-size:40%;
	  z-index:1;
}

.ysb2		{
      float:left;
	  width:50%;
	  height:100px;
	  z-index:1;
	  background:#ff0000;
}

.ysb2 img		{
	  z-index:1;
}

#youbx a		{
	  position:relative;
	left:50%;
	  width:50%;
	  height:100px;
	  display:block;
	  background:url(../../../../img/youtube/2.png) no-repeat center center;
	  background-size:20%;
	  text-indent:-9000px;
	  z-index:2;
}

#youbx2 a		{
	  position:relative;
	left:50%;
	  width:50%;
	  height:100px;
	  display:block;
	  background:url(../../../../img/youtube/3.png) no-repeat center center;
	  background-size:20%;
	  text-indent:-9000px;
	  z-index:2;
}











