body {
font-family:'メイリオ',Meiryo,sans-serif;
font-size:14px;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}
*{line-height:1.2;}
table,tr,td{
padding:0px;
border:0px;
border-collapse: collapse;
}
table.er,table.er2{
padding:0px;
border:0px;
color:#5A5D62;
}
table.er2{
margin-left:0px;
}
img{
border:0px;
-ms-interpolation-mode: bicubic;
}
td{
font-size:14px;
}
a:link,a:visited,a:active{
color: #00519C;
text-decoration: none;
}
a:hover {
color: #00519C;
text-decoration: underline;
}
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.nbto_in a:hover img{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
left: 1px;
clip: rect(auto auto auto auto);
color: #40ff40;
position: relative;
top: 1px;
background: #FF28FF;
}
.f10{
color:#ffffff;
font-size:12px;
}
.sochi{
width: 940px;
background: #ffffff;
padding:12px 0 12px 0;
}
.ksg{
margin:6px 0 0 0;
}
table.er img,table.er2 img{
height:14px;
margin:0 5px 0 5px;
}
table.er td,table.er2 td{
height:27px;
border-bottom:1px #cccccc solid;
}
.top_bar{
width : 513px;
height : 27px;
vertical-align: top;
background : #ff00ff;
background : url(t_bar_1315.gif) repeat-x;
color:#ffffff;
font-size:14px;
font-weight: bold;
padding:2px 0 0 10px;
}
.mina{
margin-top:1px;
width:521px;
border-top:1px #c0c0c0 solid;
border-right:1px #c0c0c0 solid;
border-left:1px #c0c0c0 solid;
color:#c0c0c0;
font-size:16px;
height : 33px;
background-image : url(vbg2.gif);
background-repeat: repeat-x;
background-position: bottom;
text-align:center;
}
.in{
width:497px;
height:27px;
padding-top:6px;
font-weight: bold;
}
.ob{
width : 226px;
height:169px;
border: 1px #ff84ff solid;
background:#ffeeff;
}
.ob2{
height:128px;
padding:10px 0 0 10px;
}
.ob4{
font-size:12px;
}

.dot2,.dot3{
margin:5px 0 5px 0;
height:1px;
font-size:1px;
overflow:hidden;
background : url(dotted.gif);
}
.dot2{
width:201px;
}
.dot3{
width:98%;
}
#se{
background-color: #FFFFFF;
font-family:'メイリオ',Meiryo,sans-serif;
color: #3f3f3f;
font-size:12px;
}
#form{
margin-bottom:4px;
padding:2px;
width: 197px;
height:24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3f3f3f;
-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
}
input:focus {
    border:solid 1px #26A0DA;
}
.jimu,.fun,.ob3{
font-size:12px;
color:#404040;
}
.fun{
margin-right:10px;
}
table.news{
width:99%;
}
table.news td{
padding:0 0 0 6px;
height:27px;
font-size: 14px;
border-bottom:1px #cccccc solid;
}
table.java1,table.java2{
float:left;
width:450px;
}
table.java1{
margin-right:4px;
}
table.java1 td,table.java2 td{
padding:0 0 0 6px;
height:27px;
color:#404040;
border-bottom:1px #cccccc solid;
}
table.java1 img,table.java2 img{
width:14px;
height:14px;
margin-right:9px;
}
.ntb{
width:948px;
height:33px;
background-image : url(new_top_948_1315.gif);
}
.ntb2{
width:948px;
height:32px;
background-image : url(new_top_948_2_1315.gif);
}
.nbg{
width:948px;
background-image : url(new_bg_948.gif);
text-align:left;
}
.nbt{
width:948px;
height:1px;
font-size:1px;
background-image : url(new_bottom_948.gif);
overflow:hidden;
}
.ntb453{
width:546px;
height:32px;
background-image : url(mid551_1315.gif);
}
.nbg453{
width:546px;
height:1128px;
background-image : url(new_bg_551.gif);
}
.nbg453_in{
padding:6px 0 0 14px;
}
.nbb453{
width:546px;
height:34px;
background-image : url(bottom551_1315.gif);
}
.ntb323{
width:402px;
height:32px;
background-image : url(mid402_1315.gif);
}
.nbg323{
width:402px;
height:1045px;
background-image : url(new_bg_402.gif);
}
.nbg323_in{
padding:0 0 0 4px;
}
.nbb323{
width:402px;
height:34px;
background-image : url(bottom402_1315.gif);
}
.nbt_other{
width:948px;
height:56px;
background-image : url(new_other_bottom_948_1315.gif);
text-align:center;
}
.nbto_in{
padding-top:6px;
}
.nbto_in img{
margin-right:2px;
width:231px;
height:42px;
}
.vamp,.vamp2{
color:#FFFFFF;
font-size:14px;
text-align:left;
font-weight: bold;
float:left;
}
.vamp{
padding:8px 0 0 43px;
}
.vamp2{
padding:7px 0 0 43px;
}
.vamp3{
padding:8px 0 0 8px;
float:left;
}
.vamp3 img{
width:14px;
height:13px;
}
table.nbg_in1{
margin:0 0 0 6px;
border-collapse: separate;
}
.nbg2{
width:948px;
height:114px;
background-image : url(new_bg_948.gif);
text-align:left;
}
.nbg_in2{
width:747px;
height:114px;
padding:3px 0 0 11px;
overflow-y:scroll;
text-align:left;
}
.nbg3{
width:948px;
height:223px;
background-image : url(new_bg_948.gif);
padding:3px 0 0 0;
text-align:left;
}
.nbg_in3{
width:927px;
height:217px;
margin:0 0 0 11px;
overflow-y:scroll;
text-align:left;
}
.nbg3_2{
width:948px;
height:250px;
background-image : url(new_bg_948.gif);
padding:3px 0 0 0;
text-align:left;
}
.nbg_in3_2{
width:927px;
height:244px;
margin:0 0 0 11px;
overflow-y:scroll;
text-align:left;
}
.nbg_in4{
margin:0 0 1px 5px;
}
.nbg_in5{
margin:0 7px 0 6px;
background: url(pa_bg.gif);
}
.nbg6{
width:948px;
height:294px;
background-image : url(new_bg_948.gif);
text-align:left;
}
.nbg_in6{
padding:2px 0 0 8px;
}
.nbg7{
width:948px;
height:391px;
background-image : url(new_bg_948.gif);
text-align:left;
}
.jpg{
float: left;
width:111px;
height:107px;
margin:2px 4px 0 0;
}
.jpg_in{
padding:0 0 0 4px;
}
.jpg img{
border:1px #ff80ff solid;
width:105px;
height:105px;
}
.at{
width : 385px;
height : 1px;
font-size:1px;
float: left;
overflow:hidden;
}
.hack{
width:307px;
height:93px;
border:1px #ff80ff solid;
background : url(msz11.gif);
float: left;
}
.mark{
width:307px;
height:88px;
color:#FFFFFF;
font-size:12px;
padding:7px 0 0 20px;
font-weight: bold;
}
.mark img{
margin-top:3px;
}
.clear{
clear:both;
}
.hill1{
width:904px;
height:30px;
color:#ffffff;
background: url(hill906.gif);
font-weight: bold;
padding-top:2px;
font-size:12px;
}
table.tkj td{
font-size:10px;
color:#ffffff;
}
table.tkj td img{
width:14px;
height:14px;
margin:0 5px 0 5px;
}
.h_top,.h_bot2{
width:940px;
height:22px !important;
line-height:24px;
color:#ffffff;
background:url(wave.png);
background-position: center center; 
font-weight: bold;
}
.h_top{
font-weight: bold;
border-radius: 50px 50px 0 0;
}
.h_bot2{
border-radius: 0 0 50px 50px;
}
.nbgjk{
width:948px;
height:258px;
background-image : url(new_bg_948.gif);
text-align:left;
}
.nbgjk_in{
width:892px;
height:252px;
padding:6px 0 0 8px;
}
.graph,.graph_o,.graph_r{
  position: relative; /* IE is dumb */
  width: 120px;
  border: 1px solid #76A05C;
  padding: 2px;
}
.graph .bar,.graph_o .bar,.graph_r .bar{
  display: block;
  position: relative;
  text-align: center;
  height: 12px;
  line-height: 12px;
  font-size:10px;
}
.graph .bar{
  background: #76A05C;
}
.graph_o .bar{
  background: #F0BC30;
}
.graph_r .bar{
  background: #D14A4E;
}
.graph .bar span,.graph_o .bar span,.graph_r .bar span{
  position: absolute;
  left: 1em;
}
.both{
clear: both;
font-size:0px;
line-height:0px;
height:0px;
}
.mid319b{
width:402px;
height:1px;
font-size:1px;
overflow:hidden;
background : url(mid402_bot.gif);
}
.mid319{
width:402px;
height:32px;
background : url(mid402.gif);
}
.mid319m{
width:402px;
height:1102px;
background-image : url(new_bg_402.gif);
}
.mid319_in{
padding:0 0 0 4px;
}
.mob{
width:546px;
height:387px;
background-image : url(new_bg_551.gif);
}
.mob_in{
padding:4px 0 0 14px;
float:left;
}
.mid454b{
width:546px;
height:1px;
font-size:1px;
overflow:hidden;
background : url(mid551_bot.gif);
}
.mid454{
width:546px;
height:32px;
background : url(mid551_1315.gif);
}
.mid454m{
width:402px;
height:413px;
background-image : url(new_bg_402.gif);
}
.mid454_in{
position: relative;
z-index:1;
height:239px;
background: url(bg_playercontrol.png);
background-repeat:no-repeat;
background-position:8px bottom;
}
.mid454_in img{
margin:3px 0 0 8px;
position: absolute;
width: 385px;
height:216px;
}
.mid454_in a{
outline:none;
display:block;
width: 100%;
height: 100%;
}
.mid454_in a:hover img{
position: absolute;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}
.fancy-playbtn {
background: url(fancy_playbtn.png) no-repeat scroll 0px 0px transparent;
height: 56px;
width: 56px;
position: relative;
top: 86px;
left: 173px;
}
.mid454u{
padding:0 0 0 8px;
margin-top:4px;
width:384px;
height:41px;
}
.mid454u_l{
width:40px;
height:41px;
background:#5A5D62;
color:#ffffff;
font-weight: bold;
float:left;
text-align: center;
margin-right:10px;
}
.mid454u_r{
width:324px;
height:41px;
font-size:14px;
float:left;
}
.gbord{
height: 1px;
border-top: 1px #5A5D62 solid;
overflow:hidden;
font-size:1px;
margin:2px 0 2px 0;
}
.date_in{
padding:6px 0 0 0;
line-height: 14px;
font-size:18px;
}
.gword{
font-size:10px;
}
.catb{
color:#ff33ff;
font-size:12px;
font-weight: bold;
}
.koko,.koko_r{
float:left;
width:77px;
position: relative;
}
.coco{
float:left;
width:70px;
height:43px;
font-size:12px;
padding:2px 5px 0 2px;
word-break:break-all;
}
.koko img{
width:76px;
height: 75px;
border-top: 1px #5A5D62 solid;
border-bottom: 1px #5A5D62 solid;
border-left: 1px #5A5D62 solid;
}
.koko_r img{
width:75px;
height: 75px;
border: 1px #5A5D62 solid;
}
.tabi{
margin:4px 0 0 8px;
}
.rank-corner {
	width: 0;
	height: 0;
	border-top: 23px solid #fe7a7a;
	border-right: 23px solid transparent;
	top: 1px;
	left: 1px;
	position: absolute;
	z-index: 0;
}
.rank-no {
	color: #f1f1f1;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	height: 10px;
	min-width: 10px;
	position: absolute;
	top: 1px;
	left: 2px;
	z-index: 1;
}
.koko a:hover,.koko_r a:hover {
text-decoration: none;
}
.tile{
width : 8px;
}
.tube{
	width : 215px;
	height : 173px;
	text-align: center;
border:1px #ccc solid;
background:#ffffff url(sun_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
	font-size : 14px;
	vertical-align: top;
}
div.tube3{
position:relative;
height:105px;
width:187px;
overflow:hidden;
border-width:1px;
border-style:solid;
margin:12px 0 0 0;
}
div.tube3 a.tube_link{
display:block;
position:relative;
}
div.tube3 a.preview_link{
position:relative;
height:103px;
width:185px;
overflow:hidden;
}
div.tube3 a.preview_link img{
height:103px;
width:185px;
position:relative;
display:block;
}
.vo{
margin-top:5px;
padding-left:14px;
text-align: left;
clear:both;
}
img{
border:0;
}
div.vt{
background-color:#171D1B;
color:#F7FFFD;
filter:alpha(opacity = 75);
font-size:10px;
font-weight: bold;
opacity:.75;
padding:0 2px;
position:absolute;
right:4px;
top:90px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
div.image_border,div.image_border:hover,img.image_border:hover{
border-color:#ccc;
}
.white_border,.white_border:hover{
border:1px #fff solid;
}
.obo{
float:left;
}
.foo{
width :946px;
height:88px;
box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 5px 2px;
}
.foot1{
text-align:center;
height:60px;
background:#ffffff;
clear:both;
}
.fl{
text-align:left;
float:left;
color:#555555;
margin:15px 0 0 20px;
font-size:12px;
}
.fr{
float:right;
margin:25px 20px 0 0;
}
.foot2{
text-align:center;
height:28px;
line-height:28px;
color:#ffffff;
background:#ff87fe;
background-position: center center; 
font-size:12px;
}
.lefty{
width :622px;
float:left;
}
.righty{
width:311px;
float:left;
}
.mob_r{
float:left;
width:309px;
height:288px;
margin-bottom:3px;
background: url(bg_stripe.gif);
}
.mob_r_in{
padding:6px 0 0 0;
text-align:center;
}
.tom3{
color:#ffffff;
width:140px;
height:17px;
line-height:17px;
border: 1px #C20505 solid;
border-radius: 100px;
background:#C20505;
text-align:center;
font-weight: bold;
line-height:17px;
font-size:12px;
}
.red,.blue,.fake1,.fake2,.tweet{
width:42px;
height:11px;
color:#ffffff;
font-size:10px;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align:center;
float:left;
font-weight: bold;
}
.red{
background:#ff19ff;
}
.blue{
background:#4242ff;
}
.fake1{
background:#ff8000;
}
.fake2{
background:#33cc33;
}
.tweet{
background:#55acee;
}
.neri{
font-weight: bold;
color:#444444;
}

.tom2{
width:272px;
height:105px;
margin-top:2px;
background:#ffffff;
border:1px #ff80ff solid;
float: left;
}
.tom{
width:307px;
height:93px;
background:#ffffff;
margin:0 2px 2px 0;
float: left;
border:1px #ff80ff solid;
}
.if3{
width : 272px;
height : 38px;
padding-top:2px;
float: left;
margin:1px 0 0 0;
}
.bek{
width : 307px;
height:38px;
padding-top:2px;
margin:1px 0 0 0;
}
.a2 {
width: 211px;
height:19px;
padding:3px 0 0 7px;
float: left;
color:#404040;
}
.pp3{
width : 250px;
height:19px;
padding:3px 0 0 6px;
color:#404040;
float:left;
}
.pp3 img{
width:11px;
height:11px;
margin:0 2px 0 0;
}
.b,.b2{
height:16px;
text-align:right;
font-size:12px;
color:#404040;
}
.b img,.b2 img{
width:39px;
height:16px;
margin-right:2px;
}
.txt{
background:#ffeeff;
height : 64px;
width : 272px;
float: left;
}
.txt_in{
padding:7px 15px 0 9px;
}
.txt3{
width : 307px;
height : 52px;
background:#ffeeff;
float: left;
}
.txt3_in{
padding:9px 14px 0 14px;
}
.bar3{
padding-bottom:3px;
margin-right:2px;
float:right;
clear:both;
}
.dot{
width:100%;
height:1px;
font-size:1px;
overflow:hidden;
background: url(dot.gif);
float:left;
}
.stripe{
width:522px;
height:264px;
background-image : url(bg_stripe.gif);
}
.imob{
width:250px;
height:250px;
float:left;
margin:5px 0px 8px 7px;
}
.tvjk{
width: 926px;
margin-left:3px;
}
.j2 img{
width: 11px;
height:11px;
margin-right:14px;
}
.jkbar{
width: 926px;
background:url(t_bar_1315.gif);
background-repeat:repeat-x;
margin:0 0 3px 3px;
font-size: 14px;
font-weight:bold;
color:#ffffff;
height: 26px;
}
.z1,.z2,.z3,.z4{
line-height: 21px;
float:left;
}
.z1{
width: 588px;
padding-left:10px;
}
.z2{
width: 96px;
}
.z3{
width: 134px;
}
.z4{
width: 98px;
}
.j2,.j3,.j4,.j6,.j7{
float:left;
height:22px;
padding-top:4px;
font-size: 14px;
color:#404040;
border-bottom:1px #cccccc solid;
}
.j2{
padding-left:11px;
width:143px;
}
.j3{
width:447px;
}
.j4{
width:69px;
text-align:right;
padding-right:28px;
}
.j6{
width:120px;
}
.j7{
width:88px;
text-align:right;
padding-right:20px;
}
.j8{
overflow:hidden;
width:0px;
font-size:0px;
float:left;
}
.sp-rank{height:35px;width:35px;border-radius:25px;background:#242424;color:#ffffff;font-size:10px;line-height:35px;font-weight: bold}
.sp-rank{position:absolute;z-index:100;top:-8px;left:-9px}

.listItem,.listItem2{position:relative;border:solid 1px #999999;background:#ffffff;border-radius:3px;text-align:center;font-size:12px;line-height:18px;font-size:1.2rem;line-height:1.8rem}
.listItem .listThumb{width:128px;height:128px;line-height:163px}
.listItem .sp-icon-new{position:absolute;z-index:100}
.listItem p,.listItem2 p{text-align:left;font-size:14px;word-break:break-all;color:#404040}
.listItem .p2{text-align:left;font-size:14px;color:#404040}
#topRankingList .listItem{float:left;width:156px;height:198px;margin:2px 12px 4px 0}
#topRankingList .listItem:last-of-type{margin-right:0}
#topRankingList .listItem .listThumb,#topRankingList2 .listItem2 .listThumb{margin-bottom:6px}
#topRankingList .listItem .sp-icon-new{top:5px;left:116px}
#topRankingList .listItem p{width:128px;height:45px;margin:0 auto}
#topRankingList .listItem .p2{width:128px;margin-left:14px}
#topRankingList .listItem .sp-icon-new{top:5px;left:116px}
#topRankingList{padding:8px 0 0 14px}
.listItem{padding:14px 0 8px 0;}
.listItem2{padding:12px 0 8px 0;}
.listItem2 .listThumb{width:120px;height:164px;line-height:164px}
#topRankingList2 .listItem2{float:left;width:144px;height:205px;margin:0 5px 4px 0}
#topRankingList2 .listItem2 p{width:120px;margin:0 auto;color:#c10000}
#topRankingList2{padding:0 0 0 6px}

#w [class^="d-btn"],#w2 [class^="d-btn"] {
display: inline-block;
background-image: url(bg_bt2.gif);
background-color: #D2D2D2;
background-repeat: no-repeat;
background-position: 0 center;
border-color: #BBBBBB #999999 #888888;
border-style: solid;
border-width: 1px;
border-radius: 2px;
float:left;
}
#w [class^="d-btn"]{
margin:0 12px 5px 0;
}
#w2 [class^="d-btn"] {
margin:1px 0 0 6px;
}
#w [class^="d-btn"]:hover,#w2 [class^="d-btn"]:hover {
position: relative;
top:1px;
background-position: -300px center;
border-color: #aaa #999999 #BBBBBB;
text-decoration: none;
}
#w [class^="d-btn"] > * ,#w2 [class^="d-btn"] > * {
display: inline-block;
background-image: url(bg_bt_arrow.png);
background-color: transparent !important;
background-repeat: no-repeat;
border-color: #fff #fff #f0f0f0;
border-style: solid;
border-width: 1px;
border-radius: 1px;
text-align: center;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-weight: bold !important;
word-break: normal !important;
color: #333;
}
#w [class^="d-btn"] > * {
background-position: 6px center;
}
#w2 [class^="d-btn"] > * {
background-position: 30px center;
}
#w [class^="d-btn"]:hover > * ,#w2 [class^="d-btn"]:hover > * {
color: #636363;
text-decoration: none;
}
/* 基本設定 */
#w [class^="d-btn"] > * ,#w2 [class^="d-btn"] > * {
padding: 2px 3px 2px 8px;
line-height: 12px;
font-size: 12px;
}
/* paddingとborderを差し引いた値を設定 */
#w [class^="d-btn"] > * {width: 143px;}
#w2 [class^="d-btn"] > * {width: 282px;}
.sample{
width:546px;
margin:0 0 0 14px;
}
.header{
width :946px;
height:95px;
border-radius: 0 0 20px 20px;
box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 5px 2px;
background:#ffffff;
font-size:14px;
}
.top{
width :942px;
height:74px;
margin:0 2px 0 2px;
background:url(plane3.png);
background-position: top center; 
}
.t_lef{
float:left;
margin:8px 0 0 18px;
width :64px;
height:54px;
}
.t_lef2{
float:left;
margin:5px 0 0 -3px;
width :211px;
height:60px;
}
.t_rig,.t_rig2{
width :90px;
float:right;
font-size:14px;
margin-top:14px;
}
.t_rig2{
margin-right:5px;
}
.t_rig img,.t_rig2 img{
vertical-align: middle;
margin-right:3px;
width :20px;
height:20px;
}
.line{
width :946px;
height:6px;
background : url(top_t.png) repeat-x;
overflow:hidden;
font-size:1px;
}
.line2{
width :946px;
height:15px;
background : url(t_bar_1315.gif) repeat-x;
overflow:hidden;
font-size:1px;
border-radius: 0 0 20px 20px;
}
.mon{
width: 88px;
height:150px;
line-height:15px;
float:left;
font-size:14px;
margin:0 0 0 5px;
text-align:left;
word-break: break-all;
}
.mon_t{
width: 209px;
height:152px;
float:left;
margin:2px 3px 0 2px;
text-align:left;
float:left;
}
.mon_x1x{
width: 110px;
height:150px;
float:left;
margin-left:3px;
}
.mon_x1x img{
width: 105px;
height:150px;
float:left;
margin-left:3px;
}
.prev, .next {
	display: block;
	width: 20px;
	height: 118px;
	border: #eaeaea 1px solid;
	border-radius: 4px;
	background-color: #f3f3f3;
	background-image: url(arrow_recommend.png);
	background-repeat: no-repeat;
	cursor: pointer;
	float:left;
	margin:17px 9px 0 7px;
}
.prev {
	left: 0;
	background-position: -50px 50%;
}
.next {
	right: 0;
	background-position: -170px 50%;
}
.prev:hover {
	background-color: #eee;
	background-position: -90px 50%;
}
.next:hover {
	background-color: #eee;
	background-position: -130px 50%;
}
.next span{
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
}
.crb{
position:relative;
width: 300px;
height: 250px;
margin-left:5px;
overflow: hidden;
}
.crb img{
position:absolute;
left:-72px;
height:250px;
}

.ooi{
width: 915px;
height: 272px;
text-align:center;
padding:10px 0 0 18px
}
#dropmenu{
  position: relative;
  list-style-type: none;
  width: 900px;
  height: 30px;
  margin:0px;
  padding: 0;
  background: #333;
  border-radius: 3px;
  z-index:100;
}
#dropmenu li{
  width: 10%;
  float: left;
  margin: 0;
  padding: 0;
  z-index:100;
}
#dropmenu li.yrw{
  width: 11%;
  float: left;
  margin: 0;
  padding: 0;
}
#dropmenu li span{
  display: block;
  margin: 0;
  padding: 7px 0 11px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a,#dropmenu li ul li.ls1 a,#dropmenu li ul li.ls2 a{
  color: #333;
  background: #eee;
  text-align: left;
  font-weight: normal;
  text-decoration: none;
}
#dropmenu li ul li a{
  padding: 10px 0 10px 10px;
  font-size: 14px;
}
#dropmenu li ul li.ls1 a{
  padding: 11px 0 11px 10px;
  font-size: 10px;
}
#dropmenu li ul li.ls2 a{
  padding: 4px 0 6px 10px;
  font-size: 10px;
}
#dropmenu li:hover > span,#dropmenu li.ls1:hover > span,#dropmenu li.ls2:hover > a{
  background: #eee;
  color: #167AC6;
  text-decoration: underline;
}
#dropmenu > li:hover > span{
  border-radius: 3px 3px 0 0;
  color: #333;
  text-decoration: none;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 30px;
  color: #333;
}
.otakara{
width: 900px;
height: 600px;
margin-top:10px;
border-radius: 3px;
background: #fff;
border: 1px solid #333;
}
.year{
width:940px;
height: 110px;
border:1px #ff00ff solid;
background:#ffffff;
text-align:left;
border-radius: 20px;
}
.year p{
width:80px;
height: 30px;
color:#696969;
font-size:14px;
float:left;
margin:0px;
padding:0px;
margin-left:20px;
}
.vote,.vote2{
width:900px;
float:left;
color:#ff00ff;
font-size:18px;
font-weight: bold;
}
.vote{
padding:15px 0 3px 20px;
}
.vote2{
padding:8px 0 5px 20px;
}
.nojo{
color:#ff33ff;
font-size:10px;
font-weight: bold;
}