@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* Top style css　*/
/*==================================================================*/
/* Page Settings */
/*------------------------------------*/
body {
	background:transparent url("../image/bg_body.jpg") 50% 138px no-repeat;
}

body#spring {
	background:transparent url("../image/bg_body_spring.jpg") 50% 138px no-repeat;
}

body#summer {
	background:transparent url("../image/bg_body_summer.jpg") 50% 138px no-repeat;
}

body#fall {
	background:transparent url("../image/bg_body_fall.jpg") 50% 138px no-repeat;
}

body#winter {
	background:transparent url("../image/bg_body_winter.jpg") 50% 138px no-repeat;
}

/* -------------------------------------------- */
/* mainvisual */
/* -------------------------------------------- */
#mainvisual {
	position:relative;
	width:960px;
	margin:0 auto;
	z-index:0;
}

#mainvisual ul {
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0;
	height:333px;
}

#mainvisual ul li {
	position:absolute;
	left:50%;
	display:none;
	overflow:hidden;
	top:0;
	width:960px;
	height:333px;
	margin-left:-480px;
}

#mainvisual ul li img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:960px;
	height:333px;
}

#mainvisual .nav-ichiba {
	position:absolute;
	top:-25px;
	right:-45px;
	z-index:9999;
}

#mainvisual .nav-ichiba a {
	display:block;
	width:175px;
	height:175px;
	background:transparent url("../image/main_ichiba_nav.png") 0 0 no-repeat;
	text-indent:-9999px;
}

#mainvisual .nav-ichiba a:hover {
	background-position:0 -175px;
}

#photoNav {
	width:960px;
	margin:0 auto 20px;
}

#photoNav ul {
	text-align:center;
	letter-spacing:-0.4em;
}

#photoNav ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 5px;
	letter-spacing:normal;
	cursor:pointer;
}

/* -------------------------------------------- */
/* news */
/* -------------------------------------------- */
#news {
	margin-bottom:60px;
}

#news .title-area {
	position:relative;
	margin-bottom:20px;
}

#news .title-area p {
	position:absolute;
	top:11px;
	right:10px;
	z-index:9999;
}

#news .list-wrapper {
	overflow-y:auto;
	overflow-x:hidden;
	width:690px;
	height:375px;
	margin:0 auto 20px;
}

#news .list-wrapper .inner {
	zoom:1;
	width:690px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #333333;
}

#news .list-wrapper .inner:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#news .list-wrapper .inner .date {
	position:relative;
	float:left;
	width:62px;
	height:62px;
	margin-right:7px;
	background:white url("../image/bg_date.gif") 0 0 no-repeat;
	font-family:"Libre Baskerville", serif;
	text-align:center;
}

#news .list-wrapper .inner .date .t-year {
	font-size:13px;
	color:#7c4210;
}

#news .list-wrapper .inner .date .t-month {
	position:absolute;
	width:22px;
	font-size:13px;
	top:20px;
	left:3px;
}

#news .list-wrapper .inner .date .t-day {
	position:absolute;
	width:35px;
	font-size:21px;
	right:2px;
	bottom:-2px;
	vertical-align:bottom;
}

#news .list-wrapper .inner .category {
	float:left;
	width:60px;
	margin-right:7px;
}

#news .list-wrapper .inner .entry-area {
	float:left;
	width:530px;
}

#news .list-wrapper .inner .entry-area dt {
	margin-bottom:5px;
}

#news .list-wrapper .inner .entry-area dt a {
	color:#7c4210;
}

#news .list-wrapper .inner .entry-area dt span.new {
	margin-left:3px;
	padding:0 6px;
	background-color:#fffd75;
	color:#9b0606;
	font-weight:bold;
	font-size:0.9em;
}

#news .list-wrapper .inner .entry-area dd {
	zoom:1;
}

#news .list-wrapper .inner .entry-area dd:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#news .list-wrapper .inner .entry-area dd figure {
	float:right;
	width:85px;
	text-align:center;
}

#news .list-wrapper .inner .entry-area dd figure img {
	width:inherit;
	max-width:75px;
	height:auto;
	padding-left:10px;
	width:expression(this.width > 75 ? 75: true);
}

/* -------------------------------------------- */
/* nav-block */
/* -------------------------------------------- */
#nav-block {
	zoom:1;
	margin-bottom:40px;
}

#nav-block:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#nav-block #tips {
	float:left;
	width:340px;
}

#nav-block #tips .title-area {
	zoom:1;
	width:340px;
	margin-bottom:10px;
}

#nav-block #tips .title-area:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#nav-block #tips .title-area h2 {
	float:left;
	width:229px;
}

#nav-block #tips .title-area .button {
	float:right;
	width:103px;
}

#nav-block #tips .list-wrapper {
	overflow:hidden;
	width:340px;
	height:265px;
	padding-top:5px;
	border:1px solid #9f8167;
	border-radius:5px;
}

#nav-block #tips .list-wrapper .list-inner {
	overflow-y:auto;
	width:310px;
	margin:0 auto;
	padding:10px;
	height:255px;
}

#nav-block #tips .list-wrapper .list-inner dl {
	zoom:1;
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #333333;
}

#nav-block #tips .list-wrapper .list-inner dl:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#nav-block #tips .list-wrapper .list-inner dl dt {
	float:left;
	width:57px;
}

#nav-block #tips .list-wrapper .list-inner dl dd {
	float:left;
	width:230px;
	padding-left:10px;
}

#nav-block #recipe-wrapper {
	float:right;
	padding-top:35px;
}

#nav-block #recipe-wrapper .recipe {
	width:340px;
	border:1px solid #ee2b04;
	border-radius:5px;
}

#nav-block #recipe-wrapper .recipe .inner {
	position:relative;
	padding-bottom:25px;
	border-radius:5px;
	background:white url("../image/bg_recipe.gif") 50% 0 repeat-y;
}

#nav-block #recipe-wrapper .recipe .inner h2 {
	position:absolute;
	top:-55px;
	left:6px;
}

#nav-block #recipe-wrapper .recipe .inner .button {
	padding:10px 5px 0 0;
	text-align:right;
}

#nav-block #recipe-wrapper .recipe .inner h3 {
	margin-bottom:6px;
	padding:5px 0 0 15px;
	line-height:1.2;
	font-size:1.5em;
}

#nav-block #recipe-wrapper .recipe .inner h3 a {
	color:#c90606;
}

#nav-block #recipe-wrapper .recipe .inner .bottom {
	position:absolute;
	bottom:0;
}

#nav-block #recipe-wrapper .recipe .inner .entry-area {
	zoom:1;
	position:relative;
	width:310px;
	margin:0 auto;
}

#nav-block #recipe-wrapper .recipe .inner .entry-area:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#nav-block #recipe-wrapper .recipe .inner .entry-area figure {
	float:right;
	width:190px;
	position:relative;
	text-align:center;
	z-index:9999px;
}

#nav-block #recipe-wrapper .recipe .inner .entry-area figure img {
	width:inherit;
	max-width:180px;
	height:auto;
	margin-left:10px;
	width:expression(this.width > 180 ? 180: true);
}

#nav-block #recipe-wrapper .recipe .inner .entry-area p {
	font-size:0.95em;
	color:#7c4210;
	word-wrap:break-word;
}

/* -------------------------------------------- */
/* sub-nav */
/* -------------------------------------------- */
.sub-nav-wrapper {
	overflow:hidden;
	width:710px;
	margin-bottom:15px;
}

.sub-nav-wrapper .sub-nav {
	width:735px;
	letter-spacing:-0.4em;
}

.sub-nav-wrapper .sub-nav li {
	display:inline-block;
	*display:inline;
	width:220px;
	margin:0 25px 15px 0;
	letter-spacing:normal;
	vertical-align:top;
	text-align:center;
	*zoom:1;
}

.sub-nav-wrapper .sub-nav li img {
	width:inherit;
	max-width:220px;
	height:auto;
	width:expression(this.width > 220 ? 220: true);
}

/* -------------------------------------------- */
/* sub-nav-3pos */
/* -------------------------------------------- */
.sub-nav-3pos-wrapper {
	overflow:hidden;
	width:710px;
	margin-bottom:15px;
}

.sub-nav-3pos-wrapper .sub-nav-3pos {
	width:735px;
	letter-spacing:-0.4em;
}

.sub-nav-3pos-wrapper .sub-nav-3pos li {
	display:inline-block;
	*display:inline;
	width:660px;
	margin:0 25px 15px 0;
	letter-spacing:normal;
	vertical-align:top;
	text-align:center;
	*zoom:1;
}

.sub-nav-3pos-wrapper .sub-nav-3pos li img {
	width:inherit;
	max-width:660px;
	height:auto;
	width:expression(this.width > 660 ? 660: true);
}

/* -------------------------------------------- */
/* scrollbar */
/* -------------------------------------------- */
#contents .jspVerticalBar {
	width:6px;
	border-radius:10px;
}

#contents .jspVerticalBar .jspTrack {
	border-radius:10px;
	background-color:#dfdfdf;
}

#contents .jspVerticalBar .jspTrack .jspDrag {
	border-radius:10px;
	background-color:#7c4210;
}