/*全体の設定*/
html, body {height: 100%;}
body {
margin: 0px;
padding: 0px;
position: relative
min-width: 669px; /*中央配置するボックスの横幅*/
min-height: 680px; /*中央配置するボックス縦幅*/
background-color:#ffffff;
font-size: 8pt;
}

/*表紙センター表示*/
#hyou_center {
margin: -200px 0px 0px -300px; /*縦横の半分をネガティブマージンでずらす*/
position: absolute; /*body要素に対して絶対配置*/
top: 50%; /*上端を中央に*/
left: 50%; /*左端を中央に*/
width: 600px; /*横幅*/
height: 500px; /*縦幅*/
background-color: #ffffff;
}

/*センター表示*/
#center {
margin: -300px 0px 0px -330px; /*縦横の半分をネガティブマージンでずらす*/
position: absolute; /*body要素に対して絶対配置*/
top: 50%; /*上端を中央に*/
left: 50%; /*左端を中央に*/
width: 669px; /*横幅*/
height: 680px; /*縦幅*/
background-color: #fba300;
}

/*endセンター表示*/
#end_center {
margin: -250px 0px 0px -350px; /*縦横の半分をネガティブマージンでずらす*/
position: absolute; /*body要素に対して絶対配置*/
top: 50%; /*上端を中央に*/
left: 50%; /*左端を中央に*/
width: 700px; /*横幅*/
height: 500px; /*縦幅*/
background-color: #ffffff;
}

/*工事中*/
#koji {
position: absolute;
top: 0px;
left: 0px;
width: 600px;
height: 500px;
background: url(../img/koji.gif)
z-index: 1;
}

#top_text01 {
padding: 8px;
font-size: 12pt;
font-weight: bold;
color: white;
}

#top_text02 {
position: absolute;
top: 6px;
right: 5px;
font-size: 8pt;
color: white;
}

/*背景の設定*/
#bg01 {
position: absolute;
top: 30px;
left: 5px;
z-index: 0;
}
#bg02 {
position: absolute;
top: 30px;
left: 231px;
z-index: 0;
}
#bg03 {
position: absolute;
top: 30px;
left: 451px;
z-index: 0;
}
#bg04 {
position: absolute;
top: 232px;
left: 5px;
z-index: 0;
}
#bg05 {
position: absolute;
top: 232px;
left: 231px;
z-index: 0;
}
#bg06 {
position: absolute;
top: 232px;
left: 451px;
z-index: 0;
}
#bg07 {
position: absolute;
top: 442px;
left: 5px;
z-index: 0;
}
#bg08 {
position: absolute;
top: 442px;
left: 231px;
z-index: 0;
}
#bg09 {
position: absolute;
top: 442px;
left: 451px;
z-index: 0;
}

/*キャラメニューの設定*/
#taiyo a{
position: absolute;
display: block;
top: 30px;
left: 5px;
width: 80px;
height: 80px;
background: url(../img/spacer.gif) no-repeat;
z-index: 1;
}
#taiyo a:hover{
width: 326px;
height: 232px;
background: url(../img/taiyo02.gif)
}

#isogin a{
position: absolute;
display: block;
top: 509px;
left: 429px;
width: 113px;
height: 121px;
background: url(../img/isogin01.gif) no-repeat;
z-index: 1;
}
#isogin a:hover{
background: url(../img/isogin02.gif)
}

#hari a{
position: absolute;
display: block;
top: 506px;
left: 322px;
width: 90px;
height: 76px;
background: url(../img/hari01.gif) no-repeat;
z-index: 1;
}
#hari a:hover{
background: url(../img/hari02.gif)
}

#tako a{
position: absolute;
display: block;
top: 514px;
left: 197px;
width: 124px;
height: 108px;
background: url(../img/tako01.gif) no-repeat;
z-index: 1;
}
#tako a:hover{
background: url(../img/tako02.gif)
}

#sakana a{
position: absolute;
display: block;
top: 488px;
left: 82px;
width: 92px;
height: 82px;
background: url(../img/sakana01.gif) no-repeat;
z-index: 1;
}
#sakana a:hover{
background: url(../img/sakana02.gif)
}

#hotate a{
position: absolute;
display: block;
top: 561px;
left: 22px;
width: 120px;
height: 60px;
background: url(../img/hotate01.gif) no-repeat;
z-index: 1;
}
#hotate a:hover{
background: url(../img/hotate02.gif)
}

#same a{
position: absolute;
display: block;
top: 314px;
left: 523px;
width: 121px;
height: 90px;
background: url(../img/same01.gif) no-repeat;
z-index: 1;
}
#same a:hover{
background: url(../img/same02.gif)
}

#kujira a{
position: absolute;
display: block;
top: 237px;
left: 10px;
width: 181px;
height: 170px;
background: url(../img/kujira01.gif) no-repeat;
z-index: 1;
}
#kujira a:hover{
background: url(../img/kujira02.gif)
}

#yashi a{
position: absolute;
display: block;
top: 110px;
left: 362px;
width: 41px;
height: 42px;
background: url(../img/yashi01.gif) no-repeat;
z-index: 1;
}
#yashi a:hover{
width: 80px;
height: 263px;
background: url(../img/yashi02.gif)
}

#ningyo a{
position: absolute;
display: block;
top: 255px;
left: 276px;
width: 120px;
height: 195px;
background: url(../img/ningyo01.gif) no-repeat;
z-index: 1;
}
#ningyo a:hover{
background: url(../img/ningyo02.gif)
}

#kani {
position: absolute;
top: 322px;
left: 370px;
z-index: 2;
}

#kame a{
position: absolute;
display: block;
top: 483px;
left: 574px;
width: 90px;
height: 100px;
background: url(../img/kame01.gif) no-repeat;
z-index: 1;
}
#kame a:hover{
background: url(../img/kame02.gif)
}

/*メニューの設定*/
ul#menu{
position: absolute;
top: 620px;
left: -35px;
list-style:none;
width:660px;
}
ul#menu li{
    list-style:none;
    float:left;
    width:60px;
}
ul#menu a{
    display:block;
    width:60px;
    height:30px;
    text-indent:-9999px;
    background-image:url(../img/menu.gif);
    overflow:hidden;
}
a.company{
    background-position:0px 0px;
}
a:hover.company{
    background-position:0px -30px;
}
a.business{
    background-position:-60px 0px;
}
a:hover.business{
    background-position:-60px -30px;
}
a.products{
    background-position:-120px 0px;
}
a:hover.products{
    background-position:-120px -30px;
}
a.list{
    background-position:-180px 0px;
}
a:hover.list{
    background-position:-180px -30px;
}
a.caution{
    background-position:-240px 0px;
}
a:hover.caution{
    background-position:-240px -30px;
}
a.iso{
    background-position:-300px 0px;
}
a:hover.iso{
    background-position:-300px -30px;
}
a.map{
    background-position:-360px 0px;
}
a:hover.map{
    background-position:-360px -30px;
}
a.coconut{
    background-position:-420px 0px;
}
a:hover.coconut{
    background-position:-420px -30px;
}
a.bbs{
    background-position:-480px 0px;
}
a:hover.bbs{
    background-position:-480px -30px;
}
a.mail{
    background-position:-540px 0px;
}
a:hover.mail{
    background-position:-540px -30px;
}
a.end{
    background-position:-600px 0px;
}
a:hover.end{
    background-position:-600px -30px;
}

#count {
position: absolute;
top: 660px;
left: 3px;
padding: 5px;
}

#copy {
position: absolute;
top: 660px;
right: 0px;
padding: 3px;
font-size: 10pt;
color: white;
}

#wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
}

#title01 {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 141px;
background: url(../img/title01.jpg)
}

#title02 {
position: absolute;
top: 173px;
left: 0px;
width: 800px;
height: 47px;
}

#text01 {
position: absolute;
top: 230px;
left: 20px;
width: 750px;
font-size: 10pt;
z-index: 2;
}

th, td {
  font-size: 10pt;
}

#kojozu01 {
position: absolute;
top: 238px;
left: 77px;
z-index: 0;
}

#kojo_k01 {
position: absolute;
top: 250px;
left: 20px;
z-index: 1;
}

#b_menu01 {
position: absolute;
top: 480px;
left: 20px;
z-index: 2;
}

#b_menu03 {
position: absolute;
top: 700px;
left: 20px;
z-index: 2;
}

#b_menu04 {
position: absolute;
top: 580px;
left: 620px;
z-index: 2;
}

#kojo_01a {
position: absolute;
top: 435px;
left: 331px;
z-index: 2;
}

#kojo_01b {
position: absolute;
top: 657px;
left: 326px;
z-index: 2;
}

#kojo_01c {
position: absolute;
top: 726px;
left: 208px;
z-index: 2;
}

#kojo_02a {
position: absolute;
top: 241px;
left: 414px;
z-index: 2;
}

#kojo_02b {
position: absolute;
top: 243px;
left: 413px;
z-index: 2;
}

#kojo_02c {
position: absolute;
top: 241px;
left: 479px;
z-index: 2;
}

#kojo_02d {
position: absolute;
top: 630px;
left: 493px;
z-index: 2;
}

#nagare {
position: absolute;
top: 238px;
left: 30px;
z-index: 0;
}

#nagare01 a{
position: absolute;
display: block;
top: 257px;
left: 51px;
width: 91px;
height: 124px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare01 a:hover{
width: 352px;
height: 177px;
background: url(../img/b_r_k001.gif)
}

#nagare02 a{
position: absolute;
display: block;
top: 257px;
left: 333px;
width: 91px;
height: 124px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare02 a:hover{
top: 209px;
left: 68px;
width: 363px;
height: 181px;
background: url(../img/b_r_k002.gif)
}

#nagare03 a{
position: absolute;
display: block;
top: 267px;
left: 458px;
width: 103px;
height: 31px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare03 a:hover{
top: 206px;
left: 190px;
width: 415px;
height: 181px;
background: url(../img/b_r_k003.gif)
}

#nagare04 a{
position: absolute;
display: block;
top: 271px;
left: 606px;
width: 106px;
height: 102px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare04 a:hover{
width: 411px;
height: 202px;
background: url(../img/b_r_k004.gif)
}

#nagare05 a{
position: absolute;
display: block;
top: 465px;
left: 670px;
width: 37px;
height: 54px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare05 a:hover{
top: 376px;
left: 600px;
width: 368px;
height: 252px;
background: url(../img/b_r_k005.gif)
}

#nagare06 a{
position: absolute;
display: block;
top: 630px;
left: 603px;
width: 121px;
height: 57px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare06 a:hover{
top: 516px;
left: 603px;
width: 372px;
height: 178px;
background: url(../img/b_r_k006.gif)
}

#nagare07 a{
position: absolute;
display: block;
top: 608px;
left: 296px;
width: 166px;
height: 100px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare07 a:hover{
top: 526px;
left: 310px;
width: 395px;
height: 176px;
background: url(../img/b_r_k007.gif)
}

#nagare08 a{
position: absolute;
display: block;
top: 630px;
left: 37px;
width: 121px;
height: 58px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare08 a:hover{
top: 516px;
left: 40px;
width: 362px;
height: 178px;
background: url(../img/b_r_k008.gif)
}

#nagare09 a{
position: absolute;
display: block;
top: 465px;
left: 52px;
width: 36px;
height: 52px;
background: url(../img/spacer.gif) no-repeat;
z-index: 2;
}

#nagare09 a:hover{
top: 366px;
left: 52px;
width: 303px;
height: 175px;
background: url(../img/b_r_k009.gif)
}

#kojozu02 {
position: absolute;
top: 238px;
left: 30px;
z-index: 0;
}

#b_menu02 a{
position: absolute;
top: 650px;
left: 620px;
width: 173px;
height: 33px;
background: url(../img/b_m002.gif)
z-index: 2;
}

#kojo_f01 {
position: absolute;
top: 416px;
left: 445px;
z-index: 2;
}

#kojo_f02 a{
position: absolute;
top: 341px;
left: 342px;
z-index: 2;
}

#kojo_f03 a{
position: absolute;
top: 641px;
left: 320px;
z-index: 2;
}

#kojo_f04 a{
position: absolute;
top: 641px;
left: 248px;
z-index: 2;
}

#kojo_f05 a{
position: absolute;
top: 641px;
left: 143px;
z-index: 2;
}

#kojo_f06 a{
position: absolute;
top: 641px;
left: 41px;
width: 54px;
height: 54px;
background: url(../img/spacer.gif)
z-index: 2;
}

#coco01 {
position: absolute;
top: 240px;
left: 500px;
z-index: 0;
}

#iso {
position: absolute;
top: 240px;
left: 520px;
z-index: 0;
}

/*SEO対策*/
#seo {
text-indent: -9999px;
}