@charset "Shift_JIS";

* {
margin:0;
padding:0;
}

h1,h2,p {
margin:0;
padding:0;
}

a img {
border:none;
}

img {
vertical-align:bottom;
}

.z:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.z {display:inline-block;}
/* exlude MacIE5 \*/
* html .z {height:1%;}
.z {display:block;}
/* end MacIE5 */

html,body {
width:100%;
height:100%;
background:#C0C0C0;
margin:0;
padding:0;
}
#header {
width:100%;
height:300px;
position:absolute;
top:0;
left:0;
z-index:1;
}
#wrapper {
width:100%;
height:100%;
background:url(../images/bg-index.jpg) 50% 50% no-repeat;
}

#content {
width:380px;
height:150px;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
margin:-101px 0 0 -190px;
z-index:2;
}

#content2 {
width:380px;
height:150px;
overflow:hidden;
position:absolute;
top:10px;
left:50%;
margin:0 0 0 -190px;
z-index:3;
}

#content2 .comment{
font-size:12px;
color:#FFFFFF;
}

#content2 .comment .coinfo{
text-align:right}

h1 {
width:180px;
height:150px;
float:left;
margin:0 20px 0 0;
}

h2 {
width:180px;
height:20px;
text-indent:-9999px;
float:left;
margin:35px 0 16px 0;
padding:0;
background:url(../images/h2-index.png) 0 0 no-repeat;
}

#header img, #content h1 img,#content h2,p {behavior:url(iepngfix.htc)}
* html #content h2 {
margin-bottom:5px;
}

#content ul {
list-style:none;
margin:0 0 7px 0;
padding:0;
width:180px;
height:56px;
float:left;
}
#content ul li {
width:86px;
height:56px;
text-indent:-9999px;
overflow:hidden;
float:left;
background:#232323;
}
#content ul li a {
display:block;
text-decoration:none;
width:86px;
height:56px;
}
#content ul li a:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
/* nomal link
li#jn {
background:url(../images/flag.gif) 0 0 no-repeat;
margin:0 8px 0 0;
}
*/

/* to close for renewal*/
#content ul li#jn {
background:url(../images/flag.gif) no-repeat;
margin:0 8px 0 0;}


#content ul li#en {
background:url(../images/flag.gif) -86px 0 no-repeat;

}
#content ul li#jn a:hover{
background:url(../images/flag.gif) 0 -56px no-repeat;
margin:0 8px 0 0;
}
#content ul li#en a:hover{
background:url(../images/flag.gif) -86px -56px  no-repeat;
}

p {
width:180px;
height:9px;
text-indent:-9999px;
float:left;
background:url(../images/copy-index.png) 0 0 no-repeat;
}

/*--Tooltip-set--*/

h1 {
font-size:11px;
font-weight:normal;
}
h1 a:hover {
background:transparent;
text-decoration:none;
}
h1 a.tooltip span {
display:none;
padding:5px 8px;
margin-top:26px;
margin-left:20px;
width:164px;
}
h1 a.tooltip:hover span{
text-align:center;
display:inline;
position:absolute;
border:1px solid #000;
background:#000;
color:#EFEFEF;
filter:alpha(opacity=80);
-moz- opacity:0.80;
opacity:0.80;
}