@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2012/4/17
 */


/* !Common
---------------------------------------------------------- */
.greenBorArea {
	background: url(../img/bg_greenborder01.gif) 0 0 no-repeat;
	padding-top: 15px;
	width: 985px;
}
	.greenBorArea .greenBorBox {
		background: url(../img/bg_greenborder02.gif) 0 bottom no-repeat;
		padding-bottom: 15px;
	}
		.greenBorArea .greenBorIn {
			border-left: 3px solid #b6e77c;
			border-right: 3px solid #b6e77c;
			padding: 15px 26px;
		}
.imgBor01 {
	border: 1px solid #d8d8d8;
	padding: 4px;
	background-color: #fff;
}
.imgBor02 {
	border: 1px solid #d8d8d8;
}

.dottedArea {
	border-bottom: 1px dotted #ccc;
}
.dottedBox {
	border-top: 1px dotted #ccc;
	padding: 
}
.greenNote {
	padding-left: 1em;
	text-indent: -1em;
}
	.greenNote span {
		color: #5dae14;
	}
.newsArea {
	position: relative;
	padding-bottom: 20px;
}
	.newsArea dl {
		float: left;
	}
		.newsArea dt {
			color: #fc711d;
			font-weight: bold;
		}
	.newsArea ul {
		float: right;
	}
		.newsArea ul li {
			float: right;
			padding: 7px 0;
			margin-left: 30px;
		}
			.newsArea ul li a {
				display:block;
			}
.borLeft {
	border-left: 1px solid #d8d8d8;
}
.borRight {
	border-right: 1px solid #d8d8d8;
}
.txtColorRed {
	color: #ff0000;
}
.txtColorOrange {
	color: #fc711d;
}
.txtColorBlue {
	color: #0000ff;
}

.inputStyle01,
.inputStyle02,
.inputStyle03,
.inputStyle04,
.selectStyle01,
.textareaStyle01 {
	display: inline-block;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
}
	.inputStyle01 input,
	.inputStyle02 input,
	.inputStyle03 input,
	.inputStyle04 input {
		border-bottom: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		padding: 0 7px;
		height: 30px;
		color: #757575;
		line-height: 30px;
	}
	.inputStyle01 input {
		width: 56px;
	}
	.inputStyle02 input {
		width: 146px;
	}
	.inputStyle03 input {
		width: 196px;
	}
	.inputStyle04 input {
		width: 438px;
	}
	.selectStyle01 select {
		border-bottom: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		height: 18px;
		width: 290px;
	}
	.textareaStyle01 textarea {
		border-bottom: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		height: 304px;
		width: 590px;
		overflow: hidden;
	}

/* !access
---------------------------------------------------------- */
.accessBox {
	padding: 30px;
}
.accessMap {
	width: 985px;
}

/* !fruit
---------------------------------------------------------- */
.fruitBox {
	padding: 60px 0;
}

/* !guide
---------------------------------------------------------- */
.guideBox {
	border-top: 1px solid #d8d8d8;
	padding: 48px 0 0 30px;
}
	.guideIn {
		color: #555;
		width: 400px;
	}


/* !shopping
---------------------------------------------------------- */
.shopQALeft {
	width: 485px;
	float: left;
	background: url(../shopping/img/bg_shopping01.gif) right 0 no-repeat #d8d8d8;
}
.shopQARight {
	width: 485px;
	float: right;
	background: url(../shopping/img/bg_shopping02.gif) right 0 no-repeat #d8d8d8;
}
.shopQABox {
	padding: 50px 30px;
	color: #555;
}
	.shopQABox a {
		font-weight: bold;
		color: #555;
	}

/* !contact
---------------------------------------------------------- */
.contactBox {
	padding: 30px 0;
}
	.contactBox .flImgL {
		margin-right: 175px !important;
	}

.contactArea {
	background-color: #eee;
	padding: 100px 80px 80px;
	position: relative;
}
	.contactArea .notes {
		position: absolute;
		right: 80px;
		top: 30px;
		z-index: 10;
	}
	.contactArea table {
		width: 100%;
	}
		.contactArea table th {
			width: 222px;
			vertical-align: middle;
			text-align: left;
			padding: 10px 0;
		}
		.contactArea table td,
		.contactArea table td p,
		.contactArea table th p {
			padding: 10px 0;
		}

/* !recipe
---------------------------------------------------------- */
.recipeList {
	margin-bottom: 30px;
}
	.recipeList li {
		float: left;
		margin-right: 15px;
		background: url(../recipe/img/bg_recipe01.gif) 0 0 repeat;
	}
	.recipeList li.last {
		margin-right: 0 !important;
	}
		.recipeList li a {
			display: block;
			padding: 10px;
			font-weight: bold;
			color: #fc711d;
			width: 215px;
			overflow: hidden;
		}
			.recipeList li a img {
				display: block;
				margin-bottom: 15px;
			}
.recipeArea {
	background: url(../recipe/img/bg_recipe01.gif) 0 0 repeat;
	padding: 30px;
}
	.recipeArea .recipeImg {
		width: 384px;
		height: 284px;
		background-color: #fff;
		padding: 8px;
		float: left;
	}
	.recipeArea .recipeInfo {
		width: 470px;
		height: 240px;
		background-color: #fff;
		padding: 30px 13px;
		float: right;
	}
		.recipeArea .recipeName {
			background: url(../recipe/img/bg_recipe_s01.gif) 0 bottom no-repeat;
			padding: 0 0 5px 17px;
			color: #fc792a;
			font-size: 150%;
			line-height: 1.1;
			margin-bottom: 20px;
			font-weight: bold;
		}
		.recipeArea .recipeMaterial {
			padding-left: 17px;
		}
		.recipeArea .recipeBox {
			padding: 30px;
			background-color: #fff;
			margin-bottom: 30px;
		}
		
/* !story
---------------------------------------------------------- */
.storyArea {
	background: url(../story/img/bg_story01.gif) 0 0 repeat;
	padding: 30px;
}
	.storyBox {
		background-color: #fff;
		padding: 50px 30px;
	}
.storyColArea {
	width: 100%;
}
	.storyColArea .storyImgArea {
		background: url(../story/img/bg_story_top01.gif) 0 0 no-repeat;
		padding-top: 12px;
	}
	.storyColArea .storyImgBox {
		background: url(../story/img/bg_story_btm01.gif) 0 bottom no-repeat;
		padding-bottom: 12px;
	}
	.storyColArea .storyImgIn {
		background: url(../story/img/bg_story_mid01.gif) 0 0 repeat-y;
		padding: 0 12px;
		width: 384px;
	}
	.storyColArea .storyTxtArea {
		padding: 20px;
		position: relative;
		overflow: hidden;
		zoom: 1;
	}
	.storyColArea .storyTxtArea .posTxt {
		position: absolute;
		left: 20px;
		bottom: 12px;
		z-index: 10;
		width: 365px;
	}
	
/* !sommelier
---------------------------------------------------------- */
.sommelierTop {
	padding-left: 20px;
	position: relative;
	z-index: 2;
}
.sommelierBtm {
	background: url(../sommelier/img/bg_sommelier01.jpg) 0 bottom no-repeat;
	padding: 0 0 65px 215px;
	position: relative;
	top: -30px;
	z-index: 1;
}
	.sommelierPad01 {
		padding: 10px 26px !important;
	}
	.sommelierPad02 {
		padding: 0 26px !important;
	}

/* !company
---------------------------------------------------------- */
.companyArea {
	background-color: #eee;
}
	.companyBox {
		padding: 50px 30px 0;
		overflow: hidden;
		zoom: 1;
	}
		.companyBox table {
			width: 100%;
		}
			.companyBox table th,
			.companyBox table td {
				text-align: left;
				vertical-align: top;
				line-height: 28px;
			}
			.companyBox table th {
				width: 115px;
			}

/* !backnumber
---------------------------------------------------------- */
.backnumberColArea {
	width: 100%;
}
	.backnumberColArea .backnumberColBox {
		width: 384px;
		border: 1px solid #d8d8d8;
		padding: 50px;
	}
	.backnumberColArea .backnumberColBox .date {
		background: url(../common/img/ico_triangle01.gif) 0 0.3em no-repeat;
		padding-left: 15px;
		font-weight: bold;
		color: #22680c;
		margin: 0 0 10px 30px;
	}
	.backnumberColArea .backnumberColBox ul {
		padding-left: 30px;
		width: 162px;
	}
		.backnumberColArea .backnumberColBox ul li {
			line-height: 24px;
		}
.backnumberArea {
	border: 1px solid #d8d8d8;
	padding: 60px 25px 40px;
	width: 933px;
}
	.backnumberBox{
		float: left;
		padding: 0 15px;
		width: 281px;
	}
		.backnumberBox ul li{
			overflow: hidden;
			line-height: 24px;
		}
			.backnumberBox .pdfLink{
				float: right;
				margin-left: 5px;
			}
/* !index
---------------------------------------------------------- */
.top {
	background: none !important;
	padding: 10px 0 !important;
}
	.top .topArea {
		border-left: 1px solid #d8d8d8;
	}
		.top .topArea .ulTopBox01 {
			overflow: hidden;
		}
			.top .topArea .ulTopBox01 li {
				width: 205px;
				padding: 40px 20px 0;
				float:left;
				border-right: 1px solid #d8d8d8;
				border-bottom: 1px solid #d8d8d8;
				text-align: center;
				line-height: 1.1;
			}
				.top .topArea .ulTopBox01 li a {
					display: block;
				}
		
		.top .topArea .ulTopBox02 {
			overflow: hidden;
		}
			.top .topArea .ulTopBox02 li {
				padding: 20px;
				float:left;
				border-right: 1px solid #d8d8d8;
				border-bottom: 1px solid #d8d8d8;
			}
		.top .topArea .ulTopBox03 {
			overflow: hidden;
		}
			.top .topArea .ulTopBox03 li {
				padding: 30px 20px 50px;
				float:left;
				border-right: 1px solid #d8d8d8;
			}
				.top .topArea .ulTopBox03 li a,
				.top .topArea .ulTopBox03 li img {
					display: block;
				}
.newsTopics {
	width: 697px;
}

#indexSldWrap{}

#indexSld{
	position: relative;
	width:100%!important;
	height: 400px;
	overflow: hidden;
}

	#indexSld ul{
		position: absolute;
		top: 0;
		left: 0;
	}
		#indexSld li{
			float: left;
			width: 985px;
			height: 400px;
		}
			#indexSld li a{
				display: block;
			}
			#indexSld li img{
				padding: 0;
			}
		
		#indexSld #prev,
		#indexSld #next{
			position: absolute;
			top: 160px;
			cursor: pointer;
		}
		
		#indexSld #prev{ left: 25px;}
		#indexSld #next{ right: 25px;}
		
		/* for script */
		#indexSld ul,
		#indexSld #next,
		#indexSld #prev{
			visibility: hidden;
		}
		
		#indexSld .layer{
			width: 1020px;
			height: 580px;
			position: absolute;
			top: 0;
			left: 0;
		
			background: #FCF8E4;
			opacity: 0.45;
			filter: alpha(opacity=80);
		}