@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* ---------------------------
   general
------------------------------ */

h2 {
  _height: 1%;
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
  background-image: url("./images/ic_dot02.gif");
  background-position: left 0.5em;
  background-repeat: no-repeat;
  color: #003f86;
  font-weight: bold;
  font-size: 130%;
  line-height: 1.5;
}
h3 {
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
  background-color: #d4e0eb;
  color: #003f86;
  font-size: 125%;
  font-weight: bold;
}
h4 {
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
  border-bottom: 2px solid #4775a7;
  color: #003f86;
  font-size: 120%;
  font-weight: bold;
}

/* side-menu
------------------------------ */
#links li, #menu li {
  background-image: none;
}
#sideMenu {
  display: block;
  color: #000000;
  width: 180px;
  padding: 0;
  margin-bottom: 10px;
}
#sideMenu img {
  margin-bottom: 6px;
}
#sideMenu .pieceHeader {
  margin-bottom: 10px;
}
#sideMenu .pieceHeader h2 {
  padding: 0;
  margin-bottom: 0px;
  border: none;
}
#sideMenu a {
  display: block;
  height: 1%;
  padding: 8px 0 8px 28px;
  background-image: url(./images/ic_menu-arrow_off.gif);
  background-position: 0.4em;
  background-repeat: no-repeat;
  color: #000000;
  text-decoration: none;
}
#sideMenu li a:hover {
  background-color: #ffe33e;
  background-image: url(./images/ic_menu-arrow_on.gif);
  background-position: 0.4em;
  background-repeat: no-repeat;
}
#sideMenu ul {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  font-size: 100%;
}
#sideMenu li {
  display: block;
  width: auto;
  line-height: 1.4;
  border-bottom: 1px dotted #666666;
}

#sideMenu li.m1 {
   border-top: 1px dotted #666666;
}
#page-guidance-index .pieceBody li.m1 a, #page-guidance-dm .pieceBody li.m2 a,
#page-guidance-walk .pieceBody li.m3 a, #page-guidance-camp .pieceBody li.m4 a,
#page-guidance-except li.m5 a ,
#page-organize-index .pieceBody li.m1 a, #page-organize-regulation .pieceBody li.m2 a, #page-waxMyrtle-index .pieceBody li.m1 a,
#page-waxMyrtle-activity .pieceBody li.m2 a,
#page-waxMyrtle-explanation .pieceBody li.m3 a, #page-bud-index .pieceBody li.m1 a ,
#page-bud-activity .pieceBody li.m2 a, #page-bud-explanation .pieceBody li.m3 a {
  background-color: #ffe33e;
  background-image: url(./images/ic_menu-arrow_on.gif);
  background-position: 0.4em;
  background-repeat: no-repeat;
  font-weight: bold; 
}
/* IE6,IE7
------------- */
*:first-child+html #sideMenu .middleMenu li, #sideMenu .smallMenu li {
  height: 1%;
  margin-bottom: 2px;
}
*html #sideMenu .middleMenu li, #sideMenu .smallMenu li {
  height: 1%;
  margin-bottom: 2px;
}
/* hover
------------- */

/* side-image
------------------------------ */
.sideImg1, .sideImg2, .sideImg3, .sideImg4 {
  display: none;
}

/* sideImg0_off
---------------- */
#page-e-privacyPolicy .sideImg0, 
#page-e-ledClock .sideImg0,
#page-e-inquiry .sideImg0, 
#page-e-access-index .sideImg0 {
  display: none;
}

/* sideImg_on
---------------- */
#page-e-privacyPolicy .sideImg3, 
#page-e-ledClock .sideImg2,
#page-e-inquiry .sideImg1, 
#page-e-access-index .sideImg2 
 {
  display: block;
}

/* side-list
----------------------------------------------- */
#menu .pieceHeader,
#links .pieceHeader {
  margin-bottom: 5px;
  padding: 0px 0px 0px 17px;
  border-bottom: 1px solid #000000;
  background-image: url(./images/tl-side.gif);
  background-position: left 7px;
  background-repeat: no-repeat;
  line-height: 26px;
}
#menu .pieceHeader h2,
#links .pieceHeader h2 {
  font-weight: bold;
  font-size: 100%;
}

/* page-title
----------------------------------------------- */
#pageTitle {
  margin-bottom: 5px;
  padding-bottom: 12px;
  background-image: url(./images/title_ul_a.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}
#pageTitle .pieceContainer {

}
#pageTitle .pieceBody {

}
#pageTitle h1 {
  margin: 0;
  padding-left: 10px;
  font-size: 150%;
  font-weight: bold;
  color: #003f86;
}
/* contentBody
----------------------------------------------- */
#contentBody {
  top: -5px;
  position: relative;
}
#contentBody .body {
  padding: 0 15px 0 15px;
}
/* table
------------------------------ */
#contentBody td, #contentBody th, #contentBody tr {
  padding: 5px;
}

/* inquiry
----------------------------------------------- */
.inquiry {
  margin-top: 20px;
  padding: 10px 5px 10px 5px;
}
.inquiry h2 {
  font-size: 100%;
  font-weight: bold;
}
.section, .tel, .email {
  font-size: 90%;
}

/* site-map
----------------------------------------------- */
.siteIcon {
  background-image: url(./images/sitemap_ic.gif);
  background-position: 0 0.4em;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-left: 15px;
}
.siteIcon2 {
  
}
.siteIcon2 a {
  background-image: url(./images/sitemap_ic2.gif);
  background-position: 0 0.2em;
  background-repeat: no-repeat;
  padding-left: 10px;
}
.siteTitle {
  border-bottom: 3px solid #FF4E08;
  color: #333333;
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 10px;
}

/* ol
---------------------------------------------- */
.contentPage ol {
  margin-left: 2em;
}