@charset "utf-8";
/* CSS Document */

#header{
width:840px;
margin:0 auto;
padding:0;
}


#header a{text-decoration:none;}

/* +++++ 文字サイズ変更 +++++*/

#header ul#textsize{
display:inline;
width:500px;
height:20px;
float:right;
margin:0;
padding:0;
background:url(../images/common/header_textsize.gif) left top no-repeat;
text-indent:-20000px;
text-align:left;
}

#header ul#textsize li,#header ul#textsize li a{
height:20px;
float:right;
overflow: hidden;
list-style-type:none;
}

#header ul#textsize li#large{width:20px;}
#header ul#textsize li#medium{width:20px;}
#header ul#textsize li#small{width:20px;}
#header ul#textsize li#print{width:140px;}
#header ul#textsize li#large a{
background:url(../images/common/header_textsize_l.gif) left top no-repeat;width:20px;
}
#header ul#textsize li#medium a{
background:url(../images/common/header_textsize_m.gif) left top no-repeat;width:20px;
}
#header ul#textsize li#small a{
background:url(../images/common/header_textsize_s.gif) left top no-repeat;width:20px;
}
#header ul#textsize li#print a{
width:140px;background:url(../images/common/btn_print.gif) left top no-repeat;
}
/* +++++ グローバルナビ +++++*/

#header #gnavi{
clear:both;
width:840px;
height:130px;
margin:0;
padding:0;
background:url(../images/common/gnavi_bg.jpg) left top no-repeat;
border:1px solid #fcc73a;
text-align:left;
}
#header #gnavi p a{
float:left;
width:179px;
height:70px;
margin:0;
padding:0;
background:url(../images/common/logo.jpg) left top no-repeat;
text-indent:-20000px;
overflow:hidden;
}
  
.ie5 #header #gnavi h1{
float:left;
width:175px;
height:70px;
margin:0;
padding:0;
background:url(../images/common/logo.jpg) left top no-repeat;
text-indent:-20000px;
}/*CSS Browser Selector.jsによりie5のみに適用*/

/*ポイント交換・カートを見る*/

#onlineshop_btn {
	margin-right: 0;
	width: 661px;
	height:35px;
	float:right;
}

#header ul#onlineshop{
display:inline;
width:273px;
height:35px;
float:right;
margin:0;
padding:0;
text-indent:-20000px;
text-align:left;
}

#header ul#onlineshop li,#header ul#onlineshop li a{
width:131px;
height:35px;
float:left;
overflow: hidden;
list-style-type:none;
}

#header ul li#onlineshop_btn01{
background:url(../images/common/header_point.gif) left top no-repeat;
}
#header ul li#onlineshop_btn02{
background:url(../images/common/header_cart.gif) left top no-repeat;
}


#naviarea { 
	width: 661px;
	padding: 0;
	float:right;
	}

#navbar {
	width: 661px;
	margin: 0px 0 0 0;
	padding: 0;
 }

#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	overflow: hidden;
	width:131px;
	padding: 0px;
	background-color: #fcc73a;
	color: #fff;
	text-decoration: none;
	text-indent:-20000px;}
#navbar li ul {
	display: none; 
	width: 131px; /* Width to help Opera out */
	background:url(../images/common/gnavi_li_bg.png) left top repeat;}
	
#navbar li:hover ul{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
	}
#navbar li:hover li{
	float: none;
	 }
#navbar li:hover li a{
	width:118px;
	background:url(../images/common/gnavi_li_bg.png) left top repeat;
	border-right: 1px solid #fcc73a;
	border-left: 3px solid #fcc73a;
	border-bottom: 1px solid #fcc73a;
	color: #000;
	text-indent:0;
	height:auto;
	padding:5px;
	z-index:3000;}
	

li.nolink{
cursor:default;
}
	
#navbar li li a:hover {
	/*background-color: #fcc73a; */
	background-color:#FFC;
	background-image:none;
	}

.gnavi01 a{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:0 0;}
.gnavi02 a{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-132px 0;}
.gnavi03 a{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-264px 0;}
.gnavi04 a{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-396px 0;cursor:default;}
.gnavi05 a{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-528px 0;}
.gnavi01 a:hover{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:0 -35px;}
.gnavi02 a:hover{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-132px -35px;}
.gnavi03 a:hover{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-264px -35px;}
.gnavi04 a:hover{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-396px -35px;cursor:default;}
.gnavi05 a:hover{height:35px;background:url(../images/common/gnavi.jpg) left top no-repeat;background-position:-528px -35px;}

.gnavi06 a{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:0 0;}
.gnavi07 a{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-132px 0;}
.gnavi08 a{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-264px 0;}
.gnavi09 a{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-396px 0;cursor:default;}
.gnavi10 a{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-528px 0;}
.gnavi06 a:hover{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:0 -60px;}
.gnavi07 a:hover{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-132px -60px;}
.gnavi08 a:hover{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-264px -60px;}
.gnavi09 a:hover{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-396px -60px;cursor:default;}
.gnavi10 a:hover{height:55px;background:url(../images/common/gnavi_sc_btn.jpg) left top no-repeat;background-position:-528px -60px;}

 .gnavi04 ul li a:hover{cursor:pointer;}
 .gnavi09 ul li a:hover{cursor:pointer;}

 li.midashi{

	width:118px;
	background:url(../images/common/gnavi_li_midashi_bg.png) left top repeat;
	border-right: 1px solid #fcc73a;
	border-left: 3px solid #fcc73a;
	border-bottom: 1px solid #fcc73a;
	color: #000;
	font-weight:bold;
	cursor:default;
	text-indent:0;
	height:auto;
	padding:5px;
}

#navbar li:hover li.others{
	width:118px;
	background:url(../images/common/gnavi_li_others_bg.png) left top repeat;
}

#navbar li:hover li.others a{

	width:118px;
	/*background:#D8C5C5;*/
	background:#FFD9D9;
	border-right: 1px solid #fcc73a;
	border-left: 3px solid #fcc73a;
	border-bottom: 1px solid #fcc73a;
	color:#000;
	text-indent:0;
	height:auto;
	padding:5px;
}

#navbar li:hover li.others a:hover{
	/*background:#E7DADA;*/
	background:#FFF4EC;
}

#header #textarea{
width:840px;
}

/* +++++ SEO対策文 ・サイトマップリンク+++++*/
#header #textarea:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}
/* +++++ SEO対策文 +++++*/

#header #textarea h1{
width:740px;
float:left;
text-align:left;
font-size:100%;
font-weight:normal;
color:#999;
margin:5px 0 0 0;
padding:1px 0 0 0;
}

/* +++++ サイトマップアンカーテキスト +++++*/
#header #textarea .sitemap{
width:100px;
float:right;
text-align:right;
font-size:100%;
font-weight:normal;
color:#999;
margin:5px 0 0 0;
padding:1px 0 0 0;
}

