a:link {
text-decoration:none;
color:#CCCCFF ;
font-size: 7.5pt;
}
a:visited {
text-decoration:none ;
color:#CCCCFF ;
font-size: 7.5pt;
}
a:active {
text-decoration:none;
color:#CCCCFF ;
font-size: 7.5pt;
}
a:hover {
text-decoration:none;
color:#ff3300 ;
font-size: 7.5pt;
}

/*ユニバーサルセレクタ*/
*{
color: #CCCCFF;
font-size: x-small;
font-family:Verdana, Helvetica,"ＭＳ ゴシック",Osaka,sans-serif;
}

img{
border:none;
color:#000000;
vertical-align: top;
}

textarea{
background-color:#333333;
}

input{
background-color:#333333;
}

select{
background-color:#333333;
}


ul#navi{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#navi li {
margin: 0px;
padding: 0px;
display: block;
float: left;
text-indent: -9999px;
}

#navi li a{
width:195px;
height: 26px;
margin: 0px;
padding: 0px;
display: block;
background: url(../images/navi20090320.gif) ;
}

li#navi1 a{
background-position: 0px 0px;
}

li#navi1 a:hover{
background-position: 0px -26px;
}

li#navi1here a{
background-position: 0px -52px;
}

li#navi2 a{
background-position: -195px 0px;
}

li#navi2 a:hover{
background-position: -195px -26px;
}

li#navi2here a{
background-position: -195px -52px;
}

li#navi3 a{
background-position: -390px 0px;
}

li#navi3 a:hover{
background-position: -390px -26px;
}

li#navi3here a{
background-position: -390px -52px;
}

li#navi4 a{
background-position: -585px 0px;
}

li#navi4 a:hover{
background-position: -585px -26px;
}

li#navi4here a{
background-position: -585px -52px;
}

#container{
width:780px;
margin:auto;
text-align:left;
background-color: #000000;
width:780px;
height:590px;
}

body#root{
margin: 7.5pt;
text-align:center;
background-color: #000000;
}

body{
scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#666666;
scrollbar-highlight-color:#666666;
scrollbar-shadow-color:#666666;
background-color: #000000;
overflow:auto;
}

body#news{
width:270px;
margin: 0px;
}

body#showcaset{
margin: 0px;
}

.tracklist{
width:440px;
margin: 5px;
line-height:150%;
}


#top{
background: url(../images/background01.jpg) no-repeat ;
}

#logo_header{
width:780px;
height:110px;
}

#logo{
margin-left:630px;
}

#contact{
/*float:right;*/
font-weight:bold;
color: #ffffff;
}

#counter{
width:42%;
float:right;
color: #cccccc;
}

#main_menu{
clear: both;
float:left;
width:780px;
height:50px;
background-color: #000000;
z-index:1;
}

#frame_showcase{
clear: both;
float:left;
width:60%;
/*overflow:auto;*/
}

#frame_news{
float:left;
width:40%;
display:block;
/*overflow:auto;*/
}

#frame_howtobuy{
clear: both;
width:780px;
float:left;
}

#frame_shoplist{
clear: both;
float:left;
width:780px;
height:500px;
}

#reserved{
clear: both;
width:780px;
height:50px;
float:left;
opacity: 0.70;
filter: alpha(opacity=70);
-moz-opacity:0.70;
text-align:left;
font-size: 7.5pt;
}

table.showcase{
border: 3px solid #000000;
border-collapse:collapse;
width:99%;
}

table.news{
border: 3px solid #000000;
border-collapse:collapse;
width:99%;
}

table.update{
border: 3px solid #000000;
border-collapse:collapse;
width:100%;
}

table.howtobuy{
line-height:150%;
}


th.news{
background-color: #333333;
border: 3px solid #000000;
text-align:left;
}


td.news{
text-align:left;
line-height:140%;
padding: 5px;
}

td.showcase_left{
background-color: #333333;
border: 0px solid #000000;
width:100px;
text-align:left;
vertical-align: top;
}

td.showcase_right{
background-color: #333333;
border: 3px solid #000000;
text-align:left;
vertical-align: top;
padding: 5px;
line-height:140%;
}

td.showcase_center{
text-align:center;
background-color: #333333;
}

td.update_left{
background-color: #000000;
border: 1px solid #666666;
text-align:left;
vertical-align: top;
font-size: xx-small;
}

td.update_right{
background-color: #000000;
border: 1px solid #666666;
text-align:left;
vertical-align: top;
font-size: xx-small;
}




h3.privilege{
background-color: #fafae4;
text-align:center;
}

h3.poricy{
background-color: #fafae4;
text-align:center;
}

.line_height{
Padding:0;
font-size:small;
line-height:150%;
}

.midashi {
font-weight:bold;
font-size: 14px;
text-align:center;
}

.bold_font {
color:#ff5500;
}

.bold_font2 {
color:#ff5500;
font-weight:bold;
}

.bold_font3 {
font-weight:bold;
}

.bold_font4 {
color:#ffffff;
font-weight:bold;
}

.f-style1{
font-style:italic;
}


.cd_title{
color:#00ccff;
font-weight:bold;
}

.cd_price{
color:#ffffff;
}


.opacity{
opacity: 0.30;
filter: alpha(opacity=30);
-moz-opacity:0.30;
}

.opacity50{
opacity: 0.50;
filter: alpha(opacity=50);
-moz-opacity:0.50;
}

.music_hide{
width:0px;
height:0px;
}

.hide{ 
display: none; 
}


/* ==================================== */

#shop_div{
clear:both;
float:left;
margin-left:0px;
width:780px;
}

body#shop{
margin: 5px;
text-align:center;
}

table.shop{
border: 3px solid #000000;
width:100%;
border-collapse:collapse;
}

th.shop_apply{
background-color: #000000;
border: 3px solid #000000;
text-align:left;

}

td.shop_apply_left{
background-color: #555555;
border: 3px solid #000000;
width:30%;
text-align:left;
}

td.shop_apply_left2{
background-color: #666666;
border: 3px solid #000000;
width:30%;
text-align:left;
line-height:170%;
}

td.shop_apply_center{
background-color: #555555;
border: 3px solid #000000;
width:40%;
text-align:left;
}

td.shop_apply_right{
background-color: #555555;
border: 3px solid #000000;
text-align:left;
}

td.shop_apply_right2{
background-color: #666666;
border: 3px solid #000000;
text-align:left;
}

td.shop_apply_button{
background-color: #000000;
border: 3px solid #000000;
text-align:center;
}


/*******************************/
ul.button01{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

.button01 li {
margin: 0px;
padding: 0px;
display: block;
float: left;
text-indent: -9999px;
}

.button01 li a{
width:50px;
height: 26px;
margin: 0px;
padding: 0px;
display: block;
background: url(../images/button01.gif) ;
}

li.button01_1 a{
background-position: 0px 0px;
}

li.button01_1 a:hover{
background-position: 0px -25px;
}

li.button01_2 a{
background-position: -50px 0px;
}

li.button01_2 a:hover{
background-position: -50px -25px;
}

/*******************************/
ul.button02{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

.button02 li {
margin: 0px;
padding: 0px;
display: block;
float: left;
text-indent: -9999px;
}

.button02 li a{
width:50px;
height: 26px;
margin: 0px;
padding: 0px;
display: block;
background: url(../images/button02.gif) ;
}

li.button02_1 a{
background-position: 0px 0px;
}

li.button02_1 a:hover{
background-position: 0px -25px;
}

/*******************************/
ul.button03{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

.button03 li {
margin: 0px;
padding: 0px;
display: block;
float: left;
text-indent: -9999px;
}

.button03 li a{
width:100px;
height: 26px;
margin: 0px;
padding: 0px;
display: block;
background: url(../images/cd_buy.png) ;
}

li.button03_1 a{
background-position: 0px 0px;
}

li.button03_1 a:hover{
background-position: 0px -25px;
}

li.button03_2 a{
background-position: -50px 0px;
}

li.button03_2 a:hover{
background-position: -50px -25px;
}

/******************************/
a.w100:link{
	display:block;
	width:100%;
	margin:0px;
	padding:0px 0px;
	font-weight:bold;
	font-size: 9pt;
	line-height:200%;
}
a.w100:visited{
	display:block;
	width:100%;
	margin:0px;
	padding:0px 0px;
	font-weight:bold;
	font-size: 9pt;
	line-height:200%;
}
a.w100:active{
	display:block;
	width:100%;
	margin:0px;
	padding:0px 0px;
	font-weight:bold;
	font-size: 9pt;
	line-height:200%;
}
a.w100:hover{
	background-color:#777777;
	color:#ffffff;
	display:block;
	width:100%;
	margin:0px;
	padding:0px 0px;
	font-weight:bold;
	font-size: 9pt;
	line-height:200%;
}