/***   ŸŸŸƒy[ƒW‘S”ʁŸŸŸ   ***/
body {
  margin: 0px;
  background: url(./images/body.gif) no-repeat fixed;
  color: #474a4d;
}

a {
  color: #0011dd;
  text-decoration: none;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

img {
  border: none;
}

#body-wrapper {
  width: 100%;
  text-align: center;
}

#body-container {
  margin-left: auto;
  margin-right: auto;

  width: 800px;
  background-color: #f5f5f5;
}  

.sml {
  font-size: 80%;
}


/***   ŸŸŸƒwƒbƒ_[ŸŸŸ   ***/
#head-logo {
  float: left;
  margin-top: 10px;
}

#head-sitesearch {
  float: right;
  margin-top: 10px;
  padding-right: 5px;
  text-align: right;
 /* font-size: smaller; */
}

#head-sitesearch form {
  margin: 0px;
}

#head-index1a, #head-index1b, #head-sitesearch {
  clear: both;
}
#head-index1a ul, #head-index1b ul, #head-sitesearch ul {
  margin: 0px;
  list-style-type: none; 
} 
#head-index1a li, #head-index1b li, #head-sitesearch li { 
  float: right; 
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: smaller;
} 
#head-index1a .lbr, #head-index1b .lbr, #head-sitesearch .lbr {
  border-right: 1px #a9a9a9 solid; 
}

#head-index1 {
  clear: both;
  height: 1.5em;
  padding: 5px 10px 5px 10px; 
  background-color: #3366cc;
  font-size: smaller;
}
#head-index1 a {
  color: #ffffff;
}
#head-index1 a:hover {
  color: #ff0000;
}
#head-index1 ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; 
} 
#head-index1 li { 
  float: left; 
  margin: 1px;
  padding-left: 5px;
  padding-right: 5px;
} 
#head-index1 .lbr {
  border-right: 1px #ffffff solid; 
}
#head-index1 .lbrr {
  border-right: 3px #ffffff double; 
}

#head-index2 {
  clear: both;
  height: 1.5em;
  padding: 5px 10px 5px 10px;
  background-color: #3366ff;
}
#head-index2 a {
  color: #ffffff;
}
#head-index2 a:hover {
  color: #ff0000;
}
#head-index2 ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; 
} 
#head-index2 li { 
  float: left; 
  margin: 3px;
  padding-left: 5px;
  padding-right: 8px;
} 
#head-index2 .lbr {
  border-right: 1px #ffffff solid; 
}
#head-index2 .lbrr {
  border-right: 3px #ffffff double; 
}

#head-topicpath {
  clear: both;
  height: 100px;
  background-image: url(./images/topicpath.jpg); 
  text-align: right;
}
#head-topicpath table {
  margin-left: auto;

  height: 100px;
  background-color: #ffffe0;
  font-size: smaller;
}
#head-topicpath td {
  padding: 5px;
  text-align: left;
}


/***   ŸŸŸƒƒCƒ“ƒeƒLƒXƒgŸŸŸ   ***/
#maintext {
  float: left;
  width: 620px;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #ffffff;
  text-align: left;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbh ŠΦ˜AŸ   ***/
#maintext h3, h4, h5, th {
  color: #474a4d ;
}
#maintext h3 {
  margin-left: 10px;
}
#maintext h4 {
  border-top: 1px #474a4d dotted;
  border-left: 1px #474a4d dotted;
  padding-top: 3px;
  padding-left: 3px;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbdiv ŠΦ˜AŸ   ***/
#maintext div {
  padding-left: 20px;
  padding-right: 20px;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbdl, ul ŠΦ˜AŸ   ***/
#maintext dt {
  background-color: #f0f6da;
  border-bottom: 3px #2e8b57 solid;
  padding-top: 5px;
  padding-left: 3px;
  margin-bottom: 5px;
  color: #387d39;
  font-weight: bold;
}
#maintext dd {
  margin-left: 10px;
  margin-right: 15px;
}
#maintext ul { 
  margin: 10px 0px 10px 25px; 
  padding: 0px; 
} 
#maintext li {
  margin: 0px; 
}
#maintext .di {
  display: inline;
  margin-right: 15px;
}
#maintext .lstn {
  list-style-type: none;
}
#maintext .lsiu {
  margin-left: 10px;
  list-style-image: url(./images/list2.gif);
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbtable ŠΦ˜AŸ   ***/
#maintext .tborder {
  margin-left: 10px;
  margin-right: 10px;
  border: 1px #000000 solid;
  border-collapse: collapse; 
  border-spacing: 0px; 
}
#maintext .tborder th {
  background-color: #ffffe0;
  padding: 5px;
  text-align: center;
}
#maintext .tborder td {
  padding: 10px;
}
#maintext .bt {
  border-top: 1px #e0e0e0 solid;
}
#maintext .btb {
  border-top: 3px #000000 double;
}
#maintext .br {
  border-right: 1px #e0e0e0 solid;
}
#maintext .b2 {
  border-top: 1px #e0e0e0 solid;
  border-right: 1px #e0e0e0 solid;
}
#maintext .b2b {
  border-top: 3px #000000 double;
  border-right: 1px #e0e0e0 solid;
}
#maintext .now {
  white-space: nowrap;
}
#maintext .cnt {
  text-align: center;
}
#maintext .vtop {
  vertical-align: top;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbimg ŠΦ˜AŸ   ***/
#maintext .ib {
  border: 1px #e0e0e0 solid;
}
#maintext .imb img {
  border: 1px #ffffff solid;
}
#maintext .imb a:hover img {
  border: 1px #ff0000 solid;
}
#maintext .vmid {
  vertical-align: middle;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbfont ŠΦ˜AŸ   ***/
#maintext .lrg {
  font-size: larger;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgb‚»‚Μ‘Ό Ÿ   ***/
#maintext .pagetop {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
  font-size: smaller;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbOPAC Ÿ   ***/
#opac {
  margin-left: 40px;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbWhat's New Ÿ   ***/
#whatsnew {
  width: 620px;
}
#whatsnew ul {
  margin-left: 50px;
}
#whatsnew .news {
  list-style-image: url(./images/wn1.gif);
}
#whatsnew .mant {
  list-style-image: url(./images/wn2.gif);
}
#whatsnew .clas {
  list-style-image: url(./images/wn3.gif);
}
#whatsnew .hday {
  list-style-image: url(./images/wn4.gif);
}
#whatsnew .tral {
  list-style-image: url(./images/wn5.gif);
}
#whatsnew .spec {
  list-style-image: url(./images/wn6.gif);
}
#whatsnew .adve {
  list-style-image: url(./images/wn8.gif);
}
#whatsnew .even {
  list-style-image: url(./images/wn9.gif);
}
#whatsnew .more {
  margin-left: 470px;
  list-style-image: url(./images/list3.gif);
}
#whatsnew .mlr {
  margin-left: 0.3ex;
  margin-right: 0.3ex;
}
#whatsnew .mgt {
  margin-top: 1em;
}
#whatsnew .new {
  color: red;
}
#whatsnew .day {
  color: green;
}
#whatsnew .fwb {
  font-weight: bold;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbƒT[ƒ`ƒŠƒ“ƒN Ÿ   ***/
#searchlink dd {
  margin-left: 25px;
}
.slleft {
  width: 260px;
  padding-bottom: 10px;
  vertical-align: top;
}
.slright {
  width: 260px;
  padding-left: 30px;
  padding-bottom: 10px;
  vertical-align: top;
}

/***   ŸƒƒCƒ“ƒeƒLƒXƒgbƒNƒCƒbƒNƒŠƒ“ƒN Ÿ   ***/
.ql li {
  display: inline;
}
.ql a:hover img {
  border: 1px #ff0000 solid;
}
.ql img {
  width: 70px;
  height: 30px;
  margin-right: 5px;
  border: 1px #ffffff solid;
}

/***   ŸŸŸƒTƒCƒhŸŸŸ   ***/
#side-container {
  float: right;
  width: 180px;
  background-color: #ffffff;
}  

#side-menu {
  text-align: left;
}
#side-menu ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none; 
}

#mn1 {
  background-color: #fcf9ff;
  text-align: center;
}
#mn1 li {
  padding: 2px;
  border-left: 5px #ba55d3 solid;
  border-right: 5px #ba55d3 solid;
  border-bottom: 1px #a9a9a9 dotted;
}

#mn2 {
  background-color: #f9f9ff;
  text-align: center;
}
#mn2 li {
  padding: 2px;
  border-left: 5px #4169e1 solid;
  border-right: 5px #4169e1 solid;
  border-bottom: 1px #a9a9a9 dotted;
}

#mn3 {
  background-color: #f9fcff;
  text-align: center;
}
#mn3 li {
  padding: 2px;
  border-left: 5px #7fbfff solid;
  border-right: 5px #7fbfff solid;
  border-bottom: 1px #a9a9a9 dotted;
}

#mn4 {
  background-color: #fcfff9;
  text-align: center;
}
#mn4 li {
  padding: 2px;
  border-left: 5px #9acd32 solid;
  border-right: 5px #9acd32  solid;
  border-bottom: 1px #a9a9a9 dotted;
}

#mn5 {
  background-color: #ffffe0;
  text-align: center;
}
#mn5 li {
  padding: 2px;
  border-left: 5px #ffd700 solid;
  border-right: 5px #ffd700   solid;
  border-bottom: 1px #a9a9a9 dotted;
}

#mn6 {
  background-color: #fcf9ff;
  text-align: center;
}
#mn6 li {
  padding: 2px;
  border-left: 5px #a9a9a9 solid;
  border-right: 5px #a9a9a9   solid;
  border-bottom: 1px #a9a9a9 dotted;
}

#side-menu .pl {
  padding-left: 1em;
}

#side-info {
  padding-top: 1em;
  padding-bottom: 2em;
  border-left: 5px #ffffc1 solid;
  border-right: 5px #ffffc1 solid;
}
#side-info table {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  font-size: smaller;
  text-align: center;
}
#side-info img {
  border: 1px #ffffff solid;
}
#side-info a:hover img {
  border: 1px #ff0000 solid;
}
#side-info th {
  padding: 3px;
}
#side-info td {
  padding: 3px;
  border: 0px;
}
#side-info .mb {
  margin-bottom: 1em;
}

/***   ŸŸŸƒtƒbƒ^[ŸŸŸ   ***/
#footer-index {
  clear: both;
  height: 1.5em;
  padding-right: 5px;
  background-color: #3366cc;
  text-align: right;
}
#footer-index a {
  color: #ffffff;
}
#footer-index a:hover {
  color: #ff0000;
}

#footer-index2 {
  height: 1.5em;
}
#footer-index2 ul {
  margin: 0px;
  list-style-type: none; 
} 
#footer-index2 li { 
  float: right; 
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: smaller;
} 
#footer-index2 .lbr {
  border-right: 1px #a9a9a9 solid; 
}

#footer-address {
  margin-bottom: 20px;
  text-align: left;
  font-size: smaller;
}