*
{ margin: 0;
  padding: 0;}
body {font: normal  'Arial', sans-serif;
 /*background-color:#68A9CF;*/
 background-image: url("http://tera.zouri.jp/owata/img/201405bg.png");
 background-repeat: repeat;
   background-attachment:fixed;}
img{ border: 0;}
a{ outline:none; text-decoration:none; color: #006eb0;}
a:hover {text-decoration: underline; color: #ff0000;}
.meiryo {font-family:'メイリオ',Meiryo,'Arial';}

#main, #header, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#main
{ width: 1019px;
  margin: 0px auto;}

#header
{ width: 1019px;
  height: 121px;}

#logo
{ width: 1000px;
  position: relative;
  height: auto;
  background: transparent;
  padding: 20px;}

h2{
	padding:5px/*上*/ 0px/*右*/ 0/*下*/ 5px/*左*/;
	font-weight: normal;
}
.vis{
	padding:0px;
	font-size: 15px;
	font-family:'メイリオ',Meiryo,'verdana';
  text-shadow: 2px 2px 2px #696969;
}

#menubar
{ height: 40px;
  width: 1019px;
  margin: 1px auto 0 auto;
  background: transparent url(http://tera.zouri.jp/owata/img/tab.png);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;} 

#menubar p{
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
}

ul#menu
{ float: left; margin: 0;padding: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 0px;
  list-style: none;
  margin: 0px 0px 0 0;}

ul#menu li a
{ font-size:15px;
  font: normal 100% 'Arial', sans-serif;
  text-shadow:1px 1px 2px #000;
  display: block; 
  float: left;　
  height: 20px;
  padding: 10px 10px 5px 20px;
  text-align: center;
  color: #FFF;
  border-right: 1px dashed #636363;
  text-decoration: none;} 

ul#menu li.tab_selected a
{ height: 10px; padding: 6px 28px 5px 22px;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ color: #ECEF01;}

ul#menu li a:hover
{ color: #87cefa;}


.popup{ /*吹き出しの親要素*/position: relative;}
.fu { /*吹き出し本体*/
        position: absolute;
				text-shadow:1px 1px 2px #ccc;
        top:40px; left:20px;
        display: none; /*何も表示しない*/
        padding: 20px; /*内側の余白*/
        width: 300px; /*ブロックの幅 */
        font-weight: bold; /*文字の太さ*/
        text-decoration: none; /*文字飾り*/
        color:#000000; /*文字色*/
        background-color: #88b7d5; /*背景色*/
        border: 4px solid #c2e1f5;
        -webkit-border-radius: 10px;/* Safari、Google Chrome */
        -moz-border-radius: 10px;/* Firefox */ }
a:hover .fu {
        display: block; /*ブロック要素で表示*/}
.to{ /*吹き出しの突起*/
        border-top: 19px solid  transparent;
        border-left: 19px solid #c2e1f5;
        width : 0px;
        height : 0px;
        position: absolute;
        left : 10px;
        top: -19px;}
.toi{ /*吹き出しの突起の入れ子部分*/
        border-top: 15px solid  transparent;
        border-left: 15px solid #88b7d5;
        width : 0px;
        height : 0px;
        position: absolute;
        left : -15px;
        top: -9px;}



#site_content
{ width: 1019px;
  overflow: hidden;
  margin: 0px auto 0 auto;
	padding: 0px 0 0 0;
  border-top: 0;
  border-bottom: 0;
	background-color:#eaf4fc;
/*	background-color: #fff url(a4.jpg) repeat fixed;	
	-webkit-box-shadow: 0px 0px 8px 0px #333;
	-moz-box-shadow: 0px 0px 8px 0px #333;
	box-shadow: 0px 0px 8px 0px #333;*/} 

#content
{ text-align: left;
  width: 1014px;
  padding: 10px/*上*/ 0px/*右*/ 20px/*下*/ 5px/*左*/;
  margin: 0;
}
/*
table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ background: #3B3B3B;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}
  
table tr td
{ background: #CCCCCC;
  color: #47433F;
  border-top: 1px solid #FFF;}
*/

.line
{border-bottom:1px dashed #c4c4c4;}



/* ■Table　Ver.7
-----------------------------------*/
#t {
  text-align: left;
	margin-left : auto ;
	margin-right : auto ;
  border-collapse: collapse;
	width: 1000px;
	font-family: arial;
	white-space:nowrap;
	background: transparent;
  }

#t thead {/* 一番上　*/
  border: transparent;
  background:transparent;
	font-size: 12px;
  font-weight: bold;
	padding: 0px;
  }

#t td {/* 曲名以外(a以外) */
  color: #000000;
  border-bottom: 1px dashed #ccc;
	padding: 7px 0px;
  }
#t tbody td {/* 曲名以外(a以外) */
	font-size: 11px;
	background:transparent;
	}

#t th {width: 290px;}

#t tbody th, tbody td {text-align:left;}

#t tbody th a {/* 曲名(a) */
	font-family: arial;
	font-size: 16px;
  background: transparent;
  color: #333333;
	text-shadow:1px 1px 2px #ccc;
	text-decoration: none; font-weight: bold;
  }

#t tbody th {color: #333333; 	font-size: 12px;}/* 曲名(a以外) */

#t tbody th a:hover {
  background: transparent;
  color: #ffffff;
  font-weight: bold;
  }


#t a{color: #006eb0;}
#t a:hover{color:#ff0000;}
#t tr:hover {text-decoration: underline;}

#t .lv {
	font-family: 'Arial';
  color: #000000;
	font-size: 15px;
	padding: 0px 0px;
}
#t .level {
	font-family: 'Verdana';
  color: #000000;
	font-size: 22px;
	padding: 0px 0px;
}

#t .v {background: transparent url(http://owata2.com/a/top/v.png);}
#t .t {background: transparent url(http://owata2.com/a/top/t.png);}
#t .so {background: transparent url(http://owata2.com/a/top/s.png);}
#t th.n {background:url(http://owata2.com/a/top/newsong.png);}

#t .z{white-space: normal; width: 150px;}

/* ■ポップアップ
-----------------------------------*/
.z a{position:relative;}
.z a span{
	position:absolute;
	top:-30px;
	left:-310px;
	width:400px;
	padding:5px;
	visibility:hidden;
	background:#f5f5f5;
	border:2px solid #999;
	color:#333;
	}
.z a:hover{visibility:visible;}
.z a:hover span{visibility:visible;}

/* ■投稿譜面
-----------------------------------*/
.toko{
  background-color:#eee;
  color:#000;
	font-size: 20px;
	font-weight: bold;
	border:3px dashed #aaa;
	width: 930px;
	padding: 3px;
}

#k {
	margin-left : auto ;
	margin-right : auto ;
	font-family:arial;
	text-align: left;
	width: 1000px;
	color: #000000;
	white-space:nowrap;
 	border-collapse: collapse;
	}

#k thead td {/* 一番上　*/
  text-align: left;
  font-weight: bold;
	padding: 0px;
  }

#k th {width: 260px; text-align: left;}
#k th a{font-size: 15px; font-weight: normal; color: #333333;}
#k th a:hover{color:#fff;}

#k td{
	font-size: 11px;
  border-bottom: 1px dashed #ccc;
	padding: 4px; 
	}

#k td a{font-weight: normal; color: #006EB0;}
#k td a:hover{color: #006EB0;}

#k tr:hover {text-decoration: underline;}

#k .level {
	font-family: 'Verdana';
  color: #000000;
	font-size: 22px;
	padding: 0px 0px;
}

#k .v {background: transparent url(http://owata2.com/a/top/v.png);}
#k .t {background: transparent url(http://owata2.com/a/top/t.png);}
#k .so {background: transparent url(http://owata2.com/a/top/s.png);}
#k .z{white-space: normal; width: 160px;}

#k th.n {background:url(http://owata2.com/a/top/newsong.png);}
#k th.n a {font-weight: bold;}

#footer p
{ padding: 0 0 10px 0;}

#footer a, #footer a:hover
{ color: #FFF;
  text-decoration: underline;}

#footer a:hover
{ color: #FFF;
  text-decoration: none;}

#footer
{ width: 1019px;
  font: normal 90% 'trebuchet ms',  arial, sans-serif;
  height: 65px;
  padding: 20px 0 5px 0;
  text-align: center; 
  color: #FFF;
  background: transparent url(http://owata2.com/a/top/tab.png) repeat;}

/* ■今日の曲ランキング
-----------------------------------*/
#ranking
{WIDTH: 800px;
 HEIGHT: 120px;
 border:3px dashed #2e8b57;
 PADDING-LEFT: 10px;
 OVERFLOW: auto;
 overflow-y: scroll;
 direction: rtl;
}

#rankingleft
{PADDING-LEFT: 20px;}

.rankingc
{direction: ltr;}