@charset "utf-8";

@import "common.css";


/* ---------------------------------------------------
menu.css
メニューCSS
--------------------------------------------------- */

/* ---------------------------------------------------
menu限定（common.css上書き）
--------------------------------------------------- */
/*基本コンテンツボックス*/
#mainwrap .contwrap {
	margin: 15px 2px;
}

/*基本コンテンツボックス：ランキング*/
#mainwrap .contwraprank {
	margin: 15px 2px;
	margin-top: 8px;
}

/*ページトップへ*/
.gopagetop {
	clear: both;
	margin-top: 20px;
}

/* ---------------------------------------------------
menutopwrap（メニュートップ）
--------------------------------------------------- */
.contwrap .menutopwrap {
	margin: 0 0 20px 7px;
}

.contwrap .menutopwrap h3 {
	margin: 0 0 7px 3px;
	padding: 0;
	line-height: 100%;
	font-size: 108%;
	font-weight: bold;
}

.contwrap .menutopwrap p {
	margin: 0 0 15px 3px;
	padding: 0;
	line-height: 140%;
	font-size: 93%;
}

.contwrap .menutopwrap ul.menulist {
/*	float: left;*/
	width: 637px;
	margin: 0;
	padding: 0;
}

.contwrap .menutopwrap ul.style02 {
	float: left;
	height: 160px;
	/height: 150px;/*for ie*/
	width: 212px;
}

.contwrap .menutopwrap ul.menulist li {
	float: left;
	width: 212px;
	height: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.contwrap .menutopwrap ul.menulist li a {
	display: block;
	width: 206px;
	height: 142px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.contwrap .menutopwrap ul.menulist li a:hover {
/*	text-indent: -9999px;*/
}

.contwrap .menutopwrap ul.menulist li.menu01 a {
	background: url(/common/img/menu/btn_menu01_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu02 a {
	background: url(/common/img/menu/btn_menu02_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu03 a {
	background: url(/common/img/menu/btn_menu03_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu04 a {
	background: url(/common/img/menu/btn_menu04_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu05 a {
	background: url(/common/img/menu/btn_menu05_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu06 a {
	background: url(/common/img/menu/btn_menu06_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu07 a {
	background: url(/common/img/menu/btn_menu07_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu08 a {
	background: url(/common/img/menu/btn_menu08_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu09 a {
	background: url(/common/img/menu/btn_menu09_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu10 a {
	background: url(/common/img/menu/btn_menu10_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu11 a {
	background: url(/common/img/menu/btn_menu11_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu12 a {
	background: url(/common/img/menu/btn_menu12_on.jpg) no-repeat left top;
}
.contwrap .menutopwrap ul.menulist li.menu13 a {
	background: url(/common/img/menu/btn_menu13_on.jpg) no-repeat left top;
}


/* ---------------------------------------------------
item01（トップ、右下ボックス）
--------------------------------------------------- */
.contwrap .menutopwrapR {
	float: right;
	width: 425px;
}

.contwrap .item01 {
	margin: 0;
	padding-bottom: 26px;
	background: url(/common/img/menu/item01_bg_03.gif) no-repeat left bottom;
}

.contwrap .item01out {
	padding: 0;
	background: url(/common/img/menu/item01_bg_02.gif) repeat-y left top;
}

.contwrap .item01in {
	padding: 15px 0 0 0;
	background: url(/common/img/menu/item01_bg_01.gif) no-repeat left top;
}

.contwrap .item01 p {
	margin: 6px 22px 0 22px;
	padding: 0;
	font-size: 93%;
	line-height: 130%;
}

.contwrap .item01 p a {
	display: block;
	padding-left: 10px;
	background: url(/common/img/menu/item01_arw.gif) no-repeat left 3px;
	text-decoration: none;
	font-weight: bold;
}

.contwrap .item01 p a:hover {
	background: url(/common/img/menu/item01_arw_on.gif) no-repeat left 3px;
}

/*アレルゲン*/
.contwrap .item01link {
	margin: 4px 9px 0 0;
}

.contwrap .item01link p {
	margin: 0;
	padding: 0;
	font-size: 93%;
	line-height: 130%;
	font-weight: bold;
	text-align: right;
}



/* ---------------------------------------------------
headwrap（詳細、タイトル）
--------------------------------------------------- */
.contwrap .headwrap {
	margin: 0 10px;
	line-height: 100%;
}

.contwrap .headwrap .headin {
/*	float: left;*/
	width: 624px;
}

.contwrap .headwrap h3 {
/*	float: left;
	width: 450px;*/
	margin: 0;
	padding: 0;
	border-bottom: 10px solid #f9f5ed;
/*	_border: 0;for ie6*/
}

.contwrap .headwrap h3 img {
	display: block;
	margin: 0;
	padding: 0;
}

/*
.contwrap .headwrap .headlink {
	float: right;
	width: 174px;
	text-align: right;
}

.contwrap .headwrap .headlink {
	margin: 0;
	padding: 0;
}*/

.contwrap .headwrap p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 93%;
	line-height: 130%;
}




/* ---------------------------------------------------
detailwrap（詳細、メニュー）
--------------------------------------------------- */
.contwrap .detailwrap {
	margin: 0 0 0 6px;
}

.contwrap .detailitem {
	float: left;
	width: 638px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(/common/img/menu/detail_bg_03.jpg) no-repeat left bottom;
}

.contwrap .detailitem1 {/*左だけのとき*/
	width: 313px;
}

.contwrap .detailitem .item03 {
	float: left;
	width: 319px;
}

.contwrap .detailitem .item03 .imgbox {
}

.contwrap .detailitem .item03 .imgbox img {
	display: block;
	margin: 0;
	padding: 0;
}

.contwrap .detailitem .item03 .txtbox {
	padding: 0 25px 0 19px;
	background: url(/common/img/menu/detail_bg_01.jpg) no-repeat left top;
}

.contwrap .detailitem .item03 .txtbox .icnbox {
/*	float: left;*/
	width: 275px;
}

.contwrap .detailitem .item03 .txtbox .icnbox span.txt {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 123.1%;
	font-weight: bold;
}

.contwrap .detailitem .item03 .txtbox .icnbox span.img {
	display: block;
	float: left;
	width: 204px;
	margin: -5px 0 0 0;
	padding: 0;
}

.contwrap .detailitem .item03 .txtbox .icnbox img {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	padding: 0;
}

.contwrap .detailitem .item03 .txtbox .ttlbox {
/*	float: left;*/
	clear: both;
	width: 275px;
}

.contwrap .detailitem .item03 .txtbox .ttlbox h4 {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
/*	letter-spacing: 3px;*/
/*	font-size: 100%;*/
	font-size: 108%;
	font-weight: bold;
	line-height: 180%;
}

.contwrap .detailitem .item03 .txtbox .ttlbox .price {
	font-size: 93%;
	color: #e15a00;
	font-weight: bold;
}

.contwrap .detailitem .item03 .txtbox .infobox {
/*	float: left;*/
	width: 275px;
	font-size: 93%;
	line-height: 120%;
}

.contwrap .detailitem .item03 .txtbox .databox {
/*	float: left;*/
	width: 275px;
	margin-top: 8px;
	font-size: 85%;
}

.contwrap .detailitem .item03 .txtbox .databox dl {
	clear: both;
	margin: 0;
	padding: 0;
}

.contwrap .detailitem .item03 .txtbox .databox dt {
	float: left;
	width: 60px;
	margin: 0;
	padding: 0;
}

.contwrap .detailitem .item03 .txtbox .databox dt img {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
}

.contwrap .detailitem .item03 .txtbox .databox dd {
	float: left;
	width: 215px;
	margin: 0;
	padding: 0;
	line-height: 15px;
}


/* ---------------------------------------------------
pageinglink（詳細、前後のメニューリンク）
--------------------------------------------------- */
.contwrap .pageinglink {
	clear: both;
}

.contwrap .pageinglink p.linkL {
	float: left;
	margin: 5px 0 20px 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	line-height: 100%;
}

.contwrap .pageinglink p.linkR {
	float: right;
	margin: 5px 0 20px 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	font-size: 100%;
	line-height: 100%;
}



/* ---------------------------------------------------
item01（詳細　下ボックス）
--------------------------------------------------- */
.contwrap .item02wrap {
	clear: both;
}

.contwrap .item02 {
	margin: 0;
	padding-bottom: 20px;
	background: url(/common/img/menu/item02_bg_03.gif) no-repeat left bottom;
}

.contwrap .item02out {
	padding: 0;
	background: url(/common/img/menu/item02_bg_02.gif) repeat-y left top;
}

.contwrap .item02in {
	padding: 14px 0 0 0;
	/padding-top: 8px;/*for ie*/
	background: url(/common/img/menu/item02_bg_01.gif) no-repeat left top;
}

.contwrap .item02 p {
	margin: 6px 22px 0 22px;
	padding: 0;
	font-size: 93%;
	line-height: 130%;
}

.contwrap .item02 p a {
	display: block;
	padding-left: 10px;
	background: url(/common/img/menu/item01_arw.gif) no-repeat left 3px;
	text-decoration: none;
	font-weight: bold;
}

.contwrap .item02 p a:hover {
	background: url(/common/img/menu/item01_arw_on.gif) no-repeat left 3px;
}



/* ---------------------------------------------------
rankmenuwrap（ランキング、リンク）
--------------------------------------------------- */
.contwraprank .rankmenuwrap {
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 93%;
}

.contwraprank .rankmenuwrap p {
	margin: 0;
	background: #e7e3d2;
	padding: 10px;
	line-height: 100%;
}

.contwraprank .rankmenuwrap p a {
	padding-left: 9px;
	padding-right: 15px;
	background: url(/common/img/menu/rank_arw01.gif) no-repeat left 1px;
	text-decoration: none;
}




/* ---------------------------------------------------
rankheadwrap（ランキング、タイトル）
--------------------------------------------------- */
.contwraprank .rankheadwrap {
	clear: both;
	margin: 0 10px;
}

.contwraprank .rankheadwrap h3 {
	margin: 0 0 10px 0;
	padding: 0;
}

.contwraprank .rankheadwrap h3 img {
	display: block;
	margin: 0;
	padding: 0;
}

.contwraprank .rankheadwrap p {
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 93%;
	line-height: 130%;
}




/* ---------------------------------------------------
rankwrap（ランキング詳細）
--------------------------------------------------- */
.contwraprank .rankwrap {
	float: left;
	width: 644px;
	margin: 0;
	background: url(/common/img/menu/rank_bg_02.gif) repeat-y left top;
}

.contwraprank .rankboxout {
	float: left;
	width: 644px;
	margin: 0;
	padding: 0;
	background: url(/common/img/menu/rank_bg_03.gif) no-repeat left bottom;
}

.contwraprank .rankboxin {
	float: left;
	margin: 0;
	padding: 27px 20px 27px 20px;
	background: url(/common/img/menu/rank_bg_01.gif) no-repeat left top;
}

.contwraprank .rankwrap .item04 {
	float: left;
	margin-bottom: 15px;
	padding: 0 5px;
	background: url(/common/img/menu/rank_line01.gif) no-repeat center bottom;
}

.contwraprank .rankwrap .no3 {
	margin-bottom: 0;
	background-image: none;
}



.contwraprank .rankwrap .item04 .imgbox {
	float: left;
	width: 313px;
}

.contwraprank .rankwrap .item04 .imgbox img {
	display: block;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}

.contwraprank .rankwrap .no3 .imgbox img {
	margin: 0;
}
.contwraprank .rankwrap .item04 .txtbox {
	float: left;
	width: 281px;
}

.contwraprank .rankwrap .item04 .txtbox .rankicnbox {
}

.contwraprank .rankwrap .item04 .txtbox .rankicnbox span {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	padding-top: 15px;
	font-size: 93%;
}

.contwraprank .rankwrap .item04 .txtbox .rankicnbox img {
	display: block;
	float: left;
	margin: 11px 5px 0 0;
	padding: 0;
}

.contwraprank .rankwrap .item04 .txtbox .rankicnbox span.rankno {
	padding: 0;
}

.contwraprank .rankwrap .item04 .txtbox .rankicnbox span.rankno img {
	margin-top: 0;
}

.contwraprank .rankwrap .item04 .txtbox .ttlbox {
	clear: both;
}

.contwraprank .rankwrap .item04 .txtbox .ttlbox h4 {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 108%;
	font-weight: bold;
	line-height: 180%;
}

.contwraprank .rankwrap .item04 .txtbox .ttlbox .price {
	font-size: 93%;
	color: #e15a00;
	font-weight: bold;
}

.contwraprank .rankwrap .item04 .txtbox .infobox {
	font-size: 93%;
	line-height: 120%;
}

.contwraprank .rankwrap .item04 .txtbox .databox {
	margin-top: 8px;
	font-size: 85%;
}

.contwraprank .rankwrap .item04 .txtbox .databox dl {
	clear: both;
	margin: 0;
	padding: 0;
}

.contwraprank .rankwrap .item04 .txtbox .databox dt {
	float: left;
	width: 60px;
	margin: 0;
	padding: 0;
}

.contwraprank .rankwrap .item04 .txtbox .databox dt img {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
}

.contwraprank .rankwrap .item04 .txtbox .databox dd {
	float: left;
	width: 215px;
	margin: 0;
	padding: 0;
	line-height: 15px;
}




/* ---------------------------------------------------
ranklink（ランキング、リンク）
--------------------------------------------------- */
.contwraprank .ranklink {
	clear: both;
}

.contwraprank .ranklink p.linkL {
	float: left;
	margin: 13px 0 30px 0;
	/margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	line-height: 100%;
}

.contwraprank .ranklinkbtm p.linkL {
	margin-bottom: 10px;
	/margin-bottom: 0;
}

.contwraprank .ranklink p.linkL span.arw01 a {
	margin: 0 0 0 10px;
	padding-left: 0;
}

.contwraprank .ranklink p.linkR {
	float: right;
	margin: 13px 0 30px 0;
	/margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	font-size: 85%;
	line-height: 100%;
}

.contwraprank .ranklinkbtm p.linkR {
	margin-bottom: 10px;
	/margin-bottom: 0;
}

.contwraprank .ranklink p.linkR a {
	margin: 0 11px 0 0;
	text-decoration: none;

}