@charset "Shift_JIS";

/*ブラウザスタイルの所期化----------------*/
*{
color:#7e7e7e;/*テキストのカラー*/
margin:0px;
padding:0px;
}

a{
color:#7e7e7e;
text-decoration:underline;
}

a:hover{
color:#225d95;
text-decoration:underline;
}

/*ボディ----------------*/
body{
background: url(../images/bkg_img.jpg) repeat;
margin:0 0 0 0;
font:13px "ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",Verdana, Arial,sans-serif;
*font-size:small; /* IE 7向け */
*font:x-small; /* IE 6以下 */
}
	
/*ラッパー----------------*/
div#wrapper {
padding:0px;
width: 100%;
margin:0 0 0 0;
font-size:inherit;
font:100%;
}


/*ヘッダー(header)----------------*/

/*ヘッダー背景*/
#header{
/*background:url(../images/bkg_headbar.gif) repeat-x;*/
width:100%;
height:105px;
margin:0 0 12px 0;
}

/*ロゴ(#header h1)*/
#header h1{
margin-left:25px;
top:15px;
position:absolute;
}

/*sub menuの設定*/
ul#sub-nav{
width:369px;
height:16px;
top:26px;
left:475px;
position:relative;
list-style: none;
padding:0px;
margin:0px;
}

ul#sub-nav li{
position:absolute;
display:block;
height:16px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#sub-nav a{
display:block;
height:16px;
text-decoration:none;
/*\*/overflow:hidden;/**/
}

ul#sub-nav li#slash0{
background:url(../images/b_span.gif) no-repeat;
left:0px;
width:1px 
}

ul#sub-nav li#toppage,
ul#sub-nav li#toppage a{
background:url(../images/b_toppage.gif) no-repeat;
left:11px;
width:50px; 
}

ul#sub-nav li#slash00{
background:url(../images/b_span.gif) no-repeat;
left:71px;
width:1px 
}

ul#sub-nav li#guide,
ul#sub-nav li#guide a{
background:url(../images/b_shoppingguide.gif) no-repeat;
left:81px;
width:89px; 
}

ul#sub-nav li#slash01{
background:url(../images/b_span.gif) no-repeat;
left:180px;
width:1px 
}

ul#sub-nav li#mypage,
ul#sub-nav li#mypage a{
background:url(../images/b_mypage.gif) no-repeat;
left:191px;
width:44px 
}

ul#sub-nav li#slash02{
background:url(../images/b_span.gif) no-repeat;
left:245px;
width:1px 
}

ul#sub-nav li#cart,
ul#sub-nav li#cart a{
background:url(../images/b_shoppingcart.gif) no-repeat;
left:256px;
width:94px 
}

ul#sub-nav li#slash03{
background: url(../images/b_span.gif) repeat-y;
left:360px;
width:1px 
}

ul#sub-nav li#toppage a:hover,
ul#sub-nav li#guide a:hover,
ul#sub-nav li#mypage a:hover,
ul#sub-nav li#cart a:hover{
background-position:0 -16px;
}

/*ヘッダー内ナビゲーション(gloval-nav)*/

ul#gloval-nav{
width: 717px;
height: 29px;
top:75px;
left:123px;
position:absolute;
list-style: none;
padding:0px;
margin:0px;
background:url(../images/li_ten.gif) repeat-x;
background-position:bottom;
}

ul#gloval-nav li{
position:absolute;
display:block;
height:28px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#gloval-nav a{
display:block;
height:28px;
/*\*/overflow:hidden;/**/
text-decoration:none;
}

ul#gloval-nav li#n-shopping,
ul#gloval-nav li#n-shopping a{
background:transparent url(../images/nav_shopping.gif) no-repeat 0 0;
left:34px;
width:86px; 
}

ul#gloval-nav li#n-topics,
ul#gloval-nav li#n-topics a{
background:transparent url(../images/nav_topics.gif) no-repeat 0 0;
left:158px;
width:70px 
}

ul#gloval-nav li#n-shop,
ul#gloval-nav li#n-shop a{
background:transparent url(../images/nav_shop.gif) no-repeat 0 0;
left:270px;
width:94px;
}

ul#gloval-nav li#n-flower,
ul#gloval-nav li#n-flower a{
background:transparent url(../images/nav_flower.gif) no-repeat 0 0;
left:400px;
width:75px;
}

ul#gloval-nav li#n-blog,
ul#gloval-nav li#n-blog a{
background:transparent url(../images/nav_blog.gif) no-repeat 0 0;
left:515px;
width:52px;
}

ul#gloval-nav li#n-contact,
ul#gloval-nav li#n-contact a{
background:transparent url(../images/nav_contact.gif) no-repeat 0 0;
left:608px;
width:82px;
} 

ul#gloval-nav li#n-shopping a:hover,
ul#gloval-nav li#n-topics a:hover,
ul#gloval-nav li#n-flower a:hover,
ul#gloval-nav li#n-shop a:hover,
ul#gloval-nav li#n-blog a:hover,
ul#gloval-nav li#n-contact a:hover{
background-position:0 -30px;
}


/*コンテント(content)----------------*/
#content{
width:815px;
margin:0 0 0 25px;
padding:0;
}


#main{
float:left;
width:600px;
margin:0 0 0 0;
background:url(../images/li_ten.gif) repeat-x;
background-position:top;
padding-top:10px;
}

/*トップページ用*/
#mainph{
background:url(../images/li_ten.gif) repeat-x;
background-position:bottom;
padding-bottom:10px;
}

#main2{
width:600px;
margin:15px 0 0 0;
}

#newsbox{
float:left;
width:345px;
margin-bottom:15px
}
#newsbox h2{
/*background:url(../images/li_ten.gif) repeat-x;
background-position:bottom;*/
padding-bottom:3px;
margin-bottom:3px;
}

#bannerbox{
float:right;
padding-top:0px;
margin-bottom:30px;
}
#bannerbox p{
margin-bottom:5px;
}

/* テーブル(news) */
th {
  text-align: left;
}

table#newstex {
  margin: 0 0 8px 0;
  width: 100%;
  border-collapse: collapse;
  font-size:77%;
  letter-spacing:0.05em;
}
table#newstex th {
  padding: 0.4em 0 0.4em 0.2em;
  width: 55px;
  font-weight: normal;
  vertical-align:top;
}
table#newstex td {
  padding: 0.4em 0 0.4em 0.4em;
  vertical-align:top;
  line-height:150%
}

/*2nd用*/


.caution_red{
color:#FF0000;
}

#zoomicon{
background:url(../images/icon_zoom.gif) no-repeat 0 0;
padding-left:15px;
margin:10px 0 10px 0;
font-weight:bold;
}

#zoomicon2{
padding:0 0 0 0;
margin:10px 0 10px 25px;
}

#zoomicon3{
padding:0 0 0 0;
margin:10px 0 10px 15px;
}

.prodeta_tl1{
margin:15px 0 5px 0;
padding:0 0 0 18px;
background:url(../images/icon_pack.gif) no-repeat 0 2px;
}

.prodeta_tl2{
margin:15px 0 5px 0;
padding:0 0 0 23px;
background:url(../images/icon_drink.gif) no-repeat 0 0;
}


.icon img{
margin:0 4px 0 0;
}
.icon{
font-size:10px;
letter-spacing:0.05em;
}


/*pagetop*/

#pagetop{
clear:both;
width:100%;
text-align:right;
margin:20px 0 10px 0;
}


/*サイドメニュー(sidemenu)----------------*/
#content #sidemenu{
float:right;
width:190px;
/*background:url(../images/li_ten.gif) repeat-x;
background-position:top;*/
padding-top:0px;
}

#sidemenu h2{
margin:0 0 0 0;
padding:0 0 8px 0;
}

select,#keyword{
width:175px;
margin-bottom:5px;
}

#submit{
margin-left:30px;
}

#line{
background:url(../images/li_ten.gif) repeat-x;
width:100%;
height:9px;
margin:12px 0 5px 0;
}

/*カテゴリーメニュー*/
#category{
width:190px;
height:205px;
background:url(../images/li_ten.gif) repeat-x;
background-position:bottom;
margin-bottom:15px;
}

#navigation{
position:absolute;
width:183px;
}
#navigation ul{
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
#navigation li{
margin:0 0 6px 0;
padding:0 0 0 0;
width:183px;
height:23px;
text-indent:-9999px;
}
#navigation li a{
text-decoration:none;
display:block;
width:183px;
height:23px;
}

#navigation li#sn-tea{
background:url(../images/snav_tea.gif) no-repeat 0 0;
width:183px;
height:23px;
}
#navigation li#sn-tea a:hover{
background:url(../images/snav_tea.gif) no-repeat -183px 0;
}
#navigation li#sn-teaoff{
background:url(../images/snav_tea.gif) no-repeat -183px 0;
}

#navigation li#sn-chinese{
background:url(../images/snav_chinese.gif) no-repeat 0 0;
width:183px;
height:23px;
}
#navigation li#sn-chinese a:hover{
background:url(../images/snav_chinese.gif) no-repeat -183px 0;
}
#navigation li#sn-chineseoff{
background:url(../images/snav_chinese.gif) no-repeat -183px 0;
}

#navigation li#sn-teabag{
background:url(../images/snav_teabag.gif) no-repeat 0 0;
width:183px;
height:23px;
}
#navigation li#sn-teabag a:hover{
background:url(../images/snav_teabag.gif) no-repeat -183px 0;
}
#navigation li#sn-teabagoff{
background:url(../images/snav_teabag.gif) no-repeat -183px 0;
}

#navigation li#sn-food{
background:url(../images/snav_foods.gif) no-repeat 0 0;
width:183px;
height:23px;
}
#navigation li#sn-food a:hover{
background:url(../images/snav_foods.gif) no-repeat -183px 0;
}
#navigation li#sn-foodoff{
background:url(../images/snav_foods.gif) no-repeat -183px 0;
}

#navigation li#sn-gift{
background:url(../images/snav_gift.gif) no-repeat 0 0;
width:183px;
height:23px;
}
#navigation li#sn-gift a:hover{
background:url(../images/snav_gift.gif) no-repeat -183px 0;
}
#navigation li#sn-giftoff{
background:url(../images/snav_gift.gif) no-repeat -183px 0;
}

#navigation li#sn-goods{
background:url(../images/snav_goods.gif) no-repeat 0 0;
width:183px;
height:23px;
}
#navigation li#sn-goods a:hover{
background:url(../images/snav_goods.gif) no-repeat -183px 0;
}
#navigation li#sn-goodsoff{
background:url(../images/snav_goods.gif) no-repeat -183px 0;
}


/*ランキング*/

ul.rankBox{
list-style:none;
width:190px;
margin-bottom:18px;
margin-left:0px;
padding-left:0px;
}

ul.rankBox li{
display:block;
margin-bottom:8px;
margin-left:0px;
padding-left:0px;
clear:both;
}

.rankPh{
clear: both;
float: left;
display: block;
width: 37px;
padding: 0;
margin:0;
text-align:left;
}
.rankPh img{
border:#cccccc solid 1px;
}
.rankTex{
float:right;
clear:right;
width:150px;
display: block;
padding: 0;
font-size:10px;
line-height:150%;
}

#bar-box{
width:100%;
height:1px;
clear:both;
}

/*サイドバナー*/

#sidebanner img{
margin:0 0 5px 0;
}


/*フッター----------------*/
#footer_u{
clear:both;
width:100%;
height:50px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
background: url(../images/foot_img2.jpg) repeat-x;
}

#footer{
width:100%;
height:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
background: url(../images/bkg_bar.jpg) repeat;
}

#footerbox{
width:840px;
height:200px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

#footer-nav{
width:600px;
}

#footer-nav ul{
padding:10px 0 25px 18px;
}

#footer-nav ul li{
font-size:77%;
letter-spacing:0.05em;
color:#FFFFFF;
display:inline;
list-style:none;
padding:0 17px 0 6px;
}

#footer-nav ul li a{
text-decoration:none;
color:#FFFFFF;
}

#footer-nav ul li a:hover{
text-decoration: underline;
color:#FFFFFF;
}

/*著作権の設定*/
#copyright{
float:right;
font-size:77%;
font-family: Verdana, Arial, sans-serif;
color:#FFFFFF;
padding:12px 0 0 10px;
}

/*フォームローカルのみ*/
form{
font-size:12px;
}

/*その他*/
.askbox{
/*background-color:#FFFFFF;*/
margin:0px 0 5px 0;
padding:0px 15px 15px 15px;
/*border:1px solid #CCCCCC;*/
background:url(../images/li_ten.gif) repeat-x;
background-position:bottom;
}
.ask{
font-weight:bold;
color:#FF6600;
margin:2px 0 8px 0;
}
/*バナー*/
.ban_mailmag{
margin:5px 0px 0px 0px;
}

/*ぽれぽれ*/
.fl_pole{
float: right;
margin:0px 0px 10px 10px;
text-align:center;
font-size:10px;
}