/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-image:url(../images/bg.gif);
	background-color:#ffffff;
	text-align:center;
	font-size: 13px;
	color:#333333;
}

#container {
	width:870px;
	margin:0 auto;
	background-color:#ffffff;
}

#request {
	width:800px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/tab3_bg.gif) repeat-y #8be8d7;
}

#request-title {
	width:800px;
}

#request-result {
	width:750px;
	margin: 0 0 0 10px;
	_margin: 0 0 0 20px;
	padding: 15px;
	background: url(../images/rank_bg.gif) no-repeat #8be8d7;
}

#request-result2 {
	width:750px;
	padding: 15px 0;
	margin: 0 auto;
}

#request-result #rank1 {
	width:650px;
	margin: 0 0 0 100px;
	padding: 0;
	text-align:left;
	font-size: 20px;
	font-weight: bold;
	color:#ffffcc;
	line-height:230%;
}

#request-result #rank2 {
	width:300px;
	margin: 20px 0 0 100px;
	_margin: 18px 0 0 50px;
	padding: 0;
	text-align:left;
	font-size: 16px;
	font-weight: normal;
	color:#ffffff;
	line-height:150%;
	_line-height:152%;
	float:left;
}

#request-result #rank3 {
	width:300px;
	margin: 20px 0 0 450px;
	_margin: 13px 0 0 420px;
	padding: 0;
	text-align:left;
	font-size: 12px;
	font-weight: normal;
	color:#ffffff;
	line-height:1.5em;
}

#request-result #rankupdate {
	width:750px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color:#ffffff;
}



img {
	margin:0px;
	padding:0px;
	border:0;
}

#topflash {
	margin:0px;
	padding:0px;
	background-image:url(../images/line.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#menu {
	margin:0px;
	padding:0px;
	background-image:url(../images/line.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
}

#contents {
	width:730px;
	margin:10px auto 0px auto;
	padding:0px;
}

#contentstop {
	width:730px;
	margin:10px auto 0px auto;
	padding:0px;
	background-image:url(../images/top/line.gif);
	background-repeat:repeat-y;
}

#contents2 {
	width:630px;
	margin:40px auto 0px auto;
	padding:0px;
}

#topleft {
	width:550px;
	margin:0px;
	padding:0px;
	float:left;
}

#topright {
	width:160px;
	margin:0px;
	padding:0px;
	float:right;
}

p {
	font-size:small;
	color:#666;
	line-height:150%;
}

p.right {
	text-align:right;
}

ul.whats {
	margin-left:0px;
	padding-left:0px;
	list-style:none;
}

ol {
	line-height:150%;
}

.top {
	text-align:right;
	margin:10px 60px 50px 0px;
}

li {
	font-size:small;
	color:#666;
	vertical-align:middle;
}

li.whats {
	background-image:url(../images/line_grey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:2%;
	margin-left:0px;
	padding-left:0px;
	line-height:150%;
}

.clearfloat {
	clear:both;
}

#footer {
	margin:0;
	padding:20px;
	text-align: right;
}

#footer #footer-arina {
	margin:0;
	padding:40px 0 0 0;
	float:left;
}


#footer #footer-10th {
	margin:0;
	padding:0;
}

#fleft {
	float:left;
	width:61px;
}

#fright {
	float:right;
	width:187px;
}

.pink {
	color:#e85098;
}

.section {
	background-image:url(../images/line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}




.flameheadb {
	width:780px;
	height:24px;
	background-image:url(../images/fr_up.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px auto;
	padding:0;
}

.flameb {
	width:780px;
	background-image:url(../images/fr_bg.gif);
	margin:0px auto;
	padding:0;
	text-align:left;
}

.flamefootb {
	width:780px;
	height:28px;
	background-image:url(../images/fr_bt.gif);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0;
	clear:both;
}

.attention {
	margin: 0 0 0 30px;
	background: url(../images/icon2.gif) no-repeat center left;
	padding: 0 0 0 30px;
	font-size: 14px;
	font-weight: normal;
	color:#00cc99;
}


.link {
	margin: 0 0 0 60px;
	background: url(../images/icon1.gif) no-repeat center left;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: normal;
	color:#333333;
}

.link {
	margin: 0 0 0 60px;
	background: url(../images/icon1.gif) no-repeat center left;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: normal;
	color:#333333;
}

.jk-img {
	margin: 0 0 0 75px;
}









.jk {
	border:solid 5px #f3f3f3;
	float:right;
	margin:0px 0px 5px 5px;
	background-color:#fff;
}

.jk2 {
	border:solid 1px #f3f3f3;
	margin:0px 7px 7px 0px;
}

.jk3 {
	border:solid 1px #f3f3f3;
	margin:0px 0px 8px 0px;
	background-color:#f3f3f3;
}

.qr {
	border:solid 1px #f3f3f3;
	margin:0px 25px 5px 0px;
	float:left;
}

/* CSS Document */

h3 {
	padding:0px 0px 0px 20px;
	margin:0px;
	background:url(../images/icon3.gif) no-repeat left center;
	color:#33cc66;
}

.title {
	margin-bottom:10px;
}

h4 {
	font-size:medium;
	color:#33cc66;
}

h5 {
	font-size:small;
	color:#666666;
	border-left:solid 5px #33cc66;
	padding-left:10px;
}

ul {
	list-style:square #FFFFFF;
	list-style-image:url(../images/listmark.gif);
	line-height:150%;
}

.flamehead {
	width:630px;
	height:15px;
	background-image:url(../images/library/flame_head.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px auto;
	padding:0px;	
}

.flame {
	width:590px;
	margin:0px auto;
	padding:5px 20px;	
}

.flamefoot {
	width:630px;
	height:15px;
	background-image:url(../images/library/flame_foot.gif);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px;	
}

a:link {
	color: #33cc66;
	text-decoration: underline;
}

a:hover {
	color: #33cc66;
	text-decoration: none;
}

a:active {
	color: #33cc66;
	text-decoration: none;
}

a:visited {
	color: #33cc66;
	text-decoration: underline;
}

.tie-up {
	color:#cccccc;
	padding-top:0px;
	margin-top:0px;
	font-size:x-small;
}

dl {
	margin:0;
	padding:0;
}

dt {
	margin:0;
	padding:10px;
	color:#33cc66;
	font-size: 14px;
	font-weight: bold;
	float:left;
	clear:both;
}

dd {
	margin:5px 0 0 50px;
	padding:10px;
	border-left:solid 3px #d7f6f0;
}

.songlink {
	text-align: center;
	font-size: 16px;
	padding:10px;
}

.songtitle {
	text-align: center;
	color:#33cc66;
	font-size: 17px;
	font-weight: bold;
	padding:16px;
	background: #e8fbf8;
}


.errormessage {
	text-align: center;
	color:#ff6600;
	font-size: 14px;
	font-weight: bold;
}

#requestform {
	font-size: 14px;
}


#requestform select {
	padding: 5px;
	width: 300px;
}

#requestform #message {
	padding: 5px;
	margin:0 0 50px 0;
	width: 100%;
	font-size: 14px;
	height: 100px;
}

#requestform #registarea {
	margin: 5px;
	padding: 5px;
	width: 300px;
	text-align: center;
	background: #ff6600;
}


#requestform #registarea #regist {
	padding: 5px;
	width: 300px;
	font-size: 14px;
	text-align: center;
	background: #ffffff;
}

