/* CSS Document */
body,h1,h2,h3,h4,h5,p,div,ol,ul,li,form,dd,dl,dt,hr,table,tr,td{
margin:0px;
padding:0px;
font-size:13px;
}

a:link{
color:#FFFFFF;
}
a:visited{
color:#FFFFFF;
}
a:hover{
color:red;
}
a:active{
color:#FF0000;
}

body{
background-color:#000000;
font-size:14px;
line-height:130%;
text-align:center;
color:#FFFFFF;
}

#wrap{
position:relative;
width:820px;
margin:0px auto 0px auto;
text-align:center;
background: url(img/bg.gif);
background-repeat:repeat-y;
background-position: top center;
}

#hed{
margin:0px auto 0px auto;
position:relative;
width:818px;
height:200px;
background: url(img/wantedback.jpg);
background-repeat:no-repeat;
background-position: top center;
}
#hed_r{
margin:0px auto 0px auto;
position:relative;
width:818px;
height:200px;
background: url(img/resultback.jpg);
background-repeat:no-repeat;
background-position: top center;
}
#hed_l{
margin:0px auto 0px auto;
position:relative;
width:818px;
height:200px;
background: url(img/albumback.jpg);
background-repeat:no-repeat;
background-position: top center;
}

h1{
width:818px;
height:55px;
background-image: url(img/h1_wantedback.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
background-position: top center;
margin:0px auto 0px auto;
}

#hed_r h1{
width:818px;
height:55px;
background-image: url(img/h1_resultback.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
background-position: top center;
margin:0px auto 0px auto;
}

#hed_l h1{
width:818px;
height:55px;
background-image: url(img/h1_albumback.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
background-position: top center;
margin:0px auto 0px auto;
}

#hed_mail{
margin:0px auto 0px auto;
position:relative;
width:818px;
height:200px;
background: url(img/mailback.jpg);
background-repeat:no-repeat;
background-position: top center;
}
#hed_mane{
margin:0px auto 0px auto;
position:relative;
width:818px;
height:200px;
background: url(img/maneback.jpg);
background-repeat:no-repeat;
background-position: top center;
}
#hed_news{
margin:0px auto 0px auto;
position:relative;
width:818px;
height:200px;
background: url(img/newsback.jpg);
background-repeat:no-repeat;
background-position: top center;
}

h1.mail{
width:818px;
height:55px;
background-image: url(img/h1_mailback.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
background-position: top center;
margin:0px auto 0px auto;
}
h1.mane{
width:818px;
height:55px;
background-image: url(img/h1_maneback.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
background-position: top center;
margin:0px auto 0px auto;
}
h1.news{
width:818px;
height:55px;
background-image: url(img/h1_newsback.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
background-position: top center;
margin:0px auto 0px auto;
}

#menu{
position:absolute;top:159px;left:23px;
width:780px;
height:30px;
}


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

#menu li{
float:left;
}


#menu li a {
margin-left:7px;
display:block;
width:122px;
height:30px;
text-decoration:none;
text-indent:-9999px;
background-image: url(img/buttonwant_back.jpg);
}

#home a{ 
background-position: 0px 0px;
}
#home a:hover,
#home a:focus {
background-position: 0px 30px;
}

#wanted a{
background-position: -131px 0px;
}
#wanted a:hover,
#wanted a:focus {
background-position: -131px 30px;
}

#result a{
background-position: -263px 0px;
}
#result a:hover,
#result a:focus {
background-position: -263px 30px;
}

#player a{
background-position: -395px 0px;
}
#player a:hover,
#player a:focus {
background-position: -395px 30px;
}

#album a{
background-position: -526px 0px;
}
#album a:hover,
#album a:focus {
background-position: -526px 30px;
}

#mail a{
background-position: -658px 0px;
}
#mail a:hover,
#mail a:focus {
background-position: -658px 30px;
}




#contents{
position:relative;right:2px; top:20px;
width:648px;
height:1000px;
background: url(img/contents-back2.png);
background-repeat:no-repeat;
float:right;
margin-bottom:20px;
}
#contents2{
position:relative;right:2px; top:20px;
width:648px;
height:2100px;
background: url(img/contents-back3.png);
background-repeat:no-repeat;
float:right;
margin-bottom:20px;
}
#contents3{
position:relative;right:2px; top:20px;
width:648px;
height:3100px;
background: url(img/contents-back4.png);
background-repeat:no-repeat;
float:right;
margin-bottom:20px;
}
#contents4{
position:relative;right:2px; top:20px;
width:648px;
height:1000px;
background: url(img/contents-back5.png);
background-repeat:no-repeat;
float:right;
margin-bottom:20px;
}
#contents5{
position:relative;right:2px; top:20px;
width:648px;
height:1000px;
background: url(img/contents-back5.png);
background-repeat:no-repeat;
float:right;
margin-bottom:20px;
}
#contents-form{
position:relative;right:2px; top:20px;
width:648px;
height:1260px;
background: url(img/contents-form.png);
background-repeat:no-repeat;
float:right;
margin-bottom:20px;
}


#contents table.result1{
width:600px;
position:absolute;left:22px;top:82px;
text-align:center;
}
#contents-form table.form{
width:620px;
position:absolute;left:38px;top:242px;
text-align:center;
}
#contents2 table.result1{
width:600px;
position:absolute;left:22px;top:82px;
text-align:center;
}
#contents2 table.result2{
width:600px;
position:absolute;left:22px;top:190px;
text-align:center;
}


#contents4 table.result1{
width:600px;
position:absolute;left:22px;top:82px;
text-align:center;
}
#contents4 table.result2{
width:600px;
position:absolute;left:22px;top:190px;
text-align:center;
}
#contents4 table.result3{
width:600px;
position:absolute;left:22px;top:320px;
text-align:center;
}
#contents4 table.result4{
width:600px;
position:absolute;left:22px;top:450px;
text-align:center;
}
#contents4 table.record{
width:600px;
position:absolute;left:22px;top:320px;
text-align:center;
}
#contents4 table.record td{
width:150px;
height:30px;
background-image:url(img/t-back.gif);
}

#contents5 table.result1{
width:600px;
position:absolute;left:22px;top:82px;
text-align:center;
}
#contents5 table.result2{
width:600px;
position:absolute;left:22px;top:190px;
text-align:center;
}

#contents3 table.result1{
width:600px;
position:absolute;left:22px;top:82px;
text-align:center;
}
#contents3 table.result2{
width:600px;
position:absolute;left:22px;top:190px;
text-align:center;
}

table.result1 th{
background-image:url(img/t-back.gif);
border-bottom:1px doted #000000;
color:#D5D500;
height:30px;
}
table.result2 th{
background-image:url(img/t-back.gif);
border-bottom:1px doted #000000;
color:#D5D500;
height:30px;
}
td.pekemaru{
	font-size:24px;
	text-align:center;
}
td.pekemaru2{
	font-size:14px;
	text-align:center;
}

table.result3 th{
background-image:url(img/t-back.gif);
border-bottom:1px doted #000000;
color:#D5D500;
height:30px;
}
table.result4 th{
background-image:url(img/t-back.gif);
border-bottom:1px doted #000000;
color:#D5D500;
height:30px;
}
table.record th{
background-image:url(img/t-back.gif);
border-bottom:1px doted #000000;
color:#D5D500;
height:30px;
}

table.form th{
border-bottom:1px doted #000000;
color:#D5D500;
height:40px;
width:260px;
}

td.sub{
height:40px;
}

th.date{
width:10%;
}
th.place{
width:15%;
}
th.league{
width:30%;
}
th.enemy{
width:20%;
}
th.score{
width:10%;
}
th.res{
width:15%;
}

table.result1 td{
border-left:1px doted #000000;
width:14%;
background-image:url(img/t-back.gif);
height:30px;
}
table.result2 td{
border-left:1px doted #000000;
width:20%;
height:30px;
background-image:url(img/t-back.gif);
}

table.result3 td{
border-left:1px doted #000000;
width:20%;
height:30px;
background-image:url(img/t-back.gif);
}
table.result4 td{
border-left:1px doted #000000;
width:20%;
height:30px;
background-image:url(img/t-back.gif);
}

#contents h2{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar.jpg);
text-indent:-9999px;
}
#contents2 h2{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-result.jpg);
text-indent:-9999px;
}
#contents3 h2{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-result.jpg);
text-indent:-9999px;
}
#contents4 h2{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-result.jpg);
text-indent:-9999px;
}
#contents5 h2{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-album.jpg);
text-indent:-9999px;
}
#contents-form h2{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-mail.jpg);
text-indent:-9999px;
}


#contents h3.one{
position:absolute;left:14px;top:96px;
width:614px;
height:19px;
background-image: url(img/h3_one.png);
text-indent:-9999px;
}
* html #contents h3.one{
background-image:url(img/h3_one2.png);
height:19px;
}

#contents-form h3.one{
position:absolute;left:14px;top:96px;
width:614px;
height:19px;
background-image: url(img/h3_form.png);
text-indent:-9999px;
}
* html #contents-form h3.one{
background-image:url(img/h3_form.png);
height:19px;
}

#contents p.one{
position:absolute;left:54px;top:136px;
width:546px;
text-align:left;
}

#contents h3.two{
position:absolute;left:14px;top:186px;
width:614px;
height:19px;
background-image: url(img/h3_two.png);
text-indent:-9999px;
}
* html #contents h3.two{
background-image:url(img/h3_two2.png);
height:19px;
}


#contents p.two{
position:absolute;left:54px;top:216px;
width:546px;
text-align:left;
}
#contents h3.three{
position:absolute;left:14px;top:266px;
width:614px;
height:19px;
background-image: url(img/h3_three.png);
text-indent:-9999px;
}
* html #contents h3.three{
background-image:url(img/h3_three2.png);
height:19px;
}
#contents p.three{
position:absolute;left:54px;top:296px;
width:546px;
text-align:left;
}
#contents p.threeb{
position:absolute;left:54px;top:370px;
width:546px;
text-align:left;
}

#contents h3.four{
position:absolute;left:14px;top:436px;
width:614px;
height:19px;
background-image: url(img/h3_four.png);
text-indent:-9999px;
}
* html #contents h3.four{
background-image:url(img/h3_four2.png);
height:19px;
}
#contents p.four{
position:absolute;left:54px;top:466px;
width:546px;
text-align:left;
}
#contents p.fourb{
position:absolute;left:54px;top:540px;
width:546px;
text-align:left;
}

#contents p{
position:absolute;left:42px;top:630px;
width:560px;
height:250px;
}
#contents-form p{
position:absolute;left:42px;top:860px;
width:560px;
height:250px;
}
#contents-form p.sub{
position:absolute;left:42px;top:140px;
width:560px;
height:250px;
text-align:left;
}
#contents4 p{
position:absolute;left:42px;top:650px;
width:560px;
height:250px;
}

#contents5 p{
position:absolute;left:42px;top:650px;
width:560px;
height:250px;
}

.ye{
color:#D5D500;
}
.bl{
color:#0091F0;
font-size:120%
}
.bl2{
color:#FFCC00;
}
.bl3{
color:#0091F0;
}



#side-menu{
position:relative;left:2px; top:76px;
float:left;
width:168px;
height:960px;
background-image:url(img/contents-leftback2.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
}
#side-menu2{
position:relative;left:2px; top:76px;
float:left;
width:168px;
height:2100px;
background-image:url(img/contents-leftback4.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
}
#side-menu3{
position:relative;left:2px; top:76px;
float:left;
width:168px;
height:960px;
background-image:url(img/contents-leftback3.jpg);
background-repeat:no-repeat;
margin-bottom:20px;
}

#side-menu ul{
position:relative;left:0px; top:0px;
margin:86px 7px 0px 7px;
list-style:none;
}
#side-menu li{
margin-bottom:9px;
}
#side-menu li a {
display:block;
text-decoration:none;
text-indent:-9999px;
width:154px;
height:30px;
margin-bottom:9px;
background-image: url(img/button_side2.jpg);
}
#side-menu2 ul{
position:relative;left:0px; top:0px;
margin:86px 7px 0px 7px;
list-style:none;
}
#side-menu2 li{
margin-bottom:9px;
}
#side-menu2 li a {
display:block;
text-decoration:none;
text-indent:-9999px;
width:154px;
height:30px;
margin-bottom:9px;
background-image: url(img/button_side2.jpg);
}
#side-menu3 ul{
position:relative;left:0px; top:0px;
margin:86px 7px 0px 7px;
list-style:none;
}
#side-menu3 li{
margin-bottom:9px;
}
#side-menu3 li a {
display:block;
text-decoration:none;
text-indent:-9999px;
width:154px;
height:30px;
margin-bottom:9px;
background-image: url(img/button_side2.jpg);
}

#record a{ 
background-position: 0px 0px;
}
#record a:hover,
#record a:focus {
background-position:-154px 0px;
}
#manager a{ 
background-position:0px -39px;
}
#manager a:hover,
#manager a:focus {
background-position:-154px -39px;
}
#news a{ 
background-position:0px -78px;
}
#news a:hover,
#news a:focus {
background-position:-154px -78px;
}
#uniform a{ 
background-position:0px -117px;
}
#uniform a:hover,
#uniform a:focus {
background-position:-154px -117px;
}
#link a{ 
background-position:0px -156px;
}
#link a:hover,
#link a:focus {
background-position:-154px -156px;
}
#score a{ 
background-position:0px -195px;
}
#score a:hover,
#score a:focus {
background-position:-154px -195px;
}
#bbs a{ 
background-position:0px -234px;
}
#bbs a:hover,
#bbs a:focus {
background-position:-154px -234px;
}



#footer{
width:820px;
height:50px;
clear:both;
position:relative;
background-position:top center;
background-image:url(img/foot_back.gif);
background-repeat:no-repeat;
}

hr.one{
position:absolute;left:22px; top:160px;
width:598px;
color:#CCCCCC;
}
hr.two{
position:absolute;left:22px; top:412px;
width:598px;
color:#CCCCCC;
}
hr.three{
position:absolute;left:22px; top:572px;
width:598px;
color:#CCCCCC;
}

hr.all1{
position:absolute;left:22px; top:432px;
width:598px;
color:#CCCCCC;
}
hr.all2{
position:absolute;left:22px; top:616px;
width:598px;
color:#CCCCCC;
}
hr.result_all{
	position:absolute;
	left:22px;
	top:760px;
	width:598px;
	color:#CCCCCC;
}

/*マネージャーページ
-------------------------------------------------------*/
#contents p.mane1{
position:absolute;left:54px;top:136px;
width:546px;
text-align:left;
}
#contents p.mane2{
position:absolute;left:54px;top:206px;
width:546px;
text-align:left;
}
#contents p.mane3{
position:absolute;left:54px;top:276px;
width:546px;
text-align:left;
}
#contents p.mane4{
position:absolute;left:54px;top:326px;
width:546px;
text-align:left;
}
#contents h2.mane{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-maneger.jpg);
text-indent:-9999px;
}
#contents p.manepic{
position:absolute;left:42px;top:430px;
width:560px;
height:250px;
}

/*ニュース
-------------------------------------------------------*/
#contents p.news{
position:absolute;left:14px;top:106px;
width:546px;
text-align:left;
}
#contents h2.news{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-news.jpg);
text-indent:-9999px;
}

/*リンク
-------------------------------------------------------*/
#contents-form h2.link{
position:absolute;left:16px;top:11px;
width:614px;
height:44px;
background-image: url(img/bar-link.jpg);
text-indent:-9999px;
}
h3.link{
position:absolute;left:14px;top:96px;
width:614px;
height:19px;
background-image: url(img/h3_link.png);
text-indent:-9999px;
}

#contents-form ul{
margin:0px; 
padding:0px;
list-style:none;
position:absolute;left:44px;top:366px;
}

#contents-form li{
float:left;
}


#contents-form li a {
display:block;
width:140px;
height:80px;
}

#contents-form p.link{
position:absolute;left:54px;top:136px;
width:546px;
text-align:center;
line-height:260%;
}

hr.link{
position:absolute;left:22px; top:320px;
width:598px;
color:#CCCCCC;
}
hr.link2{
position:absolute;left:22px; top:652px;
width:598px;
color:#CCCCCC;
}


#contents-form ul.link{
margin:0px; 
padding:0px;
list-style:none;
position:absolute;left:50px;top:700px;
}

#contents-form ul.link li{
float:left;
}


#contents-form ul.link li a {
display:block;
width:290px;
height:100px;
}