.btnfil a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } /***********************************************/ /* info navi */ /***********************************************/ .info_navi { float: right; width: 525px; font-size:12px; } li.info_navi1 { float: left; list-style: none; width: 70px; height: 15px; text-indent: 15px; border-right: #CCCCCC solid 1px; padding: 0; margin-top: 3px; margin-right: 3px; margin-bottom: 0; margin-left: 0; } li.info_navi2 { float: left; list-style: none; width: 90px; height: 15px; text-indent: 5px; border-right: #CCCCCC solid 1px; padding: 0; margin-top: 3px; margin-right: 3px; margin-bottom: 0; margin-left: 0; } li.info_navi3 { float: left; list-style: none; width: 65px; height: 15px; text-indent: 5px; border-right: #CCCCCC solid 1px; padding: 0; margin-top: 3px; margin-right: 3px; margin-bottom: 0; margin-left: 0; } li.info_navi4 { float: left; list-style: none; width: 135px; height: 15px; text-indent: 5px; border-right: #CCCCCC solid 1px; padding: 0; margin-top: 3px; margin-right: 3px; margin-bottom: 0; margin-left: 0; } li.info_navi5 { float: left; list-style: none; width: 80px; height: 15px; text-indent: 5px; border-right: #CCCCCC solid 1px; padding: 0; margin-top: 3px; margin-right: 3px; margin-bottom: 0; margin-left: 0; } li.info_navi6 { float: left; list-style: none; width: 60px; height: 15px; text-indent: 5px; padding: 0; margin-top: 3px; margin-right: 3px; margin-bottom: 0; margin-left: 0; } /***********************************************/ /* site-navi */ /***********************************************/ /* p */ div#site-navi { width: 890px; background-image: url(../images/common/dotline01.gif); background-repeat: repeat-x; background-position: 0 100%; margin-top: 0; margin-right: 0px; margin-left: 5px; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 0; } div#site-navi p { margin: 0 5px; } div#site-navi p a:link { color: #1E8BC8; text-decoration: none; } div#site-navi p a:visited { color: #1E8BC8; text-decoration: none; } div#site-navi p a:hover { color: #1E8BC8; text-decoration: underline; } /***********************************************/ /* global navi */ /***********************************************/ #global-navi { width: 907px; height: 44px; float: left; margin-top: 5px; } #global-navi li { float: left; display: block; height: 44px; } #global-navi a { display: block; width: 100%; height: 100%; } #global-navi a:hover { text-indent: -9999px; } #global-navi .navi01 { width: 132px; background: url(../images/navigation/navi01b.png) 0 0 no-repeat; } #global-navi .navi02 { width: 155px; background: url(../images/navigation/navi02b.png) 0 0 no-repeat; } #global-navi .navi03 { width: 155px; background: url(../images/navigation/navi03b.png) 0 0 no-repeat; } #global-navi .navi04 { width: 155px; background: url(../images/navigation/navi04b.png) 0 0 no-repeat; } #global-navi .navi05 { width: 155px; background: url(../images/navigation/navi05b.png) 0 0 no-repeat; } #global-navi .navi06 { width: 155px; background: url(../images/navigation/navi06b.png) 0 0 no-repeat; } #index #global-navi .navi01 { text-indent: -9999px; background: url(../images/navigation/navi01c.png) 0 0 no-repeat; } #index #global-navi .navi01 a:hover { background: url(../images/navigation/navi01c.png) 0 0 no-repeat; } #blood #global-navi .navi02 { text-indent: -9999px; background: url(../images/navigation/navi02c.png) 0 0 no-repeat; } #blood #global-navi .navi02 a:hover { background: url(../images/navigation/navi02c.png) 0 0 no-repeat; } #bloodroom #global-navi .navi03 { text-indent: -9999px; background: url(../images/navigation/navi03c.png) 0 0 no-repeat; } #bloodroom #global-navi .navi03 a:hover { background: url(../images/navigation/navi03c.png) 0 0 no-repeat; } #bloodact #global-navi .navi04 { text-indent: -9999px; background: url(../images/navigation/navi04c.png) 0 0 no-repeat; } #bloodact #global-navi .navi04 a:hover { background: url(../images/navigation/navi04c.png) 0 0 no-repeat; } #bloodnet #global-navi .navi05 { text-indent: -9999px; background: url(../images/navigation/navi05c.png) 0 0 no-repeat; } #bloodnet #global-navi .navi05 a:hover { background: url(../images/navigation/navi05c.png) 0 0 no-repeat; } #bloodrec #global-navi .navi06 { text-indent: -9999px; background: url(../images/navigation/navi06c.png) 0 0 no-repeat; } #bloodrec #global-navi .navi06 a:hover { background: url(../images/navigation/navi06c.png) 0 0 no-repeat; } /***********************************************/ /* left navi */ /***********************************************/ #left-navi { width: 184px; height: 29px; } #left-navi li { float: left; display: block; height: 30px; } #left-navi a { display: block; width: 100%; height: 100%; } #left-navi a:hover { text-indent: -9999px; } #left-navi .lnavi01 { width: 184px; background: url(../images/navigation/leftnavi/lnavi01b.png) 0 0 no-repeat; } #left-navi .lnavi02 { width: 184px; background: url(../images/navigation/leftnavi/lnavi02b.png) 0 0 no-repeat; } #left-navi .lnavi03 { width: 184px; background: url(../images/navigation/leftnavi/lnavi03b.png) 0 0 no-repeat; } #left-navi2 { width: 202px; height: 100px; } #left-navi2 li { float: left; display: block; height: 100px; } #left-navi2 a { display: block; width: 100%; height: 100%; } #left-navi2 a:hover { text-indent: -9999px; } #left-navi2 .lnavi01 { width: 202px; background: url(../images/navigation/leftnavi/bustask-b.png) 0 0 no-repeat; } #left-navi3 { width: 202px; height: 100px; padding-top: 10px; padding-left: 7px; } #left-navi3 li { float: left; display: block; height: 95px; } #left-navi3 a { display: block; width: 100%; height: 100%; } #left-navi3 a:hover { text-indent: -9999px; } #left-navi3 .lnavi01 { width: 202px; height: 100px; background: url(../images/navigation/leftnavi/kensupport-b.png) 0 0 no-repeat;} #left-navi3 .lnavi02 { width: 202px; height: 110px; background: url(../images/navigation/leftnavi/kenclub-b.png) 0 0 no-repeat; } #left-navi3 .lnavi03 { width: 202px; height: 70px; background: url(../images/navigation/leftnavi/can-01.png) 0 0 no-repeat;} #left-navi3 .lnavi04 { width: 202px; height: 77px; background: url(../images/navigation/leftnavi/can-02.png) 0 0 no-repeat; } #left-navi3 .lnavi05 { width: 202px; height: 77px; background: url(../images/navigation/leftnavi/redcross.png) 0 0 no-repeat; } #left-navi4 { width: 210px; height: 26px; } #left-navi4 li { float: left; display: block; height: 26px; } #left-navi4 a { display: block; width: 100%; height: 100%; } #left-navi4 a:hover { text-indent: -9999px; } #left-navi4 .lnavi01 { width: 210px; background: url(../images/navigation/leftnavi/blood-room-on.png) 0 0 no-repeat; } /***********************************************/ /* page navi */ /***********************************************/ #bloodact1-navi { width: 264px; height: 40px; } #bloodact1-navi li { float: left; display: block; height: 40px; } #bloodact1-navi a { display: block; width: 100%; height: 100%; } #bloodact1-navi a:hover { text-indent: -9999px; } #bloodact1-navi .lnavi01 { width: 262px; background: url(../images/bloodact/btn1b.png) 0 0 no-repeat; } #bloodact1-navi .lnavi03 { width: 262px; background: url(../images/bloodact/btn3b.png) 0 0 no-repeat; } #bloodact-a #bloodact1-navi .lnavi01 { text-indent: -9999px; background: url(../images/bloodact/btn1b.png) 0 0 no-repeat; } #bloodact-a #bloodact1-navi .lnavi01 a:hover { background: url(../images/bloodact/btn1b.png) 0 0 no-repeat; } #bloodact-c #bloodact1-navi .lnavi03 { text-indent: -9999px; background: url(../images/bloodact/btn3b.png) 0 0 no-repeat; } #bloodact-c #bloodact1-navi .lnavi03 a:hover { background: url(../images/bloodact/btn3b.png) 0 0 no-repeat; } #bloodact2-navi { width: 342px; height: 40px; } #bloodact2-navi li { float: left; display: block; height: 40px; } #bloodact2-navi a { display: block; width: 100%; height: 100%; } #bloodact2-navi a:hover { text-indent: -9999px; } #bloodact2-navi .lnavi02 { width: 342px; background: url(../images/bloodact/btn2b.png) 0 0 no-repeat; } #bloodact2-navi .lnavi04 { width: 342px; background: url(../images/bloodact/btn4b.png) 0 0 no-repeat; } #bloodact-b #bloodact2-navi .lnavi02 { text-indent: -9999px; background: url(../images/bloodact/btn2b.png) 0 0 no-repeat; } #bloodact-b #bloodact2-navi .lnavi02 a:hover { background: url(../images/bloodact/btn2b.png) 0 0 no-repeat; } #bloodact-d #bloodact2-navi .lnavi04 { text-indent: -9999px; background: url(../images/bloodact/btn4b.png) 0 0 no-repeat; } #bloodact-d #bloodact2-navi .lnavi04 a:hover { background: url(../images/bloodact/btn4b.png) 0 0 no-repeat; } /*{݈ē*/ #bloodroom-bus { width: 307px; height: 66px; } #bloodroom-bus li { float: left; display: block; height: 66px; } #bloodroom-bus a { display: block; width: 100%; height: 100%; } #bloodroom-bus a:hover { text-indent: -9999px; } #bloodroom-bus .navi01 { width: 307px; background: url(../images/bloodroom/busson.png) 0 0 no-repeat; } /***********************************************/ #footer-navi { float: right; width: 258px; height: 11px; } #footer-navi li { float: left; height: 11px; } #footer-navi a { display: block; width: 100%; height: 100%; } #footer-navi a:hover { background: none!Important; } #footer-navi .navi01 { width: 93px; background: url(../images/navigation/footer_navi01b.gif) 0 0 no-repeat; } #footer-navi .navi02 { width: 165px; background: url(../images/navigation/footer_navi02b.gif) 0 0 no-repeat; } #footer-navi .navi01 a { background: url(../images/navigation/footer_navi01a.gif) 0 0 no-repeat; } #footer-navi .navi02 a { background: url(../images/navigation/footer_navi02a.gif) 0 0 no-repeat; } .side-content-navi { width: 158px; background: #FFFFFF url(../images/navigation/content_navi_bottom.jpg) left bottom no-repeat; padding-bottom: 65px; } .side-content-navi .title { font-size: 1.1em; font-weight: bold; color: #FFFFFF; background: #6FAFDF url(../images/navigation/content_navi_title.jpg) left top no-repeat; padding: 5px 10px; margin-bottom: 3px; } .side-content-navi ul { background: url(../images/navigation/content_navi_separator.jpg) left top no-repeat; padding-top: 1px; } .side-content-navi li { width: 158px; line-height: 1; background: url(../images/navigation/content_navi_separator.jpg) left bottom no-repeat; padding: 1px 0 2px; } .side-content-navi a { display: block; padding: 7px 0; } .side-content-navi a span { background: url(../images/navigation/content_navi_listmark.gif) left center no-repeat; padding-left: 27px; } .side-content-navi a:hover { background: #DEEEFC; } .side-content-navi a:link { color: #333333; text-decoration: none; } .side-content-navi a:visited { color: #333333; text-decoration: none; } .side-content-navi a:hover { color: #333333; text-decoration: none; } .profile-top .side-content-navi .navi01 a { color: #FFFFFF; background: url(../images/navigation/content_navi_stay.jpg) 0 0 repeat-y; } .profile-top .side-content-navi .navi01 a span { background: url(../images/navigation/content_navi_listmark_stay.gif) left center no-repeat; } .profile-outline .side-content-navi .navi03 a { color: #FFFFFF; background: url(../images/navigation/content_navi_stay.jpg) 0 0 repeat-y; } .profile-outline .side-content-navi .navi03 a span { background: url(../images/navigation/content_navi_listmark_stay.gif) left center no-repeat; } .profile-history .side-content-navi .navi04 a { color: #FFFFFF; background: url(../images/navigation/content_navi_stay.jpg) 0 0 repeat-y; } .profile-history .side-content-navi .navi04 a span { background: url(../images/navigation/content_navi_listmark_stay.gif) left center no-repeat; } .profile-office .side-content-navi .navi05 a { color: #FFFFFF; background: url(../images/navigation/content_navi_stay.jpg) 0 0 repeat-y; } .profile-office .side-content-navi .navi05 a span { background: url(../images/navigation/content_navi_listmark_stay.gif) left center no-repeat; } #service .side-content-navi .navi01 a { color: #FFFFFF; background: url(../images/navigation/content_navi_stay.jpg) 0 0 repeat-y; } #service .side-content-navi .navi01 a span { background: url(../images/navigation/content_navi_listmark_stay.gif) left center no-repeat; } #delivery .side-content-navi .navi02 a { color: #FFFFFF; background: url(../images/navigation/content_navi_stay.jpg) 0 0 repeat-y; } #delivery .side-content-navi .navi02 a span { background: url(../images/navigation/content_navi_listmark_stay.gif) left center no-repeat; } #banner-navi { background: url(../images/navigation/banner_navi_top.gif) 0 0 no-repeat; padding: 20px 12px 0; }