@charset "UTF-8";

/* common-style
================================================== */
.wrap-960 {
	width:940px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}


	.r-box, .contents { float:right;}
	.contents { width:730px;}
	.passion { margin:10px 0 30px 0;}
	.pd5 { padding:0 5px;}
	.info {
		width:185px;
		height:0;
		overflow:hidden;
		padding-top:110px;
		background:url(../img/com/info191001.gif) no-repeat;
		position:absolute;
		top:340px;
		left:18px;
	}

.lead-txt {
	width:730px;
	height:0;
	overflow:hidden;
	padding-top:103px;
	background:url(../img/com/lead-txt.jpg) no-repeat;
}

sup { font-size:0.7em;}
.hide { height:0px; overflow:hidden;}

/* footer-contents */
#footer-wrapper { background-color:#000; clear:both;}
.infomation { padding:30px 10px 20px;}
	.ft1, .ft2, .ft3 { color:#fff; float:left;}
	
	.ft1 { width:394px;}
		.ft1 li { float:left;}
	.ft2 { width:346px;}
		.contact {
			height:0;
			overflow:hidden;
			padding-top:94px;
			margin-bottom:5px;
			background:url(../img/com/footer-03.jpg) no-repeat;
		}
		.ft2-txt { line-height:1.5; font-size:0.9em; margin-left:2px;}
		.ft2 dt { float:left; width: 5em;}
		.ft2 dd { margin-left:5em;}
		.t-update dt { float:left; width: 7em;}
		.t-update dd { margin-left:7em;}
		.t-update dl:first-child dt {text-align: right;}
		.t-update dl:last-child {text-align: left;}
		.t-update dl:last-child dt {width: 5.2em;}
		.t-update dl:last-child dd { margin-left:5.2em;}
		.ft2 span { letter-spacing:0.5em;}
	.ft3 { width:200px;}
		.ft3 li { margin-bottom:15px; height:70px;}
		.ft3 li a {
			height:0px;
			overflow:hidden;
			display:block;
			padding-top:70px;
			background:url(../img/com/navi-fl.jpg) no-repeat;
		}
		.ft3 li a:hover { background-position:0 -70px;}
	
		.newshop {
			margin-top:5px;
			padding-top:5px;
			border-top:1px solid #777;
			width:300px;
		}
	
	.add {
		padding:15px 0;
		background:url(../img/com/footer-04.jpg) repeat-x;
	}
		address { margin:0 auto; text-align:center;}

/* index-style
================================================== */
#idx h1 {
	width:200px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:433px;
	background:url(../img/com/logo.jpg) no-repeat;
	float:left;
}

/* slider-style
===================== */
.slider-box {
	width:720px;
	height:320px;
	background:url(../img/index/bg-slider.jpg) no-repeat;
	padding:5px;
}
/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* top-contents */
#top-wrapper { background:url(../img/index/bg-index.jpg) repeat-x;}
	.idx-top { height:463px; }

/* middl-contents */
.wrap-toplinks {
	width:960px;
	padding:40px 0;
	margin:0 auto;
}
#middle-wrapper { background:url(../img/index/bg-about.jpg) top right;}
	.about {
		width: 346px;
		height:0px;
		overflow:hidden;
		padding-top:257px;
		background:url(../img/index/about.png) no-repeat;
		float: left;
	}
	#middle-wrapper ul {
		float: left;
	}
	#middle-wrapper ul.center {
		margin: 0 14px;
	}
	.i-navi1 a, .i-navi2 a {
		width:310px;
		height:0;
		overflow:hidden;
		display:block;
	}
	.i-navi1 a { padding-top:100px; margin-bottom: 8px; background:url(../img/index/navi-01.png) no-repeat;}
	.i-navi2 a { padding-top:148px; background:url(../img/index/navi-02.png) no-repeat;}




/* お土産まぜそば */
	.online, .recruit ul {
		width:276px;
		float: left;
		margin-right: 15px;
}
	.online a, .recruit a {
		width:276px;
		height:auto;
		text-indent: -9999px;
		overflow:hidden;
		display:block;
	}
	.online a { padding-top:147px; background:url(../img/index/navi-04.png) no-repeat;}
	.recruit a { padding-top:97px; background:url(../img/index/navi-05.png) no-repeat;}

/* ヌードルカフェ */
.noodle a {
		width:276px;
		height:auto;
		text-indent: -9999px;
		overflow:hidden;
		display:block;
		padding-top: 140px;
		background:url(../img/index/navi-06.png) no-repeat;
}




/* menu-fc common style
================================================== */
#bg-wrapper { background:url(../img/sub/bg.jpg);}
#sub-wrapper { background:url(../img/sub/bg-sub.jpg) repeat-x;}
#menu h1 a,#fc h1 a {
	width:200px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:433px;
	background:url(../img/com/logo.jpg) no-repeat;
	float:left;
}
.left-contents {
	width:200px;
	float:left;
}

/* お知らせ表示時有効化  */
 .left-contents ul { clear:both; margin-top:30px;}
/* お知らせ表示時有効化 */

.navi1 a, .navi2 a, .navi3 a, .navi4 a, .navi5 a{
	width:200px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:53px;
}
.navi5 a{
	width:200px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:25px;
	margin:10px 0 0 0;
}

.navi1 a { background:url(../img/sub/btn-01.jpg) no-repeat;}
.navi2 a { background:url(../img/sub/btn-02.jpg) no-repeat;}
.navi3 a { background:url(../img/sub/btn-03.jpg) no-repeat;}
.navi4 a { background:url(../img/sub/btn-04.jpg) no-repeat;}
.navi5 a { background:url(../img/sub/btn-05.png) no-repeat;}

.navi5 a:hover{ background-position: 0 -25px;}


.navi1 a:hover, .navi2 a:hover, .navi3 a:hover, .navi4 a:hover{ background-position: 0 -53px;}
#menu .navi2 a { background-position:0 -106px;}
#fc .navi4 a { background-position:0 -106px;}

#menu #order .navi2 a{ background-position:0 0px;}
#menu #order .navi2 a:hover{ background-position:0 -53px;}
#menu #order .navi3 a{ background-position:0 -106px;}

#fc #law-btn .navi4 a{ background-position:0 0px;}
#fc #law-btn .navi4 a:hover{ background-position:0 -53px;}


/* fc-style
================================================== */
#fc .lead-txt {
	margin-bottom:7px;
	padding-top:293px;
	background:url(../img/sub/fc-01.jpg) no-repeat;
}
#fc table { width:720px; margin:0 auto;}
#fc table caption {
	font-size:1.9em;
	padding:0.6em 0;
	text-align:center;
	background-color:#7c2e34;
	border:1px solid #b3b3b3;
	border-bottom:none;
}
	#fc th,#fc td {
		padding:0.6em 0.8em;
		font-size:1.2em;
		color:#323232;
		border:1px solid #b3b3b3;
	}
	#fc th { background-color:#e6e6e6;}
	#fc td { background-color:#f2f2f2;}
	#fc .step th { width:6em; border:1px solid #fff; border-top:none;}
	#fc .step1 { background-color:#e5d4d5;}
	#fc .step2 { background-color:#e4cccd;}
	#fc .step3 { background-color:#e3c3c4;}
	#fc .step4 { background-color:#e3babc;}
	#fc .step5 { background-color:#e2b1b3;}
	#fc .step6 { background-color:#e1a8ab;}
	#fc .step7 { background-color:#e0a0a2;}
	#fc .step8 { background-color:#e0979a;}
	#fc .step9 { background-color:#d97a7d;}
.supp { margin:5px 0 30px 5px;}
.supp-r { margin:5px 5px 30px 0; text-align:right;}
.contact-banner {
	width:760px;
	height:0;
	overflow:hidden;
	padding-top:95px;
	background:url(../img/sub/fc-02.jpg) no-repeat;
	margin:0 0 30px;
}

.fcshop dl {
	margin: 0 0 25px 0;
	border: solid 1px #CCC;
	padding: 0 0 5px 0;
	background:#000;
}

.fcshop dt {
	font-size: 18px;
	padding: 10px;
	border-bottom: solid 1px #CCC;
	margin: 0 0 8px 0;
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_31.png) repeat, -webkit-gradient(linear, left top, left bottom, from(#303030), to(#000));
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_31.png) repeat, linear-gradient(#303030, #000);
}
.fcshop dt span{font-size:70%; color:#CA3D3D; margin-right: 5px;}
.fcshop dd {
	font-size:12px;
	margin-left: 2em;
}
.fcshop dd a{
	color:#fff;
}
#fc .passion p{
	padding-bottom:20px;
}
#fc .passion h3{
	font-size: 1.3em;
	height: 25px;
	padding: 0.2em 0 0.2em 0.6em;
	margin:10px 0 5px 0;
	background: url(../img/sub/cpt-s.jpg) no-repeat;
}

#fc .staff{
	padding-bottom:40px;
}
#fc .fb{
	margin: 0px auto 50px; display: block; width:300px;
}
/* menu-style
================================================== */
#menu .lead-txt {
	margin:30px 0 0;
	padding-top:220px;
	background:url(../img/sub/menu-01.jpg) no-repeat;
}
#menu .feature {
	width:730px;
	height:0;
	overflow:hidden;
	padding-top:183px;
	background:url(../img/sub/menu-02.jpg?140210) no-repeat;
	margin-bottom:13px;
}
.ttl-01, .ttl-02 {
	width:730px;
	height:0;
	overflow:hidden;
	padding-top:40px;
	margin-bottom:20px;
}
.ttl-01 { background:url(../img/sub/ttl-01.jpg) no-repeat;}
.ttl-02 { background:url(../img/sub/ttl-02.jpg) no-repeat;}
.item-wrap { padding:0 5px;}
	.item-wrap img { margin-bottom:10px;}
	.item-wrap li { width:352px; float:left; margin:0 16px 40px 0; position:relative;}
	li.reflesh { margin-right:0;}
.detail { width:347px; padding:0 0 0 5px;}
	.detail dt, .price {
		font-weight:bold;
		font-size:1.4em;
		height:25px;
		padding: 0.2em 0 0.2em 0.6em;
		background:url(../img/sub/cpt-s.jpg) no-repeat;
		float:left;
	}
	.detail dt.cpt-b {
		background:url(../img/sub/cpt-b.jpg) no-repeat;
		height:44px;
		padding:0 0 0 0.6em;
		margin-bottom:0.2em;
		line-height:1.2em;
		}
	.detail dt.cpt-b span { font-size:15px; color:#e11;}
	.price {
		float:right;
		color:#e11;
		background:none;
	}
	.intro { clear:both;}
	.intro span{background-color:#F00; margin-bottom:5px; display:inline-block; font-size:14px; padding:3px 5px 3px; font-weight:bold; color:#FFF;}
	.long dt { float:none;}
	.long span { font-size:0.6em;}
.sdm { margin-bottom:30px;}
	.sdm li {
		padding:5px;
		width:220px;
		float:left;
		background-color:#150c0c;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		behavior: url(css-js/PIE.htc);
		position:relative;
	}
		.sdm li.middle { margin:0 18px;}
		.sdm li .detail { width:210px; padding:5px;}
.option { border-top:1px dotted #aaa; width:720px; clear:both; padding:10px 5px; margin-bottom:30px;}


/* ランキング */
.rank1, .rank2, .rank3, .rank4, .rank5, .rank0, .s-end {
	position:absolute;
	top:3px;
	left:3px;
}
li.reflesh .rank3 {
	position:absolute;
	top:3px;
	left:3px;
}



/* shop-style
================================================== */

#order .lead-txt {
	margin:30px 0 30px;
	padding-top:265px;
	background:url(../img/sub/order-01.png) no-repeat;
}

#order .left {
	float:left;
}
#order .left p {
	margin:55px 0 0 15px;
}
#order .right {
	float:right;
	width:378px;
	margin-bottom:20px;
}
#order .detail {
	width:378px;
	padding:0 0 0 0;
}

#order .detail dt {
	float:none;
	font-weight:100;
}
#order .detail dd {
	margin-bottom:5px;
}
#order .detail ul {
	background:#666;
	padding: 5px 0 5px 10px;
}

#order .right ul.caution {
	color:#ddd;
	font-size:90%;
	margin:0 0 10px 0;
}

#order .right ul.kakaku {
	margin:0 0 10px 0;
}

p.omiyage-lead {
	margin:0 0 20px 0;
}
p.omiyage-lead-2 {
	margin:0 0 8px 0;
}
.fax-seat a{
	width:378px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:60px;
	background:url(../img/sub/order-06.png) no-repeat;
}
.form a{
	width:378px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:60px;
	background:url(../img/sub/order-05.png) no-repeat;
}
.fax-seat a:hover{ background-position: 0 -60px;}
.form a:hover{ background-position: 0 -60px;}


/* law-style
================================================== */
#law td {
	font-size:100%;
	width:80%;
}
#law table.law-tb {
	margin:30px 0;
}

/* re-style
================================================== */
#re .lead-txt {
	margin-bottom:7px;
	padding-top:293px;
	background:url(../img/sub/re-01.jpg) no-repeat;
}
#re table { width:720px; margin:0 auto;}
#re table caption {
	font-size:1.9em;
	padding:0.6em 0;
	text-align:center;
	background-color:#7c2e34;
	border:1px solid #b3b3b3;
	border-bottom:none;
}
	#re th,#re td {
		padding:0.6em 0.8em;
		font-size:1.2em;
		color:#323232;
		border:1px solid #b3b3b3;
	}
	#re th { background-color:#e6e6e6;}
	#re td { background-color:#f2f2f2;}
	#re.step th { width:6em; border:1px solid #fff; border-top:none;}
	#re .step1 { background-color:#e5d4d5;}
	#re .step2 { background-color:#e4cccd;}
	#re .step3 { background-color:#e3c3c4;}
	#re .step4 { background-color:#e3babc;}
	#re .step5 { background-color:#e2b1b3;}
	#re .step6 { background-color:#e1a8ab;}
	#re .step7 { background-color:#e0a0a2;}
	#re .step8 { background-color:#e0979a;}
	#re .step9 { background-color:#d97a7d;}
.supp { margin:5px 0 30px 5px;}
.supp-r { margin:5px 5px 30px 0; text-align:right;}
.contact-banner {
	width:760px;
	height:0;
	overflow:hidden;
	padding-top:95px;
	background:url(../img/sub/fc-02.jpg) no-repeat;
	margin:0 0 30px;
}

.reshop dl {
	margin: 0 0 25px 0;
	border: solid 1px #CCC;
	padding: 0 0 5px 0;
	background:#000;
}

.reshop dt {
	font-size: 18px;
	padding: 10px;
	border-bottom: solid 1px #CCC;
	margin: 0 0 8px 0;
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_31.png) repeat, -webkit-gradient(linear, left top, left bottom, from(#303030), to(#000));
	background: url(http://grad3.ecoloniq.jp/sample/img/patterns_31.png) repeat, linear-gradient(#303030, #000);
}
.reshop dt span{font-size:70%; color:#CA3D3D; margin-right: 5px;}
.reshop dd {
	font-size:12px;
	margin-left: 2em;
}
.reshop dd a{
	color:#fff;
}
#re .passion p{
	padding-bottom:20px;
}
#re .passion h3{
	font-size: 1.3em;
	height: 25px;
	padding: 0.2em 0 0.2em 0.6em;
	margin:10px 0 5px 0;
	background: url(../img/sub/cpt-s.jpg) no-repeat;
}

#re .staff{
	padding-bottom:40px;
}
#re .fb{
	margin: 0px auto 50px; display: block; width:300px;
}