body { background-image: url(../material/bg.gif); background-repeat:repeat-x; background-color: #f3f3f5; } #header { background-color: #fff; width: 100%; height: 76px; } #header img#logo { top: 0px; margin-top: 8px; margin-left: 12px; } /*インターネットサービス*/ #header a#header_banner { background-color: #fff; background-image: url(../material/bn_internetservice.gif); background-position: 0 0; position: absolute; top: 1px; left: 677px; border: 0px; display: block; margin-bottom: 0px; width: 190px; height: 100px; margin-top: 1px; margin-left: 1px; } #header a#header_banner:hover { background-image: url(../material/bn_internetservice-over.gif); } /*上メニュー*/ #menu { font-size: 12px; background-color: #999; background-image: url(../material/header-off.gif); background-repeat: repeat-x; background-position: 0 0; text-indent: -9999px; width: 870px; height: 50px; margin-top: 1px; border-top: 0px solid #666; border-bottom: 0px solid #666; display: block; } #menu_sub { margin: -20px auto 0px 30px; } #menu_sub a { font-size: 0.98em; color: #333333; padding: 0 17px 0 0px; line-height:1.5em; } #menu_sub a:hover { text-decoration: underline; } #menu2 { font-size: 12px; background-color: #999; background-image: url(../material/header2-off.gif); background-repeat: repeat-x; background-position: 0 0; text-indent: -9999px; width: 870px; height: 75px; margin-top: 1px; border-top: 0px solid #666; border-bottom: 0px solid #666; display: block; } #menu2_sub { margin: -40px auto 10px 38px; } #menu2_sub a { font-size: 0.98em; color: #333333; padding: 0 15px 0 0px; line-height:1.5em; } #menu2_sub a:hover { text-decoration: underline; } /*for hansya*/ #menu_wk { display: block; width: 100%; } #menu ul { margin-left: 0px; } #menu ul li a { background-color: #fff; background-image: url(../material/header-off.gif); display: block; height: 25px; border-right: 0px solid #666; border-left: 0px solid #666; } #menu ul li{ float: left; margin-left: 0px; background-color: #fff; background-image: url(../material/header-off.gif); display: block; height: 25px; border-right: 0px solid #666; border-left: 0px solid #666; } #menu ul li#m1 a { background-position: 0 0; width: 89px; } #menu ul li#m2 a { background-position: -89px 0; width: 82px; margin-right: 0px; } #menu ul li#m3 a { background-position: -170px 0; width: 83px; margin-left: 0px; } #menu ul li#m4 a { background-position: -253px 0; width: 130px; margin-left: 0px; } #menu ul li#m1.on a { position: relative; z-index: 2; background-image: url(../material/header-on-1.gif); background-position: 0 0px; width: 94px; margin-left: 0px; margin-right: -5px } #menu ul li#m2.on a { position: relative; z-index: 2; background-image: url(../material/header-on-2.gif); background-position: -86px 0px; width: 89px; margin-left: -2px; margin-right: -5px; } #menu ul li#m3.on a { position: relative; z-index: 2; background-image: url(../material/header-on-3.gif); background-position: -168px 0px; width: 84px; margin-left: -3px; margin-right: 2px; } #menu ul li#m4.on a { position: relative; z-index: 2; background-image: url(../material/header-on-4.gif); background-position: -248px 0px; width: 130px; margin-left: -4px; } #menu ul li#m1 a:hover { background-image: url(../material/header-over.gif); background-position: 0 0; width: 89px; margin-left: 0px; margin-right: 0px } #menu ul li#m2 a:hover { background-image: url(../material/header-over.gif); background-position: -89px 0; width: 82px; margin-left: 0px; margin-right: 0px } #menu ul li#m3 a:hover { background-image: url(../material/header-over.gif); background-position: -170px 0; width: 83px; margin-left: 0px; margin-right: 0px } #menu ul li#m4 a:hover { background-image: url(../material/header-over.gif); background-position: -253px 0; width: 130px; margin-left: 0px; margin-right: 0px } #menu2 ul { margin-left: 0px; } #menu2 ul li{ float: left; margin-left: 0px; display: block; } #menu2 ul li a { background-color: #fff; background-image: url(../material/header2-off.gif); display: block; height: 25px; border-right: 0px solid #666; border-left: 0px solid #666; } #menu2 ul li#m1 a { background-position: 0 0; width: 89px; } #menu2 ul li#m2 a { background-position: -89px 0; width: 82px; margin-right: 0px; } #menu2 ul li#m3 a { background-position: -170px 0; width: 83px; margin-left: 0px; } #menu2 ul li#m4 a { background-position: -253px 0; width: 130px; margin-left: 0px; } #menu2 ul li#m1.on a { background-image: url(../material/header-on-1.gif); background-position: 0 0px; width: 94px; margin-left: 0px; margin-right: -5px } #menu2 ul li#m2.on a { background-image: url(../material/header-on-2.gif); background-position: -86px 0px; width: 89px; margin-left: -2px; margin-right: -5px; } #menu2 ul li#m3.on a { background-image: url(../material/header-on-3.gif); background-position: -168px 0px; width: 84px; margin-left: -3px; margin-right: 2px; } #menu2 ul li#m4.on a { background-image: url(../material/header-on-4.gif); background-position: -248px 0px; width: 130px; margin-left: -4px; } #menu2 ul li#m1 a:hover { background-image: url(../material/header-over.gif); background-position: 0 0; width: 89px; margin-left: 0px; margin-right: 0px } #menu2 ul li#m2 a:hover { background-image: url(../material/header-over.gif); background-position: -89px 0; width: 82px; margin-left: 0px; margin-right: 0px } #menu2 ul li#m3 a:hover { background-image: url(../material/header-over.gif); background-position: -170px 0; width: 83px; margin-left: 0px; margin-right: 0px } #menu2 ul li#m4 a:hover { background-image: url(../material/header-over.gif); background-position: -253px 0; width: 130px; margin-left: 0px; margin-right: 0px } #bottom { position:relative; float: left; background-color: #fff; width: 100%; height: 40px; /*clear: both; */ margin:200px auto 0 auto; border-top: 1px dotted #666; } #bottom_l { float: left; margin-left: 10px; } #bottom_r { float: right; margin-right: 10px; } a#b_l { float: left; margin-left: 10px; background-image: url('../material/cursol_left.gif'); background-repeat: no-repeat; background-position: 0 center; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; } a#b_r { float: right; margin-right: 10px; background-image: url('../material/cursol_top.gif'); background-repeat: no-repeat; background-position: 0 center; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; } /*フッタ*/ div#footer { position: relative; width: 870px; margin-right: auto; margin-left: auto; } /*ボトムナビ*/ #bnavi { font-size:12px; line-height: 1.5em; text-align: right; width: 100%; margin-bottom: 0px; margin-left: 0px; } #bnavi a { color: #000; } #bnavi a:hover { color: #c00; margin-top: 4px; } /*フッタ*/ #sitemap-text a { color: #333; font-size: 12px; position: absolute; top: 55px; left: 455px; } #sitemap-text a:hover { text-decoration: underline; } #fontsize-text { color: #777777; font-size: 12px; position: absolute; top: 45px; left: 532px; } #fontsize { position: absolute; top: 50px; left: 600px; text-indent: -9999px; background-repeat: repeat-x; background-position: 0 0; position: absolute; width: 61px; height: 20px; display: block; } #fontsize ul { margin-left: 0px; } #fontsize ul li{ float: left; margin-left: 0px; display: block; } #fontsize ul li a { background-color: #fff; background-image: url(../material/fontsize-off.gif); display: block; width: 20px; height: 20px; border-right: 0px solid #666; border-left: 0px solid #666; } #fontsize ul li#fs a { background-position: 0 0; width: 21px; } #fontsize ul li#fm a { background-position: -20px 0; width: 21px; margin-left: -1px; } #fontsize ul li#fl a { background-position: -40px 0; width: 21px; margin-left: -1px; } #fontsize ul li#fs a:hover { background-image: url(../material/fontsize-on.gif); background-position: 0 0; width: 21px; } #fontsize ul li#fm a:hover { background-image: url(../material/fontsize-on.gif); background-position: -20px 0; width: 21px; margin-left: -1px; } #fontsize ul li#fl a:hover { background-image: url(../material/fontsize-on.gif); background-position: -40px 0; width: 21px; margin-left: -1px; } #copyright { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; width: 100%; margin-bottom: 10px; margin-right: 50px; }