@charset "shift-jis";
/* CSS Document */

#header {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:62.5%;
	color:#333;
}
#header ol,#header ul,#header li {list-style:none;margin:0;padding:0;}
#header dl,#header dt,#header dd {margin:0;padding:0;}
#header h1,#header h2,#header h3 {font-size:100%;font-weight:normal;margin:0;padding:0;}
#header img{max-width: 100%;height: auto;width:auto;line-height:0;}
#header p {margin-bottom:1em;margin-top: 0;padding:0;font-size:1.3em;line-height:1.8;}
#header dl , #header li {font-size:1.3em;}
#header strong {color:#fff;}
#header a { overflow: hidden; color:#0049a3;text-decoration: none;border:none;}
#header a:hover {color:#2d73ca;text-decoration:underline;}
#header a:hover img {opacity:.7;}
img {border-style:none;}

#header h1 {font-weight:normal;font-size:2em;line-height:1.2;}
#header h2 {font-weight:bold;font-size:1.8em;line-height:1.4;}

#header:after,
#header div:after,
#header dl:after,
#header ul:after {
  content: "";
  display: block;
  clear: both;
}

#header {width:100%;background:#fff;}
#header .headArea {width:980px;margin:0 auto;position:relative;height:75px;}
#header .headArea .logo {position: absolute;top: 20px;left: 0;}
#header .headArea .logo img {width:245px;height:auto;}
#header .headArea .headNavi {;position: relative;}
#header .headArea .headNavi li {float:left;margin-left:8px;font-size:1em;}
#header .headArea .headNavi li.ohsama {padding-top:0px;}
#header .headArea .headNavi .first li a,
#header .headArea .headNavi .second li span {background:url(../img/usr/icon02.png) no-repeat left center;padding-left:10px;line-height:25px;color:#333;}
#header .headArea .headNavi .first {position:absolute;top:10px;right:0;}
#header .headArea .headNavi .second {position:absolute;top:40px;right:38px;}
#header .headArea .headNavi .second li {margin-left:-1px;}
#header .headArea .headNavi .second li a {border:1px solid #ccc;display: block;text-align:center;background:#f3f3f3;padding: 0 1em;}
#header .headArea .headNavi .second li a:hover {text-decoration:none;background:#ddd;}
#header .headArea .headNavi li.ohsama a,
#header .headArea .headNavi li.eshop a {background:none;padding:0;}
#header .headArea .headNavi li.ohsama a img,
#header .headArea .headNavi li.eshop a img {width:100px;height:auto;}

#header.small {position:fixed;z-index:10;}
#header.small .headArea {height:50px;}
#header.small .headArea .logo {top:10px;}
#header.small .headArea .logo img {width: 200px;}
#header.small .headArea .headNavi .first {display:none;}
#header.small .headArea .headNavi .second {top:10px;}
#header.small .headArea .headNavi .second li {margin-left: 10px;width: auto;font-size: 11px;}
#header.small .headArea .headNavi .second li a {border: none;display: block;text-align: left;background: none;}
#header.small .headArea .headNavi .second li a:hover {text-decoration:underline;color:#333;}
#header.small .searchBtn {top: 10px;}
#header.small .searchArea {top:50px}

#gnavi {background:#000;}
#header .dropmenu{*zoom: 1;width:980px;margin:0 auto;display:table;}
#header .dropmenu:before, #header .dropmenu:after{content: "";display: table;}
#header .dropmenu:after {clear: both;}
#header .dropmenu li {display:table-cell; vertical-align:middle;width:98px;font-size:1.05em;height:auto;border-left:1px dotted #666;position: relative;}
#header .dropmenu li:last-child {border-right:1px dotted #666;}
#header .dropmenu li a {display:block;color:#fff;text-align:center;padding:5px 0;}
#header .dropmenu li a:hover {text-decoration:none;}
#header .dropmenu li:hover {background:#e7000e; cursor:pointer;}
#header .dropmenu li ul {list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;}
#header .dropmenu li ul li{width: 98px;display:block;border:none;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-top:-1px;}
#header .dropmenu li ul li:last-child {border-right:none;}
#header .dropmenu li ul li a {padding:8px;color:#333;background:#eee;text-align:left;}
#header .dropmenu li ul li a:hover {background:#aaa;color:#fff;}
#header #fade-in li ul{visibility: hidden;opacity: 0;transition: 0s;}
#header #fade-in li:hover ul{visibility: visible;opacity: 1;}
#header #fade-in li ul li a{visibility: hidden;opacity: 0;transition: .1s;}
#header #fade-in li:hover ul li a{visibility: visible;opacity: 1;}

.searchBtn {position:absolute;top:40px;right:0;width:27px;cursor: pointer;z-index: 1;}
.searchBtn span {color: #fff;display:block;}
.searchBtn span:after {content: url(../img/sys/button/searchBtn.png);}
.open .searchBtn span:after {content: url(../img/sys/button/searchBtn.png);}
.searchArea {position: absolute;display: table;top: 75px;left: 0;width: 100%;height: auto;background: rgba(238,238,238,1);-webkit-transition: all .3s;transition: all .3s;visibility: hidden;opacity: 0;z-index: 3;}
.open .searchArea {-webkit-transition: all .3s;transition: all .3s;visibility: visible;opacity: 1;}

#header .formArea {width:950px;margin:0 auto;padding:30px 0;text-align:center;}
#header .formArea .radio {margin-bottom:20px;font-size:1.3em;}
#header .formArea .radio label {display:inline-block; vertical-align:middle;margin:0 10px;}
#header .formArea .input {position: relative;width:40%;margin:0 auto;}
#header .formArea .input input.word {width:100%;background: #fff; border: 1px solid #ddd; padding: 10px 10px 10px 45px;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;font-size: 1em;}
#header .formArea .input dd {position:absolute;top: 8px;left: 10px;}
#header .formArea .input dd button {display:block;background:none;border:none;}
#header .formArea .input dd button span{display:block;width:17px;height:17px;background:url('../img/sys/button/searchSend.png') no-repeat 0 0;background-size:100%;}


/* 商品のカラーコード */
.color-album {background:#577ddc;}
.color-maxi {background:#6ab7d4;}
.color-cassette {background:#e760a3;}
.color-dvd {background:#74c657;}
.color-bluray {background:#9d5cd5;}
.color-goods {background:#e0941d;}
.color-other {background:#d87660;}