@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#300;
font-size:12px;
line-height:1.5;
letter-spacing:1.5px;
background:url(../img/bg_body.jpg) top center;
}

#header{
position:fixed;
top:0;
height:30px;
width:100%;
background:url(../img/header.png) repeat-x;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
z-index:500;
}

#content{
width:100%;
background:url(../img/bg_content.jpg) no-repeat;
background-position:top center;
z-index:50;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
margin-top:45px;
}

.content{
width:1260px;
height:1350px;
margin:auto;
background:url(../img/main.png) no-repeat;
}

#content ul{
width:400px;
position:absolute;
margin-top:365px;
margin-left:70px;
}

#content ul li{
display:inline-block;
border:1px solid #FC0;
padding:1px;
}

#content ul li a{
display:block;
width:70px;
height:70px;
background:url(../img/thumb.jpg) no-repeat;
}

#content ul li#s01 a:link{background-position:0px 0px;}
#content ul li#s02 a:link{background-position:-70px 0px;}
#content ul li#s03 a:link{background-position:-140px 0px;}
#content ul li#s04 a:link{background-position:-210px 0px;}
#content ul li#s05 a:link{background-position:-280px 0px;}
#content ul li#s06 a:link{background-position:-350px 0px;}
#content ul li#s07 a:link{background-position:-420px 0px;}

#content a.none{
pointer-events:none;
}

#content ul li a:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

.bn{
margin-top:-25px;
margin-bottom:40px;
}

.bn ul{
width:1260px;
margin:auto;
text-align:center;
}

.bn ul li{
display:inline-block;
}

a:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}



.footer{
position:fixed;
bottom:0;
height:30px;
width:100%;
background:url(../img/footer.png) repeat-x;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
z-index:500;
}

.footer p{
color:#FFF;
text-align:center;
padding-top:9px;
}



#link1 a img{
display:block;
position:absolute;
}

#link_kakaku img{
margin-top:533px;
margin-left:0px;
}

#link_figure1 a img{
margin-top:-800px;
margin-left:900px;
}

#link_figure2 a img{
margin-top:-800px;
margin-left:1100px;
}


#to01 a img{
margin-top:570px;
margin-left:50px;
}