@charset "utf-8";

/* INITIARIZE
--------------------------------------------------------------*/

body {
	margin:0px;
	padding:0px;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",OSAKA,"ＭＳ Ｐゴシック","メイリオ",sans-serif;
}
IMG {
	border:0px;
}
.mt15 {
	margin-top: 15px;
}
h1 {
	display: none;
}

/*=============================================
 clearFix
=============================================*/

.clearFix:after{
	content:" ";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clearFix{
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;      /* for not Mac */
	/* escape MacIE5 */
}
* html .clearFix{
	height: 1%;
}

*.cleared {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:-1px 0px 0px 0px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

/******************************
　特集：ご当地自慢！鍋特集
*******************************/

/* ぱんくず
-----------------------------------------------------------*/
#TOPICPATH {
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:80%;
	background-color:#ffffff;
}
#TOPICPATH span {
	padding: 0px 0.5em;
}
#TOPICPATH em {
	font-style:normal;
}

/* Frames
--------------------------------------------------------------*/

#BODYWRAPPER {
	width:785px;
	margin:10px 0 10px 15px;
	background:transparent url(../image/side_bg.gif) repeat-y;
}

#NABE-INDEXHEAD {
	margin:0px;
	padding:0px 0px 15px 30px;
	background:#373632;
}

#CONTENS {
	width:590px;
	float:left;
}
#SIDENAVI {
	width:180px;
	float:right;
}

/* SIDENAVI
--------------------------------------------------------------*/

#SIDENAVI .bannerArea {
	padding:9px;
	font-size:70%;
}
#SIDENAVI .bannerArea ul {
	margin:0px;
	padding:0px 0px 5px 0px;
	list-style-type: none;
}
#SIDENAVI .bannerArea li {
	padding: 0px;
	margin:0px;
	color:#3e3a39;
}
#SIDENAVI .bannerArea li a {
	color:#0303ff;
}

#SIDENAVI .bannerArea li a:hover{
	color:#bf1514;
}

#SIDENAVI .bannerArea .price {
	background-color:#fcfbda;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#SIDENAVI .bannerArea .food li {
	background-color:#ffffff;
	margin:0px 0px 5px 0px;
	padding:40px 5px 12px 10px;
	border:#d5b63a 1px solid;
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	font-size:120%;
}
#SIDENAVI .bannerArea .food li p{
	padding:0;
	margin:7px 0 0 0;
	display:block;
}
#SIDENAVI .bannerArea .food li span{
	color:#bf1514;
	font-weight:bold;
}

#SIDENAVI .bannerArea .food li.sideFish{
	background:#ffffff url(../image/side_fish.jpg) no-repeat;
}
#SIDENAVI .bannerArea .food li.sideMeat{
	background:#ffffff url(../image/side_meat.jpg) no-repeat;
}
#SIDENAVI .bannerArea .food li.sideOther{
	background:#ffffff url(../image/side_other.jpg) no-repeat;
}

#SIDENAVI .bannerArea .deji {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:162px;
	height:236px;
	text-align:center;
	background:transparent url(../image/catalog_bg.jpg) no-repeat;
}

#SIDENAVI .bannerArea .osusume {
	margin:20px 0px 0px 0px;
	padding:65px 5px 5px 5px;
}
.ossmFish{
	background:#bc9643 url(../image/side_ossm1.gif) no-repeat 5px 0px;
}
.ossmMeat{
	background:#bc9643 url(../image/side_ossm2.gif) no-repeat 5px 0px;
}
.ossmOther{
	background:#bc9643 url(../image/side_ossm3.gif) no-repeat 5px 0px;
}
.ossmPrice{
	background:#bc9643 url(../image/side_ossm_price.gif) no-repeat 5px 0px;
}
#SIDENAVI .bannerArea .osusume li{
	margin:0px 0px 5px 0px;
	padding:26px 10px 5px 15px;
}

#SIDENAVI .bannerArea .osusume li.rank1{
	background:#ffffff url(../image/icon_ossm1.gif) no-repeat 7px 3px;
}

#SIDENAVI .bannerArea .osusume li.rank2{
	background:#ffffff url(../image/icon_ossm2.gif) no-repeat 7px 3px;
}

#SIDENAVI .bannerArea .osusume li.rank3{
	background:#ffffff url(../image/icon_ossm3.gif) no-repeat 7px 3px;
	margin:0px 0px 0px 0px;
}
#SIDENAVI .bannerArea .ossmPrice li.rank1{
	background:#ffffff url(../image/icon_ossm4.gif) no-repeat 7px 3px;
}
#SIDENAVI .bannerArea .ossmPrice li.rank2{
	background:#ffffff url(../image/icon_ossm5.gif) no-repeat 7px 3px;
}
#SIDENAVI .bannerArea .ossmPrice li.rank3{
	background:#ffffff url(../image/icon_ossm6.gif) no-repeat 7px 3px;
	margin:0px 0px 5px 0px;
}
#SIDENAVI .bannerArea .ossmPrice li.rank4{
	background:#ffffff url(../image/icon_ossm7.gif) no-repeat 7px 3px;
}
#SIDENAVI .bannerArea .ossmPrice li.rank5{
	background:#ffffff url(../image/icon_ossm8.gif) no-repeat 7px 3px;
	margin:0px 0px 0px 0px;
}


/* トップタイトル
-----------------------------------------------------------*/

.main_hd {
	display:none;
}
.main_img {
	margin:0px;
	padding:0px;
	width:785px;
	height:230px;
	background: transparent url(../image/top_title.jpg) no-repeat;
	text-align:left;
}

.main_img div.main_notice{
	position:relative;
	top:170px;
	left:20px;
	margin:0px;
	padding:5px 5px;
	width:290px;
	background:#ffffff;
	font-size:10pt;
}

.main_img img{
	display:block;
}

.main_img div.ranking_info{
	position:relative;
	top:125px;
	left:505px;
	margin:0px;
	padding:7px;
	width:250px;
	font-size:10pt;
	text-align:center;
	filter: alpha(opacity=85); 
	opacity:0.85; 
	-moz-opacity:0.85;
	background: #F7DD2D; 
}

.main_img div.ranking_info span{
	margin:0 0 5px 0;
	display:block;
	color:#ff0000;
	font-weight:bold;
	line-height:100%;
}



/*　トップサブタイトル
-----------------------------------------------------------*/

.subtitle_hd {
	display:none;
}
.subtitle_genre_img {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:725px;
	height:19px;
	background: transparent url(../image/h2_genre.gif) no-repeat;
}
.subtitle_price_img {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:725px;
	height:19px;
	background: transparent url(../image/h2_price.gif) no-repeat;
}

/*　トップ食材メニュー
-----------------------------------------------------------*/

#fishMenu {
	margin:10px 0 0 0;
	padding:0px;
	width:725px;
	height:200px;
	background:#ebcbaa;
}

#meatMenu {
	margin:10px 0 0 0;
	padding:0px;
	width:725px;
	height:200px;
	background:#ebcbaa;
}

#otherMenu {
	margin:10px 0;
	padding:0px;
	width:725px;
	height:200px;
	background:#ebcbaa;
}

div.leftLink{
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
	width:130px;
	height:200px;
	float:left;
}

/* トップ価格メニュー
-----------------------------------------------------------*/

#priceMenu {
	margin:10px 0 0 0;
	padding:10px 0 15px 0;
	width:725px;
	xheight:140px;
	background:#ffffff url(../image/top_price_bg.gif) repeat;
}

#priceMenu ul {
	margin:0;
	padding:0;
	display:inline-block;
	list-style:none;
}
#priceMenu ul li {
	padding-right:16px;
	padding-top:10px;
	float:left;
}
#priceMenu ul li.home {
	padding-left:16px;
	float:left;
}
#priceMenu ul li.right {
	padding-right:17px;
	float:left;

}
#priceMenu ul li div{
	width:220px;
	height:55px;
}

#priceMenu ul li img{
	width:220px;
	height:55px;
}

.aftermenu {
	clear: both;
}



/*　一覧ページタイトル
-----------------------------------------------------------*/

.genre_hd {
	display:none;
}
.genre1_img {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_genre1.jpg) no-repeat;
}

.genre2_img {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_genre2.jpg) no-repeat;
}

.genre3_img {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_genre3.jpg) no-repeat;
}

.price_hd {
	display:none;
}
.price1_img {
	margin:0px 0px 5px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_price1.jpg) no-repeat;
}
.price2_img {
	margin:0px 0px 5px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_price2.jpg) no-repeat;
}
.price3_img {
	margin:0px 0px 5px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_price3.jpg) no-repeat;
}
.price4_img {
	margin:0px 0px 5px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_price4.jpg) no-repeat;
}
.price5_img {
	margin:0px 0px 5px 0px;
	padding:0px;
	width:590px;
	height:80px;
	background: transparent url(../image/title_price5.jpg) no-repeat;
}


/*　トップおすすめ商品リスト
-----------------------------------------------------------*/

.ossmList {
	width:590px;
	margin:0px;
	padding:10px 0px 5px 0px;
	float:right;
}
.ossmList ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.ossmItemList {
	margin:0px;
	padding:0px;
	width:590px;
}
.ossmItemList LI {
	border-top:#ebcbaa 0px solid;
	border-left:#ebcbaa 11px solid;
	border-bottom:#ebcbaa 0px solid;
	border-right:#ebcbaa 0px solid;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:center;
	width:191px;
	height:155px;
	list-style-type:none;
}
UNKNOWN {
	width:180px;
}
HTML BODY .itemList LI {
	width:180px;
}
.ossmItemList LI.rightEnd {
	border-top:#ebcbaa 0px solid;
	border-left:#ebcbaa 11px solid;
	border-bottom:#ebcbaa 0px solid;
	border-right:#ebcbaa 7px solid;
	width:208px;
}
UNKNOWN {
	width:180px;
}
HTML BODY .ossmItemList LI.rightEnd {
	width:180px;
}

/* safari only \*/
html:\66irst-child .ossmItemList li,
body:first-of-type .ossmItemList li {
	width:180px;
}
html:\66irst-child .ossmItemList LI.rightEnd,
body:first-of-type .ossmItemList LI.rightEnd {
	width:180px;
}

.ossmItemList LI SPAN {
	margin: 0px;
	padding:0px;
	display:block;
}
.ossmItemList LI a:hover img {
	filter: alpha(opacity=80);
	opacity:0.8; 
	-moz-opacity:0.8;
	background: #ffffff;
}
.ossmItemList LI .name {
	margin:0px;
	padding-top:3px;
	padding-left:0px;
	padding-bottom:3px;
	padding-right:0px;
	color:#3e3a39;
	font-size:82%;
}
.ossmItemList LI .name a{
	color:#0303ff;
}

.ossmItemList LI .name a:hover{
	color:#eb0e36;
}

.ossmList div.link{
	padding:0px 5px 0px 0px;
	text-align:right;
}


/*　商品一覧リスト
-----------------------------------------------------------*/

.List {
	width:590px;
	margin:0px;
	padding:0px 0px 5px 0px;
	background-color:#ffffff;
}
.List ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.List p {
	margin:10px 10px 0px 0px;
	text-align:right;
	color:#3e3a39;
	font-size:92%;
	}
.List p a:hover{
	color:#EB0E36;
}
.itemList {
	margin:0px;
	padding:0px;
	width:590px;
}
.itemList LI {
	border-top:#ffffff 0px solid;
	border-left:#ffffff 5px solid;
	border-bottom:#ffffff 0px solid;
	border-right:#ffffff 0px solid;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:195px;
	list-style-type:none;
	background:#ffffff;
}
UNKNOWN {
	width:190px;
	height:500px;
}
HTML BODY .itemList LI {
	width:190px;
}
.itemList LI.rightEnd {
	border-top:#ffffff 0px solid;
	border-left:#ffffff 5px solid;
	border-bottom:#ffffff 0px solid;
	border-right:#ffffff 5px solid;
	width:200px;
}
UNKNOWN {
	width:190px;
	height:500px;
}
HTML BODY .itemList LI.rightEnd {
	width:190px;
}
.itemList LI SPAN {
	margin: 0px;
	padding:0px;
	display:block;
}
.itemList LI .name {
	margin:0px;
	padding-top:3px;
	padding-left:20px;
	padding-bottom:6px;
	padding-right:0px;
	font-weight:bold;
	color:#3e3a39;
	font-size:82%;
}
.itemList LI .name a{
	color:#0303ff;
}
.itemList LI .name.none{
	padding-left:8px;
}
.itemList LI .name a:hover{
	color:#eb0e36;
}
.no1 {
	background:transparent url("../image/icon_no1.gif") no-repeat 2px 2px;
}
.no2 {
	background:transparent url("../image/icon_no2.gif") no-repeat 2px 2px;

}
.itemList LI .price {
	margin:0px;
	text-align:right;
	padding-top:3px;
	padding-right:5px;
	padding-bottom:10px;
	color:#ff0000;
	font-size:87%;
	font-weight:bold;
}
.itemList LI span.detail {
	margin:0px 5px 5px 0px;
	text-align:right;
}

.itemList LI .desc {
	margin:10px 0px 5px 5px;
	padding:0px;
	color:#3e3a39;
	font-size:71%;
}

.itemList LI .place {
	margin:0px 5px 0px 5px;
	width:75px;
	height:25px;
}

.itemList LI .photo {
	margin:5px;
}

.List .itemList li div.listBorder{
	border:#d5b63a 1px solid;
	padding:0px;
	margin:0px;
	width:190px;
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	overflow:hidden;
}

/* safari only \*/
html:\66irst-child .itemList li div.listBorder {
	width:188px;
}
/* safari4 only \*/
body:first-of-type .itemList li div.listBorder {
	width:188px;
}

.itemList LI span.send {
	margin:0px 5px 5px 5px;
	padding:5px;
	color:#000000;
	font-size:75%;
	background: transparent url(../../../image/send.gif) no-repeat 5px 5px;
	background-color:#f9e0ca;
}
.itemList LI span.date {
	margin:0px 5px 5px 5px;
	padding:5px;
	color:#000000;
	font-size:75%;
	background: transparent url(../../../image/date.gif) no-repeat 5px 5px;
	background-color:#f9e0ca;
}
.itemList LI .p1 {
	margin:0px 0px 0px 45px;
	padding:1px 0px 0px 5px;
	background-color:#ffffff;
}

.itemList LI .send img {
	margin:0px 5px 0px 0px;
	padding:0px;
	vertical-align:middle;
}

/*　ナビメニュー

-----------------------------------------------------------*/
.MENU{
	text-align:center;
	background: transparent url(../image/navi_bg.gif) no-repeat;
	height:54px;
	width:580px;
	padding:0px 0px 0px 0px;
	margin:5px 5px 0px 5px;
	font-size:90%;
}

.MENU a{
	color:#0303ff;
	margin:0px 5px;


}
.MENU a:hover{
	color:#bf1514;
}

.MENU span{
	color:#bf1514;
	margin:0px 5px 0px 15px;
	font-weight:bold;
	font-size:95%;
}

.up{
	margin-bottom:5px;
}



/*　ナビ
-----------------------------------------------------------*/
.NAVI{
	text-align:center;
	background-color:#ffffff;
	height:20px;
	padding:5px 0px 5px 0px;
	margin:0px;
	font-size:90%;
}
.NAVI img{
	vertical-align:top;
}
.NAVI a{
	color:#4d80a6;
	height:20px;
	text-align:center;
	margin:0px 10px;
}

.NAVI span{
	color:#ff0000;
	height:20px;
	text-align:center;
	margin:0px 10px;
}

.NAVI a:hover{
	background-color:#ffffff;
}

.up{
	border-bottom:#ffffff 5px solid;
}


/* 注意事項 
-----------------------------------------------------------*/

.infoZone {
	padding-top:10px;
	margin:10px 0 0 15px;
	font-size:68%;
	width:785px;
	background: #ffffff url(../image/line_dot.gif) repeat-x;
}
.infoZone dl {
	margin:0;
	padding:0 0 10px 0;
	width:785px;
	background: transparent url(../image/line_dot.gif) repeat-x left bottom;
	overflow: hidden;
}
.infoZone dl:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.infoZone em {
	font-style: normal;
	font-weight:bold;
	color: #960A11;	
}
.infoZone dt {
	margin:0; padding:0;
	width:230px;
	float:left;
	font-weight:bold;
	text-align:center;
}
.infoZone dt span {
	display:block;
	padding:25px 10px 0 0;
}
.infoZone dd {
	margin:0; padding:0;
	width:550px;
	float:left;
	border-left:1px solid #A5A5A5;
}
.infoZone dd span {
	display:block;
	padding:0 0 0 10px;
}