@charset "shift_jis";
/* common */
body { color: #333; background-color: white; margin: 0; padding: 0; }
a:link { color: #03c; }
a:visited { color: teal; }
a:hover { color: red; }
a:active { color: red; }
img { border: none; }

/* header */
#header { width: 100%; height: 60px; margin: 0; padding: 0; background: url(../img/bg_header.gif) no-repeat right top; }
#header-logo { width: 400px; height: 60px; float: left; }
#header-link { text-align: right; margin-left: 330px; }
#header-link img { margin: 20px 10px 0px 0px; }

/* footer */
#footer { clear: both; color: #fff; font-size: 10px; font-family: sans-serif; background: url(../img/bg_footer.gif) repeat-x left top; width: 100%; height: 24px; margin: 0; padding: 0px; }
#footer-link { clear: both; width: 40%; float: left; margin: 0; }
#footer-link a { margin-right: 10px; padding-left: 13px; }
#footer-link a:link, #footer-link a:visited { color: white; background: url(../img/footer-btn.gif) no-repeat left center; text-decoration: none; }
#footer-link a:active, #footer-link a:hover { color: yellow; background: url(../img/footer-btn_o.gif) no-repeat left center; text-decoration: none; }
#footer-copy { text-align: right; letter-spacing: 1px; margin-left: 40%; padding: 5px 5px 0px 0px; }

/* layout */
#layout { background-color: white; width: 100%; margin: 0; padding: 0; }

/* leftmenu */
#leftmenu { margin: 0; padding: 0; width: 170px; background: #00214F url(../img/leftnavi-bg.jpg) no-repeat left bottom; }

/* leftnavi */
#leftnavi { font-size: 14px; font-family: sans-serif; margin: 0; padding: 0; width: 170px; }

#leftnavi ul.gloval { list-style-type: none; margin: 0; padding: 0; background-color: #f0f8ff; }
#leftnavi ul.gloval li { margin: 0; padding: 0; border-top: 1px solid #477AB2; border-bottom: 1px solid #00123B; }
#leftnavi ul.gloval li a { display: block; margin: 0; padding: 5px 10px 5px 10px; width: auto; }
#leftnavi ul.gloval li a:link, #leftnavi ul.gloval li a:visited { color: #fff; background: url(../img/bg_nav.gif) repeat-y left top; text-decoration: none; }
#leftnavi ul.gloval li a:active, #leftnavi ul.gloval li a:hover { color: #ffc; background: url(../img/bg_nav_f2.gif) repeat-y left top; text-decoration: none; }

#leftnavi ul.gloval li.showsub a { padding: 5px 30px 5px 5px; height: 14px; }
#leftnavi ul.gloval li.showsub a:link, #leftnavi ul.gloval li.showsub a:visited { background: url(../img/submenu-btn.gif) no-repeat 146px center; }
#leftnavi ul.gloval li.showsub a:active, #leftnavi ul.gloval li.showsub a:hover { background: url(../img/submenu-btn_o.gif) no-repeat 146px center; }

/* green */
#leftnavi ul.local { list-style-type: none; margin: 0; padding: 0; background-color: #f0f8ff; }
#leftnavi ul.local li { margin: 0; padding: 0; border-bottom: 1px solid #696; }
#leftnavi ul.local li a { display: block; margin: 0; padding: 5px 20px 5px 5px; width: auto; }
#leftnavi ul.local li a:link, #leftnavi ul.local li a:visited { color: #333; background: url(../img/leftnavi-btn_g.gif) no-repeat 150px center; text-decoration: none; }
#leftnavi ul.local li a:active, #leftnavi ul.local li a:hover { color: red; background: #fff0f5 url(../img/leftnavi-btn_o.gif) no-repeat 150px center; text-decoration: none; }
#leftnavi ul.local li a img { vertical-align: middle; margin-left: 2px; }

#leftnavi div { margin: 5px 0; }
#leftnavi p { margin: 1em 0; }

/* leftnavi sub menu*/
#leftnavisub { font-size: 75%; font-family: sans-serif; margin: 0; padding: 0; position: absolute; top: 55px; left: 170px; }
#leftnavisub p { display: none; }
#leftnavisub ul { list-style-type: none; margin: 0; padding: 0; background-color: #f7fcfd; border-top: 1px solid #cc9; }
#leftnavisub ul li { margin: 0; padding: 0; border-bottom: 1px solid #cc9; }
#leftnavisub ul li a { display: block; margin: 5px 0px 0px 0px; padding: 0px 5px 9px 17px; width: auto; }
#leftnavisub ul li a:link, #leftnavisub ul li a:visited { color: #333; background: url(../img/leftnavi-btn.gif) no-repeat left top; text-decoration: none; }
#leftnavisub ul li a:active, #leftnavisub ul li a:hover { color: #011949; background: url(../img/leftnavi-btn_o.gif) no-repeat left top; text-decoration: none; }
#leftnavisub ul li a img { vertical-align: middle; margin-left: 2px; }

#submenu0 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 32px; }
#submenu1 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 59px; }
#submenu2 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 86px; }
#submenu3 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 113px; }
#submenu4 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 140px; }
#submenu5 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 167px; }
#submenu6 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 194px; }
#submenu7 { width: 170px; z-index: 1; visibility: hidden; position: absolute; top: 248px; }

/* hnavi */
#hnavi { color: #666; font-size: 75%; line-height: 120%; margin: 0; padding: 10px 10px 0 10px; }
#hnavi a:link, #hnavi a:visited { color: #03c; text-decoration: none; }
#hnavi a:active, #hnavi a:hover { color: red; text-decoration: none; }

/* main area */
#main { margin: 0; padding: 20px 10px 30px 30px; min-height: 200px; }
#main h1 { color: #464646; font-size: 140%; font-family: sans-serif; margin-top: 10px; padding: 3px 3px 8px 0px; background: #fff url(../img/bg_slash.gif) repeat-x left bottom; }
#main h1.title { color: #fff; font-size: 150%; font-family: sans-serif; margin: 0 0 5px 0; padding: 5px 3px 5px 10px; border-top: 1px solid #A5A5A5; background: #fff url(../img/bg_title01.gif) no-repeat left top; }
#main h2 { color: #336; font-size: 140%; font-family: sans-serif; margin: 10px 0 7px 0; padding: 5px 3px 5px 15px; background: #fff url(../img/bg_title02.gif) no-repeat left top; }
#main h3 { color: #336; font-size: 120%; font-family: sans-serif; border-bottom: 1px dashed #008bda; }
#main h4 { color: #336; font-size: 100%; font-family: sans-serif; }
#main p { line-height: 150%; }
#main p.int1em-mar1010em { text-indent: 1em; }
#main p.int1em-mar0000em { text-indent: 1em; margin: 0; }
#main p.int1em-mar1000em { text-indent: 1em; margin: 1em 0 0 0; }
#main p.int1em-mar0010em { text-indent: 1em; margin: 0 0 1em 0; }
#main td { line-height: 120%; }
#main li { line-height: 120%; margin-bottom: 0.5em; }
#main dt { color: #339; font-weight: bold; line-height: 120%; }
#main dd { line-height: 150%; margin-top: 0.5em; margin-bottom: 0.5em; }
#main li ul { margin-top: 0.5em; }
#main li ol { margin-top: 0.5em; }
#main del { color: gray; }
#main .t80 { font-size: 80%; }
#main .t75 { font-size: 75%; }
#main .t60 { font-size: 60%; }
#main .num { font-family: serif; white-space: nowrap; }
#main img.icons { vertical-align: middle; margin: 0 2px; }
#main img.photo-r { float: right; margin: 0 0 10px 10px; }
#main img.photo-l { float: left; margin: 0 10px 10px 0; }

#main table.line { border-collapse: collapse; empty-cells: show; border-spacing: 0; }
#main table.line td { border: solid 1px gray; }
#main table.line th { background-color: #e6e6fa; border: solid 1px gray; }

/* main-linklist */
#main ul.link { list-style-image: url(../img/leftnavi-btn.gif); }
#main ul.noimage { list-style-image: none; }

/* faq */
#main dl.faq dt { color: #069; margin-top: 1em; padding-top: 1em; border-top: 1px dashed #9cf; }
#main dl.faq dt.first { margin-top: 2em; padding-top: 0; border-top: none; }
#main dl.faq dd { margin: 1em 0 1em 0; }
#main dl.faq .pagetop { border-bottom: none; }

/* essay */
#main table.essay { font-size: 90%; border-collapse: collapse; empty-cells: show; border-spacing: 0; }
#main table.essay td, #main table.essay th { vertical-align: bottom; padding: 5px; border-bottom: 1px dotted gray; }
#main table.essay td.etitle { background-image: url(../img/leftnavi-btn.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 23px; }
#main table.essay td.tname { white-space: nowrap; }
#main table.essay td.vol { font-size: 90%; white-space: nowrap; }

/* main-fnavi */
#fnavi { margin-top: 30px; padding-top: 1em; border-top: dashed 1px gray; }
#fnavi ul { list-style-image: url(../img/leftnavi-btn.gif); }

/* pagetop */
#main .pagetop { clear: both; font-size: 75%; font-family: sans-serif; text-align: right; margin: 1em 0 0 0; padding: 0; border-bottom: 1px dashed #9cf; }
#main .pagetop a:link, #main .pagetop a:visited { color: #03c; text-decoration: none; }
#main .pagetop a:active, #main .pagetop a:hover { color: red; text-decoration: none; }

/* main-photo */
#main-photo { text-align: center; background: #286AB3 url(../../img/main-photo-bg.jpg) no-repeat center top; margin-bottom: 0px; padding: 0; height: 230px; }
#main-photo img { display: none; }

/* news */
#newstitle { margin: 0; padding: 20px 0 3px 0; }
#newstitle h1 { font-size: 10px; float: left; border: none; margin: 0; padding: 0 0 10px 0; }
#newstitle p { color: #333; font-size: 80%; text-align: right; margin: 0; padding-top: 8px; }

p.old { font-size: 75%; font-family: sans-serif; text-align: right; margin: 1em 0 0 0; padding: 0; }

/* getreader */
#main .getreader { margin: 0 0 0 0; padding: 7px 0 0 0; height: 31px; }
#main .getreader img { float: left; width: 88px; height: 31px; }
#main .getreader p { font-size: 75%; margin: 0 0 0 95px; padding: 0; height: 31px; }

/* loginform */
#loginform { margin: 45px 0; padding: 0; }
#loginform form { margin: 0; padding: 0; }
#loginform table { margin: 0 auto; border: solid 1px gray; background-color: #f5f5f5; }
#loginform table th { white-space: nowrap; }

.slash { clear: both; height: 10px; background: #fff url(../img/bg_slash.gif) repeat-x center center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* Information
----------------------------------------------- */
table.info {
  empty-cells: show;
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
table.info td {
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  color: #333;
  }
table.info td p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
table.info td.date {
  width: 85px;
  font-family: Arial, Veldana, sans-serif;
  color: #666;
  background: #fff url(../img/dot.gif) repeat-x left bottom; 
  }
table.info td.label {
  width: 40px;
  background: #fff url(../img/dot.gif) repeat-x left bottom; 
  }
table.info td.news {
  background: #fff url(../img/dot.gif) repeat-x left bottom; 
  }
table.info td.date p {
  font-size: 100%;
  line-height: 100%;
  }
table.info td.news p {
  font-size: 90%;
  line-height: 140%;
  }


.ph-col-2 {
  float: left;
  width: 270px;
  margin: 0px 15px 0px 15px;
  padding: 0px 0px 0px 0px;
  }
.ph-col-3 {
  float: left;
  width: 175px;
  margin: 0px 7px 0px 15px;
  padding: 0px 0px 0px 0px;
  }
.ph-col-2 p, .ph-col-3 p {
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 0px 0px;
  }
.ph-col-2 p.cap, .ph-col-3 p.cap {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
  font-size: 85%;
  line-height: 100%;
  }