@charset "Shift_JIS";
/* CSS Document */

/* header */

#Container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#Header {
	height: 80px;
	width: 1000px;
	padding-top: 10px;
	position:relative;
}

#Header h1.word{
	position:absolute;
	font-size:10px;
	width:612px;
	height:15px;
	color:#333333;
	left: 371px;
	top: 11px;
}

#Header #logo {
	float: left;
	height: 80px;
	width: 273px;
}
#Header #logo a {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 80px;
	width: 273px;
	margin-left: 50px;
}

#Header #Navi {
	float: right;
	height: 80px;
	width: 630px;
	margin-right:15px;
	_margin-right:8px;
}
#Navi li {list-style:none; float:left;}
#Navi li a {
	margin-top: 30px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:30px;
}
#Navi li a#Navi1 {background-image: url(../images/navi1.gif);width: 61px;}
#Navi li a#Navi2 {background-image: url(../images/navi2.gif);width: 124px;}
#Navi li a#Navi3 {background-image: url(../images/navi3.gif);width: 81px;}
#Navi li a#Navi4 {background-image: url(../images/navi4.gif);width: 66px;}
#Navi li a#Navi5 {background-image: url(../images/navi5.gif);width: 82px;}

#Navi li a#Navi1:hover,
#Navi li a#Navi1.current {background-image: url(../images/navi1_over.gif);width: 61px;}
#Navi li a#Navi2:hover,
#Navi li a#Navi2.current {background-image: url(../images/navi2_over.gif);width: 124px;}
#Navi li a#Navi3:hover,
#Navi li a#Navi3.current {background-image: url(../images/navi3_over.gif);width: 81px;}
#Navi li a#Navi4:hover,
#Navi li a#Navi4.current {background-image: url(../images/navi4_over.gif);width: 66px;}
#Navi li a#Navi5:hover,
#Navi li a#Navi5.current {background-image: url(../images/navi5_over.gif);width: 82px;}

#Wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	display:block;
}

#MainContents {
	width: 950px;
	height:500px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_tea.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	display:block;
	overflow:hidden;
}

#MainContents02 {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	overflow: hidden;
	display:block;
	padding:0 0 20px 290px;
	background-image: url(../images/bg_tea02.gif);
	background-repeat: no-repeat;
	background-color:FFFFFF;
}

#MainContents h2 {
	text-indent: -9999px;
	overflow: hidden;
}

#MainContents h3,
#MainContents h4,
#MainContents .PageTop a {
	text-indent:-9999px;
	overflow:hidden;
}

#MainContents02 h2 {
	text-indent: -9999px;
	overflow: hidden;
}

#MainContents02 h3,
#MainContents02 h4,
#MainContents02 .PageTop a {
	text-indent:-9999px;
	overflow:hidden;
}

#MainContents h3{
	width:660px;
	height:70px;
	margin:0 0 10px 0;
}

#MainContents02 h3{
	width:660px;
	height:70px;
	margin:0 0 16px 0;
}

#MainContents .tea_news,
#MainContents .selection,
#MainContents .menu {
	width:220px;
	height:350px;
	float:left;
}

#MainContents .gift {
	width:220px;
	height:100px;
	margin-top:10px;
	float:right;
	}

#MainContents .tea_news {margin-left:290px; _margin-left:145px;}

#MainContents .tea_news h3,
#MainContents .selection h3,
#MainContents .menu h3 {
	width:220px;
	height:50px;
	background-repeat:no-repeat;
	background-position:0 -10px;
	text-indent:-9999px;
	overflow:hidden;
	}
	
#MainContents .gift h3 {
	width:220px;
	height:30px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}

#MainContents .tea_news h3 {background-image:url(../images/ttl_tea1.gif);}
#MainContents .selection h3 {background-image:url(../images/ttl_tea2.gif);}
#MainContents .menu h3 {background-image:url(../images/ttl_tea3.gif);}
#MainContents .gift h3 {background-image:url(../images/ttl_tea4.gif);}

#MainContents table { width: 100%;}
#MainContents .selection li {
list-style:none;
color:#2C5017;
padding-left:20px;
text-indent:-1em;
line-height:200%;
/*font-size:1.2em;*/
}
#MainContents .menu td {
color:#2C5017;
line-height:200%;
padding-left:12px;
overflow:hidden;
}

#MainContents .gift td {
color:#2C5017;
line-height:200%;
padding-left:12px;
overflow:hidden;
}

#MainContents .tea_news dl { color:#2C5017; padding-left: 15px; padding-right:15px; /* text-indent:-1em;*/ line-height:170%; /*font-size:1.2em;*/}
#MainContents .tea_news dt { padding-bottom:10px; /*font-weight:bold;*/}
#MainContents .tea_news dd { padding-bottom:10px;}

#MainContents .tea_news dl a,
#MainContents .selection li a,
#MainContents .menu td a,
#MainContents .gift td a {color:#2C5017; /*font-size:1.2em;*/}

#MainContents .tea_news dl a:hover,
#MainContents .selection li a:hover,
#MainContents .menu td a:hover,
#MainContents .gift td a:hover { color:#666600;}

#LeftContents{ float: left; width:290px;}
#LeftContents p {
	background-image: url(../images/shopinfo_tea.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 280px;
	width: 290px;
	overflow:hidden;
}
/*------------------- [ショップボタン] -------------------*/

#Footer #Shop {
	float:right;
	margin-right:20px;
	_margin-right:10px;
	margin-top: 20px;
}
#Footer #Shop li {
	float: left;
	list-style-type: none;
}
#Footer #Shop li a {
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:45px;
	width:140px;
	margin-right:5px;
	_margin-right:5px;
}
#Footer #Shop li a#Shop1 {
	background-image:url(../images/btn_shop1+.gif);
}
#Footer #Shop li a#Shop2 {
	background-image:url(../images/btn_shop2+.gif);
}
#Footer #Shop li a#Shop3 {
	background-image:url(../images/btn_shop3+.gif);
}


#RightContents {
	float: right;
	width: 660px;
	background-image:none;
	display:block;
}


#Footer {
	height: 140px;
	width: 1000px;
	margin: 5px auto 15px auto;
}

#Footer p#ShopInfo {
	background-image: url(../images/shopinfo_tea.jpg);
	background-repeat: no-repeat;
	background-position:0 -30px;
	text-indent: -9999px;
	display: block;
	height: 178px;
	width: 476px;
	margin:0 0 0 20px;
	overflow:hidden;
	float: left;
}

#Footer p#ShopInfo_top{
	background-image: url(../images/shopinfo_tea.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 240px;
	width: 260px;
	overflow:hidden;
	position:absolute;
	top: 710px;
	left:37px;
}

#Footer #FooterNavi {
	float: right;
	height: 43px;
	width: 260px;
	margin-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-bottom:10px;
	margin-right:80px;
	_margin-right:25px;
}
#Footer #FooterNavi p {
	text-align:center;
	font-size:10px;
}
#Footer #FooterNavi a {
	color:#333333;
}
#Footer #FooterNavi a:hover,
#Footer #FooterNavi a.current{
	color:#FF6600;
}


#Footer address {
	color:#333333;
	float: right;
	height: 15px;
	width: 320px;
	text-align:center;
	margin-top:5px;
	font-size:10px;
	margin-right:50px;
	_margin-right:25px;
}