/*top*/ /*GrandNavi*/ #GNaviBox { width:850px; background-image:url(img/shared/gnavi.jpg); text-align:left; margin:0 auto; position: relative; padding:0; } #GNavi { width: 850px; height: 54px; position: relative; margin:0; padding:0; } #GNavi li { margin: 0; padding: 0; list-style: none; position: absolute; } #GNavi a { text-indent: -5000px; text-decoration: none; height:54px; } #GNavi01 {top:0px;left: 21px;width: 114px;} #GNavi02 {top:0px;left: 137px;width: 113px;} #GNavi03 {top:0px;left: 252px;width: 114px;} #GNavi04 {top:0px;left: 368px;width: 113px;} #GNavi05 {top:0px;left: 484px;width: 113px;} #GNavi06 {top:0px;left: 599px;width: 113px;} #GNavi07 {top:0px;left: 714px;width: 114px;} #GNavi01 a {display: block; top:0px; width: 114px;} #GNavi02 a {display: block; top:0px; width: 113px;} #GNavi03 a {display: block; top:0px; width: 114px;} #GNavi04 a {display: block; top:0px; width: 113px;} #GNavi05 a {display: block; top:0px; width: 113px;} #GNavi06 a {display: block; top:0px; width: 113px;} #GNavi07 a {display: block; top:0px; width: 114px;} #GNavi01 a:hover, #GNavi01 a:visited:hover { background: transparent url(img/shared/gnavi.jpg) -22px -54px no-repeat;} #GNavi02 a:hover, #GNavi02 a:visited:hover { background: transparent url(img/shared/gnavi.jpg) -138px -54px no-repeat;} #GNavi03 a:hover, #GNavi03 a:visited:hover { background: transparent url(img/shared/gnavi.jpg) -253px -54px no-repeat;} #GNavi04 a:hover, #GNavi04 a:visited:hover { background: transparent url(img/shared/gnavi.jpg) -369px -54px no-repeat;} #GNavi05 a:hover, #GNavi05 a:visited:hover { background: transparent url(img/shared/gnavi.jpg) -485px -54px no-repeat;} #GNavi06 a:hover, #GNavi06 a:visited:hover { background: transparent url(img/shared/gnavi.jpg) -600px -54px no-repeat;} #GNavi07 a:hover, #GNavi07 a:visited:hover { background: transparent url(img/shared/gnavi.jpg) -715px -54px no-repeat;} /*TopNavi*/ #TopNaviBox{ background-image:url(img/top/image01.jpg); width:850px; height:251px; margin:0 auto; padding:0; } #TopNavi{ width:850px; height:251px; margin:0; position: relative; margin:0; padding:0; } #TopNavi li { margin: 0; padding: 0; list-style: none; position: absolute; } #TopNavi a { text-indent: -5000px; text-decoration: none; } #TopNavi01 {top:13px;left: 505px;height:22px;width: 120px;} #TopNavi02 {top:13px;left: 622px;height:22px;width: 120px;} #TopNavi03 {top:13px;left: 744px;height:22px;width: 90px;} #TopNavi04 {top:148px;left: 661px;height:97px;width: 174px;} #TopNavi05 {top:44px;left: 659px;height:97px;width: 174px;} #TopNavi01 a {display: block; top:0px; width: 120px; height:22px; width: 120px;} #TopNavi02 a {display: block; top:0px; width: 120px; height:22px; width: 120px;} #TopNavi03 a {display: block; top:0px; width: 90px; height:22px; width: 90px;} #TopNavi04 a {display: block; top:0px; width: 113px; height:97px; width: 174px;} #TopNavi05 a {display: block; top:0px; width: 113px; height:97px; width: 174px;} /*SideItemNavi*/ #SNaviBox { width:246px; height:558px; background-image: url(img/shared/left/menu_item.jpg); text-align:left; margin:0 auto; position: relative; padding:0; } #SNavi { width: 246px; height:558px; position: relative; margin:0; padding:0; } #SNavi li { margin: 0; padding: 0; list-style: none; position: absolute; height: 40px; left:9px; } #SNavi a { text-indent: -5000px; text-decoration: none; height:40px; width:230px; } #SNavi01 {top:55px;width: 230px;} #SNavi02 {top:95px;width: 230px;} #SNavi03 {top:136px;width: 230px;} #SNavi04 {top:176px;width: 230px;} #SNavi05 {top:216px;width: 230px; height:41px;} #SNavi06 {top:257px;width: 230px; height:41px;} #SNavi07 {top:299px;width: 230px;} #SNavi08 {top:339px;width: 230px;} #SNavi09 {top:379px;width: 230px; height:41px;} #SNavi10 {top:420px;width: 230px; height:41px;} #SNavi11 {top:462px;width: 230px;} #SNavi12 {top:502px;width: 230px; height:50px;} #SNavi01 a {display: block; top:0px; width: 230px;} #SNavi02 a {display: block; top:0px; width: 230px;} #SNavi03 a {display: block; top:0px; width: 230px;} #SNavi04 a {display: block; top:0px; width: 230px;} #SNavi05 a {display: block; top:0px; width: 230px; height:41px;} #SNavi06 a {display: block; top:0px; width: 230px; height:41px;} #SNavi07 a {display: block; top:0px; width: 230px;} #SNavi08 a {display: block; top:0px; width: 230px;} #SNavi09 a {display: block; top:0px; width: 230px; height:41px;} #SNavi10 a {display: block; top:0px; width: 230px; height:41px;} #SNavi11 a {display: block; top:0px; width: 230px;} #SNavi12 a {display: block; top:0px; width: 230px; height:50px;} #SNavi01 a:hover, #SNavi01 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -613px no-repeat;} #SNavi02 a:hover, #SNavi02 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -653px no-repeat;} #SNavi03 a:hover, #SNavi03 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -694px no-repeat;} #SNavi04 a:hover, #SNavi04 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -734px no-repeat;} #SNavi05 a:hover, #SNavi05 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -774px no-repeat;} #SNavi06 a:hover, #SNavi06 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -815px no-repeat;} #SNavi07 a:hover, #SNavi07 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -857px no-repeat;} #SNavi08 a:hover, #SNavi07 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -897px no-repeat;} #SNavi09 a:hover, #SNavi07 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -937px no-repeat;} #SNavi10 a:hover, #SNavi07 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -978px no-repeat;} #SNavi11 a:hover, #SNavi07 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -1020px no-repeat;} #SNavi12 a:hover, #SNavi07 a:visited:hover { background: transparent url(img/shared/left/menu_item.jpg) -9px -1060px no-repeat;} /*SideNaviOther*/ #ONaviBox { width:246px; height:267px; background-image: url(img/shared/left/menu_other.jpg); text-align:left; margin:0 auto; position: relative; padding:0; } #ONavi { width: 246px; height:267px; position: relative; margin:0; padding:0; } #ONavi li { margin: 0; padding: 0; list-style: none; position: absolute; left: 5px; } #ONavi a { text-indent: -5000px; text-decoration: none; height:40px; width:230px; } #ONavi01 {top:4px;width: 235px; height:88px;} #ONavi02 {top:92px;width: 235px; height:82px;} #ONavi03 {top:176px;width: 235px; height:87px;} #ONavi01 a {display: block; top:0px; width: 235px; height:88px;} #ONavi02 a {display: block; top:0px; width: 235px; height:82px;} #ONavi03 a {display: block; top:0px; width: 235px; height:87px;} #ONavi01 a:hover, #ONavi01 a:visited:hover { background: transparent url(img/shared/left/menu_other.jpg) -5px -271px no-repeat;} #ONavi02 a:hover, #ONavi02 a:visited:hover { background: transparent url(img/shared/left/menu_other.jpg) -5px -359px no-repeat;} #ONavi03 a:hover, #ONavi03 a:visited:hover { background: transparent url(img/shared/left/menu_other.jpg) -5px -443px no-repeat;} /*contents*/ h2 { background-image:url(img/top/image02.jpg); width:506px; height:175px; font-size:12px; font-weight:normal; padding:134px 32px 0 28px; margin:0; } #Area_index { clear:both; background-image:url(img/top/area_back.jpg); background-position:top; background-repeat:no-repeat; width:530px; height:360px; margin:0 auto; padding:68px 0 0 45px; } #Area_index li { list-style:none; color:#FFFFFF; padding:0 0 12px 0; } /*topitemlist*/ #INaviBox { width:518px; height:387px; background-image: url(img/top/item_menu.jpg); text-align:left; margin:0 auto; position: relative; padding:0; } #INavi { width: 518px; height:387px; position: relative; margin:0; padding:0; } #INavi li { margin: 0; padding: 0; list-style: none; position: absolute; } #INavi a { text-indent: -5000px; text-decoration: none; height:122px; width:122px; display: block; } #INavi01 {top:0px; left:0px;} #INavi02 {top:0px; left:131px;} #INavi03 {top:0px; left:265px;} #INavi04 {top:0px; left:396px;} #INavi05 {top:133px; left:0px;} #INavi06 {top:133px; left:131px;} #INavi07 {top:133px; left:265px;} #INavi08 {top:133px; left:396px;} #INavi09 {top:265px; left:0px;} #INavi10 {top:265px; left:131px;} #INavi11 {top:265px; left:265px;} #INavi12 {top:265px; left:396px;} #INavi01 a:hover, #INavi01 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -0px -387px no-repeat;} #INavi02 a:hover, #INavi02 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -131px -387px no-repeat;} #INavi03 a:hover, #INavi03 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -265px -387px no-repeat;} #INavi04 a:hover, #INavi04 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -396px -387px no-repeat;} #INavi05 a:hover, #INavi05 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -0px -520px no-repeat;} #INavi06 a:hover, #INavi06 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -131px -520px no-repeat;} #INavi07 a:hover, #INavi07 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -265px -520px no-repeat;} #INavi08 a:hover, #INavi08 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -396px -520px no-repeat;} #INavi09 a:hover, #INavi09 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -0px -652px no-repeat;} #INavi10 a:hover, #INavi10 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -131px -652px no-repeat;} #INavi11 a:hover, #INavi11 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -265px -652px no-repeat;} #INavi12 a:hover, #INavi12 a:visited:hover { background: transparent url(img/top/item_menu.jpg) -396px -652px no-repeat;}