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

body {
	padding-top: 0px;
	color: #222222;
	font-size: 12px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 150%;
	background-color: #FFF;
        text-align: center;  
}

td, th {
  color : #000000;
  vertical-align : top;
}

a:link {
	color: #222222;
	text-decoration: underline;
}

a:visited {
	color: #222222;
	text-decoration: underline;
}

a:active {
	color: #222222;
	text-decoration: none;
}

a:hover {
	color: #222222;
	text-decoration: none;
}

img {
	margin: 0px;
	padding: 0px;
	display: block;
	background: #FFF;
	border: 0px;
}

a:hover img {
	margin: 0px;
	padding: 0px;
	display: block;
	background: #EEEEEE;
	border: 0px;
}

li {
	list-style-type: none;
	margin-bottom:5px;
}

/*ショップ名文字サイズ*/
h1 {
	font-size: 15px;
	margin-bottom: 10px;
}

/*ページタイトル部分*/
h2 {
	font-size: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
}


h3 {
	font-size: 12px;
	margin-bottom: 5px;
}

h4 {
	font-size: 13px;
	padding-top: 0px;
	margin-top: 50px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #BBBBBB;

}

h6 {
	font-size: 14px;
        font-weight: normal;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-bottom: 0px;
	margin-left: 10px;
}
#main h2 {
	margin-bottom: 5px;
}


#side h2 {
	margin-bottom: 10px;
}

.mainmenu {
	margin: 6px;
	border-bottom: 1px solid #DDDDDD;
}

.company {
 font-weight: bolder;
	font-size: 12px;
	margin-bottom: 5px;
	border-top:1px #CCC solid;
 padding-top:7px;
}

.news_img {
	border-top:1px #DDD solid;
 padding:20px 0px;
}

.news_img02 {
 padding: 0px 0px 25px 0px;
}

.news_title01 {
	line-height: 170%;
 font-weight: bolder;
	font-size: 12px;
	border-top:1px #DDD solid;
 padding:20px 15px 15px 0px;
}

.news_title02 {
	line-height: 170%;
 font-weight: normal;
	font-size: 11px;
 padding:5px 0px 15px 0px;
}

.news_title03 {
	line-height: 160%;
 font-weight: bolder;
	font-size: 14px;
	border-top:1px #DDD solid;
 padding:25px 0px 10px 0px;
}

.news_title04 {
	line-height: 160%;
 font-weight: bolder;
	font-size: 12px;
 padding:5px 0px 15px 0px;
}

.news_01{
	line-height: 160%;
 font-weight: normal;
	font-size: 12px;
 padding:5px 0px 15px 0px;
}

.news_02{
	line-height: 160%;
 font-weight: normal;
	font-size: 11px;
 padding:5px 0px 15px 0px;
}

.news_03{
	line-height: 160%;
 font-weight: normal;
	font-size: 12px;
 padding:5px 0px 0px 0px;
}

.news_04{
	line-height: 160%;
 font-weight: normal;
	font-size: 11px;
 padding:5px 0px 5px 0px;
}
.news_back{
	line-height: 160%;
 font-weight: normal;
	font-size: 10px;
 padding:30px 0px 0px 0px;
	text-align: right;
}

.error {
	line-height: 160%;
 font-weight: bolder;
	font-size: 20px;
 padding:25px 0px 10px 0px;
}

/*商品詳細ページの詳細テキストレイアウト*/
#detail {
	width: 600px;
	padding-right: 20px;
}

#detail h3 {
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 11px;
	color: #222222;
	line-height: 170%;
}

#detail h4 {
	margin: 20px 0px;
	font-size: 11px;
	line-height: 200%;
}

#detail img {
	padding-bottom: 7px;
	display: block;
	background: #FFF;
	border: 0px;
}

#detail h5 {
	margin: 0px 0px 15px 0px;
	font-size: 10px;
	line-height: 140%;
}

#detail .button {
	margin-top: 20px;
}

.footstamp {
	font-size: 10px;
	margin-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.footstamp2 {
	font-size: 10px;
	margin-top: 10px;
	padding-left: 20px;
	margin-bottom: 5px;
}

.catalog_thum{
	clear:none; 
	display:inline; 
	float:left; 
	padding:0px 0px 0px 0px;
	margin:0px 8px 10px 0px;
	border:1px solid #CCCCCC;
}

.catalog_image{ 
	clear:none; 
	display:inline; 
	float:left; 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	position: relative; 
	z-index: 15;
	border: 1px solid #CCC;
}

div.arrowtop{ 
	clear:both; 
	display:block; 
	width:50px; 
	height:33px; 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 402px;
}

div.item_text
{ clear:both; display:inline; float:right; height:20px; margin:0px 0px 0px 0px; padding:5px 10px 0px 0px;}


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

/*ページ中央の幅*/
#wrapper {
	width:900px;
	margin:0px auto;
	background:#FFF;
        text-align: left;  
}

#header {
}


#main-wide	{ 
	width:840px; 
	height:auto; 
	text-align:left; 
	padding:0px 0px 0px 30px;
}

/*　画面左側の幅　*/
#main {
	width: 600px;
	margin-top: 40px;
	margin-right: 20px;
	float: right;
}

/*　画面左側の幅　*/
#main2 {
	width: 860px;
	margin-top: 40px;
	margin-right: 0px;
	float: left;
}


/*　レイアウト調整　*/
#side {
	margin-top: 40px;
	float: left;
}

/*　画面右側メニューの幅　*/
.side_in {
	width:190px;
	margin-top: 0px;
	margin-left: 20px;
	font-size: 10px;
	line-height: 180%;
}

.side_shop {
	width:190px;
	padding-top: 10px;
	border-top:1px #CCC solid;
	line-height: 180%;
}


.side_cat_title {
	font-weight: bolder;
	height: 20px;
	border-bottom:1px #AAA solid;
	padding-top:30px;
	}

.side_cat_text {
	height:20px;
	border-bottom: 1px #CCC solid;
	color: #000000;
	padding:7px 0px;
	}

.side_cat_text a {color: #222222;}
.side_cat_text a:link    {color: #000000;text-decoration: none;}
.side_cat_text a:visited {color: #000000;text-decoration: none;}
.side_cat_text a:active  {color: #000000;text-decoration: none;}
.side_cat_text a:hover   {color: #000000;text-decoration: none;}

/*　フッター　*/
#footer {
	clear: both;
	padding-top: 50px;
}

#footer2 {
	clear: both;
	padding-top: 20px;
}

/* ************************************************ 
 *	トップ
 * ************************************************ */
.itemarea {
	font-size: 11px;
	line-height: 150%;
	margin: 0px 8px 15px 0px;
	width:144px;
	float:left;
}

.info {
	font-size: 12px;
	padding-top: 6px;
	line-height: 170%;
	padding-bottom: 6px;
}


/*会員専用ページ*/
#btn_members_login,
#btn_members_logout {
	margin:0px 0px 15px;
}

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

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

.price_top {
	padding-top:5px;
}

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


/* ************************************************ 
 *	商品一覧・検索結果一覧の表示
 * ************************************************ */
table.list {
	width:620px;
	border-top:1px #222222 solid;
	border-bottom:1px #222222 solid;
}

table.list td {padding:10px 5px;}

/* 商品の名前 */
.name {
	font-size:11px;
        font-weight: normal;
	padding-top:5px;
	margin-right:15px;
}

/* 商品の値段 */
table.list div.price {
	font-size:10px;
	color:#222222;
	width:144px;
	float:right;
	text-align:right;
}
/* 商品の簡易説明 */
table.list {margin-top:10px;}

/*商品一覧：サブカテゴリーの表示*/
.subcategory {
	margin: 0px 0px 8px 0px;
	width:620px;
	float:left;
}

.explain {
	width:600px;
	padding-right:20px;
	float:left;
}

/*並べ替え条件指定*/
.sort {
	font-size:10px;
	padding: 5px 0px;
	margin-top: 15px;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

.pagenavi {
	padding: 10px 0px;
}

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

.group-list-link {
	margin:5px 0px 0px;
}

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

.price_all {
	padding-top:5px;
	padding-bottom:5px;
}

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

/* ************************************************ 
 *	商品詳細
 * ************************************************ */

.large {
}

.small {
	width:150px ;
	margin:0px 10px 0px 0px;
	float:left;
}

/*会員専用価格 商品詳細用*/
.regular_price_detail {
	padding:0px 0px 2px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
}

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

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */

#together {
	margin: 0px 0px 20px 0px;
	}

#together .tog_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:5px;
	border-bottom: 2px solid #222222;
	}

#together .together_list {
	margin:10px 3px 3px 3px;
	float:left;
	width: 130px;
	text-align:left;
	}

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

#trackback {
	margin: 0px 0px 20px 0px;
}

#trackback .tb_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:5px;
	border-bottom: 2px solid #222222;
}

#trackback .tb_url {
	font-size: 11px;
	padding: 5px 10px 5px 10px;
}

#trackback .tb {
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

#trackback .tb_date {
	font-size: 10px;
	padding: 10px 10px 10px 10px;
}

#trackback .tb_title {
	font-weight: bold;
	padding: 0px 10px 10px 10px;
}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #222222;
	border-bottom: 1px dotted #222222;
}

#trackback .tb_state {
	padding: 5px 10px 5px 10px;
}

/*table レイアウト　商品詳細の価格表*/
.table {
	width: 250px;
	background: <{$productlist_border}>;
}

.table th {
	font-weight: normal;
	background: #EEE;
	border-bottom: 0px solid #999999;
	border-left: 0px solid #FFF;
	padding: 5px 10px 5px 10px;
	text-align: left;
	width: 138px;
}

.table td {
	background: #FFF;
	padding: 5px 0px 5px 10px;
}

#detail .expl {
	font-size:12px;
	line-height:150%;
	text-align: left;
	margin: 0px 20px 30px 0px;
	}

#detail .table {
	font-size:12px;
	line-height:130%;
	width: 600px;
	text-align:left;
        vertical-align: top;
	margin-top: 30px;
	margin-bottom: 0px;
	border-top: 0px #999 solid;
	}

#detail .table .cell_1 {
	font-size:11px;
	line-height:130%;
	width: 150px;
	padding: 5px 10px 5px 10px;
        vertical-align: top;
	text-align: left;
	color: #000;
	border-right: 0px #CCC solid;
	border-top:1px #CCC solid;
	border-left:0px #CCC solid;
	}

#detail .table .cell_2 {
	font-size:11px;
	line-height:150%;
	width: 450px;
	padding: 5px 10px 5px 10px;
	text-align: left;
        vertical-align: top;
	color: #000;
	border-right: 0px #CCC solid;
	border-top:1px #CCC solid;
	}
/* ************************************************ 
 *	商品検索ページ
 * ************************************************ */
/*会員専用価格 商品検索結果用*/
.regular_price_search {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_search {
	padding:0px;
}

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

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

#Option {
	padding:15px 10px 10px 0px;
}

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

/* ------------------------------------- 
 *	オプション　項目背景の色 
 * ------------------------------------- */
#Option .option_cell1 {
	font-weight: normal;
	text-align:left;
	background-color:#FFFFFF;
	padding: 5px;
	white-space:nowrap;
}

/* ------------------------------------- 
 *	オプション　価格背景の色
 * ------------------------------------- */
#Option .option_cell2 {
	font-weight: normal;
	text-align:left;
	background-color:#FFFFFF;
	padding: 5px;
}

.option_btn {
	margin-top:10px;
}

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

.price_detail_stock {
	padding:0px;
}

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

/* ------------------------------------- 
 *	特定商取引法
 * ------------------------------------- */
/*特定商取引表*/
.table_sk {
	background: #FFFFFF;
}

.table_sk th {
	font-weight: normal;
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	padding: 8px;
	text-align: left;
	width: 150px;
}

.table_sk td {
	background: #FFF;
	padding: 6px;
}

/*配送・支払方法*/
.terms {
	padding-top:10px;
	margin-bottom:20px;
	border-top: 1px dotted #222222;
}

.payment_table{
	width:400px;
	margin:0px 0px 10px 0px;
}

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



/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
 
body {
	font:12px/1.231 "Lucida Grande","Hiragino Kaku Gothic Pro",Osaka, Arial, sans-serif ;
	*font-size:small;/* IE 7 およびIE 6 標準準拠モードに適用 */
	*font:x-small;/* IE 6 後方互換モードに適用 */
	line-height:1.55;
}
.win body {
	font:13px/1.231 "Meiryo","MS P Gothic", Arial, sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.8;
}
.mac body {
	font:13px/1.231 "Lucida Grande","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka, Arial, sans-serif ;
	line-height:1.75;
}

table {font-size:inherit;font:100%;}

/**
 * Bump up IE to get to 13px equivalent
 */

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}