﻿@charset "UTF-8";
table {border-collapse:collapse;}
img,table,tr,td,th {border:none;}
.f_left{float:left;}
/*.f_right{float:right;}*/

.frame{box-sizing:border-box; border:3px solid #ffe7bc; border-radius:5px;}

#contents {
	width: 1000px;
	margin:0 auto;
	padding: 0;
	min-height: 520px;
	overflow: hidden;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	position: relative;
}

#contents h3 {
	margin:0; padding:0;
}

#contents sub {
	font-size: 0.7em;
	vertical-align: bottom;
}
#contents p {
	line-height: 1.5em;
}
#contents em {
	font-weight: bold;
	font-style: normal;
}
#contents strong {
	font-weight: bold;
	color: #f60;
}

#select_wrap {
	width: 475px;
}

#select_wrap img {
	width: 100%;
}

.introduction {
	margin: 5px 5px 0;
	margin-bottom: 1em;
	line-height: 1.75em;

	text-align : justify;
	text-justify: distribute;
}
.attention {
	line-height: 1.75em;
	padding-left: 1em;
	font: 11px normal; color: #c00;
}
.caution {
	line-height: 1.75em;
	padding-left: 1em;
	font: 13px normal; color: #c00;
}

#sizecustom .stamp {
	text-align: left;
	line-height: 1.7;
	font-size: 12px;
	border:1px solid #c9c2b6;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	color:#320000;
	margin:10px 0 0;
}

#sizecustom .stamp a{color:#320000;}
#sizecustom .stamp strong{color:#e60000;}

.radius {
	margin-bottom: 10px;
	padding: 10px 0 8px;

	border: 1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

	background-color: #fff;
}

#w_w, #w_h, #qty, #opt_b {
	cursor: pointer;
}
.inbox {
	clear: both;
	overflow: hidden;
}
/*#sizesheet, #sizecustom {
	margin-top: 5px;
	padding: 5px 10px;
	background-color: #fff;
}*/
/*div.look {
	background-color:#e5dcba!important;
}*/
#contents div.look p {
	color: #320000;
}

#sizesheetbox_left {
	padding: 32px 0 0 0;
}

@-moz-document url-prefix(){
  #sizesheetbox_left{
	  padding: 33px 0 0 0;
  }
}

/*#contents div.look li {
	border: 3px #e5dcba solid;
}*/

#slct_slat li {
	float: left;
	width: 202px;
	height:122px;
    margin:10px 0 0px 3px;
    padding: 0;
	overflow: hidden;
	font-weight:bold;
	cursor: pointer;
	border: 3px #fff solid;
}

#slct_slat li:hover {
	border-color:#D00003;
}

#slct_slat .inbox{
	border: 2px solid #320000;
	width:100%;
	float:left;
	margin-top: 15px;
	box-sizing: border-box;
	padding: 0 0 5px 4px;
	-webkit-border-radius: 7px;/* for Safari and Chrome */
	-moz-border-radius: 7px; /* for Firefox */
	-o-border-radius: 7px; /* for opera */
	border-radius: 7px;
}


#slct_slat div{padding:20px 15px 20px 15px;}
#slct_slat p{float:right;}

#contents #slct_slat li:hover {
	border-color: #c80000;
}

#colorlist div{padding:20px 15px 20px 15px;}
#colorlist p{float:right; width:437px; height:400px; margin-top:15px;}

#colorlist li {
	float: left;
	width: 216px;
	height:195px;
	margin: 0 0 3px 0px;
	overflow: hidden;
	cursor: pointer;
	border: 3px #fff solid;
}


#colorlist li:hover {
	border-color: #c3b2ff;
}

#colorlist .inbox{
	width:460px;
	float:left;
}

#contents #colorlist li:hover {
	border-color: #c80000;
}

#sizesheet table {
	margin-bottom: 15px;
	border: 1px #999 solid;
	text-align: center;
	cursor: default;
}
#sizesheet th, #sizesheet td {
	min-width: 60px;
	border: 1px #999 solid;
	box-sizing: border-box;
	height: 32px;
}
#sizesheet th {
	background-color: #f2e9da;
	font-size: 11px;
}
#sizesheet td {
	cursor: pointer;
	background-color: #fff;
	font-size: 11px;
	text-align:right;
}
#sizesheet td:hover {
	background-color: #CFB286;
}
#snone td {
	cursor: default;
	font-size: 16px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#snone td:hover {
	background-color: #fff;
}

#sizesheetbox{padding:14px 0 0 0;}
#sizesheet .stamp {
	clear: both;
	text-align: right;
	font-size: 12px;
	margin:0 20px 15px 0;
	color:#320000;
}

#sizesheetbox table td.m2over {
	color: #603;
}
#sizesheetbox table td.sorder {
	background-color: #d8d8d8;
}
#W .rest0_1, #N .rest1_1, #M .rest2_1, #D .rest3_1 {
	background-color: #fc6;
}
#W .rest0_0, #N .rest1_0, #M .rest2_0, #D .rest3_0 {
	background-color: #b8a;
}

select, input.btn, input.btn {
	cursor: pointer;
}

#sizecustom span {
	line-height: 1.2em;
}
#sizecustom .caution, #optionselect .caution {
	padding-bottom: 10px;
}
#sizecustom .txtbox_num {
	text-align: right;
}

#sizecustom .frame1{box-sizing:border-box; border:3px solid #320000; border-radius:5px; width:475px;}
#sizecustom .frame1 .tex{padding:10px 15px 0; color:#320000; font-size:14px;}

#sizeorder {
	background: url(./_img/ltd_price.gif) 520px top no-repeat;
}

#alert_box, #attention_box {
	clear: both;
	display: none;
	
	margin: 5px 10px;
	background-color: #fc3;	
}
#attention_box {
	background-color: #faa;	
}
#alert_box h4, #attention_box h4 {
	margin: -5px 20px 5px;
	text-align: left;
	font-size: 1.3em;
	color: #c30;
}
#alert_box .attention, #attention_box .attention {
	font-size: 1.1em;
}

/* #bottom_navi */
#bottom_navi {
	margin: 0;
	background: url(_img/734324.gif) repeat-x;
	background-color: #fff;	
}
#bottom_navi h2 {
	margin: -5px 0 5px;
	padding: 0 0 0 10px;
	
	color: #ccc;
	font-size: 18px;
	text-align: left;
}
#bottom_navi .info {
	margin-left: 1em;
}
#confirm {
	width:500px;
	margin-bottom:100px;
	font-size:13.5px;
	line-height:2;
	color:#320000;
	text-align: left;
	position: absolute;
	top: 0;
	right: 0;
}

#confirm .confirm_detail {
	padding: 15px;
	background-color:#fff9e7;
	height: 450px;
}

#confirm .item_name{font-size:20px; font-weight:bold; margin-bottom:20px; color:#320000;}
#confirm .price, #confirm .orderprice	{color:#e60000; font-size:25px;}
#confirm .frame{border-radius:0; margin:0px 0 16px 0; background-color: #fff;}
#confirm .chui{font-size:12.5px; font-weight:bold; padding:0 10px 8px; margin:0 0; color:#320000;}
#confirm_fixed { width: 500px; }

.fixed {
	position:fixed;
	top:0;
	background-color:#fff9e7;
}

.step_tit {
	height: 33px;
}

#stepLink {
	background: #fff;
	padding-top: 15px;
	height: 150px;
}

#stepLink ul li {
	float: left;
	width: 115px;
	margin-right: 13px;
}

#stepLink ul li:last-child {
	margin-right: 0;
}

#stepLink ul li:hover {
	cursor: pointer;
	opacity: 0.8;
}


.swidth, .colour, .sizer, .sizec, .unitprice, .units, .orderprice {
	font-size: 15px;
	font-weight: bold;
	color: #734324;
}
.sizer span {
	font-size: 12px;
}
#incartbtn, #showpdctbtn {
	cursor: pointer;
}
#incartbtn[disabled], #showpdctbtn[disabled] {
	cursor: not-allowed;
}
#incartbtn {
	width: 470px;
	height: 50px;
	background-image: url("img/slct_detail/slct_detail_29.jpg");
	border: none;
}


/* #tooltip */
#sizesheet {
	position: relative;
/*	overflow: visible;
*/}
#tooltip, #tooltipt {
	position: absolute;
	z-index: 9999;

	padding: 4px 8px;

	color: #fff;
	font-size: 12px;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#sizesheet .m2over #tooltipt {
	background-color: #669;
	border: 1px solid #669;
}
#sizesheet .sorder #tooltip {
	background-color: #696;
	border: 1px solid #696;
}
#W .rest0_1 #tooltip,
#N .rest1_1 #tooltip,
#M .rest2_1 #tooltip,
#D .rest3_1 #tooltip {
	background-color: #d80;
	border: 1px solid #d80;
}
#W .rest0_0 #tooltip,
#N .rest1_0 #tooltip,
#M .rest2_0 #tooltip,
#D .rest3_0 #tooltip{
	background-color: #c66;
	border: 1px solid #c66;
}

.search {
	border-top: 1px solid #EEEEEE;
}


/*ポップアップ*/
#alert_wrap {
	width: 100%;
    height: 100%;
	display: none;
    background: rgba(0,0,0,0.4);
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
}

#alert_wrapper {
	position: relative;
}

#alert_content {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 700px;
	height: 610px;
	margin: 0 auto;
}

#alert_content img {
	display: block;
}

#alert_close {
	position: absolute;
	top: 6px;
	right: 6px;
}

#alert_close:hover {
	cursor: pointer;
}

.alert_detail {
	padding: 10px 25px 25px 25px;
    font-size: 12px;
    line-height: 19px;
}

.alert_detail .price {
	padding: 5px;
    background: #fdffbe;
    width: 100%;
    display: block;
    text-align: right;
	margin-top: 5px;
}

.alert_detail .alert_detail_tit {
	font-size: 15px;
	font-weight: bold;
}

.alert_detail #orderprice2 {
	font-size: 30px;
    font-weight: bold;
    color: #ff0000;
    line-height: 30px;
}

.alert_detail .swidth, 
.alert_detail .colour, 
.alert_detail .sizer, 
.alert_detail .sizec, 
.alert_detail .unitprice, 
.alert_detail .units, 
.alert_detail .orderprice {
	font-size: 12px;
	color: #000;
}

.alert_btn {
	float: right;
	margin-top: 15px;
}

.alert_btn .ok {
	margin-left: 10px;
}

.alert_detail a {
	float: left;
}



html,body,h1,h2,h3,h4,ul,li,p{
	margin:0;
	padding:0;
}

img {
	border:0;
}

ul li{
	list-style:none;
}


/* ----------------- CLEAR FIX ------------------ */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

 /* for IE 7*/
.clearfix{
	display: inline-block;
	min-height:1%;
}

 /* Hides from IE-mac */
* html .clearfix {
	height: 1%;
	width: 100%;
}

.clearfix {
	display: block;
	overflow:hidden;
}