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

div:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
line-height:0;
clear:both;
}

body{
width:100%;
height:100%;
background-image:url(http://img10.shop-pro.jp/PA01047/986/etc/bg.jpg);
background-repeat:repeat-x;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", verdana;
font-size:83%;
letter-spacing:1.5en;
line-height:150%;
color:#666666;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
text-align:left;
}



p{
margin:0px 10px 10px 0px;
}

.text{
padding:10px 30px 10px 30px;
}

.main{
width:880px;
height:auto;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
background:url(http://img10.shop-pro.jp/PA01047/986/etc/main-bg.gif);
}

.contentbox{
float:left;
width:800px;
height:auto;
background:#ffffff;
margin-top:0px;
margin-bottom:0px;
margin-left:40px;
margin-right:auto;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
border-bottom:none;
border-top:none;
text-align:left;
}

h1{
float:left;
width:370px;
height:auto;
font-size:16px;
font-weight:bolder;
color:#ff9999;
margin:0px;
padding-top:10px;
padding-bottom:0px;
padding-left:30px;
padding-right:0px;
}

h2{
font-size:20px;
font-weight:bolder;
color:#FF6600;
margin:0px;
padding-top:10px;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
}

#menu-list{
float:right;
width:300px;
height:auto;
font-weight:normal;
color:#666666;
margin:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:10px;
text-align:right;
}

#title{
float:left;
width:801px;
height:80px;
margin:0px;
background-image:url(http://img10.shop-pro.jp/PA01047/986/etc/title.jpg);
background-repeat:no-repeat;
}

#subtitle{
float:left;
width:370px;
height:auto;
font-weight:normal;
color:#cccccc;
margin:0px;
padding-top:0px;
padding-bottom:10px;
padding-left:30px;
padding-right:0px;
}

#shop-bana{
width:196px;
height:78px;
float:right;
margin-top:0px;
margin-bottom:0px;
margin-right:50px;
margin-left:0px;
}

.menu{
margin:10px 0px;
}

.side-menu{
float:left;
width:140px;
margin:10px 10px 30px 10px;
clear:both;
}

.sub-main{
float:right;
width:560px;
margin:20px 30px 30px 50px;
text-align:left;
}

#bottom{
float:left;
clear:both;
width:100%;
height:134px;
background:url(http://img10.shop-pro.jp/PA01047/986/etc/bottom.jpg);
background-repeat:repeat-x;
margin:0px;
}

#bottom p{
width:100%;
height:auto;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
text-align:center;
}

.range{
width:620px;
height:auto;
margin:30px 0px 50px 0px;
}

#schoolplan{
width:500px;
height:auto;
margin-top:20px;
margin-bottom:20px;
margin-left:50px;
margin-right:auto;
}

#shopguidance{
margin:auto;
margin:10px 0px 50px 30px;
}

#shopguidance td{
width:auto;
height:auto;
text-align:left;
border-bottom:solid 1px #CCCCCC;
border-collapse:20px;
padding:10px;
}

ul li{
margin:20px 0px;
padding:0px;
list-style:url(http://img10.shop-pro.jp/PA01047/986/etc/list.jpg);
}

/* ------------------------------------- 
 *	カレンダー
 * ------------------------------------- */

.calendar {
	font-family :"Verdana";
	font-size:82%;
	margin-bottom:20px;
	color: #000;
	}
	
	
.week {
	width:21px;
	height:15px;
	text-align:center;
	color: #FFF;
	background:#FF6600;
	border:2px solid #FFF;
        padding:0px 0px 0px 1px;
	}
	
.cell {
	width:21px;
	height:15px;
	text-align:center;
	color: #555;
	background:#DDD;
	border:2px solid #FFF;
	}



/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */

a:link    {color: <{$link_normal}>; text-decoration: none;}
a:visited {color: <{$link_normal}>; text-decoration: none;}
a:active  {color: <{$link_normal}>; text-decoration: none;}
a:hover   {color: <{$link_hover}>; text-decoration: none;}

/*ショップタイトル-リンク色指定*/
#title a:link    {color: <{$productname_color}>; text-decoration: none;}
#title a:visited {color: <{$productname_color}>; text-decoration: none;}
#title a:active  {color: <{$productname_color}>; text-decoration: none;}
#title a:hover   {color: <{$productname_hover}>; text-decoration: none;}

.menu{
margin:10px 0px;
}

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

img {border:none;}
.right {text-align:right;}


/* ------------------------------------- 
 *	商品画像のサイズ・装飾設定(商品画像のサイズは「画像サイズ設定」で行います)
 * ------------------------------------- */

/* 画像のボーダー */
img.border {
	border:1px <{$productimg_border}> solid;
}

/* メイン画像（大サイズ）*/
img.mainimg {
	border:1px <{$productimg_border}> solid;
	margin-bottom:10px;
}

/* 商品のその他画像のサイズ */
img.thumnail {
	width:<{$left_width}>;
}



/* ************************************************ 
 *	検索スペース
 * ************************************************ */
 


/*検索ボックス*/
#search {
	width:380px;
        height:50px;
	float:right;
        clear:both;
	margin:0px 10px 10px 10px;
}


/* ------------------------------------- 
 *	商品検索
 * ------------------------------------- */

#search select,input {
	margin-left:5px;
}
#search .button {
	width:50px;
	height:20px;
	margin-left:5px;
}




/* ------------------------------------- 
 *	おすすめ商品、売れ筋商品、カテゴリのリスト
 * ------------------------------------- */

#grayzone {
　　 float:left;
        clear:both;
	margin:30px 0px 10px 0px;
        border:none;
}

#grayzone dl {margin:0px 5px;}

#grayzone dt img {margin:2px 5px;}

/* リストのタイトル部分（四角の枠） */
#grayzone dt {
	font-weight:bolder;
	background:#FFF;
	margin:3px 0px;
	padding:2px 3px 2px 12px;
}

/* リスト部分（左端にオレンジ色の丸の画像） */
#grayzone dd {
	background:#FFF;
	margin:5px 3px 5px 10px;
}

#grayzone dd.sp {
	background:none;
	border-top:1px <{$category_linecolor}> dotted;
	padding:2px 3px 2px 12px;
	margin:5px 3px;
}

/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */
dl#cart {
	margin:10px 0px;
}

dl#cart dt {
	text-align:center;
	padding-top:5px;
}

dl#cart dd {
	padding:2px 3px 2px 12px;
}

/* ------------------------------------- 
 *	店主のコーナー
 * ------------------------------------- */

dl#owner {
	border-bottom:2px #8F826C solid;
}

dl#owner dt {
	background:#8F826C url(http://img.shop-pro.jp/tmpl_img/17/round_owner.gif) no-repeat;
	background-position:left top;
	text-align:center;
	padding:5px 0;
}

dl#owner dd {
	border-left:2px #8F826C solid;
	border-right:2px #8F826C solid;
	padding:2px 3px 2px 7px;
}

/* ------------------------------------- 
 *	トラックバック、フリースペースのリスト
 * ------------------------------------- */

dl#list dt {
	font-weight:bolder;
	margin-bottom:2px;
}

dl#list dd {
	padding-left:17px;
	margin-bottom:3px;
}

div.border {
	border:none;
	padding-bottom:0px;
	background:none;
}


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

dl#mailmaga {
　　　　
	margin:5px;
}

dl#mailmaga dt {
	margin:5px;
	font-weight:bolder;
}

dl#mailmaga dd {
	text-align:center;
	padding:2px 3px 2px 12px;
}

/* ------------------------------------- 
 *	feed
 * ------------------------------------- */
#feed {
	text-align:center;
	}
#feed img {
	width:57px;
	height:15px;
	margin:5px;
	}


/* ************************************************ 
 *	メインエリア
 * ************************************************ */

table.box {
	width:99.5%;
	margin:0px auto 20px auto;
	}

/* ------------------------------------- 
 *	各タイトル
 * ------------------------------------- */
.main_title {
	height:27px;
	background:url(http://img.shop-pro.jp/tmpl_img/17/main_title.gif) repeat-x;
	background-position:left;
}

.main_title .point {
	height:27px;
	width:20px;
	float:left;
	background:url(http://img.shop-pro.jp/tmpl_img/17/main_title_point.gif) no-repeat;
	background-position:left;
}

.main_title .title {
	height:27px;
	margin-left:20px;
	background:url(http://img.shop-pro.jp/tmpl_img/17/main_title_right.gif) no-repeat;
	background-position:right;
}
.main_title .title img {margin-top:6px;}


/* ------------------------------------- 
 *	パンくずナビ
 * ------------------------------------- */

.pankuzu {margin:20px 0px;}


/* ************************************************ 
 *	商品一覧・検索結果・詳細ページ
 * ************************************************ */

/* ------------------------------------- 
 *	商品一覧・検索結果//アイテムリストの設定（一行表示の設定）
 * ------------------------------------- */

table.list {
	width:95%;
	border-top:1px <{$table_txt_fontcolor}> solid;
	border-bottom:1px <{$table_txt_fontcolor}> solid;
}

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

/* 商品の名前 */
table.list div.name {
	margin-right:100px;
}

/* 商品の値段 */
table.list div.price {
	color:<{$productlist_price_fontcolor}>;
	width:150px;
	float:right;
	text-align:right;
}
/* 商品の簡易説明 */
table.list {margin-top:10px;}


/* 並び順 */
.sort {
	text-align:right;
	margin-bottom:5px;
}
.sort span,strong {
	padding:0px 7px;
}

/* ページナビ（全 [*] 商品中 [*-*] 商品を表示しています。） */
.pagenavi {
margin:20px 0px;
}

.pagenavi span {
	padding:0px 7px;
	color:<{$free_fontcolor}>;
}

/* ------------------------------------- 
 *	商品一覧・検索結果・詳細ページ共通
 * ------------------------------------- */

/* カテゴリーの名前 */
.category_title {
	background:#FFF url(http://img10.shop-pro.jp/PA01047/986/etc/list.jpg) no-repeat;
	background-position:6px;
	color:<{$alltitle_fontcolor}>; /*商品カテゴリー名・商品名文字色(商品詳細・商品一覧結果共通)*/
	font-weight:bolder;
	padding:20px;
       margin:10px 0px 10px 20px;
       width:auto;
       height:auto;
}


/* ************************************************ 
 *	商品詳細ページ
 * ************************************************ */

div.detail {margin:10px 0;}

div.detail_img {width:100%;text-align:center;}

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

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

table.spec th {
	background:<{$table_title_bgcolor}>;/*商品価格表右側セルの背景色*/
	padding:10px;
	width:90px;
	color:<{$table_cell_fontcolor}>;/*商品価格表右側セルの文字色*/
	font-weight:normal;
	text-align:left;
}

table.spec td {
	background:<{$productprice_bgcorder}>;/*商品価格表左側セルの背景色*/
	padding:10px;
}

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

table.spec td.sales {
	color:<{$productprice_fontcolor}>;/*商品価格表-販売価格の文字色*/
	font-weight:bolder;
}



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

div.tb {margin-bottom:20px;}

div.tb div.title {
	color:<{$menu_title_fontcolor}>;
	font-size:14px;
	background:url(http://img.shop-pro.jp/tmpl_img/17/arrow.gif) no-repeat;
	background-position:left;
	border-bottom:2px dotted <{$tb_bordercolor}>;
	padding-left:15px;
	margin-bottom:10px;
}

/*ベージュの背景色エリア*/
div.area_bg {
	background:<{$right_td_bgcolor}>;
	margin:0px 10px 0px 10px;
}

/*トラックバック本文レイアウト*/
div.tb div.tb_area {
	padding:10px 15px 15px 15px;
}

div.tb div.tb_area span {
	font-size:10px;
	color:#8F826C;
	margin-right:30px; 
}

div.tb div.tb_area p.tb_title {
	border-top:1px dotted <{$tb_bordercolor}>;
	font-weight:bolder;
	padding:5px 0;
}



/* ------------------------------------- 
 *	エントリーナビ(前のページ：次のページ//トップページ用)
 * ------------------------------------- */

.top_navi {
margin:0px 0px 20px 0px;
}

.top_navi .prev {
	width:auto;
	float:left;
}
.top_navi .next {
	width:auto;
	float:right;
	text-align:right; 
}
.top_navi .main {
	margin:0px 100px;
	text-align:center;
}


/* ------------------------------------- 
 *	エントリーナビ(前のタイトル：main：次のタイトル//記事単位)
 * ------------------------------------- */

.entry_navi {
margin:0px 0px 20px 0px;
}

.entry_navi .prev {
	width:auto;
	float:left;
}
.entry_navi .next {
	width:auto;
	float:right;
	text-align:right; 
}
.entry_navi .main {
	margin:0px 250px;
	text-align:center;
}

/* ------------------------------------- 
 *	コメント・トラックバック
 * ------------------------------------- */

div.tb {margin-bottom:20px;}

div.tb div.title {
	color:#8F826C;
	font-size:14px;
	background:url(./template/cmsp/17/arrow.gif) no-repeat;
	background-position:left;
	border-bottom:2px #8F826C dotted;
	padding-left:15px;
	margin-bottom:10px;
}

/*ベージュの背景色エリア*/
div.area_bg {
	background:#F6F1E6;
	margin:0px 10px 0px 10px;
}

/*コメント入力フォーム*/
div.comment_form_area {
	margin:10px 0px 0px 100px;
}

/*コメント・トラックバック本文レイアウト*/
div.tb div.tb_area {
	padding:10px 15px 15px 15px;
}

div.tb div.tb_area span {
	font-size:11px;
	color:#8F826C;
	margin-right:30px; 
}

div.tb div.tb_area p.tb_title {
	border-top:1px dotted #8F826C;
	font-weight:bolder;
	padding:5px 0;
}

div.tb div.tb_area p.border {
	border-bottom:1px dotted #8F826C;
	padding:5px 0;
}

*html body div.main{
width:880px;
height:auto;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
background:url(img/main-bg.gif);
}

*html body div.contentbox{
float:left;
width:800px;
height:auto;
background:#ffffff;
margin-top:0px;
margin-bottom:0px;
margin-left:20px;
margin-right:auto;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
border-bottom:none;
border-top:none;
}

*html body div#menu-l{
float:left;
clear:both;
width:303px;
height:auto;
margin:10px 15px;
}

*html body div#menu-r{
float:right;
width:352px;
height:auto;
margin:10px 15px 10px 15px;
}


*html body div.side-menu{
clear:both;
float:left;
width:140px;
height:auto;
margin:30px 5px;
}

*html body div.sub-main{
float:right;
width:560px;
height:auto;
margin:30px 5px;
}

*:first-child+html body div.side-menu{
float:left;
width:140px;
height:1300px;
margin:30px 10px;
clear:both;
}