/* スタイル定義 for とりあえずドッチ版 */

/* ボディー */
body {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	background-color: #faf5d2;
/*	background-image:url(../images/shippingfree.jpg); */
/*	background-position:25px 0; */
/*	background-repeat:repeat-y; */
/*	background-attachment:fixed; */
	font-family:'ＭＳ Ｐゴシック','MS PGothic',Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
/*	font-family:Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif; */
/*	font-family: Arial,'ヒラギノ角ゴ Pro W3',Osaka,'ＭＳ Ｐゴシック',Sans-Serif; */
	line-height: 170%;
	font-size: 80%;
/*	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Arial',sans-serif;*/
/*	font-family:'Arial,メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック','MS P Gothic','Osaka',Helvetica,sans-serif; */
/*	font-size:80%; */
/*	line-height:170%; */
/*	letter-spacing:0.05em; */
}

table{
	font-size:inherit;
	font-size:100%;
}

/*body { font-family: Arial, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; }*/
/*textarea { font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; }*/
/*input, select { font-family: Arial, 'ＭＳ Ｐゴシック', sans-serif; }*/
textarea { font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Sans-Serif; }


/*----フロート解除共通---*/
.fclear{ clear:both }

/*----最上位の説明書き部分---*/
#headtitle{
	margin: 5px auto;
	width: 930px;
	height:15px;
	text-align:right;
	color: #452100;
	padding:0 5px;
/*	padding:55px 5px 0; */
	line-height:120%;
	font-size:87%;
/*	background-image:url(../images/top-info.gif); */
	background-repeat:no-repeat;
}

#headtitle a { color:#dbbf66 }

/*----枠組み---*/
#wrapper {
	margin: 0px auto 0px auto;
	padding: 0;
	width: 940px;
	height:auto;
	text-align: left;
	background-color:#ffffff;
/*	overflow:hidden; */
	background-image:url(../images/bg_cat.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

/*----ヘッダーより下部の枠組み---*/
#mainbox {
	width: 900px;
	height:auto;
	margin:0 20px;
	padding: 0px;
	overflow:hidden;
}

/*----三段組みのうち右二列の枠組み---*/
#inbox {
	float:right;
	width:680px;
	margin:0 0 40px;
	padding:0;
}

/*----三段組みのうち右二列の枠組み---*/
#inbox_items {
	float:right;
	width:680px;
	margin:0;
	padding:0;
}

/*----ヘッダー部---*/
#header {
	width:940px;
	margin:0;
	padding:0;
}

/* ヘッダーナビゲーション */
#navi {
	margin: 0;
	padding: 0;
/*	width:900px; */
/*	height:20px; */
}

#navi ul{
	margin:0;
 	padding:0;
}

#navi li{
	margin:0;
	padding:0;
	list-style-type:none;
	height:20px;
	float:left;
}

#navi li a{
	display:block;
	height:20px;
}

#navi li a:hover {background-color:transparent}
#navi li a:hover img{ visibility:hidden}

#navi01 a{width:70px;height:20px;}
#navi02 a{width:62px;height:20px;}
#navi03 a{width:67px;height:20px;}
#navi04 a{width:75px;height:20px;}
#navi05 a{width:82px;height:20px;}
#navi06 a{width:57px;height:20px;}
#navi07 a{width:61px;height:20px;}
#navi08 a{width:111px;height:20px;}


#navi01{ background: url(../images/navi01_o.gif) no-repeat 0 0;width:70px;height:20px;}
#navi02{ background: url(../images/navi02_o.gif) no-repeat 0 0;width:62px;height:20px;}
#navi03{ background: url(../images/navi03_o.gif) no-repeat 0 0;width:67px;height:20px;}
#navi04{ background: url(../images/navi04_o.gif) no-repeat 0 0;width:75px;height:20px;}
#navi05{ background: url(../images/navi05_o.gif) no-repeat 0 0;width:82px;height:20px;}
#navi06{ background: url(../images/navi06_o.gif) no-repeat 0 0;width:57px;height:20px;}
#navi07{ background: url(../images/navi07_o.gif) no-repeat 0 0;width:61px;height:20px;}
#navi08{ background: url(../images/navi08_o.gif) no-repeat 0 0;width:111px;height:20px;}

/* サブナビゲーション */
#sub_navigation {
	margin: 0;
	padding: 0;
	width:900px;
	height:25px;
	background-color:#ffffff;
	float:left;
}

#delivery_info {
	color:#666666;
	width:505px;
	height:25px;
	padding:0 0 0 34px;
	margin:0;
	float:left;
	background-image:url(../images/d_info.gif);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:25px;
	letter-spacing:0em;
}

/*#delivery_info a:hover {text-decoration:none;}*/

#pannavi {
	color:#666666;
	width:505px;
	height:25px;
	padding:0 0 0 34px;
	margin:0;
	float:left;
	background-image:url(../images/navi00.gif);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:25px;
	letter-spacing:0em;
}

#pannavi a { color:#666666 }

#pannavi img { vertical-align:middle; }

#sub_navigation_area {
	color:#cccccc;
	margin: 0px;
	padding: 2px 0px;
	width:360px;
	height:20px;
	float:right;
	font-size:11px;
	text-align:right;
	letter-spacing:0em;
}

#sub_navigation_area a { color:#666666 }


/*----左サイド部---*/
#sidebar_left {
	float: left;
	width: 200px;
	margin:0 20px 0 0;
	padding:0;
}

/*----サイドメニュー項目----*/
#menu_box{ background-color: #faf5d2}

#menu {
	margin: 0 10px;
	padding: 0;
	line-height:100%;
}

#menu li{
	list-style-type:none;
	width:180px;
	height:26px;
}

#menu li a{
	display:block;
	width:180px;
	height:26px;
}

#menu li a:hover { background-color:transparent}
#menu li a:hover img{ visibility:hidden}

#menu01 { background: url(../images/menu01_o.gif)}
#menu02 { background: url(../images/menu02_o.gif)}
#menu03 { background: url(../images/menu03_o.gif)}
#menu04 { background: url(../images/menu04_o.gif)}
#menu05 { background: url(../images/menu05_o.gif)}
#menu06 { background: url(../images/menu06_o.gif)}
#menu07 { background: url(../images/menu07_o.gif)}
#menu08 { background: url(../images/menu08_o.gif)}
#menu09 { background: url(../images/menu09_o.gif)}
#menu10 { background: url(../images/menu10_o.gif)}
#menu11 { background: url(../images/menu11_o.gif)}
#menu12 { background: url(../images/menu12_o.gif)}

/*----ガイド項目----*/
#guide_box{
	background-color: #faf5d2;
	padding: 0 0 4px 0;
	border-bottom:1px solid #ffffff;
	}

#guide {
	margin: 0 10px;
	padding: 0;
	line-height:100%;
}

#guide li{
	list-style-type:none;
	width:180px;
	height:26px;
}

#guide li a{
	display:block;
	width:180px;
	height:26px;
}

#guide li a:hover { background-color:transparent}
#guide li a:hover img{ visibility:hidden}

#guide01 { background: url(../images/guide01_o.gif)}
#guide02 { background: url(../images/guide02_o.gif)}
#guide03 { background: url(../images/guide03_o.gif)}
#guide04 { background: url(../images/guide04_o.gif)}
#guide05 { background: url(../images/guide05_o.gif)}
#guide06 { background: url(../images/guide06_o.gif)}

/*----サポート項目----*/
#support_box{
	background-color: #f5f2ae;
	padding: 4px 0 0;
	}

#support {
	margin: 0 10px;
	padding: 0;
}

#support li{
	list-style-type:none;
	width:180px;
	height:26px;
}

#support li a{
	display:block;
	width:180px;
	height:26px;
}

#support li a:hover { background-color:transparent}
#support li a:hover img{ visibility:hidden}

#support01 { background: url(../images/support01_o.gif)}
#support02 { background: url(../images/support02_o.gif)}

/*----サイドメニューの下部パーツ----*/
.menuend {
	margin-bottom: 10px;
}

/*----会社案内----*/
.company_info {
	margin:20px 10px;
	padding: 0;
/*	letter-spacing:0.1em; */
}

.company_info a {font-size:11px}

/*----カウンター周辺---*/
.counter_area{
	margin: 10px 0;
	padding: 0 10px;
	text-align:center;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:90%;
	line-height:200%;
	border-top:1px dotted #452100;
}

/* お客さまの声紹介部
----------------------------------------------------------- */
.voice_bn_title{
	background:	url(../shop/images/tl_voice_bn.gif) no-repeat;
	height:23px;
	text-align:right;
	padding:6px 11px 5px;
}


/* ショッピングガイド
----------------------------------------------------------- */
#fguide {
	clear:both;
	margin:0;
	padding:0;
	overflow:hidden;
	width:678px;
	border-right:1px dotted #452100;
	border-left:1px dotted #452100;
	line-height:140%;
	font-size:95%;
}

#fguide_inbox {
	margin: 0;
	padding: 0;
	float: right;
	width: 451px;
}

/* 左サイドコンテンツ枠組み
----------------------------------------------------------- */
#fguide_left {
	margin:0;
	padding:20px 0 20px;
	width: 225px;
	float: left;
}


/* 中央サイドコンテンツ枠組み
----------------------------------------------------------- */
#fguide_middle {
	margin: 0;
	padding:20px 0 20px;
	width: 224px;
	float: left;
	border-right:1px dotted #452100;
	border-left:1px dotted #452100;
}

/* 右サイドコンテンツ枠組み
----------------------------------------------------------- */
#fguide_right {
	margin:0;
	padding:20px 0 20px;
	width: 224px;
	float: right;
}

/* 個々の説明部
----------------------------------------------------------- */
.fguide_title {
	padding:0 12px;
	margin:0;
	font-weight:bold;
}

.fguide_item {
	padding:5px 15px 5px;
}

.fguide_item2 {
	padding:5px 15px 0;
	margin:0 0 20px;
}

.fguide_item ul{
	margin: 0 0 0 1.5em;
	padding:0 0 5px;
}

.fguide_more {
	padding:0 20px;
	margin:0 0 20px;
	font-size:90%;
	text-align:right;
}

.fguide_more a{ color:#666}
.fguide_more a:hover{ color:#ccc}

/*----フッター部--*/
#footer {
	clear: both;
	text-align:left;
	width: 940px;
	margin: 0px auto 10px;
	padding: 0px;
	background-color:#FFFFFF;
	letter-spacing:0em;
	line-height:140%;
}

/*----フッターメニュー--*/
#footer_menu {
	margin: 0;
	padding: 0.5em;
	font-size:11px;
	line-height:160%;
	word-spacing:0.2em;
	text-align:center;
	color: #333333;
	border-top:1px dotted #452100;
}

#footer_menu a {
	text-decoration:none;
	color: #666666;
	padding: 0px;
}

#footer_menu a:hover{ text-decoration:underline }

/*----最下部エリア---*/
#bottom {
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	background-color: #E7E7E7;
	height:40px;
	margin: 0px;
}

/*----著作権についての注意書き---*/
#attention{
/*	margin-top:0 6px; */
	text-align:center;
	color:#C42B30;
	font-size:11px;
	line-height:140%;
}

/*----著作権表示---*/
#copyright{
/*	margin-top:2px; */
	text-align:center;
	color:#452100;
}

/* TOPにもどる(共通)
----------------------------------------------------------- */
.goto_top {
	text-align:right;
	margin:0 5px 0;
	font-size:90%;
}

/* ズーム
----------------------------------------------------------- */
.zoom {
	margin:0 0 0 2px;
	font-size:85%;
	text-align:left;
	letter-spacing:0em;
}


.snsblock div {
  margin:5px 5px 5px 0;
  float: left;
}

/* clearfix
----------------------------------------------------------- */
.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
}

.clearfix {
	  min-height: 1px;
}

* html .clearfix {
	  height: 1px;
	  /*\*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
}
