/* 共通  */
body {
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴPro W3", "Hiragino KaKu Gothic Pro", Osaka, "MS Pゴシック", verdana, 'trebuchet ms', sans-serif;
font-size: 0.625em;
line-height: 1.65em;
color:#333333;
background:url("/img/bg.jpg") center repeat-y #000000;
text-align:center;
}
.clear{
clear:both;
}
.body_in {
position:relative;
width:960px;
margin: 0 auto;
padding:0;
text-align:left;
}
a:link {color:#FF3399;
text-decoration:underline;
background:transparent;
font-weight:none;}
a:visited {color:#FF3399;
text-decoration:none;
background:transparent;
font-weight:none;}
a:hover {
color:#896088;
text-decoration:underline;
background:transparent;
font-weight:none;}


/*  ヘッダー  */
.header{
margin:13px 0 0 0;
padding:0;
width:960px;
height:102px;
}
.logo{
margin:0;
padding:0;
width:275px;
height:78px;
float:left;
background:url("/img/logo.gif") 0 0 no-repeat;
text-indent:-9999px;
outline: none;
}
.logoBtn{
margin:0;
padding:0;
width:201px;
height:78px;
overflow:hidden;
display: block;
outline: none;
}

#loginBlock{
margin:11px 0 0 0;
padding:0;
width:321px;
height:78px;
overflow:hidden;
float:left;
background:url("/img/loginBg.jpg") 0 0 no-repeat;
color:#666666;
}
#loginBlock .registration{
display: block;
margin:2px 12px 0 2px;
padding:0;
width:182px;
height:31px;
float:left;
text-indent:-9999px;
outline: none;
background:url("/img/registration.jpg") 0 0 repeat-y;
}
#loginBlock .registration:hover{
background:url("/img/registration.jpg") 0 31px repeat-y;
}
#loginBlock .mypage{
display: block;
margin:2px 12px 0 2px;
padding:0;
width:182px;
height:31px;
float:left;
text-indent:-9999px;
background:url("/img/mypage.jpg") 0 0 repeat-y;
}
#loginBlock .mypage:hover{
background:url("/img/mypage.jpg") 0 31px repeat-y;
}
#loginBlock .loginBtn,
#loginBlock .logoutBtn,
#loginBlock .helpBtn{
display: block;
margin:5px 5px 0 0;
padding:0;
width:55px;
height:25px;
float:left;
text-indent:-9999px;
outline: none;
}
#loginBlock .loginBtn{
background:url("/img/loginBtn.jpg") 0 0 repeat-y;
}
#loginBlock .loginBtn:hover{
background:url("/img/loginBtn.jpg") 0 25px repeat-y;
}
#loginBlock .logoutBtn{
background:url("/img/logoutBtn.jpg") 0 0 repeat-y;
}
#loginBlock .logoutBtn:hover{
background:url("/img/logoutBtn.jpg") 0 25px repeat-y;
}
#loginBlock .helpBtn{
background:url("/img/helpBtn.jpg") 0 0 repeat-y;
}
#loginBlock .helpBtn:hover{
background:url("/img/helpBtn.jpg") 0 25px repeat-y;
}
#loginBlock .txt{
width:321px;
margin:5px 0 0 0;
padding:0;
float:left;
line-height: 1.2em;
}
.playerBlock{
display: block;
margin:0;
padding:0;
width:350px;
height:86px;
float:right;
}


/*  ナビゲーション  */
#naviBlock{
margin:0 0 5px 0;
padding:4px 0 0 0;
width:960px;
height:71px;
background:url("/img/naviBg.jpg") 0 0 no-repeat;
}
#naviMenu{
margin:0 0 8px 0;
padding:0;
height:30px;
overflow:hidden;
background:url("/img/naviBtn.jpg") 0 0 repeat-y;
}
#naviMenu p{
display: block;
margin:0;
padding:0;
width:8px;
height:30px;
float:left;
}
.naviGapA{
width:8px;
background:url("/img/naviBtn.jpg") 0 0 repeat-y;
}
.naviGapB{
width:9px;
background:url("/img/naviBtn.jpg") -615px 0 repeat-y;
}
#naviMenu a{
display: block;
margin:0;
padding:0;
width:74px;
height:30px;
float:left;
text-indent:-9999px;
outline: none;
background:url("/img/naviBtn.jpg") 0 0 repeat-y;
}
#naviMenu .naviHome{background:url("/img/naviBtn.jpg") -8px 0 repeat-y;width:78px;}
#naviMenu .naviHome:hover{background:url("/img/naviBtn.jpg") -8px 30px repeat-y;}
#naviMenu .naviAll{background:url("/img/naviBtn.jpg") -95px 0 repeat-y;}
#naviMenu .naviAll:hover{background:url("/img/naviBtn.jpg") -95px 30px repeat-y;}
#naviMenu .naviTechno{background:url("/img/naviBtn.jpg") -169px 0 repeat-y;}
#naviMenu .naviTechno:hover{background:url("/img/naviBtn.jpg") -169px 30px repeat-y;}
#naviMenu .naviTrance{background:url("/img/naviBtn.jpg") -243px 0 repeat-y;}
#naviMenu .naviTrance:hover{background:url("/img/naviBtn.jpg") -243px 30px repeat-y;}
#naviMenu .naviHouse{background:url("/img/naviBtn.jpg") -317px 0 repeat-y;}
#naviMenu .naviHouse:hover{background:url("/img/naviBtn.jpg") -317px 30px repeat-y;}
#naviMenu .naviElectro{background:url("/img/naviBtn.jpg") -391px 0 repeat-y;width:76px;}
#naviMenu .naviElectro:hover{background:url("/img/naviBtn.jpg") -391px 30px repeat-y;}
#naviMenu .naviTillout{background:url("/img/naviBtn.jpg") -467px 0 repeat-y;}
#naviMenu .naviTillout:hover{background:url("/img/naviBtn.jpg") -467px 30px repeat-y;}
#naviMenu .naviRock{background:url("/img/naviBtn.jpg") -541px 0 repeat-y;}
#naviMenu .naviRock:hover{background:url("/img/naviBtn.jpg") -541px 30px repeat-y;}
#naviMenu .naviAccessories{background:url("/img/naviBtn.jpg") -624px 0 repeat-y;width:65px;}
#naviMenu .naviAccessories:hover{background:url("/img/naviBtn.jpg") -624px 30px repeat-y;}
#naviMenu .naviTicket{background:url("/img/naviBtn.jpg") -689px 0 repeat-y;width:65px;}
#naviMenu .naviTicket:hover{background:url("/img/naviBtn.jpg") -689px 30px repeat-y;}
#naviMenu .naviMP3{background:url("/img/naviBtn.jpg") -754px 0 repeat-y;width:65px;}
#naviMenu .naviMP3:hover{background:url("/img/naviBtn.jpg") -754px 30px repeat-y;}
#naviMenu .naviGallery{background:url("/img/naviBtn.jpg") -819px 0 repeat-y;width:70px;}
#naviMenu .naviGallery:hover{background:url("/img/naviBtn.jpg") -819px 30px repeat-y;}
#naviMenu .japanease{
margin:7px 0 0 11px;
padding:0;
}
#naviMenu .english{
margin:7px 0 0 4px;
padding:0;
}
#naviMenu .japanease{background:url("/img/jBtn.gif") 0 0 repeat-y;width:25px;height:16px;}
#naviMenu .japanease:hover{background:url("/img/jBtn.gif") 0 16px repeat-y;}
#naviMenu .english{background:url("/img/eBtn.gif") 0 0 repeat-y;width:25px;height:16px;}
#naviMenu .english:hover{background:url("/img/eBtn.gif") 0 16px repeat-y;}
#naviMenu .naviOn{
background:url("/img/naviBtn.jpg") -8px 30px repeat-y;
}
#naviMenu .naviOn0{
background:url("/img/naviBtn.jpg") -95px 30px repeat-y;
}
#naviMenu .naviOn1{
background:url("/img/naviBtn.jpg") -169px 30px repeat-y;
}
#naviMenu .naviOn2{
background:url("/img/naviBtn.jpg") -243px 30px repeat-y;
}
#naviMenu .naviOn3{
background:url("/img/naviBtn.jpg") -317px 30px repeat-y;
}
#naviMenu .naviOn4{
background:url("/img/naviBtn.jpg") -391px 30px repeat-y;
}
#naviMenu .naviOn5{
background:url("/img/naviBtn.jpg") -467px 30px repeat-y;
}
#naviMenu .naviOn6{
background:url("/img/naviBtn.jpg") -541px 30px repeat-y;
}
#naviMenu .langOn_jp{
background:url("/img/jBtn.gif") 0 16px repeat-y;
}
#naviMenu .langOn_eg{
background:url("/img/eBtn.gif") 0 16px repeat-y;
}


/*  検索ブロック  */
#searchBlock{
position: absolute;
margin:0 0 0 9px;
padding:0;
width:942px;
height:26px;
z-index: 1000;
}
#searchBlock a{
display: block;
margin:0 0 0 5px;
padding:0;
width:110px;
height:23px;
float:right;
text-indent:-9999px;
outline: none;
background:url("/img/naviArtist.gif") 0 0 repeat-y;
}
#searchBlock .naviArtist{
background:url("/img/naviArtist.gif") 0 0 repeat-y;
}
#searchBlock .naviArtist:hover{
background:url("/img/naviArtist.gif") 0 23px repeat-y;
}
#searchBlock .naviLabel{
background:url("/img/naviLabel.gif") 0 0 repeat-y;
}
#searchBlock .naviLabel:hover{
background:url("/img/naviLabel.gif") 0 23px repeat-y;
}
#searchBlock input.search{
margin:0 0 0 0;
width:250px;
}
#searchBlock .type_area{
margin:0 3px 0 0;
float:left;
}
#searchBlock #mySuggest1, #searchBlock #mySuggest2, #searchBlock #mySuggest3, #searchBlock #mySuggest4{
margin:0 2px 0 0;
float:left;
}

#searchBlock .search_btn_area{
float:left;
}


/*  パン屑リスト  */
#topicPath{
width:960px;
margin:0 0 3px 0;
padding:0;
}


/*  レフトブロック  */
#leftBlock{
margin:0;
padding:0;
width:655px;
min-height:590px; /* by enok */
float:left;
}
#leftBlock .more{
position:absolute;
top:4px;
left:585px;
margin:0;
padding:0;
display:block;
width:66px;
height:18px;
text-indent:-9999px;
outline: none;
background:url("/img/moreBtnA.jpg") 0 0 repeat-y;
}
#leftBlock .more:hover{
background:url("/img/moreBtnA.jpg") 0 18px repeat-y;
}


/*  ライトブロック  */
#rightBlock{
margin:0;
padding:0;
width:300px;
float:right;
}
#rightBlock .more{
position:absolute;
top:5px;
left:230px;
margin:0;
padding:0;
display:block;
width:66px;
height:18px;
text-indent:-9999px;
outline: none;
background:url("/img/moreBtnB.jpg") 0 0 repeat-y;
}
#rightBlock .more:hover{
background:url("/img/moreBtnB.jpg") 0 18px repeat-y;
}


/*  カート  */
#cartBlock{
position:relative;
margin:0 0 5px 0;
padding:0;
width:300px;
height:106px;
background:url("/img/cartBg.jpg") 0 0 no-repeat;
}
#cartBlock .amount{
position:absolute;
top:31px;
left:46px;
margin:0;
padding:0;
width:50px;
height:16px;
overflow:hidden;
}
#cartBlock .price{
position:absolute;
top:31px;
left:218px;
margin:0;
padding:0;
width:65px;
height:16px;
overflow:hidden;
}
#cartBlock .help{
position:absolute;
top:53px;
left:13px;
margin:0;
padding:0;
width:280px;
height:16px;
overflow:hidden;
color:#666666;
}
#cartBlock .cartChange,
#cartBlock .cartRegister{
display: block;
margin:0;
padding:0;
width:96px;
height:22px;
text-indent:-9999px;
outline: none;
}
#cartBlock .cartChange{
position:absolute;
top:75px;
left:10px;
background:url("/img/cartChange.jpg") 0 0 repeat-y;
}
#cartBlock .cartChange:hover{
background:url("/img/cartChange.jpg") 0 22px repeat-y;
}
#cartBlock .cartRegister{
position:absolute;
top:75px;
left:110px;
background:url("/img/cartRegister.jpg") 0 0 repeat-y;
}
#cartBlock .cartRegister:hover{
background:url("/img/cartRegister.jpg") 0 22px repeat-y;
}

/*  ランキング  */
.rankingTop{
position:relative;
margin:0;
padding:0;
width:300px;
height:34px;
background:url("/img/list/top.jpg") no-repeat;
}
.rankingMiddle{
margin:0;
padding:0;
background:url("/img/list/middle.jpg") repeat-y;
background-color:#f5f5f5;
height:300px;
overflow:auto;
}
.rankingMiddle ul{
margin:0;
padding:5px 20px 10px 20px;
list-style-type:none;
}
.rankingMiddle li{
margin:3px 0 6px 0;
padding:1px 0 2px 3px;
border-bottom:solid 1px #CCCCCC;
}
.rankingHead{
margin:0 !important;
padding:6px 0 3px 10px !important;
font-size:1.2em;
font-weight:bold;
background:#514E3B;
color:#FFFFFF;
border:none;
}
.rankingBottom{
margin:0 0 5px 0;
padding:0;
width:300px;
height:5px;
background:url("/img/list/bottom.jpg") no-repeat;
}

/*  アフィリエイト  */
.affTop{
position:relative;
margin:0;
padding:0;
width:300px;
height:34px;
background:url("/img/aff/affili_title.jpg") no-repeat;
}
.affMiddle{
margin:0;
padding:0;
background:url("/img/list/middle.jpg") repeat-y;
background-color:#f5f5f5;
}
.affMiddle ul{
margin:0;
padding:5px 20px 10px 20px;
list-style-type:none;
}
.affMiddle li{
margin:3px 0 6px 0;
padding:0;
}
.affMiddle .aff_f{
	margin:0;
	padding:0;
	width:257px;
}
.affHead{
margin:0 !important;
padding:6px 0 3px 10px !important;
font-size:1.2em;
font-weight:bold;
background:#514E3B;
color:#FFFFFF;
border:none;
}
.affBottom{
margin:0 0 5px 0;
padding:0;
width:300px;
height:5px;
background:url("/img/list/bottom.jpg") no-repeat;
}


/*  フッター  */
#fotterBlock{
margin:0;
padding:0;
width:100%;
background:url("/img/fotterBg.jpg") top center no-repeat #24221A;
text-align:center;
color:#666666;
}
#fotterBlock a{color:#777777;text-decoration:none;}
#fotterBlock a:hover{color:#CCCCCC;text-decoration:none;}
#fotterBlockIn{
margin:0 auto;
padding:20px 0 20px 0;
width:960px;
text-align:left;
}
#fotterLeft{
margin:0;
padding:0;
width:890px;
float:left;
}
#fotterRight{
margin:0;
padding:0;
width:70px;
float:right;
text-indent:-9999px;
outline: none;
}
#fotterRight .fotterInfo{
display:block;
margin:0;
padding:0;
width:70px;
height:12px;
background:url("/img/fotterInfo.gif") 0 0 repeat-y;
float:right;
text-indent:-9999px;
outline: none;
}
#fotterRight .fotterInfo:hover{
background:url("/img/fotterInfo.gif") 0 12px repeat-y;
}


/*  コピーライト  */
#copyBlock{
margin:0;
padding:6px 0 0 0;
width:100%;
background:url("/img/copyBg.jpg") repeat-x #000000;
text-align:center;
text-indent:-9999px;
outline: none;
}
.copyright{
margin:0 auto;
padding:0;
width:230px;
height:161px;
background:url("/img/copyright.gif") no-repeat;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:-0.3em;
}
html:not(:only-child:only-child) input[type="checkbox"],
html:not(:only-child:only-child) input[type="radio"]{
vertical-align:baseline;
}

#fotterRight .fotterInfo{
display:block;
margin:0;
padding:0;
width:70px;
height:12px;
background:url("/img/fotterInfo.gif") 0 0 repeat-y;
float:right;
text-indent:-9999px;
outline: none;
}


/* その他 */
.at{color:#FF0000;}
.bld{font-weight:bold;}
.attention{ color:#FF0000; }
.ipt_notice{ color:#E87A05; }

input.f_btn{
	padding:1px 10px 1px 10px;
	color:#111111;
	font-size:1.2em;
	border: solid 1px #7B8CA8;
	background:#F9F9F9;
}
input.f_btn_over{
	padding:1px 10px 1px 10px;
	font-size:1.2em;
	border: solid 1px #7B8CA8;
	background:#CC99CC;
}
form.nm{
	margin:0;
	padding:0;
}
.sale {
	color:#FF3300;
	font-weight:bold;
}
.px{
	margin:0;
	padding:0;
	border:none;
	outline: none;
}
.pagetop{
clear:both;
display:block;
margin:15px 0 15px 555px;
padding:0 0 0 28px;
height:16px;
background:url("/img/arrow_top.jpg") 0 0 repeat-y;
}
.pagetop:hover{
background:url("/img/arrow_top.jpg") 0 16px repeat-y;
}
div.mess{
	margin:0 0 4px 5px;
	padding:6px 0 4px 30px;
	font-size:1.2em;
	font-weight:bold;
	width:610px;
	border: solid 2px #FF007E;
	background: url(/img/err_icon.gif) 3px 3px no-repeat #FF99CC;
}
.mess_comp{
	margin:0 0 0 12px;
	padding:0 0 0 0;
}

.tooltip{
	background:#FCCDFB;
	padding:2px;
	width:300px;
	border: solid 1px #FF99FF;
	text-align:left;
}

.tooltip .base_info{
	margin:2px 0 2px 0;
	padding:0 0 3px 0;
	border-bottom: dotted 1px #666666;
}

.at_mess{
	margin:10px 0 5px 0;
	padding:6px 0 4px 30px;
	font-size:1.2em;
	font-weight:bold;
	width:621px;
	border: solid 2px #FF007E;
	background: url(../img/err_icon.gif) 3px 10px no-repeat #FF99CC;
}