@charset "UTF-8";

#contents { width: 595px; float: left; }
#contents_inner { margin: 0px 10px 15px 15px; width: 570px; color: #333333; font-size: 80%; line-height: 1.2; }

#sasebo_header { margin: 0px 0px 10px 0px; }
#sasebo_header_left { width: 179px; float: left; }
#sasebo_header_right { width: 391px; line-height: 1.5; float: left; }
#sasebo_header_right img { margin: 0px 0px 5px 0px; }

#map img { margin: 0px 0px 12px 0px; }
#map ul { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; float: left; }
#map ul li { padding: 0px 0px 3px 0px; width: 114px; font-size: 90%; }
#map ul li span { padding: 0px 0px 0px 15px; display: block; }
.no01 { background: url(../images/sasebo/01.gif) no-repeat; }
.no02 { background: url(../images/sasebo/02.gif) no-repeat; }
.no03 { background: url(../images/sasebo/03.gif) no-repeat; }
.no04 { background: url(../images/sasebo/04.gif) no-repeat; }
.no05 { background: url(../images/sasebo/05.gif) no-repeat; }
.no06 { background: url(../images/sasebo/06.gif) no-repeat; }
.no07 { background: url(../images/sasebo/07.gif) no-repeat; }
.no08 { background: url(../images/sasebo/08.gif) no-repeat; }
.no09 { background: url(../images/sasebo/09.gif) no-repeat; }
.no10 { background: url(../images/sasebo/10.gif) no-repeat; }
.no11 { background: url(../images/sasebo/11.gif) no-repeat; }
.no12 { background: url(../images/sasebo/12.gif) no-repeat; }
.no13 { background: url(../images/sasebo/13.gif) no-repeat; }
.no14 { background: url(../images/sasebo/14.gif) no-repeat; }
.no15 { background: url(../images/sasebo/15.gif) no-repeat; }
.no16 { background: url(../images/sasebo/16.gif) no-repeat; }
.no17 { background: url(../images/sasebo/17.gif) no-repeat; }
.no18 { background: url(../images/sasebo/18.gif) no-repeat; }
.no19 { background: url(../images/sasebo/19.gif) no-repeat; }
.no20 { background: url(../images/sasebo/20.gif) no-repeat; }
.no21 { background: url(../images/sasebo/21.gif) no-repeat; }
.no22 { background: url(../images/sasebo/22.gif) no-repeat; }
.no23 { background: url(../images/sasebo/23.gif) no-repeat; }
.no24 { background: url(../images/sasebo/24.gif) no-repeat; }

#sasebo_navi { margin: 25px 0px 0px 0px; }
#sasebo_navi span { color: #77BB33; }
#sasebo_navi td { width: 145px; line-height: 1.3; vertical-align: top; }
#sasebo_navi td img { margin: 0px 0px 3px 0px; }
#sasebo_navi td p { margin: 3px 0px 0px 0px; padding: 0px 0px 15px 0px; width: 135px; font-size: 90%; } 
.sides { width: 135px !important; }
.sides p { margin: 3px 0px 0px 0px; padding: 0px 0px 15px 0px; font-size: 90%; } 

#side { width: 150px; float: left; }
#side ul { margin: 0px 0px 4px 0px; padding: 0px; list-style: none; }
#side ul li { width: 150px; height: 25px; }
#side ul li a { width: 150px; height: 24px; text-indent: -10000px; display: block; overflow: }
#menu01 a { background: url(../images/life/01.gif); }
#menu02 a { background: url(../images/life/02.gif); }
#menu03 a { background: url(../images/life/03.gif); }
#menu04 a { background: url(../images/life/04.gif); }
#menu05 a { background: url(../images/life/05.gif); }
#menu06 a { background: url(../images/life/06.gif); }
#menu07 a { background: url(../images/life/07.gif); }
#menu01 a:hover { background: url(../images/life/01on.gif); }
#menu02 a:hover { background: url(../images/life/02on.gif); }
#menu03 a:hover { background: url(../images/life/03on.gif); }
#menu04 a:hover { background: url(../images/life/04on.gif); }
#menu05 a:hover { background: url(../images/life/05on.gif); }
#menu06 a:hover { background: url(../images/life/06on.gif); }
#menu07 a:hover { background: url(../images/life/07on.gif); }

h2 { margin: 0px; padding: 0px; display: inline; }
h3 { margin: 0px 0px 15px 0px; padding: 4px; background: url(../images/common/module_header.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; }
h4 { margin: 0px; padding: 0px; }

#pagetop_banner { margin: 0px 0px 0px 15px; padding: 5px 0px 20px 0px; width: 570px; background: url(../images/common/pagetop.gif) 0px 0px repeat-x; text-align: right; clear: both; position: relative; }
#pagetop_banner img { position: absolute; top: 5px; left: 0px; }
#pagetop_banner a:link { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 78%; text-decoration: none; }
#pagetop_banner a:visited { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 78%; text-decoration: none; }
#pagetop_banner a:hover { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #88BB00; font-size: 78%; text-decoration: none; }
#pagetop_banner a.pagetop_banner { background: none; }

/* バナー */
#banner h4 { margin: 0px 0px 5px 0px; }
#banner h4#banner01 a { width: 150px; height: 32px; background: url(../images/life/goodnius.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner01 a:hover { width: 150px; height: 32px; background: url(../images/life/goodnius_on.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner02 a { width: 150px; height: 32px; background: url(../images/life/career.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner02 a:hover { width: 150px; height: 32px; background: url(../images/life/career_on.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner03 a { width: 150px; height: 32px; background: url(../images/common/banner_form.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner03 a:hover { width: 150px; height: 32px; background: url(../images/common/banner_form_on.gif); text-indent: -10000px; display: block; overflow: }