@charset "shift_jis";
* html{FONT-SIZE:12px;font-family:osaka,MS Pゴシック; color:#101010; line-height:16px;}
/*
<style type="text/css"> *{visibility: hidden;} </style>
visibility: hidden;
#hidden{clear:both;	position:absolute;top:0;left:0;z-index:10;background:#ffffff;width:100%;overflow:hidden;visibility: hidden;}
*/
ul,dl,ol,form{margin:0;	padding:0;}
ul{list-style:none;}
ul li{margin:0;padding:0;line-height:20px;} 
ol li{list-style-type:none;}
dl dt,dl dd{margin:0;padding:0;}
#icon li{padding-left:14px;background-image: url(/Images/web/8x8.jpg);	background-repeat: no-repeat;background-position: left center;}
#ClassName .d{clear:both; padding-left:16px;line-height:30px;font-weight:bold;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F7F7F7;background-image: url(/Images/web/icon_k.gif);background-repeat: no-repeat;	background-position: left center;}
#ClassName .dx{margin-left:10px; padding-left:10px;height:20px;line-height:20px;overflow: hidden;clip: rect(1px,1px,1px,1px);background-image: url(/Images/web/8x8.jpg);background-repeat: no-repeat;background-position: left center;}
#ClassName .xx{clear:both;margin-left:10px; padding-left:10px;background-image: url(/Images/web/1010.gif);background-repeat: no-repeat;background-position: left center;}


#red{ color:#FF0000;}
a{color:#3165CE;text-decoration:none;}
a:visited{color:#3165CE;text-decoration:none;}
a:hover{color:#FF6500;text-decoration:underline;}
a:active{color:#3165CE;text-decoration:none;}
#cls{clear:both;padding:0; margin:0; line-height:2px; font-size:0px; width:99%;}
#m2{margin:2px 0 3px 0;}
#menu a{color:#101010;}
#menu a:visited{color:#101010;}
#menu a:hover{color:#101010;text-decoration:underline;}
#menu a:active{color:#101010;}
body {text-align: center;FONT-SIZE:12px;font-family:osaka,MS Pゴシック; margin:0px auto 0px auto; padding:0px;}
#Topbox{text-align:center; margin:auto; padding:auto; width:950px;}
#Topbox #head{margin:5px auto 5px auto;padding:0px;height:50px;text-align: left;}
#Topbox #head #logo{float:left;width:200px;}
#Topbox #head #center{float:left;margin-top:4px; line-height:18px;width:400px; margin-left:30px;}
#Topbox #head .right{margin:2px 0 0 620px; text-align:left; line-height:18px;}
#Topbox #head .h-list{float:left; width:105px; height:16px;}
#Topbox #head .h-list a{color:#3165CE;}

#Topbox #menu{clear:both;position:relative; margin:0 auto -2px 20px;}
/*-----------------------*/
#menu li{display:inline;}
#menu li a{float:left; line-height:25px; height:25px;margin:0 3px 0 0;padding:0 0 0 2px;text-decoration:none;background-image: url(/Images/web/tea-bg.png);background-repeat: no-repeat;background-position: left top;}
#menu li a span {float:left;display:block;	padding:0 10px 0 5px;background-image: url(/Images/web/tea-bg.png);	background-repeat: no-repeat;background-position: right -25px;}
#menu li a span{float:none;}
#menu li#home a{background-position:0% -220px;}
#menu li#home a span{background-position:right -247px;}
#menu li#home a{color:#FFFFFF;font-weight: bold;}
/*-----------------------*/
#ChannelMenu{float:left;width:100%;height:60px;background-image:url(/Images/web/tea-bg.png);background-repeat: no-repeat;background-position: left -100px;margin:auto; padding:auto;}
#ChannelMenu #rightBox{float:right;height:60px; width:2px;background-image: url(/Images/web/tea-bg.png);	background-repeat: no-repeat;background-position: right -470px;}
#ChannelMenu #leftBox{float:left;height:50px;width:944px;margin:5px 0 5px 2px;overflow:hidden;}

#ChannelMenu #leftBox .textline{line-height:20px;color:#FFF3DE;}
#ChannelMenu #leftBox .textline a{color:#FFF3DE;}
#ChannelMenu #leftBox .textline li{display:inline;padding:2px 5px 2px 5px;background-image: url(/Images/web/tea-bg.png);background-repeat: no-repeat;background-position: right -298px;}


#ChannelMenu #leftBox #sbox{float:left; text-align:left;height:28px; margin:2px 0 0 5px;background-image: url(/Images/web/tea-bg.png);background-position: left -300px;}
#ChannelMenu #leftBox #sbox2{float:left; text-align:left;width:2px;height:28px; margin:2px 0 0 0;background-image: url(/Images/web/tea-bg.png);background-position: right -328px;}


#ChannelMenu #leftBox #SearchForm{padding:3px 2px 0 4px;}
#ChannelMenu #leftBox #q{height:16px;border: 1px solid #CECFCE; width:160px;}
#ChannelMenu #leftBox #submit{width:55px;height:20px;padding:0;margin:0;background-image: url(/Images/web/seach2.jpg);border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}


#ChannelMenu #leftBox #sCart{float:right; padding:0 0 0 5px; text-align:left;width:300px;height:28px; margin:2px 5px 0 0;background-image: url(/Images/web/tea-bg.png);background-position: left -356px;}
#ChannelMenu #leftBox #sCart2{float:right; text-align:left;width:4px;height:28px; margin:0;background-image: url(/Images/web/tea-bg.png);background-position: right -384px;}
#ChannelMenu #leftBox #sCart .go{float:left;margin:4px 5px 0 5px;padding:2px 0 0 26px;line-height:22px;height:22px;color:#730818;background-image: url(/Images/web/tea-bg.png);background-position:left -535px;}

/* 
#ChannelMenu #leftBox #sCart a{color:#730818;padding-right:5px;background-image: url(/Images/web/tea-bg.png);background-repeat: no-repeat;background-position: right -422px;}
/*-----------    Navigation    ------------*/
#Navigation { height:20px; margin:15px 0 5px 0; text-align:left; line-height:20px;background-image: url(/Images/web/Navbg.jpg);background-repeat: no-repeat;background-position: left top;}
#contain {text-align:center; margin:auto; padding:auto; width:950px; }

#contain #leftbox{float:left;width:190px;border: 1px solid #E7E7E7; text-align:center;} 
#contain .P10{ margin:5px 0 5px 0;padding:10px; background:#EFEBEF;}
#contain .kb1{border: 1px solid #D6D3D6; background:#FFFFFF; padding:2px;}


#contain #rightBox{margin:0 0 0 200px;text-align:left;border: 1px solid #E7E7E7;} 
/*-----------------------*/
#contain #mall-k{width:740px;margin:auto; padding:0 0 10px 0;}
#contain #mall-k #Title{height:20px; padding:10px 0 0 0;font-size:14px; color:#298200;padding-left:70px;background-image: url(/Images/web/mall_food_tea.png);background-repeat: no-repeat;font-weight: bold;}

#contain #mall-k #Content{height:260px;background-image: url(/Images/web/mall_food_ktea.png);background-repeat: no-repeat;background-position: left top;padding:10px;}
#contain #mall-k #Content .m-left{float:left;width:170px;border: 1px solid #EFEBEF;}
#contain #mall-k #Content .m-right{margin:0 0 0 180px;}
#contain #mall-k #Content .m-right .K170{float:left; color:#FF0000;width:170px;margin-right:5px; height:88px;}
.m-right .K170 .pic{float:left; width:80px; height:80px;width:82px;text-align:center;border: 1px solid #EFEBEF;}


#contain #mall-k #Content li{padding-left:14px;line-height:22px;background-image: url(/Images/web/1010.gif);background-position: left center;background-repeat: no-repeat;}
/*--- ----*/
form #ccselect { width:140px;}
/*--- ----*/

#bottbox{text-align:center; margin:10px auto 0 auto; padding:auto; width:950px; line-height:20px;}
#bottbox #navline{ float:left;background:#F7EFE7;line-height:20px;margin:5px 0; padding:5px; color:#636563;}
#bottbox #navline li{display:inline; padding:0 4px 0 4px;}
#bottbox #navline #submit{width:55px;height:20px;padding:0;margin:0;background-image: url(/Images/web/seach2.jpg);border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}

#bottbox #gotop{ text-align:right;}
#bottbox .line{line-height:20px;}
#bottbox .Count img{ padding:0; height:0; width:0; margin:0px;}
#list1-2 {float:left; height:190px; width:360px; padding:5px; color:#006600;}
#list1-2 #pname{margin-bottom:2px;font-weight:bold; padding-left:5px; line-height:22px; height:22px;background-image: url(/Images/web/5X22.jpg);background-repeat: repeat-x;border: 1px solid #B1D979;}
#list1-2 .left { float:left; height:165px; padding:2px; line-height:24px; text-align:center}
#list1-2 .left img{border: 1px solid #EFEBEF;}
#list1-2 .right{margin:0 0 0 110px; line-height:18px;}
#page { font-size:14px;text-align:center;line-height:24px;	color:#006600;}