@charset "utf-8";
@import url(reset.css);
@import url(fonts.css);
@import url(text.css);
@import url(text_decoration.css);
/* 全体の定義
----------------------------------------------------------- */
body {
	color:#000;
	line-height: 160%;
	text-align: left;
	word-break:break-all;
	background-color: #9F7239;
	font-family:"メイリオ" ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrapper {
	width: 920px;
	margin:0 auto;
	padding:0 15px;
	background:#FFFFFF;
}
#header {
	height:78px;
}
#container{
	clear:both;
	background:url(../img/bg_contents.jpg) repeat-y 0 0;
}
#main {
	width: 680px;
	float: right;
	margin-left: 20px;
}
#side {
	width: 220px;
	float: left;
	padding-bottom: 10px;
}
#footer {
	clear:both;
	text-align:center;
	height:40px;
	padding:30px 0 0;
	background:url(../img/bg_bottom.jpg) repeat-x 0 0 #FFF;
	border-top-width: 9px;
	border-top-style: solid;
	border-top-color: #4A2D23;
}

	/* header */
div#header_r{
	float:right;
	text-align:right;
	width:309px;
}
div#header_r img{
	margin-bottom:2px;
}

img#logo{
	margin:7px 0 0 5px;
}
	/* user_navi */
ul#user_navi{
	height:31px;
	margin-bottom:18px;
	padding-left: 35px;
}
ul#user_navi li{
	float:left;
}

	/* navigation */
ul#navigation{
	height:35px;
	margin-bottom:7px;
}
ul#navigation li{
	float:left;
}

/* タグの定義
----------------------------------------------------------- */

p {
	line-height: 165%;
	margin-bottom: 25px;
}
img {
	border: 0px;
	vertical-align: top;
}
ul, ol, dl {
	line-height: 1.2;
}
blockquote {
	line-height: 1.5;
	border-left: 4px solid #e8d5c8;
	margin: 0px 0px 16px;
	padding-left: 12px;
}
address {
	font-style:normal;
}
/* 見出しの定義
----------------------------------------------------------- */
h1#top {
	background:none;
	padding:0;
	margin:15px 0 0;
	border:none;
	text-align:center;
	height:auto;
}
h1 {
	font-size:18px;
	font-weight:bold;
	height:43px;
	margin-bottom:14px;
	background: #FFF url(../img/bg_title.jpg) no-repeat 0 0;
	padding: 4px 30px 0 45px;
	color: #000;
}
h2 {
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
	clear:both;
	background: url(../img/dot_line.gif) repeat-x 0 100%;
	margin: 40px 0 20px 0;
}
h3 {
	font-size:14px;
	font-weight:bold;
	clear:both;
	background: url(../img/bg3.jpg) no-repeat left center;
	margin: 30px 0 10px 0;
	padding: 2px 0 0  25px;
}

.midashi{
	padding:0 !important;
	margin-bottom:10px;
	background:none;
}

.midashi img{
	margin-bottom:10px !important;
}
/* ヘッダーの定義
----------------------------------------------------------- */
img#logo {
	float:left;
	margin-top: 20px;
}
img#banner {
	float:right;
}

/* パンくずリスト
----------------------------------------------------*/
ul#pankuzu,
p#topcopy{
	line-height:100%;
	margin-bottom:12px;
}


div#main ul#pankuzu{
	margin:0 0 5px 0;
	padding:0;
}
ul#pankuzu li{
	float: left;
	display: inline;
	margin:0 6px 0 0;
	padding:2px 0 0 8px;
	background:url(../img/pan_arrow.gif) no-repeat 0 4px;
	font-size:11px;
	color:#999999;
}
ul#pankuzu li#home{
	padding:2px 6px 0 17px;
	margin-bottom:25px;
	background: url(../img/home.jpg) no-repeat left center;
}
/* トップページ
----------------------------------------------------------- */
#headline {
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}


div#news{
	margin-bottom:25px;
	border: 1px solid #9F7239;
	padding: 1px 1px;
}
dl#news_list{
	padding:5px 10px 0 0;
	margin-left:10px;
	line-height:179%;
}
dl#news_list dt{
	padding-left:65px;
	padding-bottom:0;
	background:url(../img/list_news.jpg) no-repeat 0 5px;
	font-weight:bold;
}
dl#news_list dd{
	margin:0 0 25px 65px;
	
}
dl#news_list dd.new_topics a{
	background:url(../img/new.gif) no-repeat 100% 0;
	padding-right:35px
}

#news p {
	background: url(../img/top_back.jpg) no-repeat left center;
	height: 22px;
	padding: 8px 0 0 10px;
	margin-bottom:10px !important;
}


/* indexページ
----------------------------------------------------------- */


/* 商品紹介
------------------- */
#top-h2 {
	background: url(../img/top_back.jpg) no-repeat left center;
	height: 22px;
	padding: 8px 0 0 10px;
	margin-bottom:6px !important;
}


.r_title {
	background:url(../img/bg_ranking3.gif) no-repeat 0 0;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 45px;
	height:25px;
	margin-bottom:0 !important;
}
#box-a, #box-c {
	width:200px;
	float:left;
	border:5px solid #EAEAEA;
	padding:5px 5px;
	margin-bottom:10px;
}
#box-b {
	width:200px;
	float:left;
	margin:0 9px 10px 9px;
	padding:5px 5px;
	border:5px solid #EAEAEA;
}


#box-a2, #box-c2 {
	width:319px;
	float:left;
	border:5px solid #EAEAEA;
	padding:5px 3px;
	margin-bottom:10px;
}
#box-b2 {
	width:319px;
	float:left;
	margin:0 0 10px 10px;
	padding:5px 3px;
	border:5px solid #EAEAEA;
}
#box-a2 p,
#box-b2 p,
#box-c2 p{
	margin-bottom:0 !important;
	padding:5px 10px;
}
/* topics
------------------- */

.topics {
	background: url(../img/topic_back.jpg) no-repeat 0 0;
	margin-bottom: 30px;
	height: 374px;
	padding: 35px 26px 0 24px;
}
.topics p {
	margin:0 0 10px 30px !important;
}
#topics_h3 {
	background:none;
	padding:0;
	margin:0 0 10px 20px;
}
/* プロモーション
------------------- */

#promotion{
	padding-bottom:5px;
	margin:0 0 10px 0 !important;
}
#promotion li{
	float:left;
	margin-left:15px;
	list-style:none !important;
}


/* voice */
dl.voice{
	margin-bottom:25px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #F1EAE0;
}
dl.voice dt{
	float:left;
	width:270px;
}
dl.voice dd{
	margin-left:270px;
}

.voice_h2{
	margin-top:0px !important;
}


div.border{
	border:1px dotted #630;
	padding:15px;
}


/* shiitake */

.shiitake_h3{
	margin-top:0px !important;
}

/* クラスの定義
----------------------------------------------------------- */
.clear {
	clear: both;
}
.text_right {
	text-align: right;
}
.bold {
	font-weight:bold;
}
.large {
	font-size: 116%;
}
.small {
	font-size: 86%;
	vertical-align: top;
}
.important {
	font-weight: bold;
	color: #930;
}
.number_list {
	margin-left: 28px;
	margin-bottom: 18px;
}
.number_list li {
	margin-bottom: 6px;
}
.end {
	margin-bottom: 0px !important;
}
.mb {
	margin-bottom:50px !important;
}
.mb10 {
	margin-bottom:10px !important;
}

.mb13 {
	margin-bottom:13px !important;
}

.mb15 {
	margin-bottom:15px !important;
}
.mb18 {
	margin-bottom:18px !important;
}
.mb20 {
	margin-bottom:20px !important;
}

.mr2 {
	margin-right:2px !important;
}
.bgno {
	background:none !important;
}
.f_left {
	float:left;
	margin:0 15px 15px 0;
}
.f_right {
	float:right;
	margin:0 0 15px 15px;
}
.center {
	text-align:center;
}

div.pic_l{
	width:300px;
}
div.pic{
	width:260px;
	margin-bottom:5px !important;

}
div.pic p,
div.pic_l p{
	font-size:11px;
	text-align:center;
	line-height:130% !important;
}

.last {
	margin-bottom: 70px !important;
}

.f_r{
	float:right;
	margin:0 0 20px 0;
}
.f_l{
	float:left;
	margin:0 0 20px 0;
}
/* テーブルの定義
----------------------------------------------------------- */
table {
	border:1px solid #F0DDD2;
	width:100%;
	line-height: 175%;
	margin-bottom:20px;
}
th {
	background:url(../img/table_midashi.gif) repeat-x 0 0;
	color:#7A5D65;
	font-weight:bold;
	padding:10px;
	border:1px solid #F0DDD2;
}
td {
	padding:8px;
	border:1px solid #F0DDD2;
	vertical-align:top;
}

table.spec{
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:0 auto 10px;
	width:345px;
}
th,
td{
	border:1px solid #ccc;
	padding:5px 10px;
}
th{
	width:80px;
}
td{
	background:#fff;
}

.w80 {
	width:80px;
}
.w100 {
	width:100px;
}
.w120 {
	width:120px;
}
.w150 {
	width:150px;
}
/* レイアウトの定義
----------------------------------------------------------- */
.p_con {
	background:#FFF;
	padding-right: 10px;
	padding-left: 10px;
}
.p_con_top {
	background:#FFF;
}
.contents {
	clear:both;
	margin-bottom:15px;
}

.pad10 {
	padding:10px 10px 0;
}
#main ul, #main ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
}
#main ul li {
	list-style-type: none;
}
#main ol li {
	list-style:decimal;
}
div.point {
	background:url(../img/point.jpg) no-repeat 0 0 #FFFFEE;
	padding:25px 15px 10px 25px;
	margin-bottom:20px;
}
a.go {
	background:url(../img/list_a.gif) no-repeat 0 0;
	padding-left:18px;
	color:#F60;
}
h2#ranking {
	background:none;
	padding:0;
	height:auto;
	margin:0;
}
/* 関連コンテンツ表示エリア
----------------------------------------------------------- */
.r_contents {
	margin-bottom:25px;
	clear:both;
}
ul.c_rank {
	padding:6px 0;
	margin:0 10px !important;
}
ul.c_rank li {
	list-style:none !important;
	padding-left:25px;
	margin:5px 0;
}
ul.c_rank li.no01 {
	background:url(../img/rank01.gif) no-repeat 0 0;
}
ul.c_rank li.no02 {
	background:url(../img/rank02.gif) no-repeat 0 0;
}
ul.c_rank li.no03 {
	background:url(../img/rank03.gif) no-repeat 0 0;
}
ul.bulet {
	font-weight:bold;
	margin:0 0 25px !important;
}
ul.bulet li {
	background:url(../img/list_arrow.gif) no-repeat 0 4px;
	padding:0 0 0 25px;
	list-style:none !important;
	margin-bottom:10px;
}
ul.check {
	font-weight:bold;
	margin:0 0 25px !important;
}
ul.check li {
	background:url(../img/list_check.gif) no-repeat 0 100%;
	padding:0 0 0 25px;
	list-style:none !important;
	margin-bottom:10px;
}
p.official {
	background:url(../img/o_arrow.jpg) no-repeat 0 50%;
	height:37px;
	padding-left:45px;
	font-size:166.7%;
	font-weight:bold;
	margin:0 0 40px 110px;
}
/* サイドコンテンツの定義
----------------------------------------------------------- */
#side h3 {
	height:17px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin:0;
	background: url(../img/side_navi.jpg) repeat-x 0 0;
	padding: 8px 10px 0 10px;
}
#side ul{
	margin:0 0 10px 5px;
}
#side ul li{
	background:url(../img/list01.gif) no-repeat 0 8px;
	padding-left:8px;
	margin-bottom:10px;
}
.s-h3-m {
	height:17px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:20px !important;
	background: url(../img/side_navi.jpg) repeat-x 0 0;
	padding: 8px 10px 0 10px;
}

#side .official dt {
	font-weight:bold;
	margin:0 0 5px 5px;
}
#side .official dd {
	margin:0 0 15px 5px;
}

/* リンクの設定
----------------------------------------------------------- */
a:link,
a:visited{
	color: #000099;
	text-decoration: underline;
}
a:active,
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#pankuzu a:link, #pankuzu a:visited {
	color: #006;
	text-decoration:underline;
}
#pankuzu a:active, #pankuzu a:hover {
	color:#F30;
	text-decoration:underline;
}
#side li a:link,
#side li a:visited{
	color:#006;
	text-decoration:underline;
}
#side li a:active,
#side li a:hover{
	color:#F30;
	text-decoration:underline;
}


/* 問い合わせフォーム
----------------------------------------------------------- */
table.form-cell{
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:0 auto 10px;
	width:100%;
}

.form-cell th,
.form-cell td{
	border:1px solid #ccc;
	padding:5px 10px;
}
.form-cell th{
	width:130px;
	background:#f2f2f2;
}
.form-cell td{
	background:#fff;
}
.form-btn{
	margin:20px;
}
.form-cell .input-area{
	padding:2px;
}
.focus{
	background-color: #f8f8ff;
	border:1px solid #5f9ea0 !important;
}
.none{
	display:none;
}
.form-cell textarea{
	width:350px;
}
.form-cell .input-short{width:200px}
.form-cell .input-middle{width:250px}
.form-cell .input-long{width:490px}
.form-cell img{vertical-align:middle;}

.form-cell td ul{
	margin-bottom:0 !important;
}
.form-cell td ol{
	margin:0 0 0 30px !important;
}
.form-cell td ol li{
	margin-bottom:10px;
}
/* ------------------------------ */
/* 4. clear fix */
/* ------------------------------ */
.clearfix {
	zoom: 1; /* for IE5.5 - IE7 */
	overflow:hidden;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear{
	clear: both;
}

img {
	-ms-interpolation-mode: bicubic;
}
textarea.link_tag {
	width:530px;
	margin-bottom:20px;
	padding:10px;
}
.plus {
	border: 6px solid #FC6;
	padding: 10px 15px;
}
.special {
	background: url(../img/sp.jpg) no-repeat left center;
	height: 30px;
	margin-bottom: 10px;
	padding: 5px 0 0 30px;
}

img.sh{
	background:url(../img/bg_shadow.jpg) no-repeat 100% 100%;
	padding:0 10px 10px 0;
}
div#map{
	width:650px;
	height:400px;
	border:5px solid #CCCCCC;
	margin-bottom:20px;
}
.omatome{
	background:#FFE6FF;
	padding:15px;
	margin-bottom:15px;
}
#main .fast {
	border: 1px solid #F00;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #FFFFDF;
}

#main .fast_t {
	border: 1px solid #F00;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #FFFFDF;
}
#main .fast_nl {
	margin-bottom: 15px;
	padding: 10px;
	background-color: #FFFFDF;
}
.top_end {
	margin-bottom:0px !important;
}

.cook {
	background-color: #F1EAE0;
	padding:20px 15px 10px 15px;
	margin-bottom:25px
}
.cook h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}
.c_left {
	float: left;
}
.c_right {
	margin-left: 315px;
}
.c_right ul li {
	margin:0 0 10px 15px;
	list-style-position: outside;
	list-style-type: disc !important;
}

.c_center ol {
	margin-bottom:0px !important;
}

.c_center ol li {
	margin:0 0 10px 30px;
}
.tv_left {
	float: left;
}
.tv_right {
	margin-left:310px;
}
.tv {
	padding:0 15px;
}
.press_tv20161214 {
	margin-bottom:20px;
}
.press_area ul {
	margin-bottom:0px !important;
}
.press_area ul li {
	float: left;
	margin-bottom: 10px !important;
}
.press_area.clearfix ul .pa_ms {
	margin:0 15px;
}