@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  style.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */


/*----------------------------------------------------

	リセット及びbody初期設定 
	(このスタイルシートは基本的に変更しない)

----------------------------------------------------*/

/*--- reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote/*,th,td*/ {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
/*hr,*/legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}

ul {
	padding: 0;
}

li {
	list-style-type: none;
}

button, textarea,/* select*/ {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*--- default */
body {
	color: #333;
	font-size: 14px;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	
	text-align: left;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

a:link {
	color:#400000;
	text-decoration: none;
}
a:visited {
	color:#400000;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
}
a:active {
	color:#FF9900;
	text-decoration: none;
}

a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70); 
}

h2 {
	height: 30px;
	font-size: 1.5em;
	background-color: #e4ea77;
	border-bottom: 3px #669933 solid;
	margin-bottom: 10px;
	padding: 5px 0 0 3px;
}

/*h3{
	height: 20px;
	font-size: 1.5em;
	background-color: #e4ea77;
	border-bottom: 3px #669933 solid;
	margin-bottom: 10px;
	padding: 5px 0 0 3px;
}*/

h3 {
	text-align: left;
	height: 24px;
	font-size: 1.2em;
	background-color: #edf3a9;
	margin-bottom: 10px;
	padding: 5px 0 0 10px;
}

h4 {
	position: relative;
	border-left: 6px solid #669933;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: left;
	height: 24px;
	font-size: 1.1em;
	padding-left: 10px;
}
h4::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

h5 {
	position: relative;
    margin: 0 0 5px 10px;
    border-left: 5px solid #ff7e23;
    padding-left: 15px;
    font-size: 1.5em;
	}
	
.midashi-line-orange{
	margin-bottom: 5px;
    padding: 0px;
    border-bottom: 1px solid #ff7e23;
}


	
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 0 10px;
}

.imgL {
	float: left;
	margin: 0 10px 0 0;
}

.imgCenter {
	text-align: center !important;
	margin: 10px auto;
}

.center {
	width: 100%;
	text-align: center;
	margin:0 auto;
}

/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*.clearfix:after {
    clear: both;
    content: “”;
    display: block;
    height: 0;
}*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* margin
----------------------------------------------------------*/
/* Top */
.MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; }
/* Bottom */
.MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom: 15px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }

/* padding
----------------------------------------------------------*/
/* Left */
.PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important; }
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; }
/* Right */
.PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; }

/* フォントサイズ・カラー
----------------------------------------------------------*/
.TXT-S { font-size:12px;}
.TXT-M { font-size:14px;}
.TXT-L { font-size:16px;}
.TXT-LL { font-size:22px;}

.TXT-RED { color:#FF3333;}
.TXT-ORG { color:#FF6600;}
.TXT-PURPLE { color:#CC6699;}
.TXT-BLUE { color:#0066CC;}
.TXT-GREEN { color:#339933;}

/* テキスト位置
----------------------------------------------------------*/
.TXT-right {
	text-align: right;
}

/* -----------------------------------------------------------
	#container
		ページ全体
----------------------------------------------------------- */

#container {
	width: 100%;

}

#container_size {
	width: 960px;
	margin: 0 auto;
}

/* -----------------------------------------------------------
	.header
		ヘッダー
----------------------------------------------------------- */
#header {
	overflow: hidden;
}

#header dt{
	height: 89px;
	width: 463px;
	margin: 0;
	float: left;
}

#header dd {
	float: right;
}

/* .gude
----------------------------------------------------------- */
#gude {
	clear: both;
	margin-top:10px;
}

#gude li{
	float: right;
	margin-left: 15px;
}

/* #h_member
----------------------------------------------------------- */
#h_member {
	clear: both;
	margin-top: 10px;
	overflow: hidden;
}

#h_member ul {
}

#h_member li {
	float: left;
	padding-right: 9px;
}

#h_member li:last-child {
	padding-right: 0;
}


/* #gNav
----------------------------------------------------------- */
#gNav {
	overflow: hidden;
	margin-top: 10px;
	height: 50px;
	clear: both;
}

#gNav li {
	float: left;
}

.h_banner {
	overflow: hidden;
	margin-top: 5px;
}

/* -----------------------------------------------------------
	#top
		トップ
----------------------------------------------------------- */
#top {
	margin: 5px 0;
	display: block;
}

/*----------------------------------------------------
	#contents
		コンテンツ 各ページの内容部分
----------------------------------------------------*/
#contents {
	overflow: hidden;
	border: 1px #CCCCCC solid;
	padding: 10px 0;
	margin: 10px auto;
	display: block;
	width: 958px;
}





/* -----------------------------------------------------------
	#side_Nav
		サイドナビ
----------------------------------------------------------- */
#side_Nav {
	width: 210px;
	float: left;
	text-align: center;
	display: block;
	margin: 0 30px 0 10px;
	overflow: hidden;
}

#side_Nav_f {
	width: 210px;
	float: left;
	text-align: center;
	display: block;
	overflow: hidden;
}


#f_left {
	overflow: hidden;
	float: left;
	width: 210px;
	padding: 0 30px 0 10px;

}

/* .manu アコーディオンメニュー
----------------------------------------------------------- */
.menu {
	width: 200px;
	margin: 5px;
	padding: 0;
	background: #fff;
}

label {
	text-align: center;
	background: #825700;
	color: #fff;
	padding: 5px;
	display: block;
	margin: 0;
	border: 1px solid #fff;
	font-weight: bold;
}

label:hover {
	background: #513701;
}
input[type="checkbox"].on-off{
	display: none;
}

.menu ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #f4f4f4;
}

.menu li {
	text-align: left;
	padding: 5px;
	font-size: 84%;
	border-bottom: 1px #CCCCCC dashed;
	padding: 5px 0 5px 20px;
	background: url(../images/list-arw.png) no-repeat;
	background-position:3% 49%;
}

input[type="checkbox"].on-off + ul{
	height: 0;
	overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
	height: auto;
}

/* .manuN 通常メニュー
----------------------------------------------------------- */
.menuN {
	width: 200px;
	margin: 5px auto;
	padding: 0;

}

.menuN ul {
	margin: 0;
	padding: 0;
	border: 1px #825700 solid;
}

.menuN li:first-child {
	text-align: center;
	color: #FFF;
	background: #825700;
	padding: 5px;
	margin: 0;
	font-weight: bold;
	display: block;
}

.menuN li:last-child {
	border: none;
	display: block;
}
.menuN li {
	text-align: left;
	background: #FFF;
	border-bottom: 1px #825700 dashed;
	padding: 3px;
	display: block;
}


/* #calendar カレンダー(画像にしたら不要)
----------------------------------------------------------- */
#calendar {
	width: 100%;
	font-size: 75%;
	color: #666;
	margin: 5px auto 20px;
}
#calendar table {
	width: 180px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #999999;
	margin: 0 auto;
}
#calendar table .green td {
	background-color: #DBF1A0;
	width: 18px;
	text-align: center;
	font-weight: bold;
}
#calendar table .white {
	background-color: #FFF;
	text-align: center;
}



/* .side_ その他サイド設定
----------------------------------------------------------- */
.side_box {
	border: 1px #825700 solid;
	width: 200px;
	margin: 5px auto;
}

.side_midashi {
	text-align: center;
	color: #FFF;
	background: #825700;
	font-weight: bold;
	padding: 5px;
}

.side_serach {
	border: 1px #CCCCCC solid;
	width: 200px;
	margin: 0 auto 5px;
	padding-bottom: 8px;
	background-color: #e4ea77;
}


/* -----------------------------------------------------------
	#main
		メイン
----------------------------------------------------------- */
#main {
	/*margin-left: 250px;*/
	width: 680px;
	text-align: center;
	overflow: hidden;
	float:right;
	margin-right: 10px;
	display: block;
}

.main_serach {
	border: 1px #CCCCCC solid;
	padding-bottom: 15px;
	background-color: #e4ea77;
	margin: 10px 0 20px;
}

.main_genmaitoha {
	border: 1px #825700 solid;
	padding:0 0 15px 0;
	background-color: #fff;
	margin: 10px 0 20px;
	clear: both;
}

.main_rank {
	padding: 20px 0;
	background-color: #ffffe0;
	margin: 10px 0;
}

#review {
	border: 1px #825700 dotted;
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
}

#links {
	border: 1px #acd384 solid;
	padding: 20px 0;
	margin-bottom:20px;
}


.item_nav {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	height: 30px;
	width: 680px;
}


.item_nav ul{
	float: left;
	position: relative;
	left: 50%;
}
	
.item_nav li{
	position: relative;
	text-decoration: underline;
	float: left;
	left:-50%;
	padding-right: 15px;
}

.item_nav li:last-child {
	padding-right: 0px;
}

.text {
	text-align: left ;
	padding: 10px ;
	margin: 10px auto ;
}

.text-box {
	border: 1px #FF9900 solid ;
	padding: 10px;
	margin-bottom: 10px;
}


/* .information .new-information
----------------------------------------------------------- */
/*.information {
	background-color: #569f34;
	padding: 5px 5px 5px 20px;
	text-align: left;
	color: #FFFFFF;
	font-weight: bolder;
}*/

.new-information {
	margin-bottom: 10px;
}

.new-information ul {
	height: 35px;
	width: auto;
	overflow: auto;
	border: 1px solid #569f34;
	font-size: 85%;
	padding: 5px 36px 5px ;
	line-height: 160%;
	scrollbar-arrow-color:#a5714c;
	scrollbar-face-color:#ffffff;
	scrollbar-3dlight-color:#a5714c;
	scrollbar-darkshadow-color:#f3f0df;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#a5714c;
	scrollbar-track-color:#f3f0df;
	list-style-image: none;
	list-style-type: none;
}

.new-information ul {
	text-align: left;
}

.new-information li {
	list-style-type: disc;
}

.new-information a {
	color: #74501F;
	text-decoration: none;
}
.new-information a:hover {
	color: #EF5807;
	text-decoration: underline;
}
	




/* .item_list　商品一覧
----------------------------------------------------------- */
.item_list {
	margin-bottom: 30px;
	font-size: 0.9em;	
}

.item_list ul {
	overflow: hidden;
	margin-bottom: 5px;
}

.item_list li {
	float: left;
	border: 1px #CCCCCC solid;
	width: 152px;
	margin-right: 5px;
	padding: 5px;
}

.item_list img {
	margin-bottom: 5px;
}

.item_list li a{
	display: block;
}

.item_list li a:hover {
 color: #222;
 text-decoration: none;
opacity: 0.25;  /* 要素を透明にするタグ */
   background-color: #ffffff;
}


.item_list li:last-child {
	width: 154px;	
	margin-right: 0;
}

.list_title {
	background-color: #e4ea77;
	height: 30px;
	font-weight: bold;
	font-size: 120%;
}

.price_coler {
	color: #FF3300;
	margin: 5px 0;
}

.item_list_text {
	margin-bottom: 10px;
}

/* #item_list_m　商品一覧(ログイン後)
----------------------------------------------------------- */
.item_list_m_box {
	padding-top: 10px;
}

.item_list_m {
	margin-bottom: 30px;
	font-size: 0.9em;	
}

.item_list_m ul {
	overflow: hidden;
	margin-bottom: 5px;
}

.item_list_m li {
	display: block;
	float: left;
	border: 1px #CCCCCC solid;
	width: 152px;
	margin-right: 5px;
	padding: 5px;
}

.item_list_m img {
	margin-bottom: 5px;
}

.item_list_m li:last-child {
	width: 154px;	
	margin-right: 0;
}


/* #info　インフォメーション
----------------------------------------------------------- */
#info {
	height: auto;
	width: 680px;
	font-size: 95%;
	text-align: left;
	margin-bottom: 10px;
}

#info a {
	color: #A96F49;
	text-decoration: underline;
}
#info a:hover {
	color: #F7550D;
}

.title2 {
	border:#88c947 solid;
	border-width:0 0 1px 8px;
	padding:3px;
	margin:10px 0 5px 0;
	color:#6D8B1F;
	text-decoration:none;
}
.title2 {
	font-size:110%;
	color:#974000;
	line-height:150%;
}

.title3 {
	font-size:110%;
	color:#974000;
	line-height:150%;
}


.content {
	font-size:96%;
	line-height:1.5;
}

.guide-hyou{
	width:680px;
	border:#999999 solid 1px;
	padding:0;
	margin:0;
	font-size: 95%;
}
.guide-hyou tr{
	background-color:#F3F3F3;
	text-align:left;
	line-height:1.3;
	vertical-align:top;
	border:none;
}
.guide-hyou td{
	padding:5px;
	border:#999999 solid;
	border-width:0 1px 1px 0;
}

.title1 {
	border:#669933  solid;
	border-width:0 0 1px 8px;
	padding:3px;
	margin:10px 0 5px 0;
	color:#000000;
	font-size:120%;
	line-height:140%;
	text-decoration:none;
}

/* .t_　テーブル各種
----------------------------------------------------------- */

.t_kago {
}


/* .up
----------------------------------------------------------- */
.up {
	clear: both;
	text-align:right;
	/*background: #fff5ee;*/
	font-size: 94%;
	line-height: 150%;
	height: 1.5em;
	margin-top: 20px;
	/*border-top: 1px #d2b48c solid;*/
/*	border-bottom: 1px #746446 solid;*/
}


/* .note かご内の注意書き
----------------------------------------------------------- */

.note {
	border: 2px #99CC00 solid;
	padding: 10px;
	margin: 10px auto;
	text-align: left;
}

.note a:link {
	color:#FF9900;
	text-decoration: underline;
}

.note a:visited {
	color:#FF9900;
	text-decoration: underline;
}
.note a:hover {
	color: #FF9900;
}

.note a:active {
	color:#FF9900;
	text-decoration: underline;
}

.text_caution {
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}

.note_orange {
	border: 2px #FF9900 solid;
	padding: 10px;
	margin: 10px auto;
	text-align: left;
}



/* .registration 会員登録ボタン部分
----------------------------------------------------------- */

.registration select {
	display: none;
}
	


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
}



/* #fNav
----------------------------------------------------------- */
#fNav {
	margin-top: 20px;
	padding: 5px 0;
	height: 20px;
	border: 1px #746446 solid;
}

#fNav li {
	float: left;
	width: 158px;
	text-align: center;
}


#copyright {
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background-color: #746446;
	
}

/* -----------------------------------------------------------
	.page-top
		ページトップへのリンク
----------------------------------------------------------- */
.page-top {
    position: fixed;
    bottom: 100px;
    right: 5px;
    padding: 10px;
    background: #FFFFFF;
	border: 1px #999999 solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
	text-align:center;
    /*-ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;*/
}

/*お買い物かご用サイドフローティングバナー*/
.side_kago {
    height: 91px;
    position: fixed;
    clip: rect(0px,auto,auto,auto);
    right: 3px;
    bottom: 150px;
    z-index: 214747;
}



/* 定期と会員のフローティングバナーテスト（member_topだけにある） */
* html body {background: url(null) fixed;}

* html div#rc_rightArea{
	position:absolute !important;
	top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');
	left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.body.clientWidth - 70 + 'px');/*画像の横幅数値*/
}

div#rc_rightArea{
	position: fixed;
	top: 100px;
	right: 0px;
	text-indent:-9993px;
	display:block;
}

div#rc_rightArea2{
	position: fixed;
	top: 390px;
	right: 0px;
	text-indent:-9993px;
	display:block;
}


div#rc_rightArea .rc_right ,
div#rc_rightArea2 .rc_right2 {
	outline:none;
	display: block;
	position: relative;
	width:70px;
	height:276px;
	left:0px;
	z-index:9998px;
}

div#rc_rightArea .rc_right{
	background: url("../images/fb_rp.png") no-repeat scroll 0 0 transparent;  
}

div#rc_rightArea2 .rc_right2{
	background: url("../images/fb_kaiin.png") no-repeat scroll 0 0 transparent;  
}



div#rc_rightArea .rc_right:hover ,
div#rc_rightArea2 .rc_right2:hover {
	background-position:0px 0px; width:70px;
}