@charset "UTF-8";

/* ************************************************ */
/*                      新要素						*/
/* ************************************************ */

header,footer,nav,section,articel,aside,hgroup,section {
	display: block;
}


/* ************************************************ */
/*                      クラス						*/
/* ************************************************ */

.clr{	clear: both;}
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	content: "";
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
*:first-child+html .clearfix { min-height: 1px; }



/* ************************************************ */
/*                     common                       */
/* ************************************************ */

body {	background: url(/common/img/bg_body.png) left top repeat;}
#page {	background: url(/common/img/bg_page.png) left bottom repeat-x;}
#container {	background: url(/common/img/bg_container.jpg) center top no-repeat;}
header {
	margin-bottom: 5px;
	height: 415px;
	background: url(/common/img/bg_header.png) 0 280px repeat-x;
}
header h1,
header .logo {
	margin: 0 auto;
	width: 900px;
	height: 280px;
	background: url(/common/img/head_header.jpg) left top no-repeat;
	text-indent: -99999em;
}
header nav {
	height: 135px;
	background: url(/common/img/bg_nav.png) center top no-repeat;
}
header nav ul {
	margin: 0 auto;
	padding-top: 10px;
	width: 900px;
}
header nav ul li {
	float: left;
	width: 150px;
	height: 90px;
	text-indent: -99999em;
}
header nav ul li.index 		{	background: url(/common/img/nav_top_on.jpg) left top no-repeat;}
header nav ul li.mypage 	{	background: url(/common/img/nav_mypage_on.jpg) left top no-repeat;}
header nav ul li.data		{	background: url(/common/img/nav_data_on.jpg) left top no-repeat;}
header nav ul li.musicdata	{	background: url(/common/img/nav_musicdata_on.jpg) left top no-repeat;}
header nav ul li.ranking 	{	background: url(/common/img/nav_ranking_on.jpg) left top no-repeat;} /* 実装まで */
header nav ul li.contact 	{	background: url(/common/img/nav_contact_on.jpg) left top no-repeat;}
header nav ul li a {
	width: 150px;
	height: 90px;
	display: block;
}
header nav ul li.index a	{	background: url(/common/img/nav_top.jpg) left top no-repeat;}
header nav ul li.mypage a	{	background: url(/common/img/nav_mypage.jpg) left top no-repeat;}
header nav ul li.data a		{	background: url(/common/img/nav_data.jpg) left top no-repeat;}
header nav ul li.musicdata a{	background: url(/common/img/nav_musicdata.jpg) left top no-repeat;}
header nav ul li.ranking a 	{	background: url(/common/img/nav_ranking.jpg) left top no-repeat;}
header nav ul li.contact a	{	background: url(/common/img/nav_contact.jpg) left top no-repeat;}
header nav ul li a:hover {	background: none;}
#index nav ul li.index a,
#mypage nav ul li.mypage a,
#data nav ul li.data a,
#musicdata nav ul li.musicdata a,
#ranking nav ul li.ranking a,
#contact nav ul li.contact a {	background: none;}

/* 管理者用リンク */
#adminLink {
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	text-decoration: none;
	opacity: 0.9;
}
#wrapper {
	margin: 0 auto;
	width: 900px;
}
#wrapper #main {
	float: right;
	width: 600px;
}
#wrapper aside {
	float: left;
	width: 250px;
}
#wrapper aside #entry {
	margin-bottom: 30px;
	position: relative;
	height: 305px;
	background: url(/common/img/bg_entry.png) left top no-repeat;
}
#wrapper aside #entry .newEntry h4 {
	position: absolute;
	top: 38px;
	left: 16px;
}
#wrapper aside #entry .newEntry a.btn {
	display: block;
	position: absolute;
	top: 63px;
	left: 17px;
}
#wrapper aside #entry .login h4 {
	position: absolute;
	top: 130px;
	left: 17px;
}
#wrapper aside #entry .login .inputId p {
	position: absolute;
	top: 168px;
	left: 33px;
}
#wrapper aside #entry .login .inputId input {
	border: 1px solid #abadb3;
	display: block;
	position: absolute;
	top: 164px;
	left: 100px;
	width: 115px;
	height: 20px;
}
#wrapper aside #entry .login .inputPw p {
	position: absolute;
	top: 200px;
	left: 33px;
}
#wrapper aside #entry .login .inputPw input {
	border: 1px solid #abadb3;
	display: block;
	position: absolute;
	top: 196px;
	left: 100px;
	width: 115px;
	height: 20px;
}
#wrapper aside #entry .login input.btn{
	display: block;
	position: absolute;
	top: 239px;
	left: 17px;
}
#wrapper aside #entry .login .reminder {
	position: absolute;
	top: 280px;
	left: 58px;
	font-size: 12px;
}
#wrapper aside #entry .login .reminder a {	color: #fff;}
#wrapper aside #login {
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
	min-height: 230px;
	background: url(/common/img/bg_login.png) left bottom no-repeat;
}
#wrapper aside #login.inspection {	background: url(/common/img/bg_login-inspection.png) left bottom no-repeat;}
#wrapper aside #login h3 {	margin-bottom: 30px;}
#wrapper aside #login dl {
	padding: 0 0 8px 17px;
	width: 216px;
	height: 23px;
}
#wrapper aside #login dl dt {
	float: left;
	width: 90px;
}
#wrapper aside #login dl dd {
	padding: 2px 0 0 6px;
	border-bottom: 1px solid #aaa;
	float: right;
	width: 120px;
	height: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
#wrapper aside #login .csv {
	margin: 0;
	padding: 22px 0 11px 17px;
	height: 28px;
}
#wrapper aside #login .config {
	margin: 0;
	padding: 0 0 11px 17px;
	height: 28px;
}
#wrapper aside #login .twitter a {
	color: #fff;
	text-decoration: none;
}
#wrapper aside #login .twitter a:hover {	text-decoration: underline;}
#wrapper aside #login #stageId {	display: none;}
#wrapper aside #login .logout {
	margin: 0;
	padding: 0 0 2px 17px;
	height: 28px;
}
#wrapper aside #rivalList {
	margin-bottom: 30px;
	position: relative;
	min-height: 50px;
	background: url(/common/img/bg_rival.png) left bottom no-repeat;
}
#wrapper aside #rivalList h3 {	margin-bottom: 20px;}
#wrapper aside #rivalList ul {
	padding: 0 17px 30px;
}
#wrapper aside #rivalList ul li {	margin-bottom: 2px;}
#wrapper aside #rivalList ul li a {
	padding: 6px 25px 0 44px;
	display: block;
	color: #fff;
	width: 147px;
	height: 22px;
	background: url(/common/img/bg_rival-list.png) left top no-repeat;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
#wrapper aside #rivalList ul li a:hover {	background: url(/common/img/bg_rival-list_on.png) left top no-repeat;}
#wrapper aside #rivalList #compareFunction {	display: none;}
#wrapper aside .banner {	margin-bottom: 20px;}
footer {
	padding-top: 35px;
	background: url(/common/img/bg_footer.png) left 65px repeat-x;
}
footer .fixed {
	padding: 6px 20px;
	border-top: 1px solid #fff;
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
 	color: #fff;
 	overflow: hidden;
	background: -moz-linear-gradient(center top, #000,#888);
	background: -webkit-gradient(linear, center top, center bottom, from(#000),to(#888));
	text-shadow: 2px 2px 3px #ccc;
	z-index: 99;
}
footer .fixed .entry li {
	display: none;
	position: relative;
	left: 2000px;
}
footer .fixed .item h4 {	font-weight: bold;}
footer .update .itemList {	width: 1000px;}
footer .fixed .itemList span {	margin-right: 10px;}
footer .fixed .itemList a {	color: #fff;}
footer .news h4 {
	color: #fff881;
	width: 150px;
}
footer .news .itemList {	margin: -1.2em 0 0 150px;}
footer .update h4 {
	color: #ffa2a9;
	width: 250px;
}
footer .update .itemList {	margin: -1.2em 0 0 250px;}

	


footer nav {
	margin: 0 auto;
	width: 900px;
	height: 30px;
}
footer nav ul {	padding-left: 96px;}
footer nav ul li {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #fff;
	float: left;
}
footer nav ul li:last-child {
	padding: 0;
	border: none;
}
footer nav ul li a {	color: #fff;}
footer nav ul li a:link,
footer nav ul li a:visited {	text-decoration: none;}
footer nav ul li a:hover {	text-decoration: underline;}
footer .layout {	background: url(/common/img/bg_footer-layout.png) center top no-repeat;}
footer .layout small {
	margin: 0 auto;
	display: block;
	width: 900px;
	height: 69px;
}

/* ************************************************ */
/*                     index	                    */
/* ************************************************ */

#index #main #count {
	margin-bottom: 10px;
	position: relative;
	height: 40px;
	background: url(/img/bg_count.png) left top no-repeat;
}
#index #main #count h2 {
	position: absolute;
	top: 10px;
	left: 25px;
}
#index #main #count p {
	position: absolute;
	top: 3px;
	left: 160px;
	width: 100px;
	height: 22px;
	color: #ffba00;
	font-weight: bold;
	font-size: 20px;
	text-align: right;
}
#index #main #count p img {	vertical-align: -5px;}
#index #main #count ul.social .tw {
	position: absolute;
	top: 10px;
	left: 352px;
}
#index #main #count ul.social .fb {
	position: absolute;
	top: 10px;
	left: 463px;
}
#index #main #about {
	margin-bottom: 30px;
	background: url(/img/bg_about.png) left bottom no-repeat;
}
#index #main #about a {	color: #ffd52e;}
#index #main #about p {
	padding: 25px 35px 35px;
 	line-height: 2;
 	color: #fff;
 	font-size: 14px;
}
#index #main #about p em {	color: #68d2fe;}
#index #main #history {
	margin-bottom: 30px;
	position: relative;
	height: 252px;
	background: url(/img/bg_history.jpg) left bottom no-repeat;
}
#index #main #history h2 {	margin-bottom: 16px;}
#index #main #history .line {
	margin: 0 auto;
	padding-top: 14px;
	width: 556px;
	height: 136px;
 	background-color: #000e38;
 	overflow-y: scroll;
}
#index #main #history .line ul {	padding: 14px 20px 0;}
#index #main #history .line ul li {
  	line-height: 2;
	color: #fff;
 	font-size: 14px;
}
#index #main #history .line ul li.new {
	color: #ff4267;
	font-weight: bold;
}
#index #main #history .line dl {
	padding: 0 20px;
  	line-height: 2;
	color: #fff;
 	font-size: 14px;
}
.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	content: "";
}
* html #index #main #history .line dl { display: inline-block; }
/* no ie mac \*/
* html #index #main #history .line dl { height: 1%; }
#index #main #history .line dl { display: block; }
/* */
*:first-child+html #index #main #history .line dl { min-height: 1px; }
#index #main #history .line dl.new {
	color: #ff4267;
	font-weight: bold;
}
#index #main #history .line dl dt {
	float: left;
	width: 75px;
}
#index #main #history .line dl dd {
	float: left;
	width: 424px;
}
#index #main #history .line dl.new dt {	width: 90px;}
#index #main #history .line dl.new dd {	width: 409px;}
#index #main #history .line ul li a,
#index #main #history .line dl dd a {	color: #ffb821;}
#index #main #twitter {	margin-bottom: 30px;}

/* ************************************************ */
/*                     entry	                    */
/* ************************************************ */

#entry #wrapper {
	margin-bottom: 350px;
	width: 600px;
	font-size: 0;
}
#entry #wrapper form {
	padding: 29px 0 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#entry #wrapper dl {
	padding: 0 158px 15px 34px;
	font-size: 14px;
}
#entry #wrapper dl dt {
	padding-top: 5px;
	float: left;
	width: 120px;
	font-weight: bold;
}
#entry #wrapper dl dd {
	float: right;
	width: 284px;
}
#entry #wrapper dl dd input {
	margin-bottom: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 282px;
	height: 24px;
 	color: #000;
}
#entry #wrapper dl dd .attention { 	font-size: 12px;}
#entry #wrapper dl dd .error {
	margin-bottom: 5px;
	display: block;
 	color: #f00;
 	font-weight: bold;
 	font-size: 12px;
}
#entry #wrapper p {
	margin: 0 auto;
	padding-top: 20px;
	border-top: 1px dotted #fff;
	width: 532px;
	text-align: center;
}
#entry #wrapper p span {
	margin-bottom: 20px;
	display: block;
	font-size: 12px;
	
}
#entry #wrapper .complete {
	padding: 50px 0;
	line-height: 1.616;
	font-size: 16px;
	text-align: center;
}
#entry #wrapper .complete a {	color: #ffb821;}
#entry #wrapper a {	color: #ffb821;}










/* ************************************************ */
/*                     config	                    */
/* ************************************************ */

#config #wrapper {
	margin-bottom: 350px;
	width: 600px;
	font-size: 0;
}
#config #wrapper .login {
	padding: 0;
	border: none;
	font-size: 12px;
}
#config #wrapper form {
	padding: 29px 0 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#config #wrapper dl {
	padding: 0 158px 15px 34px;
	font-size: 14px;
}
#config #wrapper dl dt {
	padding-top: 5px;
	float: left;
	width: 120px;
	font-weight: bold;
}
#config #wrapper dl dd {
	float: right;
	width: 284px;
}
#config #wrapper dl.long {
	padding-right: 58px;
	line-height: 1.616;
}
#config #wrapper dl.long dd {	width: 384px;}
#config #wrapper dl dd .iidxid {
	margin-bottom: 5px;
	padding: 3px;
	width: 60px;
}
#config #wrapper dl dd input.txt {
	margin-bottom: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 282px;
	height: 24px;
 	color: #000;
}#config #wrapper dl.folder dd label {
	display: inline-block;
	width: 30px;
}
#config #wrapper dl.folder dd label.normal {
	display: inline-block;
	color: #0ed5f3;
	width: 100px;
}
#config #wrapper dl.folder dd label.hyper {
	display: inline-block;
	color: #fcbb3f;
	width: 100px;
}
#config #wrapper dl.folder dd label.another {
	display: inline-block;
	color: #e80342;
	width: 100px;
}
#config #wrapper dl.folder dd label.fc {
	display: inline-block;
	width: 100px;
}
#config #wrapper dl.folder dd .line02 {
	position: relative;
	top: 12px;
	vertical-align: top;
}
#config #wrapper dl dd .attention { 	font-size: 12px;}
#config #wrapper dl dd .error {
	margin-bottom: 5px;
	display: block;
 	color: #f00;
 	font-weight: bold;
 	font-size: 12px;
}
#config #wrapper dl.twitter {	position: relative;}
#config #wrapper dl.twitter select {
	padding: 5px;
	border: none;
	border-radius: 3px;
	position: absolute;
	top: -1px;
	right: 75px;
	font-size: 12px;
}
#config #wrapper dl.rival dd .person .remove {
	margin-left: 5px;
	padding: 2px;
}
#config #wrapper dl dd .stageAchieve {	padding-left: 10px;}
#config #wrapper dl.sync {	margin-bottom: 20px;}
#config #wrapper dl.rival dd input.searchTerm {	padding: 3px;}
#config #wrapper dl.rival dd input.btn {	padding: 2px;}
#config #wrapper dl.rival dd .searchResult {
	margin-top: 5px;
	padding: 5px;
	display: none;
	width: 330px;
	height: 140px;
	line-height: 1.5;
	overflow-y: scroll;
 	color: #000;
	background: #fff;
}
#config #wrapper dl.rival dd .searchResult a {	color: #ef7419;}


#config #wrapper p {
	margin: 0 auto;
	padding-top: 30px;
	border-top: 1px dotted #fff;
	width: 532px;
	text-align: center;
}
#config #wrapper a {	color: #ffb821;}
#config #wrapper .complete {
	padding: 50px 0;
	line-height: 1.616;
	font-size: 16px;
	text-align: center;
}
#config #wrapper .complete a {	color: #ffb821;}



/* ************************************************ */
/*                     mypage	                    */
/* ************************************************ */
#mypage #container {	background: url(/common/img/bg_container_02.jpg) center top no-repeat;}
#mypage header .logo {	background: url(/common/img/head_header_02.jpg) left top no-repeat;}
#mypage #wrapper {	margin-bottom: 200px;}
#mypage #wrapper #main {	background: url(/common/img/bg_data.png) left top repeat-y;}
#mypage #wrapper #main #layout {
	min-height: 400px;
	position: relative;
	padding-bottom: 45px;
	background: url(/common/img/bg_data-bot.jpg) left bottom no-repeat;
}
#mypage #wrapper #main #layout .sample {
	margin-bottom: 19px;
	padding: 114px 0 0 23px;
}
#mypage #wrapper #main #layout .twitter {
	position: absolute;
	top: 32px;
	left: 506px;
	width: 70px;
	height: 25px;
}
#mypage #wrapper #main #layout .fcSample {
	position: absolute;
	top: 160px;
	left: 32px;
}
#mypage #wrapper #main #layout .exSample {
	position: absolute;
	top: 185px;
	left: 32px;
}
#mypage #wrapper #main #layout .advertise {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 600px;
	height: 60px;
}
#mypage #wrapper #main #layout #playChange .sp {
	position: absolute;
	top: 63px;
	left: 22px;
}
#mypage #wrapper #main #layout #playChange .dp {
	position: absolute;
	top: 63px;
	left: 305px;
}
#mypage #wrapper #main #layout h2 {
	margin: 4px 0 0 23px;
	width: 555px;
	cursor: pointer;
}
#mypage #wrapper #main #layout .list {
	margin-left: 23px;
	padding: 20px 0 20px 21px;
	display: none;
	position: relative;
	width: 535px;
	color: #fff;
	background-color: #000;
}
#mypage #wrapper #main #layout .list .statistics {
	position: absolute;
	top: 20px;
	left: -140px;
	border-collapse:collapse;
	border: 1px solid #fff;
	background-color: #1b2339;
	width: 140px;
	z-index: 99;
}
#mypage #wrapper #main #layout .list .statistics th {
	padding: 4px 2px 2px 4px;
	border: 1px dotted #999;
	vertical-align:top;
	color: #fff;
	background-color:#00123e;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(1) th { 	color:#429dfb;}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(2) th { 	color:#ffec15;}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(3) th { 	color:#fff;}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(4) th { 	color:#fb6a22;}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(5) th { 	color:#00ff69;}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(6) th { 	color:#fc4ee5;}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(7) th { 	color:#bac2ff;}
#mypage #wrapper #main #layout .list .statistics tr:nth-of-type(8) th { 	color:#8b91a2;}
#mypage #wrapper #main #layout .list .statistics td {
	padding: 4px 10px;
	border: 1px dotted #999;
	width: 20px;
	color: #fff;
	text-align: center;
}


#mypage #wrapper #main #layout .rivalData {
	border: 1px solid #fff;
	border-collapse:collapse;
	position: absolute;
	top: 20px;
	left: -249px;
	background-color: #1b2339;
	width: 250px;
	z-index: 100;
}
#mypage #wrapper #main #layout .rivalData th {
	padding: 4px 2px 2px 4px;
	border: 1px dotted #999;
	vertical-align:top;
	color: #000;
	background: -moz-linear-gradient(center top, #fff,#eee);
	background: -webkit-gradient(linear, center top, center bottom, from(#ddd),to(#fff));
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
#mypage #wrapper #main #layout .rivalData td {
	padding: 4px 10px;
	border: 1px dotted #999;
	width: 45%;
	color: #fff;
	text-align: left;
}
#mypage #wrapper #main #layout .rivalData td span {	font-weight: bold;}
#mypage #wrapper #main #layout .rivalData td .fc { 	color:#429dfb;}
#mypage #wrapper #main #layout .rivalData td .ex { 	color:#ffec15;}
#mypage #wrapper #main #layout .rivalData td .ha { 	color:#fff;}
#mypage #wrapper #main #layout .rivalData td .cl { 	color:#fb6a22;}
#mypage #wrapper #main #layout .rivalData td .ea { 	color:#00ff69;}
#mypage #wrapper #main #layout .rivalData td .as { 	color:#fc4ee5;}
#mypage #wrapper #main #layout .rivalData td .fa { 	color:#bac2ff;}
#mypage #wrapper #main #layout .rivalData td .no { 	color:#8b91a2;}





#mypage #wrapper #main #layout .list dl.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	content: "";
}
* html #mypage #wrapper #main #layout .list dl.clearfix { display: inline-block; }
/* no ie mac \*/
* html #mypage #wrapper #main #layout .list dl.clearfix { height: 1%; }
.clearfix { display: block; }
/* */
*:first-child+html #mypage #wrapper #main #layout .list dl.clearfix { min-height: 1px; }
#mypage #wrapper #main #layout .list dl {
	margin-bottom: 3px;
	width: 534px;
	height: 30px;
	overflow: hidden;
	background: url(/common/img/bg_mypage-music.png) left top no-repeat;
}
#mypage #wrapper #main #layout .list dl dt {
	float: left;
	width: 14px;
	height: 21px;
 	background-position: 1px 1px;
 	background-repeat: no-repeat;
 	text-indent: -99999em;
}
#mypage #wrapper #main #layout .list dl dt.FC {	background-image: url(/common/img/bg_mypage-lamp-fc.gif);}
#mypage #wrapper #main #layout .list dl dt.EX {	background-image: url(/common/img/bg_mypage-lamp-ex.gif);}
#mypage #wrapper #main #layout .list dl dt.H {	background-image: url(/common/img/bg_mypage-lamp-h.png);}
#mypage #wrapper #main #layout .list dl dt.C {	background-image: url(/common/img/bg_mypage-lamp-c_n.png);}
#mypage #wrapper #main #layout .list dl dt.E {	background-image: url(/common/img/bg_mypage-lamp-e.png);}
#mypage #wrapper #main #layout .list dl dt.A {	background-image: url(/common/img/bg_mypage-lamp-a.png);}
#mypage #wrapper #main #layout .list dl dt.F {	background-image: url(/common/img/bg_mypage-lamp-f.png);}
#mypage #wrapper #main #layout .list dl dt.NO {	background: none;}
#mypage #wrapper #main #layout .list dl dd.level {
	float: left;
	width: 35px;
	height: 23px;
 	background-position: 0 7px;
 	background-repeat: no-repeat;
 	text-indent: -99999em;
}
#mypage #wrapper #main #layout .list dl.beginner dd.l1 {	background-image: url(/common/img/txt_mypage-beginner-l01.png);}
#mypage #wrapper #main #layout .list dl.beginner dd.l2 {	background-image: url(/common/img/txt_mypage-beginner-l02.png);}
#mypage #wrapper #main #layout .list dl.beginner dd.l3 {	background-image: url(/common/img/txt_mypage-beginner-l03.png);}
#mypage #wrapper #main #layout .list dl.beginner dd.l4 {	background-image: url(/common/img/txt_mypage-beginner-l04.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l1 {	background-image: url(/common/img/txt_mypage-normal-l01.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l2 {	background-image: url(/common/img/txt_mypage-normal-l02.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l3 {	background-image: url(/common/img/txt_mypage-normal-l03.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l4 {	background-image: url(/common/img/txt_mypage-normal-l04.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l5 {	background-image: url(/common/img/txt_mypage-normal-l05.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l6 {	background-image: url(/common/img/txt_mypage-normal-l06.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l7 {	background-image: url(/common/img/txt_mypage-normal-l07.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l8 {	background-image: url(/common/img/txt_mypage-normal-l08.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l9 {	background-image: url(/common/img/txt_mypage-normal-l09.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l10 {	background-image: url(/common/img/txt_mypage-normal-l10.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l11 {	background-image: url(/common/img/txt_mypage-normal-l11.png);}
#mypage #wrapper #main #layout .list dl.normal dd.l12 {	background-image: url(/common/img/txt_mypage-normal-l12.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l1 {	background-image: url(/common/img/txt_mypage-hyper-l01.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l2 {	background-image: url(/common/img/txt_mypage-hyper-l02.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l3 {	background-image: url(/common/img/txt_mypage-hyper-l03.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l4 {	background-image: url(/common/img/txt_mypage-hyper-l04.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l5 {	background-image: url(/common/img/txt_mypage-hyper-l05.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l6 {	background-image: url(/common/img/txt_mypage-hyper-l06.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l7 {	background-image: url(/common/img/txt_mypage-hyper-l07.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l8 {	background-image: url(/common/img/txt_mypage-hyper-l08.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l9 {	background-image: url(/common/img/txt_mypage-hyper-l09.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l10 {	background-image: url(/common/img/txt_mypage-hyper-l10.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l11 {	background-image: url(/common/img/txt_mypage-hyper-l11.png);}
#mypage #wrapper #main #layout .list dl.hyper dd.l12 {	background-image: url(/common/img/txt_mypage-hyper-l12.png);}
#mypage #wrapper #main #layout .list dl.another dd.l1 {	background-image: url(/common/img/txt_mypage-another-l01.png);}
#mypage #wrapper #main #layout .list dl.another dd.l2 {	background-image: url(/common/img/txt_mypage-another-l02.png);}
#mypage #wrapper #main #layout .list dl.another dd.l3 {	background-image: url(/common/img/txt_mypage-another-l03.png);}
#mypage #wrapper #main #layout .list dl.another dd.l4 {	background-image: url(/common/img/txt_mypage-another-l04.png);}
#mypage #wrapper #main #layout .list dl.another dd.l5 {	background-image: url(/common/img/txt_mypage-another-l05.png);}
#mypage #wrapper #main #layout .list dl.another dd.l6 {	background-image: url(/common/img/txt_mypage-another-l06.png);}
#mypage #wrapper #main #layout .list dl.another dd.l7 {	background-image: url(/common/img/txt_mypage-another-l07.png);}
#mypage #wrapper #main #layout .list dl.another dd.l8 {	background-image: url(/common/img/txt_mypage-another-l08.png);}
#mypage #wrapper #main #layout .list dl.another dd.l9 {	background-image: url(/common/img/txt_mypage-another-l09.png);}
#mypage #wrapper #main #layout .list dl.another dd.l10 {	background-image: url(/common/img/txt_mypage-another-l10.png);}
#mypage #wrapper #main #layout .list dl.another dd.l11 {	background-image: url(/common/img/txt_mypage-another-l11.png);}
#mypage #wrapper #main #layout .list dl.another dd.l12 {	background-image: url(/common/img/txt_mypage-another-l12.png);}
#mypage #wrapper #main #layout .list dl.leggendaria {		background: url(/common/img/bg_mypage-music-leggendaria.png) left top no-repeat;}
#mypage #wrapper #main #layout .list dl.leggendaria dd.l9 {	background-image: url(/common/img/txt_mypage-leggendaria-l09.png);}
#mypage #wrapper #main #layout .list dl.leggendaria dd.l10 {	background-image: url(/common/img/txt_mypage-leggendaria-l10.png);}
#mypage #wrapper #main #layout .list dl.leggendaria dd.l11 {	background-image: url(/common/img/txt_mypage-leggendaria-l11.png);}
#mypage #wrapper #main #layout .list dl.leggendaria dd.l12 {	background-image: url(/common/img/txt_mypage-leggendaria-l12.png);}
#mypage #wrapper #main #layout .list dl dd.musicName {
	padding-top: 8px;
	float: left;
	width: 400px;
	font-size: 13px;
}
#mypage #wrapper #main #layout .list dl dd.exe {
	padding-top: 6px;
	float: left;
	width: 50px;
	font-size: 12px;
}
#mypage #wrapper #main #layout .noFolder {
	padding: 100px 0;
	color: #fff;
	text-align: center;
}
#mypage #wrapper #main #layout .noFolder a {	color: #ffd52e;}






/* ************************************************ */
/*                     data  	                    */
/* ************************************************ */

#data #container {	background: url(/common/img/bg_container_03.jpg) center top no-repeat;}
#data header .logo {	background: url(/common/img/head_header_03.jpg) left top no-repeat;}
#data #wrapper {	margin-bottom: 200px;}
#data #wrapper #main {
	background: url(/common/img/bg_data.png) left top repeat-y;
}
#data #wrapper #main #layout {
	min-height: 400px;
	padding-bottom: 45px;
	position: relative;
	background: url(/common/img/bg_data-bot.jpg) left bottom no-repeat;
}
#data #wrapper #main #layout .banner {	margin-bottom: 50px;}
#data #wrapper #main #layout .banner a {
	padding: 10px 20px;
	border: 1px solid #444;
	border: 1px solid #999;
	border-radius: 5px;
	display: block;
	width: 390px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bcf4fd), color-stop(0.75, #87c2fb), color-stop(0.51, #6ba8e4), color-stop(0.50, #8fbff0), color-stop(0.20, #91bae4), color-stop(0.00, #b6e2fd));
	background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,.4);
	-webkit-box-shadow: 1px 1px 4px #999;
}
#data #wrapper #main #layout .banner a:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bcf4fd), color-stop(0.31, #8fbff0), color-stop(0.00, #b6e2fd));
	background: -webkit-linear-gradient(top, #b6e2fd 0%, #8fbff0 31%, #bcf4fd 100%);
	background: -moz-linear-gradient(top, #b6e2fd 0%, #8fbff0 31%, #bcf4fd 100%);
	background: -o-linear-gradient(top, #b6e2fd 0%, #8fbff0 31%, #bcf4fd 100%);
	background: -ms-linear-gradient(top, #b6e2fd 0%, #8fbff0 31%, #bcf4fd 100%);
	background: linear-gradient(top, #b6e2fd 0%, #8fbff0 31%, #bcf4fd 100%);
}
#data #wrapper #main #layout .sample {
	margin-bottom: 19px;
	padding: 114px 0 0 23px;
}
#data #wrapper #main #layout .fcSample {
	position: absolute;
	top: 160px;
	left: 32px;
}
#data #wrapper #main #layout .exSample {
	position: absolute;
	top: 185px;
	left: 32px;
}
#data #wrapper #main #layout .advertise {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 600px;
	height: 60px;
}
#data #wrapper #main #layout #playChange .sp {
	position: absolute;
	top: 63px;
	left: 22px;
}
#data #wrapper #main #layout #playChange .dp {
	position: absolute;
	top: 63px;
	left: 305px;
}
#data #wrapper #main #layout h2 {
	margin: 4px 0 0 23px;
	width: 555px;
	cursor: pointer;
}
#data #wrapper #main #layout .list {
	margin-left: 23px;
	padding: 20px 0 20px 21px;
	display: none;
	position: relative;
	width: 535px;
	color: #fff;
	background-color: #000;
}
#data #wrapper #main #layout .list .statistics {
	position: absolute;
	top: 20px;
	left: -140px;
	border-collapse:collapse;
	border: 1px solid #fff;
	background-color: #1b2339;
}
#data #wrapper #main #layout .list .statistics th {
	padding: 4px 2px 2px 4px;
	border: 1px dotted #999;
	vertical-align:top;
	color: #fff;
	background-color:#00123e;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(1) th { 	color:#429dfb;}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(2) th { 	color:#ffec15;}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(3) th { 	color:#fff;}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(4) th { 	color:#fb6a22;}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(5) th { 	color:#00ff69;}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(6) th { 	color:#fc4ee5;}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(7) th { 	color:#bac2ff;}
#data #wrapper #main #layout .list .statistics tr:nth-of-type(8) th { 	color:#8b91a2;}
#data #wrapper #main #layout .list .statistics td {
	padding: 4px 10px;
	border: 1px dotted #999;
	width: 20px;
	color: #fff;
	text-align: center;
}
#data #wrapper #main #layout .list dl.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	content: "";
}
* html #data #wrapper #main #layout .list dl.clearfix { display: inline-block; }
/* no ie mac \*/
* html #data #wrapper #main #layout .list dl.clearfix { height: 1%; }
.clearfix { display: block; }
/* */
*:first-child+html #data #wrapper #main #layout .list dl.clearfix { min-height: 1px; }
#data #wrapper #main #layout .list dl {
	margin-bottom: 3px;
	width: 534px;
	height: 30px;
	overflow: hidden;
	background: url(/common/img/bg_mypage-music.png) left top no-repeat;
}
#data #wrapper #main #layout .list dl dt {
	float: left;
	width: 14px;
	height: 21px;
 	background-position: 1px 1px;
 	background-repeat: no-repeat;
 	text-indent: -99999em;
}
#data #wrapper #main #layout .list dl dt.FC {	background-image: url(/common/img/bg_mypage-lamp-fc.gif);}
#data #wrapper #main #layout .list dl dt.EX {	background-image: url(/common/img/bg_mypage-lamp-ex.gif);}
#data #wrapper #main #layout .list dl dt.H {	background-image: url(/common/img/bg_mypage-lamp-h.png);}
#data #wrapper #main #layout .list dl dt.C {	background-image: url(/common/img/bg_mypage-lamp-c_n.png);}
#data #wrapper #main #layout .list dl dt.E {	background-image: url(/common/img/bg_mypage-lamp-e.png);}
#data #wrapper #main #layout .list dl dt.A {	background-image: url(/common/img/bg_mypage-lamp-a.png);}
#data #wrapper #main #layout .list dl dt.F {	background-image: url(/common/img/bg_mypage-lamp-f.png);}
#data #wrapper #main #layout .list dl dt.NO {	background: none;}
#data #wrapper #main #layout .list dl dd.level {
	float: left;
	width: 35px;
	height: 23px;
 	background-position: 0 7px;
 	background-repeat: no-repeat;
 	text-indent: -99999em;
}
#data #wrapper #main #layout .list dl.beginner dd.l1 {	background-image: url(/common/img/txt_mypage-beginner-l01.png);}
#data #wrapper #main #layout .list dl.beginner dd.l2 {	background-image: url(/common/img/txt_mypage-beginner-l02.png);}
#data #wrapper #main #layout .list dl.beginner dd.l3 {	background-image: url(/common/img/txt_mypage-beginner-l03.png);}
#data #wrapper #main #layout .list dl.beginner dd.l4 {	background-image: url(/common/img/txt_mypage-beginner-l04.png);}
#data #wrapper #main #layout .list dl.normal dd.l1 {	background-image: url(/common/img/txt_mypage-normal-l01.png);}
#data #wrapper #main #layout .list dl.normal dd.l2 {	background-image: url(/common/img/txt_mypage-normal-l02.png);}
#data #wrapper #main #layout .list dl.normal dd.l3 {	background-image: url(/common/img/txt_mypage-normal-l03.png);}
#data #wrapper #main #layout .list dl.normal dd.l4 {	background-image: url(/common/img/txt_mypage-normal-l04.png);}
#data #wrapper #main #layout .list dl.normal dd.l5 {	background-image: url(/common/img/txt_mypage-normal-l05.png);}
#data #wrapper #main #layout .list dl.normal dd.l6 {	background-image: url(/common/img/txt_mypage-normal-l06.png);}
#data #wrapper #main #layout .list dl.normal dd.l7 {	background-image: url(/common/img/txt_mypage-normal-l07.png);}
#data #wrapper #main #layout .list dl.normal dd.l8 {	background-image: url(/common/img/txt_mypage-normal-l08.png);}
#data #wrapper #main #layout .list dl.normal dd.l9 {	background-image: url(/common/img/txt_mypage-normal-l09.png);}
#data #wrapper #main #layout .list dl.normal dd.l10 {	background-image: url(/common/img/txt_mypage-normal-l10.png);}
#data #wrapper #main #layout .list dl.normal dd.l11 {	background-image: url(/common/img/txt_mypage-normal-l11.png);}
#data #wrapper #main #layout .list dl.normal dd.l12 {	background-image: url(/common/img/txt_mypage-normal-l12.png);}
#data #wrapper #main #layout .list dl.hyper dd.l1 {	background-image: url(/common/img/txt_mypage-hyper-l01.png);}
#data #wrapper #main #layout .list dl.hyper dd.l2 {	background-image: url(/common/img/txt_mypage-hyper-l02.png);}
#data #wrapper #main #layout .list dl.hyper dd.l3 {	background-image: url(/common/img/txt_mypage-hyper-l03.png);}
#data #wrapper #main #layout .list dl.hyper dd.l4 {	background-image: url(/common/img/txt_mypage-hyper-l04.png);}
#data #wrapper #main #layout .list dl.hyper dd.l5 {	background-image: url(/common/img/txt_mypage-hyper-l05.png);}
#data #wrapper #main #layout .list dl.hyper dd.l6 {	background-image: url(/common/img/txt_mypage-hyper-l06.png);}
#data #wrapper #main #layout .list dl.hyper dd.l7 {	background-image: url(/common/img/txt_mypage-hyper-l07.png);}
#data #wrapper #main #layout .list dl.hyper dd.l8 {	background-image: url(/common/img/txt_mypage-hyper-l08.png);}
#data #wrapper #main #layout .list dl.hyper dd.l9 {	background-image: url(/common/img/txt_mypage-hyper-l09.png);}
#data #wrapper #main #layout .list dl.hyper dd.l10 {	background-image: url(/common/img/txt_mypage-hyper-l10.png);}
#data #wrapper #main #layout .list dl.hyper dd.l11 {	background-image: url(/common/img/txt_mypage-hyper-l11.png);}
#data #wrapper #main #layout .list dl.hyper dd.l12 {	background-image: url(/common/img/txt_mypage-hyper-l12.png);}
#data #wrapper #main #layout .list dl.another dd.l1 {	background-image: url(/common/img/txt_mypage-another-l01.png);}
#data #wrapper #main #layout .list dl.another dd.l2 {	background-image: url(/common/img/txt_mypage-another-l02.png);}
#data #wrapper #main #layout .list dl.another dd.l3 {	background-image: url(/common/img/txt_mypage-another-l03.png);}
#data #wrapper #main #layout .list dl.another dd.l4 {	background-image: url(/common/img/txt_mypage-another-l04.png);}
#data #wrapper #main #layout .list dl.another dd.l5 {	background-image: url(/common/img/txt_mypage-another-l05.png);}
#data #wrapper #main #layout .list dl.another dd.l6 {	background-image: url(/common/img/txt_mypage-another-l06.png);}
#data #wrapper #main #layout .list dl.another dd.l7 {	background-image: url(/common/img/txt_mypage-another-l07.png);}
#data #wrapper #main #layout .list dl.another dd.l8 {	background-image: url(/common/img/txt_mypage-another-l08.png);}
#data #wrapper #main #layout .list dl.another dd.l9 {	background-image: url(/common/img/txt_mypage-another-l09.png);}
#data #wrapper #main #layout .list dl.another dd.l10 {	background-image: url(/common/img/txt_mypage-another-l10.png);}
#data #wrapper #main #layout .list dl.another dd.l11 {	background-image: url(/common/img/txt_mypage-another-l11.png);}
#data #wrapper #main #layout .list dl.another dd.l12 {	background-image: url(/common/img/txt_mypage-another-l12.png);}
#data #wrapper #main #layout .list dl.leggendaria {		background: url(/common/img/bg_mypage-music-leggendaria.png) left top no-repeat;}
#data #wrapper #main #layout .list dl.leggendaria dd.l9 {	background-image: url(/common/img/txt_mypage-leggendaria-l09.png);}
#data #wrapper #main #layout .list dl.leggendaria dd.l10 {	background-image: url(/common/img/txt_mypage-leggendaria-l10.png);}
#data #wrapper #main #layout .list dl.leggendaria dd.l11 {	background-image: url(/common/img/txt_mypage-leggendaria-l11.png);}
#data #wrapper #main #layout .list dl.leggendaria dd.l12 {	background-image: url(/common/img/txt_mypage-leggendaria-l12.png);}
#data #wrapper #main #layout .list dl dd.musicName {
	padding-top: 8px;
	float: left;
	width: 400px;
	font-size: 13px;
}
#data #wrapper #main #layout .list dl dd.exe {
	padding-top: 6px;
	float: left;
	width: 50px;
	font-size: 12px;
}
#data #wrapper #main #layout .noFolder {
	padding: 100px 0;
	color: #fff;
	text-align: center;
}
#data #wrapper #main #layout .noFolder a {	color: #ffd52e;}







/* ************************************************ */
/*                     userList                     */
/* ************************************************ */

#data #wrapper.userList #main {
	float: none;
	width: 900px;
	background: url(/common/img/bg_data_la.png) left top repeat-y;
}
#data #wrapper.userList #main #layout {	background: url(/common/img/bg_data-bot_la.jpg) left bottom no-repeat;}
#data #wrapper.userList #layout .contents {	padding: 50px 0 0 50px;}
#data #wrapper.userList #layout #search {	margin-bottom: 10px;}
#data #wrapper.userList #layout #search form {
	margin-right: 10px;
	float: left;
}
#data #wrapper.userList #layout #search form.right {
	margin-right: 0;
	padding-right: 50px;
	float: right;
}
#data #wrapper.userList #layout #search form input.txt {
	margin-bottom: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: inline-block;
	width: 200px;
	height: 20px;
 	color: #000;
}


#data #wrapper.userList #layout .contents table {
	margin-bottom: 30px;
	border-spacing: 0;
	width: 800px;
	font-size:14px;
}
#data #wrapper.userList #layout .contents table th {
	color: #fff;
	padding: 8px 15px;
	background: #258;
	background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
	font-weight: bold;
	border-left:1px solid #258;
	border-top:1px solid #258;
	border-bottom:1px solid #258;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	cursor: pointer;
}
#data #wrapper.userList #layout .contents table first-child {
	border-right:1px solid #258;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#data #wrapper.userList #layout .contents table tr td {
	padding: 8px 15px;
	border-bottom: 1px solid #84b2e0;
	border-left: 1px solid #84b2e0;
	text-align: left;
}
#data #wrapper.userList #layout .contents table tr td:first-child {	text-align: center;}
#data #wrapper.userList #layout .contents table tr td:last-child {
	border-right: 1px solid #84b2e0;
	width: 120px;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#data #wrapper.userList #layout .contents table tr {	background: #fff;}
#data #wrapper.userList #layout .contents table tr:nth-child(2n+1) {	background: #f1f6fc;}
#data #wrapper.userList #layout .contents table tr td {	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);}
#data #wrapper.userList #layout .contents table tr:hover {	background: #bbd4ee;}

#data #wrapper.userList #layout .contents #pagenation ul li {
	margin-right: 10px;
	float: left;
	background-color: #fff;
}
#data #wrapper.userList #layout .contents #pagenation ul li a {
	padding: 9px 5px;
	border: 1px solid #116cb0;
	display: block;
	min-width: 20px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}
#data #wrapper.userList #layout .contents #pagenation ul li a:hover {
	color: #fff;
	background-color: #116cb0;
}
#data #wrapper.userList #layout .contents #pagenation ul li.active a {
	color: #fff;
	background-color: #116cb0;
	font-weight: bold;
}


/* ************************************************ */
/*                     ranking	                    */
/* ************************************************ */


#ranking #wrapper {	margin-bottom: 200px;}
#ranking #wrapper #main {
	background: url(/common/img/bg_data.png) left top repeat-y;
}
#ranking #wrapper #main #layout {
	min-height: 500px;
	padding-bottom: 45px;
	background: url(/common/img/bg_data-bot.jpg) left bottom no-repeat;
}
#ranking #wrapper #layout .contents {
	padding: 50px 0 0 55px;
	width: 500px;
}
#ranking #wrapper #layout .contents .rounded-list {	margin-bottom: 50px;}
#ranking #wrapper #layout .contents .rounded-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #ddd;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;	
}

#ranking #wrapper #layout .contents .rounded-list a:hover{
	background: #eee;
}

#ranking #wrapper #layout .contents .rounded-list a:hover:before{
    transform: rotate(360deg);	
}

#ranking #wrapper #layout .contents .rounded-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #87ceeb;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}
#ranking #wrapper #layout .contents table {
	margin-bottom: 100px;
	width: 500px;
	border-spacing: 0;
	font-size:14px;
}
#ranking #wrapper #layout .contents table th {
	color: #fff;
	padding: 8px 15px;
	background: #258;
	background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
	font-weight: bold;
	border-left:1px solid #258;
	border-top:1px solid #258;
	border-bottom:1px solid #258;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
#ranking #wrapper #layout .contents table first-child {
	border-right:1px solid #258;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#ranking #wrapper #layout .contents table tr td {
	padding: 8px 15px;
	border-bottom: 1px solid #84b2e0;
	border-left: 1px solid #84b2e0;
	text-align: left;
}
#ranking #wrapper #layout .contents table tr td:first-child {	text-align: center;}
#ranking #wrapper #layout .contents table tr td:last-child {
	border-right: 1px solid #84b2e0;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
	text-align: center;
}
#ranking #wrapper #layout .contents table tr {	background: #fff;}
#ranking #wrapper #layout .contents table tr:nth-child(2n+1) {	background: #f1f6fc;}
#ranking #wrapper #layout .contents table tr td {	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);}
#ranking #wrapper #layout .contents table tr:hover {	background: #bbd4ee;}









/* ************************************************ */
/*                     terms	                    */
/* ************************************************ */

#terms #wrapper {
	margin-bottom: 50px;
	width: 600px;
}
#terms #wrapper h1 {	font-size: 0;}
#terms #wrapper .layout {
	padding: 29px 50px 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#terms #wrapper .layout section {
	margin-bottom: 10px;
	line-height: 1.4;
}
#terms #wrapper .layout section h2,
#terms #wrapper .layout section h3 {
	color: #ffb821;
	font-weight: bold;
}
#terms #wrapper .layout section p {	margin: 0;}
#terms #wrapper .layout section ul {
	margin: 0;
	padding-left: 17px;
}
#terms #wrapper .layout section ul li {	list-style-type: disc;}
#terms #wrapper .layout section:nth-last-of-type(1) {	text-align: right;}





/* ************************************************ */
/*                     reminder	                    */
/* ************************************************ */

#reminder #wrapper {
	margin-bottom: 50px;
	width: 600px;
}
#reminder #wrapper h1 {	font-size: 0;}
#reminder #wrapper .layout {
	padding: 29px 50px 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#reminder #wrapper .layout section {
	margin-bottom: 20px;
	line-height: 1.4;
}
#reminder #wrapper .layout section h2,
#reminder #wrapper .layout section h3 {
	color: #ffb821;
	font-weight: bold;
}
#reminder #wrapper .layout section ul {
	margin: 0;
	padding-left: 17px;
}
#reminder #wrapper .layout section a {	color: #ffb821;}
#reminder #wrapper .layout section a.btn {
	margin: 0 auto;
	padding: 10px 0;
	border: 2px solid #555;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;
	width: 300px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c21b00), color-stop(0.77, #ff6600), color-stop(0.52, #ea2804), color-stop(0.50, #e86a55), color-stop(0.33, #f49c8d), color-stop(0.00, #f1b9b0));
	background: -webkit-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -moz-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -o-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -ms-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
#reminder #wrapper form dl {
	padding-left: 50px;
	margin-bottom: 10px;
	font-size: 14px;
}
#reminder #wrapper form dl dt {
	padding-top: 5px;
	float: left;
	width: 100px;
	font-weight: bold;
}
#reminder #wrapper form dl dd {
	float: right;
	width: 343px;
}
#reminder #wrapper form dl dd input {
	margin-bottom: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 282px;
	height: 24px;
 	color: #000;
}
#reminder #wrapper form dl dd .attention { 	font-size: 12px;}
#reminder #wrapper form dl dd .error {
	margin-bottom: 5px;
	display: block;
 	color: #f00;
 	font-weight: bold;
 	font-size: 12px;
}
#reminder #wrapper form p {
	margin: 0 auto;
	padding-top: 20px;
	border-top: 1px dotted #fff;
	width: 532px;
	text-align: center;
}
#reminder #wrapper p span {
	margin-bottom: 20px;
	display: block;
	font-size: 12px;
	
}










/* ************************************************ */
/*                   musicdata	                    */
/* ************************************************ */


#musicdata #wrapper {	margin-bottom: 200px;}
#musicdata #wrapper #main {
	background: url(/common/img/bg_data.png) left top repeat-y;
}
#musicdata #wrapper #main #layout {
	min-height: 500px;
	padding-bottom: 45px;
	background: url(/common/img/bg_data-bot.jpg) left bottom no-repeat;
}
#musicdata #wrapper #layout .contents {
	padding: 20px 20px 0;
	position: relative;
}
#musicdata #wrapper #layout .contents .allDate {
	position: absolute;
	top: 20px;
	right: 50px;
}
#musicdata #wrapper #layout .contents .allDate a {
	color: #ffb821;
}
#musicdata #wrapper #layout .contents .selectData {
	margin-bottom: 20px;
	color: #fff;
}
#musicdata #wrapper #layout .contents .selectData p {	margin-bottom: 5px;}
#musicdata #wrapper #layout .contents .selectData > div {	margin-bottom: 20px;}
#musicdata #wrapper #layout .contents .selectData select {	width: 195px;}
#musicdata #wrapper #layout .contents .selectData label {	margin: 0 10px 0 3px;}

#musicdata #wrapper #layout .contents .selectData .stage ul li {
	margin-bottom: 10px;
	float: left;
	width: 60px;
}
#musicdata #wrapper #layout .contents .selectData .stage ul li:first-child {	width: 200px;}
#musicdata #wrapper #layout .contents .selectData .stage ul li:nth-child(2) {	clear: both;}

#musicdata #wrapper #layout .contents #loading {	display: none;}
#musicdata #wrapper #layout .contents .rounded-list li {	margin-bottom: 10px;}
#musicdata #wrapper #layout .contents .rounded-list a {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #ddd;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;	
}

#musicdata #wrapper #layout .contents .rounded-list a:hover{	background: #eee;}
#musicdata #wrapper #layout .contents .rounded-list a:hover:before{    transform: rotate(360deg);	}
#musicdata #wrapper #layout .contents .rounded-list a:before{
	counter-increment: li;
	content: counter(li);
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #87ceeb;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}

#musicdata #wrapper #layout .contents table {	width: 560px;}
#musicdata #wrapper #layout .contents table th {
	color: #fff;
	padding: 8px 15px;
	background-color: #258;
	background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
	font-weight: bold;
	border-left:1px solid #258;
	border-top:1px solid #258;
	border-bottom:1px solid #258;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
#musicdata #wrapper #layout .contents table tr th:first-child {	width: 120px;}
#musicdata #wrapper #layout .contents table tr td {
	padding: 8px;
	border-bottom: 1px solid #84b2e0;
	border-left: 1px solid #84b2e0;
	text-align: center;
}
#musicdata #wrapper #layout .contents table tr td span {	font-weight: bold;}
#musicdata #wrapper #layout .contents table tr td .normal {	color: #0296fd;}
#musicdata #wrapper #layout .contents table tr td .hyper {	color: #f3a50d;}
#musicdata #wrapper #layout .contents table tr td .another {	color: #e80343;}
#musicdata #wrapper #layout .contents table tr td:first-child {	text-align: left;}
#musicdata #wrapper #layout .contents table tr td:last-child {
	border-right: 1px solid #84b2e0;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
	text-align: center;
}
#musicdata #wrapper #layout .contents table tr {	background: #fff;}
#musicdata #wrapper #layout .contents table tr:nth-child(2n+1) {	background: #f1f6fc;}
#musicdata #wrapper #layout .contents table tr td {	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);}
#musicdata #wrapper #layout .contents table tr:hover {	background: #bbd4ee;}

/* */
#musicdata #wrapper #layout .contents #DataTables_Table_0_wrapper {	color: #fff;}
#musicdata #wrapper #layout .contents #DataTables_Table_0_wrapper table {	color: #000;}
#musicdata #wrapper #layout .contents #DataTables_Table_0_wrapper #DataTables_Table_0_next {	color: #8c93fe;}

#musicdata #wrapper #layout .contents #dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}
#musicdata #wrapper #layout .contents #dt_example #container {
	width: 800px;
	margin: 30px auto;
	padding: 0;
}
#musicdata #wrapper #layout .contents #dt_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}
#musicdata #wrapper #layout .contents #dt_example #demo {	margin: 30px auto 0 auto;}
#musicdata #wrapper #layout .contents #dt_example .demo_jui {	margin: 30px auto 0 auto;}
#musicdata #wrapper #layout .contents #dt_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}
#musicdata #wrapper #layout .contents #dt_example .spacer {
	height: 20px;
	clear: both;
}
#musicdata #wrapper #layout .contents #dt_example .clear {	clear: both;}
#musicdata #wrapper #layout .contents #dt_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}
#musicdata #wrapper #layout .contents #dt_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}
#musicdata #wrapper #layout .contents #dt_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}
#musicdata #wrapper #layout .contents #dt_example a {
	color: #0063DC;
	text-decoration: none;
}
#musicdata #wrapper #layout .contents #dt_example a:hover {	text-decoration: underline;}
#musicdata #wrapper #layout .contents #dt_example ul {	color: #4E6CA3;}
#musicdata #wrapper #layout .contents .css_right {	float: right;}
#musicdata #wrapper #layout .contents .css_left {	float: left;}
#musicdata #wrapper #layout .contents .demo_links {
	float: left;
	width: 50%;
	margin-bottom: 1em;
}
#musicdata #wrapper #layout .contents #demo_info {
	padding: 5px;
	border: 1px solid #B0BED9;
	height: 100px;
	width: 100%;
	overflow: auto;
}
#musicdata #wrapper #layout .contents #dt_example code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	padding: 2px 4px !important;
	white-space: nowrap;
	font-size: 0.9em;
	color: #D14;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
#musicdata #wrapper #layout .contents .dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
}
#musicdata #wrapper #layout .contents .dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}
#musicdata #wrapper #layout .contents .dataTables_length {
	width: 40%;
	float: left;
}
#musicdata #wrapper #layout .contents .dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}
#musicdata #wrapper #layout .contents .dataTables_info {
	width: 60%;
	float: left;
}
#musicdata #wrapper #layout .contents .dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
#musicdata #wrapper #layout .contents .paginate_disabled_previous, .paginate_enabled_previous,
#musicdata #wrapper #layout .contents .paginate_disabled_next,
#musicdata #wrapper #layout .contents .paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
}
#musicdata #wrapper #layout .contents .paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
#musicdata #wrapper #layout .contents .paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
#musicdata #wrapper #layout .contents .paginate_disabled_previous:active, .paginate_enabled_previous:active,
#musicdata #wrapper #layout .contents .paginate_disabled_next:active, .paginate_enabled_next:active {	outline: none;}
#musicdata #wrapper #layout .contents .paginate_disabled_previous,
#musicdata #wrapper #layout .contents .paginate_disabled_next {	color: #666 !important;}
#musicdata #wrapper #layout .contents .paginate_disabled_previous, .paginate_enabled_previous {	padding-left: 23px;}
#musicdata #wrapper #layout .contents .paginate_disabled_next, .paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}
#musicdata #wrapper #layout .contents .paginate_disabled_previous {	background: url('/musicdata/img/back_disabled.png') no-repeat top left;}
#musicdata #wrapper #layout .contents .paginate_enabled_previous {	background: url('/musicdata/img/back_enabled.png') no-repeat top left;}
#musicdata #wrapper #layout .contents .paginate_enabled_previous:hover {	background: url('/musicdata/img/back_enabled_hover.png') no-repeat top left;}
#musicdata #wrapper #layout .contents .paginate_disabled_next {	background: url('/musicdata/img/forward_disabled.png') no-repeat top right;}
#musicdata #wrapper #layout .contents .paginate_enabled_next {	background: url('/musicdata/img/forward_enabled.png') no-repeat top right;}
#musicdata #wrapper #layout .contents .paginate_enabled_next:hover {	background: url('/musicdata/img/forward_enabled_hover.png') no-repeat top right;}
#musicdata #wrapper #layout .contents table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
}
#musicdata #wrapper #layout .contents table.display thead th {
	cursor: pointer;
	* cursor: hand;
}
#musicdata #wrapper #layout .contents table.display thead th:active,
#musicdata #wrapper #layout .contents table.display thead td:active {	outline: none;}
#musicdata #wrapper #layout .contents .dataTables_scroll {	clear: both;}
#musicdata #wrapper #layout .contents .dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}
#musicdata #wrapper #layout .contents .top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}
#musicdata #wrapper #layout .contents .top .dataTables_info {	float: none;}
#musicdata #wrapper #layout .contents .clear {	clear: both;}
#musicdata #wrapper #layout .contents .dataTables_empty {	text-align: center;}
#musicdata #wrapper #layout .contents tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}
#musicdata #wrapper #layout .contents tfoot input.search_init {	color: #999;}
#musicdata #wrapper #layout .contents td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}
#musicdata #wrapper #layout .contents td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}
#musicdata #wrapper #layout .contents .example_alt_pagination div.dataTables_info {	width: 40%;}
#musicdata #wrapper #layout .contents .paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}
#musicdata #wrapper #layout .contents .paging_full_numbers a:active {	outline: none}
#musicdata #wrapper #layout .contents .paging_full_numbers a:hover {	text-decoration: none;}
#musicdata #wrapper #layout .contents .paging_full_numbers a.paginate_button,
#musicdata #wrapper #layout .contents .paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

#musicdata #wrapper #layout .contents .paging_full_numbers a.paginate_button {	background-color: #ddd;}
#musicdata #wrapper #layout .contents .paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}
#musicdata #wrapper #layout .contents div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

#musicdata #wrapper .clearLampRate .contents table tr td:nth-child(2):after,
#musicdata #wrapper .clearLampRate .contents table tr td:nth-child(3):after,
#musicdata #wrapper .clearLampRate .contents table tr td:nth-child(4):after,
#musicdata #wrapper .clearLampRate .contents table tr td:nth-child(5):after,
#musicdata #wrapper .clearLampRate .contents table tr td:nth-child(6):after {
	content: "%";
}



#musicdata #wrapper .clearLampRate .contents .note {
	padding: 20px 0 0 1em;
	color: #ccc;
	font-size: 11px;
	text-indent: -1em;
}









/* ************************************************ */
/*                     information	                */
/* ************************************************ */

#information #wrapper {
	margin-bottom: 50px;
	width: 600px;
}
#information #wrapper h1 {	font-size: 0;}
#information #wrapper .layout {
	padding: 29px 50px 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#information #wrapper .layout section {
	margin-bottom: 10px;
	line-height: 1.4;
}
#information #wrapper .layout h2 {
	margin-bottom: 10px;
	color: #ffb821;
	font-weight: bold;
	font-size: 18px;
}
#information #wrapper .layout p em {	color: #f00;}
#information #wrapper .layout p a {	color: #ffb821;}
#information #wrapper .layout p.tac {	text-align: center;}
#information #wrapper .layout p .attention {
	display: inline-block;
	line-height: 1.4;
	font-size: 10px;
}
#information #wrapper .layout h3 {
	padding-top: 20px;
	color: #fffcb1;
	font-weight: bold;
	font-size: 14px;
}









/* ************************************************ */
/*                     contact	                    */
/* ************************************************ */

#contact #wrapper {
	margin-bottom: 350px;
	width: 600px;
	font-size: 0;
}
#contact #wrapper form {
	padding: 29px 0 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#contact #wrapper dl {
	padding: 0 158px 15px 34px;
	font-size: 14px;
}
#contact #wrapper dl dt {
	padding-top: 5px;
	float: left;
	width: 120px;
	font-weight: bold;
}
#contact #wrapper dl dd {
	float: right;
	width: 284px;
}
#contact #wrapper dl.long {
	padding-right: 58px;
	line-height: 1.616;
}
#contact #wrapper dl dd input.txt {
	margin-bottom: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 200px;
	height: 24px;
 	color: #000;
}
#contact #wrapper dl dd select {
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	width: 200px;
	height: 24px;
}
#contact #wrapper dl dd textarea {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 400px;
	height: 200px;
 	color: #000;
}
#contact #wrapper dl dd .attention { 	font-size: 12px;}
#contact #wrapper dl dd .error {
	margin-bottom: 5px;
	display: block;
 	color: #f00;
 	font-weight: bold;
 	font-size: 12px;
}
#contact #wrapper p {
	margin: 0 auto;
	padding-top: 30px;
	border-top: 1px dotted #fff;
	width: 532px;
	text-align: center;
}
#contact #wrapper button {
	margin: 30px auto 0;
	padding: 0;
	border: none;
	border-radius: 0;
	display: block;
	width: 216px;
	font-size: 0;
	cursor: pointer;
}
#contact #wrapper .complete {
	padding: 50px 0;
	line-height: 1.616;
	font-size: 16px;
	text-align: center;
}
#contact #wrapper .complete a {	color: #ffb821;}











/* ************************************************ */
/*                     enquete	                    */
/* ************************************************ */

#enquete #wrapper {
	margin-bottom: 350px;
	width: 600px;
	font-size: 0;
}
#enquete #wrapper form {
	padding: 29px 0 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#enquete #wrapper dl {
	margin-bottom: 20px;
	padding: 0 50px 15px 35px;
	font-size: 14px;
}
#enquete #wrapper dl dt {
	margin-bottom: 5px;
	color: #fff881;
	font-weight: bold;
	text-shadow: 1px 1px 2px #eee;
}
#enquete #wrapper dl dt:before {	content: "■";}
#enquete #wrapper dl dd input {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 350px;
	height: 14px;
 	color: #000;
}
#enquete #wrapper dl dd input.other {	display: none;}
#enquete #wrapper dl dd select {
	padding: 2px 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	width: 350px;
}
#enquete #wrapper dl dd textarea {
	padding: 5px;
	width: 400px;
	height: 100px;
}
#enquete #wrapper p.description {
	padding: 0 50px 15px 35px;
	color:#fff;
	border: none;
	font-size: 13px;
	text-align: left;
}
#enquete #wrapper p.description em {
	color: #f23c6b;
	font-weight: bold;
	font-size: 14px;
}
#enquete #wrapper p.btn {
	margin: 0 auto;
	padding-top: 20px;
	border-top: 1px dotted #fff;
	width: 532px;
	text-align: center;
}
#enquete #wrapper p span {
	margin-bottom: 20px;
	display: block;
	font-size: 12px;
	
}
#enquete #wrapper .complete {
	padding: 50px 0;
	line-height: 1.616;
	font-size: 16px;
	text-align: center;
}
#enquete #wrapper .complete a {	color: #ffb821;}
#enquete #wrapper a {	color: #ffb821;}











/* ************************************************ */
/*                     remove	                    */
/* ************************************************ */

#remove #wrapper {
	margin-bottom: 50px;
	width: 600px;
}
#remove #wrapper h1 {	font-size: 0;}
#remove #wrapper .layout {
	padding: 29px 50px 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#remove #wrapper .layout section {
	margin-bottom: 10px;
	line-height: 1.4;
}
#remove #wrapper .layout section h2,
#remove #wrapper .layout section h3 {
	color: #ffb821;
	font-weight: bold;
}
#remove #wrapper .layout section p {	margin: 0;}
#remove #wrapper .layout section ul {
	margin: 0;
	padding-left: 17px;
}
#remove #wrapper .layout section form button {
	margin: 0 auto;
	padding: 10px 0;
	border: 2px solid #555;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;
	width: 300px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c21b00), color-stop(0.77, #ff6600), color-stop(0.52, #ea2804), color-stop(0.50, #e86a55), color-stop(0.33, #f49c8d), color-stop(0.00, #f1b9b0));
	background: -webkit-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -moz-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -o-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -ms-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}






/* ************************************************ */
/*                     donate	                    */
/* ************************************************ */

#donate #wrapper {
	margin-bottom: 50px;
	width: 600px;
}
#donate #wrapper h1 {	font-size: 0;}
#donate #wrapper .layout {
	padding: 29px 50px 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#donate #wrapper .layout section {
	margin-bottom: 10px;
	line-height: 1.4;
}
#donate #wrapper .layout section h2,
#donate #wrapper .layout section h3 {
	color: #ffb821;
	font-weight: bold;
}
#donate #wrapper .layout section p {	margin: 0;}
#donate #wrapper .layout section p .error {
	color: #f00;
	display: block;
}
#donate #wrapper .layout section form p {
	margin-bottom: 15px;
	text-align: center;
}
#donate #wrapper .layout section input.txt {
	margin-bottom: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: inline-block;
	width: 282px;
	height: 24px;
 	color: #000;
}






/* ************************************************ */
/*                     whiteball22	                */
/* ************************************************ */

#whiteball22 #wrapper {
	margin-bottom: 50px;
	position: relative;
	width: 600px;
}
#whiteball22 #wrapper h1 {	font-size: 0;}
#whiteball22 #wrapper .layout {
	padding: 29px 10px 34px 40px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#whiteball22 #wrapper .layout section {
	margin-bottom: 10px;
}
#whiteball22 #wrapper .layout section button {
	margin-right: 10px;
	width: 100px;
	height: 40px;
	display: inline-block;
}
#whiteball22 #wrapper .layout section span {
	margin-right: 10px;
	display: inline-block;
	width: 400px;
	font-size: 16px;
}
#whiteball22 #wrapper .layout section span.normal { 	color: #0296fd;}
#whiteball22 #wrapper .layout section span.hyper { 	color: #f3a50d;}
#whiteball22 #wrapper .layout section span.another { 	color: #e80343;}
#whiteball22 #wrapper #loading {
	display: block;
	position: absolute;
	top: 70px;
	left: 250px;
}




/* ************************************************ */
/*                     import	                    */
/* ************************************************ */

#import #wrapper {
	margin-bottom: 350px;
	width: 600px;
	font-size: 0;
}
#import #wrapper form {
	padding: 29px 0 34px;
 	color: #fff;
	background: url(/common/img/bg_form.png) left bottom no-repeat;
}
#import #wrapper .attention {
	margin: 0 auto 20px;
	padding: 20px;
	border: 2px solid #f00;
	width: 500px;
	font-size: 14px;
}
#import #wrapper .attention a {	color: #ffb821;}
#import #wrapper .attention p {
	padding: 0;
	border: 0;
	width: auto;
	line-height: 1.616;
	text-align: left;
}
#import #wrapper .attention ul li {
	padding-left: 1em;
	line-height: 1.616;
	text-indent: -1em;
}
#import #wrapper dl {
	padding: 0 158px 15px 34px;
	font-size: 14px;
}
#import #wrapper dl dt {
	padding-top: 5px;
	float: left;
	width: 120px;
	font-weight: bold;
}
#import #wrapper dl dd {
	float: right;
	width: 284px;
}
#import #wrapper dl.long {
	padding-right: 58px;
	line-height: 1.616;
}
#import #wrapper dl dd input.txt {
	margin-bottom: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 200px;
	height: 24px;
 	color: #000;
}
#import #wrapper dl dd label {	margin-right: 20px;}
#import #wrapper dl dd label input {
	margin-right: 5px;
	vertical-align: -2px;
}
#import #wrapper dl dd select {
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	width: 200px;
	height: 24px;
}
#import #wrapper dl dd textarea {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #dbdfe6;
	border-radius: 3px;
	display: block;
	width: 400px;
	height: 200px;
 	color: #000;
}
#import #wrapper dl dd .attention { 	font-size: 12px;}
#import #wrapper dl dd .error {
	margin-bottom: 5px;
	display: block;
 	color: #f00;
 	font-weight: bold;
 	font-size: 12px;
}
#import #wrapper .errMsg {
	padding-bottom: 1em;
	color: #f00;
	font-size: 14px;
	text-align: center;
}
#import #wrapper p {
	margin: 0 auto;
	padding-top: 30px;
	border-top: 1px dotted #fff;
	width: 532px;
	text-align: center;
}
#import #wrapper .complete {
	padding: 50px 0;
	line-height: 1.616;
	font-size: 16px;
	text-align: center;
}
#import #wrapper .complete a {	color: #ffb821;}