@chareset "Shift_JIS";
/*@charset "utf-8";*/

/* ヘッダボタン */
.head_btn1{
	background:url(img/head_btn1.gif) no-repeat left top;
	padding-left: 18px;
	height: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.head_btn2{
	background:url(img/head_btn2.gif) no-repeat left top;
	padding-left: 18px;
	height: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.head_btn3{
	background:url(img/head_btn3.gif) no-repeat left top;
	padding-left: 18px;
	height: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.head_btn4{
	background:url(img/head_btn4.gif) no-repeat left top;
	padding-left: 18px;
	height: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
}

/* ヘッダメニュー　ロールオーバー */
/* ここからmenu部分
-------------------------------- */
# menu{
	text-align: center;
	}

/*
-------------------------------- */
#menu ul {
	position:relative;
	height:40px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 8px;
	background-image: url(img/btn_base.gif);
	background-repeat: repeat-x;
}

/* listタグをfloatで左に回り込ませています
-------------------------------- */
#menu li 
{
height: 40px;
list-style-type:none;
float: left;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
-------------------------------- */
#menu li a 
{
display: block;
height: 40px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -999px;
}    
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いました。高さは40px
-------------------------------- */
#menu li#menu01 a 
{
	background-image:  url(img/head_menu1.jpg);
	width: 267px;
}

#menu #menu02 a 
{
background-image:  url(img/head_menu2.jpg);
	width: 265px;
}

#menu #menu03 a 
{
background-image:  url(img/head_menu3.jpg);
	width: 268px;
}

#menu #menu04 a 
{
background-image:  url(img/head_menu4.jpg);
	width: 191px;
}


/* マウスオンすると重なった20px下の画像が出てきます
-------------------------------- */
#menu li a:hover 
{
background-position: 0 -40px;
}
/* ここまでmenu部分
-------------------------------- */

/* 左部分テゴリメニューのロールオーバー */
#cate {
	margin:0px;
	padding: 0px;
}
#cate h2 {
	margin:0px;
	padding: 3px 5px 3px 10px;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url(img/cate_title.gif);
	background-repeat: repeat-y;
	width: 186px;
}
#cate ul{
	margin:0 0 0;
	padding: 0px;
    list-style:none;
	font-size: 8px;
	background-image: url(img/cate_bese.gif);
	background-repeat: repeat-y;
}
#cate li{
	list-style:none;
	margin: 0px;
	padding: 0px 0px 5px;
}
#cate a{
	display:block;
	width:186px;
	height:45px;
	text-indent:-999px;
	overflow:hidden;
}
a.menu01{
    background-image: url(img/cate_menu1.jpg);
}
a:hover.menu01{
    background-position:0px -45px;
}
a.menu02{
    background-image: url(img/cate_menu2.jpg);
}
a:hover.menu02{
    background-position:0px -45px;
}
a.menu03{
    background-image: url(img/cate_menu3.jpg);
}
a:hover.menu03{
    background-position:0px -45px;
}
a.menu04{
    background-image: url(img/cate_menu4.jpg);
}
a:hover.menu04{
    background-position:0px -45px;
}
a.menu05{
    background-image: url(img/cate_menu5.jpg);
}
a:hover.menu05{
    background-position:0px -45px;
}
a.menu06{
    background-image: url(img/cate_menu6.jpg);
}
a:hover.menu06{
    background-position:0px -45px;
}

/* ショッピングガイド */
#guide {
	margin:0px;
	padding: 0px;
}	

#guide h2 {
	margin:0px;
	padding: 3px 5px 3px 10px;
	color: #FFFFFF;
	font-size: 12px;
	background-image: url(img/cate_title.gif);
	background-repeat: repeat-y;
	width: 186px;
}
#guide ul {
	margin:0;
	list-style-type:none;
	background-image: url(img/cate_bese.gif);
	background-repeat: repeat-y;
	padding: 0px 0px 10px;
	}
#guide li {
	background-image:url(img/icon.gif);
	border-bottom:1px dotted #999999;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	height: 23px;
}

/* 友達に教えるbtn */
.goods_btn1{
	background:url(../goods/img/mail01.gif) no-repeat left top;
	padding-left: 25px;
	height: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.goods_btn2{
	background:url(../goods/img/mail02.gif) no-repeat left top;
	padding-left: 25px;
	height: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
}

/* サイトマップ */
* #mv  {
	list-style-type: none;
	padding:0px 0px 0px 20px;
	margin: 0px;
	color: #666666;
}
* #mv a {
	list-style-type: none;
	padding-left:15px;
	background: url(img/icon_btn.gif) no-repeat 3px 2px;
	margin: 0px;
	text-decoration: underline;
	color: #666666;
}
* #mv a:link {
	color:black;
	background: none;
	text-decoration:none;
	list-style-type: none;
	padding-left:15px;
	background: url(img/icon_btn.gif) no-repeat 3px 2px;
	margin: 0px;
	text-decoration: underline;
	color: #666666;
}
* #mv a:hover{
	color:red;
	padding-left:15px;
	background: url(img/icon_btn.gif) no-repeat 2px 1px;
	margin: 0px;
	color: #FF6666;
}