@charset "UTF-8";
/*
信州松本 手打ちそば こばやしWEBサイト
Theme URI: http://www.kobayashi-soba.co.jp/
Description: This is css for http://www.kobayashi-soba.co.jp/
*/

/*--------------------------
enjoy
--------------------------*/
div.rAraa {
	float:right;
}
div.enjoy {
	position:relative;
}
div.enjoy h2 {
	padding-left:241px;
	width:158px;
	height:178px;
}
.recipeMain {
	width:640px;
	height:520px;
}
.recipeMain h3 {
	width:640px;
	height:270px;
	text-indent:-10000em;
	display:block;
}
.recipe01 { background:url(/img/enjoy/recipe/01/bg01.png) no-repeat right 0; }
.recipeTit01 { background:url(/img/enjoy/recipe/01/tit01.png) no-repeat 0 20px; }
.recipe02 { background:url(/img/enjoy/recipe/02/bg01.png) no-repeat right 0; }
.recipeTit02 { background:url(/img/enjoy/recipe/02/tit01.png) no-repeat 0 20px; }
.recipe03 { background:url(/img/enjoy/recipe/03/bg01.png) no-repeat right 0; }
.recipeTit03 { background:url(/img/enjoy/recipe/03/tit01.png) no-repeat 0 20px; }
.recipeTxt { padding:40px 0; }
.recipeTxt .fLeft {
	width:200px;
}
.recipeMain li {
	width:158px;
}
.recipeMain li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
h4 {
	font-size:16px;
	padding-bottom:15px;
}
h4.titLeft {
	font-size:16px;
	padding-bottom:5px;
}
h4.titRight {
	font-size:16px;
	padding-bottom:15px;
}
.recipeTxt .fLeft dl {
	width:200px;
	border-bottom:#999 1px dotted;
	padding:10px 0 10px 0;
}
.recipeTxt .fLeft dt {
	width:200px;
	font-size:14px;
	line-height:120%;
	padding-bottom:5px;
}
.recipeTxt .fLeft dd {
	width:200px;
	font-size:12px;
	line-height:120%;
}
.recipeTxt .fRight {
	width:400px;
}
.recipeTxt .fRight dl {
	clear:both;
}
.recipeTxt .fRight dt {
	font-size:30px;
	line-height:30px;
	width:30px;
	color:#D4C9B7;
	float:left;
	padding-bottom:20px;
}
.recipeTxt .fRight dd {
	font-size:14px;
	line-height:140%;
	width:370px;
	float:left;
	padding-bottom:20px;
}
.pointImg {
	clear:both;
}
.recipeTxt .fRight p {
	font-size:14px;
	line-height:140%;
	width:370px;
	padding:5px 0 20px 30px;
}
div.btnArea {
	clear:both;
	width:640px;
	border-top:#CCC dotted 1px;
	padding-top:10px;
}
li.btnprev {
	float:left;
}
li.btnnext {
	float:right;
}
div.btnArea li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

div.enjoy h5 {
	background:url(/img/common/titBg.gif) no-repeat 1px 0;
	padding:8px 0 0 42px;
	width:598px;
	height:44px;
	font-size:20px;
	font-weight:normal;
	line-height:110%;
	display:block;
}
ul.oList {
	padding-bottom:30px;
}
ul.oList li {
	padding:1px;
	float:left;
}
ul.oList li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
ul.e_navi li.e_navi03 {
	position:absolute;
	top:57px;
	left:22px;
}
ul.e_navi li.e_navi02 {
	position:absolute;
	top:57px;
	left:131px;
}
ul.e_navi li.e_navi01 {
	position:absolute;
	top:57px;
	left:408px;
}
ul.e_navi li.e_navi04 {
	position:absolute;
	top:57px;
	left:518px;
}
ul.e_navi li {
	text-indent:-10000em;
	background:url(/img/enjoy/navi.png) no-repeat;
	display:block;
	width:100px;
	height:45px;
}
ul.e_navi li a {
	background:url(/img/enjoy/navi.png) no-repeat;
	display:block;
	width:100px;
	height:45px;
}
ul.e_navi li.e_navi01 a { background-position:0 0; }
ul.e_navi li.e_navi01 a:hover { background-position:0 -45px; }
ul.e_navi li.e_navi02 a { background-position:-100px 0; }
ul.e_navi li.e_navi02 a:hover { background-position:-100px -45px; }
ul.e_navi li.e_navi03 { background-position:-200px 0; }
ul.e_navi li.e_navi03 a { background-position:-200px 0; }
ul.e_navi li.e_navi03 a:hover { background-position:-200px -45px; }
ul.e_navi li.e_navi04 { background-position:-300px 0; }
ul.e_navi li.e_navi04 a { background-position:-300px 0; }
ul.e_navi li.e_navi04 a:hover { background-position:-300px -45px; }
ul.shoping {
	padding-bottom:2px;
	clear:both;
}
ul.shoping li a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
div.telfax {
	clear:both;
	width:640px;
	height:60px;
}
div.topcon ul { padding:15px 1px 20px 1px; }
div.topcon ul li a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
}
div.topcon p.ecinfo {
	padding:15px 15px;
	font-size:10px;
	line-height:120%;
	border-bottom:#999 dotted 2px;
}