* {
margin:0px;
padding:0px;
}
body{
margin:0px;
padding:0px;
background:#FFFFFF url();
color:#666;
font-size: 12px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height: 150%;
}
br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
/* -------------------------------------
* リンクの色設定（初級モードで設定）
* ------------------------------------- */
a:link {color: #669900; text-decoration: none;}
a:visited {color: #669900; text-decoration: none;}
a:active {color: #669900; text-decoration: unone;}
a:hover {color: #C4DB56; text-decoration: none;}
/*ショップタイトル-リンク色指定*/
#title a:link {color: #000; text-decoration: none;}
#title a:visited {color: #000; text-decoration: none;}
#title a:active {color: #000; text-decoration: none;}
#title a:hover {color: #666; text-decoration: none;}
/* -------------------------------------
* ページレイアウト
* ------------------------------------- */
/*ページ中央の幅*/
#wrapper {
width:700px;/* 初期モードで設定 */
margin:0px auto;
background:#FFF;
}
#header {
width:100%;
background:url(https://img.shop-pro.jp/tmpl_img/25/header.gif) repeat-x;
background-position:left bottom;
padding-bottom:10px;
}
#body {
}
#body .margin {
margin:10px 0px 30px 0px;
}
#side {
width:170px;
float:left;
}
#main {
margin-left:180px;
}
#footer {
width:100%;
background:url(https://img.shop-pro.jp/tmpl_img/25/footer.gif) repeat-x;
background-position:left bottom;
padding-bottom:10px;
text-align:center;
}
/* -------------------------------------
* 商品画像のサイズ・装飾設定(商品画像のサイズは「画像サイズ設定」で行います)
* ------------------------------------- */
/* 画像のボーダー */
img.border {
border:1px #CCC solid;
}
/* メイン画像（大サイズ）*/
img.mainimg {
border:1px #CCC solid;
margin-bottom:10px;
}
/* 商品のその他画像のサイズ */
img.thumnail {
width:115px;
}
img {border:none;}
.small {font-size:10px;}
.right {text-align:right;}
.center {text-align:center;}
/* ************************************************
* ヘッダー（サイトタイトル、検索スペース、メニュー）
* ************************************************ */
/* -------------------------------------
* ヘッダー内レイアウト
* ------------------------------------- */
#header .margin {
margin:3px 10px 0px 10px;
}
/*ヘッダーメニューの背景*/
#header_menu {
text-align:right;
background-color: #FFF;
}
/*検索ボックス*/
#header #search {
width:220px;
float:right;
padding-bottom:10px;
}
#header #title {
padding-right:230px;
}
/* -------------------------------------
* サイトタイトルの設定
* ------------------------------------- */
h1 {
color:#000;
font-size:22px;
margin-bottom:5px;
}
/* -------------------------------------
* ヘッダーメニュー（ホーム、マイカウント、お問い合わせ）
* ------------------------------------- */
#header_menu img {
margin-right:0px;
margin-top:15px;
}
/* -------------------------------------
* 商品検索
* ------------------------------------- */
#header #search .title {
height:20px;
background:url(https://img.shop-pro.jp/tmpl_img/25/search_title.gif) no-repeat;
background-position:left top;
}
#search_left select,input {
margin-left:7px;
}
#search .button {
width:50px;
height:20px;
margin-left:3px;
}
/* ************************************************
* フッター（メニュー、コピーライト）
* ************************************************ */
#footer_menu {
border-top:1px #FFFFFF solid;
margin-bottom:10px;
padding-top:10px;
}
address {
font-style:normal;
margin:10px;
}
/* ************************************************
* サイドメニュー
* ************************************************ */
dl {
margin-bottom:10px;
}
/* -------------------------------------
* 灰色の部分（おすすめ商品、売れ筋商品、カテゴリのリスト）
* ------------------------------------- */
#grayzone {
background:url(https://7564c5f7be1860d5.lolipop.jp/sozai/grayzone.gif) repeat-y;
margin-bottom:10px;
}
#grayzone .top {
background:url() no-repeat;
background-position:left top;
}
#grayzone .bottom {
background:url() no-repeat;
background-position:left bottom;
}
#grayzone dl {margin:0px 5px;}
#grayzone dt img {margin:2px 5px;}
/* リストのタイトル部分（四角の枠） */
#grayzone dt {
font-weight:;
background:;
border:0px #7CD22C solid;
margin-bottom:0px;
padding-top:0px;
}
/* リスト部分（左端にオレンジ色の丸の画像） */
#grayzone dd {
background:url(https://img.shop-pro.jp/tmpl_img/25/dd.gif) no-repeat;
background-position:0px 6px;
padding-left:12px;
margin-bottom:3px;
}
#grayzone dd.sp {
background:none;
border-top:2px #FFF dotted;
padding:0px;
margin:3px;
}
/* -------------------------------------
* 会員専用ページ
* ------------------------------------- */
.grayzone {
background:url(https://img.shop-pro.jp/tmpl_img/25/grayzone.gif) repeat-y;
margin-bottom:10px;
}
.grayzone .top {
background:url(https://img.shop-pro.jp/tmpl_img/25/grayzone_top.gif) no-repeat;
background-position:left top;
}
.grayzone .bottom {
background:url(https://img.shop-pro.jp/tmpl_img/25/grayzone_bottom.gif) no-repeat;
background-position:left bottom;
}
.grayzone dt {
font-weight:bolder;
background:#FFF;
border:1px #7CD22C solid;
margin-bottom:5px;
padding-top:3px;
}
.grayzone dl {margin:0px 5px;}
.grayzone dt img {margin:2px 5px;}
.grayzone dd #btn_members_login,
.grayzone dd #btn_members_signup,
.grayzone dd #btn_members_logout {
text-align:center;
}
.grayzone dd #btn_members_signup {
padding-top:7px;
margin-top:7px;
border-top:2px #FFF dotted;
}
.grayzone dd #btn_members_signup span,
.grayzone dd #btn_members_logout span {
font-size:10px;
line-height:1.1em;
display:block;
padding-bottom:5px;
}
/* -------------------------------------
* カートの中身を見る
* ------------------------------------- */
dl#cart {
border-bottom:2px #c9c095 solid;
}
dl#cart dt {
background:#c9c095 url() no-repeat;
background-position:left top;
text-align:center;
padding-top:5px;
}
dl#cart dd {
border-left:2px #c9c095 solid;
border-right:2px #c9c095 solid;
padding:2px 3px 2px 7px;
}
/* -------------------------------------
* 店主のコーナー
* ------------------------------------- */
dl#owner {
border-bottom:2px #7C8972 solid;
}
dl#owner dt {
background:#7C8972 url(https://img.shop-pro.jp/tmpl_img/25/round_owner.gif) no-repeat;
background-position:left top;
text-align:center;
padding:5px 0;
}
dl#owner dd {
border-left:2px #7C8972 solid;
border-right:2px #7C8972 solid;
padding:2px 3px 2px 7px;
}
/* -------------------------------------
* トラックバック、フリースペースのリスト
* ------------------------------------- */
dl#list dt {
font-weight:bolder;
margin-bottom:5px;
}
dl#list dd {
padding-left:17px;
margin-bottom:3px;
background:url(https://img.shop-pro.jp/tmpl_img/25/dd_arrow.gif) no-repeat;
background-position:1px 6px;
}
div.border {
border-top:2px #7C8972 dotted;
padding-bottom:5px;
background:none;
}
/* -------------------------------------
* メールマガジン登録・解除
* ------------------------------------- */
dl#mailmaga {
border:1px #7C8972 solid;
}
dl#mailmaga dt {
border-bottom:1px #7C8972 dotted;
margin:5px;
font-weight:bolder;
}
dl#mailmaga dd {
text-align:center;
margin-bottom:5px;
}
/* -------------------------------------
* feed
* ------------------------------------- */
#feed {
text-align:center;
}
#feed img {
width:57px;
height:15px;
margin:5px;
}
/* ************************************************
* メインエリア
* ************************************************ */
table.box {
width:99.5%;
margin:0px auto 20px auto;
}
/* -------------------------------------
* 各タイトル（おすすめ商品、売れ筋商品、サブカテゴリー)
* ------------------------------------- */
.main_title {
height:27px;
background:url(https://img.shop-pro.jp/tmpl_img/25/main_title.gif) repeat-x;
background-position:left;
}
.main_title .point {
height:27px;
width:20px;
float:left;
background:url() no-repeat;
background-position:left;
}
.main_title .title {
height:27px;
margin-left:20px;
background:url() no-repeat;
background-position:right;
}
.main_title .title img {margin-top:6px;}
/* -------------------------------------
* お知らせエリア
* ------------------------------------- */
div.info {
color:#6B8744;
margin-bottom:20px;
}
/* -------------------------------------
* フリースペース
* ------------------------------------- */
.free_space {
border:2px #CCC solid;
padding:10px;
}
/* -------------------------------------
* パンくずナビ
* ------------------------------------- */
.pankuzu {margin-bottom:20px;}
/* -------------------------------------
* アイテムエリアの設定（商品を複数個横に並べる表示の設定）
* ------------------------------------- */
.itemarea {
margin:5px 0;
width:20%;
float:left;
text-align:center;
}
/* -------------------------------------
* 会員価格の表示 トップページ用
* ------------------------------------- */
.regular_price_top {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}
.price_top {
padding:0px;
}
.discount_rate_top {
padding:2px 0px 0px;
color:#ff0000;
}
/* ************************************************
* 商品一覧・検索結果・詳細ページ
* ************************************************ */
/* -------------------------------------
* 商品一覧・検索結果//アイテムリストの設定（一行表示の設定）
* ------------------------------------- */
table.list {
width:99.5%;
border-top:1px #9DD22C solid;
border-bottom:1px #9DD22C solid;
}
table.list td {padding:10px 5px;}
/* 商品の名前 */
table.list div.name {
margin-right:100px;
}
/* 商品の値段 */
table.list div.price {
color:#FF6633;
width:150px;
float:right;
text-align:right;
}
/* 商品の簡易説明 */
table.list {margin-top:10px;}
/* 並び順 */
.sort {
text-align:right;
margin-bottom:5px;
}
.sort span,strong {
padding:0px 7px;
}
/* ページナビ（全 [*] 商品中 [*-*] 商品を表示しています。） */
.pagenavi {
margin:5px 0;
}
.pagenavi span {
padding:0px 7px;
color:#9DD22C;
}
/* -------------------------------------
* 商品一覧・検索結果・詳細ページ共通
* ------------------------------------- */
/* カテゴリーの名前（背景：薄オレンジ） */
.category_title {
background:#DAF0BA url(https://img.shop-pro.jp/tmpl_img/25/category_title.gif) no-repeat;
background-position:6px;
color:#333; /*商品カテゴリー名・商品名文字色(商品詳細・商品一覧結果共通)*/
font-weight:bolder;
padding:3px 20px;
}
dd#group-list {
border-top:#FFF dotted 2px;
padding:0px;
margin:0px;
height:1px;
line-height:0px;
}
.group-list-link {
margin:5px 0px 0px;
}
/* 会員価格の表示 商品一覧ページ用 */
.regular_price_all {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}
.price_all {
padding:0px;
}
.discount_rate_all {
padding:2px 0px 0px;
color:#ff0000;
}
/* -------------------------------------
* 最近チェックした商品
* ------------------------------------- */
div.ci {
margin-bottom: 20px;
}
div.ci div.title {
background: url("https://img.shop-pro.jp/tmpl_img/25/arrow.gif") no-repeat scroll left center transparent;
border-bottom: 2px dotted #7C8972;
color: #7C8972;
font-size: 14px;
margin-bottom: 10px;
padding-left: 15px;
}
div.checkitem {
margin:0 0 10px 0;
float:left;
padding: 0 15px 0 2px;
width: 100px;
}
div.checkitem .ci_img {
width:90px;
border: 1px solid #CCCCCC;
}
/* ************************************************
* 商品詳細ページ
* ************************************************ */
div.detail {
width: 100%;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
div.detail_img {
width:360px;
margin-top: 10px;
}
.leftBox {
float: left;
width: 360px;
}
/* -------------------------------------
* 商品のスペック表
* ------------------------------------- */
table.spec {
background:#CCC;/*商品価格表-罫線の色*/
width:100%;
}
table.spec th {
background:#EFEFEF;/*商品価格表右側セルの背景色*/
padding:5px;
width:100px;
color:#666;/*商品価格表右側セルの文字色*/
font-weight:normal;
text-align:left;
}
table.spec td {
background:#FFF;/*商品価格表左側セルの背景色*/
padding:5px;
}
table.spec table.num td {padding:0px;}
table.spec td.sales {
color:#FF6633;/*商品価格表-販売価格の文字色*/
font-weight:bolder;
}
/* 「カートに入れる」ボタン */
div.cart_in {
text-align:right;
margin-top:10px;
}
div.cart_in img {
width:132px;
height:34px;
}
/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
text-align:right;
margin-top:10px;
}
p#sk_link_other a {
font-size:12px;
}
/* 商品の説明 */
div.explain {margin:10px 0;}
/* 「この商品について問い合わせる」等のボタン */
div.etc {
text-align:center;
margin-top:10px;
}
div.etc img {
margin:5px;
}
/* 会員価格の表示 商品詳細用 */
.regular_price_detail {
padding:0px 0px 2px;
text-decoration:line-through;
}
.price_detail {
padding:0px;
}
.discount_rate_detail {
padding:2px 0px 0px;
color:#ff0000;
}
/* -------------------------------------
* トラックバック
* ------------------------------------- */
div.tb {margin-bottom:20px;}
div.tb div.title {
color:#7C8972;
font-size:14px;
background:url(https://img.shop-pro.jp/tmpl_img/25/arrow.gif) no-repeat;
background-position:left;
border-bottom:2px dotted #7C8972;
padding-left:15px;
margin-bottom:10px;
}
/*ベージュの背景色エリア*/
div.area_bg {
background:#F6F1E6;
margin:0px 10px 0px 10px;
}
/*トラックバック本文レイアウト*/
div.tb div.tb_area {
padding:10px 15px 15px 15px;
}
div.tb div.tb_area span {
font-size:10px;
color:#7C8972;
margin-right:30px;
}
div.tb div.tb_area p.tb_title {
border-top:1px dotted #7C8972;
font-weight:bolder;
padding:5px 0;
}
/* ************************************************
* 商品検索結果
* ************************************************ */
.search_result {
margin:5px 20px 20px 20px;
}
/*検索条件の文字の色*/
.search_result strong {
color:#9DD22C;
}
/* 会員価格の表示 商品検索結果用 */
.regular_price_search {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}
.price_detail_search {
padding:0px;
}
.discount_rate_search {
padding:2px 0px 0px;
color:#ff0000;
}
/* ************************************************
* その他のページ
* ************************************************ */
/* -------------------------------------
* オプション在庫・値段表
* ------------------------------------- */
div#option {
padding:10px;
background:#FFF;
}
table.option {
margin:20px auto;
background:#CCC;
}
table.option th {
background:#DDD;
text-align:left;
font-weight:normal;
border:2px solid #FFF;
}
table.option td {
background:#FFF;
padding:3px;
}
.option_btn {
text-align:center;
}
/* 会員価格の表示 オプション用 */
.regular_price_stock {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}
.price_detail_stock {
padding:0px;
}
.discount_rate_stock {
padding:2px 0px;
color:#ff0000;
}
/* -------------------------------------
* 特定商取引法に基づく表記
* ------------------------------------- */
table#shop {
width:90%;
margin:10px auto 20px auto;
border:1px #CCC solid;
}
table#shop td,th {padding:5px;}
table#shop th {
width:150px;
background:#DDD;
text-align:left;
font-weight:normal;
}
/* -------------------------------------
* 支払い方法・配送方法について
* ------------------------------------- */
.sk {
width:90%;
margin:10px auto 20px auto;
border:1px #CCC solid;
}
.sk .title_sp {
padding:2px;
}
.sk .title {
font-weight:bolder;
background:#DDD;
padding:5px;
}
.sk .title img {margin:3px;}
.sk .note {
padding:5px;
}
.payment_img {
margin:3px;
}
/* -------------------------------------
* プライバシーポリシー
* ------------------------------------- */
div#privacy {
margin:10px 20px 20px 20px;
border:1px #CCC solid;
}
div#privacy .title_sp {
padding:2px;
}
div#privacy .title {
font-weight:bolder;
background:#DDD;
padding:5px;
}
div#privacy .note {
padding:5px;
}
.rightBox {
float: right;
width: 260px;
}
#menu_bar {
width:840px;
height:52px;
padding:0px;
margin:0px;
background-image:url("https://7564c5f7be1860d5.lolipop.jp/sozai/button_all.gif");
}
ul, li, div, img{
border:0px;
margin:0px;
padding:0px;
}
#menu_bar li{
list-style-type: none
}
#menu_bar ul li.home {
height:52px;
width:79px;
display:inline;
float:left;
}
#menu_bar ul li.info {
height:52px;
width:104px;
display:inline;
float:left;
}
#menu_bar ul li.list {
height:52px;
width:96px;
display:inline;
float:left;
}
#menu_bar ul li.news {
height:52px;
width:78px;
display:inline;
float:left;
}
#menu_bar ul li.order {
height:52px;
width:120px;
display:inline;
float:left;
}
#menu_bar ul li.purchase {
height:52px;
width:94px;
display:inline;
float:left;
}
#menu_bar ul li.access {
height:52px;
width:96px;
display:inline;
float:left;
}
#menu_bar ul li.contact {
height:52px;
width:96px;
display:inline;
float:left;
}
#menu_bar ul li.etc {
height:52px;
width:77px;
display:inline;
float:left;
}
#menu_bar ul li a {
background-image:url("https://7564c5f7be1860d5.lolipop.jp/sozai/button_all.gif");
display:block;
width:100%;
height:52px;
margin:0px;
text-indent:-9999px;
}
#menu_bar ul li.home a {
background-position:0px 0px;
}
#menu_bar ul li.home a:hover {
background-position:0px -52px;
}
#menu_bar ul li.info a {
background-position:-79px 0px;
}
#menu_bar ul li.info a:hover {
background-position:-79px -52px;
}
#menu_bar ul li.list a {
background-position:-184px 0px;
}
#menu_bar ul li.list a:hover {
background-position:-184px -52px;
}
#menu_bar ul li.news a {
background-position:-279px 0px;
}
#menu_bar ul li.news a:hover {
background-position:-279px -52px;
}
#menu_bar ul li.order a {
background-position:-357px 0px;
}
#menu_bar ul li.order a:hover {
background-position:-357px -52px;
}
#menu_bar ul li.purchase a {
background-position:-477px 0px;
}
#menu_bar ul li.purchase a:hover {
background-position:-477px -52px;
}
#menu_bar ul li.access a {
background-position:-572px 0px;
}
#menu_bar ul li.access a:hover {
background-position:-572px -52px;
}
#menu_bar ul li.contact a {
background-position:-667px 0px;
}
#menu_bar ul li.contact a:hover {
background-position:-667px -52px;
}
#menu_bar ul li.etc a {
background-position:-762px 0px;
}
#menu_bar ul li.etc a:hover {
background-position:-762px -52px;
}
#search_left {
padding-top:5px
padding-bottom:5px;
}
form {
padding:0px;
}
.g11-13px {
font-family: "ＭＳ Ｐゴシック", "Osaka";
font-size: 11px;
line-height: 13px;
}
.hiragino10 {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:10px;
}
.hiragino10 a {
color:#333333;
text-decoration:none;
}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://7564c5f7be1860d5.lolipop.jp/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://7564c5f7be1860d5.lolipop.jp/lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }