body{text-align:left;color:#fff;background-color:#111;margin:0px;font-size:0.8em;background-image:url(../img/haikei.gif);}
a:link{color:#f09;}
a:active{color:#f09;}
a:visited{color:#f09;}
a:hover{color:#6f3;}
h1,h2,h3,h4,h5{margin:0px;padding:0px;font-weight:normal;font-size:1em;}
p{margin:0px;padding:0px;}
h1{margin-bottom:0px;}
h2{font-size:2em;font-weight:bold;margin-bottom:0.5em;}
h3{font-size:1.8em;margin-bottom:0.5em;}
form{margin:0px;padding:0px;}
input{margin:0px;padding:0px;}
#container{margin-top:10px;margin-left:10px;text-align:left;width:900px;}
#container_ranking{margin-top:10px;margin-left:10px;text-align:left;width:1000px;}
#header{width:100%;margin-bottom:5px;}
#header h1{}
#header .loginview{width:100%;clear:both;}
#content{clear:left;margin-top:1.5em;}
#footer{clear:left;text-align:center;border-top:1px #fff solid;margin-top:2em;}
#underlink{width:100%;margin-top:10px;margin-bottom:10px;clear:both;}
#header ul.menu{width:100%;clear:both;height:25px;}
#header ul.menu li{width:100px;float:left;}
#index_head{width:100%;}
#news{float:left;clear:both;width:50%;}
#news h2{margin-bottom:0em;}
#news dl{clear:both;width:100%;height:15em;overflow:auto;margin-top:0em;margin-bottom:1em;padding-top:0.5em;scrollbar-base-color:#434343;}
#news dt{clear:both;float:left;width:5.5em;}
#news dd{_height:1%;margin-left:5.5em;margin-bottom:0.8em;}
#howto{width:440px;float:left;margin-left:10px;margin-bottom:1em;}
#howto h2{margin-bottom:0em;}
#howto ul{height:6em;padding-top:1px;}
#howto li{margin-left:0.5em;}
#rule{width:440px;float:left;margin-left:10px;margin-bottom:5px;}
#rule h2{margin-bottom:0em;}
#rule ul{height:6em;padding-top:1px;}
#rule li{margin-left:0.5em;}
#twitter{float:left;clear:both;width:100%;}
#container_view{margin-top:10px;margin-right:auto;margin-left:auto;text-align:left;width:98%;}
#view .rankingdata{margin-top:1em;}
#view div.rankingnavi{width:100%;clear:both;margin-bottom:1em;}
#p2arts{width:100%;}
#p2artsList{width:200px;float:left;}
#p2artsBody{width:900px;float:left;}
.p2artsData{width:900px;margin-bottom:2em;}
#p2artsBody h3{font-size:1em;margin-bottom:1em;}
.p2artsData p{margin-bottom:1em;}
.p2artsData div{display:table-cell;vertical-align:middle;}
.p2artsData .thumbnail{width:180px;}
.p2artsData div.comment{}
.scoretype{margin-bottom:20px;}
tr{}
tr.title{background-color:#d01b8c;color:#ffffff;}
td.title{background-color:#d01b8c;color:#ffffff;}
.title a:link{color:#fff;}
.title a:visited{color:#fff;}
.title a:hover{color:#6f3;}
tr.subtitle{background-color:#d01b8c;color:#ffffff;}
tr.type{background-color:#000;color:#ffffff;}
tr.odd{background-color:#222;}
tr.even{background-color:#333;}
tr.login{background-color:#000;color:#f9c;}
tr.rival{background-color:#111;color:#e08;}
tr.active{background-color:#111;color:#f9c;}
ul{margin:0px;padding:0px;}
li{margin:0px;padding:0px;font-size:1em;color:#fff;font-family:verdana, arial, sans-serif;list-style-type:none;}
.type7n{color:#9df;}
.type7n a:link{color:#9df;}
.type7n a:active{color:#9df;}
.type7n a:visited{color:#9df;}
.type7n a:hover{color:#dddddd;}
.type7h{color:#fd6;}
.type7h a:link{color:#fd6;}
.type7h a:active{color:#fd6;}
.type7h a:visited{color:#fd6;}
.type7h a:hover{color:#dddddd;}
.type7a{color:#d66;}
.type7a a:link{color:#d66;}
.type7a a:active{color:#d66;}
.type7a a:visited{color:#d66;}
.type7a a:hover{color:#dddddd;}
.typedn{color:#9df;}
.typedn a:link{color:#9df;}
.typedn a:active{color:#9df;}
.typedn a:visited{color:#9df;}
.typedn a:hover{color:#dddddd;}
.typedh{color:#fd6;}
.typedh a:link{color:#fd6;}
.typedh a:active{color:#fd6;}
.typedh a:visited{color:#fd6;}
.typedh a:hover{color:#dddddd;}
.typeda{color:#d66;}
.typeda a:link{color:#d66;}
.typeda a:active{color:#d66;}
.typeda a:visited{color:#d66;}
.typeda a:hover{color:#dddddd;}
.week{clear:both;margin-bottom:1em;padding:0px;width:714px;}
.week div.title{color:#ffffff;font-size:1.1em;padding:0px;margin-bottom:0.3em;}
.week div.nowtitle{color:#a7ff00;font-size:1.1em;padding:0px;margin-bottom:0.3em;}
.week .coursetitle{font-weight:bold;}
.week table.songlist{clear:both;width:705px;margin:0px;padding:0px;}
.week table.songlist th{color:#ccc;font-size:0.8em;}
.week table.songlist td{color:#fff;padding-top:0.1em;padding-bottom:0.1em;}
.week p.coursename{margin:2px;}
.week ul.songlist{float:left;width:20em;list-style:url(./img/a03.gif) disc;padding-left:20px;}
.week table.ranklist{clear:both;width:705px;margin:0px;padding:0px;}
.week table.ranklist .date{font-size:1.2em;text-align:center;background-color:#333;}
.week .ranklist ul{clear:both;margin:0px;padding:0px;}
.week .ranklist ul li{float:left;margin-right:1px;padding:0px}
.week div.weekly_head{margin-bottom:1em;}
.week div.weekly_song{}
.week div.weekly_link{}
.week div.weekly_term{font-size:1.2em;text-align:center;margin-top:0.3em;}
.week div.loadingImg{text-align:center;height:10em;}
.week td.number{}
.link{margin-top:1em;}
.now{background-color:#cfc;}
.fromstaff p{margin-bottom:1.0em;}
.fromstaff dt{font-weight:bold;border-bottom:solid 1px #fff;color:#ccc;margin-top:1em;padding-left:0.5em;}
.fromstaff dd{padding:1em;margin-left:0em;margin-top:0.5em;}
#mypage #users{width:100%;margin-bottom:1em;}
#mypage #users table{width:100%;}
#mypage #menu{width:100%;margin-bottom:1em;}
#mypage #menu li{float:left;width:100px;}
#mypage #rivals{float:left;width:400px;margin-bottom:1em;}
#mypage #inverseRivals{float:left;width:400px;margin-bottom:1em;}
#mypage #score{clear:both;}
#mypage #records{clear:both;}
#mypage #records .type{background-color:#333;}
img{border:0px solid #ffffff;margin:0px;padding:0px;}
div{}
.scoregraph{width:180px;background-image:url(../img/bg.gif);background-repeat:repeat-y;background-image:url(../img/bg.gif);}
.scoregraph_a{width:180px;background-image:url(../img/bg_a.gif);background-repeat:repeat-y;}
.scoregraph_aa{width:180px;background-image:url(../img/bg_aa.gif);background-repeat:repeat-y;}
.scoregraph_aaa{width:180px;background-image:url(../img/bg_aaa.gif);background-repeat:repeat-y;}
.scoregraph360{width:360px;background-image:url(../img/bg360.gif);background-repeat:repeat-y;}
.scoregraph360_a{width:360px;background-image:url(../img/bg360_a.gif);background-repeat:repeat-y;}
.scoregraph360_aa{width:360px;background-image:url(../img/bg360_aa.gif);background-repeat:repeat-y;}
.scoregraph360_aaa{width:360px;background-image:url(../img/bg360_aaa.gif);background-repeat:repeat-y;}
.scoregraph144{width:144px;background-image:url(../img/bg144.gif);background-repeat:repeat-y;}
.scoregraph144_a{width:144px;background-image:url(../img/bg144_a.gif);background-repeat:repeat-y;}
.scoregraph144_aa{width:144px;background-image:url(../img/bg144_aa.gif);background-repeat:repeat-y;}
.scoregraph144_aaa{width:144px;background-image:url(../img/bg144_aaa.gif);background-repeat:repeat-y;}
.class1{color:#FFD700;}
.class2{color:#FF6666;}
.class3{color:#FF6666;}
.class4{color:#B0E0E6;}
.class5{color:#B0E0E6;}
.class6{color:#B0E0E6;}
.class7{color:#B0E0E6;}
.class8{color:#B0E0E6;}
.class9{color:#B0E0E6;}
.class10{color:#B0E0E6;}
.class11{color:#98FB98;}
.class12{color:#98FB98;}
.class13{color:#98FB98;}
.class14{color:#98FB98;}
.class15{color:#98FB98;}
.class16{color:#98FB98;}
.class17{color:#98FB98;}
.class18{color:#98FB98;}
.class99{color:#eee;}
.class19{color:#eee;}
.basecolor{color:#7aff00;}
.error-message{color:#ff5500;float:left;}
.error-message:after{clear:both;}
.cake-sql-log table{background:#f4f4f4;}
.cake-sql-log td{padding:4px 8px;text-align:left;}
#records .record{width:100%;margin-bottom:1em;padding-top:1em;border-top:1px #333 solid;}
#records .record .record_head{width:100%;}
#records .record .record_score{width:100%;margin-bottom:1em;}
#records .record .leftside{width:297px;float:left;}
#records .record .record_score{width:201px;float:left;}
#records .record .record_graph{width:100%;clear:both;}
#records .record .record_graph .leftname{width:297px;padding-right:1em;text-align:right;font-size:13px;}
#records .record .record_graph .scoredef{width:55px;padding-left:0.5em;font-size:12px;}
#users{margin-bottom:1em;}
#mugcup p{margin-bottom:1em;}
#mugcup ol li{list-style-type:decimal;}
#mugcup .application{width:800px;margin-bottom:1em;float:left;margin-right:2em;}
#mugcup .application h3{font-size:1em;background-color:#d01b8c;padding-top:0.2em;padding-bottom:0.2em;padding-left:0.5em;}
#mugcup .application textarea{width:95%;height:3em;}
#home .menu{}
#home .menu ul{list-style:none;margin-bottom:1em;}
#home .menu li{display:inline;}
#home #users{margin-bottom:1em;}
#home #score{margin-bottom:1em;}
#home #rival{margin-bottom:1em;}
#home #inverseRival{margin-bottom:1em;}
#login h2{font-size:1em;background-color:#d01b8c;padding-top:0.2em;padding-bottom:0.2em;padding-left:0.5em;}
#login .loginform{width:300px;margin-bottom:1em;float:left;margin-right:2em;border:1px #d01b8c solid;}
#login .login_message{float:left;}
#login .loginform input.text{width:150px;}
#login table{width:250px;margin-bottom:1.5em;margin-top:1.5em;margin-left:auto;margin-right:auto;}
#login p{margin-bottom:1em;}
#songs .menu{}
#songs .menu ul{list-style:none;margin-bottom:1em;}
#songs .menu li{display:inline;}
#qa dl{clear:both;width:100%;overflow:auto;margin-top:0em;margin-bottom:1em;padding-top:0.5em;}
#qa dt{font-weight:bold;border-bottom:solid 1px #fff;color:#ccc;margin-top:1em;padding-left:0.5em;}
#qa dd{padding:1em;margin-left:0em;margin-top:0.5em;}
#qa p{margin-bottom:1.0em;}
img.scoreup{margin-left:0.5em;margin-right:0.5em;}