/* 共通基本設定
=========================================================*/
*{
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;
	background: #eee;
	color: #555;
	text-align: left;
	}
*:first-child+html body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
* html body, .win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
* html div#container {
	height: 100%;
}
#container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	background: url("../images/bg-body.gif") repeat 0 0 #eee;
	}
body > #container {
	height: auto;
}
/* 共通要素　リンクカラー
=========================================================*/
a {
	text-decoration: none;
	color:#555;
}
a.linkTag {
	text-decoration: none;
	color:#26b0e1;
}
a:hover {
	color: #26b0e1;
	text-decoration: underline;
}
/* ヘッダー
=========================================================*/
#header {
	position: relative;
	display: block;
	margin: 0 auto;
}
#header #hd_nv_wr {
	display: block;
	margin: 0 auto;
	background-color: #1e1e1e;
}
#header #hd_nv {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 13px;
	padding: 7px 0 8px;
	color: #f9f9f9;
	font-size: 63%;
}
#header #hd_nv h1 {
	float:left;
	padding-left: 248px;
	color: #ddd;
}
#header #hd_nv ul {
	float: right;
}
#header #hd_nv li {
	float: left;
	padding-left:32px;
}
#header #hd_nv li.first {
	padding-left: 0;
}
#hd_nv li.current {
	color: #9f9f9f;
}
#hd_nv li a{
	color: #f9f9f9;
}
#hd_nv li a:hover {
	color: #26b0e1;
}
#header #global_wr {
	display: block;
	margin: 0 auto;
	background-color: #f8f8f8;
}
#global_nav {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 960px;
	height: 14px;
	padding: 16px 0;
	font-size: 78%;
	letter-spacing: -0.04em;
}
#global_nav ul.main {
	float: left;
	padding-left: 248px;
	width: 379px;
	height: 16px;
}
#global_nav ul.main li.first {
	float:left;
	padding: 0 14px 0 0;
	width: 110px;
	background: url("../images/dot.png") no-repeat scroll right 2px transparent;
}
#global_nav ul.main li {
	float:left;
	padding: 0 13px;
	width: 100px;
	background: url("../images/dot.png") no-repeat scroll right 2px transparent;
}
#global_nav ul.main li a {
	display: block;
	line-height: 16px;
	padding: 0 0 0 22px;
	color:#4d4d4b;
}
#global_nav ul.main li.nav_1 a{
	background: url("../images/icon_01.png") no-repeat scroll 0 0 transparent;
}
#global_nav ul.main li.nav_2 a{
	background: url("../images/icon_02.png") no-repeat scroll 0 -1px transparent;
}
#global_nav ul.main li.nav_3 a{
	background: url("../images/icon_03.png") no-repeat scroll 0 0 transparent;
}
#global_nav ul.user {
	float:left;
	text-align: center;
	height: 16px;
}
#global_nav ul.user li.first {
	padding-left: 8px;
}
#global_nav ul.user li {
	float: left;
	line-height: 16px;
	padding-left: 11px;
}
#global_nav ul.user li a{
	display: block;
	font-size: 84%;
	padding-left: 16px;
	line-height: 16px;
	background: url("../images/arrow.png") no-repeat scroll 0 center transparent;
	color: #414141;
}
#header p#cart_v {
	position: absolute;
	top: 0;
	right: 0;
	width: 121px;
	height: 16px;
	background-color: #26b0e1;
	z-index: 2;
	padding: 15px 7px;
	font-size: 85%;
}
#header p#cart_v:hover {
	background: #4ec3ec;
}
#global_nav p#cart_v a {
	display: block;
	color: #fff;
	line-height: 17px;
	padding-left: 30px;
	background: url("../images/icon_cart.png") no-repeat scroll 0 0 transparent;
}
#global_nav p#cart_v span {
	position: absolute;
	display: block;
	top: 0;
	left: 17px;
	width:25px;
	height: 25px;
	text-align:center;
	line-height: 26px;
	font-weight: bold;
	color: #0c465a;
	background: url("../images/cart_null.png") no-repeat scroll center center transparent;	
}
p#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
/* コンテンツ
=========================================================*/
#content {
	display: block;
	width: 960px;
	margin: 0 auto; 
	padding-bottom: 894px;
}
#content p {
	font-size: 75%;
}
#right_side .disno {
	display: none;
}
/* サイドバー
=========================================================*/
#left_side {
	display: block;
	float: left;
	width: 220px;
	margin-top: 51px;
	margin-bottom: 40px;
}
#left_side .disnon {
	display: none;
}
#left_side　ul#tab {
	list-style: none;
	width: 220px;
	font-family: "Myriad" "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#left_side ul#tab li {
	display: block;
	width: 100px;
	float: left;
	background-color: #919191;
	font-size: 85%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	text-align: center;
	letter-spacing: -0.02em;
	outline:none;
	cursor: pointer;
	}
#left_side ul#tab li:first-child {
	width: 120px;
}
#left_side ul#tab li span {
	display: block;
	padding: 7px 0;
	text-align: center;
}
#left_side ul#tab li.active {
	background-color: #fff;
	color: #333;
}
#left_side ul#tab li:hover {
	background-color: #aaa;
}
#left_side ul#tab li.active:hover {
	background-color: #fff;
}

#left_side .tab_content {
	background-color:#fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#left_side .tab_content div {
	background-color: #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#left_side ul.tab_artist {
	padding: 10px 10px 5px 10px;
	font-size: 75%;
}
ul.tab_artist li {
	border-bottom: 1px solid #f1f1f1;
}
ul.tab_artist li:last-child {
	border:none;
}
ul.tab_artist li a {
	padding-left: 5px;
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	background: url("../images/aw.gif") no-repeat scroll 188px 0 transparent;
	color: #3c3c3c;
	text-decoration: none;
	}
ul.tab_artist li a:hover {
	padding-left: 7px;
	background: url("../images/aw.gif") no-repeat scroll 190px 0 transparent;
	color: #000;
	text-decoration: none;
}
ul.tab_artist li a.active {
	background: url("../images/aw_on.gif") no-repeat scroll 188px 0 #eee;
	font-weight: bold;		
	}
ul.tab_artist li a.active:hover {
	background: url("../images/aw_on.gif") no-repeat scroll 190px 0 #eee;	
	}
#bn_area {
	margin-top: 10px;
}
#bn_area img {
	margin: 10px 0 5px;
}
#bn_area p {
	font-size: 65%;
}
#bn_area p.text {
	padding-bottom: 5px;
}
#twitter {
	display: block;
	margin-top: 15px;
	margin-bottom: 40px;
}
#twitter p {
	font-size: 95%;
}
/*  right_side
=========================================================*/
#right_side {
	display: block;
	position: relative;
	float: right;
	width:712px;
	margin-top: 17px;
	margin-bottom: 40px;
}

/*  レコンメンド
=========================================================*/
#right_side h2 {
	line-height: 25px;
	font-size: 100%;
	font-weight: bold;
	padding-left: 18px;
	background: url("../images/view.png") no-repeat scroll 0 0 transparent;	
	}
#right_side h2.pickup {
	width: 712px;
	height: 43px;
	background: url("../images/pickup.png") no-repeat scroll 0 0 transparent;
	margin: 15px 0;
}
h2 span {
	display: block;
	padding: 7px 0 0 144px;
	font-size: 83%;
}
h2 span a {
	text-decoration: underline;
}
.recommend {
	display: block;
	margin: 0;
	padding: 0 0 20px 0;
	position:relative;
	left: -18px;
	width: 730px;
	z-index: 8;	
}
.item {
	padding-top: 15px;
}
.item_thum {
	display:block;
	position: relative;
	float: left;
	height: 200px;
	margin-bottom: 10px;
	padding: 0 0 0 18px;
	
}
.item_thum a.thum img {
	border: 3px solid #fff;
}
.item_thum a.thum:hover img {
	border: 3px solid #bfe6f4;
}
.item_thum img.badge {
	position: absolute;
	top: -10px;
	left: 8px;
	}
#right_side .recommend .item_thum p.p_name {
	padding-top: 8px;
	width: 128px;
	font-size: 63%;
	line-height: 1.2em;
}
#right_side .recommend .item_thum p.p_name a {
	color: #555;
}
#right_side .recommend .item_thum p.p_price {
	padding-top: 4px;
	width: 128px;
	font-size: 63%;
	font-style: italic;
}
/*  Hzセレクト
=========================================================*/
#seller p.title {
	line-height: 25px;
	font-size: 100%;
	font-weight: bold;
	padding-left: 18px;
	padding-bottom: 15px;
	background: url("../images/view.png") no-repeat scroll 0 0 transparent;	
}
/*  最近チェックしたアイテム
=========================================================*/
#view p.title {
	line-height: 25px;
	font-size: 100%;
	font-weight: bold;
	padding-left: 18px;
	background: url("../images/view.png") no-repeat scroll 0 0 transparent;	
}
/*  フッター
=========================================================*/
div#footer {
	 position: absolute;
	 bottom: 0px;
	 width:100%;
	 font-size: 83%;
	 height: 894px;
}
/*  ショップガイド
=========================================================*/
#wr_sgt {
	position: relative;
	display: block;
	margin: 0 auto;
	background-color: #5496a8;
}
#shop_guide_title {
	width: 960px;
	height: 54px;
	margin: 0 auto;
}
#shop_guide_title p.title {
	float: left;
	width: 210px;
	background: #5496a8;
	padding-top: 15px;
}

#shop_guide_title  p.link a{
	display: block;
	float: right;
	line-height: 54px;
	padding-left: 15px;
	font-size: 95%;
	background: url("../images/arrow_sg.png") no-repeat scroll 0 20px transparent;
	color: #fff;
}
#wr_sg {
	position: relative;
	display: block;
	margin: 0 auto;
	background-color: #fff;
	font-size: 83%;
	}
#shop_guide_detail {
	width: 960px;
	margin: 0 auto;
	height: 570px;
	background-color: #fff;
}
#shop_guide_detail .box {
	display: block;
	margin: 10px 0 0 26px;
	float: left;
	width: 220px;
}
#shop_guide_detail .box:first-child {
	margin: 10px 0 0 0;
}
#shop_guide_detail .box2 {
	display: block;
	margin: 10px 0 0 26px;
	float: left;
	width: 466px;
}
#shop_guide_detail .box2 .in_box {
	display: block;
	float: left;
	width: 220px;
	padding-left: 26px;
}
#shop_guide_detail .box2 .first {
	padding-left: 0;
}
#shop_guide_detail p.title {
	font-size: 134%;
	height: 31px;
	line-height: 31px;
	border-bottom: 2px solid #e1e1e1;
	margin-bottom: 5px;
}
#shop_guide_detail p.title span {
	display: block;
	padding-top: 2px;
}
#shop_guide_detail p {
	padding-top: 8px;
}
#shop_guide_detail p a {
	color: #26b0e1;
}
p.point {
	color: #e82663;
}
p.atten {
	margin-top: 15px;
	background: #fcfcfc;
	padding: 10px;
	font-size: 95%;
	border: 1px #ccc solid;
	border-radius: 8px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#shop_guide_detail p.howto {
	font-size: 134%;
	padding-bottom: 5px;
}
#shop_guide_detail p.howto span {
	font-size: 80%;
}
#shop_guide_detail #sg1 {
	padding-left: 30px;
	background: url("../images/icon_sg01.png") no-repeat scroll 0 bottom transparent;	
}
#shop_guide_detail #sg2 {
	padding-left: 30px;
	background: url("../images/icon_sg02.png") no-repeat scroll 0 bottom transparent;	
}
#shop_guide_detail #sg3 {
	padding-left: 26px;
	background: url("../images/icon_sg03.png") no-repeat scroll 0 bottom transparent;	
}
#shop_guide_detail #sg4 {
	padding-left: 26px;
	margin-top: 20px;
	background: url("../images/icon_sg04.png") no-repeat scroll 0 bottom transparent;	
}
#shop_guide_detail #sg5 {
	padding-left: 26px;
	background: url("../images/icon_sg04.png") no-repeat scroll 0 bottom transparent;	
}
#shop_guide_detail table{
	margin: 0 0 5px;
	padding-left: 15px;
	}	
#shop_guide_detail tr {
	background-color:#f3f5f6;
	}	
#shop_guide_detail th {
	background-color:#e6eced;
	color:#555;
	border-bottom:1px solid #fff;
	width:135px;
	padding: 4px 7px;
	}
#shop_guide_detail td {
	padding: 4px 7px;
	color:#676a67;
	font-size: 93%;
	border-bottom:1px solid #fff;
	}
#shop_guide_detail .memo {
	background: #f3f3f3;
	padding: 0 10px 7px 10px;
}
#shop_guide_detail .memo span {
	font-size: 90%;
}
#shop_guide_detail p.size {
	margin: 10px 0 0 0;
	padding: 0;
}
#shop_guide_detail p.size2 {
	margin: 4px 0 0 0;
	padding: 0;
}
#shop_guide_detail p.text {
	padding: 5px 0 10px 0;
	font-size: 105%;
	font-weight: bold;
	background: url("../images/line.png") no-repeat scroll 0 bottom transparent;	
}
p.time img {
	padding: 0 0 15px 8px;
}
/*  フッターリンク
=========================================================*/
#wr_stm {
	display: block;
	position: relative;
	width: 100%;
	background:transparent url(../images/footer_bg.png) repeat-x 0 top;
	}
#footer_sitemap {
	margin: 0 auto;
	width: 960px;
	height: 230px;
	color:#fff;
	text-align:left;
}
#footer_sitemap .foot_nav {
	display: block;
	float:left;
	width: 220px;
	padding-left: 26px;
}
#footer_sitemap .foot_nav:first-child {
		padding-left: 0;	
}
#footer_sitemap .foot_nav ul {
	margin: 0;
	list-style-type: none;
	}
#footer_sitemap .foot_nav ul li {
	margin:0;
	padding:0;
	font-size: 75%;
	border-bottom: 1px solid #ccc;
	}
#footer_sitemap .foot_nav ul li a {
	background:transparent url(../images/arrow_ft.png) no-repeat scroll 210px 14px;
	color: #333;
	display: block;
	width: 220px;
	padding: 6px 0px;
	text-decoration:none;
	}
#footer_sitemap .foot_nav ul li a:hover {
	color: #009add;
	text-decoration: none;
	background:transparent url(../images/arrow_ft.png) no-repeat scroll 210px 14px;
	}
#footer_sitemap p.foot_title {
	padding: 25px 0 15px 0;
}
#footer_sitemap .foot_nav ul li.social {
	border: none;
	margin: 8px 0;
	padding-left: 30px;
}
#footer_sitemap .foot_nav ul li.social a{
	background: none;
	width: 180px;
}
#footer_sitemap .foot_nav ul li.facebook {
	background: url(../images/fb.png) no-repeat 0 2px ;
}
#footer_sitemap .foot_nav ul li.twitter {
	background: url(../images/tw.png) no-repeat 0 2px ;
}

/*  コピーライト
=========================================================*/
#wr_link {
	display: block;
	position: relative;
	width: 100%;
	background-color: #1e1e1e;
	font-size: 83%;
	}
#footer_link {
	margin: 0 auto;
	width: 960px;
	height: 40px;
	color:#fff;
	background-color: #1e1e1e;
	text-align:left;
}
#footer_link ul {
	display: block;
	padding-top: 13px;
}
#footer_link ul li:first-child {
	padding: 0 10px 0 0;
	}
#footer_link ul li {
	display: block;
	float:left;
	border-right:1px solid #333333;
	padding: 0 10px;
	font-size: 83%;
	}
#footer_link ul li a {
	float:left;
	color:#b4b4b4;
	}
#footer_link ul li a:hover {
	text-decoration: none;
	color:#009add;
	}	
#footer_link ul li.copyright {
	color:#eee;
	float: right;
	border: none;
	}
#footer_link ul li.copyright a {
	color:#eee;
	float: none;
	}
#footer_link ul li.copyright a:hover {
	text-decoration: none;
	color:#009add;
	}
/*  検索
=========================================================*/
#left_side p.search_title {
	margin: 15px 0 0 0;
}
#search {
	position: relative;
	display: block;
	background: url(../images/search_bg.png) no-repeat scroll 0 0;
	width: 220px;
	height: 31px;
}
#search #searching {
	position: absolute;
	display:block;
	top: 3px;
	left: 28px;
	width: 140px;
	height: 22px;
	border: 1px #fff solid;
}
#search #s_img {
	position: absolute;
	left: 169px;
}
/*  ページトップ
=========================================================*/
#page-top {
	position: fixed;
	bottom: 40%;
	right: 20px;
	width: 49px;
	height: 59px;
	font-size: 63%;
	z-index: 10;
	overflow: hidden;
}
#page-top a {
	display: block;
	width: 49px;
	height: 52px;
	text-indent: 100%;
	white-space: nowrap;
	background: url("../images/page_btn.png") no-repeat 0 0;
}
#page-top a:hover, #page-top a:active {
	display: block;
	width: 49px;
	height: 52px;
	background: url("../images/page_btn_on.png") no-repeat 0 0;
	
}
/*  パン屑
=========================================================*/
.topicpath{
	font-style: italic;
	font-size: 80%;
	margin-bottom: 18px;
	}
.topicpath span{
	margin:0 6px;
	}
.topicpath img{
	vertical-align:middle;
	margin-right:2px !important;
	}

/* スターハックでIE6のみ対応 */


#left_side ul#tab li.first-child{
	width: 120px;
}
#shop_guide_detail .box.first-child {
	margin: 10px 0 0 0;
}
#footer_sitemap .foot_nav.first-child {
		padding-left: 0;	
}
#footer_link ul li.first-child {
	padding: 0 10px 0 0;
	}
#left_side ul#tab li ,#footer_link ul l, #footer_sitemap .foot_nav, #shop_guide_detail .box {
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
}