* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background-image: url(img/backimg.gif);
	font-family: Verdana;
}

img{
	border: 0;
/*	display: block;*/
}

p{
	line-height: 150%;
	font-size: 80%;
}

h1{
}

h2{
	margin: 20px 15px 10px 15px;
	padding: 7px 7px 7px 15px;
	background-color: #EEEEEE;
	background-image: url(img/h2back.jpg);
	background-repeat: repeat-x;
	font-size: 90%;
	color: #333333;
}

h3{

}

a:link {color: #0000CC; text-decoration: underline;}
a:visited {color: #0000CC; text-decoration: underline;}
a:active {color: #0000CC; text-decoration: underline;}
a:hover {color: #FF0066; text-decoration: underline;}

/*--------------------------------------- 共通 ------------*/
#seaweed{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
}

#main{

}

#menu ul{
	margin-top: 10px;
	text-align: center;
}

#menu ul li{
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

#left-area{
	width: 550px;
	float: left;
}

#left-area p{
	margin: 0px 15px 15px 25px;
}

#left-area img{
	margin: 0px 0px 5px 20px;
}

#left-area iframe{
	margin: 0px 0px 40px 15px;
	width: 520px;
	height: 600px;
	border: 0;
}

#left-area table{
	width: 500px;
	margin: 0px 0px 30px 25px;
	font-size: 80%;
}

#left-area table th{
	width: 80px;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	background-color: #DDDDDD;
	border-left: 3px #999999 solid;
}

#left-area table td{
	padding: 5px;
	border-bottom: 1px #CCCCCC dashed;
}

#left-area ul{
	margin-left: 15px;
	margin-right: 20px;
	list-style-type: none;
}

#left-area ul li{
	padding: 5px;
	border-bottom: 1px #CCCCCC dashed;
	font-weight: bold;
	color: #333333;
}

#left-area ul li img{
	margin: 0;
}

#left-area ul li a:link {font-weight: normal; font-size: 60%; color: #666666; text-decoration: none;}
#left-area ul li a:visited {font-weight: normal; font-size: 60%; color: #666666; text-decoration: none;}
#left-area ul li a:active {font-weight: normal; font-size: 60%; color: #666666; text-decoration: none;}
#left-area ul li a:hover {font-weight: normal; font-size: 60%; color: #FF0066; text-decoration: underline;}


#right-area{
	width: 250px;
	float: right;
}

#right-area img{
	margin-top: 12px;
}

#right-area iframe.cnt{
	width: 240px;
	height: 20px;
	border: 0;
	margin-top: 20px;
	padding: 0;
}

#artist-info{
	width: 240px;
	margin-top: 10px;
	padding-bottom: 10px;
	background-color: #EEEEEE;
	border-top: 3px #999999 solid;
}

#artist-info img{
	margin: 4px 4px 0px 4px;
}

#artist-info p{
	margin:  3px 4px 0px 6px;
	line-height: 100%;
	color: #333333;
}

#artist-ranking{
	width: 240px;
	margin-top: 10px;
	padding-bottom: 10px;
	background-color: #EEEEEE;
	border-top: 3px #999999 solid;
}

#artist-ranking img{
	margin: 4px 4px 0px 4px;
}

#artist-ranking iframe{
	width: 230px;
	height: 200px;
	border: 0;
	margin: 5px 0px 5px 5px;
	padding: 0;
}

#gototop{
	clear: both;
	text-align: right;
	margin-top: 15px;
}

#gototop p{
	font-size: 60%;
	margin-right: 10px;
}

#gototop p a:link {color: #666666; text-decoration: none;}
#gototop p a:visited {color: #666666; text-decoration: none;}
#gototop p a:active {color: #666666; text-decoration: none;}
#gototop p a:hover {color: #FF0066; text-decoration: underline;}


#member{
	margin: 20px 15px 20px 20px;
	border-top: 1px #999999 dashed;
	padding: 5px;
}

#sponsores{
	margin: 30px 15px 20px 15px;
	border: 1px #999999 solid;
	padding-bottom: 15px;
}

#sponsores ul{
	margin-top: 0px;
}

#sponsores ul li{
	display: inline;
	margin: 0px 10px 0px 10px;
}

#footer{
	text-align: center;
	border-top: 1px #999999 dashed;
}

#footer p{
	padding: 7px;
}

#artist-list h3{
	margin: 0;
	color: #CC3399;
	font-size: 100%;
}

#artist-list h3 img{
	vertical-align: text-bottom;
}

#artist-list P.a-index{

	color: #666666;
}

#artist-list P.a-index a:link {color: #993300; font-weight: bold; text-decoration: underline;}
#artist-list P.a-index a:visited {color: #993300; font-weight: bold; text-decoration: underline;}
#artist-list P.a-index a:active {color: #993300; font-weight: bold; text-decoration: underline;}
#artist-list P.a-index a:hover {color: #FF0066; font-weight: bold; text-decoration: underline;}

#artist-list div.a-data{
	margin: 0px 25px 20px 25px;
	padding: 8px;
	border: 1px #999999 solid;

}

#artist-list div.a-data P{
	margin: 0;
	color: #333333;
}

#artist-list div.a-data img{
	margin: 7px 0px 0px 0px;
}

#artist-list div.a-data p.katsudo{
	margin: 10px 0px 0px 0px;
	padding: 6px;
	background-color: #EEEEEE;
}

#artist-list p.a-menu{
	margin-top: 20px;
}

/*--------------------------------------- 装飾 ------------*/
.txt-01{
	font-weight: bold;
}

.txt-red{
	color: red;
}

.txt-blue{
	color: blue;
}

.txt-01-green{
	font-weight: bold;
	color: green;
}

.txt-01-red-mini{
	font-weight: bold;
	color: red;
	font-size: 80%;
}


/*------------------ クイズディレクトリ用アーティスト情報 ------------*/
#quiz-artist-list{
	text-align: left;
}

#quiz-artist-list P.a-index{
	color: #666666;
}


#quiz-artist-list div.a-data{
	margin: 0px 25px 20px 25px;
	padding: 8px;
	border: 1px #999999 solid;
	background-color: #FFFFFF;
}

#quiz-artist-list div.a-data P{
	margin: 0;
	color: #333333;
}

#quiz-artist-list div.a-data img{
	margin: 7px 0px 0px 0px;
}

#quiz-artist-list div.a-data p.katsudo{
	margin: 10px 0px 0px 0px;
	padding: 6px;
	background-color: #EEEEEE;
}

#quiz-artist-list p.a-menu{
	margin-top: 20px;
	margin-left: 20px;
}

#quiz-artist-list p.a-menu a:link {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
#quiz-artist-list p.a-menu a:visited {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
#quiz-artist-list p.a-menu a:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
#quiz-artist-list p.a-menu a:hover {color: #FF0066; font-weight: bold; text-decoration: underline;}