@charset "UTF-8";
/* CSS Document */

* {
margin:0px;
padding:0px;
border:none;
color:#FFFFFF;
}

a {
color:#FFF;
text-decoration: underline;
}

a:hover {
color:#CCC;
text-decoration: underline;
}


#wrapper {
margin:0px auto 0px auto;
padding:0px;
width:900px;
height:auto;
}


#bg01 {
position:relative;
width:900px;
height:410px;
background:url(imgs/hTool01.jpg) no-repeat;
}


#btnArea01 ul{
overflow:hidden;
text-indent:-2000px;
list-style:none;
}

#btnHayami01 {
position:absolute;
top:314px;
left:74px;
display:block;
width:334px;
height:80px;
background:url(imgs/btnHayami.gif) no-repeat;
}

#btnHayami01:hover {
background:url(imgs/btnHayami.gif) no-repeat;
background-position:left bottom;
}


#reqTtl01 {
position:absolute;
top:312px;
left:450px;
font-size:14px;
font-weight:bold;
}

#reqTxt01 {
position:absolute;
top:335px;
left:450px;
font-size:12px;
line-height:18px;
}



#bg02 {
position:relative;
width:900px;
height:550px;
background:url(imgs/hTool02.jpg) no-repeat;
}



#bg03 {
position:relative;
width:900px;
height:760px;
background:url(imgs/hTool03.jpg) no-repeat;
}


#btnArea02 ul{
overflow:hidden;
text-indent:-2000px;
list-style:none;
}

#btnHayami02 {
position:absolute;
top:515px;
left:74px;
display:block;
width:334px;
height:80px;
background:url(imgs/btnHayami.gif) no-repeat;
}

#btnHayami02:hover {
background:url(imgs/btnHayami.gif) no-repeat;
background-position:left bottom;
}


#reqTtl02 {
position:absolute;
top:513px;
left:450px;
font-size:14px;
font-weight:bold;
}

#reqTxt02 {
position:absolute;
top:536px;
left:450px;
font-size:12px;
line-height:18px;
}


#noticeTxt {
position:absolute;
top:630px;
left:65px;
width:780px;
height:auto;
font-size:12px;
font-weight:18px;
}

#noticeTxt li{
list-style: disc;
}




#bg04 {
position:relative;
width:900px;
height:290px;
background:url(imgs/hTool04.jpg) no-repeat;
}


#btnOtherArea01 ul{
overflow:hidden;
text-indent:-2000px;
list-style:none;
}

#btnOther01 {
position:absolute;
top:170px;
left:64px;
display:block;
width:378px;
height:59px;
background:url(imgs/btnMizushimaS.gif) no-repeat;
}

#btnOther01:hover {
background:url(imgs/btnMizushimaS.gif) no-repeat;
background-position:left bottom;
}


#btnOtherArea02 ul{
overflow:hidden;
text-indent:-2000px;
list-style:none;
}

#btnOther02 {
position:absolute;
top:170px;
left:453px;
display:block;
width:378px;
height:59px;
background:url(imgs/btnRosaS.gif) no-repeat;
}

#btnOther02:hover {
background:url(imgs/btnRosaS.gif) no-repeat;
background-position:left bottom;
}