/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #333333;
	font-size: 85%;
	font-family: 'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;;
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
	text-decoration:none;
}

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

img {
	border: 2px;
}

a:link {color:#1e0540;text-decoration:underline;}
a:visited {color:#1e0540;text-decoration:underline;}
a:active {color:<{$link_normal}>;text-decoration:none;}
a:hover {color:#E48E00;text-decoration:none;}
a img {border-style:none;}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end MacIE5 */


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:920px;
	text-align:left;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
<*--	padding: 10px 10px 10px 10px;-->
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
	width:900px;
	clear:left;
	margin: 0px 10px;
}
.header h1 {
	color:#c8a6e3;
	font-size:12px;
	margin: 0px 3px;
}
.header h1 a {
	text-decoration: none;
}
.top{
	width:900px;
	float:left;
 	margin: 0px 0px;
}
.top_left {
	float: left;
	width:500px;
	margin: 0px 0px 0px 0px;
}
.top_right {
	color:#aaaaaa;
	float: right;
	width: 400px;
}
.top_right h2 {
	font-size:12px;
	font-weight:700;
}
.top_right p {
	font-size:11px;
	padding:2px;
}
#grobal_navi{
	padding: 0px 0px 10px 0px;
}
.navi_01 {
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/navi0102.png");
	background-repeat: no-repeat;
	float:left;
}
.navi_02 {
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/navi0202.png");
	background-repeat: no-repeat;
	float:left;
}
.navi_03 {
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/navi0302.png");
	background-repeat: no-repeat;
	float:left;
}
.navi_04 {
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/navi0402.png");
	background-repeat: no-repeat;
	float:left;
}
.navi_05 {
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/navi0502.png");
	background-repeat: no-repeat;
	float:left;
}
.navi_06 {
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/navi0602.png");
	background-repeat: no-repeat;
	float:left;
}
#login{
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/login02.png");
	background-repeat: no-repeat;
	float:left;
}
#cart{
	background-image: url("https://img16.shop-pro.jp/PA01094/730/etc/cart02.png");
	background-repeat: no-repeat;
	float:left;
}
.a{
	color:#E48E00;
	text-decoration:none;
}

.fade_cat {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
.fade_cat:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}   

.fade {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.0;  
    filter: alpha(opacity=0);  
} 

/*leftとmainを囲む*/
#wrapper {
	width:730px;
	float:left;
 	margin: 0px 10px;
}

/*　画面左側メニューの幅　*/
.left {
	float: right;
	width:160px;
 	margin: 0px 10px 0px 0px;
}
.cat{
	background-color: #ffffff;
	float: right;
	width:153px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 5px;
	border-bottom: solid 1px #1e0540;
	border-left: solid 1px #1e0540;
	border-right: solid 1px #1e0540;}

#sideleft {
	width:160px;
	float:left;
	margin:0;
	padding:10px 0 0 0;
}
#sideright {
	width:160px;
	float:left;
	margin:0;
	padding:10px 0 0 0;
}
/*　中央の幅　*/
.main {
	float: right;
	width: 560px;
}
.img01 {
	float: right;
	width: 560px;
max-width: 100%;
height:auto;
margin:0 0 10px 0;
}
.right {
	float: left;
	width:160px;
}

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

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	margin-bottom:5px;
	list-style-type:none;
}

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

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

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

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

/*　フッター（コピーライト）　*/
.footer {
	width:100%;
	clear:left;
	text-align:center;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* ------------------------------------- 
*　　　ログBOX
* ------------------------------------- */
.logbox{
	border-left:1px solid #1e0540;
	border-right:1px solid #1e0540;
        height: 280px;
        padding: 5px;
        overflow: auto;
}
.logbox_bottom{
	border-bottom:1px solid #1e0540;
	border-left:1px solid #1e0540;
	border-right:1px solid #1e0540;
	text-align: right;
	padding:0 5px 5px 5px;
	margin:0 0 10px 0;
}
#info_box{
	padding:3px;
}

#info_date{
color: #ffffff;
font-weight: bold;
font-size: 14px; 
text-align:center;
background-color: #c8a6e2;
width: 80px;
height: 15px;
	padding:2px;

}
#info_text{
background-color: #ffffff;
	padding:5px;
}

dl.recent {
  padding-top: 4px;
  padding-bottom: 5px;
}
dl.recent dt {
  clear: left;
  float: left;
  width: 7em;
  padding: 2px 0.5em;
  border-left: solid 0.5em #eeb6b7;
  border-top: solid 1px #eeb6b7;
}

dl.recent dd {
  margin-left: 8.5em;
  margin-bottom: 1px;
  padding: 3px 0;
}

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

.checkitem .ci_img {
	width:90px;
	border: 1px solid #DACDB9;
	padding: 4px;
	margin-bottom:3px;
	}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}

/* ------------------------------------- 
 *	商品のスペック表
 * ------------------------------------- */

table.spec {
	background:<{$productlist_border}>;/*商品価格表-罫線の色*/
	width:100%;
}

table.spec th {
	background:#dfd1e9;/*商品価格表右側セルの背景色*/
	padding:5px;
	width:100px;
	color:#333;/*商品価格表右側セルの文字色*/
	font-weight:normal;
	text-align:center;
}

table.spec td {
	background:#FFFFFF;/*商品価格表左側セルの背景色*/
	padding:5px;
	text-align:center;
border-right:1px solid #ccc8c3;
border-bottom:1px solid #ccc8c3;
}

table.spec table.num td {padding:0px;}

table.spec td.sales {
	color:#9a61c5;/*商品価格表-販売価格の文字色*/
	font-size: 120%;
	font-weight:bolder;
}
/* ------------------------------------- 
*	特定商取引など
* ------------------------------------- */
/*特定商取引*/
.table_sk {
	background: #CCC;
	width:560px;
	margin:10px 0;
	padding:0;
	border:none;
	text-align:left;
}

.table_sk th {
	font-weight: bolder;
	background:#f9d1d4;
	padding: 3px 0px 0px 5px;
	width: 140px;
	text-align:left;
}

.table_sk td {
	background: #FFF;
	padding: 5px;
	margin:0 auto;
	text-align:left;
	border:none;
}
/* -------------------------------------
*     クリステンセンについて
* ------------------------------------- */

.chris_info {
	width:548px;
border: solid 1px #1e0540;
	float:left;
	padding: 5px;
}

/* -------------------------------------
*     フッター
* ------------------------------------- */

#footer {
text-align:right;
color:#CCC8C3;
font-size:10px;
margin: 0;
padding:0;
line-height: 200%;
clear:both;
}
#footertop {
height:20px;
width:900px;
text-align:right;
color:#CCC8C3;
margin:0 10px 0 10px;
padding:0;
background: #dfd1e9;
}
#footertop p.Page {
height:11px;
width:56px;
margin:0;
padding:5px 11px 0 0;
float: right;
}
#footebottom {
width:900px;
text-align:center;
color:#4C4B49;
font-size:10px;
margin:5px 0 10px 0;
padding:0;
background: #ffffff;
line-height: 2;
}
#footebottom p{
width:900px;
text-align:center;
color:#4C4B49;
margin:0;
padding:0;

/* ------------------------------------- 
*商品一覧の表示
* ------------------------------------- */
#productlist .s-box{
margin:0 0 0px;
padding:0;
white-space:1.5em;
line-height: 130%;
}
#productlist .s-box table.topTable{
margin:0;
padding:0;
border-collapse:collapse;
width:140px;
}

#productlist .s-box table.topTable td{
border:1px solid #B2AEAA;
background:#fff;
margin:0;
padding:10px 0 10px;
width:140px;
vertical-align:top;
text-align:left;
}

#productlist .s-box table.topTable td div.txtBox{
margin:0 auto;
padding:0;
width:120px;
text-align:left;
word-break:break-all;
}

#productlist .s-box table.topTable td div.imgBox{
width:120px;
height:120px;
margin:0 9px 5px;
background:#ffede4;
display:table;
vertical-align:middle;
text-align:center;
}

#productlist .s-box table.topTable td div.imgBox a { 
display:table-cell;
vertical-align:middle;
}

#productlist .s-box table.topTable td div.imgBox img {
vertical-align:middle;
}

* html #productlist .s-box table.topTable td div.imgBox{ position:relative; }

* html #productlist .s-box table.topTable td div.imgBox a{/* IE 6 */
position:absolute;
top:50%;
left:50%;
}
* html #productlist .s-box table.topTable td div.imgBox a img{/* IE 6 */
position:relative;
top:-50%;
left:-50%;
}

*:first-child+html #productlist .s-box table.topTable td div.imgBox{ position:relative; }

*:first-child+html #productlist .s-box table.topTable td div.imgBox a{/* IE 6 */
position:absolute;
top:50%;
left:50%;
}
*:first-child+html #productlist .s-box table.topTable td div.imgBox a img{/* IE 6 */
position:relative;
top:-50%;
left:-50%;
}

#productlist .s-box table.topTable td div a img{
width:auto;
height:auto;
background:none;
vertical-align:middle;
margin-bottom:0;
}
.pricespace {
margin:0;
padding:5px 0;
font-weight: bold;
}
#cat_title h2 {
margin:0;
padding:5px;
font-size: 12px;
border-top:1px solid #ccc8c3;
background:#dfd1e9;
color: #333;
}
#check {
margin:100px 0 5px 0;
padding:5px;
font-size: 12px;
borderp:1px solid #ccc8c3;
background:#dfd1e9;
color: #333;
}
/* ------------------------------------- 
 *	feed
 * ------------------------------------- */
#feed {
	text-align:center;
	}
#feed img {
	width:57px;
	height:15px;
	margin:5px;
	}
/* ------------------------------------- 
 *	見出し
 * ------------------------------------- */