* {
margin:0px;
padding:0px;
}
body {
color: #333333;
font-size: 12px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height: 150%;
text-align:center;

}

br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}


/* リンク */
a:link {
color: #595959;
text-decoration: underline;
}

a:visited {
color: #595959;
text-decoration: underline;
}

a:active {
color: #595959;
text-decoration: none;
}

a:hover {
color: #595959;
text-decoration: none;

}

img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    display: block;
    padding: 1px;
}

a:hover img {
background: none repeat scroll 0 0 #8B8B8B;
display: block;
padding: 1px;
}





/* ------------------------------------- 
 *	ヘッダー内レイアウト
 * ------------------------------------- */

/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header {width:800px; height:120px; margin:15px auto 0px; padding:0px;}
#header .header_t {padding:0px;}
#header h1 {font-size:12px; color:#595959; font-weight:normal; letter-spacing:-1px; margin:0 0 8px 0; text-align:left;}
#header .tel { position:absolute; top:130px; left:220px;}




#nv_menu {width:100%; margin:0; padding:0;} 
#nv_menu ul {margin:0; padding:0;}  
#nv_menu ul a {text-decoration:none;}  
#nv_menu ul li {float:left; list-style:none; font-size:12px; line-height:18px;}  
#nv_menu ul li a {display:block;padding:0 16px; background:#FFF; color:#333; line-height:18px; border-right:solid 1px #999999;}
#nv_menu ul li a:hover {background:#F0F0F0;}

#nv_menu ul li.bl {float:left; list-style:none; font-size:12px; line-height:18px;}  
#nv_menu ul li.bl a {display:block;padding:0 16px; background:#A6A6A6; color:#FFF; line-height:18px; border-left:solid 1px #999999;}
#nv_menu ul li.bl a:hover {background:#A6A6A6;} 




/*レフトナビ*/

div.cat ul{margin: 0px; padding:0px; list-style-type: none; font-size:12px;}
div.cat li{display:block; position:relative; margin: 0px; padding:2px 0 0 0; text-decoration:none;}
div.cat p{color:#595959; font-size:15px;}
p.inf{color:#595959; margin-bottom:2px;}




/*フッター*/

#footer {
width:800px;
margin:auto;
text-align:center;
}

#footer p.copy {color:#333; font-size:11px;}

#ft_menu {width:100%;height:18px;margin:20px 0 15px 0;padding:0;} 
#ft_menu ul {margin:0; padding:0;}  
#ft_menu ul a {text-decoration:none;}  
#ft_menu ul li {float:left; list-style:none; font-size:10px; line-height:20px;}  
#ft_menu ul li a {display:block;padding:0 16px; background:#FFF; color:#333; line-height:15px; border-right:solid 1px #999999;}
#ft_menu ul li a:hover {background:#F0F0F0;}

#ft_menu ul li.bl {float:left; list-style:none; font-size:10px; line-height:20px;}  
#ft_menu ul li.bl a {display:block;padding:0 16px; background:#A6A6A6; color:#FFF; line-height:15px; border-left:solid 1px #999999;}
#ft_menu ul li.bl a:hover {background:#A6A6A6;} 

#footer img.ftsp {margin:20px 0 15px 0;}


/*メイン*/
#main table.item {color:#595959; font-size:11px; line-height:1.5em;}
#main table.item img {margin-bottom:2px;}





/* お知らせを見る */

div.news {
width: 580px;
background-color: #FFFFFF;
}

div.news p.ttl{
border-top:1px #c0c0c0 dotted; font-size:14px; padding-top:15px;}

div.news dl {
width: 100%;
height: 170px;
overflow: auto;
margin: 0;

}

div.news dt {
width:80px;
float: left;
font-size:10px;
font-weight:bold;
background : url(https://img05.shop-pro.jp/PA01160/508/etc/icon_s4.gif) no-repeat 16px 10px; 
display: block;
position: relative;
padding: 5px 0px 5px 32px;

}

div.news dd {
margin: 0px 10px 0px 120px;
padding: 7px 3px 6px 0px;
border-bottom: 1px #c0c0c0 dotted;
line-height: 1.3em;

}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
clear: both;
}



/* ひぐらし店長おすすめ */

p.os{font-size:14px; padding:20px 0 28px 0;}

table.ossm {text-align:center;font-size:11px; line-height:1.7em;}
table.ossm img {margin-bottom:2px;}



/* ページトップ */
div.pt {margin-bottom:34px;}




 










/* -------------------------------------
 *	ページレイアウト
 * ------------------------------------- */

/*ページ中央の幅*/
#wrapper {
width:816px;
margin:0px auto;
}


#contents {
width:800px;
margin:0px auto;
}



#left {
width:220px;
float:left;
text-align:left;
  margin-top:10px;
}

#main {
width:580px;
float:left;
margin:10px 0 10px 0px;
text-align:left;
}


/*top main*/

.topmain {
width:580px;
margin:0px;
padding:0px;
font-size:12px;
color:#666666;
}

.topbnr {
margin:0px 0px 3px 0px;
}

div.topbnr img{
margin:0px 0px 2px 0px;
}

.topbnrleft {
margin:0px 0px 3px 0px;
_margin-right: 5px;
float:left;
}

div.topbnrleft img{
margin:0px 0px 2px 0px;
}

.topbnrright {
margin:0px 0px 3px 5px;
float:left;
}

div.topbnrright img{
margin:0px 0px 2px 0px;
}

.topnews {
border-top:dotted #999999 1px;
padding-top:18px;
padding-bottom:10px;
font-size:15px;
}

div.topnews img{
margin-right:5px;
        display:inline;
vertical-align:middle;

}

div.topnews td{
border-bottom:dotted #999999 1px;
font-size:11px;
color:#333333;
line-height:120%;
padding:5px;
}

div.topnews a:link{
border-bottom:dotted #999999 1px;
color:#333333;
text-decoration:none;
}

div.topnews a:visited{
border-bottom:dotted #999999 1px;
color:#333333;
text-decoration:none;
}

div.topnews a:hover{
border-bottom:dotted #999999 1px;
background-color:#eeeeee;
color:#333333;
text-decoration:none;
}

.topnewsdetail {
margin:10px 10px 5px 15px;
font-size:11px;
line-height:150%;
color:#333333;
}


.toppickuptn {
width:130px;
margin:7px 7px 0 7px;
text-align:center;
float:left;
padding:0px;
}

div.toppickuptn b{
font-size:10px;
font-weight:bold;
}

.topgotop {
margin:20px 0px 20px 516px;
}




/*インフォメーション*/

.info {
font-size:12px;
line-height:1.3; text-align:left;
}




/* script 用 */
.sample #mainImg{
width:435px;
border:1px solid black;
}
.sample #subImg{
width:80px;
margin-top:2px;
margin-right:2px;
border:1px solid black;
cursor:pointer;
}

.sample p{
font-size:13px;
}


.shmain {
width:550px;
margin:0px;
padding:0px;
text-align:left;
}

.shochiba {
margin:5px 0px 20px 20px;
font-size:85%;
line-height:150%;
text-align:left;
}

.shinfo {
font-size:90%;
color:#555555;
line-height:150%;
text-align:left;
margin-bottom:20px;
}

div.shinfo img{
margin-top:20px;
margin-bottom:20px;
}

.shpoint {
width: 510px;
padding:20px;
line-height:150%;
text-align:left;
margin-bottom:20px;
}


.shattt {
width: 490px;
background-color:#c1c1c1;
padding:8px 30px 6px 30px;
text-align:left;
}

.shattd {
width: 510px;
background-color:#eeeeee;
padding:10px 20px 10px 20px;
line-height:150%;
text-align:left;
margin-bottom:50px;
}

div.shrc td{
text-align:center;
margin:20px 3px 10px 3px;
font-size:90%;
}

div.shrc b{
font-weight:normal;
font-size:70%;
}

div.shrc img{
margin-bottom:3px;
}


/* シンプル囲み枠 2*/
.kakomi-box2 {
 width:176px;
 margin:0px;
 padding:10px;
 color: #666; /* 文字色 */
 background-color: #f7f7f7; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}






/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */

body {
font-size:12px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
color:#333333;
background:#FFF;
border-top: 5px solid #7F7F7F;
border-bottom: 5px solid #7F7F7F;
margin: 0px;
padding: 0px;
}

form {
margin: 0px;
padding: 0px;
}


div {
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}








/* 会員専用ページ */
#members {
background:#ffffff;
padding:5px 0px;
margin:0px 2px 10px;
text-align:center;
}
#btn_members_login,
#btn_members_logout {
padding:10px 0px;
}
#btn_members_signup {
padding:7px 0px;
margin:0px 3px;
border-top:#333333 dotted 1px;
}
#btn_members_signup span,
#btn_members_logout span {
display:block;
font-size:10px;
line-height:1.1em;
padding-bottom:3px;
}




/* ************************************************ 
 *	店主のコーナー　レイアウト
 * ************************************************ */

.freespace_right {
font-size: 12px;
border: 2px solid <{$owner_title_bgcolor}>;
margin-top: 10px;
padding: 5px;
text-align: center;
}

.freespace_right img {
border: 1px solid #7F7F7F;
margin: 5px 0px 5px 0px;
padding: 3px;
}

.freespace_right p {
text-align: left;
font-size: 11px;
}

/* ************************************************ 
 *	RSSリンクのレイアウト
 * ************************************************ */

.feed {
text-align: center;
margin: 20px auto;
}

.feed img {
border: 0px;
}



/* ************************************************ 
 *	コンテンツ共通
 * ************************************************ */

/* ------------------------------------- 
 *	100px×100pxの縮小画像表示
 *	※トップ及びサブカテゴリー表示時に使用
 * ------------------------------------- */
.item_box {
text-align: center;
padding-bottom: 10px;
width: 120px;
float: left;
}

.item_thumbnail {
margin: 0px 0px 5px 10px;
width: 100px;
height: 100px;
overflow: hidden;
position: relative;
}

.item_thumbnail img {
width: 100px;
height: 100px;
}

.item_frame {
border: 0px;
width: 100px;
height: 100px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */
.category_items td {
font-size: 12px;
padding: 10px 0px 10px 0px;
}

.category_items p {
font-size: 12px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

/* ------------------------------------- 
 *	ぱんくずリスト
 * ------------------------------------- */
.footstamp {
padding: 10px;
font-size: 11px;
}

/* ------------------------------------- 
 *	ページタイトル
 * ------------------------------------- */
.pagetitle {
margin: 20px 0px 1px 0px;
padding: 0px 10px 5px 10px;
border-bottom: 3px solid #7F7F7F;
font-size: 14px;
clear: both;
}

/* ------------------------------------- 
 *	商品が無い時の表示
 * ------------------------------------- */
.nodata {
margin: 50px 0px 50px 0px;
text-align: center;
}



/* ************************************************ 
 *	TOPコンテンツ
 * ************************************************ */

/* ------------------------------------- 
 *	お知らせ・おすすめエリアレイアウト
 * ------------------------------------- */
.top_items tr {
text-align: center;
}


.top_items td {
font-size: 11px;
text-align: center;
padding-bottom: 10px;
}

/* ------------------------------------- 
 *	お知らせエリア
 * ------------------------------------- */
.info_space {
margin: 20px;
}

/* ------------------------------------- 
 *	フリースペース
 * ------------------------------------- */
.free_space {
margin: 20px;
}

/* ------------------------------------- 
 *	お知らせエリア
 *	箇条書きでお知らせを掲載する際にご利用ください
 *	※初期設定では適用されていません
 * ------------------------------------- */

#information ul {
font-size: 11px;
line-height: 160%;
margin: 0px 20px 0px 15px;
padding: 0px 0px 0px 0px;
}


#information li {
padding: 0px 0px 0px 20px;
list-style-type: none;
background: url(https://img.shop-pro.jp/tmpl_img/8/list_red.gif) no-repeat 6px 7px;
}

#information p {
margin: 10px 0px 20px 20px;
}

/* ------------------------------------- 
 *	会員価格表示　トップページ用
 * ------------------------------------- */
.regular_price_top {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
margin:5px 0px 0px;
}

.price_top {
padding:0px;
margin:0px;
}

.discount_rate_top {
padding:2px 0px 0px;
color:#ff0000;
margin:0px;
}

/* ************************************************ 
 *	商品詳細　レイアウト
 * ************************************************ */

#detail {
padding: 20px 0px 20px 0px;
}

#detail .td1 {
background: #EEE;
}

#detail .td2 {
background: #FFF;
}

#detail .large {
border: 1px solid #CCC;
margin: 0px 20px 0px 20px;
width: 200px;
}

#detail .small {
margin: 20px 0px 0px 20px;
width: 100px;
height: 100px;
}


#detail p {
font-size: 14px;
margin: 20px;
padding: 5px;
border: 1px solid #CCC;
background: #EEE;
}

#detail ul {
margin: 20px;
padding: 5px;
}

#detail li {
padding: 0px 0px 0px 20px;
list-style-type: none;
background: url(https://img.shop-pro.jp/tmpl_img/8/list_arrow_red.gif) no-repeat 6px 0px;
}

/*会員専用価格の表示 商品詳細用*/
#detail p.regular_price_detail {
padding:0px 0px 5px;
margin:0px;
text-decoration:line-through;
border:none;
background:none;
}

#detail p.price_detail {
padding:0px;
margin:0px;
border:none;
background:none;
}

#detail p.discount_rate_detail {
padding:5px 0px 0px;
margin:0px;
color:#ff0000;
border:none;
background:none;
}

/* ------------------------------------- 
 *	商品詳細-購入数選択・「カートに入れる」ボタン
 * ------------------------------------- */

.product_num {
width: 50px;
}

.product_incart {
margin: 10px;
text-align: center;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
div#sk_link_other {
text-align:left;
margin-top:10px;
}

div#sk_link_other a {
font-size:12px;
}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */

#together {
width:450px;
margin: 0px 20px 0px 20px;
height:100%;
}

#together .tog_main_title {
font-weight: bolder;
margin-top:30px;
padding-bottom:5px;
border-bottom: 5px solid #CCC;
}

#together .together_list {
margin:10px 5px 0px 3px;
float:left;
width: 135px;
text-align:center;
}

/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

#trackback {
margin: 0px 20px 20px 20px;
}

#trackback .tb_main_title {
font-weight: bolder;
margin-top:30px;
padding-bottom:5px;
border-bottom: 5px solid #CCC;
}


#trackback .tb_url {
font-size: 11px;
padding: 5px 10px 5px 10px;
}

#trackback .tb {
margin: 10px 0px 10px 0px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#trackback .tb_date {
font-size: 10px;
padding: 10px 10px 10px 10px;
}

#trackback .tb_title {
font-weight: bold;
padding: 0px 10px 10px 10px;
}

#trackback .tb_body {
line-height: 150%;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
}

#trackback .tb_state {
padding: 5px 10px 5px 10px;
}



/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */

/* ------------------------------------- 
 *	サブカテゴリー　レイアウト
 * ------------------------------------- */
.subcategory {
padding: 10px;
font-size: 11px;
}


/* ------------------------------------- 
 *	検索条件表示
 * ------------------------------------- */
.search_result {
border: 1px solid #CCC;
margin: 20px 20px 10px 20px;
padding: 5px;
}


/* ------------------------------------- 
 *	一覧表示　並び順を変更
 * ------------------------------------- */
.sort {
border-bottom: 1px solid #CCC;
padding: 10px;
font-size: 11px;
}

/* ------------------------------------- 
 *	一覧表示　商品数と表示数
 * ------------------------------------- */
.pagenavi {
margin: 10px 20px 10px 20px;
font-size: 11px;
}

/* ------------------------------------- 
 *	会員専用価格の表示　商品一覧用
 * ------------------------------------- */
.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;
}

/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */

/* ------------------------------------- 
 *	オプション表の罫線の色
 * ------------------------------------- */
#Option .option_table {
background-color:#dacdb9;
}

/* ------------------------------------- 
 *	オプション　項目背景の色 
 * ------------------------------------- */
#Option .option_cell1 {
text-align:left;
color: #333333;
background-color:<{$option_bgcolor}>;
margin: 2px;
padding: 2px 10px 2px 10px;
font-weight:bold;
white-space:nowrap;
}

/* ------------------------------------- 
 *	オプション　価格背景の色
 * ------------------------------------- */
#Option .option_cell2 {
text-align:left;
background-color:#FFFFFF;
padding: 2px 10px 2px 6px;
}

/* ------------------------------------- 
 *	サブカテゴリリスト
 * ------------------------------------- */
.subcategory_list {
float:left;
width: 120px;
text-align:center;
margin: 10px 10px;
}

/* ------------------------------------- 
 *	会員専用価格の表示　オプション用
 * ------------------------------------- */
span.regular_price_stock {
padding:0px;
margin:0px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}

span.price_detail_stock {
padding:0px;
margin:0px;
}

span.discount_rate_stock {
padding:0px;
margin:0px;
color:#ff0000;
}

/* ************************************************ 
 *	商品検索ページ
 * ************************************************ */
/*会員専用価格の表示 商品検索結果用*/
.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;
}

/* ************************************************ 
 *	特定商取引法・お支払い方法・配送設定について
 * ************************************************ */

#ShopKeeper {
margin: 20px auto;
background: #cccccc;
width: 580px;
}


#ShopKeeper th {
width: 200px;
background: #eeeeee;
border-top: 1px solid #FFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #FFF;
color: #000;
font-size: 12px;
padding: 0px 5px 0px 5px;
}

#ShopKeeper td {
width: 380px;
background: #FFF;
padding: 5px;
}

.SK p {
margin: 0px 0px 10px 0px;
padding: 15px 0px 0px 30px;
border-top: 1px solid #CCC;
}

.SK .area {
padding: 0px 30px 20px 30px;
}

.SK .title {
background: #EEE;
border-top: 1px solid <{$sub_area_bordercorder}>;
border-right: 1px solid <{$sub_area_bordercorder}>;
border-bottom: 1px dotted <{$sub_area_bordercorder}>;
border-left: 1px solid <{$sub_area_bordercorder}>;
padding: 5px;
color: #000;
}

.SK .note {
background: #FFF;
border-right: 1px solid <{$sub_area_bordercorder}>;
border-bottom: 1px solid <{$sub_area_bordercorder}>;
border-left: 1px solid <{$sub_area_bordercorder}>;
margin: 0px 0px 10px 0px;
padding: 5px;
}

.payment_img {
width:30px;
height:30px;
margin:3px;
}


/* ************************************************ 
 *	プライバシーポリシー
 * ************************************************ */

#PrivacyExplain {
margin: 20px;
font-size: 12px;
}

#PrivacyExplain .title {
margin: 20px 0px 0px 0px;
padding: 5px 5px 10px 5px;
border-top: 2px solid #CCC;
color: #000;
font-weight: bolder;
}

#PrivacyExplain .note {
font-size: 11px;
line-height: 150%;
margin: 10px 5px 20px 15px;
}

.breadcrumb{
  padding-top:0;
  margin-top:-0.5em;
}