#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;
}
#Header h1 {
float: left;
height: 80px;
width: 273px;
}
#Header h1 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: 55px;}
#Navi li a#Navi2 {background-image: url(../images/navi2.gif);width: 85px;}
#Navi li a#Navi3 {background-image: url(../images/navi3.gif);width: 90px;}
#Navi li a#Navi4 {background-image: url(../images/navi4.gif);width: 120px;}
#Navi li a#Navi5 {background-image: url(../images/navi5.gif);width: 130px;}
#Navi li a#Navi6 {background-image: url(../images/navi6.gif);width: 80px;}
#Navi li a#Navi7 {background-image: url(../images/navi7.gif);width: 70px;}

#Navi li a#Navi1:hover,
#Navi li a#Navi1.current {background-image: url(../images/navi1_over.gif);width: 55px;}
#Navi li a#Navi2:hover,
#Navi li a#Navi2.current {background-image: url(../images/navi2_over.gif);width: 85px;}
#Navi li a#Navi3:hover,
#Navi li a#Navi3.current {background-image: url(../images/navi3_over.gif);width: 90px;}
#Navi li a#Navi4:hover,
#Navi li a#Navi4.current {background-image: url(../images/navi4_over.gif);width: 120px;}
#Navi li a#Navi5:hover,
#Navi li a#Navi5.current {background-image: url(../images/navi5_over.gif);width: 130px;}
#Navi li a#Navi6:hover,
#Navi li a#Navi6.current {background-image: url(../images/navi6_over.gif);width: 80px;}
#Navi li a#Navi7:hover,
#Navi li a#Navi7.current {background-image: url(../images/navi7_over.gif);width: 70px;}

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


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

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

#MainContents .menu {
width:660px;
height:350px;
float:right;
}

#MainContents .menu .menuArea{
width:360px;
float:right;
}

#MainContents .menu h3 {
width:220px;
height:60px;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#MainContents img { float: left;}

#MainContents .menu h3 {background-image:url(images/ttl_tea3.gif);}

#MainContents table { width: 300px; margin-left:20px;}
#MainContents .menu td { color:#2C5017; text-indent:-1em; line-height:200%; font-size:1.2em; padding-left:12px;}

#MainContents .menu td a {color:#2C5017;}

#MainContents .menu td a:hover { color:#666600;}

#MainContents .menu .selectionArea{
width:300px;
float:left;
}

#MainContents .menu .selectionArea h3 {
width:220px;
height:60px;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#MainContents img { float: left;}

#MainContents .menu .selectionArea h3 {background-image:url(images/ttl_tea2.gif);}
#MainContents .menu .selectionArea li {list-style:none; color:#2C5017; margin-left:3em; text-indent:-1em; line-height:200%; font-size:1.2em;}
#MainContents .menu .selectionArea li a {color:#2C5017;}
#MainContents .menu .selectionArea li a:hover { color:#666600;}

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

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

#MainContents .tea_news h3,
#MainContents .selection h3,
#MainContents .menu h3 {
width:220px;
height:60px;
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 table { width: 200px;}
#MainContents .selection li {list-style:none; color:#2C5017; margin-left:1em; text-indent:-1em; line-height:200%; font-size:1.2em;}
#MainContents .menu td { color:#2C5017; text-indent:-1em; line-height:200%; font-size:1.2em; padding-left:12px;}

#MainContents .tea_news dl { color:#2C5017; padding-left: 15px; padding-right:15px;  line-height:170%; font-size:1.1em;}
#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 {color:#2C5017;}

#MainContents .tea_news dl a:hover,
#MainContents .selection li a:hover,
#MainContents .menu 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: 210px;
width: 290px;
overflow:hidden;
}
/*------------------- [ショップボタン] -------------------*/
#LeftContents #Shop {float:left; margin-left:24px; _margin-left:12px; margin-top: 20px;}
#LeftContents #Shop li { margin-top:5px; list-style-type: none;}
#LeftContents #Shop li a {
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
display:block;
height:50px;
width:160px;
}
#LeftContents #Shop li a#Shop1 { background-image:url(../images/btn_shop1.gif);}
#LeftContents #Shop li a#Shop2 { background-image:url(../images/btn_shop2.gif);}
#LeftContents #Shop li a#Shop3 { background-image:url(../images/btn_shop3.gif);}

#RightContents {
float: right;
width: 660px;
background-image:none;
display:block;
}
#RightContents h3,
#RightContents h4,
#RightContents .PageTop a { text-indent:-9999px; overflow:hidden;}

#RightContents h3 {height:70px;}
#Container #Wrapper #RightContents #Selection h3 {background-image:url(images/ttl_selection.gif);}
#Container #Wrapper #RightContents #Menu h3 {background-image:url(images/ttl_menu.gif);}
#Container #Wrapper #RightContents #Menu .menu2 {background-image:url(images/ttl_menu5.gif);}
#Container #Wrapper #RightContents #Menu .menu4 {background-image:url(images/ttl_menu4.gif);}


#RightContents #Selection h4 {
	float: left;
	height: 120px;
	width: 311px;
}
#RightContents #Selection h4.selection1 {
	background-image:url(images/ttl_sele1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#RightContents #Selection h4.selection2  {
	background-image:url(images/ttl_sele2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#RightContents #Selection h4.selection3 {
	background-image:url(images/ttl_sele3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#RightContents #Selection h4.selection4 {
	background-image:url(images/ttl_sele4.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#RightContents #Selection h4.selection5 {
	background-image:url(images/ttl_sele5.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#RightContents #Selection h4.selection6 {
	background-image:url(images/ttl_sele6.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#RightContents #Selection h4.selection7 {
	background-image:url(images/ttl_sele7.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#RightContents #Selection h4.selection8 {
	background-image:url(images/ttl_sele8.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#RightContents #Selection h4.selection9 {
	background-image:url(images/ttl_sele9.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#RightContents #Selection p {
	font-size: 1.2em;
	color: #2C5017;
	float: right;
	width: 330px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 25px;
}

#RightContents #Menu img {
float: left;
}
#RightContents .PageTop a {
background-image: url(images/btn_pagetop.gif);
float: right;
height: 14px;
width: 83px;
background-repeat:no-repeat;
display:block;
margin-top:20px;
}



#Footer {
height: 120px;
width: 950px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#Footer p#ShopInfo {
background-image: url(images/shopinfo_tea.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
float: left;
height: 120px;
width: 540px;
overflow:hidden;
}

#Footer #FooterNavi {
float: right;
height: 10px;
width: 380px;
margin-top:50px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
padding-bottom:10px;
margin-right:5px;
}
#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 {
float: right;
height: 15px;
width: 380px;
text-align:center;
margin-top:5px;
font-size:10px;
}

#RightContents #Menu h4{width:660px; height:40px; background-repeat:no-repeat; margin-top:10px;}
#RightContents #Menu .menu1 {background-image: url(images/ttl_menu1.gif);}
#RightContents #Menu .menu2 {background-image: url(images/ttl_menu2.gif);}
#RightContents #Menu .menu3 {background-image: url(images/ttl_menu3.gif);}

#RightContents #Menu h5 { color: #2C5017; float: right; width: 360px; padding-top:10px; font-size:1.2em; font-weight:bold;}
#RightContents #Menu p { color: #2C5017; float: right; width: 345px;}

#RightContents #Menu .small { color: #2C5017; float: right; width: 345px; font-size:0.9em;}

#RightContents #Menu .or { color: #2C5017; float: right; width: 345px; padding-top:10px;}

#RightContents #Menu .price {
font-size: 1.2em;
margin-top: 10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #A6D620;
border-right-color: #A6D620;
border-bottom-color: #A6D620;
border-left-color: #A6D620;
padding-top: 5px;
width:360px;
}

.T_S {
	border-bottom:1px #A6D620 solid;
}