@charset 'utf-8';

* {margin:0px;padding:0px;font-family:	arial, verdana, sans-serif;}

/*tag*/

a:link		{color:gray;text-decoration:underline;}
a:visited	{color:gray;text-decoration:underline;}
a:hover		{color:black;text-decoration:none;}

img		{border:0px;padding:0px;margin:0px;}
object		{border:10px;padding:0px;margin:0px;}
iframe		{border: 0px;}
textarea	{padding:5px;}
object		{margin:0px;padding:0px;}
#item		{font-size:0.7em;}
iframe		{margin:0px;padding:0px;}
/*html-design*/

html {
	height:		100%;
}
body {
	height:		100%;
	color:		#555;
	background-image:	url( img/bg/bg_body.png);
	background-repeat:	repeat-y; 
	background-position:	center top;
}

/* wrap */

#body_wrap {
	width:		980px;
	padding:	0px 10px 0px 10px;
}
	/* top_line */
	
	#line_counter {
		height:		26px;
		width:		980px;
		font-size:	0.8em;
		text-align:	left;
		color:		#FFFFFF;
		padding:	0px 0px 0px 0px;
		background-image:url(./img/bg/bg_line.gif);
		background-repeat: repeat-x; 
	}
		#line_counter a:link	{text-decoration:none;}
		#line_counter a:visited	{text-decoration:none;}
		#line_counter a:hover	{text-decoration:none;}
		
		#line_counter img {vertical-align:middle;}
		
		ul#login_menu{
		    list-style:none;
		    width:100%;
		}
		ul#login_menu li{
		    list-style:none;
		    float:left;
		    width:56px;
		    margin-left: 2px;
		}
		ul#login_menu a{
		    display:block;
		    width:56px;
		    height:17px;
		    text-indent:-100px;
		    overflow:hidden;
		}
		a.profile{
		    background-image:url(./img/line/line_profile.gif);
		}
		a:hover.profile{
		    background-position:0px -17px;
		}
		a.friend{
		    background-image:url(./img/line/line_friend.gif);
		}
		a:hover.friend{
		    background-position:0px -17px;
		}
		a.mail{
		    background-image:url(./img/line/line_mail.gif);
		}
		a:hover.mail{
		    background-position:0px -17px;
		}
		
	/* top_img */
	
	#line_title {
		width:	800px;
		height:	100px;
		background:	#FFF;
	}
		#line_title img{
			vertical-align:	top;
		}
		
	/* top_menu */
	
	#line_menu {
		width:		780px;
		height:		20px;
		text-align:	right;
		margin:		0px 0px 0px 0px;
		padding:	0px 20px 0px 0px;
	}
		#line_menu a {text-decoration:none;font-weight:bold;}
		#line_menu img{
			vertical-align: bottom;
		}
		#line_menu li { 
			display:	inline;
			padding:	0px 5px 0px 5px;
			font-size:	0.8em;
		}

/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */

	/* row_right */
	#row_right{
		width:		180px;
		float:		right;
	}
	

		
		#calendar_body{
			width:		165px;
			font-size: 12px;
			line-height: 1.5em;
			text-align:	left;
			padding:	10px 5px 0px 10px;
			background-image:url(./img/bg/bg_right.png);
			background-repeat: repeat-y; 
			background-position: left top;
		}
		
		#calendar_body p {
			background-color:#000000;
			color:#FFFFFF;
			font-weight: bold;
			margin:10px 0px 10px 0px;
			padding-left:5px;
		}
			#calendar_body a:link	{color:#999999;text-decoration:underline;}
			#calendar_body a:visited	{color:#999999;text-decoration:underline;}
			#calendar_body a:hover	{color:#555555;text-decoration:none;}
			
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */

/* row_center_left */
#row_center_left {
	width:		800px;
	float:		left;
}

	/* row_center_float */

	#row_center {
		width:		620px;
		float:		right;
	}
	
	  /* center */
	  
	  #center_body {
		  width:	100%;
		  text-align:	left;
		  font-size:	0.8em;
	  }
	  
		#center_body a:link	{color:#555;}
		#center_body a:visited	{color:#555;}
		#center_body a:hover	{color:#555;}


	  /* center_friendlist */
	  
	  #center_body_list {
		  width:	100%;
		  text-align:	center;
		  padding:10px 0px 10px 0px;
	  }

	  /* center_vs */
	  
	  #center_body_vs {
		  width:	100%;
		  text-align:	center;
		  padding:10px 0px 10px 0px;
	  }
	  
		/* // */
		
		#center_info_h{
			width:		595px;
			height:		20px;
			margin-top:		10px;
			margin-bottom:	10px;
			padding-top:	5px;
			padding-left:	10px;
			border-left:	solid 5px black;
			border-bottom:	solid 2px black;
			font-size:		15px;
			font-weight:	bold;
		}
		#center_info{
			width:		605px;
			height:		auto;
			margin-bottom:	10px;
			padding:	0px 0px 5px 10px;
			border-bottom:	dotted 1px gray;
		}
		#center_info a:link	{color:#555;text-decoration:underline;}
		#center_info a:visited	{color:#555;text-decoration:underline;}
		#center_info a:hover	{color:#555;text-decoration:none;}
		
		/* rss */
		#center_rss_h{
			width:		595px;
			height:		20px;
			margin-top:		10px;
			margin-bottom:	10px;
			padding-top:	5px;
			padding-left:	10px;
			border-left:	solid 5px black;
			border-bottom:	solid 2px black;
			font-size:		15px;
			font-weight:	bold;
		}
		#center_rss{
			width:		610px;
			height:		auto;
			margin-bottom:	10px;
			padding-bottom:	10px;
			border-bottom:	dotted 1px gray;
		}
			#center_rss a:link	{color:#555;text-decoration:underline;}
			#center_rss a:visited	{color:#555;text-decoration:underline;}
			#center_rss a:hover	{color:#555;text-decoration:none;}

			#description_demo a:link	{color:#555;text-decoration:none;}
			#description_demo a:visited	{color:#555;text-decoration:none;}
			#description_demo a:hover	{color:#555;text-decoration:underline;}

			a#rss_a{
				background:	#FFF;
				background-image:url(./img/rss/rss_li.gif);
				background-repeat: no-repeat; 
				background-position: left center;
				padding-left:	10px;
			}
			#description_demo	{
				width:		580px;
				height:		auto;
				padding:	0px 0px 10px 10px;
				margin:		0px 0px 10px 0px;
			}
			#description	{
				width:		570px;
				height:		auto;
				padding:	0px 0px 10px 20px;
				margin:		0px 0px 10px 0px;
			}
			img#desc {
				border:solid 2px #CCC;
				margin:5px;
			}
			#rss_mark {
				margin: 	4px;
				text-align:	left;
				font-size:	0.7em;
			}
			#rss_mark img{
				vertical-align:	top;
			}
			
		/* chat */
		
		#center_chat_h{
			width:		595px;
			height:		20px;
			margin-top:		10px;
			margin-bottom:	10px;
			padding-top:	5px;
			padding-left:	10px;
			border-left:	solid 5px black;
			border-bottom:	solid 2px black;
			font-size:		15px;
			font-weight:	bold;
		}
		#center_chat{
			width:		610px;
			height:		auto;
			margin-bottom:	10px;
			padding-bottom:	10px;
			border-bottom:	dotted 1px gray;

		}
		#center_chat td{
			vertical-align: top;
		}
		/* 真ん中の対戦リスト */
		#center_vs_h{
			width:		595px;
			height:		20px;
			margin-top:		10px;
			margin-bottom:	10px;
			padding-top:	5px;
			padding-left:	10px;
			border-left:	solid 5px black;
			border-bottom:	solid 2px black;
			font-size:		15px;
			font-weight:	bold;
		}
		#center_vs_h a{ font-size:10px; font-weight:normal; margin-left:10px;}
		#center_vs{
			width:		610px;
			height:		auto;
			margin-bottom:	10px;
			padding-bottom:	10px;
			border-bottom:	dotted 1px gray;

		}
			table#vs_table td a:link	{color:#555;text-decoration:none;}
			table#vs_table td a:visited	{color:#555;text-decoration:none;}
			table#vs_table td a:hover	{color:#F55;text-decoration:none;}
			
			table#ranking td a:link		{color:#555;font-weight:bold;text-decoration:none;}
			table#ranking td a:visited	{color:#555;font-weight:bold;text-decoration:none;}
			table#ranking td a:hover	{color:#F55;font-weight:bold;text-decoration:none;}
			
			table#vs_table  {
			        border-collapse: separate;
			}
			table#vs_table th {
				font-size:1.0em;
			        padding: 2px 5px 2px 5px;
			        border-right: 1px solid #CCCCCC;
			        border-bottom: 1px solid #CCCCCC;
			        background-color: #FFF;
			}
			table#vs_table td {
				font-size:0.9em;
			        padding: 2px 5px 2px 5px;
			        border-right: 1px solid #CCCCCC;
			        border-bottom: 1px solid #CCCCCC;
			        background-color: #FFF;
			}
			table#vs_table td img{
				vertical-align: top;
			}
			table#vs_table input {
				border: 0px;
				background:#EEE;
				font-size:10px;
			}
			tr#room_a td	{
				text-align:	center;
				/*background:	#EEE;*/
			}
			tr#room_b td	{
				text-align:	center;
				background:	white;
			}
			table#vs_host td{
				font-size:0.8em;
			        padding: 2px;
			}
			tr#vs_host_title {
			        padding: 0px 0px 0px 0px;
			        background-color: #FFC532;
			}
			tr#vs_host_th td{
			        background-color: #FFC532;
			}
			tr#vs_host_footer td{
			        padding: 3px 0px 3px 0px;
			        background-color: #FFC532;
			}
			/* Ranking*/
			table#ranking {
			        /*border-bottom: 1px dotted #CCCCCC;*/
			}
			table#ranking td{
			        padding: 2px 5px 2px 5px;
			}
			table#ranking b{
				color:#CC6600;
			}
			span#rank_s {
				color:	#999;
				font-size:	9.5px;
			}
			img#rank_img{
				border:1px solid #999;
			}
			#rank_title{
				padding-left:10px;
				text-align:left;
			}
			#rank_title img{
				vertical-align: middle;
			}
			table#vs_log td span#top5{
				color:orange;
				font-weight:bold;
			}
			table#vs_log td span#today{
				color:black;
				/*font-weight:bold;*/
			}
			/* game_log*/
			table#vs_log{
				color:#ccc;
				width:	598px;
			}
			table#vs_log b{
				color:#555;
			}
			table#vs_log td{
			        padding: 2px 5px 2px 5px;
			        text-align:	left;
			}
			#vs_new td{
				background:	#EEEEEE;
				font-size:	0.8em;
			        padding: 2px 5px 2px 5px;
			}
		table#song td{
			padding:10px;
			vertical-align: top;
			line-height:1.5em;
			background:	#EEE;
		}
		#platinum {
				font-size:	0.8em;
		}
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */
#row_left {
	width:		180px;
	float:		left;
}
	#row_left a:link	{color:#335;text-decoration:none;}
	#row_left a:visited	{color:#335;text-decoration:none;}
	#row_left a:hover	{color:#000;text-decoration:none;}
		
	img#left_img_p {
		vertical-align:	top;
		margin:	10px 0px 0px 3px;
	}
		.left_h2 {
			width:100px;
			margin: 0px 0px 10px 5px;
			padding: 0px 0px 0px 5px;
			font-weight:	bold;
			color:	#FFFFFF;
			background:	#000000;
			}

		#sonor{
			width:		180px;
			text-align:	left;
			font-size:	0.8em;
		}
			#sonor_table{
				text-align:	left;
				margin-left:15px;
				margin-bottom:10px;
			}
			#sonor_table td{
				text-align:	left;
			}
			#sonor a:link		{	color:#335;font-weight:bold;	}
			#sonor a:visited	{	color:#335;font-weight:bold;	}
			#sonor a:hover		{	color:#900;font-weight:bold;	}
		td#sonor_time {
			font-size:	0.8em;
		}
		ul#navi li{
			list-style-type:none;
			padding-bottom:	5px;
			margin-bottom:	5px;
		}

		#tips{
			width:		180px;
			padding:	0px;
			margin:		0px;
			text-align:	left;
			font-size:	0.8em;
		}
			#waza{
				width:		150px;
				padding:	5px  5px 5px  5px;
				margin:		0px 10px 0px 10px;
				text-align:	left;
				font-size:	0.8em;
				background:	#FFF;
			}
				#waza a	{
					background-image:url(./img/left/a_list.gif);
					background-repeat: no-repeat; 
					background-position: left center;
					padding-left:15px;
				}
			#kikaku{
				width:		150px;
				padding:	5px  5px 5px  5px;
				margin:		0px 10px 10px 10px;
				text-align:	left;
				/*font-size:	0.8em;*/
				background:	#FFF;
			}
			#login{
				width:		150px;
				padding:	5px  5px 5px  5px;
				margin:		0px 10px 0px 10px;
				text-align:	left;
				font-size:	0.8em;
				background:	#FFF;
			}

		#link{
			width:		180px;
			padding:	0px;
			text-align:	left;
			font-size:	0.8em;
		}
			#link_arrow{
				margin-left:	10px;
				margin-bottom:	10px;
			}	
		#link_img img{
			vertical-align:	middle;
			margin-left:10px;
		}

/*///////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////*/

#row_left_review {
	width:		250px;
	float:		left;
}
		#review_list{
			width:		245px;
			margin:		0px 0px 0px 5px;
			text-align:	left;
			font-size:	0.8em;
			line-height:	1.5em;
		}
		#row_left_review a:link		{color:#000055;text-decoration:none;}
		#row_left_review a:visited	{color:#000055;text-decoration:none;}
		#row_left_review a:hover	{color:#cc0000;text-decoration:underline;}
#row_center_review {
	width:		550px;
	float:		right;
}
		#row_center_review a:link	{color:#579;text-decoration:none;}
		#row_center_review a:visited	{color:#579;text-decoration:none;}
		#row_center_review a:hover	{color:#cc0000;text-decoration:none;}
		
		table#review td{
			padding:	10px;
			vertical-align:	top;
			line-height:	1.1em;
			text-align:	left;
		}
		table#review img{
			padding:	0px;
			margin:		0px;
		}
		#review_intro_h{
			width:500px;
			height:27px;
			padding:	0px;
			margin:		0px;
			text-align:	left;
			color:#555555;
		}
		#review_intro{
			width:495px;
			background:	#FFF;
			padding-top:	5px;
			padding-bottom:	10px;
			padding-left:	5px;
			margin:		0px;
			margin-bottom:	15px;
			text-align:	left;
			border-bottom: 1px dotted #CCCCCC;
		}
		#review_good_h{
			width:500px;
			height:27px;
			padding:	0px;
			margin:		0px;
			text-align:	left;
			color:#555555;
		}
		#review_good{
			width:490px;
			background:	#FFF;
			padding-top:	10px;
			padding-bottom:	10px;
			padding-left:	10px;
			margin:		0px;
			margin-bottom:	15px;
			text-align:	left;
			border-bottom: 1px dotted #CCCCCC;
		}
		#review_wrong_h{
			width:500px;
			height:27px;
			padding:	0px;
			margin:		0px;
			text-align:	left;
			color:#555555;
		}
		#review_wrong{
			width:490px;
			background:	#FFF;
			padding-top:	10px;
			padding-bottom:	10px;
			padding-left:	10px;
			margin:		0px;
			margin-bottom:	15px;
			text-align:	left;
			border-bottom: 1px dotted #CCCCCC;
		}
		#review_add{
			width:490px;
			height:20px;
			background:	#EEE;
			padding:	5px;
			margin:		0px;
			text-align:	right;
		}
	
/*///////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////*/

	#center_body_list{
	}
	
	#card_field{
		width:	550px;
		background-color:	#DDD;
		background-image:url(./img/list/card_bg.jpg);
		background-repeat:  no-repeat;
	}
	
	#center_body_list a:link	{ color:#000; text-decoration:none;}
	#center_body_list a:visited	{ color:#000; text-decoration:none;}
	#center_body_list a:hover	{ color:#555; text-decoration:none;}

	tr#list_tr_center_blue td a:link	{ color:#FFF; text-decoration:none;}
	tr#list_tr_center_blue td a:visited	{ color:#FFF; text-decoration:none;}
	tr#list_tr_center_blue td a:hover	{ color:#EEE; text-decoration:none;}
	
	table#card_acv td{
		background:	#EEE;
		text-align:	center;
		font-size:	0.8em;
	}

	table#card_table{
	}
	table#card_table td{
		font-size:	0.8em;
	}
	
	/* */
	
	table#card_acv td a:link	{color:black;font-weight:bold;text-decoration:none;}
	table#card_acv td a:visited	{color:black;font-weight:bold;text-decoration:none;}
	table#card_acv td a:hover	{color:white;font-weight:bold;text-decoration:underline;}

	/* */

	td#card_td_left_no		{text-align:	left;	padding:5px;}
	td#card_td_right_no		{text-align:	right;	padding:5px;}
	td#card_td_center_no		{text-align:	center;	padding:5px;}


	td#card_td_left_yellow		{background:	#EEEEEE;text-align:	left;	padding:5px;}
	td#card_td_right_yellow		{background:	#EEEEEE;text-align:	right;	padding:5px;}
	td#card_td_center_yellow	{background:	#EEEEEE;text-align:	center;	padding:5px;}

	td#card_td_left_white		{background:	#FFFFFF;text-align:	left;	padding:5px;}
	td#card_td_right_white		{background:	#FFFFFF;text-align:	right;	padding:5px;}
	td#card_td_center_white		{background:	#FFFFFF;text-align:	center;	padding:5px;}

	td#card_td_left_gray		{background:	#DDDDDD;text-align:	left;	padding:5px;}
	td#card_td_right_gray		{background:	#DDDDDD;text-align:	right;	padding:5px;}
	td#card_td_center_gray		{background:	#DDDDDD;text-align:	center;	padding:5px;}


	td#cardnew			{text-align:	right;}
	td#cardval			{background:	#FFF;}
	
	/* list_table */
	
	table#list{
		font-size:0.8em;
	}
	
	tr#list_tr_center_blue td	{
		text-align:	center;
		background:	#000;
		padding:2px;
	}
	tr#list_tr_center_gray td	{
		text-align:	center;
		background:	#EEE;
	}
	tr#list_tr_center_white td	{
		text-align:	center;
		background:	white;
	}

	#list_result {
		width:600px;
		text-align:right;
		border-top:1px solid #FFC532;
		background:#FE9;
		font-size:0.8em;
		padding:2px 10px 2px 0px;
		margin:10px 0px 15px 0px;
	}
	
/*///////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////*/

	table#room_page_table{
		background:	#FFF;
		margin: 10px;
	}
	#room_page_table td{
		font-size:0.8em;
		padding: 5px;
	}
	td#room_page_link {
		text-align:	right;
	}
	td#room_page_link a:link	{color:#000;text-decoration:none;}
	td#room_page_link a:visited	{color:#000;text-decoration:none;}
	td#room_page_link a:hover	{color:#FFF;text-decoration:none;background:#000;}

/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */

#content_footer {
	width:		100%;
	text-align:	center;
	clear:		both;
}
	#footer {
		background:	#111;
		font-size:	0.7em;
		color:		#FFF;
		padding:	10px 0px 10px 0px;
		border-top:	solid 1px #555;
	}