/* テーマ：524 */

/********************************基本設定************************************/

body{
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
                text-align: center;
	margin: 10px;
	padding: 0px;
	font-size: 92%;
	line-height: 135%;
	color: #4b4b4b;
	background:  #ffffff;
}




h1,h2,h3,h4,h5 { /* 基本タイトル（固定）*/
	padding: 0px; 
	margin: 0px; 
	font-size: 100%;
	text-align:left;
}

a{ /* 基本のリンク （固定）*/
	color: #990033; text-decoration: none}
a:hover {
	color: #999933; text-decoration: none}

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;}


.text9{font-size:9px; line-height:12px; }
.text10{font-size:10px; line-height:12px; }
.text10m{font-size:10px; line-height:14px; }
.text10l{font-size:10px; line-height:16px; }
.text12{font-size:12px; line-height:16px; }
.text12m{font-size:12px; line-height:18px; }
.text14{font-size:14px; line-height:21px; }
.text30{font-size:30px; line-height:24px; }


.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color: #CC0000;} /* フォント赤 */
.orange{color: #FF9900;} /* フォントオレンジ */
.blue{color: #0000FF;} /* フォント青 */
.green{color: #006600;} /* フォント緑 */
.glay{color: #666666;} /* フォントグレー */

.item img{/* 商品画像枠  */ 
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #c9c6bf;
	text-align: center;
}

.spacebox{/* スペース設定  */ 
	height: 50px;
}

/********************************************************************/

/* 大枠テーブル（固定） */
#container {
	width: 720px;
	margin: auto;
	text-align:left;
	border:1px solid #676767;
	/* background: url(../img/container.gif) #EEEEDD; */
}

/* マイページ、ポップアップ画面 */
#enter {
	width: 100%;
	text-align:left;
	background: /* url(img/enter.gif) */ #f0ede5;
	border:1px solid #c9c6bf;
}

/* ヘッダー */
#header{
        background-position: ; 
	width: 720px;
	height: 70px;
	background: url(img/niwatitle.jpg)  no-repeat;
}

.shoplogo{ /* サイトロゴブロック（設定の場合） */
	padding: 0px; 	margin: 0px; width: 100%;
}

/* ヘッダーメニュー */
#headMenu {
	width: 100%;
	height: 25px;
	background: url(img/headmenu.gif) ;
}

.headnavi { /* ヘッダーメニューテキスト */
	padding: 3px 20px 0px 20px;
	color: #FFFFFF;
	font-weight:bold;
	text-align:right;
}

.headnavi a{color: #FFFFFF;text-decoration: none;}
.headnavi a:hover {color: #FFFFFF;text-decoration: underline;}

.navi01 {/* ヘッダーメニューアイコン */
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	/* background: url(img/navi01.gif) ; */
}

/* ヘッダー下装飾ライン */
.hline {border: 4px solid #432a22;
	/* background: url(img/hline.gif) no-repeat; */
}

/********************************************************************/
/********************************************************************/

#leftSide { /* 左サイドtd */
	width: 120px;
	padding: 0px;
	margin: 0px;
	background: #D2E3DD;
	vertical-align: top;
	border: 1px solid #669999;
}

#center1 { /* センター td （2列）*/
	width: 600px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	background: #f3f0ea;
	/* background: url(img/center1.gif) ; */
}


#center3 { /* センターtd （装飾用）*/
	vertical-align: top;	
	background: #f0ede5;
	width:100%;
	/* background: url(img/center3.gif) ; */
}


.header_area { /* ヘッダのフリーエリア */
	text-align: left;
	width:600px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.footer_area { /* フッタのフリーエリア */
	text-align: left;
	width:720px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.sidebox { /* サイド用ブロック（幅設定） */

	padding: 1px 1px 3px 1px;
	margin: 0px;
	background: #4E572F;
	/* background: url(img/sidebox.gif) ; */
}

.centerbox { /* センター用ブロック（幅設定） */
	margin: 0px;
	padding: 10px;
	/* background: url(img/centerbox.gif) ; */
}

.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;}
	
/********************************************************************/

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding: 8px 0px 0px 30px;
	margin: 0px;
	font-size: 11pt;
	font-weight: 700;
	color: #885513;
	width: auto;
	height:22px;
	background: url(img/title_bar01.gif) repeat; 
	line-height:100%;
	vertical-align:middle;
}

.title1{ /* 大項目タイトル h3 */
	padding: 8px 0px 0px 30px;
	margin: 0px;
	font-size: 11pt;
	font-weight: 700;
	color: #885513;
	width: auto;
	height:22px;
	background: url(img/title_bar02.gif) repeat; 
	line-height:100%;
	vertical-align:middle;
}
.title1 a{color:#885513;text-decoration:none;}
.title1 a:hover{color:#885513;text-decoration:underline;}

.title2{ /* 中項目章タイトル h3 */
	padding: 5px 0px 3px 20px;
	margin: 0px;
	width: auto;
	font-size: 10pt;
	font-weight: 600;
	color:#885513;
	background: #D9E3B6;
	line-height:100%;
	vertical-align:middle;
}
.title2 a{color:#963737;text-decoration:none;}
.title2 a:hover{color:#963737;text-decoration:underline;}

.title3{ /* サイドタイトル h3 */
        padding: 8px 0px 0px 10px;
        margin: 0px;
        width: auto;
        font-size: 10pt;
        font-weight: 600;
        color:#cccccc;
        height:20px;
        background: url(img/title_bar01.gif) repeat;
        line-height:100%;
        vertical-align:middle;
}

.title4{ /* 中項目章タイトル h3 */
	padding: 5px 0px 3px 20px;
	margin: 0px;
	width: auto;
	font-size: 10pt;
	font-weight: 400;
	color:#444444;
	background: #cccc99;
	line-height:100%;
	vertical-align:middle;
}


.rank{/* ランキングアイコン */
        text-align: left;
}


.mainCont { /* メインコンテンツ */

	padding: 10px; 
	margin: 0px; 
	width: auto; 
	background:#f3f0ea;
	/* background: url(img/maincont.gif) ; */
}

.contbox { /* メインコンテンツ内項目ボックス*/
	padding: 10px 0px; 
	margin: 0px; 
	width: auto; 
}


ul.news{ /* 最新情報リスト設定 */
	text-align: left;
	padding: 0px 0px 0px 12px;
	margin:0px;
	list-style:square;
	color: #9d0101;
}

li.p3{padding: 3px;}

ul.free_list{ /* リスト設定 */
	text-align: left;
	padding: 5px 5px;
	margin: 0px;
	list-style: square;
	color: #9d0101;
}

ul.list{ /* リスト設定 */
	text-align: left;
	padding: 5px 5px;
	margin: 0px;
	list-style: square;
	color: #9d0101;
}

ul.map{ /* サイトマップリスト設定 */
	text-align: left;
	padding: 0px 20px;
	margin: 0px;
	color: #9d0101;
}
li.sm1 { margin: 4px ; display: block;}
li.sm2 { margin: 0px 0px 0px -35px; display: block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding: 5px 25px;
	color: #9d0101;
	background: url(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 0px;}/* 余白3px */
.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:#B26749;color:#FFFFFF;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF; vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#E0E0C2;padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin: 10px 0px 0px 0px;
	padding: 2px;
	width: 99%;
	background:#f0ede5;
	/* background: url(img/layoutframe.gif) ; */
}
.layoutFrame td{
	text-align: center;
	margin: 0px;
	padding: 1px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin: 1px;
	padding: 3px;
	background:#f0ede5;
	/* background: url(img/layout1.gif) ; */
}
.layout1 td{
	margin: 0px;
	padding: 3px;
	text-align: center;
}

/********************************************************************/
/* 第二階層 */

#bread{ /* パンクズ */
	margin: 0px;
	padding: 3px 10px;
        font-size: 9pt;
	color: #FFFFEE;
	text-align:left;
	background:#906d5a;
}
#bread a { color: #FFFFEE; }


.titlebar{ /* タイトルバー */
	margin: 0px;
	padding: 3px 10px;
	color: #FFFFEE;
	text-align:left;
	background:#906d5a;
}
.titlebar a { color: #FFFFEE; }


h4.title{
	margin: 5px 0px; 	
	padding: 2px 0px;
	color: #D02B14;
	border-bottom:1px solid;
}

.mainFrame{ /* メイン大枠 */
	margin: 0px;
	padding: 5px;
	background: #DEDBBE;
	/* background: url(img/mainframe.gif) ; */
}

p.title	{ margin: 3px 0px; 	
	padding: 2px 0px;
	color: #669933;
	border-bottom:1px dotted;
	font-weight:bold;
}

.pageTop { /* ページトップ */
	padding: 3px 5px 0px 17px;
	margin:10px 5px;

	font-size:100%;
	font-weight:bold;
	float: right;
}
.pageTop a{ color:#990033;text-decoration: none;}
.pageTop a:hover{ color:#FF9900;text-decoration: none;}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding: 5px 20px 5px 20px;
	margin: 0px;
	width: auto;
	background: #433E22;
	font-size: 80%;
	line-height: 130%;
	color: #FFFFFF;
	text-align: center;
}


#copyright { /* コピーライト */
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 20px;
	color: #FFFFFF;
	background: #010101;
	text-align: center;
	/* background: url(img/copyright.gif) ; */
}
/********************************************************************/
/* サイド設定 */

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding: 0px 0px;	
	display: block;
	line-height:130%;
/*	background:#FFFFEE; */
	border-top:1px #9b967e solid;
	border-right:1px #9b967e solid;
	border-left:1px #9b967e solid;
	border-bottom:1px #9b967e solid;
	/* background: url(img/list.gif) ; */
}

.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 #d1caae solid;	
}

li.ca2 {
	margin: 0px;
	border-bottom: 1px #d1caae solid;	
}

li.ca3 {
	margin: 0px;
	border-bottom: 1px #d1caae solid;
}
li.ca1 a{
	padding: 5px 3px 5px 20px;
	display: block; 
	color: #89724b;
	font-size: 9pt;
	font-weight: bold;text-decoration: none; 
	background: url(img/icon_eye01.gif) no-repeat #E5EECD;
}

li.ca1 a:hover{ color:#FFFFFF; font-weight: bold;text-decoration: none;
	background: url(img/icon_eye01_ov.gif) no-repeat #77894B;
}

li.ca2 a{
	padding: 5px 3px 5px 20px;
	display: block; 
	color: #89724b;
	font-size: 9pt;
	font-weight: bold;text-decoration: none; 
	background: url(img/icon_eye01.gif) no-repeat #CFE9E9;
}

li.ca2 a:hover{ color:#FFFFFF; font-weight: bold;text-decoration: none;
	background: url(img/icon_eye01_ov.gif) no-repeat #669999;
}


li.ca3 a{
	padding: 3px 3px 3px 20px;
	display: block;
	color:#865555;
	font-size: 9pt;
	font-weight: bold;text-decoration: none;
	background: url(img/icon_eye02.gif) no-repeat #f0ede5;
}
li.ca3 a:hover{ color:#FFFFFF; font-weight: bold;text-decoration: none;
	background: url(img/icon_eye02_ov.gif) no-repeat #669999;
}

.sline1 { /* サイドバー下ライン */
	padding: 0px;
	margin: 0px;
	height: 5px;
	background-color: #b8a77c;
	/* background: url(img/sline1.gif) ; */
}


/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin: 0px;
	padding: 5px;
	background:  #f0ede5;
	/* background: url(img/sidemain1.gif) ; */
}

.sidemain1 p {
	padding: 3px 0px 3px 0px;
	margin: 0px;
	line-height:120%;
}

.sidemain1 ul { /* リスト設定 */

	margin: 0px; 
	padding:5px 5px 5px 5px;
	list-style: square;

} 

.sidemain1 li {
	display: block;
	padding: 2px 0px 2px 10px;
	color: #334d55;
	background: url(img/icon_eye03.gif) no-repeat
}

/********************************************************************/