@charset"Shift_JIS";

*{
  -webkit-text-size-adjust: none;
}

body#header{
  text-align:left;
  font-size:10px;
}

body#header a{
  color:#333333;
  text-decoration:none;
}


body#header a:link,body#header a:visited{
  text-decoration:none;
}

body#header a:hover,body#header a:active{
  color:#999;
  text-decoration:none;
}

body#header a:hover img{
  filter:alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}


/* 980px HEADER  ID : #header
----------------------------------------------------------------------------- */	

div#header{
  width:980px;
  margin:0 auto;
  padding-top:10px;
  position:relative;
}

div#header div#logo{
  float:left;
}

div#header div#logo h1{
}

div#header div#logo h1 img.sitelogo{
  margin-right:10px;
  margin-top:5px;
}

div#header h1 span#tagline{
  color: #CCCCCC;
  display: block;
  line-height: 1.4;
  font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

div#header div#hyouka{
	width:350px;
	position:absolute;
	top:27px;
	left:296px;
	text-align:left;
}

div#header div#hyouka ul{
  list-style: none outside none;
  float:left;
  margin-right:10px;
  text-align:left;
  /*padding-right:58px;
  background:url(http://www.rakuten.ne.jp/gold/e-zakkamania/images/shop_design/main/star4half.png) right 2px no-repeat;*/
}

div#header div#hyouka li{
  display: inline;
  height:10px;
  padding:5px 0px 0 27px;
  margin-right:3px;
  text-align:right;

}

div#header div#hyouka li.review{
  background: url(http://www.rakuten.ne.jp/gold/e-zakkamania/images/shop_design/header/icon_review.gif) no-repeat scroll left top transparent;
  margin-right:7px;
}

div#header div#hyouka li.hoshi{
  background: url(http://www.rakuten.ne.jp/gold/e-zakkamania/images/shop_design/header/icon_hyouka.gif) no-repeat scroll left bottom transparent;
  padding-left:16px;
  border:none;
  margin-right:0;
}

div#header div#hyouka li.hoshiImg {
 margin-left:0; 
 padding-left:0; 
 margin-top:-5px;
}

div#header div#hyouka li img{
 vertical-align: inherit !important;
}

div#header div#naviH{
  width:350px;
  position:absolute;
  top:45px;
  left:300px;
  text-align:left;
}

div#header div#naviH ul{
  list-style: none outside none;
  float:left;
  margin-right:10px;
}

div#header div#naviH li{
  display: inline;
  height:20px;
  padding:0 10px 0 15px;
  margin-right:3px;
  text-align:left;
  border-right:1px solid #e0e0e0;
}

div#header div#naviH li.rakuten{
  background: url(../images/shop_design/header/icon_rakuten.gif) no-repeat scroll left top transparent;
}
div#header div#naviH li.facebook{
  background: url(../images/shop_design/header/icon_facebook.gif) no-repeat scroll left top transparent;
}
div#header div#naviH li.blog{
  background: url(../images/shop_design/header/icon_blog.gif) no-repeat scroll left top transparent;
}
div#header div#naviH li.mail{
  background: url(../images/shop_design/header/icon_mail.gif) no-repeat scroll left top transparent;
  padding-bottom:1px;
  padding-left:19px;
  margin-left:2px;
  border:none;
}

div#header div#naviH li.bgnone{
  background-image:none !important; 
}

div#header div#naviH img.rakuten{
  padding:0 3px 5px 0 ;
}


div#emblem{
  width:335px;
  height:59px;
  position:absolute;
  top:10px;
  right:0px;
}

/* Global Navi Style */

div#header div#naviG{
  height: 32px;
  width: 980px;
  margin-bottom:15px;
  margin-top:10px;
  z-index:100;
}

div#header div#naviG ul#dropdown {
  list-style: none outside none;
  margin-top:1px;
}

div#header div#naviG ul#dropdown li {
  height:32px;
  font-family: 'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif !important;
  float: left;
  color:#FFFFFF;
  font-size:10px;
  display:inline;
  list-style-type:none; 
  margin-top:4px;
  position: relative;
}

div#header div#naviG ul#dropdown li a {
  color:#;
  height:32px;
  display:block;
  float:left;
  text-decoration:none;
  overflow:hidden;
  position: relative;
  text-indent:-9999px; 
  z-index:100;
}

/*IE6・IE7用z-index（上に重ねたいドロップダウンメニューは追加してください）*/

div#header div#naviG li.feature,
div#header div#naviG li.guide,
div#header div#naviG li.company{
  z-index:100;
}

/*------off*/

div#header div#naviG li.new a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:92px;
  background-position: 0 0;
}

div#header div#naviG li.category a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:112px;
  background-position: -92px 0;
}

div#header div#naviG li.event a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:146px;
  background-position: -204px 0; 
}

div#header div#naviG li.feature a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:94px;
  background-position: -350px 0;
}

div#header div#naviG li.ranking a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:105px;
  background-position: -444px 0; 
}

div#header div#naviG li.style a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:103px;
  background-position: -549px 0; 
}

div#header div#naviG li.review a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:74px;
  background-position: -652px 0;  
}

div#header div#naviG li.company a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:71px;
  background-position: -726px 0; 
}

div#header div#naviG li.guide a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:104px;
  background-position: -797px -0; 
}

div#header div#naviG li.cart a{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:79px;
  background-position: -901px -0; 
}

/*------hover*/

div#header div#naviG li.new a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:92px;
  background-position: 0 -33px; 
}

div#header div#naviG li.category a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:112px;
  background-position: -92px -33px; 
}

div#header div#naviG li.event a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:146px;
  background-position: -204px -33px; 
}

div#header div#naviG li.feature a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:94px;
  background-position: -350px -33px;
}

div#header div#naviG li.ranking a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:105px;
  background-position: -444px -33px; 
}

div#header div#naviG li.style a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:103px;
  background-position: -549px -33px; 
}

div#header div#naviG li.review a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:74px;
  background-position: -652px -33px; 
}

div#header div#naviG li.company a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:71px;
  background-position: -726px -33px; 
}

div#header div#naviG li.guide a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:104px;
  background-position: -797px -33px; 
}

div#header div#naviG li.cart a:hover{
  background: url(../images/shop_design/header/gnavi.gif) no-repeat scroll transparent; 
  width:79px;
  background-position: -901px -33px; 
}


/*------dropdown*/

div#header div#naviG li ul {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);　/* Firefox用 */ 
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);　/* Safari,Google Chrome用 */
}
div#header div#naviG ul#dropdown li:last-child ul {
  left: -100%;
  width: 100%;
}
div#header div#naviG ul#dropdown li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  text-indent:0px !important;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  margin:0;
}
div#header div#naviG ul#dropdown li ul li a{
  height:30px !important;
  padding: 0px 15px 0 20px;
  text-align: left;
  font-size: 10px;
  text-indent:0px !important;
  background:url(../images/shop_design/header/yaji.gif) 10px 5px no-repeat #FFFFFF !important;
  filter: alpha(opacity=92);
  -moz-opacity:0.92;
  opacity:0.92;
}

div#header div#naviG ul#dropdown li ul li a:hover{
  color:#CC0000;
}

div#header div#naviG ul#dropdown li:hover ul li{
  overflow: visible;
  height: 30px;
}
div#header div#naviG ul#dropdown li:hover ul li:first-child{
  border-top: 0;
  margin-top:15px;
}
div#header div#naviG ul#dropdown li:hover ul li:last-child{
  margin:0; padding:0;
  border-bottom:0;
}

div#header div#naviG ul#dropdown li ul li img{
  vertical-align:middle;
}

/*------*/


div#header div#naviG p.cartBtn{
  width:93px;
  height:27px;
  position:absolute;
  top:5px;
  right:10px;
  clear:both;
} 

div#header div#searchBox{
  width:430px;
  float:left;
}

div#header div#searchBox p.searchWord{
  margin-top:10px;
}

/*
div#header div#searchBox p.searchWord a:hover{
  color:#333;
  background-color:#FFFF00;
}
*/

input.textArea {
  font-family: 'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
  background: url(../images/shop_design/header/input_bg.gif) repeat-x scroll center top #FFFFFF;
  border-color: #7C7C7C #C3C3C3 #DDDDDD;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-size: 12px !important;
  margin: 0;
  padding:4px 5px;
}

input.yen{
  width:35px;
  height:15px;
}

input.freeword{
  width:200px;
  height:15px;
}

input.searchBtn{
  position:relative;
  top:9px;
  left:-4px;
  z-index:1;
}

div#header div#todayBox{
  width:240px;
  float:left;
}

/* slider */

#slider {
  width:290px;
  height: 50px;
  float:left;
  margin:0px 0px 0 0px;
  z-index:1;
}

#slider div {
  padding: 0 10px;
  padding-left:21px;
}

#slider div a, #slider div a:hover{
  text-decoration:none !important;
}

.jquery-slider {
  overflow: hidden;
  position: relative;
}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	padding-left:0px;
}
.jquery-slider-control {
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
    opacity: 0.5;
    cursor: pointer;
}
.jquery-slider-control:hover {
    opacity: 1;
}
.jquery-slider-control-prev {
    left: 0px;
    top: 26px;
}
.jquery-slider-control-next {
    right: 0px;
    top: 26px;
}

/* その他 共通ルール
----------------------------------------------------------------------------- */	
p{
  color:#333 !important;
  letter-spacing:0.05em;
}
.bold{
   font-weight:bold;
}

.red{
   color: #CC0000 !important;
}

.num{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
}

.line{
   text-decoration:underline;
}