@charset "utf-8";

/*-----------------------------------------------
 common
-----------------------------------------------*/

*{
margin:0;
padding:0;
}

html,body{
height:100%;
}

body{
*padding-left:1px;
text-align:center;
background:#fff;
}

img{border:none; vertical-align:bottom;}

.clear{clear:both;}

/*-----------------------------------------------
 main
-----------------------------------------------*/

#main{
width:862px;
height:609px;
margin:-304px 0 0 -431px;
top:50%;
left:50%;
position:absolute;
text-align:right;
}

#link{
width:450px;
float:left;
text-align:left
}

#link img{
margin-right:10px;
background-color:#fff;
}

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

#copyright{
width:400px;
height:12px;
float:right;
vertical-align:top;
background:url(../img/copyright.gif) no-repeat right;
position:relative;
}

#copyright img{
position:absolute;
bottom:1px;
right:99px;
}

#copyright a:hover img{
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}


/*-----------------------------------------------
 about
-----------------------------------------------*/

#about{
width:600px;
height:796px;
background:url(../img/about.jpg) no-repeat;
position:relative;
}

#about img{
position:absolute;
bottom:20px;
right:30px;
}

#about a:hover img{
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/*-----------------------------------------------
 k_mitsuru
-----------------------------------------------*/

#mitsuru{
width:600px;
height:514px;
background:url(../img/k_mitsuru.jpg) no-repeat;
position:relative;
}

#mitsuru img{
position:absolute;
bottom:27px;
right:286px;
}

#mitsuru a:hover img{
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}