﻿@charset "UTF-8";
/* CSS Document */

#index-flash{
	height:284px;
	width:765px;
	background-image: url(../images/index/flash-temp.jpg);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 25px;
}
/* index-mnavi css start */
#index-mnavi{
	height:60px;
	width:790px;
	background-image:url(../images/index/bg-mnavi.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0px 0px 15px 0px;
}
#index-mnavi ul {
	padding:0px 0px 0px 26px;
	margin:0px 0px 0px 0px;
}
#index-mnavi li {
	float:left;
	height:60px;
	width:186px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
	list-style-type: none;
}
#index-mnavi li.bonito {
	width:188px;
	margin:0px 0px 0px 0px;
}
#index-mnavi li.tableware {
	width:186px;
	margin:0px 0px 0px 5px;
}
#index-mnavi li a {
	display:block;
	height:60px;
	width:186px;
	text-decoration:none;
}
#index-mnavi li a.bonito {
	width:188px;
	background-image: url(../images/index/index-mnavi_02.jpg);
	background-repeat:no-repeat;
}
#index-mnavi li a.tea {
	background-image: url(../images/index/index-mnavi_03.jpg);
	background-repeat:no-repeat;
}
#index-mnavi li a.gift {
	background-image: url(../images/index/index-mnavi_04.jpg);
	background-repeat:no-repeat;
}
#index-mnavi li a.tableware {
	width:186px;
	background-image: url(../images/index/index-mnavi_05.jpg);
	background-repeat:no-repeat;
}
#index-mnavi li a strong {
	visibility:hidden;
}
#index-mnavi li a:hover {
	background:none;
}
/* index-mnavi css end */

/* index-cont css start */
#index-cont{
	width:765px;
	padding:0px 0px 0px 25px;
	margin:0px 0px 5px 0px;
}
#index-cont-whatsnew{
	float:left;
	width:550px;
}
#index-cont-whatsnew ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#index-cont-whatsnew li {
	background-image:url(../images/index/arrow-whatsnew.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding:0px 0px 0px 14px;
	margin:0px 0px 10px 0px;
	list-style-type: none;
	line-height:140%;
}
#index-whatsnew{
	height:20px;
	background-image:url(../images/index/index-whatsnew.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
#index-whatsnew h2{
	visibility:hidden;
}
#index-cont-banner{
	float:right;
	width:195px;
}
/* index-cont css end */

/* index-banner css start */
#index-banner{
	clear:both;
	height:80px;
	width:765x;
	background-image: url(../images/index/bg-index-banner.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0px 0px 10px 25px;
	padding:0px 0px 0px 0px;
}
#index-banner ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#index-banner li {
	float:left;
	height:80px;
	width:248px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	list-style-type: none;
}
#index-banner li.bonito {
	padding:0px 0px 0px 0px;
}
#index-banner li.blog {
	width:249px;
}
#index-banner li a {
	display:block;
	height:80px;
	width:248px;
	text-decoration:none;
}
#index-banner li a.bonito {
	background-image: url(../images/index/index-banner_01.jpg);
	background-repeat:no-repeat;
}
#index-banner li a.tea {
	background-image: url(../images/index/index-banner_02.jpg);
	background-repeat:no-repeat;
}
#index-banner li a.blog {
	width:249px;
	background-image: url(../images/index/index-banner_03.jpg);
	background-repeat:no-repeat;
}
#index-banner li a strong {
	visibility:hidden;
}
#index-banner li a:hover {
	background:none;
}
/* index-banner css end */

#index-counter{
	clear:both;
	width:765x;
	margin:0px 0px 5px 25px;
	padding:0px 0px 0px 0px;
}