/*パーツ*/
.box-01 {
width:775px;
height:auto;
font-size:12px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/line-01.gif) repeat-x;
padding:15px 0 0 0;
margin:0px;
}

.box-01 h3{
font-weight:normal;
font-size:20px;
padding:0px;
margin:0px;
}

.box-01 strong{
color:#951C95;
}

.box-01 p{
font-size:12px;
line-height:1.6em;
padding:10px;
margin:0px;
}

body {
font-family /**/:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background:url(http://img12.shop-pro.jp/PA01061/284/etc/bg-main.jpg) repeat-x;
padding:0px;
margin:0px;
}

/*ヘッダ*/
#head {
width:990px;
height:106px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/flame-main-bg-top.gif) no-repeat bottom;
padding:0px;
margin:0px auto;
}

#seo {
height:21px;
text-align:center;
line-height:1.2em;
padding:0px;
}

#seo h1{
font-weight:normal;
text-decoration:none;
letter-spacing:0.1em;
font-size:10px;
color:#FFFFFF;
padding:0px;
margin:0px;
}

#seo strong{
font-weight:normal;
}

#seo a{
text-decoration:none;
letter-spacing:0.1em;
font-size:10px;
color:#FFFFFF;
}


#logo {
behavior: expression(IEPNGFIX.fix(this));
padding:0px;
margin:0px;
}

#logo a{
display:block;
float:left;
width:397px;
height:73px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/head-logo.png) no-repeat;
}

#account-cart {
float:right;
width:290px;
height:35px;
margin:7px 10px 0 0;
}

#head-menu {
float:right;
width:526px;
height:18px;
font-size:12px;
color:#39001F;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/head-m-bg.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
padding:6px 0 0 40px;
margin:49px 0 0 0;
}

#head-menu a{
text-decoration:none;
font-size:12px;
color:#39001F;
}

#head-menu a:hover{
text-decoration:none;
font-size:12px;
color:#FFFF00;
}

/*メインフレーム*/
#flame-main {
width:990px;
height:auto;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/flame-main-bg.gif) repeat-y;
padding:0px;
margin:0px auto;
}

/*メインメニュー*/
#main-menu {
width:990px;
height:49px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-bg.gif) no-repeat;
padding:0px;
margin:0px;
}

#main-menu ul{
list-style-type:none;
padding:0px;
margin:0px;
}

#main-menu li{
float:left;
}

#main-menu-reservation {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-reservation.gif) no-repeat;
}

#main-menu-reservation:hover {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-reservation-over.gif) no-repeat;
}


#main-menu-newitem {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-newitem.gif) no-repeat;
}

#main-menu-newitem:hover {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-newitem-over.gif) no-repeat;
}


#main-menu-shopinfo {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-shopinfo.gif) no-repeat;
}

#main-menu-shopinfo:hover {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-shopinfo-over.gif) no-repeat;
}

#main-menu-shoparound {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-shoparound.gif) no-repeat;
}

#main-menu-shoparound:hover {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-shoparound-over.gif) no-repeat;
}

#main-menu-contact {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-contact.gif) no-repeat;
}

#main-menu-contact:hover {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-contact-over.gif) no-repeat;
}

#main-menu-blog {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-blog.gif) no-repeat;
}

#main-menu-blog:hover {
display:block;
width:130px;
height:49px;
text-indent:-900px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/main-m-blog-over.gif) no-repeat;
}

/*左フレーム*/
#flame-left {
float:left;
width:785px;
height:auto;
padding:5px 0 0 10px;
margin:0px;
}

/*ブランドバナースペース*/
.baner-space {
width:775px;
height:auto;
background:#F5F5F5;
padding:7px 0 5px 0;
margin:0px;
}

.baner-space  ul{
list-style-type:none;
padding:0px;
margin:0px;
}

.baner-space  li{
float:left;
padding:0px;
margin:0 0 0 7px;
}



/*トップキャンペーンエリア*/
.campain-area {
width:775px;
height:auto;
padding:0px;
margin:0px;
}

.campain-baner {
float:left;
width:540px;
height:auto;
padding:0px;
margin:0px;
}


/*右フレーム*/
#flame-right {
float:right;
width:186px;
height:auto;
padding:5px 0 0 4px;
margin:0px;
}

#flame-right-cate {
list-style-type:none;
padding:0px;
margin:0px;
}

#flame-right-cate li{
padding:0px;
margin:0px;
}

#flame-right-cate a{
display:block;
width:166px;
height:26px;
text-decoration:none;
font-size:12px;
color:#55002E;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/flame-right-m-bg.gif) no-repeat;
padding:14px 0 0 20px;
margin:0px;
}

#flame-right-cate a:hover{
display:block;
width:166px;
height:26px;
text-decoration:none;
font-size:12px;
color:#55002E;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/flame-right-m-bg-over.gif) no-repeat;
padding:14px 0 0 20px;
margin:0px;
}


#footer {
width:990px;
height:60px;
text-align:center;
font-size:12px;
color:#FFFFFF;
line-height:2.0em;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/footer.gif) repeat-x;
padding:17px 0 0 0;
margin:0px;
clear:both;
}

#footer a{
text-decoration:none;
font-size:12px;
color:#FFFFFF;
}

#footer a:hover{
text-decoration:underline;
font-size:12px;
color:#FFFFFF;
}


/*人気アイテム*/
.picup-item {
width:775px;
height:auto;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/line-01.gif) repeat-x top;
padding:15px 0 0 0;
margin:0px;
}

.picup-item h3{
width:695px;
height:25px;
font-weight:normal;
font-size:18px;
background:url(http://img12.shop-pro.jp/PA01061/284/etc/ac-pickup.gif) no-repeat left;
padding:10px 0 0 80px;
margin:0px;
}

.picup-item ul{
list-style-type:none;
padding:0px;
margin:0px;
}

.picup-item li{
float:left;
width:125px;
height:230px;
pading:0px;
margin:0 4px 0 0;
}

.picup-item img{
border:solid 2px #FFFFFF;
margin:0 0 5px 0;
}

.picup-item img:hover{
border:solid 2px #8E2897;
margin:0 0 5px 0;
}

.picup-item strong {
font-weight:normal;
line-height:1.0em;
}

.picup-item a{
text-decoration:none;
font-size:12px;
color:#333333;
line-height:1.0em;
}

.picup-item a:hover{
text-decoration:underline;
font-size:12px;
color:#333333;
line-height:1.0em;
}

.picup-item p{
font-weight:bold;
font-size:14px;
color:#9E347E;
padding:0px;
margin:4px 0 0 0;
}



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


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


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

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


/* ************************************************ 
 *	ヘッダー（サイトタイトル、検索スペース、メニュー）
 * ************************************************ */
 
/* ------------------------------------- 
 *	ヘッダー内レイアウト
 * ------------------------------------- */

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

/*ヘッダーメニューの背景*/
#header_menu {
	height:20px;
	background:#FF6600 url(http://img.shop-pro.jp/tmpl_img/17/header_menu.gif) repeat-x;
	text-align:right;
}

/*検索ボックス*/
#header #search {
	width:220px;
	float:right;
	background:#FFD5AC url(http://img.shop-pro.jp/tmpl_img/17/search.gif) no-repeat;
	background-position:left bottom;
	padding-bottom:10px;
}

#header #title {
	padding-right:230px;
}



/* ------------------------------------- 
 *	ヘッダーメニュー（ホーム、マイカウント、お問い合わせ）
 * ------------------------------------- */

#header_menu ul {
	padding-top:2px;
}

#header_menu ul li{
	display:inline;
}

#header_menu ul li img {
	height:12px;
	margin-right:5px;
}

/* ------------------------------------- 
 *	商品検索
 * ------------------------------------- */
#header #search .title {
	height:20px;
	background:url(http://img.shop-pro.jp/tmpl_img/17/search_title.gif) no-repeat;
	background-position:left top;
}

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





/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */

dl {
	margin-bottom:10px;
} 

/* ------------------------------------- 
 *	灰色の部分（おすすめ商品、売れ筋商品、カテゴリのリスト）
 * ------------------------------------- */

#grayzone {
	background:url(http://img.shop-pro.jp/tmpl_img/17/grayzone.gif) repeat-y;
	margin-bottom:10px;
}

#grayzone .top {
	background:url(http://img.shop-pro.jp/tmpl_img/17/grayzone_top.gif) no-repeat;
	background-position:left top;
}
#grayzone .bottom {
	background:url(http://img.shop-pro.jp/tmpl_img/17/grayzone_bottom.gif) no-repeat;
	background-position:left bottom;
}

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

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

/* リストのタイトル部分（四角の枠） */
#grayzone dt {
	font-weight:bolder;
	background:#FFF;
	border:1px <{$menu_title_linecolor}> solid;
	margin-bottom:5px;
	padding-top:3px;
}

/* リスト部分（左端にオレンジ色の丸の画像） */
#grayzone dd {
	background:url(http://img.shop-pro.jp/tmpl_img/17/dd.gif) no-repeat;
	background-position:0px 6px;
	padding-left:12px;
	margin-bottom:3px;
}

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


/* ------------------------------------- 
 *	会員専用ページ
 * ------------------------------------- */
.grayzone {
	background:url(http://img.shop-pro.jp/tmpl_img/17/grayzone.gif) repeat-y;
	margin-bottom:10px;
}

.grayzone .top {
	background:url(http://img.shop-pro.jp/tmpl_img/17/grayzone_top.gif) no-repeat;
	background-position:left top;
}
.grayzone .bottom {
	background:url(http://img.shop-pro.jp/tmpl_img/17/grayzone_bottom.gif) no-repeat;
	background-position:left bottom;
}

.grayzone dt {
	font-weight:bolder;
	background:#FFF;
	border:1px <{$menu_title_linecolor}> solid;
	margin-bottom:5px;
	padding-top:3px;
}

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

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

.grayzone dd #btn_members_login,
.grayzone dd #btn_members_signup,
.grayzone dd #btn_members_logout {
	text-align:center;
}

.grayzone dd #btn_members_signup {
	padding-top:7px;
	margin-top:7px;
	border-top:2px <{$category_linecolor}> dotted;
}

.grayzone dd #btn_members_signup span,
.grayzone dd #btn_members_logout span {
	font-size:10px;
	line-height:1.1em;
	display:block;
	padding-bottom:5px;
}


/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */
dl#cart {
	border-bottom:2px #CC3300 solid;
}

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

dl#cart dd {
	border-left:2px #CC3300 solid;
	border-right:2px #CC3300 solid;
	padding:2px 3px 2px 7px;
}

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

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:5px;
font-size:12px;
padding:0px;
margin:0px;
}

dl#list dd {
	padding-left:17px;
	margin-bottom:3px;
	background-position:1px 6px;
font-size:12px;
padding:0px;
margin:0px;
}

div.border {
	border-top:2px <{$table_cell_bgcolor}> dotted;
	padding-bottom:5px;
	background:none;
}

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

#mailmaga {
width:170px;
height:auto;
text-align:center;
background:#FFFFFF;
border:solid 1px #333333;
margin:0px auto;
}

#mailmaga img{
margin:5px 0 5px 0;
}

#mailmaga a{
font-size:14px;
text-decoration:none;
color:#000000;
}


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


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

dl {
	margin-bottom:10px;
}

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


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

a:link    {color: #9F0752; text-decoration: none;}
a:visited {color: #9F0752; text-decoration: underline;}
a:active  {color: #9F0752; text-decoration: underline;}
a:hover   {color: #D300A4; 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: #666; text-decoration: none;}


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

#wrapper {
	width:800px;
	margin:0px auto;
	background:#FFF;
	}

#header {
	width:100%;
	background:url(./template/cmsp/17/header.gif) repeat-x;
	background-position:left bottom;
	padding-bottom:10px;
	text-align:left;
}

#body {
}

#body .margin {margin:10px 10px 30px 10px;}

#side {
	width:170px;
	float:left;
	text-align:left;
}

#main {
	width:590px;
	float:right;
	padding:0px 5px;
	text-align:left;
}


/* ************************************************ 
 *	ヘッダー（サイトタイトル、検索スペース、メニュー）
 * ************************************************ */
 
 /* ------------------------------------- 
 *	ヘッダー内レイアウト
 * ------------------------------------- */

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

#header_menu {
	height:20px;
	background:#FF6600 url(./template/cmsp/17/header_menu.gif) repeat-x;
	text-align:right;
}

#header #search {
	width:220px;
	float:right;
	background:#FFD5AC url(./template/cmsp/17/search.gif) no-repeat;
	background-position:left bottom;
	padding-bottom:5px;
}

#header #search .title {
	height:20px;
	background:url(./template/cmsp/17/search_title.gif) no-repeat;
	background-position:left top;
}

#header #title {
	margin-right:230px;
}


/* ------------------------------------- 
 *	サイトタイトルの設定
 * ------------------------------------- */
h1 {
	color:#000;
	font:22px/170%;
	margin-top:20px;
	margin-bottom:5px;
}


/* ------------------------------------- 
 *	ヘッダーメニュー（ショップを見る、管理者ページ）
 * ------------------------------------- */

#header_menu ul {
	padding-top:2px;
}

#header_menu ul li{
	display:inline;
	margin-right:5px;
}

#header_menu ul li img {
	height:12px;
}

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

#search input {
margin-left:8px;
}

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


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

address {
	font-style:normal;
	margin:10px;
}


/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */
 
/* ------------------------------------- 
 *	リンクリスト
 * ------------------------------------- */

dl#list dt {
	font-weight:bolder;
font-size:12px;
padding:0px;
margin:20px 0 0 0;
}

dl#list dd {
font-size:12px;
padding:0px;
margin:0px;
}

dl#list dd ul li {
	list-style:none;
	padding-left:17px;
	margin-bottom:3px;
	background-position:1px 7px;
font-size:12px;
padding:0px;
margin:0px;
}
div.border {
	border-top:2px #8F826C dotted;
	padding-bottom:5px;
}


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

.calendar {
	font-family :"Verdana";
	font-size: 10px;
	margin-bottom:20px;
	color: #000;
	}
	
	
.week {
	width:21px;
	height:15px;
	text-align: center;
	color: #FFF;
	background:#FF6600;
	border:2px solid #FFF;
	}
	
.cell {
	width:21px;
	height:15px;
	text-align: center;
	color: #555;
	background:#FFFFFF;
	border:2px solid #999999;
	}


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

/* ------------------------------------- 
 *	レイアウト
 * ------------------------------------- */
 
.entry {
margin-bottom:20px;
}

.entry .title {
background:#E64A9E;
padding:10px 0px 10px 10px;
}

.entry .area {
border-right:1px solid #EAC9DB;
border-left:1px solid #EAC9DB;
border-bottom:1px solid #EAC9DB;
}

.entry .area .body {
padding:12px;
font-size:12px;
line-height:1.8em;
}

.entry .bottom {
	height:14px;
	background:url(./template/cmsp/17/entry_bottom.gif) no-repeat;
	background-position:left bottom;
}

/* 記事のタイトル */
h2 {
	background-position:0px 7px;
	color:#FFF;
	font-size:12px;
	padding-left:12px;
}

/* 記事の日付 */
.entry .area .date {
	color:#480228;
	background:#EFD3E2;
	text-align:right;
	padding:3px;
	}

/*「続きを読む」の部分 */
.entry_more {padding:5px;}

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

.top_navi {
}

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


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

.entry_navi {
}

.entry_navi .prev {
width:250px;
float:left;
}
.entry_navi .next {
width:250px;
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-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;
}