*{
	margin: -5;
	padding:0;
	background-color: transparent;
}

img{border-style:none;}
html>body{
    height:100%;
    margin:0px;
    padding:0px;
    text-align:center;
    overflow-y: scroll;
	
    font:0.8em "Lucida Sans Unicode",Verdana,"ＭＳ ゴシック", Osaka, Arial,sans-serif;
}

*:first-children+html body{
    height:100%;
    margin:0px;
    padding:0px;
    text-align:center;
    overflow-y: scroll;
	
    font:11px "Lucida Sans Unicode",Verdana,"ＭＳ ゴシック", Osaka, Arial,sans-serif;
}


p{
	text-align:left;
}

#wrap{
    width:100%;
    background-color:#FFFFFF;
    background-image:url(img/backb.jpg);
    background-repeat:repeat-y;
    background-position:top center;
}


#container{
	width:900px;
	height:1100px;
	margin:0px auto;
	background-color:#ffffff;
	border-left:solid 2px #000000;
	border-right:solid 2px #000000;
	position: absolute;
	left: 50%;
	margin-left: -450px;
}


#container4league{
	width:900px;
	height: 1100px;
	margin:0px auto;
	background-color:#ffffff;
    border-left:solid 2px #000000;
    border-right:solid 2px #000000;
	background-image:url(img/leaguebg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
/*** ヘッダー設定 ***/
#header{
    width:900px;
    text-align:left;
    background: url(img/top5.JPG) no-repeat;
    height: 320px;
    color: #FFFFFF;
}


html>body #header{
    width:900px;
    text-align:left;
    background: url(img/top5.JPG) no-repeat;
    height: 320px;
    color: #FFFFFF;
	position:absolute;
	left:50%;
	margin-left:-450px;
	top:20px;
}

#header h2{
    padding:80px 0px 0px 20px;
    font:1.7em "Lucida Sans Unicode",Verdana, Osaka, Arial,sans-serif;
}

#header p{
	font-size:0.9em;
	padding:5px 0px 0px 20px;
}

#header p a{
    color:#FFFFFF;
    text-decoration: none;
}

#header p a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}

/*** メニュー設定 ***/
#menu{
	width:160px;
	height:700px;
	float:left;
	text-align:left;
	margin:20px 0px 5px 0px;
	position: absolute;
	left: 0px;
	top: 330px;
	font-size:10px;
}


*:first-child+html #menu{
	width:160px;
	height:700px;
	float:left;
	text-align:left;
	margin:20px 0px 5px 0px;
	position: absolute;
	left: 0px;
	top: 330px;
	font-size:7px;
}

#menu ul{
    padding:0px;
    margin:0px 0px 0px 0px;
    border-top:solid 1px #000000;
}

#menu ul li{
    list-style:none;
    line-height:200%;
    border-style:solid;
    border-width:0px 1px 1px 8px;
    border-color:#000000;
    color:#000000;
	display: block;
    text-indent:20px;
}


*:first-child+html #menu ul li{
    list-style:none;
    line-height:300%;
    border-style:solid;
    border-width:0px 1px 1px 8px;
    border-color:#000000;
    color:#000000;
	display: block;
    text-indent:20px;
}

#menu li.display{
    list-style:none;
    background-color:#000000;
    color:#FFFFFF;
}

#menu li.display a{
    color:#FFFFFF;
}

#menu ul li.sub{
    line-height:180%;
    margin-left:7px;
	border-width:0px 1px 1px 1px;
    border-color:#3380CC;
    text-indent:30px;
}

#menu ul li.d-sub{
    line-height:170%;
    margin-left:7px;
    list-style:none;
    background-color:#CCCCFF;
    color:#FFFFFF;
	border-width:0px 1px 1px 1px;
    border-color:#3380CC;
    text-indent:30px;
}

#menu li.d-sub a{
    color:#0000FF;
}

#menu ul li a{
    width:141px;
	display: block;
    color:#0000FF;
    text-decoration: none;
}

#menu li a:hover {
    background-color:#CCCCFF;
    color:#0000FF;
}


/*** メイン設定 ***/
html>body #main{
	float:left;
	width:530px;

	margin:10px 0px 10px 0px;
	text-align:left;
	background-color:#FFFFFF;
	font-size:12px;
	position: absolute;
	left: 170px;
	top: 330px;
}



*:first-child+html #main{
	float:left;
	width:530px;

	margin:10px 0px 10px 0px;
	text-align:left;
	
	background-color:#FFFFFF;
	font-size:10px;
	position: absolute;
	left: 170px;
	top: 330px;
}

#main ul{width:530px;
        }


html>body #main ul{width:530px;
         text-indent:20px;}




#main ul li{
    list-style:none;
    line-height:140%;
	width: 530px;
    
	}
	
*html #main ul li{
    list-style:none;
    line-height:140%;
	width: 530px;
	margin-left:-20px;
    
	}

*:first-child+html #main ul li{
    list-style:none;
    line-height:140%;
	width: 530px;
	margin-left:-30px;
    
	}


#main h3{
    
    line-height:200%;
    font-size:1.1em;
    margin:10px 0px 5px 0px;
    text-indent:5px;
	color:#FFFFFF;
    background-color:#000000;
}


/*** スケジュール等々のtableのレイアウト用 ***/
#main table{
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#000000;
	empty-cells:show;
	text-align:center;
	margin:0px auto;

}
#main table th{
    color:#FFFFFF;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
    background-color:#60C010;
    border-right:1px solid #008000;
    border-bottom:1px solid #008000;
}
#main table td{
    text-align:center;
    padding:0.3em 1em;
    border-right:1px solid #008000;
    border-bottom:1px solid #008000;
}

#main table.up{
    border: 0;
    empty-cells:show;
	text-align:center;
    margin:0px auto;
}

#main table.up td{
    padding:0;
    border: 0;
	width:105px;
    height:84px;
    text-align:center;
}

#main table.up th{
    padding:0;
    border: 0;
    font-weight:normal;
    background-color:#FFFFFF;
	color:#000000;
    width:105px;
    height:15px;
    text-align:center;
}

#main table.up td img{
	width:94px;
    height:84px;
}


#right{
	height:450px;
	width:200px;
	margin-left:0px;
	margin-right:0px;
	float: left;
	position: absolute;
	left: 700px;
	top: 330px;
	
   }

#flickr{width:170px;
     margin: 25px 15px auto 15px;
	 text-align:left;
	
	 height:190px;
	  background-image:url(img/latestpics.jpg);
	}
	
html>body #flickrpics{margin-left:7px;
            padding-top:6px;}
			
*:first-child+html #flickrpics{margin-left:7px;
                                   margin-top:0px;}
	
	
.tips{text-align:center;
      margin-top:20px;
	  font-size:9px;}

#twi{width:170px;
     margin:20px 10px 0 10px;}
	

table#league2011{
	position:absolute;
	left:50%;
	margin-left:-400px;
	width: 800px;
	vertical-align: middle;
	border-left: solid #000000 1px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	top:350px;
	
}

table#league2011 th{
	width: auto;
	height: 50px;
	border-right: 1px solid #000000;
	
}


table#league2011 td{
	height: 40px;
	text-align: center;
	vertical-align: middle;
	padding-top: auto;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

table#league tr{
	vertical-align: middle;
}

	 
	 
#mag{width:530px;
     border:none;
     }
	 
#main table.mag td{
	width: 170px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	border-color: #FFFFFF;
	border-bottom-color: #000000;
	border-top-color: #000000;
        }

/*** フッター設定 ***/
#footer{
    width:900px;
 
    font-size:small;
	line-height:200%;
    margin-top:5px;
    border-style:solid;
    border-width:1px 0px 0px 0px;
    border-color:#3380CC;
	position:absolute;
	top:1050px;
	left:50%;
	margin-left:-450px;
	
}

#footer ul{margin-bottom:-50px;}


#footer4league{
    width:900px;
   
    position:absolute;
	left: 50%;
	margin-left: -450px;
	top: 1100px;
    font-size:small;
	line-height:200%;
    margin-top:5px;
    border-style:solid;
    border-width:1px 0px 0px 0px;
    border-color:#3380CC;
}

/***** lightbox *******/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }