@charset "UTF-8";
body{
	background:#FFFFFF;
	font-size:75%;
	line-height:1.6;}
	
#wrapper{
	background:#FFFFFF;
	width:100%;}
	
#content{
	height:90px;
    width:450px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-225px;}

	
#fotter{
	position: absolute;
	bottom:0;
	width:100%;
	background:#0190BF;
	padding:20px 0;
	text-align:center;
	font-size:85%;
	color:#FFFFFF;
	}

#content h1.type a{
	overflow:hidden;
	text-indent:-99999px;
	float:left;
	width:145px;
	height:145px;
	background:url(../image/top_image/index2.gif) no-repeat left top;}

#content h1.tidi a{
	overflow:hidden;
	text-indent:-99999px;
	float:right;
	width:144px;
	height:145px;
	background:url(../image/top_image/index3.gif) no-repeat left top;}

#content h1.type a:hover{
	background:url(../image/top_image/index2_on.gif) no-repeat left top;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
	}

#content h1.tidi a:hover{
background:url(../image/top_image/index3_on.gif) no-repeat left top;
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
-ms-filter: "alpha(opacity=70)";}


.type_explanation{
	display:none;
	color:#333333;
	position: absolute;
	padding:11px;
	left:150px;
	top:0px;
	width:250px;
	background:url(../image/top_image/hukidasi2.gif) left no-repeat;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	-ms-filter: "alpha(opacity=90)";
}

.tidi_explanation{
	display:none;
	color:#333333;
    text-align:left;
	position: absolute;
	padding:11px;
	left:20px;
	top:0px;
	width:250px;
	background:url(../image/top_image/hukidasi.gif) right no-repeat;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	-ms-filter: "alpha(opacity=90)";}



.type_explanation h1,.tidi_explanation h1{
	color:#0190BF;
	font-size:100%;
	font-weight:bold;}

.explanation_text{
	padding:13px;
	background:#FFFFFF;
	border:#CCCCCC 2px solid;
	}