@charset "UTF-8";


/* ------ 全体構造 ------ */

* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: small;
	line-height: 160%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background:#ffffff;
}

#body {
	margin:0px auto;
	width: 996px;
}

th, td {
	vertical-align: top;
	color: #333333;
}

sup, sub {
	font-size: 60%;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-size: small;
	font-weight: normal;
}

p {
	margin-top:15px;
}

img, a img {
	border:none;
}
/* ------ ヘッダー ------ */
div#wrapper{
	width:996px;
	padding-top:5px;
	height:100%;
	background-color:#FFFFFF;
	text-align: left;
	margin: auto;	
}
div#header{
	width:996px;
	height:115px; 
	text-align: left;
	position: relative;
	top:0px;
	left:0px;	

}
div#header_logo{
	width:518px;
	height:71px;
	text-align: left;	
	margin: auto;
	position: absolute;
	top:0px;
	left:0px;	
}

div#header_global{
	width:400px;
	height:22px;
	text-align: left;	
	margin: auto;
	position: absolute;
	top:0px;
	left:640px;	
}

.header_doc {  
    width: 86px;  
    height: 22px;
	margin-left:4px;
	float:left;
    display: block;  
    background: url(/img/header/doc.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_doc:hover {  
    background: url(/img/header/doc.jpg) no-repeat left bottom;  
}
.header_kitei {  
    width: 87px;  
    height: 22px;
	margin-left:4px;
	float:left;
    display: block;  
    background: url(/img/header/kitei.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_kitei:hover {  
    background: url(/img/header/kitei.jpg) no-repeat left bottom;  
}
.header_contact {  
    width: 86px;  
    height: 22px;
	margin-left:4px;
	float:left;
    display: block;  
    background: url(/img/header/contact.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_contact:hover {  
    background: url(/img/header/contact.jpg) no-repeat left bottom;  
}
.header_compliance {  
    width: 86px;  
    height: 22px;
	margin-left:4px;
	float:left;
    display: block;  
    background: url(/img/header/compliance.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_compliance:hover {  
    background: url(/img/header/compliance.jpg) no-repeat left bottom;  
}


div#header_search{
	width:288px;
	height:28px;
	text-align: right;	
	margin: auto;
	position: absolute;
	top:23px;
	left:708px;	
}
div#header_nowimg{
	width:236px;
	height:18px;
	padding:5px;
	background-color: #CCCCCC;
	text-align: center;	
	margin: auto;
	position: absolute;
	top:49px;
	left:750px;	
}

div#header_menu{
	width:996px;
	height:32px;
	text-align: left;	
	margin: auto;
	position: absolute;
	top:80px;
	left:0px;	
}

.header_top {  
    width: 139px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/top.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_top:hover {  
    background: url(/img/header/top.jpg) no-repeat left bottom;  
}
.header_about {  
    width: 141px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/about.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_about:hover {  
    background: url(/img/header/about.jpg) no-repeat left bottom;  
}
.header_news {  
    width: 141px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/news.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_news:hover {  
    background: url(/img/header/news.jpg) no-repeat left bottom;  
}
.header_tournament {  
    width: 141px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/tournament.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_tournament:hover {  
    background: url(/img/header/tournament.jpg) no-repeat left bottom;  
}
.header_team {  
    width: 140px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/team.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_team:hover {  
    background: url(/img/header/team.jpg) no-repeat left bottom;  
}
.header_movie {  
    width: 141px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/movie.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_movie:hover {  
    background: url(/img/header/movie.jpg) no-repeat left bottom;  
}
.header_game_result {  
    width: 141px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/game_result.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_game_result:hover {  
    background: url(/img/header/game_result.jpg) no-repeat left bottom;  
}
.header_sponsor {  
    width: 153px;  
    height: 32px;
	float:left;
    display: block;  
    background: url(/img/header/sponsor.jpg) no-repeat left top;  
    text-indent: -9999px;  
}  
.header_sponsor:hover {  
    background: url(/img/header/sponsor.jpg) no-repeat left bottom;  
}

/* ------ タブ ------ */
UL {
	LIST-STYLE-TYPE: none; FONT-SIZE: 12px;
}
#tab {
	BORDER-BOTTOM: #333 2px solid; PADDING-LEFT: 0px; HEIGHT: 1.5em; MARGIN-LEFT: 0px; OVERFLOW: hidden
}
#tab LI {
	WIDTH: 45px; FLOAT: left; HEIGHT: 1.5em
}
#tab LI A {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 45px; DISPLAY: block; HEIGHT: 1.5em; COLOR: #777; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
#tab LI A:hover {
	BORDER-BOTTOM-COLOR: #333; BORDER-TOP-COLOR: #333; COLOR: #000; BORDER-RIGHT-COLOR: #333; BORDER-LEFT-COLOR: #333
}
#tab LI.present A {
	BORDER-BOTTOM-COLOR: #333; BORDER-TOP-COLOR: #333; COLOR: #000; BORDER-RIGHT-COLOR: #333; BORDER-LEFT-COLOR: #333;background-color: #FFFFCC
}
#page1 {
	MARGIN-BOTTOM: 10px; padding:5px;background-color: #CCCCCC
}
#page2 {
	MARGIN-BOTTOM: 10px; padding:5px;background-color: #CCCCCC
}
#page3 {
	MARGIN-BOTTOM: 10px; padding:5px;background-color: #CCCCCC
}
#page4 {
	MARGIN-BOTTOM: 10px; padding:5px;background-color: #CCCCCC
}
#page5 {
	MARGIN-BOTTOM: 10px; padding:5px;background-color: #CCCCCC
}


/* ------ Gナビ ------ */
#gnavi {
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#gnavi ul {
}

#gnavi li {
	list-style: none;
	height: 40px;
	float:left;
}

/* ------ メイン ------ */
#main {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#crumble p {
	margin:5px 0px 5px 0px;
	font-size:x-small;
}

#maincolum {
	margin-top:25px;
	width: 671px;
	float: right;
}

#maincolum h3 {
	margin:20px 0px 0px 0px;
	padding:10px 10px 10px 18px;
	color:#000;
	font-size:medium;
	background:#fff url(/common/img/bg_h3.gif) no-repeat;
}


#subcolum{
	width: 300px;
	float: left;
}


/* ------ フッター ------ */

#footer {
	margin: 20px 0px 0px 0px;
	padding: 20px 20px;
	background:#f0f0f0 url("/common/img/bg_footer.gif") no-repeat left top;
}

#footer p {
	margin:0px;
	line-height:200%;
}

#footer .right {
	float:right;
}


/* ------ リンク設定 ------ */
a:link { color: #0094ca; text-decoration: none; }
a:visited { color: #0094ca; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #0094ca; text-decoration: underline; }


img.border,
a img.border {
	padding:1px;
	background:#fff;
	border:#d9d9d9 1px solid;
}
a:hover img.border {	border:#0094ca 1px solid;}


/* ------ クリアー ------ */

.clearboth {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	border-top: transparent 0px solid;
	font-size: xx-small;
	line-height: 110%;
	overflow: hidden;
	height: 0px;
	display:block;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a .alpha  {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}

a:hover .alpha  {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


.small01 {
	font-size: x-small;
	line-height: 160%;
}
.large01 {
	font-size: medium;
	line-height: 160%;
}
.large02 {
	font-size: x-large;
	line-height: 160%;
}

.caption {
	margin-top:3px;
	font-size: x-small;
}


.arrow01 {
	padding-left:15px;
	background:transparent url(/common/img/arrow_01.gif) no-repeat left 2px;
}
.arrow02 {
	padding-left:15px;
	background:transparent url(/common/img/arrow_02.gif) no-repeat left 2px;
}


.mt0 {
	margin-top:0px !important;
}
.mt10 {
	margin-top:10px !important;
}

.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.red {
	color:#cc0000;
}
.blue{
	color:#002e72;
}


img.right {
	float:right;
	margin-left:10px;
}
img.left {
	float:left;
	margin-right:10px;
}
.blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}