@charset "utf-8";					/*使用する文字コード*/
/* サイト共通要素 */

/* ==================== タグの初期設定 ==================== */
BODY{
	background-color:#ffffff;
	color:#333333;
	font-size:75%;
}
*{
	line-height:150%;
}
/* 管理画面 WYSIWYG プレビュー用にBODYの背景をリセット */
BODY#editor{
	margin:5px;
	background:none;
}

H1,
H2,
H3,
H4,
H5,
H6{
	font-size:134%;
	font-weight:bold;
}
H1{
	font-weight:normal;
	font-size:84%;
	color:#999999;
	text-align:left;
}
H2,
H3,
H4,
H5,
H6{
	font-size:134%;
}
P,
TD,
TH,
LI,
INPUT,
TEXTAREA,
BODY#editor,
DIV.entryBody,
DIV.entryMore{
	font-size:100%;
}
A,
A:visited{
	color:#333333;
	text-decoration:underline;
}
A:hover{
	text-decoration:none;
}



/* ==================== サイト全体 レイアウト ==================== */
/* ========== 全体枠 ========== */
DIV#container{
	width:800px;
	margin:20px auto 20px auto;
	padding:0px;
	background-image:url(../images/flame_bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
}
DIV#container DIV#categoryTop{
	background-image:url(../images/top_flame_bg.gif);
}

/* ========== ヘッダー ========== */
DIV#header{
	border-top:5px solid #999999;
	border-bottom:1px solid #000000;
	background-color:#FFFFFF;
}
DIV#header H1{
	padding:0px;
}
DIV#header DIV#headerTitle{
	padding:0px;
}
DIV#header DIV#headerAreaSub{
	float:right;
	text-align:right;
}
DIV#header P#headerAddress{
}
DIV#header DIV#headerAreaLogo{}


/* ========== メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 ========== */
DIV#mainBg{
	/* グラデーション + 影 の背景を上部だけに表示 */
}
DIV#main{
	/* メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 の共通の余白を設定 */
	padding:0px 10px 0px 10px;
}


/* ========== 2カラム, 3カラム 設定 ========== */
/* { 2カラム secondArea 左 */
DIV#catchArea{
	float:right;
}
DIV#secondArea{
	float:left;
}
DIV#contents{
	float:right;
}
/* 2カラム secondArea 左 } */

DIV#categoryTop DIV#catchArea{
	float:left;
}
DIV#categoryTop DIV#secondArea{
	float:right;
}
DIV#categoryTop DIV#contents{
	float:left;
}


/* ========== メインメニュー ========== */
/* 背景画像は main_menu.css にて、MTのエントリーから読込 */
UL#mainMenu,
UL#mainMenu LI,
UL#mainMenu LI A{
	height:34px; /* 高さはUL,LI,Aそれぞれに設定 */
}
UL#mainMenu{
	clear:both;
	position:relative; /* liで絶対的に位置を設定する際に、ウインドウからでなくULからの位置を設定できるように設定 */
	margin:0px;
	padding:0px;
	background-image:url(../images/catch_flame_bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	border-bottom:1px solid #000000;
}
UL#mainMenu LI,
UL#mainMenu A{
	position:absolute;/* liを横に並べるために、絶対的に位置を設定できるように設定 */
	top:0px;/* liを横に並べるため、全ての高さを揃える */
}
UL#mainMenu LI{
	list-style-type:none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size:0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
UL#mainMenu A{
	display:block;
	text-indent:-999em;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position:center center;
	width:95px;/* ボタンの幅 */
	overflow:hidden;
	outline:none;
}
UL#mainMenu A#mainMenu1{
	left:190px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu2{
	left:285px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu3{
	left:380px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu4{
	left:475px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu5{
	left:570px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu6{
	left:665px;/*ボタンの位置を指定*/
}

/* ========== キャッチ画像 ========== */
DIV#catchArea{
	border-bottom:1px solid #000000;
	background-image:url(../images/catch_flame_bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	width:780px;
}
DIV#catchArea DIV.left{
	float:left;
	width:450px;
	padding:30px 15px 30px 15px;
}
DIV#catchArea DIV.right{
	float:right;
	width:280px;
	padding:30px 20px 30px 0px;
	font-size:109%;
	line-height:180%;
}
DIV#catchArea DIV.bottom{
	padding:15px;
	border-top:1px solid #000000;
}


/* ========== セカンドエリア ========== */
DIV#secondArea{
	width:180px;
	margin:0px;
	padding:0px 0px 20px 0px;
}

DIV#categoryTop DIV#secondArea{
	width:300px;
	margin:0px;
	padding:0px 0px 20px 0px;
}

DIV#secondArea DIV.title_img{
	padding:0px 0px 0px 1px;
}

/* 検索 */
DIV#search{
	padding:10px;
	font-size:100%;
}
DIV#search INPUT.field{
	width:100px;
	height:20px;
	float:left;
	margin-right:5px;
}
DIV#search INPUT.btn{
	width:40px;
	height:25px;
	vertical-align:middle;
}

DIV#categoryTop DIV#search{
	padding:10px;
	font-size:100%;
}
DIV#categoryTop DIV#search INPUT.field{
	width:205px;
	height:20px;
	float:left;
	margin-right:5px;
}
DIV#categoryTop DIV#search INPUT.btn{
	width:60px;
	height:25px;
	vertical-align:middle;
}

/* カテゴリ別エントリ一覧 */
DIV.category_list{
	padding:0px 0px 0px 1px;
}
DIV.category_list H3{
	font-size:109%;
	font-weight:bold;
	padding:10px;
}
DIV.category_list ul{
	padding:0px 0px 35px 0px;
	margin:0px;
	width:100%;
}
DIV.category_list li{
	list-style-type:none;
}
DIV.category_list li a{
	margin:0px;
	padding:5px 10px 5px 22px;
	width:147px;
	background-image:url(../images/list.gif);
	background-position:12px 13px;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
}
DIV.category_list li a:hover{
	background-color:#FFFFFF;
}

/* ========== コンテンツ ========== */
DIV#contents{
	width:600px;
	padding:0px 0px 20px 0px;
}
BODY#editor,/* 管理画面 WYSIWYG プレビュー用設定 */
DIV#contents{}

DIV#categoryTop DIV#contents{
	width:480px;
	padding:0px 0px 20px 0px;
}


/* ========== フッター ========== */
DIV#footer{
	border-bottom:5px solid #999999;
	border-top:1px solid #000000;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
}
DIV#footer a{
	color:#FFFFFF;
}
/* ---------- フッターメニュー ---------- */
DIV#footer P#footerMenu{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
}

/* ---------- フッター copyright エリア ---------- */
DIV#footer DIV#footerCopyrightArea{
	padding:5px 0px 5px 0px;
	font-size:84%;
}

/* ---------- フッター copyright 付メニュー ---------- */
DIV#footer P#footerFree{
	float:left;
	width:450px;
}
DIV#footer P#footerSiteLink{
	float:right;
	width:300px;
	text-align:right;
}

/* ---------- copyright ---------- */
DIV#footer P#copyright{
}

BR.clear{
	clear:both;
}



/* ==================== サイト全体 装飾 ==================== */
/* ========== コンテンツ ========== */
/* ---------- 見出し ---------- */
BODY#editor P,
BODY#editor OL,
BODY#editor UL,
BODY#editor TABLE,
DIV#contents P,
DIV#contents OL,
DIV#contents UL,
DIV#contents TABLE{
	margin-bottom:15px;
}
BODY#editor H1,
BODY#editor H2,
BODY#editor H3,
BODY#editor H4,
BODY#editor H5,
BODY#editor H6,
DIV#contents H1,
DIV#contents H2,
DIV#contents H3,
DIV#contents H4,
DIV#contents H5,
DIV#contents H6{
	margin-bottom:10px;
}

BODY#editor H2,
DIV#contents H2{
	padding:5px 5px 3px 10px;
	color:#333333;
}
BODY#editor H3,
DIV#contents H3{
	background-image:url(../images/bar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:4px 10px 12px 10px;
	margin:0px 0px 15px 1px;
	color:#333333;
	line-height:100%;
	clear:both;
}
BODY#editor H3 a,
DIV#contents H3 a{
	text-decoration:none;
	padding:0px;
	margin:0px;
	line-height:100%;
}
BODY#editor H3 a:hover,
DIV#contents H3 a:hover{
	text-decoration:underline;
}
BODY#editor H4,
DIV#contents H4{
	background-image:url(../images/h4_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:3px 3px 2px 25px;
	color:#b20010;
	margin:10px 0px 5px 0px;
	border-bottom:1px solid #cccccc;
}
BODY#editor UL.date,
DIV#contents UL.date{
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#e9e9e9;
	padding:10px 9px 9px 9px;
	margin:0px 0px 0px 0px;
}
BODY#editor UL.date LI,
DIV#contents UL.date LI{
	margin:0px;
	list-style-type:none;
	text-indent:-5.5em;
	padding:0px 0px 0px 7em;
	background-image:url(../images/li_bg.gif);
	background-position:4px 6px;
	background-repeat:no-repeat;
}
BODY#editor TH,
BODY#editor TD,
DIV#contents TH,
DIV#contents TD{
	border:1px solid #cccccc;
	padding:5px;
}
BODY#editor TH,
DIV#contents TH{
	background-color:#e9e9e9;
}
BODY#editor P.pankuzu,
DIV#contents P.pankuzu{
	color:#666666;
	font-size:84%;
	padding:10px;
}
BODY#editor .fontXLarge,
DIV#contents .fontXLarge{
	font-size:150%;
}
BODY#editor .fontLarge,
DIV#contents .fontLarge{
	font-size:134%;
}
BODY#editor .fontSmall,
DIV#contents .fontSmall{
	font-size:84%;
}
BODY#editor .fontMedium,
DIV#contents .fontMedium{
	font-size:117%;
}
BODY#editor .fontXSmall,
DIV#contents .fontXSmall{
	font-size:76%;
}
BODY#editor input.text,
DIV#contents input.text{
	width:300px;
}
DIV#contents INPUT.textShort{
	width:50px;
}
BODY#editor TEXTAREA,
DIV#contents TEXTAREA{
	width:300px;
	height:8em;
}
BODY#editor .caution,
DIV#contents .caution{
	color:#EE0000;
}
BODY#editor P.price,
DIV#contents P.price{
	font-size:117%;
	text-align:right;
	font-weight:bold;
	color:#EE0000;
}
BODY#editor DIV.hr01,
DIV#contents DIV.hr01{
	margin:0px 0px 15px 0px;
	height:1px;
	border-top:3px double #cccccc;
}
BODY#editor DIV.comment DIV.hr01,
DIV#contents DIV.comment DIV.hr01{
	margin-top:-1em;
}
BODY#editor P.nextPrevious,
DIV#contents P.nextPrevious{
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:center;
}
BODY#editor P.linkBlock,
DIV#contents P.linkBlock{
	padding:10px 15px 10px 15px;
	margin:0px;
	border-top:1px solid #000000;
}
BODY#editor P.linkBlockPaging,
DIV#contents P.linkBlockPaging{
	padding:10px 15px 10px 15px;
	margin:0px;
	text-align:center;
	border-top:1px solid #000000;
}
BODY#editor P.anchorTop,
DIV#contents P.anchorTop{
	padding:0px 15px 0px 15px;
	margin:0px;
}
BODY#editor P.entryMeta,
DIV#contents P.entryMeta{
	text-align:right;
	padding:0px 0px 10px 0px;
	margin:0px;
}
BODY#editor P.linkBlock,
DIV#contents P.linkBlock,
BODY#editor P.anchorTop,
DIV#contents P.anchorTop{
	text-align:right;
}
BODY#editor P.linkPageBlock,
DIV#contents P.linkPageBlock{
	text-align:center;
	padding:10px 0px 10px 0px;
	margin:0px;
}
BODY#editor TD.buttonArea,
DIV#contents TD.buttonArea{
	border:none;
}
DIV#contents DIV.center{
	text-align:center;
}
DIV#contents DIV.entryBody{
	padding:0px 15px 15px 15px;
}
DIV#contents DIV.entryMore{
	padding:0px 15px 15px 15px;
}
DIV#contents p.more{
	text-align:right;
	padding:0px 15px 15px 15px;
	margin:0px;
}

BODY#editor P.date,
DIV#contents P.date{
	line-height:100%;
	margin: 0px 0px 6px 1px;
	padding: 0px 10px;
	color:#666666;
}

DIV#trackbacks,
DIV.comment,
DIV#comments-open{
	padding:10px 15px 0px 15px;
	border-top:1px solid #000000;
}
DIV.comment,
DIV#comments-open{
	padding-bottom:10px;
}
DIV#trackbacks H2,
DIV.comment H2,
DIV#comments-open H2{
	padding:0px 0px 15px 0px;
	margin:0px;
}
/* ==================== トップページ ==================== */
DIV#categoryTop DIV#contents{
}
DIV#categoryTop BODY#editor H3,
DIV#categoryTop DIV#contents H3{
	background-image:url(../images/bar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:4px 10px 12px 10px;
	margin:0px 1px 15px 1px;
	color:#333333;
	line-height:100%;
}
DIV#categoryTop DIV#contents DIV.entryBody{
	padding:0px 15px 15px 15px;
}

/* 右カラム */
DIV#categoryTop UL#topMenu{
	clear:both;
	margin:0px;
	padding:0px;
	background-image:url(../images/catch_flame_bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
}
DIV#categoryTop UL#topMenu LI{
	list-style-type:none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size:0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
	border-bottom:1px solid #000000;
}
DIV#categoryTop UL#topMenu A{
	display:block;
	text-indent:-999em;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position:center center;
	width:300px;/* ボタンの幅 */
	height:55px; /* 高さはUL,LI,Aそれぞれに設定 */
	overflow:hidden;
	outline:none;
}

/* 新着 */
DIV#categoryTop DIV.top_news{
	padding:15px;
}
DIV#categoryTop DIV.top_news dt{
	float:left;
	width:130px;
	color:#666666;
	padding-bottom:15px;
	clear:both;
}
DIV#categoryTop DIV.top_news dd{
	padding-bottom:15px;
	margin-left:130px;
}
DIV#categoryTop DIV.top_news P.linkBlock{
	border:none;
	padding:0px;
	margin:0px;
}

DIV.newsList{
}
DIV.newsList dt{
	float:left;
	width:130px;
	color:#666666;
	padding:10px 0px 10px 15px;
	border-top:1px solid #000000;
}
DIV.newsList dd{
	padding:10px 15px 10px 0px;
	border-top:1px solid #000000;
	margin-left:145px;
}


/* ==================== MEMBER ==================== */
DIV#contents ul.member_box{
	width:570px;
	padding:0px;
	margin:0px;
}
DIV#contents ul.member_box li{
	vertical-align:top;
	display:-moz-inline-box; /* Firefox 2 and older */
	display:inline-block;
	width:270px;
	margin:0px 0px 20px 0px;
	padding:0px 10px 0px 0px;
	list-style:none;
}
* html DIV#contents ul.member_box li{ /* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html DIV#contents ul.member_box li{ /* IE 7 */
display:inline;
zoom:1;
}
/* code for "-moz-inline-box" [BEGIN] */
DIV#contents ul.member_box li DIV.title,
DIV#contents ul.commodity_feature li DIV.text{
width:270px;
display:table-row-group;
}
/* code for "-moz-inline-box" [END] */
DIV#contents ul.member_box li DIV.title{
	font-weight:bold;
	padding:0px;
	margin:0px 0px 5px 0px;
}
DIV#contents ul.member_box li DIV.text{
	margin:0px;
	padding:0px 0px 5px 22px;
	background-image:url(../images/list.gif);
	background-position:12px 8px;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
}

/* area別ボタン */

DIV#arealink{
	padding:0px 15px 15px 15px;
	width:570px;
}

UL#dd {
	margin:0px;
	padding:0px;
	width:100%;
}

UL#dd li {
	width:94px;
	margin:0px;
	padding:0px;
	float: left;
	list-style: none;
	font-size:100%;
	background:#e4e4e4;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	text-align: center;
}

UL#dd li a.areamenu {
	display: block;
	padding:4px 0px;
	width:94px;
	color: #000000;
	text-decoration: none;
}

UL#dd li a.areamenu:hover {
	background: #ffffff;
}

.submenu {
	visibility: hidden;
	width:84px;
	_margin-left:-47px;
	padding:5px;
	position: absolute;
	left:auto;
	z-index: 3;
	font-size:100%;
	line-height:160%;
	text-align:left;
	background: #ffffff;
	border: 1px solid #000000;
}
*:first-child+html .submenu {
	margin-left:-47px;
}