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

/* URLの正規化（index.html有り無し）2015/06/01 */

Options FollowSymLinks
 RewriteEngine on
 RewriteCond %{THE_REQUEST} ^.*/index.html
 RewriteRule ^(.*)index.html$ http://www.example.com/$1 [R=301,L]

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

body {	 -webkit-text-size-adjust: none;
	font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-size:80%;line-height : 1.5em;
	color:#333333;
	background:#fff ;}

img {	border: 0px;}


a:link    {color: #4f1e1e; text-decoration: underline;}
a:visited {color: #4f1e1e; text-decoration: underline;}
a:active  {color: #4f1e1e; text-decoration: underline;}
a:hover   {color: #E85322;  text-decoration: none;}



H1 {
   color: #FFFFFF; /* 文字の色 */
   padding-left: 10px; /* 左の余白 */
   border-width: 0px 0px 2px 20px; /* 枠の幅 */
   border-style: solid; /* 枠の種類 */
   border-color: #FFFFFF; /* 枠の色 */
   line-height: 100%; /* 行の高さ */
 }
H2 {
	color: ; /* 文字の色 */
	font-size: 180%;
	font-weight: normal;
	padding: 10px; /* 左の余白 */
	border-width:  2px 0px;
	border-style: solid;
	border-color: #333;
	line-height: 100%;
	background-color : ;
 }



h3 {	font-size: 150%;
	font-weight: normal;
	margin: 20px 0 .5rem;
	padding: 0 20px;}

h4 {	font-size: 130%;
	font-weight: normal;
	margin-bottom: 15px ;
	padding: 0 20px;}




/* ************************************************ 
 *	ヘッダーメニュー
 * ************************************************ */



#header{text-align : center;margin-left : auto;margin-right : auto;border-bottom : 1px solid #cc6633;}

#headmenulist{background-color:#333; background-image : url(https://img08.shop-pro.jp/PA01036/270/etc/head-menuBG.gif);background-repeat : repeat-x;
background-position : center bottom;}
#headmenulist img{border-top : 3px solid #3d3d3d; border-bottom : 1px solid #fe9f12;padding:0px 14px;}

#heder-topline{color:#b6b6b6;font-size:12px;width:900px; margin:0px auto;text-align : right;}
#heder-topline a   {color:#ff6600;}
#heder-topline a:hover  {color:#ff0000;}
#heder-topline span{font-size:11px; color:#ff6600;}


#heder-topline           { color:#b6b6b6; font-size:12px; }
#heder-topline a         { color:#ff6600; }
#heder-topline a:hover   { color:#ff0000; }
#heder-topline a:visited { color:#ff6600; }
#heder-topline span      { color:#ff6600; font-size:11px; }



/* ************************************************ 
 *	コンテンツ＆メニュー
 * ************************************************ */


#contents {
	margin: 0px auto;
	width: 960px;
	background: #FFF;  
	}


/* ***********  左側メニュー **********************
 * ************************************************ */

#leftmenu{width:220px;float : left;}

.menu{	width:220px;
	border-width : 1px;
	padding-bottom:5px;
	border-style : solid;
	border-color : #eee;background: #eee;
 -webkit-text-size-adjust: none;}
.menu a:hover {	background: #c0952f;}



/* ------------------------------------- 
 *	メルマガ・店長ブログ
 * ------------------------------------- */

.menu5{margin:5px 0px;}



/* ------------------------------------- 
 *	左メニュー帆前掛けなど
 * ------------------------------------- */

.menu2{ width:220px;
	font-size:12px;
	margin-top: 5px;
	border-width : 1px;
	border-style : solid;
	border-color : #999999;
	padding-bottom:5px;
	text-align : center;}

.menu2 a:hover {
	color: #ffffff;
	background: #c0952f;
	}


/* ***********  右側メニュー **********************
 * ************************************************ */

#main{  width : 700px;float : right;margin-left:20px;}

.menu-Clist{width:168px;background-repeat : no-repeat;margin:5px 1px 0px 20px;padding-top:10px; color:#999999;}
.menu-Clist A{  text-decoration : none;}
.menu-Clist A:visited{  text-decoration : none;}
.menu-Clist A:active {  text-decoration : none;}
.menu-Clist A:hover{  color : #d50000;background:#ffffff;text-decoration : none;}
.menu-Clist DL{margin:0px;}
.menu-Clist dt{margin:0px 0px 5px 40px;font-size:16px; font-weight : bold;}
.menu-Clist dd{margin:11px 0px 8px 8px; font-size:12px;  line-height : 1.4em;}
.menu-Clist dd A{color:#4f1e1e;}
.menu-Clist dd A:visited{color:#4f1e1e;}
.menu-Clist dd A:active{color:#4f1e1e;}
.menu-Clist dd A:hover{  color : #d50000;}

/* ************************************************ 
 *	フッターメニュー
 * ************************************************ */


#fooder  {clear: both;
	overflow  :  hidden;
	width: 100%; 
	text-align:center;
	font-size :12px;
	color: #fff;
	background-color: #3c434e;
	border-top : 20px solid #ffffff;}
#fooder a	  {color: #fff;}
#fooder a:visited {color: #fff;}
#fooder a:active  {color: #fff;}
#fooder a:hover   {color: #fc9;}
#fooder TD	  {color: #fff;  width:220px;}
#fooder dd	  {color: #fff;  width:250px;}
#fooder div	  {overflow : hidden;}
#fooder-menu	  {padding-right : 10px; line-height : 1.5em;}
#fooder-address	  {padding-left  : 60px; line-height : 1.3em;}

#fooder-top	{ background-color: #fff;}
#fooder-top div	{ width:900px; text-align: right;}
#fooder-top span{ color:#fff; background-color:#3c434e; display: inline-block;width : 100px; text-align : center; padding:10px; border-right:1px solid #ccc;}

#fodder-content	{ width:960px; text-align : center;margin:20px auto;}

/* お支払方法、配送と送料の2カラム */
.foodbox 	{ float : left; width:265px; text-align : left; padding:5px;}

/* 住所部分の3カラム目 */
.foodbox2	{ float : left; width:240px; text-align : right; padding:30px 15px 15px 50px;line-height : 1.5em;}
.foodbox2 dl	{ text-align : left;}
.foodbox2 dt	{ line-height : 1.8em;}

/* 3カラム共通 */
.foodtitle	{ font-size:14px; font-weight:bold;
		  padding: 7px 5px 2px 10px;
		  border-left : 3px solid #cccccc;
		  border-bottom : 1px dashed #cccccc;
		  margin-bottom:3px;}
.foodtitlemenu	{ float : left;}
.foodsyosai	{ float : right;text-align:right; font-size:10px;margin:0px 0px;}
.foodsyosai span{ border : 1px solid #cccccc;padding:0px 3px;display : block;margin-bottom:3px;}
.foodred	{ color:#ff9966;  text-align : center;margin-top:7px;  font-weight : bold;}
.foodaddless	{ border-top : 1px dashed #666666;border-bottom : 1px dashed #666666;padding:5px;margin:10px 0px 5px 0px;}
.foodlist	{ clear : both;}
.foodlist dt	{ line-height : 1.8em;margin-top:10px;}
.foodlist dd	{ line-height : 1.2em;padding-left:10px;}



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

/* ------------------------------------- 
 *	100px×100pxの縮小画像表示
 *	※トップ及びサブカテゴリー表示時に使用
 * ------------------------------------- */
.item_box {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 150px;
	float: left;
	font-size:100%;
	}
.item_box2 {
	text-align: center;
	padding: 2px;
	width: 342px;
	float: left;
	font-size:100%;
	}
.item_thumbnail {
	margin: 0px 0px 0px 0px;
	height: 150px;
	overflow: hidden;
	position: relative;
text-align : center
	}

.item_thumbnail img {
	width: 120px;
	height: 150px;
	}

/* ------------------------------------- 
 *	サブカテゴリーレイアウト
 * ------------------------------------- */

.subitem_thumbnail {
	margin: 0px 0px 0px 0px;
	width: 342px;
	height: 212px;
	overflow: hidden;
	position: relative;
	}

.subitem_thumbnail img {
	width: 342px;
	height: 212px;
	}

/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */
.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: 13px;
	}

/* ------------------------------------- 
 *	ページタイトル
 * ------------------------------------- */
.pagetitle {/*
	padding: 5px 10px;
	font-size: 16px;
	color : white;
	background-color : gray;
	*/}


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


/* ------------------------------------- 
 *	その他共通
 * ------------------------------------- */

.pickupitem-title{
	font-size : 12px;
	font-family : "Century Gothic";
	color : white;
	background-color : gray;
	margin-top:10px;
	padding : 3px 10px;}


.pickuplist{
	width:120px;
	padding:10px;
	float:left;
	text-align:center;
  	line-height : 1em;
	font-size:80%;
	}
.pickuplist img{margin-bottom:3px;}
.pickuplist-price{padding-top:2px;font-size:14px;color:#990000;}


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

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


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

/* ------------------------------------- 
 *	お知らせエリア
 * ------------------------------------- */
#infonews{
	width:698px;
	border: 1px solid #999999;	}

.news{
        height   : 400px;
	padding  :  10px;
	overflow :  auto;
	text-align   : left;
	line-height  : 1.5em;
	margin-bottom: 5px;		}
.news img{
	float : left;
	width : 60px;
	height: 75px;padding:2px;
	border: 1px solid #ccc;
	margin-right: 3px;		}
.news A		{ font-weight : bold;	}
.news a:link    { color: #cc6633;	}
.news a:visited { color: #cc6633;	}
.news a:hover { color: #ff3333;	}
.news  a:hover img{padding:2px;
		border: 1px solid #ff3333;	}

.news dt{
	clear  :    both;
	float  :    left;
	margin: 10px 15px;padding-top:10px;
	color  : #999;
	font-size:  15px;
	}

.news dd{	font-size:  12px;
	padding: 10px;
	overflow: hidden;
	line-height  : 1.4em;
	border-bottom: dashed 1px #ccc;	}


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

.commenttitle{
  font-size : 20px;
  font-weight : bold;
  line-height : 1.3em;
  padding-bottom : 5px;
}



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

.product_num {
	width: 50px;
	}

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






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

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


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


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

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



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

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

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

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



/* ************************************************ 
 *	フリースペース
 * ************************************************ */

.fh1{
  color : white;
  background-color : #354258;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
.fh2 a{
  text-decoration : none;
}


.freepage2{
	width: 580px;margin-left:10px;
	background-color : #333;
  border : 2px solid gray;}
.freepage2 TD{padding:10px;}

.td-sub2{  color : #000;
	background-color : #ccc;
	font-weight : bold;
	}