@charset "Shift_JIS" ;

* {
	margin:0;padding:0;
}
body{
	margin:0;padding:0;
	color:#333;
	font-size: 75%;
/* font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅"; */
/* font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif; */
	line-height: 150%;
	font: 75% "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img { -ms-interpolation-mode: bicubic; } /* バイキュービック法 IE7のみ */

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

/* ------------------------------------- 
 *	リンクの色設定
 * ------------------------------------- */
/* ショップタイトル-リンク色指定 */

a:link    {color: #444; text-decoration: underline;}
a:visited {color: #666; text-decoration: underline;}
a:active  {color: #444; text-decoration: underline;}
a:hover   {color: orange; text-decoration: underline;}

#title a:link    {color: #000; text-decoration: none;}
#title a:visited {color: #000; text-decoration: none;}
#title a:active  {color: #000; text-decoration: none;}
#title a:hover   {color: #555; text-decoration: none;}

/* カテゴリー */
/* 親 */
#side #category li a:link    {text-decoration: underline;}
#side #category li a:visited {text-decoration: underline;}
#side #category li a:active  {text-decoration: underline;}
#side #category li a:hover   {text-decoration: underline;}
/* 子 */
#side #category li li a:link    {text-decoration: none;}
#side #category li li a:visited {text-decoration: none;}
#side #category li li a:active  {text-decoration: none;}
#side #category li li a:hover   {text-decoration: none;}

#side .category-h3 a:link,
#side .category-h3 a:visited,
#side .category-h3 a:active,
#side .category-h3 a:hover {color:white; text-decoration: none;}
#side .category-h3 a:hover {color:#eee;}

		/* 使わない 
#header p.attention a:link    {color: #0000FF; text-decoration: underline;}
#header p.attention a:visited {color: #0000FF; text-decoration: underline;}
#header p.attention a:active  {color: #0000FF; text-decoration: underline;}
#header p.attention a:hover   {color: #ff0000; text-decoration: underline;}
*/

/* jQuery使用 */
#header ul.marquee li a:link    {color: #0000FF; text-decoration: underline;}
#header ul.marquee li a:visited {color: #0000FF; text-decoration: underline;}
#header ul.marquee li a:active  {color: #0000FF; text-decoration: underline;}
#header ul.marquee li a:hover   {color: #ff0000; text-decoration: underline;}




/* ------------------------------------- 
 *	サイトタイトルの設定
 * ------------------------------------- */

h1 {
	color:#000;
	font:22px/170%;
	margin:0;
	float:left;
}
h1 span{
	display:none;
}


/* ------------------------------------- 
 *	商品画像のサイズ・装飾設定
 * ------------------------------------- */

p{
	text-align:justify;
	margin:0;padding:0;
	line-height:100%;
	text-justify:inter-ideograph;/* IEのみ (IE5~8) */
	/padding-bottom:3px; /* メイリオでテキストの下が切れるバグ回避IE6,7 */
	}

/* 画像のボーダー */
img.border {
	border:1px #CCC solid;
}
img.no-border {
	border:none;
}


/* 商品のその他画像のサイズ */
img.thumnail {
	width:100px;
}

/* 商品画像 */
img.left-image{
	border:1px solid #ccc;
	padding:2px;
}

img {border:none;}
.small {font-size:10px;}
.right {text-align:right;}
.center {text-align:center;}
.date {font-size:90%;text-align:right;}


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

/* ページ幅 */
#wrapper {
	width:900px;
	margin:0px auto;
	background:#FFF;
}

#body {
	clear:both;
	width:100%;
	margin-top:10px;
}

#main {
	display:inline; /* IE6用Hack */
	margin:0 0 0 190px;
	width:710px;
	padding:0;
	}


/* -------------------------------------
 *	トップページ中央
 * ------------------------------------- */

#topbox {
	float:left;
	display:inline;/* IE6用Hack */
	width:520px;
	margin:0 0 0 5px;padding:0 0 0 0;
	margin-bottom:10px;
	}
#topbox h2{
/*	clear:both; */
	margin:25px 0 0 0 ;
	padding-bottom:5px;
	}
#topbox h2.h2-half{
	margin:0 ;padding:0;
	}
#topbox p{
	line-height:140%;
	}

/* 今月のケビンオススメ */
#kevin-reco-inner{
	border:1px solid #d4f599;
	border-width:0 2px 2px 2px;
	padding:0 3px;
	}
.kevin-reco-box{ /* 個別商品 */
	width:165px;
	float:left;
	padding:3px 3px 0 2px;
	}
.kevin-reco-box h3.pickup{
	background:url("/images/icon_kevin.gif") no-repeat;
	background-position:0 8px;
	padding:7px 3px 3px 52px; /* アイコン48px */
	}
.kevin-reco-box h3.reco{
	background:url("/images/icon_osusume.gif") no-repeat;
	background-position:0 8px;
	padding:7px 3px 3px 46px; /* アイコン42px */
	}
.kevin-reco-box img{
	display:block;
	margin:0 auto 5px auto;
	}
.kevin-reco-box p{
	padding:0px 5px;
	margin:0;
	}

/* スタッフコラム */
#column-left{
	float:left;
	width:250px;
	}
#column-left h3{
	padding:3px 3px;
	}
#column-left p{
	padding:0 5px;
	margin:0;
	}
#column-right{
	width:250px;
	padding-left:20px;
	float:left;
	}
#column-right h3{
	padding:3px 3px;
	}
#column-right p{
	padding:0 5px;
	margin:0;
	}

.column-image{
	display:inline; /* IE6用Hack*/
	margin:0 8px 3px 6px;
	float:left;
	border:1px solid #ccc;
	}

/* 三分割のBOX */
.center-cell{
	width:173px;
	float:left;
	margin:3px 0 5px 0;
	background:#fff;
	}
.center-cell h3{
	padding:0 6px;
	text-align:center;
	font-weight:bold;
	}
.center-cell p{
	padding:0 8px;
	margin:0;
	}
.center-cell img{
  display:block;
	margin:0 auto;
	padding:3px 0;
	}

.cell-space{
	clear:both;
	font-size:1;
	line-height:10px;
	}

/* カテゴリーから探す */

.center-category h3{
margin-top:.5em;
}
.center-category ul{
margin:0 0 1em 0;	padding:0 10px;
}
.center-category ul li{
	list-style:none;
	display:inline;
	padding:0 4px 0 0;
	margin:0;
}
.center-category ul li span{
	background:url("/shop/images/layout/li-green.gif") no-repeat;
	background-position: 0 0.4em;
  padding-left: 10px;
  margin-right: -0.3em;
}

/* ------------------------------------- 
 *	トップページ右側
 * ------------------------------------- */
#right-side{
	float:right;
	width:165px;
	/* background-color:#CCFFCC; */
	padding:0 0 0 16px;
	}

#right-side #side2{
	margin-left:1px;
}

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

#header {
	width:900px;
	padding-bottom:5px;
	margin-bottom:6px;
}


#header .margin {
	margin:3px 0px 0px 10px;
	}

/*検索ボックス*/
#header #catch{
	background-color:#e4ffcc;
	text-align:left;
	font-size:90%;
	line-height:110%;
	margin:0 0 0 0;
	padding:4px 0em 4px 10px;
	overflow:hidden;
}

#header #title {
	/*padding-right:230px;*/
	float:left;
}


#header p.line{/* lite用 */
	clear:both;
	font: 5px sans-serif;
	border:1px solid #E4FFCC;
	border-width:3px 0 0 0;
	margin:0;padding:0;
}

#header-banner{
	margin:0 0 0 10px;
	padding:0 0;
	float:left;
	line-height:0;
	}

#header-cart{ /* 買い物かごを見るボタン */
  line-height:0;
	margin:8px 0 0 10px;
	padding:0;
	float:left;
	}

#header #shiharai{ /* 支払い方法アイコン */
	margin:10px 0 0 10px;
	float:left;
	line-height:0;
	}

#header #search{
 line-height:100%;
 margin:0;padding:0;
 clear:both;
 background:url("/images/header-soryo.gif") repeat-y top;
 height:30px;
 }

#header #search form{
	background:url("/images/search.gif") no-repeat;
	background-position:4px 4px;
	line-height:100%;
	margin:0;
	padding:4px 0 0 100px;
	float:left;
	}

#header #search form img{
	line-height:0;
	margin:0;padding:0;
	}

#header #search .shousai{
	text-align:right;
	margin:8px 3px 0 0;
	}

#header p.attention{
	background:url("/images/attention.gif") no-repeat #f5f5f5;
	background-position:4px 2px;
	margin:0;
	padding:4px 4px 2px 44px;
}

ul.marquee {
	display: block;
	margin:0;padding:0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	/* optional */
	height: 1.5em;
	background-color: #f5f5f5;
	/* border: 1px solid #08084d; */
}
ul.marquee li {
	margin:0;
	list-style:none;
	position: absolute;
	top: -999em; left: 0;
	display: block;
	background:url("/images/attention.gif") no-repeat;
	background-position:4px 2px;
	white-space: nowrap;
	height:auto;
	padding:4px 4px 2px 44px;
	/* optional */
	/* padding: 3px 5px; */
}



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

#header-menu {
	clear:both;
	height:20px;
	margin:0 auto;
	padding:0;
	list-style:none;
	}

#header-menu li {
	overflow:hidden;
	float:left;
	background:url("../images/new/menu-back3.gif") bottom no-repeat;
	text-align:center;
/*	font-size:110%; */
	font-size:100%; /* メイリオ */
	font-weight:bold;
	margin:0;
	padding:0;
	}

#header-menu .h-menu a{
	overflow:hidden;/* IE対策 */
	height:20px;
	/*	width:167px; */
	width:150px;
	display:block;
	}

#header-menu .h-menu a:link{
	color:#336600;
	color:white;
	text-decoration:none;
	}

#header-menu .h-menu a:visited{
	color:#336600;
	color:white;
	text-decoration:none;
	}

#header-menu .h-menu a:active{
	color:#336600;
	color:white;
	text-decoration:none;
	}

#header-menu .h-menu a:hover{
	color:#993300;
	color:white;
	background:url("../images/new/menu-back3.gif") top no-repeat;
	}




/* -------------------------------------
 *	コンテンツページ、商品ページ
 * ------------------------------------- */

#contents-box { /* トップページ以外 */
	float:left;
	width:640px;
	width:710px;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	}

#contents-box .category-title{ /* text-body（ブログ記事）内では上書きする */
	display:block;
	margin:5px 0 20px 0;
	padding:0 0 0 0;
}

#contents-box .sub-category-list{
/*	margin:0 0 20px 10px; */
}

/* item-body -------------------------------------------------------------- */
/* goods-detail は item-body に名称変更 */


#item-body h2{
	font-size:140%;
	margin:30px 0 15px 5px;
	padding:2px 6px;
	border:1px solid #81D8AC;
	line-height:140%;
	border-width:0 0 0 12px;
	}
#item-body h2#goods-title{
	margin:10px 0 20px 5px;
	border:1px solid orange;
	border-width:0 0 0 12px;
}

#item-body .gift-icon{
	display:block;
	margin:0px 3px 0 0;
	float:right;
}

#item-body h3{
	clear:both;
	font-size:125%;
	color:#555;
	padding:0;
	margin:3em 1em 1.1em 1em;
	border:1px dotted orange;
	border-width:0 0 2px 0;
	text-indent:18px;
	background:url("../images/layout/icons/arrow2.gif") no-repeat left 2px;/* アイコン */

	}
#item-body h4{
	font-size:125%;
	line-height:140%;
	color:#555;
	padding:0;
	margin:1.5em 0 .3em 2em;
/*	border:1px solid #ddd;
	border-width:0 0 0 12px;
	text-indent:5px;*/
	}
#item-body h5{
	font-size:125%;
	margin:1.8em 1em 0 1.5em;
	}

#item-body p{
	font-size:120%;
	line-height:170%;
	margin:0 2em 1.4em 2em;
	padding:0;
}

#item-body p.line{
	clear:both;
	font: 5px sans-serif;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:25px 0;padding:0 5px;
}
#item-body td{
	font-size:120%;
}
#item-body td p{/* tdが120％なので、もとのpのサイズに戻す */
	font-size:100%;
}


#item-body .cart p.line{/* 買い物かご中の区切り線 */
	margin:20px 0 0 0;padding:0 5px;
}

#item-body img.left-image{
	display:block;
	margin:0 10px 5px 0;
	float:left;
}
#item-body img.right-image{
/*	border:1px solid #ddd; */
	display:block;
	margin:0 10px 5px 15px;
	float:right;
}
#item-body img.border{
	border:1px solid #ddd;
	padding:3px;
}



#item-body .red{
	color:red;
}
#item-body ul{
	margin:10px 0 20px 4em;
	font-size:120%;
}
#item-body ol{
	margin:10px 0 20px 5em;
	font-size:120%;
}
#item-body li{
	font-size:100%;
	line-height:150%;
	margin:.3em 0;
	padding:0;
	text-indent:0;
}
#item-body li li{
	font-size:80%;
	line-height:150%;
	margin:.3em 0;
	padding:0;
	text-indent:0;
}
#item-body .cart{
	width:600px;
	margin:0 auto auto auto;
	padding:18px 0 0 0;
}
#item-body .cart p{
	margin-left:0;
}
#item-body .cart .goods-image{
	display:block;
	clear:both;
	float:left;
	margin:0 15px 0 0;
	padding:0;
}
#item-body .cart form{
	margin:0;
	padding:0;
	text-align:right;
	font-size:110%;
}
#item-body .cart form .kakaku{
	color:red;
	font-weight:bold;
}
#item-body .cart .gift-icon-long{
	clear:both;
	line-height:100%;
	display:block; text-align:right;
	padding-left:233px;
}
#item-body .cart .gift-cart{
	border:1px solid pink;
	padding:5px;
	margin-botton:30px;
}

#item-body div.campaign{ /* キャンペーンinclude="campaign"の中身 */
	font-size:90%;
}

#item-body h3.voice{ /* 体験談 */
	font-size:120%;	
	color:#555;
	padding:0;
	margin:2em 1em 0 1em;
	padding-left:48px;
	text-indent:0;
	border:1px dotted orange;
	border-width:0 0 1px 0;
	/* text-indent:48px; */
	background-image:url("../images/layout/icons/taiken.gif");/* アイコン */
	background-repeat:no-repeat;
	}
#item-body p.name{/*感想などの氏名*/
	text-align:right;
	font-size:100%;
	line-height:110%;
	padding:0 inherit;
	margin:3px 3em 0 0;
	}

/* text-body----------------------------------------------------------------------- */
/* goods-detailと対になる場所（主にコラム） */

#text-body .category-title{
	display:block;
	margin:5px 0 20px 0;
	padding:0 0 0 0;
}

#text-body h2{
	clear:both;
	font-size:130%;
	margin:30px 0 20px 5px;
	padding:2px 6px;
	border:1px solid #81D8AC;
	line-height:140%;
	border-width:0 0 0 12px;
	}
#text-body h2#title{
	margin:10px 0 20px 5px;
	border:1px solid orange;
	border-width:0 0 0 12px;
}

#text-body .gift-icon{
	display:block;
	margin:0px 3px 0 0;
	float:right;
}

#text-body h3{
	clear:both;
	font-size:125%;
	color:#555;
	padding:0;
	margin:1.8em 1em 1.1em 1em;
	border:1px dotted orange;
	border-width:0 0 2px 0;
	text-indent:18px;
	background:url("../images/layout/icons/arrow2.gif") no-repeat left 2px;/* アイコン */

	}
#text-body h4{
	font-size:125%;
	line-height:140%;
	color:#555;
	padding:0;
	margin:1em 0 0 1.7em;
/*	border:1px solid #ddd;
	border-width:0 0 0 12px;
	text-indent:5px;*/
	}
#text-body h5{
	font-size:125%;
	margin:1.8em 1em 0 1.5em;
	}

#text-body p{
	font-size:120%;
	line-height:170%;
	margin:0 2em 1.4em 2em;
	padding:0;
}
#text-body p.line{
	clear:both;
	font: 5px sans-serif;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:25px 0;padding:0 5px;
}



#text-body td{
	font-size:120%;
}
#text-body td p{/* tdが120％なので、もとのpのサイズに戻す */
	font-size:100%;
}

#text-body .cart p.line{/* 買い物かご中の区切り線 */
	margin:20px 0 0 0;padding:0 5px;
}

#text-body img.left-image{
	display:block;
	margin:0 10px 5px 0;
	float:left;
}
#text-body img.right-image{
	display:block;
	margin:0 10px 5px 15px;
	float:right;
}

#text-body img.border{
	border:1px solid #ddd;
	padding:3px;
}

#text-body .red{
	color:red;
}
#text-body ul{
	margin:10px 0 20px 4em;
	font-size:120%;
}
#text-body ol{
	margin:10px 0 20px 5em;
	font-size:120%;
}
#text-body li{
	line-height:150%;
	margin:.3em 0;
	padding:0;
	text-indent:0;
}

#text-body .cart{
	width:550px;
	margin:0 auto auto auto;
	padding:18px 0 0 0;
}
#text-body .cart p{
	margin-left:0;
}
#text-body .cart .goods-image{
	display:block;
	clear:both;
	float:left;
	margin:0 15px 0 0;
	padding:0;
}
#text-body .cart form{
	margin:0;
	padding:0;
	text-align:right;
	font-size:110%;
}
#text-body .cart form .kakaku{
	color:red;
	font-weight:bold;
}
#text-body .cart .gift-icon-long{
	clear:both;
	line-height:100%;
	display:block; text-align:right;
	padding-left:233px;
}
#text-body .cart .gift-cart{
	border:1px solid pink;
	padding:5px;
	margin-botton:30px;
}
#text-body h3.voice{ /* 体験談 */
	font-size:120%;	
	color:#555;
	padding:0;
	margin:2em 1em 0 1em;
	padding-left:48px;
	text-indent:0;
	border:1px dotted orange;
	border-width:0 0 1px 0;
	/* text-indent:48px; */
	background-image:url("../images/layout/icons/taiken.gif");/* アイコン */
	background-repeat:no-repeat;
	}
#text-body p.name{/*感想などの氏名*/
	text-align:right;
	font-size:100%;
	line-height:110%;
	padding:0 inherit;
	margin:3px 3em 0 0;
	}

#text-body #kanren br{ /* 記事の投稿の際に改行が変換されるのを防ぐ */
	display:none;
	}


/* text-body ここまで------------------------------------------------------- */


.calendar{ /* 営業日カレンダー */
	border-collapse: separate;
	border:solid 1px #ccc;
}
.calendar td{
	color:#555;
	text-align:center;
	border:solid 1px #ccc;
	}
table.calendar{
	margin-right:10px;
	float:left;
	}
.calendar td.close{
	background-color:#ffc267;
	}
.calendar td.open{
	background-color:white;
	border:1px solid #ccc;
	}
.calendar td.event{
	background-color:#67e8ff;
	}
.calendar caption{
	font-weight:bold;
	}
.calendar-box p{
	margin-left:0;
}


/* ------------------------------------- 
 *	ブログ記事のカテゴリー、タグ
 * ------------------------------------- */
#cate-tag{
	margin:0 2em 1.5em 2em;
}
#cate-tag h3{
	display:inline;
	border:none;
	background:none;
	font-size:100%;
	text-indent:0em;
}
#cate-tag ul{
	display:inline;
	font-size:100%;
	margin-right: 0;
	margin-left: 1px;
}
#cate-tag li{
	font-size:100%;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
/*    line-height: 1.2; */
	background: none;
}


/* ------------------------------------- 
 *	アイテムエリアの設定（商品ページ・関連商品）
 * ------------------------------------- */
#kanren h2{
	margin:2em 0 .5em 5px;
	padding:2px 6px;
	border:1px solid #81B8D7;
	border:1px solid #3289F5;
	font-size:140%;
/*	border-width:1px 1px 1px 15px; */
	border-width:0 0 0 12px;
	}

#kanren .itemarea {
	margin:5px .5em;
	width:22%;
	float:left;
	text-align:left;
	background:#FFF;
}
#kanren .itemarea p{
	margin:0;padding:0;
	text-align:center;
	line-height:130%;
	display:block;
}
/* bun */
#kanren .itemarea p{
	display:none;
}

#kanren .itemarea h3{
	clear:both;
	margin:0;
	padding:0;
	text-indent:0;
	text-align:center;
	font-size:100%;
	font-weight:normal;
	border:none;
	background:none;
}

#kanren .itemarea p.kakaku{
	display:block;
	font-size:100%;
	color:red;
}
#kanren .itemarea .left-image{
float:none;
	text-align:center;
	display:block;
	margin:0 auto;
}
#kanren .itemarea .gift-button{
	display:block;
	margin:1px 0;padding:0;
	text-align:center;
}
#kanren .itemarea-banner{
	margin:5px 0;
	width:50%;
	float:left;
	text-align:center;
}

#kanren p.line{
	clear:both;
	font: 5px sans-serif;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:5px 0;padding:0 5px;
}






/* ------------------------------------- 
 *	フッター（メニュー、コピーライト）
 * ------------------------------------- */

#footer {
	clear:both;
	width:100%;
	background-position:left bottom;
	padding-bottom:5px;
	text-align:center;
}

p#footer-menu{
	background-color:#E4FFCC;
	text-align:center;
	padding:5px; /* メイリオ */
	font-size:90%; /* メイリオ */
}

address {
	font-style:normal;
}

#footer p.line{/* lite用 */
	clear:both;
	font: 5px sans-serif;
	border:1px solid #E4FFCC;
	border-width:3px 0 0 0;
	margin:0;padding:0;
}



/* ------------------------------------- 
 *	トップページ右側
 * ------------------------------------- */
 /* --------------------------------上部 */
#top-banner{
	clear:both;
	}
 
#top-banner img{
 	margin:0 0 10px 0;
	}
 
.box300{ /* 幅325px */
	float:left;
	padding:5px 5px 5px 5px;margin:0 0 0 0;
	width:320px;
	}

.box600{
	clear:both;
	padding:0 0;margin:0;
	width:500px;
	}

.box300 h2.
.box600 h2{
	margin:0;
}

.box300 p,h3,
.box600 p,h3{
	font-size:100%;
	line-height:140%;
	margin:0;
	padding:0 8px 0 5px;
}



.box300 p.line,
.box600 p.line{
	clear:both;
	font: 5px sans-serif;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:5px 0;padding:0 5px;
}
.box300 img.left,
.box600 img.left{
	display:block;
	float:left;
	margin:5px;
	padding-right:5px;
}

.box300 h3.campaign,
.box600 h3.campaign{
	background:url("../images/new/campaign-icon.gif") no-repeat;
	background-position:2px left;
	text-indent:52px;
	font-size:110%;
	font-weight:100;
	line-height:120%;
	margin:8px 0 2px 0;
	padding:0 5px;
}

.pickup-box{
	width:310px;
	margin-right:10px;
	float:left;
}
.pickup-box-let{
	float:left;
	font: 5px sans-serif;
	margin:1em 0;
	border:2px dotted #ddd;
	border-width:0 2px 0 0;
}


.box300 h3.pickup,
.box600 h3.pickup{
	background:url("../images/new/pickup-icon.gif") no-repeat;
	background-position:2px left;
	text-indent:36px;
	font-size:110%;
	font-weight:100;
	line-height:120%;
	margin:8px 0 2px 0;
	padding:0 5px;
}
.box300left{
	padding:5px 15px 5px 5px;
}

.newitem h3{
	background:url("../images/new/icons5.gif") no-repeat;
	background-position:2px left;
	text-indent:28px;
	font-size:110%;
	font-weight:100;
	line-height:120%;
	margin:8px 0 2px 0;
	padding:0 5px;
}

.box400overflow{
	overflow:auto;
/*	height:120px;  */
	background-color:#fffff2;
	height:240px; 
	margin-bottom:15px;
	padding:.5em;
	border:1px solid #A6FF87;
	border-width:1px 0 1px 1px;
}

.box400overflow h3{
	background:url("../images/new/icon_arrow1.gif") no-repeat;
	background-position:2px 2px;
	text-indent:6px;
	font-size:100%;
	font-weight:bold;
	line-height:120%;
	margin:4px 0 0 0;
	padding:0 5px;
}



 /* --------------------------------下部 */
.left400{
	float:left;
	width:480px;
	margin:0 0 0 0;
	}
.left400 .maintitle{
/*	background:url(../images/new/border400.gif) no-repeat bottom; */
	background:url("../images/new/back-h2.gif") repeat-x top;
	font-size:120%;
	padding:0 0 3px 5px;
	margin-bottom:5px;
}
.left400 .itemarea {
	margin:5px 0;
	width:25%;
	float:left;
	text-align:center;
}
.left400 .itemarea .bun{
	display:none;
}
.left400 .itemarea h3{
	font-size:100%;
	font-weight:normal;
}

.left400 .itemarea p{
line-height:100%;
}
.left400 .itemarea-banner{
	margin:5px 0;
	width:50%;
	float:left;
	text-align:center;
}



/* ------------------------------------- 
 *	カテゴリーページ
 * ------------------------------------- */
#contents-box .sub-category-list{
	margin:0 0 30px 10px;
}
#contents-box .sub-category-list ul{
	list-style:none;
	padding:0 0 0 5px;
	margin:0;
/*	border:1px solid pink;
	border-width:0 0 0 10px;*/
}
#contents-box .sub-category-list li{
	display:inline;
	padding:0 10px 0 0;
	font-size:110%;
	line-height:150%;
}

#category-top h2{
/*	margin:5px 0 12px 0;
	border:1px solid #ddd;
	border-width:0 0 0 10px;
	padding:0 0 0 3px;
	font-size:120%;
	*/
/* item-bodyのh2
	clear:both;
	font-size:130%;
	margin:30px 0 15px 5px;
	padding:2px 6px;
	border:1px solid #81D8AC;
	line-height:140%;
	border-width:0 0 0 12px;
*/

	font-size:130%;
	border:none;
	color:#555;
	padding:2px 6px 0 6px;
	margin:0;
	border:1px orange solid;
	border-width:0 0 0 12px;
}

#category-top .itemarea{
	clear:both;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:5px 10px;/* 左右10px余白追加 */
	padding:6px 0;
}

#category-top img.left-image{
	display:block;
	margin:0 1em 5px 0;
	float:left;
}
#category-top .itemarea h3{
	font-size:120%;
	font-weight:normal;
}

#category-top .itemarea p{
	margin:0;padding:0;
	line-height:130%;
	display:block;
}
#category-top .itemarea p.bun{
}

#category-top .itemarea p.kakaku{
	text-align:right;
	color:red;
}
#category-top .itemarea img.gift-button{
	display:inline;
	text-align:right;
}

#category-top p.line{
	clear:both;
	font: 5px sans-serif;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:5px 10px;/* 左右10px余白追加 */
	padding:0 5px;
}



/* ------------------------------------- 
 *	商品カテゴリー（サイドバー） 
 * ------------------------------------- */

#side { /* センター揃え不可 marginはIEで2倍になるため、paddingで指定 */
	width:175px;
/*	margin:0 auto 0 auto;
/*	padding:0 0 0 5px; */
	padding:0 15px 0 0;
	float:left;
}

#side .top-banner{
	display:block;
	margin:0 0 10px 0;
	padding:0;
}

#side #author{
	width:173px; /* 175-2 borderの分 */
	margin:0 0 20px 0;
	padding:0;
	font-size:110%;
	border:1px solid #ccc;
}
#side #author h4{
	margin:5px 8px;padding:0;
	line-height:120%;
	font-size:90%;
}

#side #author p{
	margin:0 8px;padding:0;
	line-height:120%;
	font-size:90%;
}
#side #author img{
	display:block;
	margin:3px auto;
	padding:2px;
}

#side #category {
	width:173px; /* 175-2 borderの分 */
	margin:0 0 20px 0;
	padding:0;
	font-size:110%;
	border:1px solid #ccc;
}

#side h3.category-h3{
	background:url("/images/category-title-top.gif") no-repeat;
	width:175px;
	padding:3px 0;
	margin:0;
	color:white;
	font-weight:bold;
	text-align:center;
}

#side #category p{
	margin:1em 18px 0 0;
	font-size:90%;
	text-align:right;
}

#side #category ul{
/*	width:155px; */
	margin:0;
	padding:0;
	list-style:none;
	background:white;
}

#side #category li{
	display:inline;/* IE対策 */
	margin:0;
	padding:0;
}
#side #category ul li img.left-image{
	display:inline;
	margin:0 0 2px 12px;
	padding:0;
}


#side #category ul li span{
	display:block;
}

#side #category ul li { /* 親カテゴリーa */
	display:block;
	font-weight:bold;
	text-align:center;

	font-size:90%;/* メイリオ */
	background:url("/images/_parts/menu-p-back.gif");
	margin:2px 3px 8px 3px;
	padding:0;
	border:1px dotted #c6c6c6;
	border-width:0 0 1px 0;
}

#side #category ul ul{ /* サブカテゴリーの箱 */
	margin:0;
	padding:0 0 8px 0;
}

#side #category ul li li{  /* 個々のサブカテゴリー */
	display:block;
	font-size:90%;/* メイリオ */
	background:url("../images/layout/li-green.gif") no-repeat ;
	background-position:0 .6em;
	background-color:#FFF;
	overflow:hidden;
	font-weight:normal;
	text-align:left;
	margin:4px 0 0 6px;
	padding:3px 0 0 10px;
	/margin:0 0 0 6px; /* IEのみ */
	border:none;
}




/* ------------------------------------- 
 *	 カテゴリー画像の設定
 * ------------------------------------- */

/* とりあえず削除 */






/* 各ページでのカテゴリー指定例　親カテゴリー（おすすめCD）の場合
#side #category ul li#cat-cd a{
	background-position:bottom;
}
#side #category ul li#cat-cd li{
	display:inline;	
}
*/

/* 各ページでのカテゴリー指定例 サブカテゴリー（ミネハハ）の場合
#side #category ul li li#cat-cd-minehaha a,
#side #category ul li li#cat-cd-minehaha a:hover{
	background-position:bottom;
}
*/


#side p#update{
	margin:0 0 3px 0;
	padding:0 0 0 1em;
	font-size:75%;
	line-height:100%;
	letter-spacing:0;/* メイリオ */
}

#side .banner{
	clear:both;
}
#side .banner img{
	display:block;
	margin:4px 0 0 0;
	padding:0;
}

#side .left-box input{
	display:block;
	text-align:center;
	margin:0 auto;
}
#side .left-box p{
margin:0;padding:0;
}
.side-menu{
	width:175px;
	margin:25px 0 15px 0;
}
.side-menu p{
	margin:0;padding:0;
	line-height:120%;
}
.side-menu h3{
	clear:both;
	text-indent:0;
	margin:0;
	padding:0;
}
.side-menu img{
	float:left;
	margin:0 3px 0 0;
}

.side-menu p.line{
	clear:both;
	font: 5px sans-serif;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:5px 0;padding:0 5px;
}


.left-box{ /* かごの中を見るボタン */
	display:block;
	margin:10px 0;
	width:163px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#FFFFF0;
	}


#side .side-free{

	display:block;
	margin:20px 0 20px 0;
	width:163px;
	padding:5px;
	border:1px solid #ccc;
	background-color:#FFFFF0;
}
#side .side-free h3{
	margin:0;padding:0;
}
#side .side-free p{
	margin:0;padding:0;
	line-height:120%;
}

/* ------------------------------------- 
 *	ランキング
 * ------------------------------------- */
 
#side2 {/* トップページのランキング */
/*	width:164px;
	margin:0; */
}
#side #side2{ /* トップページ以外のランキング */
/*	clear:none;
	float:left; */
}

#side #side2 { /* トップページ以外のランキング */
	display:none;
	clear:both;
	width:165px;
/*	float:left;
	margin:0;
	padding:0 ;*/
}
/* 以下共通 */
#side2 h2{
	font-size:100%;
	font-weight:bold;
}
#side2 .box1{
	padding:0px;
	margin:0 auto 10px auto;
}
#side2 .box1 h2{ /* 売れ筋ランキング */
	font-size:110%;
	background:url("../images/layout/crown.gif") no-repeat top;
	margin:0 auto;
	padding:7px 0 7px 0;
	text-indent:0;
	text-align:center;
}
.ranking{
	margin:0 auto;
	text-align:center;
	background-color:white;
	padding:5px 5px 0 5px;
	border:1px solid #cdccca;
	border-width:0 1px 1px 1px;
	}
.ranking p.update{
	text-align:right;
	font-size:90%;
	margin:0;
	padding:0;
}
.box-ranking{
	margin-bottom:20px;
}
.box-ranking h3{
	font-size:130%;
	height:32px;
	width:165px;
	padding:0;
	margin:0;
	background:#fff url("/images/ranking-title.gif") no-repeat;
	}
.box-ranking h3 span{
	display:none;
}
.box-ranking h4{
	margin:0;padding:0;
	text-align:left;
	font-size:100%;
	color:#7d744a;
}

.odd{
	background-color:#E2FDFF;
	padding:3px 0;
}
.even{
	background-color:#FFECFC;
	padding:3px 0;
}
.ranking-bottom{
	background:url("../images/layout/crown.gif") no-repeat bottom;
	text-align:center;
	padding:7px 0 5px 0;
	margin:0 auto;
}

p.ranking-bottom{
margin:0;padding:4px 0;font-size:90%; 
line-height:100%;
}


/* 新商品 */
.right-newitem-inner{
	margin:0 auto;
	text-align:center;
	padding:5px;
	border:1px solid #cdccca;
	border-width:0 1px 1px 1px;
}
.right-newitem-inner p{
	margin:0;padding:0;
	line-height:130%;
	/padding-bottom:3px; /* メイリオでテキストの下が切れるバグ回避IE6,7 */
}

.right-newitem-inner img{
	display:block;
	padding-right:3px;
	margin:3px;
	float:left;
	}
.right-newitem-inner img.no-float{
	margin:3px auto;
	float:none;
	}
.right-newitem-inner .item{
	clear:both;
	margin-bottom:1em;
	}
.right-newitem{
	margin-bottom:20px;
}
.right-newitem h3{
	font-size:100%;
	line-height:100%;
	height:24px;
	width:165px;
	padding:0;
	margin:0;
	background:#fff url("/images/new-item.gif") no-repeat;
	}
.right-newitem h3 span{
	display:none;
}
.right-newitem h4{
	background:url("/images/new2.gif") no-repeat;
	background-position:0 4px;
	text-indent:28px;
	margin:2px 0;padding:0;
	text-align:left;
	font-size:100%;
	color:#7d744a;
}
.right-newitem .cell-space{
	clear:both;
	font-size:1;
	line-height:1px;
	border:1px dotted #aaa;
	border-width:1px 0 0 0;
	margin:0;
	padding:0 0 13px 0;
	}




/* 新着情報 */
.right-whatsnew-inner{
	margin:0 auto;
/*	background-color:#fffacd; */
	background-color:white;
	padding:7px 5px 5px 5px;
	border:1px solid #cdccca;
	border-width:0 1px 1px 1px;
	overflow:auto;
	}
.right-whatsnew p{
/*	margin:0 0 1em 0;padding:0; */
	padding:0px;
	margin:0;
	line-height:130%;
	/padding-bottom:4px; /* テキストの下が切れるバグ回避IE6,7 */
	}

.right-whatsnew h3{
	font-size:100%;
	line-height:100%;
	height:24px;
	width:165px;
	padding:0;
	margin:0;
	background:url("/images/whatsnew.gif") no-repeat;
	}
.right-whatsnew h3 span{
	display:none;
	}
.right-whatsnew h4{
	background:#f0f0f0;
	border:1px solid #ffc338;
	border-width:0 0 0 10px;
	text-indent:5px;
	line-height:100%;
	margin:0 0 4px 0;
	padding:4px 0 1px 0;
	text-align:left;
	font-size:100%;
	color:#7d744a;
	width:8em;
}




a.pagetop{ /*このページのトップへ*/
	display:block;
	clear:both;
	width:137px;
	height:17px;
	background-image:url("../images/layout/to-top.gif");
	background-repeat:no-repeat;
	margin:.4em 25px 1.5em auto;
}
.alt{display:none;}




/* ------------------------------------- 
 *	ご利用案内（フリースペース）
 * ------------------------------------- */

.free-space {
	margin:0 auto;
	padding:0;
	margin-bottom:1em;
}
.free-space .free-left{
	width:46%;
	float:left;
	padding:0 5% 0 1%;
}
.free-space .free-right{
	width:46%;
	float:left;
	padding:0 1% 0 0;
}

#main .free-space{
	padding:0;
	margin-top:40px;
	width:100%;
}
#main .free-space .free-left{
	width:46%;
	padding:0 5% 0 1%;
}
.free-space h2{
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-indent:0;
	border:none;
	font-size:120%;
	background-image:url("/images/annai.gif");
	background-repeat:repeat-x;
	background-position:top;
}

.free-space h3{
	font-size:110%;
	padding:0;
	margin:10px 0 2px 0;
	text-indent:0;
	}

.free-space p{
	margin:0 0 .5em 1em;
	line-height:130%;
}

.free-space p.line{
	clear:both;
	font: 5px sans-serif;
	border:1px dotted #ddd;
	border-width:2px 0 0 0;
	margin:5px 0;padding:0 5px;
}

#main .free-space img{
	display:block;
	}

.free-space table.soryo{
	border-collapse:collapse;
	border-color:#ccc;
	margin:0 auto;
	}

.free-space table.soryo th{
	padding:0 .3em;
	background-color:#fff8c1;
	border-color:#999;
	font-weight:normal;
	}

.free-space table.soryo td{
	background-color:#fff;
	border-color:#999;
	font-weight:bold;
	text-align:center;
	}

.free-space .calendar-box{
	margin-left:20px;
	}

/* ------------------------------------- 
 *	メールフォーム
 * ------------------------------------- */
form.mail-form{
	width:auto;
	margin:0 0 0 2em;
	}

.hissu{
	color:red;
	font-size:90%;
	}

form.mail-form .hissu{
	color:red;
	font-size:80%;
	}

form.mail-form .caution{
	color:red;
	}

form.mail-form .header{
	background:#FFE3EF;
	}

form.mail-form td{
	padding:3px;
	}
#goods-detail form.mail-form td{
	font-size:100%;
	}
form .odd{
	background-color:#E2FDFF;
	padding:3px 0;
	}

form .even{
	background-color:#FFFADD;
	padding:3px 0;
	}

#width-whole{
	margin:30px 100px;
	}

#width-whole .red{
	color:red;
	}

#width-whole p{
	margin:.6em 1em;
	font-size:120%;
	line-height:140%;
	}

#width-whole .caution{
	color:red;
	}

#width-whole .header{
	background:#FFE3EF;
	}

#width-whole td{
	padding:3px;
	font-size:100%;
	}

#width-whole h2{
	margin:.3em 0;
	font-size:130%;
	border:1px solid orange;
	border-width:0 0 1px 15px;
	text-indent:4px;
	}

#width-whole h3{
	margin:.3em 0;
	font-size:120%;
	}

/* ------------------------------------- 
 * jQuery
 * ------------------------------------- */
/*
#lightbox1.0{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{

	font-size: 100%;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
	}
a.lightbox-close{
	display:block;
	width:20px;height:20px;
	background:url("/images/lightbox/close.gif") no-repeat;
	}
a.lightbox-close kbd{display:none;}
*/


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/slimbox2/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/slimbox2/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/slimbox2/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 100%;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/slimbox2/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* ------------------------------------- 
 * タグクラウド
 * ------------------------------------- */

.widget-tag-cloud{
	margin:0 0 2em 0;
}
.widget-tag-cloud .widget-content ul {
    margin-right: 0;
    margin-left: 5px;
}

.widget-tag-cloud .widget-content li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.2;
    background: none;
}

.widget-tag-cloud .rank-1  { font-size: 1.75em; }
.widget-tag-cloud .rank-2  { font-size: 1.75em; }
.widget-tag-cloud .rank-3  { font-size: 1.625em; }
.widget-tag-cloud .rank-4  { font-size: 1.5em; }
.widget-tag-cloud .rank-5  { font-size: 1.375em; }
.widget-tag-cloud .rank-6  { font-size: 1.25em; }
.widget-tag-cloud .rank-7  { font-size: 1.125em; }
.widget-tag-cloud .rank-8  { font-size: 1em; }
.widget-tag-cloud .rank-9  { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

.widget-tag-cloud a:link    {text-decoration:none;}
.widget-tag-cloud a:visited {text-decoration:none;}
.widget-tag-cloud a:active  {text-decoration:none;}
.widget-tag-cloud a:hover   {text-decoration:none;}




/* EOF */