/* 携帯カートのスマートフォン対応用スタイル */
/* HTML5&CSS3採用 */

/* カートの基本スタイル */
body {line-height: 1.25;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック';}

#whole_style{
padding:0;
}

#whole_style input,
#whole_style textarea,
#whole_style select,
#whole_style option {font-size: 1em;}

/* ヘッダー */
#header{
max-width:400px;
min-width:306px;
height:50px;
margin:4px auto;
padding:0 7px;
}
#header h1{
float:left;
width:auto;
align:center;
}
#header img{
width:150px;
}
#header a{
display:block;
margin:0 auto;
}
#header_menu{
float:right;
}
#header_menu a{
display:block;
float:left;
margin-left:5px;
}
#header_menu img{
width:47px;
}
#header_cartbox {
width:47px;
height:50px;
position:relative;;
}
#goods_in_cart {
width:47px;
position:absolute;
left:2px;
top:11px;
color:#000;
font-weight:bold;
text-align:center;
}

/* コンテント */
#content{padding:7px;margin:0 auto;}

#content #gds_search{
width:99%;
min-width:306px;
margin:0 auto 2px;
padding:0;
}
#content ul.list-navi{
width:99%;
min-width:306px;
margin:7px auto;
padding:0;
}

.RadioCssOrder{
margin:2px 0px 2px 8px;
padding:7px;
display:inline-block;
border-radius: 5px;
line-height:1.0;
}
.RadioCssOrder:hover{
background-color:#f4f4f4;
}
.RadioSelected{
background-color:#eee;
color:#000;
padding:6px 7px 6px 6px;
border:1px solid #ececec;
}

.listview {
padding: 0;
margin:5px 0;
border: 1px solid #ccc;
border-bottom: none;
-webkit-border-radius:8px;
}
.listview li{
margin:0;
list-style: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* グラデーションの色指定 */
}
.listview li:first-child {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
.listview li:last-child {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}
.listview a {display: block;padding: 13px 5px;text-decoration : none;
background : url(../images/arrow.gif) no-repeat right center; /* 矢印画像 */
}

#detail_box {
padding: 5px;
margin:5px 0;
border: 1px solid #ccc;
-webkit-box-shadow:0px 0px 5px 0px #999;/* ボックスシャドウ */
-webkit-border-radius:8px;
}

#content select {height:32px;margin:6px 0 6px 8px;}
#content input[type="text"] {height:23px;width:94%;max-width:375px;margin:3px 0 10px 8px;padding:7px 0;}
#content input[type="number"], input[type="tel"] {height:23px;width:100px;margin:3px 0 10px 8px;padding:7px 0;}
#content input[type="submit"], input[type="reset"] { /* ボタンのデザイン */
color: #000;
height:38px;
margin:4px;
padding: 0px 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bdbdbd));
border: 1px solid #a7a7a7;
-webkit-appearance: none;
-webkit-border-radius: 4px;
}
#content input[type="radio"] {margin:0;}
#content input[type="checkbox"] {margin:15px 5px 25px 15px;width:20px;height:15px;}
#content textarea{height:88px;width:94%;max-width:375px;margin:3px 0 10px 8px;}

#content #search_box {
width:66%;
max-width:66%;
height:38px;
margin:0 !important;
padding: 0;
}
#content #search_btn { /* 検索ボタンのデザイン */
float:right;
color: #fff;
width:32%;
height:40px;
margin:0;
padding: 0;
background-color:#777;
background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#333));
border: 1px solid #333;
-webkit-appearance: none;
-webkit-border-radius: 4px;
}

.linkbox0 {clear: both;display:block;margin-top:3px;margin-bottom:8px;padding:10px 0;border:1px solid #ddd;
background :#ffffff url(../images/arrow.gif) no-repeat right center; /* 矢印画像 */
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}
.linkbox1 {clear: both;display: block;margin-top:-1.25em;margin-bottom:8px;padding:10px 0;border:1px solid #ddd;
background :#ffffff url(../images/arrow.gif) no-repeat right center; /* 矢印画像 */
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

.linkboxleft1 {display: block;float:left;margin-bottom:8px;margin-right:5px;padding:10px 7px 10px 0;background-color:#fff;border:1px solid #eeeeee;}
.linkboxleft2 {display: block;float:left;margin-bottom:8px;margin-right:5px;padding:10px 7px 10px 7px;background-color:#fff;border:1px solid #eeeeee;}
.linkboxright1 {display: block;float:right;margin-bottom:8px;margin-right:5px;padding:10px 7px 10px 7px;background-color:#fff;border:1px solid #eeeeee;}

.pagebox2 {display: block;float:left;border:1px solid #eeeeee;padding:8px 13px;background-color:#fff;margin-left:5px;margin-bottom:5px;}
.pagebox3 {display: block;float:left;padding:8px 13px;background-color:#fff;margin-left:5px;margin-bottom:5px;}
.pagebox-img {display: block;float:left;border:1px solid #eeeeee;padding:7px 21px;background-color:#fff;margin-left:5px;margin-bottom:5px;}
.pagebox_center {display: block;padding:4px;margin:0 auto 3px;}
.pageboxcharm {display: block;float:left;border:1px solid #eeeeee;padding:2px 21px;background-color:#fff;margin-left:5px;margin-bottom:5px;}

#epsilon-back{display: block;padding: 10px;background-color:#fff;border:1px solid #ccc;width:120px;}

/* HOME TOP1〜TOP5 のスタイル */
#h2midashi-home {font-size:121%;border-top:2px solid #333333; /* 見出し */
background-color:#eeeeee;margin:0 auto 0;padding:5px 0;text-align:center;text-shadow:1px 1px 2px #999;color:#000000;}

#h2midashi-top {clear:both;border-top:2px solid #333333; /* 見出し */
background-color:#eeeeee;margin:0;padding:4px 0;}

.h2midashi {background-color:#808080;color:#fff; /* 見出し */
margin:7px 0;padding:5px 0;}

.list-navi {
width:99%;
margin:5px 0 10px;
border: 1px solid #aaa;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c0c0c0)); /* グラデーションの色指定 */
-webkit-border-radius:4px;
}
.list-navi li {
width:33%;
float:left;
list-style: none;
text-align:center;
border-left:1px solid #aaa;
}
.list-navi li a {
display: block;
width:100%;
padding:11px 0;
}
.list-navi li:first-child {border:none;}
.list-navi a {color:#000;text-decoration:none;}
.list-navi:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.recommend {margin:5px 0;padding:0 0 4px 0;border-bottom:1px solid gray; }
.recommend-end {margin:5px 0;padding:0 0 5px 0; }
/* clearfix */
.recommend:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.recommend-end:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.column-db {margin:6px 0;padding:4px 0 4px 0;border-top:1px solid gray;border-bottom:1px solid gray;}
.column-top {margin:5px 0;padding:4px 0 4px 0;border-top:1px solid gray;}

.marquee-left{
-webkit-marquee-direction: left;
-wap-marquee-dir: rtl;
color:red;
}
.column-db div{
-wap-marquee-loop: infinite;
-webkit-marquee-repetition: infinite;
overflow: hidden;
overflow: -webkit-marquee;
display: -wap-marquee;
white-space: nowrap;
}

/* カレンダーのスタイル */
td {border:1px solid #cccccc;height:27px;vertical-align:middle;}

/* 商品一覧表のスタイル */
.GoodsDispaly {
float:left;
width:95px;
height:145px;
margin:0px 7px 15px 0;
padding:0;
text-align:center;
font-size:80%;
text-decoration:none;
}
.GoodsDispaly a{text-decoration:none;}
.GoodsDispaly img{width:95px;}

/* 再計算ボタンのスタイル */
#whole_style #content .recompute{
background: -webkit-gradient(linear, left top, left bottom, from(#9fcfff), to(#0066cc));
border:1px solid #0066cc;
color:#fff;
}