﻿@charset "utf-8";
/* CSS Document */

@import url(common.css);



/* =============== Common Settings =============== */

nav {
	margin:0 0 50px;
}
#mainArea {
	width:823px;
	margin:0 auto 60px;
}
#header {
	margin-bottom:35px;
}



/* =============== News =============== */

#news .contentBox {
}
	#news .contentBox h3 {
		font-size:14px;
		margin-bottom:2em;
		background:url(../_img/news/h3title.gif) no-repeat;
		height:38px;
		line-height:38px;
		font-weight:bold;
		color:#FFF;
		padding-left:15px;
	}
	#news .contentBox dl {
		margin-bottom:3em;
	}
		#news .contentBox dl dt,
		#news .contentBox dl dd {
			font-size:12px;
			float:left;
			display:block;
			margin-bottom:1em;
		}
		#news .contentBox dl dt {
			width:20%;
		}
		#news .contentBox dl dd {
			width:80%;
		}



/* =============== Sanpouki =============== */

#sanpouki #header {
	height:84px;
	position:relative;	
}
	#sanpouki #header h2 {
		margin-bottom:20px;
	}
	#sanpouki #header .lead {
	}
	#sanpouki #header ul li {
		display:block;
		width:175px;
		position:absolute;
		right:0;
	}
		#sanpouki #header ul li.shenjen {
			top:0;
		}
		#sanpouki #header ul li.butaman {
			bottom:0;
		}

#sanpouki #shenjen,
#sanpouki #butaman {
	background:url(../_img/sanpouki/content_bg.gif) repeat-y;
}
#sanpouki #shenjen h3,
#sanpouki #butaman h3 {
	margin:0;
	line-height:0;
}
#sanpouki #shenjen {
	margin-bottom:20px;
}
#sanpouki #butaman {
	margin-bottom:32px;
}
	#sanpouki #shenjen p,
	#sanpouki #butaman p{
		font-size:12px;
		margin-bottom:1em;
	}
	#sanpouki #shenjen .topContent,
	#sanpouki #butaman .topContent {
		width:716px;
		background:url(../_img/sanpouki/h3_bg.gif) no-repeat top right;
		padding:0 53px;
		margin:0 0 23px;
	}
		#sanpouki #shenjen .topContent .img,
		#sanpouki #butaman .topContent .img {
			width:379px;
			float:left;
		}
		#sanpouki #shenjen .topContent .textArea,
		#sanpouki #butaman .topContent .textArea {
			width:320px;
			float:right;
		}
			#sanpouki #shenjen .topContent .textArea .price,
			#sanpouki #butaman .topContent .textArea .price {
				margin:16px 0 25px;
				font-size:14px;
				font-weight:bold;
			}
	#sanpouki #shenjen .bottomContent,
	#sanpouki #butaman .bottomContent {
		width:716px;
		background:url(../_img/sanpouki/content_bottom.gif) no-repeat bottom;
		padding:0 53px 37px;
	}
		#sanpouki #shenjen .bottomContent .textArea,
		#sanpouki #butaman .bottomContent .textArea {
			width:260px;
			float:left;
		}
		#sanpouki #shenjen .bottomContent .img,
		#sanpouki #butaman .bottomContent .img {
			width:430px;
			float:right;
		}

#sanpouki .howto,
#sanpouki .howto * {
	text-align:center;
}



/* =============== Cafebar =============== */

#cafebar #header {
	margin-bottom:60px;
}
	#cafebar #header .textArea {
		width:360px;
		float:left;
	}
		#cafebar #header h2 {
			margin-bottom:23px;
		}
		#cafebar #header .h2lead {
			margin-bottom:20px;
		}
	#cafebar #header .img {
		width:428px;
		float:right;
	}

#cafebar .menu {
	text-align:center;
}
	#cafebar .menu a {
		text-align:center;
	}

#cafebar .mainContainer h3 {
	margin-bottom:23px;
}
#cafebar .mainContainer h4 {
	margin-bottom:7px;
}
#cafebar .mainContainer .menuBox {
	margin-bottom:30px;
}
	#cafebar .mainContainer .menuBox .left,
	#cafebar .mainContainer .menuBox .right {
		width:400px;
	}
	#cafebar .mainContainer .menuBox .left {
		float:left;
	}
	#cafebar .mainContainer .menuBox .right {
		float:right;
	}
	#cafebar .mainContainer .menuBox .img,
	#cafebar .mainContainer .menuBox h5 {
		margin-bottom:13px;
	}
	#cafebar .mainContainer .menuBox h5 {
		font-size:14px;
		font-weight:bold;
		color:#000;
	}
	#cafebar .mainContainer .menuBox ul {
		float:left;
		display:block;
		margin-right:50px;
		padding-left:18px;
		list-style:disc;
	}
		#cafebar .mainContainer .menuBox ul li {
			list-style:disc;
			font-size:12px;
		}
	#cafebar .mainContainer .menuBox ul.vertical {
		list-style:none;
		padding-left:0;
		float:none;
		width:100%;
	}
		#cafebar .mainContainer .menuBox ul.vertical li {
			list-style:none;
		}
		#cafebar .mainContainer .menuBox ul.vertical li strong {
			color:#E96022;
		}

#cafebar .soupbordertop {
	margin-bottom:25px;
}
#cafebar .soupborderbottom {
	margin:25px 0 22px;
}
#cafebar #soup {
	width:735px;
	margin:0 auto;
background:url(../_img/cafebar/soup_vertical_bg.gif) repeat-y left;
}
	#cafebar #soup ul {
		list-style:disc;
		padding-left:18px;
	}
		#cafebar #soup ul li {
			list-style:disc;
			font-size:12px;
		}
	#cafebar .container {
		margin:25px 0;
	}
		#cafebar #soup h5 {
			margin-bottom:18px;
		}
		#cafebar #soup .left {
			float:left;
			width:520px;
		}
			#cafebar #soup .img {
				margin-bottom:10px;
			}
			#cafebar #soup .textBox {
				width:172px;
				float:left;
				font-size:12px;
				display:block;
			}
		#cafebar #soup .drink {
			width:156px;
			float:right;
		}
			#cafebar #soup .drink h5 {
				margin-bottom:18px;
			}

#cafebar .column {
	margin-bottom:70px;
	background:url(../_img/cafebar/border_bg.gif) repeat;
}
	#cafebar .column ul {
		list-style:disc;
		padding-left:18px;
	}
		#cafebar .column ul li {
			list-style:disc;
			font-size:12px;
		}
	#cafebar .column .bottomContainer {
		width:735px;
		margin:0 auto;
	}
		#cafebar .column .bottomContainer h5 {
			margin-bottom:23px;
		}
		#cafebar .column .bottomContainer .textBox {
			float:left;
			margin-right:60px;
		}
			#cafebar .column .bottomContainer .textBox h6 {
				font-size:12px;
				font-weight:bold;
				color:#E96022;
			}
		#cafebar .column .bottomContainer .bottomMenu {
			margin-top:27px;
		}
			#cafebar .column .bottomContainer .img {
				width:362px;
				float:left;
			}
			#cafebar .column .bottomContainer .textArea {
				width:355px;
				float:right;
				font-size:12px;
				list-style:none;
				padding:0;
			}
				#cafebar .column .bottomContainer .textArea li {
					list-style:none;
					line-height:2em;
				}
				#cafebar .column .bottomContainer .textArea strong {
					color:#E96022;
				}
	#cafebar .column .bottom,
	#cafebar .column .top{
		line-height:0;
	}
			

#cafebar #lunch {
	margin:50px 0 70px;
}

#cafebar #dinner {
	margin:70px 0;
}

#cafebar #drink {
	margin:70px 0;
}
	#cafebar #drink h3 {
		margin-bottom:23px;
	}
	#cafebar #drink ul {
		list-style:disc;
		padding-left:18px;
	}
		#cafebar #drink ul li {
			list-style:disc;
			font-size:12px;
		}
	#cafebar #drink h4 {
		margin-bottom:10px;
	}
	#cafebar #drink .hiball {
		margin-bottom:50px;
	}
		#cafebar #drink .hiball .left {
			width:180px;
			float:left;
		}
		#cafebar #drink .hiball .right {
			width:626px;
			float:right;
		}
			#cafebar #drink .hiball .right h5 {
				margin-bottom:23px;
			}
			#cafebar #drink .hiball .right .top {
				margin-bottom:23px;
			}
			#cafebar #drink .hiball .right h6 {
				margin-bottom:10px;
			}
	#cafebar #drink .otherleft {
		width:400px;
		float:left;
	}
	#cafebar #drink .otherright {
		width:400px;
		float:right;
	}
		#cafebar #drink .otherleft .left,
		#cafebar #drink .otherright .left {
			width:180px;
			float:left;
		}
		#cafebar #drink .otherleft .right,
		#cafebar #drink .otherright .right {
			width:200px;
			float:right;
		}
		



/* =============== Shops =============== */

#shops .topContainer {
	margin:0 auto;
	width:663px;
}
	#shops .topContainer .map {
		margin-bottom:25px;
	}
	#shops .topContainer h4 {
		font-size:12px;
		font-weight:bold;
	}
	#shops .topContainer .textArea {
		width:331px;
		float:left;
		font-size:12px;
	}

	/* --------------- Niigata --------------- */
	
	
	
	


/* =============== Takeout =============== */

#takeout #header {
	margin-bottom:60px;
}
	#takeout #header .textArea {
		width:442px;
		float:left;
	}
		#takeout #header h2 {
			margin-bottom:23px;
		}
		#takeout #header .h2lead {
			margin-bottom:20px;
		}
	#takeout #header .imgArea {
		width:352px;
		float:right;
	}
		#takeout #header .imgArea .img {
			margin-bottom:10px;
		}

#takeout .mainContainer {
	margin-bottom:50px;
}
	#takeout .mainContainer h3 {
		margin-bottom:25px;
		line-height:0;
	}
	#takeout .mainContainer .mainBox {
		width:400px;
		float:left;
		margin-bottom:35px;
	}
		#takeout .mainContainer .mainBox .img {
			float:left;
			width:210px;
		}
		#takeout .mainContainer .mainBox .textArea {
			width:175px;
			float:right;
		}
			#takeout .mainContainer .mainBox .textArea h4 {
				margin-bottom:13px;
				line-height:0;
			}
			#takeout .mainContainer .mainBox .textArea .lead {
				margin-bottom:13px;
				font-size:12px;
				line-height:12px;
			}
			#takeout .mainContainer .mainBox .textArea .text {
				font-size:14px;
				font-weight:bold;
			}

#takeout #howto {
	background:url(../_img/cafebar/border_bg.gif);
}
	#takeout #howto h3 {
		margin-bottom:18px;
		line-height:0;
	}
	#takeout #howto .topContainer {
		width:721px;
		margin:0 auto 28px;
	}
		#takeout #howto .topContainer .left {
			width:279px;
			float:left;
		}
			#takeout #howto .topContainer .text {
				margin-top:10px;
				font-size:12px;
			}
		#takeout #howto .topContainer .shenjen {
			width:417px;
			height:232px;
			float:right;
			background:url(../_img/takeout/howto_shenjen_bk.jpg) no-repeat;
			position:relative;
		}
					#takeout #howto .topContainer .shenjen .textArea h4 {
						margin-bottom:10px;
						line-height:0;
					}
					#takeout #howto .topContainer .shenjen .textArea .lead {
						font-size:14px;
						font-weight:bold;
						color:#CC0000;
					}
					#takeout #howto .topContainer .shenjen .textArea p {
						font-size:12px;
					}
				#takeout #howto .topContainer .shenjen .img {
					position:absolute;
					top:0;
					left:0;
					width:124px;
				}
			#takeout #howto .topContainer .shenjen .paripari {
				position:absolute;
				top:18px;
				left:29px;
			}
				#takeout #howto .topContainer .shenjen .paripari .textArea {
					position:absolute;
					top:13px;
					left:138px;
					width:220px;
				}
			#takeout #howto .topContainer .shenjen .yawaraka {
				position:absolute;
				top:129px;
				left:29px;
			}
				#takeout #howto .topContainer .shenjen .yawaraka .textArea {
					position:absolute;
					top:1px;
					left:138px;
					width:220px;
				}
	#takeout #howto .middleContainer {
		width:735px;
		margin:0 auto 35px;
	}
		#takeout #howto .middleContainer ol li {
			background-repeat:no-repeat;
			background-position:top;
			display:block;
			float:left;
			width:147px;
			margin-right:19px;
			padding:188px 10px 0;
			font-size:12px;
			font-weight:bold;
		}
		#takeout #howto .middleContainer ol li.n01 {
			background-image:url(../_img/takeout/howto_n01.jpg);
		}
		#takeout #howto .middleContainer ol li.n02 {
			background-image:url(../_img/takeout/howto_n02.jpg);
		}
		#takeout #howto .middleContainer ol li.n03 {
			background-image:url(../_img/takeout/howto_n03.jpg);
		}
		#takeout #howto .middleContainer ol li.n04 {
			background-image:url(../_img/takeout/howto_n04.jpg);
			margin:0;
		}
	#takeout #attention {
		width:620px;
		margin:0 auto 30px;
		background:url(../_img/takeout/howto_attention.gif) no-repeat left 15px;
		padding-left:65px;
	}
		#takeout #attention .textBox {
			width:290px;
			float:left;
			margin-right:40px;
		}
			#takeout #attention .textBox h5 {
				font-weight:normal;
				font-size:12px;
				color:#C00;
			}
			#takeout #attention .textBox p {
				font-size:10px;
			}
		#takeout #attention .end {
			margin-right:0;
		}
	#takeout .howtoborder {
		margin-bottom:15px;
		line-height:0;
	}
	#takeout .bottomContainer {
		padding-bottom:34px;
		background:url(../_img/takeout/howto_bottom.gif) no-repeat bottom;
	}
		#takeout .bottomContainer h3 {
			height:55px;
			font-size:10px;
			margin:0 0 10px 63px;
		}
			#takeout .bottomContainer h3 strong {
				font-size:14px;
				color:#C00;
				display:block;
				margin-bottom:10px;
			}
		#takeout .bottomContainer .mainBox {
			width:695px;
			margin:0 auto;
		}
			#takeout .bottomContainer .mainBox .textBox {
				width:200px;
				float:left;
				margin-right:35px;
			}
			#takeout .bottomContainer .mainBox .end {
				margin:0;
			}
				#takeout .bottomContainer .mainBox .textBox strong {
					color:#C00;
				}
				#takeout .bottomContainer .mainBox .textBox h5 {
					font-size:14px;
					color:#000;
					margin:30px 0 5px 17px;
					line-height:14px;
				}
				#takeout .bottomContainer .mainBox .textBox .text,
				#takeout .bottomContainer .mainBox .textBox .texttop {
					font-size:12px;
					margin-left:17px;
				}
				#takeout .bottomContainer .mainBox .textBox .texttop {
					border-bottom:1px dotted #000;
					padding-bottom:12px;
				}
				#takeout .bottomContainer .mainBox .textBox h5.bottom {
					margin:12px 0 5px 17px;
				}



/* =============== Contact =============== */

#contact #tel {
	margin-bottom:50px;
}
	#contact #tel .lead {
		font-size:14px;
		font-weight:bold;
		text-align:center;
		margin-bottom:25px;
	}
	#contact #tel .telBox {
		background:url(../_img/contact/telbox.gif) no-repeat;
		width:467px;
		height:106px;
		margin:0 auto;
	}
		#contact #tel .telBox h4 {
			font-size:28px;
			font-weight:bold;
			color:#663300;
			text-align:center;
			padding-top:18px;
			line-height:28px;
			margin-bottom:5px;
		}
			#contact #tel .telBox h4 span {
				font-size:12px;
				color:#000;
				font-weight:bold;
				
			}
		#contact #tel .telBox .time {
			font-size:14px;
			text-align:center;
			line-height:18px;
		}

#contact #formarea h3 {
	font-size:14px;
	margin-bottom:2em;
	background:url(../_img/news/h3title.gif) no-repeat;
	height:38px;
	line-height:38px;
	font-weight:bold;
	color:#FFF;
	padding-left:15px;
}
#contact #formarea p {
	font-size:12px;
}
#contact #formarea .error {
	font-size:14px;
}

#contact #formarea table {
	width:75%;
	margin:45px auto 50px;
}
	#contact #formarea table th,
	#contact #formarea table td {
		font-size:12px;
		vertical-align:top;
		padding-bottom:1em;
	}
	#contact #formarea table th {
		padding-right:2em;
		width:25%;
	}
	#contact #formarea table td {
		width:75%;
	}
		#contact #formarea table td input,
		#contact #formarea table td textarea {
			font-size:12px;
			width:100%;
		}
		#contact #formarea table td textarea {
			height:100px;
		}

#contact #formarea .thanks {
	font-size:14px;
	margin-bottom:1em;
}



/* =============== PrivacyPolicy =============== */

#privacypolicy ul.list {
	list-style:decimal;
}
	#privacypolicy ul.list li {
		list-style:decimal;
		margin:0 0 1em 2em;
		font-size:12px;
	}

