@charset "utf-8";


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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/* 商品一覧 */
article #main-column #original table.item {
font-size:75%;
width:auto;
}
article #main-column #original table.item th {
width:50px;
white-space:nowrap;
padding:5px;
line-height:1.25;
}

article #main-column #original table.item td {
padding:3px;
text-align:center;
}
article #main-column #original table.item td.item-info {
text-align:left;
white-space:nowrap;
}
article #main-column #original table.item td.price {
font-weight:bold;
color:#f30;
}

article #main-column #original table.item td strong {
font-weight:bold;
color:#c00;
font-size:110%;
}

article #main-column #original table.item span.item-no {
font-weight:bold;
font-size:0.9em;
}

article #main-column #original table.item span.size {
font-size:0.85em;
}

article #main-column #original table.item span.small {
font-size:0.75em;
}

article #main-column #original table.item span.service {
color:#f00;
font-weight:bold;
}

article #main-column #original table.item span.free {
color:#f00;
}

article #main-column #original table.item p.price {
font-size:1.1em;
color:#f33;
font-weight:bold;
margin:0 0 7px;
padding:0 0 2px;
border-bottom:1px dotted #999;
}


article #main-column #original table.item a.notape {
	display:block;
	font-size:0.9em;
	color:#600;
	text-align:center;
	background:#fee;
	margin:5px;
	padding:3px;
	border-radius:10px;
}
article #main-column #original table.set_m a.notape {
	color:#006;
	background:#eef;
}
article #main-column #original table.set_k a.notape {
	color:#060;
	background:#ded;
}

article #main-column #original table.item p.set-title {
color:#fff;
background:#f66;
font-size:0.9em;
display:block;
border-radius:5px;
margin-bottom:5px;
padding:3px;
text-align:center;
font-weight:bold;
}

article #main-column #original table.set_j p.set-title {
background:#8f5000;
}
article #main-column #original table.set_m p.set-title {
background:#093680;
}
article #main-column #original table.set_k p.set-title {
background:#1c420b;
}

article #main-column #original table.set_o p.set-title {
background:#ff6666;
}

article #main-column #original table.set_t p.set-title {
background:#5d5d5d;
}




article #main-column #original table.item p.set-title-tanpin {
color:#fff;
background:#888;
font-size:0.9em;
display:block;
border-radius:5px;
margin-bottom:5px;
padding:3px;
text-align:center;
}


article #main-column #original table.item table.cart {
margin:0 auto 10px;
}

article #main-column #original table.item table.cart tr {
border-bottom:1px dotted #ccc;
}

article #main-column #original table.item table.cart th {
width:50px;
border:none;
background:#fff;
}

article #main-column #original table.item table.cart td {
border:none;
text-align:left;
}

article #main-column #original table.item table.cart td.price {
font-size:1.2em;
color:#f33;
font-weight:bold;
}

article #main-column #original table.item table.cart td.price.del {
color:#666;
font-weight:normal;
text-decoration:line-through;
}





article #main-column #original h2.xavan {
background:#26842d;
color:#fff;
margin:10px 0;
padding:10px;
border-radius:8px;
border-bottom:none;
}


article #main-column #original h2.xavan small {
font-size:0.9em;
}

article #main-column #original h3 span {
color:#f33;
}

article #main-column #original h3 small {
font-size:0.9em;
}



article #main-column #original table.tokutyou td {
vertical-align:top;
padding:0 5px;
}


article #main-column #original table.xavan_spec th{
	padding:5px;
	font-size:90%;
	white-space:nowrap;
}
article #main-column #original table.xavan_spec th.name{
	background:#9cc;
}
article #main-column #original table.xavan_spec th.pin{
	background:#dee;
}

article #main-column #original table.xavan_spec td{
	padding:5px;
	text-align:center;
	font-size:90%;
}
article #main-column #original table.xavan_spec td.t{
	font-weight:bold;
	color:#039;
}
article #main-column #original table.xavan_spec th span{
	display:block;
	margin:0 20px;
	padding:3px;
	background:#e6e6e6;
	border:1px solid #d0d0d0;
	color:#039;
	line-height:1;
	border-radius:10px;
}

article #main-column #original table.xavan_spec .s{
	font-weight:bold;
	color:#c00;
}

li span{
 color:#ff0000;
}



/* select_tab  */
article #main-column #original ul#select_tab {
	width:728px;
	height:40px;
	margin:20px 0 5px 0;
	padding:0;
}
article #main-column #original ul#select_tab li{
	float:left;
	list-style:none;
	width:182px;
	padding:0;
	margin:0;
	box-sizing: border-box;
}

article #main-column #original ul#select_tab li a{
	display: block;
	width: 100%;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(img/xavan-sheet_tab.gif);
	background-repeat:no-repeat;
} 

article #main-column #original li#tab_o a{
background-position:0 -40px;
}
article #main-column #original li#tab_j a{
background-position:-182px -40px;
}
article #main-column #original li#tab_m a{
background-position:-364px -40px;
}
article #main-column #original li#tab_k a{
background-position:-546px -40px;
}
article #main-column #original li#tab_o a:hover{
background-position:0 0;
}
article #main-column #original li#tab_j a:hover{
background-position:-182px 0;
}
article #main-column #original li#tab_m a:hover{
background-position:-364px 0;
}
article #main-column #original li#tab_k a:hover{
background-position:-546px 0;
}

article #main-column #original ul#select_tab.select_o{
border-bottom:15px solid #ff6666;
}

article #main-column #original ul#select_tab.select_o li#tab_o a{
background-position:0 0;
}

article #main-column #original ul#select_tab.select_j{
border-bottom:15px solid #8f5000;
}

article #main-column #original ul#select_tab.select_j li#tab_j a{
background-position:-182px 0;
}

article #main-column #original ul#select_tab.select_m{
border-bottom:15px solid #093680;
}

article #main-column #original ul#select_tab.select_m li#tab_m a{
background-position:-364px 0;
}

article #main-column #original ul#select_tab.select_k{
border-bottom:15px solid #1c420b;
}

article #main-column #original ul#select_tab.select_k li#tab_k a{
background-position:-546px 0;
}



table.linkbtn {
	table-layout:fixed;
	width:100%;
	margin:10px 0;
}
.linkbtn a {
	display:block;
	border:2px solid #569c0b;
	padding:10px;
	font-weight:bold;
	color:#333;
	text-align:center;
	text-decoration:none;
	border-radius: 10px;
	box-shadow: 0px 0px 3px #999;
	background-image: -moz-linear-gradient(top, #fefffc, #afbdae);
	background-image: -ms-linear-gradient(top, #fefffc, #afbdae);
	background-image: -o-linear-gradient(top, #fefffc, #afbdae);
	background-image: -webkit-linear-gradient(top, #fefffc, #afbdae);
	background-image: linear-gradient(top, #fefffc, #afbdae);
	background-clip: padding-box;
}
.linkbtn a:hover {
	border:2px solid #a4e85c;
	opacity: 0.85;
}




article #main-column #original .settitle td {
border:none;
padding:5px;
}
article #main-column #original table.settitle {
	font-weight:bold;
	line-height:1.5;
	margin:5px 0 0px 0;
}

.settitle td {
	vertical-align:top;
	padding:5px 2px;
}
.settitle_o {
	border:2px solid #f33;
}
.settitle_o strong {
	color:#f33;
}
.settitle_j {
	border:2px solid #8f5000;
}
.settitle_j strong {
	color:#8f5000;
}
.settitle_m {
	border:2px solid #093680;
}
.settitle_m strong {
	color:#093680;
}
.settitle_k {
	border:2px solid #1c420b;
}
.settitle_k strong {
	color:#1c420b;
}

.free_pin {
background:#f33;
border-radius:10px;
display:inline-block;
color:#fff;
font-size:0.9em;
padding:5px 10px;
white-space:nowrap;
}


article #main-column #original table.tejun td {
text-align:center;
}

article #main-column #original table.tejun td.txt {
text-align:left;
vertical-align:top;
font-size:0.8em;
line-height:1.2;
padding-bottom:10px;
}




div.banner {
margin-bottom:5px;
}


a.link {
background:#e4effd;
border-radius:20px;
padding:2px 15px;
border:1px solid #dde;
display:inline-block;
margin:5px 0px 5px;
}



/* カテゴリ一覧用 */
article #main-column .header_area h2.xavan,
article #main-column .footer_area h2.xavan {
background:#26842d;
color:#fff;
margin:10px 0;
padding:10px;
border-radius:8px;
border-bottom:none;
}


article #main-column .header_area h3.xavan,
article #main-column .footer_area h3.xavan {
margin:10px 0;
padding: 0;
border-bottom: 1px dotted #690;
font-size: 90%;
font-weight: bold;
color: #360;
}


article #main-column .header_area p{
font-size:90%;
margin:10px 0;
}

