@charset "euc-jp";
/* CSS Document */

/*----------------------------------------------------------------------
	共通部分
----------------------------------------------------------------------*/

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

body {
	background-image: url(/images/bright.jpg);
	background-position:center top;
	background-repeat: repeat;
	font-size:<{$font_size}>;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	color:<{$font_color}>;
	background-color: #000000;
}


#wrapper {
	position : relative;
	height:350px;
	background-color: #000000;
	background-image: url(/images/bright.jpg);
	background-position:center top;
	background-repeat: repeat-y;
}


#subwrapper {
	display : block;
	width:861px;
	height : 350px;
}


#mainwrapper {
	position : absolute;
	top:0px;
	margin-left: 39px;
}



img {
	border: 0px;
}



/*----------------------------------------------------------------------
	共通リンク設定
----------------------------------------------------------------------*/

a:link {
	color: <{$link_normalpro}>;
}

a:visited {
	color: <{$link_normal}>;
}

a:active {
	color: <{$link_normal}>;
}

a:hover {
	color: <{$link_hover}>;
	text-decoration: none;
}

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

.bold {
	font-weight: bold;
}

.note {
	line-height : 180%;
	padding : 10px 0px;
}



/*----------------------------------------------------------------------
	普通のタイトル（「//」が入っている）
----------------------------------------------------------------------*/

div.title {
	color : <{$menu_title_fontcolor}>;
	font-weight : bold;
	border-bottom : 1px dotted <{$menu_title_linecolor}>;
	padding-bottom : 5px;
}





/***********************************************************************
 *	左白部分
 ***********************************************************************/


#left {
	padding: 0px;
}


/*----------------------------------------------------------------------
	検索
----------------------------------------------------------------------*/

#search {
	margin-top : 1px;
	background-color: #dcdcdc;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#search form {
	margin-top : 10px;
	padding-left: 10px;
}

#search input {
	margin-top : 2px;
	padding-bottom: 2px;
} 



/*----------------------------------------------------------------------
	カート
----------------------------------------------------------------------*/

#cartInside {
	margin-top : 0px;
	font-size: 10px;
	color: #313031;
	background-color: #dcdcdc;
	padding: 0px;
	width: 130px;
}
#cartInsidetitle{
	font-weight : bold;
	background-color: #333333;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	height: 10px;
	width: 130px;
	margin-bottom: 0px;
}

#cartInside ul {
	margin-top : 10px;
	margin-bottom : 20px;
	list-style-type : none;
}

#cartInside li {
	padding-bottom : 5px;
}
#cart_item{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
}

/*----------------------------------------------------------------------
	フリーページ
----------------------------------------------------------------------*/

#free {
	margin-top : 20px;
}

#free ul {
	margin-top : 10px;
	list-style-type: none;
}
#free li {
	margin-top : 10px;
	line-height : 140%;
}


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

#together {
	margin-top:20px;
}

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

#trackback {
	margin-top : 20px;
}

#trackback ul {
	margin-top : 10px;
	list-style-type: none;
}

#trackback li {
	margin-top : 10px;
	line-height : 160%;
}

.trackbackDate {
	font-size: x-small;
}




/*----------------------------------------------------------------------
	PROFILE
----------------------------------------------------------------------*/

.owner_photo {
	margin-top:5px;
}




/***********************************************************************
 *	中央水色部分
 ***********************************************************************/



#middle a {
	color:<{$table_title_fontstyle}>;
}

#middle a:hover {
	text-decoration: none;
	background-color: #fff;
}


/*----------------------------------------------------------------------
	中央水色部分タイトル
----------------------------------------------------------------------*/

div.title_middle {
	color : <{$table_title_fontcolor}>;
	font-weight : bold;
	background-color: #fff;
	padding: 2px;
	text-align: center;
	font-size: x-small;
}

div.title_right {
	font-weight : bold;
	background-color: #FF0000;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	height: 6px;
	width: 130px;
}
div.title_righttx {
	font-size: 12px;
	color: #666666;
	width: 130px;
}

/*----------------------------------------------------------------------
	カテゴリリスト・おすすめリスト
----------------------------------------------------------------------*/

#category, #recommend_list {
	margin-top : 20px;
}

#category .title {
	background-color: #FFF;
}


#category ul {
	width : 100px;
	margin : 0px;
	list-style-type : none;
	line-height : 180%;
	font-size: x-small;
}



#recommend_list ul, #seller_list ul {
	width : 90px;
	margin-top : 10px;
	margin-bottom : 20px;
	list-style-type : none;
	line-height : 180%;
	font-size: x-small;
}
#seller_listright {
	width : 90px;
	margin-top : 0px;
	margin-bottom : 20px;
	list-style-type : none;
	line-height : 180%;
	font-size: x-small;
	background-color: #dcdcdc;
}

#cataloha {
	background-image: url(/images/cataloha.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	background-position: left center;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#cataloha a{
	color: #333333;
	text-decoration: none;
}
#cataloha a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#catsub{
	background-repeat: no-repeat;
	height: 13px;
	width: 115px;
	padding-top: 3px;
	padding-left: 0px;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: 84;
}
#catsub a{
	color: #333333;
	text-decoration: none;
}
#catsub a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#catsubend{
	background-repeat: no-repeat;
	height: 13px;
	width: 115px;
	padding-top: 3px;
	padding-left: 18px;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: 84;
}
#catsubend a{
	color: #333333;
	text-decoration: none;
}
#catsubend a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#catlampe {
	background-image: url(/images/catlampe.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	background-position: left center;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#catlampe a{
	color: #333333;
	text-decoration: none;
}
#catlampe a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#catacc {
	background-image: url(/images/catacc.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#catacc a{
	color: #333333;
	text-decoration: none;
}
#catacc a:hover{
	color: #333333;
	position: relative;
	left: 7px;
	text-decoration: none;
	background-color: #CCCCCC;
	height: 26px;
	width: 100px;
}
#cattsh {
	background-image: url(/images/cattsh.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#cattsh a{
	color: #333333;
	text-decoration: none;
}
#cattsh a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#catst {
	background-image: url(/images/catst.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#catst a{
	color: #333333;
	text-decoration: none;
}
#catst a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#catsmoke {
	background-image: url(/images/catsmoke.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#catsmoke a{
	color: #333333;
	text-decoration: none;
}
#catsmoke a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#cataozai {
	background-image: url(/images/cataozai.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#cataozai a{
	color: #333333;
	text-decoration: none;
}
#cataozai a:hover{
	color: #CC0000;
	position: relative; 
	left: 7px; 
	text-decoration: none;
}
#catkich {
	background-image: url(/images/catkich.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#catkich a{
	color: #333333;
	text-decoration: none;
}
#catkich a:hover{
	color: #CC0000;
	position: relative;
	left: 7px;
	text-decoration: none;
}
#catbag {
	background-image: url(/images/catkich.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#catbag a{
	color: #333333;
	text-decoration: none;
}
#catbag a:hover{
	color: #CC0000;
	position: relative;
	left: 7px;
	text-decoration: none;
}

#catgoods {
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
	padding-top: 8px;
	padding-left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-position: left center;
	text-align: left;
}
#catgoods a{
	color: #333333;
	text-decoration: none;
}
#catgoods a:hover{
	color: #CC0000;
	position: relative;
	left: 7px;
	text-decoration: none;
}
/***********************************************************************
 *	右白部分（メイン部分）
 ***********************************************************************/



/*----------------------------------------------------------------------
	お店の名前
----------------------------------------------------------------------*/

#logo {
	color: #101410;
	background-image: url(/images/head.gif);
	background-repeat: no-repeat;
	height: 53px;
	width: 800px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 20px;

}


#logo a {
	font: <{$shop_title_fontsize}>/130% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-weight : bold;
	text-decoration : none;
	color: #101410;
}



/*----------------------------------------------------------------------
	| ホーム | カートを見る | マイアカウント | お問い合わせ |
----------------------------------------------------------------------*/

#logo #home {
	margin-top: 10px;
}
#logo #home a {
	font-size : x-small;
	letter-spacing : 0.1em;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


/*----------------------------------------------------------------------
	タイトル（背景つき）
----------------------------------------------------------------------*/


.toptitle {
	background: url(/images/bar.gif) no-repeat;
	display: block;
	height: 26px;
	font-weight: bold;
	color: <{$table_txt_fontcolor}>;
	text-align: left;
	margin-left: 10px;
	padding-top: 8px;
	padding-left: 10px;	
}
div.toptitle a {
	color: <{$table_txt_fontcolor}>;
	font-weight: bold;
	text-decoration: none;
}

div.toptitle a:hover {
	color: <{$table_txt_fontcolor}>;
	background-color : #fff;
	font-weight: bold;
	text-decoration: none;
}

.toptitle_item {
	background: url(/images/itemtitle.gif) no-repeat;
	display: block;
	height: 56px;
	font-weight: bold;
	color: <{$table_txt_fontcolor}>;
	text-align: left;
	margin-left: 10px;
	padding-top: 8px;
	padding-left: 10px;	
}
div.toptitle_item a {
	color: <{$table_txt_fontcolor}>;
	font-weight: bold;
	text-decoration: none;
}

div.toptitle_item a:hover {
	color: <{$table_txt_fontcolor}>;
	background-color : #fff;
	font-weight: bold;
	text-decoration: none;
}


/*----------------------------------------------------------------------
	パンくず(テンプレート：トップ、商品一覧、商品詳細）
----------------------------------------------------------------------*/

.pankuzu {
	padding: 0px 20px;
	font-size: x-small;
	text-align: left;
}

.pankuzu a {
	text-decoration :none;
}


/*----------------------------------------------------------------------
	サブカテゴリー
----------------------------------------------------------------------*/

#subcategory {
	margin : 15px 0px;
	padding : 0px 20px;
	padding-bottom : 15px;
}

p.pagetitle {
	padding : 10px 0px;
}

.subcategory_btm {
	border-bottom:1px dotted <{$menu_title_linecolor}>;
}


/*---------------------------------------------------------------------
	商品数・ページ送り
----------------------------------------------------------------------*/

#pagenavi {
	text-align:right;
	font:9px;
	border-top: <{$productlist_border}> 1px dotted;
	border-bottom: <{$productlist_border}> 1px dotted;

}
#pagenavi a{
	font-size: 8px;
	color:#FF0000;
	text-decoration: none;
	margin-bottom: 3px;
}

#pagenavi_bottom {
	text-align:right;
	font:9px;
}
#pagenavi_bottom a{
	font-size: 8px;
	color:#FF0000;
	text-decoration: none;
	margin-bottom: 3px;
}


/*----------------------------------------------------------------------
	ソート
----------------------------------------------------------------------*/

#sort {
	margin : 15px 0px;
	padding : 0px 20px;
}


#sort .bold {
	font-weight:bold;
	background-color: <{$productlist_sort_bgcolor}>;
	padding : 3px 5px;
	color : #fff;
}


#sort p {
	margin-top:15px;
}




/*----------------------------------------------------------------------
	商品一覧（商品検索結果と共通）
----------------------------------------------------------------------*/
.category_items {
	width: 127px;
	text-align: center;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.category_items table {
	border-bottom: 1px dotted <{$free_linecolor}>;
}
#product_list {
	float: left;
	width: 125px;
	text-align: center;
	padding:5px 0px 20px 0px;
	}


#product_item {
	text-align: center;
	width:123px;
	vertical-align: middle;
	height: 112px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#product_item img {
	padding: 4px;
	}

#product_list #name {
	line-height: 100%;
	margin:0px;
	height: 30px;
	font-size: 10px;
	}

#product_list #price {
	color: #383371;
	font-size: 9px;
	height: 20px;
	width: 90px;
	}

#product_list #expl {
	color: #9C9A9C;
	font-size: 10px;
	line-height:120%;
	text-align: left;
	margin:5px 0;
	}


#product_list a,
#product_list a:link,
#product_list a:visited {
	text-decoration:none;
	}

#product_list a:active,
#product_list a:hover {
	text-decoration:none;
	}

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


/*----------------------------------------------------------------------
	検索結果一覧-検索条件
----------------------------------------------------------------------*/
.search_result {
	padding : 0px 15px;
}


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


#detail {
	padding : 0px 15px;
}


.product_explain {
	line-height : 180%;
	padding : 10px 0px;
}

#detailImg {
	border-top : 1px dotted <{$productimg_border}>;
}

#detailImg a {
	color : #fff;
}

img.small {
	width: 150px;
	margin-right:7px;
}



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

.free_space {
	padding : 10px 20px;
	line-height: 180%;
}




/*----------------------------------------------------------------------
	フッターメニュー（特定商取引法等）
----------------------------------------------------------------------*/

#menu {
	width: 720px;
	font-size : x-small;
	line-height: 180%;
	text-align : center;
	margin-top : 20px;
	padding : 20px 0px;
	border-top : 1px <{$footer_line_color}> dotted;
	background-color : <{$footer_bgcolor}>;
}



/*----------------------------------------------------------------------
	コピーライト
----------------------------------------------------------------------*/

#copyright {
	background-color: #000000;
	width: 801px;
	height: 40px;
	font-size : x-small;
	text-align : center;
	padding : 10px 0px;
	line-height: 150%;
}

#information {
	margin-top : 20px;
	padding : 0px 20px;
	line-height : 180%;
}


/*----------------------------------------------------------------------
	店主情報
----------------------------------------------------------------------*/

#owner {
	margin-top: 40px;
}

#owner p {
	line-height: 180%;
}


/*----------------------------------------------------------------------
	メルマガ登録・解除
----------------------------------------------------------------------*/

#mail {
	margin-top: 40px;
}

#mail p {
	line-height: 180%;
}





/*----------------------------------------------------------------------
	プライバシーポリシー
----------------------------------------------------------------------*/


#PrivacyExplain {
	padding : 0px 15px;
}



/*----------------------------------------------------------------------
	特定商取引法
----------------------------------------------------------------------*/


#ShopKeeper {
	padding : 10px 15px;
}

#ShopKeeper th {
	font-weight : normal;
	width : 150px;
	padding : 5px 5px;
	text-align : left;
	line-height : 160%;
	border-bottom:1px solid <{$ShopKeeper_bordercorder}>;
}

#ShopKeeper td {
	font-weight : normal;
	width : 290px;
	padding : 5px 5px;
	text-align : left;
	line-height : 160%;
	border-bottom:1px solid <{$ShopKeeper_bordercorder}>;
}

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




/*----------------------------------------------------------------------
	おすすめ商品&売れ筋商品
----------------------------------------------------------------------*/

.item_box {
	line-height : 160%;
}

.top_item {
	border:1px <{$alltitle_linecolor}> dotted;
	}


/*----------------------------------------------------------------------
	オプション在庫・値段詳細
----------------------------------------------------------------------*/



#optionWrapper {
	background : #141414 url("http://img.shop-pro.jp/tmpl_img/12/bg_white.gif") repeat-x;
	position : relative;
	height:1000px;
}

#Option {
	position : relative;
	margin-top:-1000px;
	margin-bottom: -1000px;
}

#Option .optiontitle {
	padding:15px;
	background-color:#fff;
	font-weight:bold;
}

#Option table {
	width: 90%;
	border-right:1px solid <{$option_bordercolor}>;
	border-top:1px solid <{$option_bordercolor}>;
	border-left:1px solid <{$option_bordercolor}>;


	background-color:#fff;
}

#Option .title {
	background-color:#fff;
	padding:20px;
}

#Option th.option_cell1 {
	padding : 5px;
	border-bottom:1px solid <{$option_bordercolor}>;
	border-right:1px solid <{$option_bordercolor}>;
	background-color :<{$option_bgcolor}>;
}

#Option td.option_cell2 {
	padding : 5px;
	border-bottom:1px solid <{$option_bordercolor}>;
	border-right:1px dotted <{$option_bordercolor}>;
}

#Option .option_btn {
	background-color:#fff;
	padding : 20px;
}
/*----------------------------------------------------------------------
	閉店時に表示
----------------------------------------------------------------------*/
#closetop{ 
	background-color:#000000;
	margin:0px;
	background-image:url(http://matata.jp/matatawebcsoon.jpg);	
}

/* CSS Document */