/* CSS Document */


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Anti fricker for IE6 */
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}
/* End Anti fricker for IE6 */

.img_replace,
.img_replace span {
display: block;
overflow: hidden;
}
.img_replace {
position: relative;
}
.img_replace span {
position: absolute;
top: 0; left: 0;
}

a.img_replace span {
cursor: pointer;
}

body{
	background-image:url(images/back.gif);
	font-family: "�l�r �S�V�b�N", "Osaka�|����";
	font-size:12px;

}

#frameHeader{
	top:0px;
	height:84px;
	background-image:url(images/bg_jougedan.gif);
	background-repeat:repeat-x;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	line-height:19px;
	text-align:center;
	max-width:100%;
	min-width:920px;
	overflow:hidden;
}
#wrapper{
	overflow:hidden;

}
#joudan{
	height:41px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	width:100%;
	}

#jougedan{
	height:84px;
	float:left;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
	
#frameHeader-01 {
	width:165px;
	height:84px;
	float:left;
}



#frameHeader-03,
#frameHeader-04,
#frameHeader-05,
#frameHeader-06,
#frameHeader-07,
#frameHeader-08,
#frameHeader-09,
#frameHeader-10{
	width:92px;
	height:41px;
	float:left;
}

#frameHeader-03 a,
#frameHeader-04 a,
#frameHeader-05 a,
#frameHeader-06 a,
#frameHeader-07 a,
#frameHeader-08 a,
#frameHeader-09 a,
#frameHeader-10 a,
#frameHeader-03 a span,
#frameHeader-04 a span,
#frameHeader-05 a span,
#frameHeader-06 a span,
#frameHeader-07 a span,
#frameHeader-08 a span,
#frameHeader-09 a span,
#frameHeader-10 a span{
	width:92px;
	height:41px;
}

#frameHeader-03 a span{ background:url(images/tabs.gif) 0 0 no-repeat;}
#frameHeader-04 a span{ background:url(images/tabs.gif) -92px 0 no-repeat;}
#frameHeader-05 a span{ background:url(images/tabs.gif) -184px 0 no-repeat;}
#frameHeader-06 a span{ background:url(images/tabs.gif) -276px 0 no-repeat;}
#frameHeader-07 a span{ background:url(images/tabs.gif) -368px 0 no-repeat;}
#frameHeader-08 a span{ background:url(images/tabs.gif) -460px 0 no-repeat;}
#frameHeader-09 a span{ background:url(images/tabs.gif) -552px 0 no-repeat;}
#frameHeader-10 a span{ background:url(images/tabs.gif) -644px 0 no-repeat;}

#frameHeader-03 a:hover span{ background-position:0 -41px;}
#frameHeader-04 a:hover span{ background-position:-92px -41px;}
#frameHeader-05 a:hover span{ background-position:-184px -41px;}
#frameHeader-06 a:hover span{ background-position:-276px -41px;}
#frameHeader-07 a:hover span{ background-position:-368px -41px;}
#frameHeader-08 a:hover span{ background-position:-460px -41px;}
#frameHeader-09 a:hover span{ background-position:-552px -41px;}
#frameHeader-10 a:hover span{ background-position:-644px -41px;}


.guide2  #frameHeader-03 a span{ background:url(images/tabs.gif) 0 -82px no-repeat;}
.guide3  #frameHeader-04 a span{ background:url(images/tabs.gif) -92px -82px no-repeat;}
.guide5  #frameHeader-05 a span{ background:url(images/tabs.gif) -184px -82px no-repeat;}
.guide7  #frameHeader-07 a span{ background:url(images/tabs.gif) -368px -82px no-repeat;}
.guide8  #frameHeader-08 a span{ background:url(images/tabs.gif) -460px -82px no-repeat;}
.guide9  #frameHeader-10 a span{ background:url(images/tabs.gif) -644px -82px no-repeat;}
.guide10 #frameHeader-09 a span{ background:url(images/tabs.gif) -552px -82px no-repeat;}
.guide11 #frameHeader-06 a span{ background:url(images/tabs.gif) -276px -82px no-repeat;}

#frameHeader-00 {
	position:relative;
	height: 41px;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
}

#frameHeader-00 a:link { color:#FF6633; text-decoration:underline;}
#frameHeader-00 a:visited { color:#FF6633; text-decoration:none;}
#frameHeader-00 a:active { color:#FF6633; text-decoration:none;}
#frameHeader-00 a:hover { color:#333344; text-decoration:underline;}