@charset "utf-8";
/* ===================================================================
 style info : リセット及びフォントサイズ
=================================================================== */
/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

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

body {
	line-height: 1;
	background: #fff;
	color: #000;
}

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

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/* ===================================================================
style info :全部の指定がここに。
=================================================================== */

/*----------------------------------------------------
ローディング対応
----------------------------------------------------*/
.loaditem {
padding: 10px;
text-align: center;
}

.loaditem p {
height: 36px;
padding-top: 4px;
text-align: center;
background-color: #FFF;
border: solid 1px #CCC;
-webkit-border-radius:4px;
border-radius:4px;
}

/*----------------------------------------------------
要素
----------------------------------------------------*/
html,body{
height: 100%;
}

html {
overflow-y:scroll;
}

/*短いページ：背景をページ下まで対応*/
.setting{height:100%; min-height:100%;}
body > .setting{height:auto;}

body {
background:#ebebeb;
color:#000;
font-size:15px;
-webkit-text-size-adjust:none;
font-family:"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6", ArialMT;
}

h1,h2,h3,h4,h5,h6 {
font-size:14px;
font-family:"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6", ArialMT;
}

ul {
list-style:none;
}

ol {
margin-left:20px;
}

/*境界線：デザイン*/
hr{
border: 0;
background:url(/voi/sp/images/sp/hr_line.gif) repeat-x left center;
padding:6px 0;
margin:0;
height:2px;
}
hr.footline{
border: 0;
background:url(/voi/sp/images/sp/hr_line.gif) repeat-x left center;
padding:0;
margin:0;
height:2px;
}

/* リンク
----------------------------------------------------*/
a{
text-decoration:none;
}

a:link {
color:#444444;
}

a:visited {
color:#444444;
}

a:hover {
}


/* 汎用クラス
----------------------------------------------------*/

.clearfix:after,
div.setting dl{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
/*\*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/**/


/* エラー文言
----------------------------------------------------*/
p.jserror{margin:10px; padding:10px 0 10px 10px; color:#F00; font-weight:bold; background:#FFF; border:#F00 solid 1px;}

div.error{margin:50px 20px; font-weight:bold; line-height:160%;}

ul.errordetail{
font-weight:normal !important;
margin:20px 0 0 0; font-weight:bold; line-height:160%;}


/*----------------------------------------------------

ヘッダ・フッタ

----------------------------------------------------*/

/*---indexヘッダー--------------------------------------*/
header.top {
padding:10px 10px 6px 10px;
background:#fff;
text-align:center;
}

/*---総トップヘッダー--------------------------------------*/

/*---ロゴ---*/
header.top h1 img{
width:244px;
}

/*---TOPボタン---*/
header.global p.totop{
padding-top:3px;
}

header.global p.totop img{
float:right;
width:90px;
text-align:center;
}

/*---バナー---*/
div.banner{
text-align:center;
}

div.banner img{
-webkit-box-shadow:2px 2px 2px #ccc;
}


/*---下階層ヘッダー--------------------------------------*/
header.global {
padding:10px;
background:#fff;
}

header.global h1 a{
float:left;
display:block;
}

header.global h1 img{
width:180px;
}


/*----------------------------------------------------

共通グローバルナビ

----------------------------------------------------*/

nav.search{

}


nav.search li.item{
float:left;
border-right:#d00c30 solid 1px;
}

nav.search li.brand{
float:right;
border-left:#f8bac6 solid 1px;
}

/* SALE ブランド COMING SOON */
nav.search li.brand-cs{
float:right;
border-left:#999 solid 1px;
background-color:#d9d9d9;
background-image:none;
}

nav.search li.brand-cs span{
color:#AAA;
font-weight:bold;
text-shadow:0 -1px 0 #fff;
background-image:none;
}
/* /SALE ブランド  COMING SOON */

nav.search li{
width:49.9%;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f59aaa),color-stop(50%,#e6002b), color-stop(100%,#f59aaa));
padding:11px 0;
text-align:center;
color:#fff;
font-weight:bold;
}

nav.search li span{
background:url(/voi/sp/images/spsale11_summer/icon_def.png) no-repeat 97% 50%;
-webkit-background-size:13px 15px; /* Safari,Google Chrome用 */
background-size:13px 15px;
padding-right:30px;
margin-left:10px;
display:block;
text-align:left;
text-shadow:0 -1px 0 #a10724;
font-size:12px;
}

/*---選択時---*/

nav.search li.item_choice{
float:left;
width:49.9%;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc3ce), color-stop(100%,#ffffff));
display:block;
padding:11px 0;
text-align:center;
}

nav.search li.item_choice span{
background:url(/voi/sp/images/spsale11_summer/icon_active.png) no-repeat 97% 50%;
-webkit-background-size:13px 15px; /* Safari,Google Chrome用 */
background-size:13px 15px;
padding-right:30px;
text-shadow:0 1px 0 #fff;
color:#de0022;
}

nav.search li.brand_choice{
float:left;
width:49.8%;
background:-webkit-gradient(linear, left top, left bottom,color-stop(0%,#ffc3ce), color-stop(100%,#ffffff));
display:block;
padding:11px 0;
text-align:center;
}

nav.search li.brand_choice span{
background:url(/voi/sp/images/spsale11_summer/icon_active.png) no-repeat 97% 50%;
-webkit-background-size:13px 15px; /* Safari,Google Chrome用 */
background-size:13px 15px;
padding-right:30px;
text-shadow:0 1px 0px #fff;
color:#de0022;
margin-left:11px;
}

/*---トップページから探す
----------------------------------------------------------------------------*/

ul.mainselectlist {
font-size:100%;
}

/*--大項目リスト--*/
ul.mainselectlist li.mainlist {
color:#333;
font-weight:bold;
text-shadow:0 1px 0px #fff;
padding:10px 0 10px 10px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff),color-stop(50%,#e0e0e0), color-stop(100%,#fff));
border-left:#999 solid 1px;
border-right:#999 solid 1px;
border-bottom:#333 solid 2px;
}

ul.mainselectlist li.mainlist:first-child {
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
border-radius:4px 4px 0 0;
border:#999 solid 1px;
}

ul.mainselectlist li.mainlist:last-child {
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-radius:0 0 4px 4px;
border-top:#999 solid 1px;
border-left:#999 solid 1px;
border-right:#999 solid 1px;
border-bottom:#333 solid 2px;
}

ul.mainselectlist li.open span{
background:url(/voi/sp/images/sp/naviminusbtn2.png) no-repeat right center;
display:block;
padding-right:30px;}

ul.mainselectlist li.close span{
background:url(/voi/sp/images/sp/naviplusbtn2.png) no-repeat right center;
display:block;
padding-right:30px;}


/*--開いてる時詳細リスト--*/
ul.mainselectlist ul.sublist{
border-bottom:#333 solid 2px;
}

ul.mainselectlist ul.sublist a{
font-family:futura,"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6";
color:#444;
background:#dbdbdb url(/voi/sp/images/sp/choicelist_icon.png) no-repeat right center;
font-size:110%;
border-top:#fff solid 1px;
border-bottom:#999 solid 1px;
border-left:#999 solid 1px;
border-right:#999 solid 1px;
padding:10px 30px 10px 20px;
display:block;
}



/*---詳細を検索
----------------------------------------------------------------------------*/

/*--カテゴリ--*/

div.specmainlist{
border-top:#fff solid 1px;
border-left:#fff solid 1px;
border-right:#fff solid 1px;
border-bottom:#c8c8c8 solid 1px;
background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
color:#444;
}

div.specmainlist span {  
display:table-cell;  
vertical-align:middle;  
margin:0;
font-size:16px;
}

div.specmainlist span img{
width:40px;
display:none;
}

div.specmainlist .itemname {
padding: 14px 30px 14px 10px;
}

/* アイテム　サムネイル画像　[無し] */
div.specmainlist .image {  
width:40px;
height:45px;
padding:3px 5px 0 3px;
}

/*--大カテゴリ:閉じているとき--*/
div.specmainlist p.openpd{
background:url(/voi/sp/images/sp/naviminusbtn2.png) no-repeat right center ;
display:block;
font-weight:bold;
}

/*--大カテゴリ:閉じているとき--*/
div.specmainlist p.close{
background:url(/voi/sp/images/sp/naviplusbtn2.png) no-repeat right center ;
display:block;
font-weight:bold;
}

/*--中カテゴリ--*/
ul.specselectlist {
font-size:100%;
display:none;
}

ul.specselectlist li.open,
ul.specselectlist li.close {
color:#444;
text-align:left;
text-shadow:1px 1px 0 #fff;
font-weight:bold;
padding:10px 30px 10px 10px;
display:block;
background:url(/voi/sp/images/sp/choicelist_icon.png) no-repeat right center #dbdbdb;
}

/* リンクなしの場合 （矢印なし） */
.mainArea ul.specselectlist li.r-nolink {
background-image:none;
}

ul.specselectlist li.open {
border-top:#FFFFFF solid 1px;
}

ul.specselectlist li.close {
border-bottom:#bcbcbc solid 1px;
border-top:#FFFFFF solid 1px;
}


/*--小カテゴリ--*/
ul.specselectlist ul{
border-bottom:#bcbcbc solid 1px;
}
ul.specselectlist ul li{
color:#444;
font-size:76%;
text-shadow:1px 1px 0 #fff;
font-weight:bold;
}

ul.specselectlist ul li:nth-child(odd){
background:#e6e6e6 url(/voi/sp/images/spsale11_summer/choicelist_s_icon.png) no-repeat right center;
}

ul.specselectlist ul li:nth-child(even){
background:#dbdbdb url(/voi/sp/images/spsale11_summer/choicelist_s_icon.png) no-repeat right center;
}

/*
ul.specselectlist ul li.openlist1{
background:#e6e6e6 url(/voi/sp/images/spsale11_summer/choicelist_s_icon.png) no-repeat right center;
}

ul.specselectlist ul li.openlist2{
background:#dbdbdb url(/voi/sp/images/spsale11_summer/choicelist_s_icon.png) no-repeat right center;
}
*/

ul.specselectlist ul li a{
padding:10px 30px 10px 20px;
display:block;
}



/*---アイテム・ブランドから探す
----------------------------------------------------------------------------*/
div.selectarea{
position:absolute;
background:#FFFFFF;
padding:10px 0;
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.5);
width:100%;
left: 0px;
top: 96px;
display:none;
}

div.selectarea p.closebtn{
padding:10px 10px 0 10px;
text-align:center;
}

div.selectarea p.closebtn img{
width:88px;}

div.selectarea p.closebtn a span{
display:none;
}

div.selectarea ul.selectlist{
border-top:#FFFFFF solid 1px;
margin:0 10px;
font-family:futura,"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6", ArialMT;
}

div.selectarea ul.selectlist li{
border-top:#FFFFFF solid 1px;
border-bottom:#bcbcbc solid 1px;
background:url(/voi/sp/images/sp/choicelist_icon.png) no-repeat right center #dbdbdb;
text-shadow:1px 1px 0px #fff;
padding-right:40px;
}

div.selectarea ul.selectlist li a{
font-size:100%;
width:100%;
color:#444;
text-shadow:1px 1px 0px #fff;
padding-right:20px;
display:block;
padding:10px 25px 10px 10px;
}

/*---現在地表示---------*/

/*背景黒*/
section.freeword{
background:-webkit-gradient(linear, left top, left bottom, from(#282828), to(#373737));
color:#fff;
text-shadow:0px 1px 0px #000;
padding:7px 0;
text-align:center;
font-family:futura,"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6", ArialMT;
}

/*背景青*/
section.brand{
background:-webkit-gradient(linear, left top, left bottom, from(#2d2d61), to(#403f89));
color:#fff;
text-shadow:0px 1px 0px #0a0956;
padding:7px 0;
text-align:center;
font-family:futura,"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6", ArialMT;
}

/*背景ピンク*/
section.item{
background:-webkit-gradient(linear, left top, left bottom, from(#bb3573), to(#d8317f));
color:#fff;
text-shadow:0px 1px 0px #7f043e;
padding:7px 0;
text-align:center;
font-family:futura,"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6", ArialMT;
}

/* SALE 背景レッド*/
section.r-spsale{
background:-webkit-gradient(linear, left top, left bottom, from(#a7001f), to(#e6002b));
color:#fff;
text-shadow:0px -1px 0px #a10724;
padding:7px 0;
text-align:center;
font-family:"ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN W6", ArialMT;
border-bottom: 1px solid #f06680;
}


/* インクリメンタルサーチ
----------------------------------------------------*/
.incrementalarea{
margin:20px 10px 0 10px;
		}
.incrementalarea table{
	border:#999 solid 1px;
background:#FFF;
    -webkit-border-radius:4px;
border-radius:4px;
padding:5px;
}

.incrementalarea td.keyword{
text-align:left;
padding:0 0 0 5px;
vertical-align:middle;
font-size:90%;
}

.incrementalarea td.count{
text-align:right;
padding:0 5px 0 0;
color:#999;
white-space: nowrap;
font-size:80%;
vertical-align:middle;
}

.incrementalarea .close a{
display:block;
text-align:right;
white-space: nowrap;
vertical-align:middle;
font-size:90%;
}


/*---読み・英数字・カテゴリから探す
----------------------------------------------------------------------------*/
.searchbtnBox {
clear: both;
padding: 10px 5px;
text-align: center;
-webkit-box-shadow:-1px 0 0 #fff;
}

.searchbtnBox li{
display: inline;
margin: 0;
width: 33%;
font-size:80%;
display: inline-block;

font-weight: bold;
text-decoration: none;
border-top:#9c9c9c solid 1px;
border-bottom:#9c9c9c solid 1px;
border-right:#9c9c9c solid 1px;
}

.searchbtnBox li a{
display:block;
padding:6px 5px;
}

/*オン時*/
.searchbtnBox li.btnon{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(50%,#4c4c4c), color-stop(100%,#383838));
}

ul.searchbtnBox li.btnon span{
background:url(/voi/sp/images/sp/choicebtnon.png) no-repeat left center;
padding-left:17px;
color:#FFF;
text-shadow:1px 1px 0px #000;
}

/*オフ時*/
.searchbtnBox li.btnoff {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#f0f0f0), color-stop(100%,#e5e5e5));
color:#000;
text-shadow:1px 1px 0px #fff;
}
/*行最初*/
.searchbtnBox li:first-child {
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-radius:4px 0 0 4px;
border-left:#9c9c9c solid 1px;
border-right:#9c9c9c solid 1px;
}
/*行最後*/
.searchbtnBox li:last-child {
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-radius:0 4px 4px 0;
border-right:#9c9c9c solid 1px;
}


/*---カナ・英数配置--------------------------------------*/

.searchbtnarea {
clear: both;
text-align: center;
font-size:25px;
font-weight:bold;
}

.searchbtnarea li.stocked {
margin: 5px;
width: 15%;
display: inline-block;
-webkit-border-radius:6px;
border-radius:6px;

text-shadow:0 2px 0 #fff;
border:#b6b6b6 solid 1px;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2),inset 0 0 0 1px #fafafa;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(50%,#f3f3f3), color-stop(100%,#e5e5e5));

box-shadow:0px 1px 2px rgba(0,0,0,0.2),inset 0 0 0 1px #fafafa;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2),inset 0 0 0 1px #fafafa;
}

.searchbtnarea li.stocked a{
display:block;
padding: 9px 0;
}

.searchbtnarea li.unstocked {
display: inline-block;
padding: 8px 0;
margin: 5px;
width: 15%;
display: inline-block;
-webkit-border-radius:6px;
border-radius:6px;

text-decoration: none;
border:#b6b6b6 solid 1px;
text-shadow:0 -1px 1px #fff;
color:#b4b4b4;

background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#c6c6c6));

box-shadow:0px 1px 2px rgba(0,0,0,0.2),inset 0 0 0 1px #eaeaea;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2),inset 0 0 0 1px #eaeaea;
}

.searchbtnarea li.none {
display: inline;
padding: 9px 0;
margin: 5px;
width: 15%;
display: inline-block;
-webkit-border-radius:6px;
border-radius:6px;

font-weight: bold;
text-decoration: none;
border:#ebebeb solid 1px;
}

/*---カテゴリ配置--------------------------------------*/

div.searchlistarea{
padding:5px 10px;
}

div.searchlistarea ul.stockedcategory li{
border-top:#fff solid 1px;
border-left:#fff solid 1px;
border-right:#fff solid 1px;
border-bottom:#c8c8c8 solid 1px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(50%,#f4f4f4), color-stop(100%,#ffffff));
color:#444;
font-weight:bold;
font-size:16px;
text-shadow:0 1px 1px #fff;
}

div.searchlistarea ul.stockedcategory li a{
background:url(/voi/sp/images/sp/choicelist_icon.png) no-repeat right center ;
display:block;
padding:10px 30px 10px 10px;}

/*---カテゴリ配置:絞り込む--------------------------------------*/

div.stockedcategorymore p{
border-top:#fff solid 1px;
border-left:#fff solid 1px;
border-right:#fff solid 1px;
border-bottom:#c8c8c8 solid 1px;
background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
color:#444;
padding:5px 10px;
margin:0;
font-weight:bold;
font-size:14px;
}

div.stockedcategorymore ul{
padding:0;
margin:0 0 10px 0;
}

div.stockedcategorymore ul li{
color:#444;
text-align:left;
text-shadow:1px 1px 0 #fff;
border-bottom:#bcbcbc solid 1px;
border-top:#FFFFFF solid 1px;

display:block;
background:url(/voi/sp/images/sp/choicelist_icon.png) no-repeat right center #dbdbdb;
font-weight:bold;
font-size:14px;
}

div.stockedcategorymore ul li a{
display:block;
padding:10px 30px 10px 10px;
}



/*----------------------------------------------------

メイン部分

----------------------------------------------------*/

/*----------------------------------------------------
.main（ページメイン部分）
----------------------------------------------------*/

div.mainArea{
padding:5px 10px 10px 10px;
}

section.main{
border-bottom:#bcbcbc solid 1px;
background:url(/voi/sp/images/sp/mainbg.jpg) repeat-x top left;
padding:10px 0 0 0;
width:100%;
clear:both;
}


/*---カートを見る--------------------------------------*/

p.cartbtn{
text-align:center;
padding:10px; }

p.cartbtn img{
width:182px;
}

/*--- SPSALE すべてのSALE開催ブランドをみる（PC版） --------------------------------------*/
.r-brandall{
margin:10px;
}

.r-brandall a{
	background:url(/voi/sp/images/spsale11_summer/left_m_icon.png) no-repeat 0.2em 0.35em;
	background-size: 7px 11px;
	-webkit-background-size: 7px 11px;
	padding-left:15px;
	display:block;
	font-weight:bold;
	text-shadow:1px 1px 0 #fff;
	text-decoration:underline;
}

/*---ページの先頭へ--------------------------------------*/
p.topagetop{
padding:10px 0;
width:100%;
text-align:center;
color:#777;
text-shadow:1px 1px 0px #fff;
}

p.topagetop a{
padding:5px 5px 5px 20px;
background:url(/voi/sp/images/spsale11_summer/to_toppage.png) no-repeat left center;
text-decoration:underline;
}



/*---検索--------------------------------------*/
div.searchBox {
padding:0 8px 0 9px;
}

div.searchBox form {
font-size:90%;
padding:6px 0 0 0;
}

div.searchBox form div {
width:72%;
float:left;
}

div.searchBox form select{
width:100%;
font-size:120%;
}

div.searchBox form input{
width:98%;
padding:2px;
margin:4px 0;
font-size:120%;
border-color:#999;
color:#999;
}

div.searchBox form input.focus{
color:#000;
}

div.searchBox a img{
width:63px;
margin:0 10px;
}

div.searchBox ul {
padding:4px 0 0 0;
float:right;
}

div.searchBox li {
float:left;
margin-right:70px;
}

div.searchBox .searchwordBox{
margin:5px 0 0 0;
}


/*---スマホ/PC切替え--------------------------------------*/
p.changeover{
font-size:12px;
background:#d9d9d9;
padding:7px 0;
text-align:center;
color:#777;
text-shadow:1px 1px 0px #fff;
}

p.changeover a{
text-shadow:1px 1px 0px #fff;
text-decoration:underline;
}


/*---フッター--------------------------------------*/
footer{
font-size:12px;
background:#bcbcbc;
padding:7px 0;
text-align:center;
}

footer p{
color:#fff;
}


/*----------------------------------------------------

検索設定画面

----------------------------------------------------*/

/*---さらに絞り込む----------------------------------*/
div.header{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd),color-stop(50%,#959595),color-stop(51%,#878787), color-stop(100%,#b2b2b2));
padding:10px 0;
border-top:#CCC solid 1px;
border-bottom:#353535 solid 1px;
text-align:center;
width:100%;
}

div.header h1{
/*	float:left;
width:60%;
text-align:right;*/
font-size:110%;
color:#FFF;
text-shadow:0 -1px 1px #333;
padding-top:3px;
}

div.header span{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b1b1),color-stop(50%,#717171),color-stop(51%,#4c4c4c), color-stop(100%,#888));
padding:5px 10px;
margin-left:20px;
border:#434343 solid 1px;
color:#FFF;
text-shadow:0 -1px 1px #333;
font-size:80%;
font-weight:bold;

-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:#ccc 0 1px 2px;
position:absolute;
right:10px;
top:10px;
}

div.setting{
background:url(/voi/sp/images/spsale11_summer/setting_bg.gif) repeat left top;
padding:15px 10px 20px 10px;
}

div.setting ul{
padding-bottom:15px;
}

div.setting ul li{
background:#FFF;
padding:10px 0 10px 10px;
border-top:#999 solid 1px;
border-left:#999 solid 1px;
border-right:#999 solid 1px;
vertical-align:middle;
}

div.setting ul li:first-child {
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
border-radius:3px 3px 0 0;
}

div.setting ul li.endlist {
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-radius:0 0 3px 3px;
border:#999 solid 1px;
}

div.setting ul.sololist li{
-webkit-border-radius:3px;
border-radius:3px;
border:#999 solid 1px;
}

div.setting ul li span.category{
float:left;
width:40%;
font-weight:bold;
}

div.setting ul li span.select{
background:url(/voi/sp/images/sp/choicelist_icon.png) no-repeat right center;
float:right;
width:49%;
text-align:right;
font-size:70%;
padding:5px 30px 0 0;
}

div.setting ul li span.type{
float:left;
width:60%;
padding-top:7px;
font-size:85%;
font-weight:bold;
white-space:nowrap;
}

div.setting p.settingbtn{
text-align:center;
padding:10px;
}

div.setting p.settingbtn a{
padding:0 1%;
display: inline-block;
padding: 5px;
width:96%;

color:#fff;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size:14px;
text-shadow:0 -1px 1px #c32b2b;

border: 1px solid #b12a2a;
-webkit-border-radius:3px;
border-radius:3px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8686),color-stop(50%,#dd3c3c),color-stop(51%,#d92828),color-stop(100%,#eb8d8d));
-webkit-box-shadow:#aaa 0 1px 2px,inset 0 0 0 1px #ee9e9e;
}


/*---アイテムで絞り込む-------------------------------*/

div.setting ul.settingselect{
padding-bottom:15px;
}

div.setting ul.settingselect li{
padding:15px 35px 15px 10px;
background:#FFF;
border-top:#999 solid 1px;
border-left:#999 solid 1px;
border-right:#999 solid 1px;
color:#333;
}

div.setting ul.settingselect li.select{
color:#fff;
background:url(/voi/sp/images/spsale11_summer/choicebtnon_l.png) no-repeat right center #555;
text-shadow:0 -1px 1px #333;
}

div.setting ul.settingselect li:first-child {
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
border-radius:4px 4px 0 0;
}

div.setting ul.settingselect li:last-child {
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-radius:0 0 4px 4px;
border:#999 solid 1px;
}

/*---並び替えtable----------------------------------*/
table.itemlist{
border-spacing: 0;
width:100%;
margin-bottom:15px;
}

table.itemlist tr{
background:#FFF;
}

table.itemlist td.category{
border-top:#999 solid 1px;
border-left:#999 solid 1px;
padding:10px 0 10px 10px;
font-weight:bold;
white-space: nowrap;
vertical-align:middle;
}

table.itemlist td.select{
border-top:#999 solid 1px;
border-right:#999 solid 1px;
background:url(/voi/sp/images/sp/choicelist_icon.png) no-repeat right center;
padding:10px 30px 10px 5px;
text-align:right;
font-size:70%;
vertical-align:middle;
}

table.itemlist tr.last td{
border-bottom:#999 solid 1px;
}


/*---並び替え----------------------------------*/
div.setting ul.sort li{
margin-bottom:10px;
padding:0;
border:none;
}

div.setting ul.sort a{
border:#999 solid 1px;
-webkit-border-radius:3px;
border-radius:3px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff),color-stop(50%,#e2e2e2),color-stop(100%,#fff));
-webkit-box-shadow:#999 0 1px 2px,inset 0 0 0 1px #fff;
font-weight:bold;
color:#333;
text-shadow:0 1px 1px #fff;
padding:10px;
display:block;
text-align:center;
}

div.setting ul.sort li.select{
-webkit-border-radius:3px;
border-radius:3px;
padding:10px;
text-shadow:0 -1px 1px #333;
color:#fff;
margin-bottom:10px;
text-align:center;
-webkit-box-shadow:none;
border:none;
background:url(/voi/sp/images/spsale11_summer/choicebtnon_l.png) no-repeat right center #555;
}

/*----------------------------------------------------

商品一覧

----------------------------------------------------*/

p.selectitem{
padding:8px;
font-size:10px;
text-shadow:0 1px 1px #fff;
}

/*---絞込み・並び替えボタン--------------------------------*/
.selectchangebtn {
clear: both;
padding: 10px 0;
text-align: center;
}

.selectchangebtn li{
display: inline;
margin: 0 5px;}

.selectchangebtn span {
width: 40%;
font-size:14px;
padding:0 1%;
display: inline-block;
padding: 6px;
text-align: center;
text-decoration: none;
font-weight: bold;
-webkit-border-radius:3px;
border-radius:3px;
color:#fff;
}

.selectchangebtn .btn {
border: 1px solid #707070;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa),color-stop(50%,#767676),color-stop(51%,#686868),color-stop(100%,#afafaf));
-webkit-box-shadow:#999 0 1px 2px,inset 0 0 0 1px #bbbbbb;
text-shadow:0 1px 1px #333;
color:#fff;
}

.selectchangebtn .btnred {
border: 1px solid #b12a2a;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8686),color-stop(50%,#dd3c3c),color-stop(51%,#d92828),color-stop(100%,#eb8d8d));
-webkit-box-shadow:#999 0 1px 2px,inset 0 0 0 1px #ee9e9e;
text-shadow:0 -1px 1px #c32b2b;
color:#fff;
}


p.selectitemcount{
color:#333;
text-align:center;
text-shadow:0 1px 1px #fff;
font-size:14px;
padding:3px 0 10px 0;
}

/*---一覧テーブル--------------------------------*/

div#itemlist{
min-height:350px;
}

table.productlist{
width:98%;
margin:5px 1%;
border-spacing:5px 0; 
}

table.productlist{
margin-right:1px;
}

/*アイコン*/
table.productlist tr.icon td{
background:#FFF;
border-left:#c2c2c2 solid 1px;
border-right:#c2c2c2 solid 1px;
vertical-align:top;
}

table.productlist tr.icon ul{
padding:5px 5px 2px 0;
}

table.productlist tr.icon li{
float:left;
padding:0 0 1px 3px;
}

table.productlist tr.icon li img{
width:66px;
height:14px;
}

/*商品写真*/
table.productlist tr.photo td{
height:150px;
background:#FFF;
border-top:#c2c2c2 solid 1px;
border-left:#c2c2c2 solid 1px;
border-right:#c2c2c2 solid 1px;
text-align:center;
vertical-align:middle;
}

table.productlist tr.photo td img{
width:135px;
height:135px;
padding:5px;
display:none;
}


/*商品名*/
table.productlist tr.name td{
background:#FFF;
border-left:#c2c2c2 solid 1px;
border-right:#c2c2c2 solid 1px;
vertical-align:top;
font-size:80%;
line-height:130%;
}

table.productlist tr.name td p{
padding:5px;
}

/*価格*/
table.productlist tr.price td{
background:#FFF;
border-left:#c2c2c2 solid 1px;
border-right:#c2c2c2 solid 1px;
border-bottom:#c2c2c2 solid 1px;
vertical-align:top;
line-height:130%;
text-align:right;
}

/*価格:商品詳細と商品より詳細で共通利用*/

.price p{
padding:5px;
}

.price span.strike{
color:#aaa;
text-decoration:line-through;
font-size:14px;
font-weight:bold;
text-shadow:none;
}

.price span.off{
color:#C00;
font-size:14px;
font-weight:bold;
}

.price span.tax{
color:#333;
font-size:11px;
font-weight:bold;
padding-right:3px;
}

.price span.amount{
color:#333;
font-size:16px;
font-weight:bold;
}

.price span.amountdown{
color:#C00;
font-size:16px;
font-weight:bold;
}

.price span.yen{
color:#333;
font-size:14px;
font-weight:bold;
}


table.productlist td.noproduct{
border:none !important;
background:#EBEBEB !important;
}

/*---もっとみるボタン-----*/
div.morebtn{
text-align:center;
padding:10px;
font-size:16px;
font-weight:bold;
}
div.btnhide{
display:none;
}
div.morebtn p{
font-size:110%;
padding:10px;
color:#333;
text-align:center;
text-shadow:0 1px 1px #fff;
-webkit-border-radius:4px;
border-radius:4px;
border:#707070 solid 1px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc),color-stop(50%,#e1e1e1),color-stop(100%,#fcfcfc));
-webkit-box-shadow:#999 0 1px 2px,inset 0 0 0 1px #fff;
}

/*---オーバーレイ-----*/
.overlay {
position: fixed;
top:0px;
left:0px;
width:100%;
height:1000px;
z-index:20000;
opacity: 0.7;
background: #000;
display: none;
}

.overlay > img {
position:fixed;
top:50%;
left:50%;
margin-top:-12px;
margin-left:-12px;
display:inline-block;
}

.layar {
display: none;
}

.iPhoneCheckContainer {
width: 250px;
}

/*----------------------------------------------------

商品詳細

----------------------------------------------------*/

/*---詳細（写真等）-------------------------*/
div.itemdetail{
width:283px;
margin:0 auto;
padding:5px 0 0 4px;
}

div.itemdetail h1{
font-size:80%;
line-height:130%;
padding:0 0 5px;
text-shadow:0 1px 1px #fff;
}

div.itemdetail ul.icon{
padding:10px 0;
margin:0;
width:288px;
}

div.itemdetail ul.icon li{
margin:0 5px 2px 0;
display:inline;
}

.icon li img{
width:66px;
}

div.itemdetail .subimg {
width:284px;
clear: both;
padding: 10px 0;
}

div.itemdetail .subimg li{
display: inline;
}

div.itemdetail .subimg img{
border:#FFF solid 2px;
margin: 0 4px 4px 0;
}

div.itemdetail .subimg img.currentimg{
border:#d20000 solid 2px;
}

/*---詳細（さらに詳細）-------------------------*/
div.itemdetailwrap{
position:absolute;
top:0;
left:0;
width:100%;
height: 100%;
background-color:rgba(0,0,0,0);
z-index:-1000;
}

div.itemdetailmore{
position:relative;
padding:15px 15px 0 15px;
text-shadow:0 1px 1px #000;
opacity:0;
}

div.itemdetailmore h1{
color:#FFF;
font-size:14px;
line-height:130%;
padding:10px 0 5px;
}

div.itemdetailmore .price span.tax{
color:#fff;
font-size:14px;
font-weight:bold;
padding-right:3px;
}

div.itemdetailmore .price span.amount{
color:#fff;
font-size:16px;
font-weight:bold;
}

div.itemdetailmore .price span.yen{
color:#fff;
font-size:14px;
font-weight:bold;
}

div.itemdetailmore .price span.no{
color:#fff;
font-size:12px;
}


div.itemdetailmore p.caption{
color:#FFF;
font-size:12px;
padding-bottom:10px;
line-height:130%;
}

div.itemdetailmore ul{
padding:5px 0 30px 0;
}

div.itemdetailmore li{
color:#FFF;
font-size:12px;
list-style-position:outside;
list-style-type:none;
padding:0 0 3px 15px;
background:url(/voi/sp/images/spsale11_summer/itemdetaillist_icon.png) no-repeat left top;
}

/*--閉じるボタン--*/
div.headclosebtn {
text-align:right;
}
div.bottomclosebtn {
text-align:center;
}

p.close a{
color:#FFF;
text-decoration:underline;
padding:10px 10px 10px 5px;
}

div.headclosebtn img{
width:10px;
padding:0 3px 0;
}

div.bottomclosebtn img{
width:10px;
padding:0 3px 0;
}

/*--購入ページボタン--*/

p.buybtn{
text-align:center;
padding:20px;
}

p.buybtn a{
padding:0 1%;
display: inline-block;
padding: 5px;
width:96%;
color:#fff;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size:14px;
text-shadow:0 -1px 1px #c32b2b;
border: 1px solid #b12a2a;
-webkit-border-radius:3px;
border-radius:3px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea8686),color-stop(50%,#dd3c3c),color-stop(51%,#d92828),color-stop(100%,#eb8d8d));
-webkit-box-shadow:#000 0 1px 2px,inset 0 0 0 1px #ee9e9e;
}

/*---ページ最下部：比較対象価格説明文-------------------------*/
.footannounce{
text-align:center;
padding-bottom:10px;
font-size:11px;
color:#444;
}