/* ************************************************
* 共通設定
* ************************************************ */
* {
margin: 0px;
padding: 0px;
}
body {
color: #999999;
font-size: 12px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height: 1.6em;
background-color: #ffffff;
text-align:center;
background:url(https://img02.shop-pro.jp/PA01099/359/etc/background.jpg) repeat-x top;
}
br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
img {
border: 0px;
}
a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}
.contentsbox:after{
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
content: ".";
font-size: 0.1em;
}
.contentsbox{
display:inline-block;
}
a,
a:link,
a:visited,
a:active{
color: #999999;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
/* -------------------------------------
* ページレイアウト
* -------------------------------------
*※ページ全体の幅は800pxとなっています。
幅を広げる場合は、.sideと.mainのwidth
の合計値が#containerのwidthになるよう
設定してください。
* ------------------------------------- */
/*ページ全体の幅、レイアウトをセンタリング*/
#container {
margin:0px auto;
width:960px;
text-align:left;
}
/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
width:100%;
clear:left;
}
/* 画面左側メニューの幅 */
.side {
float: left;
width:230px;
}
.subtotal {
padding:5px 0;
}
.stotal {
text-align:right;
}
.total {
padding:5px 0;
border-top:1px solid #C3C3C3;
text-align:right;
}
.postage {
border-top:1px dotted #C3C3C3;
border-bottom:1px dotted #C3C3C3;
list-style-type:none;
margin-bottom:5px;
}
.postage li {
margin:5px 0;
color:red;
text-align:left;
}
.viewcart {
padding:5px 0;
text-align:center;
}
/* 画面右側の幅 */
.main {
float: left;
width: 710px;
padding-left: 20px;
}
/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
text-align:left;
margin-top:10px;
}
p#sk_link_other a {
font-size:12px;
}
/* フッター（コピーライト） */
.footer {
width:100%;
clear:left;
text-align: center;
margin-bottom: 30px;
}
#group-list {
border-top:#838383 dotted 1px;
padding:5px 0px 0px;
margin:10px 20px 0px 0px;
}
.logo{
float: left;
padding-top: 5px;
}
.head_search{
float: right;
text-align: right;
padding-top: 50px;
font-size: 11px;
}
.search_btn{
border: none;
background: url(https://img02.shop-pro.jp/PA01099/359/etc/sp2.png);
width: 64px;
height: 24px;
}
.search_btn span{
display: none;
}
dl.side_navi dt{
margin-top: 5px;
}
dl.side_navi ul{
padding-bottom: 10px;
}
dl.side_navi ul li{
list-style: none;
display: block;
border-bottom: 1px solid #E5ECDF;
padding: 5px 0px;
background: url(https://img02.shop-pro.jp/PA01099/359/etc/sp18.png) no-repeat left 50%;
}
.side_banner{
margin-top: 10px;
}
iframe.view-cap,
iframe.view-container-border{
background-color: none;
}
div.top_h{
padding: 10px 0px 10px 0px;
margin-left: 1px;
}
/****TOP***/
.brand_lists{
width: 710px;
overflow: hidden;
}
.brand_lists_in{
width: 720px;
}
.brand_lists img{
display: block;
float: left;
margin-right: 10px;
margin-bottom: 3px;
}
.whatsnew_li li{
list-style: none;
margin-bottom: 3px;
}
.product_item{
width: 170px;
float: left;
margin-right: 10px;
padding-top: 10px;
}
.product_list_ov{
width: 710px;
overflow: hidden;
padding-bottom: 20px;
}
.product_list_in{
width: 730px;
}
.info_left
{
width: 340px;
float: left;
}
.info_right{
width: 340px;
float: right;
}
.payment_info{
margin: 20px 0px 15px 0px;
}
.payment_lists{
border-top: 1px solid #E5ECDF;
margin: 5px 0px 5px 12px;
}
.payment_lists li{
border-bottom: 1px solid #E5ECDF;
padding: 3px 0px;
}
.attention{
color: #FF9900;
font-size: 0.9em;
}
.deli_price{
border-bottom: 1px solid #E5ECDF;
padding-bottom: 10px;
margin-bottom: 10px;
}
.cate_list_name{
font-size: 15px;
color: #726251;
font-weight: bold;
}
/**Q&A**/
.q_title{
font-size: 15px;
font-weight: bold;
color: #726051;
margin:30px 0px 20px 0px;
background: url(https://img02.shop-pro.jp/PA01099/359/etc/st_qa2.jpg?20120608205306) no-repeat 0px 2px;
padding-left: 20px;
}
.answer{
font-size: 13px;
color: #666666;
line-height: 180%;
}
.gototop{
text-align: right;
margin: 20px 0px;
}
.qa_table{
border-top:1px solid #E5ECDF;
border-left:1px solid #E5ECDF;
margin: 20px 0px;
}
.qa_table td{
border-bottom:1px solid #E5ECDF;
border-right:1px solid #E5ECDF;
padding: 10px;
width: 50%;
font-size: 13px;
color: #666666;
line-height: 180%;
background: url(https://img02.shop-pro.jp/PA01099/359/etc/st_qa1.jpg?20120608204938) no-repeat 10px 50%;
padding-left: 30px;
}
.qa_table1{
border-top:1px solid #E5ECDF;
border-left:1px solid #E5ECDF;
margin: 20px 0px;
}
.qa_table1 td{
border-bottom:1px solid #E5ECDF;
border-right:1px solid #E5ECDF;
padding: 20px;
font-size: 13px;
color: #666666;
line-height: 180%;
}
.qa_table1 th{
border-bottom:1px solid #E5ECDF;
border-right:1px solid #E5ECDF;
padding: 20px;
font-size: 13px;
color: #666666;
line-height: 180%;
text-align: center;
vertical-align: middle;
width: 70px;
background: url(https://img02.shop-pro.jp/PA01099/359/etc/table_bg.jpg?20120609211944);
}
.prev,
.next{
border: 1px solid #E5ECDF;
padding: 5px;
width: 47px;
float: left;
text-align: center;
}
.prev{
margin-right: 40px;
}
.soldout_li{
background:#DF9A93;
color:#fff;
padding:2px;
text-align:center;
}
.discount_p{
display:block;
padding:3px;
text-align:center;
background:#f5c275;
color:white;
font-weight:bold;
}
.product_item a span{
display: block;
display: table-cell;
/* IE8向けのハックです */
display /*\**/: inline-block\9;
vertical-align: middle;
margin: auto;
text-align: center;
border: 1px solid #ccc;
padding: 9px;
height: 150px;
width: 150px;
}
.product_item a span img{
margin: 0 auto;
}
.pro_list_img{
/*display: block;
border: 1px solid #ccc;
padding: 9px;*/
}
/* 20191024追加 */
.tbl_calendar{
border-collapse: collapse;
margin-top: 10px;
text-align: center;
width: 100%;
}
.tbl_calendar th,
.tbl_calendar td{
border: 1px solid #fbe2e0;
padding: 4px 0;
}
.side_navi:not(.side_navi_guide) dd{
display: none;
}
.sidenavi_checkCart{
display: inline-block;
margin-top: 6px;
}