@charset "utf-8";

/* side area */
dl.guide {
	background		: url(../images/common/side_guide_bg.jpg) repeat-y 0 0;
	width			: 230px;
	margin			: 0 0 20px;
}
	dl.guide dt {
		background		: url(../images/common/side_guide_top.jpg) no-repeat 0 0;
		padding			: 50px 0 0 75px;
		height			: 40px;
	}
	dl.guide > dt {
		height			: auto;
		min-height		: 40px;
	}
	dl.guide dd {
		background		: url(../images/common/side_guide_bt.jpg) no-repeat 0 bottom;
		padding			: 0 10px 1px;
	}
		dl.guide dd p {
			margin			: 0 0 15px;
		}
		dl.guide dd ul {
			margin			: 0 0 15px;
		}
			dl.guide dd ul li {
				background		: url(../images/common/i_side_ov.gif) no-repeat 0 0.4em;
				padding			: 0 0 0 13px;
				margin			: 0 0 2px;
			}
/* contents block
-------------------------------------------------------------------------------------------------*/
/* select Block */
.selectRead p {
	text-align		: center;
	padding			: 10px 0;
}
.selectBlock {
	width			: 564px;
	margin			: 7px auto 25px;
	border			: 1px solid #D1C898;
	background		: #FDFCF9;
	padding			: 13px 20px 13px;
}
	.selectBlock div.err {
		color			: #ff0000;
		font-weight		: bold;
		margin			: 0 0 8px;
	}
.methodBlock {}
	.methodBlock ul {}
		.methodBlock ul li {
			padding			: 0 10px 5px 0;
		}
			.methodBlock ul li input {
				margin			: 0 3px 0 0;
			}
			.methodBlock ul li span {
				color			: #ff0000;
				font-weight		: bold;
			}
			.methodBlock ul li span.note {
				font-weight		: normal;
				text-indent		: -1.1em;
				margin			: 0 0 0 1.1em;
				color			: #ff0000;
			}
.areaBlock {}
	.areaBlock ul {
		margin			: 0 0 7px;
	}
		.areaBlock ul li {
			float			: left;
			white-space		: nowrap;
			margin			: 0 50px 0 0;
		}
			.areaBlock ul li input {
				margin			: 0 3px 0 0;
			}
	.areaBlock div.area {
		border			: 1px solid #E6E0C4;
		background		: #F7F3E8;
		margin			: 0 0 5px;
		padding			: 13px 18px 15px;
	}
		.areaBlock div.area h3 {
			margin			: 0 0 5px;
		}
		.areaBlock div.area p {
			font-size		: 88%;
			margin			: 0 0 10px;
		}
		.areaBlock div.area div.time {
			width			: 477px;
			border			: 1px solid #D2C999;
			background		: #FFFFFF;
			font-weight		: bold;
			padding			: 8px 10px 0;
			text-align		: center;
			margin			: 0 auto;
		}
			.areaBlock div.area div.time p span span {
				font-size		: 170%;
				color			: #FF0000;
				vertical-align	: -0.1em;
				margin			: 0 0 0 20px;
				white-space		: nowrap;
			}
.purposeBlock {}
	.purposeBlock ul {}
		.purposeBlock ul li {
			float			: left;
			margin			: 0 30px 8px 0;
			white-space		: nowrap;
		}
			.purposeBlock ul li input {
				margin			: 0 3px 0 0;
			}
			.purposeBlock ul li input#etcTxt {
				vertical-align	: middle;
				margin			: 0 0 0 10px;
				width			: 380px;
				border			: 1px solid #CCCCCC;
				padding			: 3px 5px;
			}

/* order notes */
ul.orderNotes {
	margin			: 0 0 30px;
}
	ul.orderNotes li {
		text-indent		: -0.9em;
		margin			: 0 0 0 0.9em;
	}

/* product top */
p.season {
	margin			: 0 0 15px;
}
.ranking {
	margin			: 0 0 25px;
}
	.ranking dl {
		width			: 114px;
		float			: left;
		margin			: 0 20px 0 0;
		font-size		: 88%;
		font-weight		: bold;
	}
	.ranking dl.rank5th {
		margin			: 0;
	}
		.ranking dl dt {
			background		:  no-repeat 0 center;
			padding			: 0 0 0 20px;
			margin			: 0 0 5px;
		}
		.ranking dl.rank1st dt {
			background-image: url(../images/rank1.gif);
			color			: #DBAA00;
		}
		.ranking dl.rank2nd dt {
			background-image: url(../images/rank2.gif);
			color			: #AAAAAA;
		}
		.ranking dl.rank3rd dt {
			background-image: url(../images/rank3.gif);
			color			: #CC6600;
		}
		.ranking dl.rank4th dt {
			background-image: url(../images/rank.gif);
			color			: #FF9900;
		}
		.ranking dl.rank5th dt {
			background-image: url(../images/rank.gif);
			color			: #FF9900;
		}
		.ranking dl dd {
			
		}
			.ranking dl dd img {
				border			: 1px solid #C2B477;
				margin			: 0 0 5px;
			}
			.ranking dl dd a {
				color			: #458798;
			}
			.ranking dl dd span {
				display			: block;
				color			: #ff0000;
			}

ul.categoryList {
	margin			: 0 0 20px;
}
	ul.categoryList li {
		float			: left;
		margin			: 0 7px 7px 0;
	}
	ul.categoryList li.colEnd {
		margin-right	: 0;
	}

/* list page */
table.menuListTbl {
	width			: 100%;
}
	table.menuListTbl td {
		vertical-align	: top;
		text-align		: left;
		width			: 210px;
	}
		table.menuListTbl dl {
			width			: 195px;
			margin			: 0 9px 13px 0;
			padding			: 8px 7px 10px 8px;
			border-top		: 1px solid #C2B477;
			overflow		: hidden;
			background		: url(../images/commodity_box.gif) no-repeat -438px bottom;
		}
				table.menuListTbl dl dt {
					color			: #458898;
					font-weight		: bold;
					position		: relative;
				}
				table.menuListTbl dl dt a {
					position:relative;
				}
					table.menuListTbl dl dt span.photo {
						text-align		: center;
						display			: block;
						border			: 1px solid #C2B477;
						margin			: 0 0 9px;
						background		: #ffffff;
					}
					table.menuListTbl dl dt span.no {
						font-weight		: normal;
						font-size		: 85%;
						margin			: 0 5px 0 0;
					}
					table.menuListTbl dl dt img.icon {
						vertical-align	: top;
						margin			: 1px 0 0 5px;
					}
					table.menuListTbl dl dt img.iconOsusume {
						left			: -8px;
						top				: -9px;
					}
					table.menuListTbl dl dt img.iconOsusume {
						position		: absolute;
						left			: -8px;
						top				: -9px;
					}
					* html table.menuListTbl dl dt img.iconOsusume {
						left			: -9px;
					}
				table.menuListTbl dl dd {
					font-size		: 88%;
				}
					table.menuListTbl dl dd span.price {
						color			: #FF0000;
						font-weight		: bold;
						font-size		: 114%;
						display			: block;
						margin			: 3px 0 5px;
					}
					table.menuListTbl dl dd div.btn {
						margin			: 10px 0 0 21px;
					}


/* item detail page */
.detailBlock {
	margin			: 0 0 50px;
}
	.detailBlock h3 {
		border			: 1px solid #C2B477;
		background		: #F7F3EA;
		color			: #458798;
		font-size		: 108%;
		padding			: 8px 6px;
		margin			: 0 0 18px;
	}
		.detailBlock h3 span {
			font-weight		: normal;
			margin			: 0 10px 0 0;
		}
		.detailBlock h3 img {
			margin			: 0 0 0 10px;
			vertical-align	: middle;
		}
	.detailBlock dl {}
		.detailBlock dl dt {
			float			: left;
			width			: 314px;
			text-align		: center;
		}
			.detailBlock dl dt img {
				border			: 1px solid #C2B477;
				margin			: 0 0 8px;
			}
		.detailBlock dl dd {
			float			: right;
			width			: 320px;
		}
			.detailBlock dl dd p {
				margin			: 0 0 10px;
			}
			.detailBlock dl dd div.set {
				margin			: 0 0 15px;
			}
			.detailBlock dl dd div.set.amount {
				float			: left;
				width			: 135px;
			}
			.detailBlock dl dd div.set.money {
				float			: left;
			}
				.detailBlock dl dd div.set p {
					font-weight		: bold;
					margin			: 0 0 5px;
				}
					.detailBlock dl dd div.set p span {
						font-weight		: normal;
						font-size		: 88%;
					}
				.detailBlock dl dd div.set select {
					margin			: 5px 7px 0 0;
				}
				.detailBlock dl dd div.set span.price {
					font-weight		: bold;
					color			: #FF0000;
					font-size		: 190%;
					line-height		: 1;
					margin			: 0 5px 0 0;
				}
				.detailBlock dl dd div.set ul {}
					.detailBlock dl dd div.set ul li {
						float			: left;
						white-space		: nowrap;
						margin			: 0 15px 0 0;
					}
						.detailBlock dl dd div.set ul li input {
							margin			: 0 5px 0 0;
						}
.tblDetail {
	width			: 100%;
	margin			: 0 0 15px;
}
	.tblDetail th {
		border			: 1px solid #C2B477;
		background		: #FBFAF4;
		color			: #826A3E;
		font-weight		: bold;
		padding			: 10px 15px;
		width			: 120px;
	}
	.tblDetail td {
		border			: 1px solid #C2B477;
		padding			: 10px 15px;
	}

.itemList {
	width			: 100%;
}
	.itemList th {
		border			: 1px solid #C2B477;
		background		: #FBFAF4;
		color			: #826A3E;
		font-weight		: bold;
		padding			: 5px 15px;
	}
	.itemList td {
		border			: 1px solid #C2B477;
		padding			: 5px 10px;
	}
	table.itemList tr td:nth-child(1) {
		width			: 130px;
		text-align		: center;
	}
	table.itemList tr td:nth-child(2) {
		width			: 120px;
	}
	.itemList td a {
		width			: auto !important;
	}

/* login form */
.login {
	background		: #FDFCF9;
	border			: 1px solid #D1C898;
	width			: 504px;
	margin			: 10px auto 25px;
	padding			: 10px 50px;
}
	.login table {
		width			: 100%;
		margin			: 10px 0 10px;
	}
		.login table th {
			width			: 140px;
			padding			: 7px 5px;
		}
		.login table td {
			padding			: 7px 5px;
		}
			.login table td input {
				margin			: 0 7px 0 0;
				vertical-align	: baseline;
			}
			.login table td input#mail,
			.login table td input#pass {
				ime-mode		: disabled;
				border			: 1px solid #CCCCCC;
				padding			: 3px 5px;
				width			: 305px;
			}
	/* error */
	.login div.err {
		font-weight		: bold;
		color			: #ff0000;
	}
			.login table td input.err {
				background		: #FFEFEF;
			}
	.login ul.formBtn {
		margin			: 0;
	}
	.login input#ctl00_ContentPlaceHolder1_Login1_LoginButton {
		width			: 227px !important;
		height			: 47px;
		display			: block;
		overflow		: hidden;
		text-indent		: -999em;
		margin			: 0 auto;
		border			: none !important;
		cursor			:pointer;
		background		: url(/images/btn_login.jpg) no-repeat 0 0;
	}
	.login input#ctl00_ContentPlaceHolder1_Login1_LoginButton:hover {
		background		: url(/images/btn_login_ov.jpg) no-repeat 0 0;
	}
	table.login table tr:nth-child(1) td {
		display			: none;
	}
	table.login table tr:nth-child(4) td {
		text-align		: center;
	}

.registration {}
	.registration p {
		margin			: 0 0 12px;
	}
	.registration ul li img {
		vertical-align		: bottom;
	}

/* member info table */
table.tblMember {
	width			: 100%;
	margin			: 0 0 25px;
}
	table.tblMember caption {
		padding			: 0 5px 10px;
	}
		table.tblMember caption span {
			color			: #FF0000;
		}
	table.tblMember th {
		border			: 1px solid #D1C898;
		background		: #FDFCF9;
		width			: 135px;
		padding			: 7px 8px 7px 18px;
	}
		table.tblMember th span {
			font-size		: 88%;
			color			: #FF0000;
			margin			: 0 0 0 5px;
		}
	table.tblMember td {
		padding			: 7px 10px;
		border			: 1px solid #D1C898;
		font-size		: 88%;
	}
	table.tblMember td:nth-child(1) {
		border			: 1px solid #D1C898;
		background		: #FDFCF9;
		width			: 135px;
		padding			: 7px 8px 7px 18px;
	}
	table.tblMember tr:nth-last-child(-n+2) td {
		background		: none;
		width			: auto;
	}
	table.tblMember tr:nth-last-child(1) td input {
		background		: #B40404;
		color			: #ffffff;
		width			: 227px;
		height			: 47px;
		border			: 3px double #ccc;
		cursor			: pointer;
		background		:-webkit-gradient(linear,left bottom,left top,color-stop(0.22, #D11D1C),color-stop(0.84, #B00404));
		background		:-moz-linear-gradient(center bottom,#B00404 22%,#D11D1C 84%);
		font-size		: 125%;
	}
	table.tblMember tr:nth-last-child(1) td input:hover {
		background		:-webkit-gradient(linear,left bottom,left top,color-stop(0.22, #D11D1C),color-stop(0.84, #B00404));
		background		:-moz-linear-gradient(center bottom,#D11D1C 22%,#B00404 84%);
		text-shadow: 2px 2px 10px #FFFFFF;
		-webkit-text-shadow: 2px 2px 10px #FFFFFF;
		-moz-text-shadow: 2px 2px 10px #FFFFFF;
	}

		table.tblMember td span.note {
			color			: #FF0000;
		}
		table.tblMember td input {
			border			: 1px solid #CCCCCC;
			padding			: 3px 5px;
			width			: 290px;
			/*ime-mode		: disabled;*/
		}
		table.tblMember td input#number {width: 210px;}
		table.tblMember td input#name {ime-mode: active;}
		table.tblMember td input#kana {ime-mode: active;}
		table.tblMember td input#zip1 {width: 58px;}
		table.tblMember td input#zip2 {width: 78px;}
		table.tblMember td input#add1 {margin: 6px 0 3px;ime-mode: active;}
		table.tblMember td input#add2 {margin: 6px 0 3px;ime-mode: active;}
		table.tblMember td input#tel1,
		table.tblMember td input#tel2,
		table.tblMember td input#tel3 {width: 78px;}
		table.tblMember td input#fax1,
		table.tblMember td input#fax2,
		table.tblMember td input#fax3 {width: 78px;}
		table.tblMember td input#mail,
		table.tblMember td input#reMail {margin: 0 0 6px;}
		table.tblMember td input#pass,
		table.tblMember td input#rePass {margin: 0 0 6px;}
		
		/* error */
		table.tblMember td span.err {
			color			: #FF0000;
			font-weight		: bold;
			display			: block;
			margin			: 0 0 5px;
		}
		table.tblMember td input.err {
			background		: #FFEFEF;
		}
/* tblInquiry */
.tblInquiry table {
	width			: 100%;
	margin			: 0 0 25px;
}
	.tblInquiry table td {
		padding			: 7px 10px;
		background		: #ffffff;
		border			: 1px solid #D1C898;
		font-size		: 88%;
	}
	.tblInquiry table td:nth-child(1) {
		background		: #FDFCF9;
		width			: 135px;
		padding			: 7px 8px 7px 18px;
	}
	.tblInquiry table tr:nth-last-child(1) td {
		background		: #ffffff;
		border-width	: 1px 0 0 0;
	}
		.tblInquiry table td input {
			border			: 1px solid #CCCCCC;
			padding			: 3px 5px;
			width			: 290px;
		}
		.tblInquiry table td textarea {
			border			: 1px solid #CCCCCC;
			padding			: 3px 5px;
			width			: 400px !important;
			height			: 200px !important;
		}
	.tblInquiry table tr:nth-last-child(1) td input {
		background		: #B40404;
		color			: #ffffff;
		width			: 227px;
		height			: 47px;
		border			: 3px double #cccccc;
		cursor			: pointer;
		background		:-webkit-gradient(linear,left bottom,left top,color-stop(0.22, #D11D1C),color-stop(0.84, #B00404));
		background		:-moz-linear-gradient(center bottom,#B00404 22%,#D11D1C 84%);
		font-size		: 125%;
	}
	.tblInquiry table tr:nth-last-child(1) td input:hover {
		background		: #EF0E0E;
		background		:-webkit-gradient(linear,left bottom,left top,color-stop(0.22, #D11D1C),color-stop(0.84, #B00404));
		background		:-moz-linear-gradient(center bottom,#D11D1C 22%,#B00404 84%);
		text-shadow: 2px 2px 10px #FFFFFF;
		-webkit-text-shadow: 2px 2px 10px #FFFFFF;
		-moz-text-shadow: 2px 2px 10px #FFFFFF;
	}

/* total price table */
table.tblPrev {
	width			: 100%;
}
	table.tblPrev th {
		text-align		: center;
		border			: 1px solid #C2B477;
		background		: #FBFAF4;
		padding			: 6px 0;
	}
	table.tblPrev td {
		border			: 1px solid #C2B477;
		padding			: 6px 7px;
		text-align		: right;
	}
	table.tblPrev td:nth-child(1) {
		text-align		: center;
	}
	table.tblPrev td:nth-child(2) {
		text-align		: left;
	}
	table.tblPrev td:nth-child(3) {
		text-align		: center;
	}
	table.tblPrev td:nth-child(4) {
		text-align		: right;
	}
	table.tblPrev td:nth-child(5) {
		text-align		: right;
		width			: 67px;
	}
	table.tblPrev td:nth-child(6) {
		text-align		: center;
		width			: 50px;
	}
		table.tblPrev td img {
			border			: 1px solid #C2B477 !important;
		}
		table.tblPrev td.change input {
			cursor			: pointer;
			margin			: 0 0 3px;
		}
	table.tblPrev tr.subTotal th,
	table.tblPrev tr.discount th,
	table.tblPrev tr.total th {
		text-align		: right;
		padding			: 6px 13px;
	}
	table.tblPrev tr.discount th {
		font-weight		: bold;
		color			: #FF0000;
	}
		table.tblPrev tr.discount th span {
			margin			: 0 0 0 15px;
		}
	table.tblPrev tr.discount td {
		color			: #FF0000;
	}
	table.tblPrev tr.total th,
	table.tblPrev tr.total td {
		font-weight		: bold;
	}
	table.tblPrev td.none {
		border			: none;
	}

table.tblPrev table td {
	border			: none;
	padding			: 0 0 0 10px;
}
table.tblPrevAll {
	margin			: 0 0 25px;
}
	table.tblPrevAll th {
		border			: 1px solid #C2B477;
		background		: #FBFAF4;
		padding			: 6px 7px;
		text-align		: right;
	}
	table.tblPrevAll td {
		border			: 1px solid #C2B477;
		padding			: 6px 7px;
		text-align		: right;
		width			: 132px;
	}

/* box */
.boxBlock {
	border			: 1px solid #D1C898;
	background		: #FDFCF9;
	padding			: 15px 20px;
	margin			: 0 0 25px;
}

/* store info block */
.storeBlock {}
	.storeBlock table {
		width			: 360px;
		float			: left;
	}
		.storeBlock table caption {
			font-weight		: bold;
			padding			: 3px 0 10px;
		}
		.storeBlock table th {
			padding			: 0 10px 3px 25px;
			width			: 60px;
			vertical-align	: top;
		}
		.storeBlock table td {
			padding			: 0 0 3px;
		}
			.storeBlock table td a {
				color			: #458898;
				margin			: 0 0 0 15px;
				white-space		: nowrap;
			}
	.storeBlock p.photo {
		float			: right;
		width			: 215px;
	}

/* Receipt method */
.receiptBlock {
	padding-left	: 40px;
	font-weight		: bold;
}
	.receiptBlock ul {}
		.receiptBlock ul li {
			float			: left;
			white-space		: nowrap;
			margin			: 0 45px 0 0;
		}

/* takeout time */
.timeSelect {}
	.timeSelect div {
		float			: left;
		white-space		: nowrap;
	}
	.timeSelect div.date {
		margin			: 0 60px 0 0;
	}
		.timeSelect div.date strong {
			margin			: 0 7px 0 0;
			vertical-align	: 0.2em;
		}
	.timeSelect div.time {}
		.timeSelect div.time select {
			margin			: 0 7px;
			vertical-align	: middle;
		}
.TimeBlock {
	margin			: 0 0 5px;
}
	.TimeBlock div {
		text-align		: center;
		margin			: 0 0 15px;
	}
		.TimeBlock div span.date {
			padding			: 0 40px;
		}
		.TimeBlock div span.time {
			font-size		: 136%;
			font-weight		: bold;
			white-space		: nowrap;
		}
		.TimeBlock div select {
			margin			: 0 8px;
			vertical-align	: middle;
		}
	.TimeBlock p {
		width			: 477px;
		border			: 1px solid #D2C999;
		background		: #FFFFFF;
		font-weight		: bold;
		padding			: 8px 10px;
		text-align		: center;
		margin			: 0 auto;
	}
		.TimeBlock p span {
			font-size		: 170%;
			color			: #FF0000;
			vertical-align	: -0.1em;
			margin			: 0 0 0 20px;
			white-space		: nowrap;
		}
p.timeNote {
	text-align		: center;
	margin			: 0 0 25px;
	font-size		: 88%;
}

/* agreement for use */
.agreement {
	margin			: 0 0 15px;
}
	.agreement h3 {
		font-weight		: normal;
		padding			: 0 20px 8px;
	}
	.agreement dl {
		width			: 624px;
		height			: 167px;
		overflow		: auto;
		margin			: 0 auto 15px;
		border			: 1px solid #CCCCCC;
	}
		.agreement dl dt {
			padding			: 7px 8px 3px;
		}
		.agreement dl dd {
			padding			: 0 8px 10px;
		}
	.agreement p.agrees {
		text-align		: center;
	}
		.agreement p.agrees input {
			margin			: 0 7px 0 0;
			vertical-align	: baseline;
		}

/* form button */
p.btnNote {
	text-align		: center;
	margin			: 0 0 25px;
}
ul.formBtn {
	text-align		: center;
	margin			: 0 0 35px;
}
	ul.formBtn li {
		display			: inline;
		margin			: 0 10px;
	}

/* end txt */
.endBlock {
	
}
	.endBlock h3 {
		font-size		: 114%;
		margin			: 0 0 13px;
	}
	.endBlock p {
		margin			: 0 0 15px;
	}
		.endBlock p span {
			display			: block;
			color			: #ff0000;
			font-weight		: bold;
			font-size		: 140%;
		}
	

/* Registered information */
.registInfo {}
	table.registInfo td {
		padding			: 6px 15px;
		border			: 1px solid #C2B477;
	}
	table.registInfo td:nth-child(1) {
		background		: #FBFAF4;
	}