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

/* =========================================================
   TOP
========================================================= */
/* common banner
----------------------------------------------- */
/* top photo
----------------------------------------------- */
#topPhoto {
  clear:both;
  width: 770px;
  height: 250px;
  margin: 0 0 10px 0;
}

/* docs
----------------------------------------------- */
#recentDocs li {
  padding: 0px 0px 5px 10px;
  background-image: url(./images/ic-list-shinchaku.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}
#recentDocs .pieceBody {
  padding: 0px 5px 5px 5px;
}

/* recent Docs Title
----------------------------------------------- */
#recentDocsTitle {
  margin-bottom: 0;
}

#recentDocsTitle .pieceHeader {
  float: left;
  padding-bottom: 8px;
  text-indent: -9999px;
}
#recentDocsTitle h2 {
  display: none;
  line-height: 35px;
  color: #ffffff;
  font-weight: bold;
  padding-left: 15px;
  float: left;
}

/* footer-navi
----------------------------------------------- */


/* qr-code
----------------------------------------------- */
#qrCode {
  margin-top: 5px;
}
#qrCode img {
  float: left;
  margin-right: 4px;
}

/* sideMenu_left
---------------------- */
#sengen {
  margin: 0 0 10px 0;
  width: 100%;
}
#sengen .pieceContainer {
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC;
  padding: 9px 0 9px;
}
#sengen .pieceBody {
  width: 178px;
  margin: 0 auto;
}
#sengen .bnLink {
  display: block;
  text-align: center;
  margin: 0 0 7px 0;
  padding: 0;
}
#sengen .textLk {
  padding: 0;
}
#leftBanner .pieceBody {
  width: 200px;
}
#leftBanner a {
  display: inline-block;
  margin-bottom: 5px;
}

/* gakunaiLink
---------------- */
#gakunaiLink {
  margin: 0;
}
#gakunaiLink li {
  padding: 0 0 0 18px;
  background-image: url(./images/arrow.gif);
  background-position: left 0.2em;
  background-repeat: no-repeat;
  line-height: 1.3;
}

/* sideMenu_right
---------------------- */
#links .tokubetsu {
  margin-bottom: 15px;
}
#links .pieceHeader {
  margin: 0 0 7px 0;
  border-bottom: 1px solid #000000;
}
#links h2 {
  padding: 0 0 0 17px;
  background-image: url(./images/tl-side.gif);
  background-position: left 0.4em;
  background-repeat: no-repeat;
  font-size: 95%;
  font-weight: bold;
  line-height: 1.7;
}
#links a {
  display: inline-block;
  margin: 0 0 5px 0;
}

/* Doc Tabs
----------------------------------------------- */
#docTab {
  float: left;
  margin:0 10px 10px 10px;
  _margin:0 10px 10px 5px;
}

/* tabs
------------------------------------- */
#docTabPortal .tabs,
#docTab .tabs {
  padding-bottom: 0px
  border-bottom: none;
}
#docTabPortal .tabs span,
#docTab .tabs span {
  display: block;
  width: 150px;
  margin: 0;
  padding-top: 3px;
  background-image: url(./images/bg-tub-left.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#docTabPortal .tabs a,
#docTab .tabs a {
  display: block;
  float: left;
  width: 150px;
  line-height: 24px;
  margin-right: 3px;
  padding-bottom: 0px;
  background-image: url(./images/bg-tub-re.gif);
  background-position: left top;
  background-repeat: repeat-x;
  color: #333333;
  border-right: 1px solid #b2b2b2;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  text-decoration: none;
}
#docTabPortal .tabs:after,
#docTab .tabs:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.01%;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}
#docTab .tabs span a:hover,
#docTabPortal .tabs a:hover,
#docTab .tabs a:hover {
  background-position: 0px -100px;
  color: #333333;
}

#docTab .tabs a.current, #docTab .tabs a.current:hover,
#docTabPortal .tabs a.current, #docTabPortal .tabs a.current:hover {
    background-position: 0 -200px;
    color: #FFFFFF;
}
#docTabPortal .tabs a .current,
#docTab .tabs a .current {
  background-image: url(./images/bg-tub-re.gif);
  background-position: 0px -200px;
  background-repeat: repeat-x;
  color: #ffffff;
}
#docTabPortal .wrapper,
#docTab .wrapper {
  clear: both;
  width: 348px;
  margin: 0px;
  border: 1px solid #b2b2b2;
}
#docTabPortal .content,
#docTab .content {
  clear: both;
  height: auto !important;
  padding: 10px 0px;
}
#docTabPortal .content ul,
#docTab .content ul {
  padding: 0px 20px 0px 15px;
}
#docTabPortal .content li,
#docTab .content li {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  background-image: url(./images/ic-dot.gif);
  background-position: left 0.5em;
  background-repeat: no-repeat;
  line-height: 1.5;
}
/* links
------------------------------------- */
#docTab .links {
  width: 100%;
}
#docTab .links .feed {
  position: absolute;
  float: left;
  margin-top: 9px;
  _margin-top: 11px;
}
#docTab .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 
#docTab .links .feed a.rss {
  width: 55px;
  height: 0px;
  margin-left: 15px;
  padding-top: 15px;
  _padding-top: 16px;
  background-image: url(./images/bt-rss.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
} 
#docTab .links .feed a.atom {
  width: 55px;
  height: 0px;
  margin-left: 5px;
  padding-top: 15px;
  _padding-top: 16px;
  background-image: url(./images/bt-atom.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}
#docTabPortal .links .more, .links .more {
  text-align: right;
  margin: 0;
  *padding-bottom: 0;
  *margin-bottom: 10px;
}
#docTabPortal .links .more a,
#docTab .links .more a {
  overflow: hidden;
}
/*  oshirase
--------------- */
#oshirase .pieceHeader {
  line-height: 23px;
  margin-bottom: 5px;
}
#oshirase .pieceHeader h2 {
  width: 550px;
  padding-bottom: 11px;
  background-image: url("./images/title_top_b.gif");
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#oshirase .pieceContainer {
  padding: 0;
}
#oshirase .pieceContainer .feed {
  bottom: 10px;
  position: absolute;
  left: 12px;
}
#oshirase a.feedRss {
  display: inline-block;
  width: 62px;
  height: 0 !important;
  padding-top: 21px;
  _padding-top: 22px;
  background-image: url("./images/btn_rss.gif");
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}
#oshirase a.feedAtom {
  display: inline-block;
  width: 62px;
  height: 0 !important;
  padding-top: 21px;
  _padding-top: 22px;
  background-image: url("./images/btn_atom.gif");
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}
#oshirase .pieceBody {
  width: 100%;
  padding: 0 0 10px;
  position: relative;
}
#oshirase .pieceBody ul {
padding: 0 0 10px 12px;
}
#oshirase .pieceBody li {
  _height: 1% ;
  padding-left: 11px;
  background-image: url("./images/ic_dot01.gif");
  background-position: left 0.6em;
  background-repeat: no-repeat;
}
#oshirase .links {
    padding: 0 27px 0 0;
    text-align: right;
}
#oshirase .links .more, .links .more {
  text-align: right;
  margin: 0;
  *padding-bottom: 0;
  *margin-bottom: 10px;
}
#oshirase .links .more a,
#oshirase .links .more a {
  overflow: hidden;
}
/*  kanrenLink
--------------- */
#linkBanner a {
  display: inline-block;
  margin-bottom: 5px;
}
#kanrenLink .pieceHeader {
  line-height: 23px;
  margin-bottom: 5px;
}
#kanrenLink .pieceHeader h2 {
  padding-bottom: 11px;
  background-image: url("./images/title_top_a.gif");
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.unit {
  display: none;
}
.separator {
  display: none;
}