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

/*------------------------------------------------
注意事項
--------------------------------------------------
このテンプレートは、「デザイン設定」-「共通テンプレート」
-「初心者モード」設定の【使用する画像の色設定】にて選択
した色番号によって、表示されるメニュー画像の色（ピンク系
・ブルー系）が変換されます。
変換される画像は、次のクラスの背景画像として指定しています。

body
.left
.left img
.right
.right img
#header
#header .home
#header .account
#header .contact
.info_title
.info
.info_bottom

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


body {
	color:#4D4D4D;
	background:#F3E1E1 url(http://img.shop-pro.jp/tmpl_img/15/c_0/bg_all.gif) repeat-x;
        font: 13px/18px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
        *font-size: small;
        *font: x-small;
	/* font: 13px/150% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅"; */
	padding:0;
	}
	
	
* {
	margin: 0px;
	padding:0px;
	}

table {
	border:none;
        font-size:inherit;
        font:100%;
	}
select,
input,
textarea {
        font-size:1.5em;
	}

img {
	border:none;
	}

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

li {
	list-style-type:none;
	}

menu,
ol,
ul {
    padding-left: 0px  !important;
}

br.clear {
	clear:both;
	font:0/0 sans-serif;
	}
	
.border {
	background:url(http://img.shop-pro.jp/tmpl_img/15/border.gif) repeat-x;
	height:1px;
	margin:10px 0;
	}
.border img {
	width:1px; height:1px;
	}
	
	
/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */

#wrapper {
	width:835px;
	margin: 0 auto;
	}

	
.left {
	width:13px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/left_bg.gif) repeat-y;
	}
.left img {
	width:13px;
	height:280px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/left_top.gif) no-repeat;
	}

.center {
	width:812px;
	background:#FFF;
	}

.right {
	width:10px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/right_bg.gif) repeat-y;
	}
.right img {
	width:10px;
	height:280px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/right_top.gif) no-repeat;
	}
	
	
#header {
	height:135px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/bg_header.gif) no-repeat;
	}

#side {
	width:180px;
	float:left;
	padding-left:15px;
	margin-right:39px;
	}
	
#main {
	width:554px;
	float:left;
	}
#main ol li {
    list-style-type:decimal;
}
#main ul li {
    list-style-type:disc;
}
#main ul,
#main ol,
#main dl
 {
	margin: 1em 20px;
	padding: 1px 10px;
	list-style-position: inside;
}
#feed { 
	background:#FFF;
	text-align:right;
	padding-top:15px;
	}
#feed img {
	margin:5px;
	width:57px;
	height:15px;
	}
	
#footer {
	text-align:center;
	font-size:10px;
	padding:5px 0;
	background:#DFC5C6;
	border-top:4px #CAB6B6 solid;
	}


/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */

/*左サイドメニューのリンク文字色*/
a:link    {color: #FF3366; text-decoration: underline;}
a:visited {color: #FF3366; text-decoration: underline;}
a:active  {color: #FF3366; text-decoration: underline;}
a:hover   {color: #FF3366; text-decoration: none;}

/*ショップタイトルのリンク文字色*/
.logo a:link    {color: #4D4D4D; text-decoration: none;}
.logo a:visited {color: #4D4D4D; text-decoration: none;}
.logo a:active  {color: #4D4D4D; text-decoration: none;}
.logo a:hover   {color: #999; text-decoration: none;}

/*メインエリアのリンク文字色*/
#main a:link    {color: #339999; text-decoration: underline;}
#main a:visited {color: #339999; text-decoration: underline;}
#main a:active  {color: #339999; text-decoration: underline;}
#main a:hover   {color: #99CCCC; text-decoration: none;}

/*フッターのリンク文字色*/
#footer a:link    {color: #4D4D4D; text-decoration: underline;}
#footer a:visited {color: #4D4D4D; text-decoration: underline;}
#footer a:active  {color: #4D4D4D; text-decoration: underline;}
#footer a:hover   {color: #666; text-decoration: none;}




/* ************************************************ 
 *	ヘッダー
 * ************************************************ */

#header .logo {
	font-size:22px;
	line-height:170%;
	font-weight:bolder;
	padding-left:15px;
	padding-top:30px;
	}





	
#header .menu {
	padding-top:30px;
	text-align:right;
	}
#header .menu img {
	margin-right:20px;
	}

/*ヘッダー部分の3つのボタンは、[共通html]上のダミー画像(sp.gif)の背景に、以下のcssにて各ボタン画像を設置しています。*/
/*メニューボタン「ホーム」*/
#header .home{
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/menu_home.gif) no-repeat;
	width:50px;
	height:14px;
	}

/*メニューボタン「マイアカウント」*/
#header .account{
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/menu_account.gif) no-repeat;
	width:74px;
	height:14px;
	}

/*メニューボタン「お問合せ」*/
#header .contact{
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/menu_contact.gif) no-repeat;
	width:87px;
	height:14px;
	}




/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */

.linktitle {
	width:180px;
	height:22px;
	margin-bottom:5px;
	}

.link {
	width:180px;
	margin-bottom:15px;
	}

.link li {
	margin-bottom:3px;
	padding-left: 15px;
	list-style-type: none;
	background: url(http://img.shop-pro.jp/tmpl_img/15/li.gif) no-repeat;
	background-position: 0px 6px;
	}
.link li img {
	}
	
#group-list {
	border-top:1px dotted #CCC;
	padding-top:5px;

	padding-bottom:15px;
}


 /* ------ 会員専用ページ ------ */
 
div#btn_members_login,
div#btn_members_logout {
	margin:9px 0px 12px;
	text-align:center;
}

div#btn_members_signup {
	text-align:center;
}

div#btn_members_signup span,
div#btn_members_logout span {
	display:block;
	line-height:1.1em;
	margin-bottom:3px;
	font-size:11px;
}

	
 /* ------ カートを見る、店長コーナー ------ */

.link_2 {
	width:180px;
	margin-bottom:15px;
	}
.link_2 .top
	{
	height: 27px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/linktitle_cart.gif) no-repeat;
	text-align: center;
	}
.link_2 .middle {
	background:url(http://img.shop-pro.jp/tmpl_img/15/link_2.gif) repeat-y;
	padding:5px 15px;
	border-top: 2px solid #DDDDDD;
	}
	
.link_2 .bottom {
	height:5px;
	}
.link_2 .bottom img {
	 width:180px;
	 height:5px;
	 }

.cart ul {
	padding:5px 15px;
	}
.cart li {
	background:none;
	padding:0;
	}

.owner_photo {
	display:block;
	margin:0px auto;
	}

.subtotal {
	margin:0 15px;
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	margin:0 15px;
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	margin:0 15px;
}
.cart .postage {
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
	
	
 /* ------ メルマガ ------ */
.mailmaga {
	text-align:center;
	border-bottom:1px #9E9E9E solid;
	border-right:1px #9E9E9E solid;
	border-left:1px #9E9E9E solid;
	}


 /* ------ フリーページ ------ */
 
.freepage li {
	margin-bottom:3px;
	}




/* ************************************************ 
 *	メイン
 * ************************************************ */
 
/* ------------------------------------- 
 *	各ページ共通
 * ------------------------------------- */
 
 /* ------ 角丸ボックス ------ */
 
.round_top {
	height:30px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/round_top.gif) no-repeat;
	}

.round_top img {
	height:15px;
	margin-left:18px;
	}
	
.round_bg {
	background:url(http://img.shop-pro.jp/tmpl_img/15/round_bg.gif) repeat-y;
	text-align:left;
	}

	
.round_bottom{
	height:30px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/round_bottom.gif) no-repeat;
	}




 /* ------ パンくずナビ等 ------ */
 
.pankuzu { margin-bottom:5px; font-size:10px;}

.sort { margin-bottom:10px;}
.pagenavi { text-align:center;}



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

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

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



/* ------------------------------------- 
 *	トップページ（Information、フリースペース）
 * ------------------------------------- */

.info_title{
	height:34px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/info_title.gif) no-repeat;
	}
.info {
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/info_border.gif) repeat-y;
	padding:15px 20px;
	}
.info_bottom{
	height:5px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_0/info_bottom.gif) no-repeat;
	}


.freespace {
	/*border:1px solid #CCC;*/
	/*padding:20px;*/
	}


/* 新着情報 */

#news_box {
	height: 150px;
	width: 480px;
	overflow: auto;
	margin: 0px auto;
	padding: 0px;
}
#news_box li {
	padding: 0.6em;
	list-style-type: none !important;
	margin-bottom: 2px;
	border-bottom: 1px dotted #D4D4D4;
}

/* ------------------------------------- 
 *	商品リスト（4列表示）
 * ------------------------------------- */

.item_box {
	float:left;
	width:100px;
	padding:10px 18px 0px 18px;
	text-align:center;
	}
	
.item_box img{
	border:1px dotted #999999;
	display:block;
	max-width: 100px;
	}

/* ------------------------------------- 
 *	商品一覧
 * ------------------------------------- */

.item_cat {
	width:100%;
	}


.item_cat .thumnail {
	background:url(http://img.shop-pro.jp/tmpl_img/15/cat_border.gif) repeat-y;
	background-position:right;
	margin-right:10px;
	max-width: 100px;
	max-height: 100px;
	}
.item_cat .thumnail img {
	border:1px dotted #999999;
	margin-right:20px;
	max-width: 100px;
	max-height: 100px;
	}
.item_cat .expl {
	 padding:0px 20px;
	}
.item_cat .expl .name {}
.item_cat .expl .price { height:30px; text-align:right;}

/* ------------------------------------- 
 *	会員専用価格の表示　商品一覧用
 * ------------------------------------- */
.regular_price_all {
	padding:0px 0px 2px 30px;
	margin:0px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
	text-align:right;
	
}

.price_all {
	padding:0px 0px 0px 30px;
	margin:0px;
	text-align:right;
}

.discount_rate_all {
	padding:2px 0px 0px 30px;
	margin:0px;
	color:#ff0000;
	text-align:right;
}

/* ------------------------------------- 
 *	商品詳細ページ
 * ------------------------------------- */

/*商品画像（画像周囲の飾り枠）*/
.main_img {
	padding:3px 3px 10px 3px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/main_img.gif);
	max-width: 510px;
	max-height: 510px;
	}

/*商品名*/
.detail_name {
	/* font-size:120%; */
        font-size:1.5em;
	font-weight:bolder;
	padding:0px 0px 5px 0px;
	}

/*商品販売価格*/
.detail_price {
	font-size:120%;
	padding:0px 0px 10px 0px;
	border-bottom:1px dotted #CCC;
	}

/*商品説明テキスト*/
.detail_expl {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding:10px 0px 10px 0px;
	}

/*価格詳細表*/
.spec  {
	font-size:18px;
	margin:10px 0px 0px 0px;
	}
.spec td {
	height:20px;
	padding-right:10px;
	}

.sub_img {
	float:left;
	width:100px;
	margin-right:5px;
	margin-bottom:5px;
	}
.sub_img .thumnail {
	width:100px;
	border:1px dotted #999999;
	display:block;
	margin-bottom:3px;
	}
.zoom {width:32px;height:7px;border:none;}

.etc {
	width:195px;
	}
.etc_btn {
	width:195px;
	height:23px;
	display:block;
	margin-bottom:5px;
	}
.detail_title {
	width:529px;
	height:20px;
	margin-bottom:5px;
	}

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

p#sk_link_other a {
	font-size:12px;
}
	
/* ------------------------------------- 
 *	会員専用価格の表示　商品詳細検索結果用
 * ------------------------------------- */	
.regular_price_detail {
	padding:5px 0px 0px;
	margin:0px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
	margin:0px;
	color:#ff0000;
	font-weight:bold;
}

.discount_rate_detail {
	padding:0px 0px 5px;
	margin:0px;
	color:#ff0000;
}


/* ------------------------------------- 
 *	こんな商品も買ってます
 * ------------------------------------- */

.together {
	width:169px;
	float:left;
	margin:0px 0px 20px 3px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/together.gif) repeat-y;
	}
.together .top {
	height:12px;
	width:169px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/together_top.gif) no-repeat;
	}
.together .middle {
	text-align:center;
	width:149px;
	padding:3px 10px;
	}
.together .bottom {
	height:12px;
	width:169px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/together_bottom.gif) no-repeat;
	background-color:#fff;
	}
.together .middle img{
	border:1px dotted #999999;
	display:block;
	margin:0px auto;
	max-width: 100px;
	}



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

/*トラックバックURL*/
.tb_url{
	font-size:12px;
	font-weight:bolder;
	color:#FF3366;
	margin-bottom:20px;
	}

/*トラックバックの枠*/
.tb{
	border:1px #DDDDDD solid;
	margin-bottom:20px;
	width:529px;
	}

/*トラックバックの日付*/
.tb_date {
	color:#333;
	background:#EAEAEA;
	padding:5px 10px;
	border-bottom:1px #DDDDDD solid;
	}

/*記事名・ブログ名*/
.tb_title {
	color: #FF3366;
	background:#F4F4F4;
	padding:10px;
	}
.tb_body {
	padding:10px;
	border-top:1px #DDDDDD solid;
	border-bottom:1px #DDDDDD solid;
	}

/* ------------------------------------- 
 *	最近チェックした商品
 * ------------------------------------- */
.checkitem_list {
	margin:10px 0;
	float:left;
	padding: 0 6px 0 0;
	width: 100px;
	}

.ci_img {
	border: 1px dotted #999999;
	width:90px;
	margin-bottom:3px;
	}

/* ------------------------------------- 
 *	特定商取引（SK）
 * ------------------------------------- */

.sk_title {
	font-size:120%;
	color:#339999;
	font-weight:bolder;
	text-align:center;
	}

#sk_shop th {
	text-align:left;
	font-weight:normal;
	color:#339999;
	padding:3px 10px 3px 0px;
	}

#sk_shop td {
	padding:3px 10px 3px 0px;
	}

/*お支払い方法・配送方法の罫線の色*/
.sk {
	width:515px;
	background:#FFF;
	border:1px #999 solid;
	margin-top:10px;
	}

.sk .title {
	font-size:120%;
	font-weight:bolder;
	padding:10px;
	}

.sk .title img {
	margin:3px;
	}

.sk .note {
	padding:10px;
	border-top:1px #999 dotted;
	}

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



/* ------------------------------------- 
 *	商品検索結果
 * ------------------------------------- */
.srh {
	margin-bottom:30px;
	}
.srh_hit {
	font-size:120%;
	line-height:170%;
	border-bottom:3px #FF6699 dotted;
	}
	
/* ------------------------------------- 
 *	会員専用価格の表示　商品検索一覧用
 * ------------------------------------- */
.regular_price_search {
	padding:0px 0px 2px 30px;
	margin:0px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
	text-align:right;
}

.price_search {
	padding:0px 0px 0px 30px;
	margin:0px;
	text-align:right;
}

.discount_rate_search {
	padding:2px 0px 0px 30px;
	margin:0px;
	color:#ff0000;
	text-align:right;
}

/* ------------------------------------- 
 *	オプション
 * ------------------------------------- */

.option_title {
	font-size:120%;
	font-weight:bolder;
	text-align:center;
	color:#FFF;
	margin-top:30px;
	}
.option {
	margin:20px auto;
	background:#666666;
	}

.option .cell1 {
	color:#666666;
	background:#DDDDDD;
	padding:3px;
	}

.option .cell2 {
	background:#FFF;
	padding:3px;
	}

.option_btn {
	margin-bottom:10px 0px;
	text-align:center;
	}


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

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

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


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

.privacy_title {
	font-size:120%;
	font-weight:bolder;
	background:#FFF;
	padding:5px;
	margin-top:20px;
	}

.privacy_note {
	padding:10px;
	}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}