@charset "utf-8";
/* index & all contents style */

/* for ie 5.x text-align */
body { background-image: url(../images/body_bg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-align: center; margin: 0px; padding: 0px; }

a { text-decoration: none; color: #0000CC; }
a:hover { text-decoration: underline; }

input,select { color: #666666; }

/* for safari 1.x */
img, p { margin: 0px; padding: 0px; border: 0px; }

.off-left { position: absolute; left: -9999px; }
.clear { clear: both; }

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

#header { height: 83px; background: url(../images/header_bg.gif) left top repeat-x; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; width: 745px !important;width /**/:747px; /* for ie5.x */ }
#header #logo { position: absolute; left: 21px; top:23px; width: 136px; height: 39px; }
#header-rel { position: relative; width: 745px; }

#nav { width: 747px; height: 34px; }
#nav ul { list-style-type: none; width: 747px; height: 34px; background: url(../images/nav_bottom.gif) left bottom no-repeat; padding: 0px; margin: 0px; }
#nav li { height: 34px; padding: 0px; margin: 0px; float: left; }
/*
#nav01bl { display: block; width: 171px; }
#nav02bl { display: block; width: 107px; }
#nav03bl { display: block; width: 69px; }
#nav04bl { position: absolute; left: -9999px; }
#nav05bl { position: absolute; left: -9999px; }
#nav06bl { display: block; width: 53px; }
#nav07bl { display: block; width: 52px; }
#nav08bl { display: block; width: 116px; }
*/
#nav a { display: block; height: 31px; background-image: url(../images/navigation.gif); background-repeat: no-repeat; }

#nav em { position: absolute; left: -9999px; }
#nav strong { position: absolute; left: -9999px; }

/* ナビゲーションオフマウス */
#nav01 { background-position: 0px 0px; width: 171px; }
#nav02 { background-position: -171px 0px; width: 134px; }
#nav03 { background-position: -305px 0px; width: 121px; }
#nav04 { position: absolute; left: -9999px; }
#nav05 { position: absolute; left: -9999px; }
#nav06 { background-position: -426px 0px; width: 87px; }
#nav07 { background-position: -513px 0px; width: 91px; }
#nav08 { background-position: -604px 0px; width: 143px; }

/* ナビゲーションオンマウス */
#nav a:hover#nav01 { background-position: 0px -34px; }
#nav a:hover#nav02 { background-position: -171px -34px; }
#nav a:hover#nav03 { background-position: -305px -34px; }
/*
#nav a:hover#nav04 { background-position: -365px -34px; }
#nav a:hover#nav05 { background-position: -450px -34px; }
*/
#nav a:hover#nav06 { background-position: -426px -34px; }
#nav a:hover#nav07 { background-position: -513px -34px; }
#nav a:hover#nav08 { background-position: -604px -34px; }

/* ナビゲーション現在地 */
#nav01this { background-position: 0px -34px; width: 171px; }
#nav02this { background-position: -171px -34px; width: 134px; }
#nav03this { background-position: -305px -34px; width: 121px; }
#nav04this { position: absolute; left: -9999px; }
#nav05this { position: absolute; left: -9999px; }
#nav06this { background-position: -426px -34px; width: 87px; }
#nav07this { background-position: -513px -34px; width: 91px; }
#nav08this { background-position: -604px -34px; width: 143px; }


#login { position: absolute; left: 599px; top: 22px; width: 127px; height: 46px; background: url(../images/login_bg.gif) left top no-repeat; }
#login strong { position: absolute; left: -9999px; }
#login a { display: block; margin-left: 8px; margin-top: 8px; padding: 0px; background : url(../images/button_login.gif) left top no-repeat; width: 110px; height: 28px; }
#login a:hover { background-position: 0px -28px; }

#head-nav { position: absolute; left:325px; top: 33px; width: 250px; padding:10px; }
#head-nav ul { list-style-type: none; width: 250px; padding: 0px; margin: 0px; }
#head-nav01bl { display: block; float: right; padding: 0px; margin: 0px; width: 93px; height: 16px; }
#head-nav02bl { display: block; float: right; padding: 0px; margin: 0px; width: 93px; height: 16px; }
#head-nav03bl { display: block; position: absolute; left: 69px; top: -14px; width: 150px; padding: 5px; }
#head-nav em { position: absolute; left: -9999px; }
#head-nav01 { display: block; width: 93px; height: 16px; background: url(../images/head_nav_01.gif) left top no-repeat; }
#head-nav02 { display: block; width: 93px; height: 16px; background: url(../images/head_nav_02.gif) left top no-repeat; }
#head-nav03 { display: block; width: 118px; height: 16px; background: url(../images/head_nav_03.gif) left top no-repeat; }
#head-nav a:hover#head-nav01 {background-position: 0px -16px; }
#head-nav a:hover#head-nav02 {background-position: 0px -16px; }
#head-nav a:hover#head-nav03 {background-position: 0px -16px; }

.pagetop { padding-left: 595px; padding-top: 25px; padding-bottom: 5px; width: 80px; }

#footer { position: relative; border-top: 3px solid #326DCF; width: 747px; margin-top: 10px; }
#footer-2nd { position: relative; width: 747px; background: url(../images/footer_top.gif) left top no-repeat; padding-top: 15px; }
#get-flash { position: absolute; left: 21px; top: 12px; width: 300px; }
#get-flash-2nd { position: absolute; left: 21px; top: 27px; width: 300px; }
#get-flash a { float: left; }
#get-flash p { margin: 0px; padding: 2px 0px 0px 6px; font-size: 10px; float: left; }
#get-flash-2nd a { float: left; }
#get-flash-2nd p { margin: 0px; padding: 2px 0px 0px 6px; font-size: 10px; float: left; }
#copy { margin: 10px 0px 0px 346px; padding: 0px 0px 10px 44px; }
#copy p { padding: 2px 0px 0px 0px; margin: 0px; font-size: 10px; }
#copy-2nd { margin-left: 346px; width: 400px; padding: 15px 0px 15px 0px;}
#copy-2nd p { padding: 8px 0px 0px 44px; margin: 0px; font-size: 10px; }