/* テーマ：新デザイン*/

body{
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	text-align:center;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	font-size:80%;
	line-height:135%;
	color:#333333;
	background:url(../img/bg.jpg) repeat-x top center;
	/*background:url(bg.jpg) repeat-x top center;*/
}

table{ /* 基本テーブル設定（固定）*/
	border:0px none;
	/*margin:0px;
	padding:0px;*/
	text-align:left;
	border-collapse:collapse;
}

th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

th {white-space:nowrap;} 

h1,h2,h3,h4 { /* 基本タイトル（固定）*/
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a{ /* 基本のリンク （固定）*/
	color:#333333;text-decoration:underline}
a:hover {
	color:#CC3300;text-decoration:underline}

ul{ /* 基本のリスト （固定）*/
	list-style-type:square;}

ul ul{	list-style-type:none;}

img{ border:0px;}/* イメージボーダー指定 */

form {	padding:0px;display:inline;}

p{ line-height:150%;margin:5px 0px;padding:2px 0px;}

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center
}

.button1{ /* inputボタン設定 */
/*	cursor:hand;
	font-size:12px;
	color:#FFFFDD;
	background:#FF6666;
	border:1px solid #ffffff;
	border-top-color:#ffffff;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	border-left-color:#ffffff;
	font-weight:normal;*/
}

.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */

.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */

.no2{font-size:110%;} /* フォントズーム */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#FF6666;} /* フォント緑 */
.glay{color:#666666;} /* フォントグレー */

.item img{/* 商品画像枠  */ 
	height:auto;
	padding:5px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height:50px;
}

.padT5{margin-top:5px;}
.padT10{margin-top:10px;}
.padT15{margin-top:15px;}

.mrgL3{margin-left:3px;}
.mrgL5{margin-left:5px;}
.mrgR5{margin-right:5px;}

.padL5{padding-left:5px;}
.padR5{padding-right:5px;}



.small{font-size:10px;line-height:125%;padding:3px 0;}




/********************************************************************/
/* 大枠テーブル（固定） */
#container {
width:860px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:url(../img/main_bg.jpg) repeat;
/*background:url(main_bg.jpg) repeat;*/
}

/* マイページ、ポップアップ画面 */
#enter {
width:100%;
text-align:left;
background:#ffffff;
border:1px solid #B6A081;
}

/* ヘッダー */
#header{
background-position:left;
width:100%;
height:150px;
background:url(../img/headImg.jpg) no-repeat;
}

td>#header { /* IE7 Safari Firefox 用 */
height:auto;
min-height:150px;
}

.shoplogo{ /* サイトロゴブロック（設定の場合） */
padding:0px;
margin:0px;
}


.siteName { /* サイト名 h1 （テキスト） */
margin:0px;
padding:25px 10px 3px 20px;
font-size:150%;
}

.siteName a { color:#333333;text-decoration:none;}
.siteName a:hover { color:#333333;text-decoration:underline;}


.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
padding:0px 10px 2px 20px;
margin:0px;
color:#FF6666;
line-height:120%;
font-weight:normal;
font-size:12px;
}

.sitecopy a {color:#FF6666;text-decoration:none;}
.sitecopy a:hover {color:#FF6666;text-decoration:none;}


/* ヘッダーメニュー */
#headMenu {
width:100%;
height:35px;
clear:both;
}

.headnavi { /* ヘッダーメニューテキスト */
padding:8px 8px 0 0;
color:#FFFFFF;
text-align:right;
height:35px;
background:url(../img/head.jpg) no-repeat;
}

.headnavi a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.headnavi a:hover {
color:#FFCCCC;
text-decoration:none;
}

.navi01 {/* ヘッダーメニューアイコン */
background-position:left center;
background-repeat:no-repeat;
height:20px;
}

/* ヘッダー下装飾ライン */
.hline {
border:0px solid #B6A081;
display:none;
height:0;
}


#pickup{
background-color:#FFFFFF;
border-left:2px solid #eb4847;
border-right:2px solid #eb4847;
border-bottom:2px solid #eb4847;
padding:20px 0 20px 0;
width:512px;
}


#tokusho table.bordlayoutp3{
margin:0 0 0 12px;
width:668px;
}


/********************************************************************/

#leftSide { /* 左サイドtd */
	width:170px;
	margin:0;
	padding:5px 0 0 0;
	vertical-align:top;
	/* background:url(../img/../img/leftside.gif) ;*/
}

#rightSide { /* 右サイドtd （3列）*/
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#rightSide2 { /* 右サイドtd （3列 ブログ）*/
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	/* background:url(../img/../img/rightside2.gif) ;*/
}

#center1 { /* センター td （2列）*/
	width:690px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#center2 { /* センターtd （3列）*/
	width:520px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;	
	/*background:#ffffff;*/
	width:100%;
	/* background:url(../img/../img/center3.gif) ;*/
}


.header_area { /* ヘッダのフリーエリア */
/*	text-align:left;
	width:680px;
	margin:0 0 0 10px;
	padding:0px;*/
	display:none;
}


.footer_area { /* フッタのフリーエリア */
	text-align:left;
	width:680px;
	padding:0px;
}


.sidebox { /* サイド用ブロック（幅設定） */
padding:0px;
margin:0px;
}

.sidebox a img{	margin:5px 0 0 0; }




.sideNavi{
background:url(../img/bg_sideNavi.gif) repeat-y;
width:164px;
}

.mailbg{
background:url(../img/mail_bg.gif) repeat-y;
}

.outside{
background:url(../img/outside_bg.gif) repeat-y;
}

#entryBtn{
margin-top:3px;
padding:0;
}


.centerbox { /* センター用ブロック（幅設定） */
	margin:0px;
	padding:0px;
}

/*div.centerbox h3{
	margin:10px;
}*/

.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	color:#FF0000;
	text-align:left;
	font-weight:bold;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:140%;
	font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align:left;
	color:#333333;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

.fixed{ /* 商品定価 */
	font-weight:bold;
	font-size:120%;
	text-decoration:line-through;
	color:#336699;
	text-align:left;
}

h2.goods /* 商品名 （商品一覧）*/
a{color:#FF286F;font-weight:bold;text-decoration:underline;}
a:hover{color:#FF286F;text-decoration:underline;}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
	background:#FFAAAA;
}

.shopCopy { /* サイト説明 */
	font-size:110%;
	line-height:130%;
	margin:0px;
	padding:3px 10px 3px 10px;
	color:#CC3300;
	font-weight:normal;
	text-align:left;
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:6px 0px 0px 20px;
	margin:0px;
	color:#333333;
	width:auto;
	height:18px;
	background:url(../img/title_bar01.jpg) repeat;
	line-height:100%;
	font-size:100%;
	vertical-align:middle;
}

.title1{ /* タイトル1 h3 */
	padding:8px 0px 0px 7px;
	margin:10px;
	width:auto;
	color:#FFFFFF;
	height:19px;
	line-height:100%;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0.2em;
	background-image:url(../img/title_bar01.gif);
}
.title1 a{
	color:#333333;
	text-decoration:none;
}
.title1 a:hover{
	color:#FF6600;
	text-decoration:underline;
}

.title2{ /* タイトル2 h3 */
	padding:6px 0px 0px 20px;
	margin:0px;
	width:auto;
	color:#CC0000;
	height:18px;
	background:url(../img/../img/title_bar02.jpg) repeat;
	line-height:100%;
	font-size:100%;
	vertical-align:middle;
}
.title2 a{color:#CC0000;text-decoration:none;}
.title2 a:hover{color:#333333;text-decoration:underline;}


.title3{ /* タイトル3 h3 */
        padding:0px;
        margin:0px;
        width:169px;
        height:108px;
        background:url(../img/ranking.gif) no-repeat;
        line-height:100%;
        font-size:100%;
        vertical-align:middle;
}





.rank{/* ランキングアイコン */
        text-align:left;
}

.mainCont { /* メインコンテンツ */
	padding:0px;
	margin:0px;
	width:auto;
}

.mainCont h4.title,
.mainCont table p,
.mainFrame .mainCont p{
	margin:5px 10px;
}



.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}


#news{
	background:url(../img/news_bg.gif) repeat-y top center;
	width:514px;
	line-height:146%;
}


ul.news{ /* 最新情報リスト設定 */
text-align:left;
padding:0px 0px 0px 12px;
margin:0px;
list-style-type:none;
color:#666666;
}

div .day{
	float:left;
	width:60px;
/*	margin-left:25px;*/
	padding-left:25px;
}


div .kiji{
float:right;
width:380px;
/*margin-right:25px;*/
padding-right:25px;
}

.extra{
background:url(../img/extra_bg.gif) repeat-y;
padding:0 20px 0 25px;
}

.extraTxt{
width:453px;
padding-bottom:5px;
}



.clearFloat{
clear:both;
font-size:1px;
height:1px;
line-height:0px;
width:1px;	
}




li.p3{padding:3px;}

ul.free_list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.map{ /* サイトマップリスト設定 */
	font-size:100%;
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#FF3366;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	font-size:100%;
	padding:5px 25px;
	color:#333333;
	background:url(../img/../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* テーブル余白設定  （固定） */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  { padding:5px 10px;}
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#FFCCCC;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#FFCCCC;padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin:10px 0px 0px 0px;
	padding:1px;
	width:99%;
	background:#FFCCCC;
	/* background:url(../img/../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	text-align:center;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin:0;
	padding:4px;
	background:#FFFFEE;
	/*background:url(rank_bg.gif) repeat-y;*/
	background:url(../img/rank_bg.gif) repeat-y;
}
.layout1 td{
	margin:0px;
	padding:3px;
	text-align:center;
}

/* 第二階層 */

#bread{ /* パンクズ */
	margin:0px;
	padding:3px 15px;
	color:#FF6600;
	text-align:left;
	/*background:#FFFFFF;*/
}
#bread a { color:#FF3366;}
#bread a:link { 
	text-decoration:underline;
}
#bread a:hover { 
	text-decoration:underline;
	color:#FF6666;
}

h4.title{
	font-size:110%;
	margin:5px 0px;	
	padding:2px 0px;
	color:#eb4847;
	border-bottom:1px solid;
}

.mainFrame{ /* メイン大枠 */
	margin:0px;
	padding:1px;
	/*background:#FFFFFF;*/
	/* background:url(../img/../img/mainframe.gif) ;*/
}

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	margin-top:10px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	margin-top:10px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ソート */
	margin:0px;
	padding:10px 3px 5px 3px;
	width:auto;
	color:#333333;
	float:right;
}

.pageTop { /* ページトップ */
	padding:0px 5px 2px 17px;
	margin:10px 5px;
	background:url(../img/icon_top.gif) no-repeat left center;
	/*background:url(icon_top.gif) no-repeat left center;*/
	font-size:90%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#FF6666;text-decoration:none;}
.pageTop a:hover{ color:#FF6666;text-decoration:none;}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding:0px;
	margin:0px;
	width:auto;
	background:url(../img/footer.gif) repeat-x top;
	height:40px;
	text-align:center;
	margin-top:5px;
	padding-top:20px;
	background-color:#FFFFFF;
}

td>#footer { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:60px;
}

.footnavi { /*フッターメニューテキスト設定*/
	padding:0px 0 10px 0;
	margin:0;
	color:#FF6666;
}

.footnavi a{ 
	color:#FF6666;
	text-decoration:underline;
	font-weight:normal;
}

.footnavi a:hover { color:#FF6666;text-decoration:underline;}

#copyright { /* コピーライト */
	padding:0;
	margin:0px;
	width:auto;
	color:#333333;
	text-align:center;
	/* background:url(../img/../img/copyright.gif) ;*/
}

#footer>#copyright { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:20px;
}

/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding:33px 5px 0px 5px;
	margin:0 0 0 2px;
	width:auto;
	height:83px;
	/*	line-height:150%;*/
	background:url(../img/bg_search.gif) no-repeat;
}

#search label{
	padding:0px;
	margin-top:0px;
	/*margin:0px;*/
	color:#333333;
	font-size:100%;
	visibility:hidden;
}


#search input{
display:block;
line-height:150%;
}

#search .button1{
	margin-top:5px;
}



.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
display:none;
}

.list h3 { /* タイトル */
	padding:5px 5px;
	margin:0px;
}

ul.free_listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

ul.listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

li.ca1 {
	margin:0px;
	border-bottom:1px #E0D7B1 solid;	
}

li.ca2 {
	margin:0px;
	border-bottom:1px #E0D7B1 solid;
}
li.ca1 a{ padding:3px 3px 5px 15px;
	display:block;
	color:#FF3366;
	font-weight:bold;
	text-decoration:underline;
	background:url(../img/../img/icon_eye01.gif) no-repeat #FFCCCC;
}

li.ca1 a:hover{
	color:#FFCCCC;
	font-weight:bold;
	text-decoration:underline;
	background:url(../img/../img/icon_eye01_ov.gif) no-repeat #FF3366;
}

li.ca2 a{ padding:3px 3px 3px 20px;display:block;
	color:#333333;font-weight:normal;text-decoration:underline;
	background:url(../img/../img/icon_eye02.gif) no-repeat #FFCCCC;
}
li.ca2 a:hover{ color:#FFCCCC;font-weight:normal;text-decoration:underline;
	background:url(../img/../img/icon_eye02_ov.gif) no-repeat #FF3366;
}

li.ca3 {
	margin:0px;
	border-bottom:1px #E0D7B1 solid;	
}

li.ca3 a{ padding:3px 3px 5px 15px;
	display:block;
	color:#FF3366;
	font-weight:bold;
	text-decoration:underline;
	background:url(../img/../img/icon_eye01.gif) no-repeat #FFCCCC;
}

li.ca3 a:hover{
	color:#FFCCCC;
	font-weight:bold;
	text-decoration:underline;
	background:url(../img/../img/icon_eye01_ov.gif) no-repeat #FF3366;
}

li.ca4 {
	margin:0px;
	border-bottom:1px #E0D7B1 solid;
}

li.ca4 a{ padding:3px 3px 3px 20px;display:block;
	color:#333333;font-weight:normal;text-decoration:underline;
	background:url(../img/../img/icon_eye02.gif) no-repeat #FFCCCC;
}

li.ca4 a:hover{ color:#FFCCCC;font-weight:normal;text-decoration:underline;
	background:url(../img/../img/icon_eye02_ov.gif) no-repeat #FF3366;
}

.sline1 { /* サイドバー下ライン */
	display:none;
}

.sline2 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	height:0px;
	/*background-color:#FFFFFF;*/
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0px;
	padding:0px;
	/*background: #FFFFFF;*/
	/* background:url(../img/../img/sidemain1.gif) ;*/
}

.sidemain1 p {
	padding:0px;
	margin:0px;
}

.sidemain1 ul { /* リスト設定 */
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
} 

.sidemain1 li {
	display:block;
	padding:2px 0px 2px 10px;
	color:#334d55;
	background:url(../img/../img/icon_eye03.gif) no-repeat
}

/* カレンダー */
caption { /* 年月タイトル */
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333;	 text-decoration:underline;}

.carender { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0px;
	 text-align:center;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;	
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;	
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#333333;
	background:#EEEEEE;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:red;
	background:#FDDFFC;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:blue;
	background:#D0E8FF;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFDD;
}


#rss{
margin:0px;
padding:5px;
}

#count{ 
margin:0px;
padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/../img/blogbox.gif) ;*/
}

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0px 5px 15px;
	border-bottom:1px solid #FF6666;
	display:block;
	font-size:110%;
	color:#333333;
	background:url(../img/../img/entry_title.jpg) ;
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#FF6666;
	text-align:right;
}

.state{ /* ブログステータス */
	padding:2px 0px;
	text-align:right;
	border-top:1px solid #ded9c5;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:2px 0px 2px 25px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#FF6666;
	border-bottom:1px dotted #FF6666;
	background:url(../img/../img/subtitle.gif) ;
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

.tb_url{ /* トラックバックurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:red;font-weight:900;padding:3px;background-color:#D6C692;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
text-align:center;
width:670px;
height:83px;
}

.step_navi01{
background:url(../img/navi01.gif) no-repeat;
}

.step_navi02 {
background:url(../img/navi02.gif) no-repeat;
}

.step_navi03 {
background:url(../img/navi03.gif) no-repeat;
}

.step_navi04 {
background:url(../img/navi04.gif) no-repeat;
}
