@charset"Shift_JIS";

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

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

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;
}
#header h3 {  
	display: block;  
	width: 50px;  
	height: 50px; 
	margin-top:0px; 
	margin-bottom:-18px; 
	padding:0px 0 0px 5px;
	float: left; 
	z-index: 1000;
	}  
#header h3 a { 
	background: url(../../images/smile_icon50.png) left top no-repeat;  
	display:block;  
	width:50px; 
	height:50px;
 }
#header h3 a:hover { 
	background-position: right top;
}  


/* 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#naviH{
	width: 350px;
	position: absolute;
	top: 70px;
	left: 1px;
	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 0;
  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:5px;
  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#pointup{
	width: 510px;
	height: 80px;
	position: absolute;
	top: 14px;
	left: 540px;
	vertical-align: middle;
}

/* Global Navi Style */

div#header div#naviG{
  height: 32px;
  width: 980px;
  margin-bottom:0px;
  margin-top:160px;
  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:#fff;
  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/navi.png) no-repeat scroll transparent; 
  width:95px;
  background-position: 0 0;
}

div#header div#naviG li.category a{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:141px;
  background-position: -95px 0;
}

div#header div#naviG li.event a{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:104px;
  background-position: -236px 0; 
}

div#header div#naviG li.feature a{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:99px;
  background-position: -340px 0;
}

div#header div#naviG li.ranking a{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:176px;
  background-position: -439px 0; 
}

div#header div#naviG li.style a{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:145px;
  background-position: -615px 0; 
}

div#header div#naviG li.review a{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:126px;
  background-position: -760px 0;  
}

div#header div#naviG li.company a{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:94px;
  background-position: -886px 0; 
}



/*------hover*/

div#header div#naviG li.new a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:95px;
  background-position: 0 -34px; 
}

div#header div#naviG li.category a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:141px;
  background-position: -95px -34px; 
}

div#header div#naviG li.event a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:104px;
  background-position: -236px -34px; 
}

div#header div#naviG li.feature a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:99px;
  background-position: -340px -34px;
}

div#header div#naviG li.ranking a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:176px;
  background-position: -439px -34px; 
}

div#header div#naviG li.style a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:145px;
  background-position: -615px -34px; 
}

div#header div#naviG li.review a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:126px;
  background-position: -760px -34px; 
}

div#header div#naviG li.company a:hover{
  background: url(../../images/navi.png) no-repeat scroll transparent; 
  width:94px;
  background-position: -886px -34px; 
}




/*------dropdown*/

div#header div#naviG li ul {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
}
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;
  margin-top:0px;
  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 #eee !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{
  margin:0; padding:0;
  border-top: 0;
}
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#searchBox{
  margin-top: -30px;
  width:940px;
  float:left;
  position:relative;
  background-color:#CCC;
  padding:20px;
}
div#header div#searchBox p.searchWord{
  padding:0;
  margin:0;
  width:500px;
  height:auto;
  position:absolute;
  top:35px;
  left:500px;
}

/*
div#header div#searchBox p.searchWord a:hover{
  color:#333;
  background-color:#FFFF00;
}
*/
div#header div.hdbn001{
	padding: 0;
	margin-top: 5px;
	position: absolute;
	top: 100px;
	left: 0;
	
}

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 15px;
}

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

input.freeword{
  width:150px;
  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:5px 0px 0 10px;
  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:15px;
}
.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: 5px;
    top: 15px;
}
.jquery-slider-control-next {
    right: 5px;
    top: 15px;
}

/* その他 共通ルール
----------------------------------------------------------------------------- */	
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;
}