@charset "UTF-8";

/* Reset of Default Style*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}

body,td,th {
	font-size: 12px;
}
body {
	background-color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a{
text-decoration:none;
}

a:link{color: #FFFFFF;
}

a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FF0000;
	text-decoration:underline;
}
a:active {
	color: #FF0000;
}

p{
margin:0px;
}

img{
border:0px;

}

form{
margin:0px;
padding:0px;

}

td{
vertical-align:top;

}

br{
clear:both;
}

/*Clearfix */


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#Header{
width:1047px;
	background-image:url(images/ongaku_02_c.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
	width:100%;
}

#Header h1{
padding-top:5px;
padding-left:50px;
color:#FFFFFF;
}

#Header div.content{
width:1047px;
margin:0px auto;
}

#head{
width:1047px;
margin:0px auto;
float:left;
}

#head div.larea{
width:899px;
float:left;
height:64px;
}

#head div.larea .logo{
text-align:left!important;
width:480px;
float:left;
height:64px;
}

#head div.larea .topnavi{
float:left;
width:619px;
height:33px;
margin-top:31px;
}


#head div.rarea{
width:148px;
float:left;
}

#head div.rarea p{
padding-bottom:7px;
}

#Header div.content td.larea td{
vertical-align:bottom;
text-align:center;
}

#Header div.content td.larea td p.logo{
text-align:left!important;
}

#Header div.content td.rarea{
width:148px;
vertical-align:middle;
}

#Header div.content td p.bspace{
	padding-bottom:7px;
}

#Headernavi{
background-image:url(images/ongaku_05.jpg);
background-repeat:repeat-x;
background-position:0px 0px;
height:50px;
width:100%;
float:left;
}

div#Container{
color:#FFFFFF;
	width:1047px;
	margin:0px auto;

}

div#Left{
	width:207px;
	float:left;
}

div#Left div.search{
background-image:url(images/ongaku_26.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
width:127px;
height:25px;
padding:3px 3px 3px 7px;
}

div#Left div.search .size{
width:117px;
height:17px;
}

*html div#Left div.search .size{
width:117px;
height:16px;
}


div#Main{
width:840px;
float:right;
}

div.Contentblock{
width:840px;
padding-top:25px;
clear:both;
}

div#Left div.Naviblock,div#Left div.Menublock{
	margin-top:10px;
	width:187px;
	padding-top:25px;
	clear:both;
}

div#Left div.Naviblock,div#Left div.Menublock p{
padding:5px 0px 0px;
}

.Menublock a:link {
color:#FFFFFF;
text-decoration:none;
}

.Menublock a:visited {
color:#FFFFFF;
text-decoration:none;
}

.Menublock a:active {
color:#FFCC00;
text-decoration:none;
}

.Menublock a:hover {
	color: #FFCC00;
}

div.Contentblock h2,div.Naviblock h2,div.Artistblock h2,div#Left div.Menublock h2{
border-bottom:1px solid #FFCC00;
color:#FFCC00;
font-weight:800;
padding-left:5px;
}

div#Left div.Naviblock ul{
margin:0px;
padding:5px 0px 0px 0px;
width:187px;
}

div#Left div.Menublock ul{
margin:0px;
padding:5px 0px 20px 0px;
width:187px;
}

div#Left div.Naviblock li{
margin:5px 0px 0px 0px;
padding:0px 0px 0px 3px;
list-style:none;
float:left;
width:90px;
font-size:11px;
}

div#Left div.Menublock li{
margin:8px 5px 0px 5px;
padding:0px 0px 0px 8px;
background-image:url(images/list.jpg);
background-repeat:no-repeat;
line-height:13px;
list-style:none;
}

#search_botun {
text-align:left;
background-color:#1E1E1E;
padding:5px 0px 5px 5px;
margin:8px 0px 0px 0px;
float:left;
text-align:center;
width:175px;}

div#Left div.Artistblock{
width:187px;
padding:25px 0px 0px 0px;
margin:0px;
clear:both;
}

div#Left div.Artistblock ul{
margin:0px 0px 0px 5px;
padding:10px 0px 0px 0px;
width:182px;
}

div#Left div.Artistblock li{
margin:5px 5px 0px 0px;
padding:5px;
width:18px;
border:1px solid #FFFFFF;
list-style:none;
text-align:center;
float:left;
color:#FFFFFF;
font-size:12px;
}

div#Left div.Artistblock li a:link{
text-decoration:none;
color:#FFFFFF!important;
}

div#Left div.Artistblock li a:visited{
text-decoration:none;
color:#FFFFFF!important;
}

div#Left div.Artistblock li a:hover{
text-decoration: underline;
color:#FF0000!important;
}

div#Left div.Artistblock li a:active{
text-decoration:none;
color:#FF0000!important;
}


div.Contentblock div.Main_r{
width:411px;
float:right;
}

div.Contentblock div.Main_r_01{
width:411px;
clear:both;
padding-top:15px;
}

div.Contentblock div.Main_l{
width:411px;
float:left
}

div.Contentblock div.Main_l_01{
width:411px;
clear:both;
padding-top:15px;
}

div.Contentblock div.Main_l_02{
width:411px;
clear:both;
padding-top:15px;
}

div.Contentblock div.Main_l div.news{
overflow:auto;
width:389px;
height:80px;
border:1px solid #CCCCCC;
scrollbar-arrow-color:#CCCCCC;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#999999;
scrollbar-darkshadow-color:#333333;
scrollbar-track-color:#000000;
scrollbar-3dlight-color:#999999;
scrollbar-highlight-color:#333333;
margin:5px 0px 0px;
padding:5px 10px 10px;
line-height:170%;

}

div.Contentblock div.Main_l div.artist_news{
overflow:auto;
width:389px;
height:185px;
border:1px solid #CCCCCC;
scrollbar-arrow-color:#CCCCCC;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#999999;
scrollbar-darkshadow-color:#333333;
scrollbar-track-color:#000000;
scrollbar-3dlight-color:#999999;
scrollbar-highlight-color:#333333;
margin:5px 0px 0px;
padding:5px 10px 10px;
line-height:170%;

}

div.Contentblock div.Main_r div.live{
width:389px;
height:180px;
margin:5px 0px 0px;
padding:10px;
line-height:170%;
border:1px solid #CCCCCC;

}

div.Contentblock div.Main_r div.live td.larea{
width:249px;
vertical-align:top;
}

div.Contentblock div.Main_r div.live td.rarea{
width:135px;
}

div.Contentblock div.Main_r div.live td.rarea p{
padding:5px 0px 0px;
}

div.Contentblock div.Main_l div.recomendarea{
width:411px;
clear:both;
padding:5px 0px 0px;
}


div.Contentblock div.Main_l_01 div.recom,div.Contentblock div.Main_l_02 div.recom{
width:114px;
margin:0px 4px 0px 3px;
padding:5px 7px 5px 6px;
line-height:150%;
border:1px solid #CCCCCC;
background-color:#000000;
float:left;
}

div.Contentblock div.Main_l_01 div.recom p.text,div.Contentblock div.Main_l_02 div.recom p.text{
padding:2px 0px 0px 0px;
margin:0px;
line-height:150%;
}



div.Contentblock div.Main_r div.rank{
width:399px;
margin:5px 0px 0px;
padding:5px;
line-height:170%;
border:1px solid #CCCCCC;
color:#FFFFFF;
float:left;
}



div.Contentblock div.Main_r div.rank p.larea{
width:150px;
height:100px;
margin:0px;
padding:0px;
border:1px solid #CCCCCC;
float:left;
}

div.Contentblock div.Main_r div.rank p.rarea{
width:247px;
margin:0px;
padding:0px;
float:left;
}

div.Contentblock div.Main_r div.rank h3{
margin:0px;
width:227px;
padding:8px 10px 0px 10px;
font-weight:800;
font-size:16px;
float:left;
}


div.Contentblock div.Main_r div.rank p{
margin:0px;
width:227px;
padding:5px 10px 0px 10px;
font-size:13px;
float:left;
}


div#Footer{
background-image:url(images/ongaku_60.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
width:1047px;
float:left;
margin:20px 0px 0px 0px;
padding:15px 0px 20px 0px;
}

div#Footer p{
color:#FFFFFF;
text-align:right;
padding:8px 0px 0px 0px;
}

div#Footer a{
color:#FFFFFF;
text-decoration:none;
}

div#Footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}

/* search */

#search{
width:840px;
float:left;
}

#search_footer{
text-align:right;
font-size:18px;
padding:40px 20px 0px 0px;
width:800px;
float:left;
}

#search_main{
width:840px;
float:left;
}

#search_main h2{
font-size:17px;
}

#search_line{
width:840px;
clear:both;
padding:5px 0px 0px 0px;
margin:0px;
line-height:150%;
float:left;
}

.search_category {
width:840px;
clear:both;
padding:5px 0px 0px 0px;
float:left;
}

.search_thum{
width:150px;
margin:10px 3px 0px 2px;
padding:5px 5px 5px 5px;
line-height:150%;
border:1px solid #CCCCCC;
float:left;}

.search_thum p{
padding:2px 5px 0px 5px;
float:left;
font-size:12px;}

.search_thum h3{
padding:2px 5px 0px 5px;
font-size:12px;
float:left;
}

/* regist */

#regist{
width:840px;
float:right;
line-height:150%;
}

#regist_main{
width:800px;
float:left;
}

#regist_main h2{
font-size:17px;
}

#regist_in {
float:left;
margin:20px 0px 0px 0px;
padding-top:30px;
padding-bottom:30px;
background-color:#1C1C1C;
width:800px;
}

.regist_waku {
	float:left;
	font-size:14px;
	padding:5px 5px 5px 15px;
	width:600px;
}

.regist_left {
	float:left;
	font-size:14px;
	padding:5px 0px 5px 5px;
	width:120px;
}
.regist_right {
float:left;
font-size:14px;
padding:3px 0px 5px 0px;
width:400px;
}

.regist_botun {
float:left;
font-size:14px;
padding:5px 5px 25px 20px;
width:575px;
}

.regist_botun_in {
text-align:left;
float:left;
font-size:14px;
padding:8px 25px 8px 80px;
width:325px;
}

.regist_thanks {
float:left;
font-size:14px;
padding:5px 5px 35px 35px;
width:430px;
margin-bottom:30px;
line-height:200%;
}

/* login */

.login_botun {
float:left;
font-size:14px;
padding:5px 5px 25px 20px;
width:575px;
}

.error {
float:left;
font-size:12px;
padding:5px 5px 5px 15px;
width:580px;
color:#FF0000;
}

/* artist */

#artist{
width:840px;
float:right;
line-height:150%;
}

.adsense {
width:800px;
float:left;
}


#artist_main{
width:800px;
float:left;
line-height:150%;
}


#artist_main h2{
font-size:19px;
}

#artist_main h3{
font-size:17px;
padding-left:5px;
margin-top:20px;
margin-bottom:15px;
width:595px;
border-bottom:1px solid #FFCC00;
color:#FFCC00;
font-weight:800;
float:left;
}

.artist_photo{
width:800px;
padding-top:20px;
float:left;
}

.artist_movie{
width:800px;
padding-top:10px;
float:left;
}


.artist_name {
float:left;
font-size:14px;
padding:5px 0px 0px 5px;
width:595px;
}

.artist_profile {
float:left;
font-size:14px;
padding:5px 5px 5px 5px;
width:590px;
}

.artist_music {
float:left;
font-size:14px;
line-height:100%;
padding:5px 5px 5px 5px;
width:590px;
}

.artist_music EMBED{
padding:0px;
margin:0px 0px 0px 0px;
vertical-align:bottom;
}

/* baner */

#baner{
width:840px;
float:right;
line-height:150%;
}

#baner_main{
width:800px;
float:left;
}

#baner_main h2{
font-size:17px;
}

#baner_in {
float:left;
margin:20px 0px 0px 0px;
padding:30px 20px 30px 20px;
background-color:#1C1C1C;
font-size:12px;
width:760px;
}

#baner_in textarea {
font-size:12px;
}

/* link */

#link{
width:840px;
float:right;
line-height:150%;
}

#link_main{
width:800px;
float:left;
}

#link_main h2{
font-size:15px;
}

#link_in {
float:left;
width:775px;
padding:7px 10px 15px 10px;
font-size:12px;
margin-top:5px;
line-height:150%;
}

#link_in a:link {
color:#FFFFFF;
text-decoration:none;
}

#link_in a:visited {
color:#FFFFFF;
text-decoration:none;
}

#link_in a:active {
color:#FF0000;
text-decoration:none;
}

#link_in a:hover {
	color: #FF0000;
}


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

#link_in li{
display: block;
float:left;
text-align:left;
vertical-align:middle;
list-style-type: none;
width:360px;
margin-left:0px;
margin-bottom:10px;
margin-right:10px;
line-height:170%;
border-bottom:1px solid #FFFFFF;
padding:0px 5px 0px 5px;
}


/* cd_shop */

#cd_shop {
float:left;
width:775px;
padding:10px 10px 15px 10px;
font-size:12px;
margin-top:5px;
line-height:150%;
}

#cd_shop p {
margin-top:10px;
margin-bottom:10px;
line-height:150%;
}


p.chiiki { background-image:url(images/chiiki.jpg); background-repeat: no-repeat; 
            }
p.totop { margin: 0; font-size: 12px; text-align: right; padding-right:10px;}

table.listname { width: 450px; margin:10px 0px 0px 0px; }
table.listname th { text-align: left; font-size: 13px; background-image:url(images/13.jpg); background-repeat:no-repeat; padding-top: 4px; padding-left: 15px; color:#FFFFFF;}
table.listname td { width: 100px; text-align: right; vertical-align: middle; font-size: 12px; 
color: #CCCCCC;}	

table.listshousai { margin:0px 0px 15px 0px; }
table.listshousai th { text-align: left; }
table.listshousai td { font-size: 12px; }
	
			
/* guide */

#guide{
width:840px;
float:right;
line-height:150%;
}

#guide_main{
width:840px;
float:left;
}

#guide_main h2{
font-size:17px;
}

.guide_in {
float:left;
width:835px;
padding:10px 0px 0px 5px;
font-size:12px;
margin-top:0px;
line-height:150%;
}

/* toiawase */

#toiawase{
width:840px;
float:right;
line-height:150%;
}

#toiawase_main{
width:800px;
float:left;
}

#toiawase_main h2{
font-size:17px;
}

#toiawase_in {
float:left;
color:#CCCCCC;
margin:20px 0px 0px 0px;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
background-color:#333333;
width:770px;
}

#toiawase_in table{
float:left;
}

/* toiawase2 */

#toiawase2 {
float:left;
margin:0px 0px 0px 0px;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
background-color:#333333;
width:480px;
font-size:12px;
color:#FFFFFF;
}

/* kakunin */

#kakunin {
float:left;
margin:0px 0px 0px 0px;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
background-color:#333333;
width:480px;
font-size:12px;
color:#666666;
}

/* basis */

#basis{
width:840px;
float:right;
line-height:150%;
}

#basis_main{
width:800px;
float:left;
}

#basis_main h2{
font-size:17px;
}

#basis_in {
float:left;
margin:20px 0px 0px 0px;
font-size:13px;
line-height:170%;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
background-color:#1C1C1C;
width:760px;
}

/* font */

.orange { color:#FFCC00;
font-weight:800;}

.orange2 { color:#ef7c1a;}

.red { color:#FF0000;}
.black { color:#333333;}
.bg_grey { background-color:#333333;
color:#FFFFFF;}
.white { color:#FFFFFF;}