@charset "utf-8";
/*
Theme Name: Yudo Music Website
Theme URI: *****
Description: [h[z[y[W
Version: 0.1
Author: jV}qV
Author URI: *****
Tags: *****
*/

*{
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color:#1E1E1E;
}

/*#############ANCHOR##############*/

a:link {color:#BF0000; text-decoration:none; font-weight:bold;}
a:visited {color:#BF0000; text-decoration:none; font-weight:bold;} /**/
a:hover {color: #FFBEBE; text-decoration:underline; font-weight:bold;} /**/
a:active {color: #FFBEBE; text-decoration:none; font-weight:bold;} /**/


/*############# TXT ##############*/



h1.release_top{
background-image:url(img/bar_contents.png);
background-repeat:no-repeat;
width:380px; height:33px;
}

h1.outline{
background-image:url(img/o_title.png);
background-repeat:no-repeat;
width:398px;
height:30px;
margin-top:10px;
}


h1.howto{
background-image:url(img/h_title.png);
background-repeat:no-repeat;
width:398px;
height:30px;
margin-top:10px;
}


h1.contact{
background-image:url(img/c_title.png);
background-repeat:no-repeat;
width:398px;
height:30px;
margin-top:10px;
}


h1.ranking{
background-image:url(img/r_title.png);
background-repeat:no-repeat;
width:600px; height:30px;
margin-top:10px;
}



h1.news{
background-image:url(img/n_title.png);
background-repeat:no-repeat;
width:442px; height:26px;
margin: 10px 0;
}


h1.message{
background-image:url(img/m_title.png);
background-repeat:no-repeat;
width:398px;
height:30px;
margin-top:10px;
}


/*Pspan */
h1 span.none{
display:none;
}


/*Q*/
h2.h2_b{
width:358px; height:27px;
background-image:url(img/title_back.png);
background-position:top right;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
color:#1E1E1E;
padding:3px 0px 5px 0px;
}

h2.h2_b_r{
width:560px; height:27px;
background-image:url(img/title_back_r.png);
background-position:top right;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
color:#1E1E1E;
padding:3px 0px 5px 0px;
}



/*■付きタイトル*/
h3.h3_b{ 
padding:0px 5px; 
font-weight:bold;
border-left:solid 5px #BF0000;
font-size:16px;
}



/*#############ID##############*/

body {
	font-size:12px;
	color:#1E1E1E;
	background:url('img/back.gif') top #B4B4B4 repeat-x;
}

#main_box{
	width: 640px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: #fff;
	}

	
/*#############HEAD##############*/

#head_box{
	width: 100%;
	height: 80px;
	background:url('img/h_back.png') top repeat-x;
	}
		
		
	#head_box #head_title{
		}
		
		#head_title #head_logo{
			float: left;
			}
		
		#head_title #head_logo a{
			display: block;
			width: 290px;
			height: 80px;
			background: url('img/yudo_music.png') no-repeat;
			}
		
		#head_title #head_logo a h1{
			display: none;
			}
			
			
		#head_title #head_copy{
		text-align:right;
		font-size:14px;
		color: #1E1E1E;
		padding-top:10px;
		padding-bottom:5px;
		margin-right:10px;
			}	
		
		
		#head_title #head_logo a{
			display: block;
			width: 290px;
			height: 80px;
			background: url('img/yudo_music.png') no-repeat;
			}
		
		#head_title #head_logo a h1{
			display: none;
			}
		
			
			
		#head_title #head_contact{
			float: right;
			}
		
		#head_title #head_contact a{
			display: block;
			width: 126px;
			height: 36px;
			background: url('img/bt_contact.png') no-repeat;
			}
		
		#head_title #head_contact a h3{
			display: none;
			}
			
			
/*################ HEAD_NAV ###############*/

.main_menu_box{
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	background: url('img/h_bar_back.png') repeat-x;
	height: 30px;
}
		

/*############# FOOTER ##############*/



#footer_box{
	clear: both;
	height:80px;
	text-align: center;
	padding-top: 20px;
	background: url('img/f_back.png') bottom repeat-x;
	}

   #footer_box .inbox{
   padding-top:30px;
		}

	#footer_box .inbox span.copyright{
	    padding-top: 200px;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		}
		



/*################ BIG BANNER ###############*/

#big_banner_box{
		clear: both;
		margin: 0;
		padding: 0;
	}
	
.banner { display:none; }	
	
/*################ BANNER BOX ###############*/

.banner_box{
	clear: both;
	height:142px;
	text-align: center;
	padding-top:5px;
	background: url('img/p_back.png') bottom repeat-x;
	}	
	


/*################ SIDEnav ################*/


/* ############# COMMON BOX ############# */

.contents_box{

height:auto;
margin:0px 20px;
}

	.contents_box .inbox{
		margin:5px 0 10px 0;
		clear: both;
		height: auto;
		}


	.contents_box .color{
	background-color:#FCF2F2;
	padding:10px 20px 20px 20px;
		}
		
		

.content_box{

height:auto;
padding:0px 10px;

}

    .content_box .color{
	background-color:#FCF2F2;
	width:358px;
	padding:10px 20px 20px 20px;
		}




.side_margin_box{
	margin: 0 15px;
	height: auto;
}

.all_margin_box{
	margin: 15px;
	}



.left_box{
	float: left;
	margin: 10px 0 0 0;
	}

.right_box{
	float: right;
	margin: 10px 0 0 0;
	}

#indexpage_left{
    margin-right:20px; 
	width: 380px;
	padding-bottom: 5px;
	background-color:#FFE6E6;
	}

#subpage_left{
	width: 182px;
	margin-right: 10px;
	padding-bottom: 20px;
	}

#subpage_right{
	width: 398px;
	}
		
.clear_box{
	clear: both;
	width: auto;
	height: auto;
	}
/* ############# RELEASE BOX ############# */

.release_box{
widows:360px;
height:140px;
margin:10px ;
border-bottom:1px solid #FFBEBE;
}

.release_box h3{
	 margin-bottom:5px;
	 }

.release_img{
float: left;
margin: 0 10px 10px 0;
}
.release_tx{
float: left;
width: 270px;
padding-bottom:5px;
}

.release_bt{
float: left;
width: 250px;
padding-top:5px;
}


.release_box p.word_dt{
font-weight:bold;
margin-top:-3px;
margin-bottom:3px;
	 }

.release_box sapn.word_dt_tex{

	 }	 

/* ############# NEWS BOX ############# */

#news_box{
	width: 200px;
	padding-bottom: 10px;
	background: #C8C8C8;
	margin-bottom: 10px;
}

	#news_box h3{
		background: url('img/bar_news.png') no-repeat;
		width: 200px;
		height: 32px;
		display: block;
		}
	#news_box h3 span{
		display: none;
		}
	
	
	#news{
		list-style: none;
		padding: 0 10px;
		}
	
		#news li{
			padding: 10px 0;
			border-bottom: 1px solid #969696;
			}
		#news span{
			font-size: 12px;
			font-weight: bold;
			color: #1E1E1E;
			}
		
		#news a{
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			color: #1E1E1E;
			}
	
		#news a:hover{
			text-decoration: underline;
			color: #1E1E1E;
			}
			
			
/* ############# BANNER BOX ############# */

#bunner_box{
	width: 182px;
	height:100%;
}

	#bunner_box h3{
		background: url('img/sb_pickup.png') no-repeat;
		width: 182px;
		height: 32px;
		display: block;
		padding-bottom:5px;
		}
	#bunner_box h3 span{
		display: none;
		}


#bunner_box p.title{
font-size:14px;
padding-top:3px;
}

#bunner_box p.word{
line-height:130%;
}

	
#bunner_box p.category{
font-weight:bold;
color:#646464;
}
			

/* ############# TABLE ############# */

.yudo_t{
	border:0;
	width:210px;
	font-size:12px;
	color:#1E1E1E;
	margin-bottom:20px;
	}
	.yudo_t td.left{
		background:#E6E6E6;
		padding:2px 5px;
		text-align:right;
		font-weight:bold;
		width:auto;
		}
	.yudo_t td.right{
		background:#FFDCDC;
		padding:2px 5px;
		text-align:left;
		line-height:150%;
		width:130px;
		}



/*hrc*/	
hr.ten{
clear:both;
border-style:solid none none none;
border-top-width:1px;
border-top-color:#FFBEBE;
height:1px;
width:360px;
margin-left:10px;

} 



/*################ SIDEnav ################*/

#sidenav_box{
	width: 182px;
	height: auto;
	margin:10px 0px;
}




	#sidenav_box a#sidenav_details{
		background: url('img/sb_details.png') no-repeat #fff;
		width: 182px;
		height: 30px;
		display: block;
		
		}	
		
	#sidenav_box a h3{
		display: none;
		}
	
	
	#sidenav{
		list-style: none;
		width: 182px;
		height: auto;
		}
	
		#sidenav li{
			}
			
		
		#sidenav a{
			background: url('img/sankaku.png') right no-repeat #DCDCDC;
			background-position: 156px;
			display: block;
			text-decoration: none;
			font-size: 12px;
			color: #1E1E1E;
			padding: 8px 0 8px 10px;
			border-bottom: 1px solid #C8C8C8;
			}
	
		#sidenav a:hover, #sidenav li.current a {
			background: url('img/sankaku_on.png') right no-repeat #787878;
			background-position: 156px;
			color: #FFF;
			font-weight: bold;
			}
			

/* ############# SONG LIST ############# */

.song_list{
	margin-left:20px;
	line-height:200%;
}


.song_list li{
list-style:inherit;
}
			
			
/* ############# etc ############# */

.margin_b{
margin-bottom:40px;
	}
	
.left_eria{
float:left;

    }
	
.right_eria{
float:right;

    }	

span.only{
font-weight:bold;
}


/* ############# RANKING ############# */


.nav li.ranking_bt_box{
			float: left;
			list-style:none;
			}
	
			
.nav a.ranking_bt{
			background: url('img/bt_ranking.png') left top no-repeat;
			color: #FFF;
			display: block;
			width: 86px;
			height: 23px;
			padding-left: 25px;
			padding-top: 4px;
			text-decoration: none;
			font-size: 16px;
			font-weight: bold;
			margin-right: 7px;
			}

			
		.nav a:hover, .nav li.current a, .nav li#current a{
				background-position: left bottom;
				color: #999999;
			}			


.ranking_stage_box{
	border: 1px solid #E6E6E6;
	background: #FFF;
	padding: 8px;
	height: 30px;
	}
	
.ranking_stage_box_title{
	background: url('img/ranking_subbar_bg.gif') #E6E6E6;
	color:#FFF;
	padding-left: 10px;
	font-size: 16px ;
	font-weight: bold;
	line-height: 180%;
	margin-top: 10px;
	}
	
table.ranking_table{
	background-color:#E6E6E6;
	margin: 0px;
	clear: both;
	}

	table.ranking_table th{
		background: url('img/ranking_table_bg.gif');
		color: #fff;
		padding-left: 5px;
		font-size: x-small;
		font-weight: bold;
		}
	
	table.ranking_table td{
		font-size: x-small;
		padding: 5px;
		border-bottom: 1px solid #C8C8C8;
		}
		
	table.ranking_table td.score{
		color: #FF3232;
		font-size: small;
		font-weight: bold;
		}

.myscorebox{
	background: url('img/common_window.png') no-repeat;
	width:480px;
	height:94px;
	overflow:hidden;
}
	.myscorebox .userinfo{
		width: 220px;
		color: #fff;
		font-size: x-small;
		margin: 8px 15px;
		float: left;
		line-height: 120%;
		}
		
		.myscorebox .userinfo .myinfo{
			margin-left: 5px;
			font-size: small;
			font-weight: bold;
			color: #fff;
		}
	
	.myscorebox .rankbox{
		background-color: #FFF;
		border-left: 2px solid #C8C8C8;
		border-top: 2px solid #C8C8C8;
		width: 200px;
		height: 69px;
		overflow:hidden;
		margin: 10px;
		float: right;
		}
		
		.myscorebox .rankbox .subtx{
			text-align: left;
			font-weight: bold;
			font-size: medium;
			margin-top: 5px;
			margin-left: 5px;
			}
		
		.myscorebox .rankbox .myrank{
			overflow:hidden;
			font-size: xx-large;
			font-weight: bolder;
			padding: 10px;
			text-align: right;
			}
			

a.backtogame{
	background: url('img/bt_backtogame.png');
	display: block;
	width: 230px;
	height: 40px;
	}
	a.backtogame span{
	display: none;
	}
	

/* ############# Begin Comments ############# */

table.message_table{
	width:358px;
	background-color:#FFF;
	margin: 0px;
	}

	table.message_table th{
		background: url('img/ranking_subbar_bg.gif');
		color: #fff;
		font-size: x-small;
		text-align:center;
		}
	
	
	
	table.message_table td{
		padding: 5px;
		border-bottom: 1px solid #C8C8C8;
		}
	
	
	table.message_table td.coment{
		text-align:center;
		}
	
	
	table.message_table a{
	font-size:16px;
		}	

.alt {
	background-color: #fffbfb;
	margin: 0;
	}

.commentlist {
	padding: 0;
/*	text-align: justify; */
	}

.commentlist li {
	margin: 5px 0px 0;
	padding: 10px 10px 0;
	list-style: none;
	}

.commentlist p {
	margin: 5px 5px 5px 0;
	}

#commentform p {
	margin: 3px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-size: 10px;
	}
	

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 3px 5px 0 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	}
	
/* ############# End Comments ############# */