@charset "UTF-8";
/* =========================================================
   Pieces
========================================================= */

/* accessibility-tool
----------------------------------------------- */
#commonHeader {
  width: 950px;
  height:30px;
  background-color: #ffffff;
  font-size: 14px;
  background-image:url("./images/commonbg.jpg");
  background-repeat:no-repeat;
  background-position:right top;
  padding-top:7px;
  padding-bottom:7px;
}
#commonHeader a#fontLarge,
#commonHeader a#themeWhite{
  padding-right:0px;
}
#commonHeader .pieceContainer {
  padding-top: 0;
  text-align: right;
  margin-right:5px;
  font-weight:bold;
  font-size:14px;
  color:#333333;
  width:600px;
  float:right;
}
#commonHeader .pieceBody .headerleft{
  width:180px;
}
#commonHeader .pieceBody .headermiddle{
  width:150px;
}
#commonHeader .pieceBody .headertext{
  height: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  vertical-align: bottom;
}
#commonHeader .pieceBody .headercolor{
  height: 20px;
  width:65px;
  margin-bottom: 0;
  padding-bottom: 0;
  vertical-align: bottom;
  float:left;
}

#commonHeader .pieceContainer img{
  padding:0 3px 0 3px;
  vertical-align: bottom;
}
#headerBody .piece {
  margin-bottom: 0px;
}
.head-tools {
  width: 100%;
  margin: 0;
  padding: 4px 0 3px 0;
  background-position: left top;
  text-align: right;
}
#furiganaAttention {
  padding-left: 15px;
  padding-top: 4px;
  background-color: #ffffff;
  font-size: 120%;
  text-align: center;
}
.rubyOn #furiganaAttention {
  display: block;
}
#nocssread {
  display: none;
  margin-right: -9999px;
}
.head-tools a {
  margin-right: 8px;
}
.head-tools img {
  margin-right: 0px 3px 0px 0px;
  vertical-align: middle;
}

/* font-size
---------------------- */
img.font {
  margin-top: 3px;
}
a#fontSmall, a#fontMiddle, a#fontLarge {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: 1px;
  vertical-align: middle;
  text-indent: 9999px;
  overflow: hidden;
}
a#fontSmall {
  background-image: url(./images/h_moji_s_off.jpg);
  background-repeat: no-repeat;
}
a#fontSmall:hover {
  background-image: url(./images/h_moji_s_on.jpg);
}
a#fontMiddle {
  background-image: url(./images/h_moji_m_off.jpg);
  background-repeat: no-repeat;
}
a#fontMiddle:hover {
  background-image: url(./images/h_moji_m_on.jpg);
}
a#fontLarge {
  background-image: url(./images/h_moji_l_off.jpg);
  background-repeat: no-repeat;
}
a#fontLarge:hover {
  background-image: url(./images/h_moji_l_on.jpg);
}

/* For firefox2 */
a#fontSmall,x:-moz-any-link,
a#fontMiddle,y:-moz-any-link,
a#fontLarge,z:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 20px;
}
a#fontSmall, x:-moz-broken,
a#fontMiddle, y:-moz-broken,
a#fontLarge, z:-moz-broken {
  padding-top: 0px;
}
*html a#fontSmall, *html a#fontMiddle, *html a#fontLarge {
  margin-top: 4px;
}

/* color
---------------------- */
a#themeBlack, a#themeBlue, a#themeWhite {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: 1px;
  vertical-align: middle;
  text-indent: 9999px;
  overflow: hidden;
}
a#themeBlack {
  background-image: url(./images/h_bgc_black_off.jpg);
  background-repeat: no-repeat;
}
a#themeBlack:hover {
  background-image: url(./images/h_bgc_black_on.jpg);
}
a#themeBlue {
  background-image: url(./images/h_bgc_blue_off.jpg);
  background-repeat: no-repeat;
}
a#themeBlue:hover {
  background-image: url(./images/h_bgc_blue_on.jpg);
}
a#themeWhite {
  background-image: url(./images/h_bgc_white_off.jpg);
  background-repeat: no-repeat;
}
a#themeWhite:hover {
  background-image: url(./images/h_bgc_white_on.jpg);
}

/* For firefox2 */
a#themeBlack,x:-moz-any-link,
a#themeBlue,y:-moz-any-link,
a#themeWhite,z:-moz-any-link {
  display:-moz-inline-box;
  padding-top: 20px;
}

a#themeBlack,x:-moz-broken,
a#themeBlue,y:-moz-broken,
a#themeWhite,z:-moz-broken {
  padding-top: 0px;
}

/* furigana
---------------------- */
a#navigationRuby {
  display: inline-block;
  width: 126px;
  height: 24px;
  background-image: url(./images/h_kana_off.jpg);
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height:2;
  text-indent: 9999px;
  overflow: hidden;
}

/* For firefox2 */
a#navigationRuby,x:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 20px;
}
a#navigationRuby,x:-moz-broken {
  padding-top: 0px;
}
a#navigationRuby.rubyOn {
  background-image: url(./images/h_kana_on.jpg);
}
a#navigationRuby.rubyOff:hover {
  background-image: url(./images/h_kana_on.jpg)
}

/* yomiage
---------------------- */
a#navigationTalk {
  display: inline-block;
  width: 88px;
  height: 24px;
  background-image: url(./images/h_yomi_off.jpg);
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height:2;
  text-indent: 9999px;
  overflow: hidden;
}
a#navigationTalk:hover {
  background-image: url(./images/h_yomi_on.jpg)
}
a#navigationTalk.talkOn {
  width: 82px;
  background-image: url(./images/h_yomi_on.jpg);
}
a:hover#navigationTalk.talkOn {
  width: 82px;
  background-image: url(./images/h_yomi_on.jpg);
}
#navigationTalkPlayer {
  position: absolute;
}
#navigationTalkPlayer object {
  position: relative;
  top: 25px;
  left: -190px;
}

*html #navigationTalkPlayer object {
  top: 28px;
}

#navigationTalkPlayer:not(\*|*) {
  position: absolute;
}
#navigationTalkPlayer object:not(\*|*) {
  position: relative;
  top: 25px;
  left: 340px;
}
html:first-child #navigationTalkPlayer {
  position: absolute;
}
html:first-child #navigationTalkPlayer object {
  position: relative;
  top: 25px;
  left: 340px;
}

/* For firefox2 */
a#navigationTalk,x:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 20px;
}
a#navigationTalk,x:-moz-broken {
  padding-top: 0px;
}


/* riyouannai
---------------------- */
a.riyou {
  display: inline-block;
  width: 82px;
  height: 20px;
  background-image:url(./images/bg-annai01.gif);
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height:2;
  text-indent: 9999px;
  overflow: hidden;
}
a.riyou:hover {
  background-image: url(./images/bg-annai02.gif);
}
/* firefox2 */
a.riyou,x:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 20px;
}
a.riyou,x:-moz-broken {
  padding-top: 0px;
}

/* navigationNotice
---------------------- */
#navigationNotice {
  padding: 6px 10px;
  background-color: #dddddd;
  font-weight: bold;
}

/* common banner
----------------------------------------------- */
#commonBanner {
  clear: both;
  height: 70px;
  width:950px; 
  margin: 0;
  padding: 0;
  background-image: url(./images/headbg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 12px;
  text-align: right;
}
#commonBanner ul{
}
#commonBanner li{
  float:left;
}
#commonBanner .logo {
  float: left;
  margin-top:-10px;
}
#commonBanner .logo a {
}
#commonBanner .menu {
  float: left;
  width: 600px;
  margin: 0px;
  padding-top:8px;
  text-align: right;
  background-color: transparent;
}
#commonBanner .upperMenu {
  margin: 5px 0px 0px 0px;
  padding-right: 10px;
  background-color: transparent;
}
#commonBanner .lowerMenu {
  margin: 0;
  padding:0;
  font-weight:bold;
  color:#333333;
  font-size:12px;
  vertical-align: middle;
}
#commonBanner .lowerMenu a {
  text-decoration:none;
}
#commonBanner .menu form {
  display: inline;
}
input#search-box, a.chiiki img, a.soshiki img, a.toiawase, a.siteMap,
input.submit,a.keitai,a.english {
  vertical-align: middle;
}
input#search-box {
  width: 130px;
}
#bannerBody .piece {
  margin-bottom: 0px;
}



/* otoiawase
---------------------- */
a.toiawase {
  display: inline-block;
  width: 80px;
  height: 14px;
  background-image: url("./images/li.gif");
  background-position: left 2px;
  background-repeat: no-repeat;
  padding: 0 0 5px 20px;
  vertical-align: middle;
  line-height: 2;
  text-indent: 9999px;
  overflow: hidden;
}
/*
a.toiawase:hover {
  background-image: url(./images/bg-toiawase.gif);
  background-position: left -14px;
}
*/
/* firefox2 */
a.toiawase,x:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 20px;
}
a.toiawase,x:-moz-broken {
  padding-top: 0px;
}

/* sitemap
---------------------- */
#commonBanner .lowerMenu ul{
  margin-left:20px;
}
#commonBanner .lowerMenu li{
  background-image:url("./images/li.gif");
  background-position: left 5px;
  background-repeat: no-repeat;
  margin-left:5px;
}

a.siteMap {
  display: inline-block;
  line-height: 2;
  vertical-align:middle;
  padding-left:16px;
}
a.keitai {
  display: inline-block;
  line-height: 2;
  vertical-align:middle;
  padding-left:18px;
}
a.english {
  display: inline-block;
  line-height: 2;
  vertical-align:middle;
  padding-left:18px;
}

.sitesearch{
  float:left;
  padding-bottom: 0;
  margin-bottom:0;
  height:20px;
  vertical-align:bottom; 
}
.sitesearch img{
  padding:0 8px 0 8px;
  vertical-align: bottom;
}

/*
a.siteMap:hover {
  background-image: url(./images/bg-sitemap.gif);
  background-position: left -14px;
}
*/
/* firefox2 */
a.siteMap,x:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 20px;
}
a.siteMap,x:-moz-broken {
  padding-top: 0px;
}

#commonBanner .lowerMenu,
#commonBanner .lowerMenu a{
  color:#333333;
}

/* global navi
----------------------------------------------- */
#globalNavi {
  clear: both;
  width:950px;
  margin:0;
  padding:0;
  position:relative;
}
#globalNavi .pieceBody li {
  float: left;
  padding: 0px;
  height: 68px;

}
#globalNavi #nav1{

}
#globalNavi #nav2{

}
#globalNavi #nav3{

}
#globalNavi #nav4{
  position:absolute;
  top:-15px;
  left:673px;
}

*:first-child+html #globalNavi a {
  height:78px;
}

/* Opera9.6after */
#globalNavi a:not(\*|*) {
  width: 13%;
}
#globalNavi a.bosai:not(\*|*) {
  width: 12%;
}

/* Opera9.6before */
html:first-child #globalNavi a {
  width: 12.5%;
  margin-bottom: 7px;
}
html:first-child #globalNavi a.bosai {
  width: 16.5%;
  margin-bottom: 7px;
}

/* IE */
* html #globalNavi {
  float:left;
  display: inline-block;
}


/* footer
----------------------------------------------- */
/* address
---------------------- */
#address {
  border-top: 3px solid #e8f2fb;
  margin-top:0;
  padding-top:30px;
  background-image: url(./images/footerbg.jpg);
  background-repeat: repeat-x;
  width:100%;
  height:105px;
  color:#333333;
}
#address .midashi{
  font-weight:bold;
  font-size:130%;
  color:#333333;
}
#address #footerimg{
}
#address .pieceContainer{
  width:950px;
  margin: 0 auto;
  text-align:left;
  background-image: url(./images/footer.gif);
  background-repeat: no-repeat;
  background-position:right top;
}
.inquiry table,
.inquiry th,
.inquiry td{
  border:0;
}

/* footer-navi
---------------------- */
#footerNavi {
  width: 100%;
  background-color: #ffffff;
}

#footerNavi .pieceContainer{
  width:950px;
  padding-bottom:17px;
  margin: 0 auto 0 auto;
  text-align:left;
}

#footerNavi .pieceBody {
  color:#333333;
}
#footerNavi img {
  margin-left: 5px;
  vertical-align: middle;
}
#footerNavi a {
  color: #333333;
}
#footerNavi a:visited {
  color: #333333;
}
#footerNavi a:hover {
  color: #333333;
}

/* footer-copyright
---------------------- */
#copyright{
  background-color: #408ed8;
  width:100%;
}

#copyright .pieceContainer{
  width:100%;
  text-align:center;
}
#copyright .pieceBody{
  margin: 0px auto 0px auto;
  background-color: #408ed8;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 0 3px 10px;
  width:960px;
  text-align:left;
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  clear: both;
}
#breadCrumbs .direction {
  margin: 0px;
}

/* pagetop
----------------------------------------------- */
#footer #pagetop{
  width:950px;
  margin:0 auto;
  padding:0;
}
#footer #pagetop .pieceContainer .pieceBody{
  text-align:right;
  padding:0;
  margin:0;
}
#footer #pagetop a{
  height:30px;
  padding:0;
  margin:0;
}

/* side-list
----------------------------------------------- */
#links ul,
#menu ul {
  padding: 12px 5px 12px 12px;
  background-color: #ffffff;
}
#menu #koho ul {
  padding: 2px 5px 0 25px;

}

#links li,
#menu li {
  padding: 0px 0px 5px 20px;
  background-image: url(./images/li.gif);
  background-position: left 2px;
  background-repeat: no-repeat;
}
#menu .pieceHeader,
#links .pieceHeader{
  padding: 0;
  background-image: url(./images/toph2.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 38px;
  height:38px;
}
#menu .pieceHeader h2,
#links .pieceHeader h2 {
  color: #ffffff;
  font-weight: bold;
}

#menu .pieceBody {
  border: 1px solid #5296d9;
  position:relative;
}

#menu #qrcode .pieceBody {
  border: 1px solid #c4c4c4;
  border-top:none;
  padding: 10px;
  height:100px;
  width:190px;
  overflow:auto;
}
#menu #qrcode .pieceBody .popout {
  width:100%;
}
#menu #qrcode .pieceBody .popleft {
  width:55%;
  float:left;
}
#menu #qrcode .pieceBody .popright {
  width:40%;
  float:right;
}

/* links border
--------------------------------------------------------- */
#links #relationLink .pieceBody {
  border: 1px solid #5296d9;
}

/* calendar
----------------------------------------------- */
#calendarDailyLinks{
  width: 100%;
}
* html .calender {
  height: 1%;
}
#calendar .pieceContainer {
  width: 212px;
  height:256px;
}
#menu #calendar .pieceHeader,
#links #calendar .pieceHeader ,
#content #calendar .pieceHeader ,
#menu #calendarDailyLinks .pieceHeader ,
#links #calendarDailyLinks .pieceHeader ,
#content #calendarDailyLinks .pieceHeader,
#bannerContainer #calendar .pieceHeader h2 
{
  height: 38px;
  margin: 0px;
  padding: 0px;
  background-image:url(./images/eventcalendar.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 0px;
  text-indent: -9999px;
  line-height: 1;
}
#calendar .pieceBody ,
#calendarDailyLinks .pieceBody {
  width: 210px;
  height:216px;
  margin: 0;
  padding: 0;
  border: 1px solid #5296D9;

}
#calendar .pieceBody .month {
}
#calendar .calendar ,
#calendarDailyLinks .calendar {
  float: left;
  width: 190px;
  padding: 2px 10px 0px 10px;
  font-family:"ＭＳ ゴシック","Osaka",serif;
  font-size: 13px;
  line-height: 1.5;
  height:150px;
}
#calendar .links ,
#calendarDailyLinks .links {
  clear: both;
  padding: 7px 0px 8px 0px;
  text-align: center;
}
#calendar .calendar .wdays .wday ,
#calendarDailyLinks .calendar .wdays .wday {
  display: block;
  float: left;
  width: 22px;
  height: 16px;
  padding: 1px 2px;
  background-color:#e0eef7;
  border-right: solid 1px #cdcdcd;
  border-top: solid 1px #cdcdcd;
  border-bottom: solid 1px #cdcdcd;
  text-align: center;
}
#calendar .calendar .days .day ,
#calendarDailyLinks .calendar .days .day {
  display: block;
  float: left;
  width: 22px;
  height: 19px;
  padding: 1px 2px;
  border-right: solid 1px #cdcdcd;
  border-bottom: solid 1px #cdcdcd;
  text-align: center;
}
#calendar .calendar .wdays .sun ,
#calendar .calendar .days .sun ,
#calendarDailyLinks .calendar .wdays .sun ,
#calendarDailyLinks .calendar .days .sun {
  border-left: solid 1px #cdcdcd;
}
#calendar .calendar .days .sat ,
#calendarDailyLinks .calendar .days .sat {
  color: #3366ff;
}
#calendar .calendar .days .sun ,
#calendar .calendar .days .holiday ,
#calendarDailyLinks .calendar .days .sun ,
#calendarDailyLinks .days .holiday {
  color: #ff0000;
}
.january {
  background-image: url(./images/r_cal-1.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.february {
  background-image: url(./images/r_cal-2.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.march {
  background-image: url(./images/r_cal-3.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.april {
  background-image: url(./images/r_cal-4.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.may {
  background-image: url(./images/r_cal-5.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.june {
  background-image: url(./images/r_cal-6.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.july {
  background-image: url(./images/r_cal-7.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.august {
  background-image: url(./images/r_cal-8.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.september {
  background-image: url(./images/r_cal-9.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.october {
  background-image: url(./images/r_cal-10.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.november {
  background-image: url(./images/r_cal-11.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.december {
  background-image: url(./images/r_cal-12.jpg);
  background-repeat:no-repeat;
  background-position:18px 10px;
  text-indent:-9999px;
  padding-bottom:10px;
}
.calendar .prevMonth, .calendar .nextMonth {
  color: #ffffff;
  text-indent: -9999px;
  overflow: hidden;
}
#calendarDailyLinks .links .pagination{
   text-align: center;
}
.links a.prevMonth{
  padding-left: 15px;
  background-image: url(./images/ic-prevmonth.gif);
  background-position: left center;
  background-repeat: no-repeat;

}
.links a.nextMonth{
  padding-right:15px;
  background-image: url(./images/ic-nextmonth.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
.calendar .pieceBody .separatorLeft,
.calendar .pieceBody .separatorRight{
  color:#ffffff;
}

/* piece
----------------------------------------------- */
.piece {
  margin-bottom: 14px;
}
#footer .piece {
  margin-bottom: 0px;
}
#menu #usefulInformation{
  margin-bottom:0;
}
#links #adBanner{
  margin-bottom:0;
}

/* ad
----------------------------------------------- */
#adBanner .pieceBody {
  border:solid 1px #5296d9;
  border-top:0;
  margin:0;
  padding:0;
  width:210px;
/*  height:540px; */
}
#adBanner a {
  display: block;
}
#adBanner .adup01{
  padding:10px 31px 2px 31px;
}
#adBanner .adup02,
#adBanner .adup03,
#adBanner .adup04,
#adBanner .adup05,
#adBanner .adup06,
#adBanner .adup07 {
  padding:2px 31px 2px 31px;
}

#adBanner .adup08{
  padding:2px 31px 10px 31px;
}

/* footer-ad
----------------------------------------------- */
#footerAdBanner {
  background-color: transparent;
  color:#333333;
  width:960px;
  margin:0 auto;
}

/* adFooter
----------------------------------------------- */
#links #adFooter{
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}
#adFooter .pieceBody {
  text-align:right;
}

#links #adFooter .pieceBody li {
    background-image: url("./images/li.gif");
    background-position: 75px 2px;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

/* relationlink
------------------------------------- */
#footerAdBanner #relationlink{
  width:950px;
  text-align:center;
  margin:0 auto;
}
#footerAdBanner #relationlink h2{
  background-color:#eeeeee;
  color:#5f5f5f;
  text-align:left;
  font-weight:bold;
  margin-bottom:15px;
  padding:5px 0px 5px 10px;
  width:940px;
  height:20px;
}

#relationlink ul {
  width: 100%;
  clear: both;
}
#relationlink li {
  float: left;
  text-align: center;
  vertical-align: middle;
}
#relationlink li.ad01,
#relationlink li.ad06,
#relationlink li.ad11,
#relationlink li.ad16,
#relationlink li.ad21 {
  clear: both;
}
#relationlink li p {
  padding-bottom:10px;
}
#relationlink li.ad01 p,
#relationlink li.ad02 p,
#relationlink li.ad03 p,
#relationlink li.ad04 p,
#relationlink li.ad06 p,
#relationlink li.ad07 p,
#relationlink li.ad08 p,
#relationlink li.ad09 p,
#relationlink li.ad11 p,
#relationlink li.ad12 p,
#relationlink li.ad13 p,
#relationlink li.ad14 p,
#relationlink li.ad16 p,
#relationlink li.ad17 p,
#relationlink li.ad18 p,
#relationlink li.ad19 p,
#relationlink li.ad21 p,
#relationlink li.ad22 p,
#relationlink li.ad23 p,
#relationlink li.ad24 p {
  padding-right:50px;
}

/* page-title
----------------------------------------------- */
*html #pageTitle {
  height: 0px;
}
#pageTitle .pieceContainer {
  margin: 0px;
  padding: 0px;
}
#pageTitle .pieceBody {
}
#pageTitle h1 {
  background-image: url(./images/h1.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #262d88;
  font-size: 160%;
  font-weight: bold;
  height: 48px;
  padding: 23px 0 0 25px;
  text-align: left;
  width: 750px;
}
#navi #pageTitle h1 {
  background-image: url(./images/h1long.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #262d88;
  font-size: 160%;
  font-weight: bold;
  height: 48px;
  padding: 23px 0 0 25px;
  text-align: left;
  width: 940px;
}

/* Doc Tabs
--------------------------------------------------------- */
#docTab {
  margin-bottom: 15px;
}


/* tabs
------------------------------------- */
#docTabPortal .tabs,
#docTab .tabs {
  width: 100%;
}
#docTabPortal .tabs a,
#docTab .tabs a {
  display: inline-block;
  float: left;
  width: 15%; 
  line-height: 24px;
  margin-right: 3px;
  padding: 0px 3px;
  background-image: url(./images/bg-tab1.gif);
  color: #333333;
  border: 1px solid #cccccc;
  border-bottom: none;
  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.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}
#docTabPortal .tabs a.bosai,
#docTab .tabs a.bosai {
  background-image: url(./images/bg-tab2.gif);
  color: #cc0000;
}
#docTabPortal .tabs a:hover,
#docTab .tabs a:hover {
  background-position: 0px -100px;
  color: #333333;
}
#docTabPortal .tabs a.bosai:hover,
#docTab .tabs a.bosai:hover {
  background-position: 0px -100px;
  color: #cc0000;
}
#docTabPortal .tabs a.current,
#docTab .tabs a.current {
  background-position: 0px -200px;
  color: #ffffff;
}

/* content
------------------------------------- */
#docTabPortal .wrapper,
#docTab .wrapper {
  clear: both;
  width: 100%;
  margin: 0px;
  border: 1px solid #cccccc;
}
#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-list-shinchaku.gif);
  background-position: left 7px;
  background-repeat: no-repeat;
  line-height: 1.5;
}

/* links
------------------------------------- */
#docTab .links {
}
#docTab .links .feed {
  position: absolute;
  float: left;
  margin-top: 10px;
}
 #docTab .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 
 #docTab .links .feed a.rss {
  width: 40px;
  height: 0px;
  margin-left: 15px;
  padding-top: 13px;
  background-image: url(./images/c_rss.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
} 
#docTab .links .feed a.atom {
  width: 45px;
  height: 0px;
  margin-left: 5px;
  padding-top: 13px;
  background-image: url(./images/c_atom.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}
#docTabPortal .links .more,
 .links .more {
  text-align: right;
  padding: 10px 20px 10px 10px;
}
#docTabPortal .links .more a,
#docTab .links .more a {
  overflow: hidden;
  padding-top: 10px; 
}

/* impNews
--------------------------------------------------------- */
#impNews {
  margin-bottom: 15px;
}

/* ImpNews tabs
------------------------------------- */
#impNewsPortal .tabs,
#impNews .tabs {
  width: 100%;
  color: transparent;
}
#impNewsPortal .tabs a,
#impNews .tabs a {
  display: inline-block;
  float: left;
  width: 100%;
  height:38px; 
  text-indent:-9999px;
  line-height: 36px;
  margin-right: 3px;
  padding: 3px 0px 0px 0px;
  background-image: url(./images/newinfo.jpg);
  background-repeat:no-repeat;
  color: transparent;
  border: 0;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size:120%;
  text-decoration: none;
}

#impNewsPortal .tabs:after, 
#impNews .tabs:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}

#impNewsPortal .pieceBody,
#impNews .pieceBody {
}

/* impNews content
------------------------------------- */
#impNewsPortal .wrapper, 
#impNews .wrapper {
  clear: both;
  width: 488px;
  margin-right: 0px;
  border: 2px solid #f89c91;
  border-top:3px solid #f89c91;
  font-size:120%;
}

#impNewsPortal .content, 
#impNews .content{
  clear: both;
  height: auto !important;
  padding: 10px 0px;
}

#impNewsPortal .content ul, 
#impNews .content ul{
  padding: 0px 20px 0px 15px;
}

#impNewsPortal .content li, 
#impNews .content li{
  margin: 0px;
  padding: 0px 0px 0px 10px;
  line-height: 2;
  border-bottom:dotted 1px #999999;
}

/* impNews links
------------------------------------- */
#impNews .links {
}

#impNewsPortal .links .feed,
#impNews .links .feed {
  position: absolute;
  float: left;
  margin-top: 10px;
}
#impNewsPortal .links .feed a,
#impNews .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 
#impNewsPortal .links .feed a.rss,
#impNews .links .feed a.rss {
  width: 45px;
  height: 10px;
  margin-left: 15px;
  padding-top: 13px;
  background-image: url(./images/c_rss.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
  line-height:3;
} 
#impNewsPortal .links .feed a.atom,
#impNews .links .feed a.atom {
  width: 50px;
  height: 10px;
  margin-left: 5px;
  padding-top: 13px;
  background-image: url(./images/c_atom.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
  line-height:3;
}

#impNewsPortal .links .more,
#impNews .links .more,
 .links .more {
  text-align: right;
  padding: 10px 20px 10px 10px;
}

#impNewsPortal .links .more a,
#impNews .links .more a {
  overflow: hidden;
  padding-top: 10px; 
}

/* searchTab
--------------------------------------------------------- */
#searchTab {
  margin-bottom: 15px;
}

/* searchTab tabs
------------------------------------- */
#searchTabPortal .tabs,
#searchTab .tabs {
  width: 100%;
}

#searchTabPortal .tabs a,
#searchTab .tabs a {
  display: inline-block;
  float: left;
  width: 151px;
  height:33px; 
  line-height: 36px;
  margin-right: 3px;
  padding: 3px 3px 0px 3px;
  background-image: url(./images/search_on.jpg);
  background-repeat:no-repeat;
  color: #8e7a63;
  border: 0;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size:120%;
  text-decoration: none;
}

#searchTabPortal .tabs:after, 
#searchTab .tabs:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}

#searchTabPortal .tabs a.syurui,
#searchTab .tabs a.syurui {
  background-image: url(./images/search_on.jpg);
  background-repeat:no-repeat;
  color:#8e7a63;
}

#searchTabPortal .tabs a:hover, 
#searchTab .tabs a:hover {
  background-image: url(./images/search_over.jpg);
  background-repeat:no-repeat;
  color: #8e7a63;
}

#searchTabPortal .tabs a.syurui:hover, 
#searchTab .tabs a.syurui:hover {
  background-image: url(./images/search_over.jpg);
  background-repeat:no-repeat;
  color: #8e7a63;
}

#searchTabPortal .tabs a.current, 
#searchTab .tabs a.current{
  background-image: url(./images/search.jpg);
  background-repeat:no-repeat;
  color: #ffffff;
}

/* searchTab content
------------------------------------- */
#searchTabPortal .wrapper, 
#searchTab .wrapper {
  clear: both;
  width: 100%;
  margin: 0px;
  border: 1px solid #cdb18c;
  border-top:3px solid #cdb18c;
  font-size:120%;

}

#searchTabPortal .content, 
#searchTab .content{
  clear: both;
  height: auto !important;
  padding: 10px 0px;
}

#searchTabPortal .content ul, 
#searchTab .content ul{
  padding: 0px 20px 0px 15px;
}

#searchTabPortal .content li, 
#searchTab .content li{
  margin: 0px;
  padding: 0px 0px 0px 10px;
  line-height: 2;
  border-bottom:dotted 1px #999999;
}

/* searchTab links
------------------------------------- */
#searchTab .links {
}

#searchTab .links .feed {
  position: absolute;
  float: left;
  margin-top: 10px;
}

#searchTab .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 

#searchTab .links .feed a.rss {
  width: 40px;
  height: 0px;
  margin-left: 15px;
  padding-top: 13px;
  background-image: url(./images/c_rss.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
} 

#searchTab .links .feed a.atom {
  width: 45px;
  height: 0px;
  margin-left: 5px;
  padding-top: 13px;
  background-image: url(./images/c_atom.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}

#searchTab .links .more,
 .links .more {
  text-align: right;
  padding: 10px 20px 10px 10px;
}

#searchTabPortal .links .more a,
#searchTab .links .more a {
  overflow: hidden;
  padding-top: 10px; 
}

/* tabs 20120115nezu
------------------------------------- */
#docTabPortal1 .tabs,
#docTab1 .tabs {
  width: 100%;
}
#docTabPortal1 .tabs a,
#docTab1 .tabs a {
  display: inline-block;
  float: left;
  width: 162px;
  height:39px; 
  margin-right: 2px;
  padding: 0;
  color: #8e7a63;
  border: 0;
  text-indent:-9999px;
  white-space: nowrap;
  font-weight: bold;
  font-size:120%;
  text-decoration: none;

}
#docTabPortal1 .tabs:after,
#docTab1 .tabs:after { 
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

#docTabPortal1 .tabs a.searchorg,
#docTab1 .tabs a.searchorg {
  background-image: url(./images/tab0.jpg);
  background-repeat:no-repeat;
  color:#8e7a63;
}
#docTabPortal1 .tabs a.searchkind,
#docTab1 .tabs a.searchkind {
  background-image: url(./images/tab1.jpg);
  background-repeat:no-repeat;
  color:#8e7a63;
}
#docTabPortal1 .tabs a.searchbunya,
#docTab1 .tabs a.searchbunya {
  background-image: url(./images/tab2.jpg);
  background-repeat:no-repeat;
  color:#8e7a63;
}

#docTabPortal1 .tabs a:hover,
#docTab1 .tabs a:hover,
#docTabPortal1 .tabs a:active, 
#docTab1 .tabs a:active,
#docTabPortal1 .tabs a.current, 
#docTab1 .tabs a.current {
  background-position: 0px -39px;
}


/* content
------------------------------------- */
#docTabPortal1 .wrapper,
#docTab1 .wrapper {
  clear: both;
  margin: 0;
  border: 2px solid #cdb18c;
  border-top:3px solid #cdb18c;
  font-size:120%;
}
#docTabPortal1 .content,
#docTab1 .content {
  clear: both;
  height: auto !important;
  padding: 10px 0;
}
#docTabPortal1 .content ul,
#docTab1 .content ul {
  padding: 0 20px 0 15px;
}
#docTabPortal1 .content li,
#docTab1 .content li {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  line-height: 2;
  display:inline;
}
/* osiraseTab
--------------------------------------------------------- */
#osiraseTab {
  margin-bottom: 15px;
}

/* osiraseTab tabs
------------------------------------- */
#osiraseTabPortal .tabs,
#osiraseTab .tabs {
  width: 100%;
  color: transparent;
}
#osiraseTabPortal .tabs a,
#osiraseTab .tabs a {
  display: inline-block;
  float: left;
  width:100%;
  height:39px; 
  line-height: 36px;
  text-indent:-9999px;
  margin-right: 0px;
  padding: 3px 0px 0px 0px;
  background-image: url(./images/c_ind1.jpg);
  background-repeat:no-repeat;
  color: transparent;
  border: 0;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size:120%;
  text-decoration: none;
}

#osiraseTabPortal .tabs:after, 
#osiraseTab .tabs:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}

#osiraseTabPortal .pieceBody,
#osiraseTab .pieceBody {
}

/* impTab content
------------------------------------- */
#osiraseTabPortal .wrapper, 
#osiraseTab .wrapper {
  clear: both;
  width: 488px;
  margin-right: 0px;
  border: 2px solid #cc403f;
  border-top:1px solid #cc403f;
  font-size:120%;
}

#osiraseTabPortal .content, 
#osiraseTab .content{
  clear: both;
  height: auto !important;
  padding: 10px 0px;
}

#osiraseTabPortal .content ul, 
#osiraseTab .content ul{
  padding: 0px 20px 10px 15px;
}

#osiraseTabPortal .content li, 
#osiraseTab .content li{
  margin: 0px;
  padding: 0px 0px 0px 10px;
  line-height: 2;
  border-bottom:dotted 1px #999999;
}

/* osiraseTab links
------------------------------------- */
#osiraseTab .links {
}
#osiraseTabPortal .links .feed,
#osiraseTab .links .feed {
  position: absolute;
  float: left;
  margin-top: 10px;
}
#osiraseTabPortal .links .feed a, 
#osiraseTab .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 
#osiraseTabPortal .links .feed a.rss, 
#osiraseTab .links .feed a.rss {
  width: 40px;
  height: 0px;
  margin-left: 15px;
  padding-top: 13px;
  background-image: url(./images/c_rss.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
} 
#osiraseTabPortal .links .feed a.atom, 
#osiraseTab .links .feed a.atom {
  width: 45px;
  height: 0px;
  margin-left: 5px;
  padding-top: 13px;
  background-image: url(./images/c_atom.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}
#osiraseTabPortal .links .more,
#osiraseTab .links .more,
 .links .more {
  text-align: right;
  padding: 10px 20px 10px 10px;
}

#osiraseTabPortal .links .more a,
#osiraseTabb .links .more a {
  overflow: hidden;
  padding-top: 10px; 
}

#osiraseTabPortal .links{
  display:none;
}

/* impTab
--------------------------------------------------------- */
#impTab {
  margin-bottom: 15px;
}

/* ImpTab tabs
------------------------------------- */
#impTabPortal .tabs,
#impTab .tabs {
  width: 100%;
  color: transparent;
}
#impTabPortal .tabs a,
#impTab .tabs a {
  display: inline-block;
  float: left;
  width:100%;
  height:38px; 
  line-height: 36px;
  text-indent:-9999px;
  margin-right: 0px;
  padding: 3px 0px 0px 0px;
  background-image: url(./images/imptab0.jpg);
  background-repeat:no-repeat;
  color: transparent;
  border: 0;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size:120%;
  text-decoration: none;
}

#impTabPortal .tabs:after, 
#impTab .tabs:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}

#impTabPortal .pieceBody,
#impTab .pieceBody {
}

/* impTab content
------------------------------------- */
#impTabPortal .wrapper, 
#impTab .wrapper {
  clear: both;
  width: 488px;
  margin-right: 0px;
  border: 2px solid #cc403f;
  border-top:3px solid #cc403f;
  font-size:120%;
}

#impTabPortal .content, 
#impTab .content{
  clear: both;
  height: auto !important;
  padding: 10px 0px;
}

#impTabPortal .content ul, 
#impTab .content ul{
  padding: 0px 20px 10px 15px;
}

#impTabPortal .content li, 
#impTab .content li{
  margin: 0px;
  padding: 0px 0px 0px 10px;
  line-height: 2;
  border-bottom:dotted 1px #999999;
}

/* impTab links
------------------------------------- */
#impTab .links {
}
#impTabPortal .links .feed,
#impTab .links .feed {
  position: absolute;
  float: left;
  margin-top: 10px;
}
#impTabPortal .links .feed a, 
#impTab .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 
#impTabPortal .links .feed a.rss, 
#impTab .links .feed a.rss {
  width: 40px;
  height: 0px;
  margin-left: 15px;
  padding-top: 13px;
  background-image: url(./images/c_rss.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
} 
#impTabPortal .links .feed a.atom, 
#impTab .links .feed a.atom {
  width: 45px;
  height: 0px;
  margin-left: 5px;
  padding-top: 13px;
  background-image: url(./images/c_atom.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}
#impTabPortal .links .more,
#impTab .links .more,
 .links .more {
  text-align: right;
  padding: 10px 20px 10px 10px;
}

#impTabPortal .links .more a,
#impTabb .links .more a {
  overflow: hidden;
  padding-top: 10px; 
}

#impTabPortal .links{
  display:none;
}

/* google search 20130102nezu
------------------------------------- */
#bannerfloat{
  float:right;
  width:225px;
}
#___gcse_0{
  padding:0;
  width:225px;
  height:20px;
  margin-left:7px;
}
#___gcse_0 form,
.gsc-search-box,
form .gsc-search-box,
.gsc-control-cse gsc-control-cse-ja{
  margin:0;
  padding:0;
}
#___gcse_0 table,
#___gcse_0 th,
#___gcse_0 td{
  border-color:#ffffff;
}
#___gcse_0 .gsc-input{
  padding:0;
  margin:0;
  font-size:14px;
}
#___gcse_0 .gsc-search-button{
  height:19px;
  min-width:57px;
  color: white;
  text-align:canter;
}
#___gcse_0 input.gsc-input[type="text"] {
  border-radius: 5px;
  background-image: url(./images/kwlabs-custom-search.jpg);
  background-repeat:no-repeat;
}
#___gcse_0 input.gsc-search-button[type="button"] {
  border-radius: 5px;
  background-color:#4491d7;
  border-color:#4491d7;
}

/* pieceHeader padding 20130204nezu
------------------------------------- */
#menu #groupPortal .pieceHeader,
#menu #attributeList .pieceHeader,
#menu #categoryList .pieceHeader,
#menu #mayorSide .pieceHeader,
#menu #attractInformation .pieceHeader,
#links #relationLink .pieceHeader,
#links #categoryList .pieceHeader,
#links #attractInformation .pieceHeader,
#menu #mailmagamenu .pieceHeader,
#menu #faqCategoryList .pieceHeader,
#menu #kurashiList .pieceHeader,
#menu #kenkoList .pieceHeader,
#menu #fukushiList .pieceHeader,
#menu #kyoikubunkaList .pieceHeader,
#menu #bosaigaiList .pieceHeader,
#menu #kankoList .pieceHeader,
#menu #sangyoList .pieceHeader,
#menu #gikaiList .pieceHeader,
#menu #citynirasakiList .pieceHeader,
#menu #categoryList1 .pieceHeader,
#menu #attributeList1 .pieceHeader,
#menu #unitList .pieceHeader,
#menu #soshikiList1 .pieceHeader,
#menu #faqCategoryList1 .pieceHeader,
#menu #sangyoshigotoList .pieceHeader,
#menu #nyusatsuList .pieceHeader, 
#menu #jigyoList .pieceHeader, 
#menu #bosyuList .pieceHeader, 
#menu #saiyoList .pieceHeader {
  padding:0 5px 0 10px;
  color:#ffffff;
  font-weight:bold;
}

/* aboutpage 20130204nezu
------------------------------------- */
#content .inquiry {
	border: 1px solid #999999;
	padding: 1px;
	width: 693px;
	margin-left: auto;
	margin-right: auto;
}

#content .inquiry table {
	width: 100%;
}

#content .inquiry th {
	background: url(./images/dot2.jpg);
	padding: 14px 0 14px 60px;
	width:178px;
  font-weight:bold;
}

#content .inquiry td {
	padding: 14px 0 14px 21px;
}