/* --------------------------
   各ブラウザ間の表示統一設定
   -------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {
	margin:0;
	padding:0;
}

body {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana,　Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	margin:10px;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


fieldset,img {
       border: 0;
}

q:before,q:after {
	content:'';
}

h3{
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    border:solid 1px #CCC;
    border-radius: 5px;
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    padding: 5px;
}

h3 span{ border-left:5px #CCC solid;padding-left:10px; }

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

a:link,
a:active,
a:visited {
        color:#5A482B;
	text-decoration:none;
}

a:hover {
 	color:#666;
	text-decoration: none;
	filter : alpha(opacity=50);  /* IE7以下用 */
	-ms-filter : "alpha(opacity=50)"; /* IE8用 */
 	-moz-opacity : 0.5; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity : 0.5;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity : 0.5; /* Firefox 1.5以上, Opera, Safari用 */
}

/* ----------------
   ヘッダーエリア
   ---------------- */
.wrap {
   position:relative;
   width:930px;
   margin:0 auto;
}

.pr{
   left:0;
   top:0;
   padding: 2px 20px 0 2px;
   float:left;
}

.pr p {
   margin:0;
   font-size:11px;
}

.logo {
   left:0;
   top:0;
   padding: 0 50px 10px 2px;
   float:left;
}

#header_btn {
        left:10px;
	padding:  2px 2px 0 10px;
	text-align: right;
	color: #777;
	float:right;
}

/* ------------
   上部メニュー
   ------------ */
#menu {
   width:100%;
   float:left;
   background:url("http://img11.shop-pro.jp/PA01145/199/etc/bg_menu.gif") 0 -60px repeat-x;
}

#menu ul {
	width:930px;
	margin:0 auto;
	padding-top:3px;
}

#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:130px;
   line-height:57px;
   border-right:1px solid #D8D8D8;
   color:#3F2A0F;
   font-weight:bold;
   font-size:14px;
}

#menu li.home a {
   border-left:1px solid #D8D8D8;
}

/* ----------------
   コンテンツエリア
   ---------------- */
#content {
	width:930px;
	height:auto;
	margin:15px auto 20px;
	background: #fff;
	clear: both;
	text-align:left;
	position:relative;
	}

/* ------------
   サイドエリア（左）
   ------------ */
#side_area {
	width:230px;
	margin-bottom:20px;
	margin: 10px 10px 0 0 ;
	float: left;
	text-align:left;
}

/* ------------
   メインエリア（右）
   ------------ */
#main_area {
	width:680px;
	margin-bottom:20px;
	margin:10px auto;
	float: right;
}

.img {
    border: 1px solid #DDD;
    align:center:
}

#base_area{
	width:840px;
	margin-bottom:20px;
	margin:10px auto;
}

/* ------------
   カートの中身
   ------------ */
.total {
	padding:5px;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	list-style-type:none;
	padding:3px;
}

.postage li {
	text-align:left;
}

/* ------------
   ベースエリア
   ------------ */
.discription {
	overflow:hidden;
	text-align:center;
}

.discount{
	color:#FF5888;
}

.none {
	padding-left:20px;
}

/* --------------
   ぱんくずリスト
   -------------- */
/* ぱんくずリスト */
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#breadcrumbs{
  overflow: hidden;
  width: 100%;
  font-size:80%;
}
 
#breadcrumbs li{
  float: left;
  margin: 0 .5em 0 1em;
}
 
#breadcrumbs a{
  background: seashell;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  position: relative;
}

#breadcrumbs a::before,
#breadcrumbs a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: seashell;
  transform: skew(-10deg);
}

#breadcrumbs a::before{
  left: -.5em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs a::after{
  right: -.5em;
  border-radius: 0 5px 5px 0;
}
 
#breadcrumbs .current,
#breadcrumbs .current:hover{
  font-weight: bold;
  background: none;
}
 
#breadcrumbs .current::after,
#breadcrumbs .current::before{
  content: normal;
}

/* --------------
   サブカテゴリ
   -------------- */
#subcategory_area {
	width:630px;
	padding-left:10px;
}

#subcategory_area .title {
	font-size:16px;
	color:#629A35;
	font-weight:bold;
	padding-bottom:15px;
}

#subcategory_area .image {
	display:block;
	height:auto;
	border:1px solid #CCC;
}

#subcategory_area .link {
	width:100px;
	padding:5px 0;
	overflow:hidden;
}

/* --------
   商品詳細
   -------- */
#datails_area {
	width:650px;
	padding:0 20px 10px 20px;
}

#datails_area .other_image {
	display:block;
	width:200px;
	height:auto;
	padding:2px;
}

#datails_area .title {
	font-size:17px;
	color:#5A482B;
	padding-left:25px;
	padding-bottom:13px;	
	background: url(http://img11.shop-pro.jp/PA01145/199/etc/otsuchi_icon.jpg) no-repeat ;
}

/* ------------------
   オプション詳細情報
   ------------------ */
#option_area {
	width:630px;
	margin:0px auto;
	padding:15px 0;
	}

.option_title {
	font-size:14px;
	color:#5A482B;
	font-weight:bold;
	padding-bottom:8px;
}

.option th {
	color:#629A35;
	font-weight:normal;
	background-color:#C9DCBB;
	border:1px solid #CCC;
	padding:10px;
}

.option td {
	color:#629A35;
	font-weight:bold;
	border:1px solid #CCC;
	padding:10px;
}

/* シンプルテーブル
----------------------------------------------------------- */
.simple_tbl	{
	border: 1px solid #DDD;
	margin-bottom: 20px;
}
.simple_tbl th	{
	background: url(http://img11.shop-pro.jp/PA01145/199/etc/table_th.jpg) repeat-x bottom;
	border: 1px solid #DDD;
	padding: 10px 20px;
	color: #333;
        text-align:center;
}
.simple_tbl td	{
	border: 1px solid #DDD;
	padding: 10px 20px;
	color: #333;
}


/*角丸テーブル*/
.maru_tbl  {
    border: 1px solid #DDD;
    margin-bottom: 20px;
    border:solid 1px #CCCCCC;
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
}

.maru_tbl th{
	border: 1px solid #DDD;
	padding: 10px 5px;
	color: #333;
        text-align:center;
}
.maru_tbl td{
	border: 1px solid #DDD;
	padding: 10px 5px;
	color: #333;
}

/* --------------
   Q＆Aーエリア
   -------------- */
/* --- Q＆Aリストエリア--- */
#faq  ol.qa {
	width: 650px; 
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

/* --- リスト項目の内容 --- */
#faq ol.qa dl {
	margin: 0;
	background: #f9f9f9 url(http://img11.shop-pro.jp/PA01145/199/etc/qa_back.gif) repeat-x top; 
}

/* --- Questionエリア --- */
#faq ol.qa dt {
	margin: 0;
	padding: 8px 6px 6px 35px; 
	border: 1px #c0c0c0 solid; 
	background: #FFF url(http://img11.shop-pro.jp/PA01145/199/etc/q3g.gif) no-repeat 4px 8px; 
	line-height: 150%;
}

/* ---Answer エリア --- */
#faq ol.qa dd {
	margin: 0;
	padding: 15px 6px 25px 35px; 
	background: #FFF url(http://img11.shop-pro.jp/PA01145/199/etc/a5.gif) no-repeat 4px 8px; 
	line-height: 150%;
}

/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:200px;
	overflow:hidden;
	margin:3px 0 3px;
	padding:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
}

.stotal {
	text-align:right;
}

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

.viewcart {
	padding:5px 0;
	text-align:center;
}

/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */
.product_list {
	float: left;
	width: 217px;
	text-align: center;
	padding:5px 0 20px 0;
}


.product_item {
	text-align: center;
	width:195px;
	margin: 0 auto;
	}

.product_item img {
	padding: 4px;
	border: 1px #D1D1D1 solid;
        box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.3);
	}

.product_item .name {
	line-height: 120%;
	margin:5px;
	}

.product_item .price {
	color: #383371;
	}

.product_item .expl {
	color: #999;
	font-size: 10px;
	line-height:120%;
	text-align: left;
	margin:5px;
	}


/* --------------
   商品検索
   -------------- */
#keyword{
   width: 135px;
   height: 18px;
   border: 1px solid #CCC;
   padding: 2px;
   text-shadow: 0 1px #fff;
   border-radius: 1px; }

#search{
	clear:both;
	width:60px;
	height:24px;
	background:url(http://img11.shop-pro.jp/PA01145/199/etc/search.gif) no-repeat;
	line-height:25px;
	border:none;
}

#product_num{
	width: 50px;
	height: 16px;
	border: 1px solid #CCC;
	padding: 2px;
}

/* --------------
   フッターエリア
   -------------- */
#footer {
	width:100%;
	height:200px;
	margin:0 auto;
	text-align:left;
	padding: 20px  10px 10px 10px;
	clear: both;
}

#copyright {
	width:100%;
	height:25px;
	text-align:center;
	padding: 10px;
	clear: both;
}