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

/* common header / accessibility navi
----------------------------------------------- */
#nocssread {
  display: none;
  margin-right: -9999px;
}
#commonHeader {
  margin: 0px;
  padding: 2px 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #C5C5C5;
  background:#FEFEFE;
  background: -moz-linear-gradient(top, #FEFEFE, #EEEEEF);
  background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#EEEEEF));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#EEEEEF');
  text-align: right;
}
#commonHeader rp, #commonHeader rt {
  display: none;
}
#navigationNotice {
  padding: 0px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  font-weight: bold;
  line-height: 40px;
}
/* add_20150915_.langselect */
.naviFont, .naviTheme, .naviRuby, .naviTalk, .langselect {
  display: inline-block;
  padding: 0px 5px 0px 24px;
  border-left: 1px solid #bbb;
  background-repeat: no-repeat;
  background-position: 6px center;
}
#smartSwitch {
  display: inline-block;
  padding: 0px 5px 0 10px;
  border-left: 1px solid #bbb;
}
#smartSwitch .pc, #smartSwitch .sp {
  margin-left: 5px;
}
.naviFont {
  float: right;
  background-image: url(images/ic-navi-font.png);
}
.naviTheme {
  background-image: url(images/ic-navi-theme.png);
}
.naviRuby {
  background-image: url(images/ic-navi-ruby.png);
}
.naviTalk {
  background-image: url(images/ic-navi-talk.png);
}
/* add_20150915 .langselect and .langselect a */
.langselect {
  float: right;
  background-image: url(images/ic-navi-lang.png);
}
.langselect a {
	color: #00F;
	margin-right: 0.3em;
}
.naviFont .label,
.naviTheme .label,
.naviRuby .label,
.naviTalk .label,
.langselect .label {
  margin: 0px 8px 0px 0px;
}
.naviFont .small,
.naviFont .big ,
.naviFont .base ,
.naviTheme .white,
.naviTheme .blue,
.naviTheme .black,
.naviRuby .ruby,
.naviTalk .talk {
  margin: 0px 1px;
  color: #00f;
  text-decoration: underline;
  cursor: pointer;
}
.naviTheme .current,
.naviRuby .current,
.naviTalk .current {
  color: #e00;
  text-decoration: none;
}
.naviFont .small:hover,
.naviFont .big:hover,
.naviTheme .white:hover,
.naviTheme .blue:hover,
.naviTheme .black:hover,
.naviRuby .ruby:hover,
.naviTalk .talk:hover {
  color: #e00;
  text-decoration: underline;
}
.naviFont .view {
  padding: 1px 2px 0px;
  background-color: #666;
  color: #fff;
  font-weight: bold;
}
#commonHeader a.riyou {
  display: inline-block;
  padding: 0px 10px;
  border-left: 1px solid #bbb;
  color: #00f;
  text-decoration: underline;
  cursor: pointer;
}
#commonHeader a.riyou:hover {
  color: #e00;
  text-decoration: underline;
}
.naviTalk .player {
  position: absolute;
  width: 1px;
}
.naviTalk .player object {
  position: relative;
  top: 25px;
  left: -90px;
}
*html .naviTalk .player object {
  top: 28px;
}
html:first-child .naviTalk .player {
  position: absolute;
}
html:first-child .naviTalk .player object {
  position: relative;
  top: 25px;
  left: 340px;
}

/* common banner
----------------------------------------------- */
#commonBanner .logo {
  position: relative;
  z-index: 100;
  float: left;
  width: 340px;
}
#page-index #commonBanner .logo {
  float: none;
}
#commonBanner .logo a {
  display: block;
  padding-top: 10px;
}
#commonBanner .menu {
  position: relative;
  z-index: 1;
  float: right;
  width: 100%;
  margin-left: -360px;
  text-align: right;
}
#commonBanner .menu .search {
  padding: 50px 0 10px 360px;
}
#commonBanner .menu .search form {
  position: relative;
}

/* global navi
----------------------------------------------- */
#globalNavi {
  clear: both;
  display: block;
  margin-bottom: 15px;
}
#page-index #globalNavi {
  margin-bottom: 30px;
}
#globalNavi ul {
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  zoom: 1;
}
#globalNavi ul li {
  display: block;
  float: left;
  width: 16.66%;
  text-indent: -9999px;
}
#globalNavi ul li a {
  display: block;
  height: 66px;
  border-right: 1px solid #ccc;
  background-position: center center;
  background-repeat: no-repeat;
}
#globalNavi .faq a {
  border-right: none;
}
#globalNavi a:hover {
  border-color: #fff;
}
#globalNavi .top a {
  background-image: url("./images/hnav_top.png")
}
#globalNavi .top a:hover, #globalNavi .top a.current {
  background-image: url("./images/hnav_top_active.png");
  background-color: #259dd9;
}
#globalNavi .shimin a {
  background-image: url("./images/hnav_shimin.png")
}
#globalNavi .shimin a:hover, #globalNavi .shimin a.current {
  background-image: url("./images/hnav_shimin_active.png");
  background-color: #00a37a;
}
#globalNavi .jigyo a {
  background-image: url("./images/hnav_jigyou.png")
}
#globalNavi .jigyo a:hover, #globalNavi .jigyo a.current {
  background-image: url("./images/hnav_jigyou_active.png");
  background-color: #2d13ac;
}
#globalNavi .kanko a {
  background-image: url("./images/hnav_kanko.png")
}
#globalNavi .kanko a:hover, #globalNavi .kanko a.current {
  background-image: url("./images/hnav_kanko_active.png");
  background-color: #dc0047;
}
#globalNavi .shisei a {
  background-image: url("./images/hnav_shisei.png")
}
#globalNavi .shisei a:hover, #globalNavi .shisei a.current {
  background-image: url("./images/hnav_shisei_active.png");
  background-color: #ba7a00;
}
#globalNavi .faq a {
  background-image: url("./images/hnav_shitsumon.png")
}
#globalNavi .faq a:hover, #globalNavi .faq a.current {
  background-image: url("./images/hnav_shitsumon_active.png");
  background-color: #555;
}

/* search
----------------------------------------------- */
#search {
  position: relative;
  margin-bottom: 30px;
}
#search .pieceContainer {
  padding: 10px 5px 10px 15px;
  background-color: #d9eafc;
}
#search .pieceHeader {
  margin-bottom: 5px;
}
/*
#search .pieceBody {
  text-align: right;
}
input#search-box, input#search-button {
  line-height: 2;
}
#search-box-wrap {
  display: block;
  position: absolute;
  left: 15px;
  right: 73px;
  text-align: left;
}
#search #search-box-wrap {
  right: 87px; 
}
#search-box {
  display: block;
  width: 99.8%;
  padding: 0;
  border: 1px solid #aaa;
  color: #aaa;
  text-indent: 0.5em;
}
#search #search-box {
  color: #000;
}
#search-button {
  width: 65px;
  border: none;
  border-radius: 3px;
  background: #1375d8;
  color: #fff;
  font-weight: bold;
  text-indent: 2px;
  text-align: center;
  cursor: pointer;
}
*/

/* footer-navi
----------------------------------------------- */
#footerNavi {
  padding: 10px 15px;
  text-align: right;
}
#footerNavi .pieceBody a {
  padding-left: 5px;
}

/* address
----------------------------------------------- */
#address {
  padding: 0 15px 10px;
  border-bottom: 3px double #b4cde6;
}

/* copyright
----------------------------------------------- */
#copyright {
  padding: 10px 0;
  text-align: center;
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  clear: both;
  margin: 12px 0 15px;
  line-height: 1.3;
}

/* page-title
----------------------------------------------- */
*html #pageTitle {
  height: 0;
}
#pageTitle .pieceBody {
  border-top: 3px solid #1375d7;
  border-bottom: 1px solid #bbb;
  background: url("./images/background_title.gif") left bottom repeat-x;
}
#pageTitle h1 {
  padding: 7px 0 4px 20px;
  font-weight: bold;
  font-size: 200%;
}

/* side-list
----------------------------------------------- */
#menu .pieceHeader h2 {
  padding: 8px 0 5px 10px;
  color: #fff;
  font-size: 130%;
  font-weight: bold;
  background: #1f98d8;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmOThkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjc2YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #1f98d8 0%, #2b76bb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f98d8), color-stop(100%,#2b76bb));
  background: -webkit-linear-gradient(top,  #1f98d8 0%,#2b76bb 100%);
  background: -o-linear-gradient(top,  #1f98d8 0%,#2b76bb 100%);
  background: -ms-linear-gradient(top,  #1f98d8 0%,#2b76bb 100%);
  background: linear-gradient(to bottom,  #1f98d8 0%,#2b76bb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f98d8', endColorstr='#2b76bb',GradientType=0 );
  zoom: 1;
}
#menu .pieceBody ul {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
#menu .pieceBody ul li {
  margin-bottom: 3px;
  padding: 0 0 0 25px;
  background-image: url(./images/ic-list-shinchaku.gif);
  background-repeat: no-repeat;
  background-position: 12px 8px;
}
#menu .pieceBody ul li:last-child {
  margin-bottom: 0;
}

/* 行政リンク */
#menu #gyoseiLinks .pieceBody ul {
  padding: 0;
  border: none;
}
#menu #gyoseiLinks .pieceBody ul li {
  margin: 0;
  padding: 8px 0 5px 25px;
  border-bottom: 1px dotted #ccc;
  background-image: url(./images/ic-list-shinchaku.gif);
  background-repeat: no-repeat;
  background-position: 12px 15px;
}

/* 各分野のページ */
#categoryList {
  margin-bottom: 15px;
}

/* バナーボタン（東日本大震災） */
.bn-btn {
  margin-bottom: 15px;
}

/* calendar
----------------------------------------------- */
#calendarDailyLinks {
  width: 170px;
}
* html .calender {
  height: 1%;
}
#calendar .pieceContainer {
  width: 100%;
}
#menu #calendar .pieceHeader,
#links #calendar .pieceHeader ,
#content #calendar .pieceHeader ,
#menu #calendarDailyLinks .pieceHeader ,
#links #calendarDailyLinks .pieceHeader ,
#content #calendarDailyLinks .pieceHeader {
  width: 100%;
  margin: 0;
  padding: 8px 0 0 0;
  background-image:url(./images/tl_calendar_top.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
#menu #calendar .pieceHeader h2,
#links #calendar .pieceHeader h2,
#content #calendar .pieceHeader h2,
#menu #calendarDailyLinks .pieceHeader h2,
#links #calendarDailyLinks .pieceHeader h2,
#content #calendarDailyLinks .pieceHeader h2 {
  background-image:url(./images/tl_calendar_re.gif);
  background-repeat: repeat-y;
  background-position: left top;
  filter: none;
  padding: 0;
  color: #000000;
  font-size: 100%;
  text-align: center;
}
#calendar .pieceBody ,
#calendarDailyLinks .pieceBody {
  width: 100%;
  margin: 0;
  padding: 0;
  background-image:url(./images/tl_calendar_re.gif);
  background-repeat: repeat-y;
  background-position: left top;
}
#calendar .calendar ,
#calendarDailyLinks .calendar {
  float: left;
  width: 162px;
  padding: 5px 0 0 6px;
  font-weight: bold;
}
#calendar .links ,
#calendarDailyLinks .links {
  clear: both;
  padding: 5px 0 10px;
  background-image: url(./images/bg-calendar-bottom.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 90%;
  text-align: center;
}
#calendar .calendar .wdays .wday ,
#calendarDailyLinks .calendar .wdays .wday {
  display: block;
  float: left;
  width: 17px;
  padding: 2px;
  border-top: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  text-align: center;
}
#calendar .calendar .days .day ,
#calendarDailyLinks .calendar .days .day {
  display: block;
  float: left;
  width: 17px;
  padding: 2px;
  border-right: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  text-align: center;
}
#calendar .calendar .wdays .sun ,
#calendar .calendar .days .sun ,
#calendarDailyLinks .calendar .wdays .sun ,
#calendarDailyLinks .calendar .days .sun {
  border-left: solid 1px #aaaaaa;
}
#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: #f00000;
}
.january {
  background-image: url(./images/ic_calendar_m01.gif);
}
.february {
  background-image: url(./images/ic_calendar_m02.gif);
}
.march {
  background-image: url(./images/ic_calendar_m03.gif);
}
.april {
  background-image: url(./images/ic_calendar_m04.gif);
}
.may {
  background-image: url(./images/ic_calendar_m05.gif);
}
.june {
  background-image: url(./images/ic_calendar_m06.gif);
}
.july {
  background-image: url(./images/ic_calendar_m07.gif);
}
.august {
  background-image: url(./images/ic_calendar_m08.gif);
}
.september {
  background-image: url(./images/ic_calendar_m09.gif);
}
.october {
  background-image: url(./images/ic_calendar_m10.gif);
}
.november {
  background-image: url(./images/ic_calendar_m11.gif);
}
.december {
  background-image: url(./images/ic_calendar_m12.gif);
}
.january, .february, .march, .april, .may, .june, .july, .august, .september, .october, .november, .december {
  background-repeat: no-repeat;
  background-position: 10px center;
  font-weight: bold;
  text-align: center;
}
.calendar .prevMonth, .calendar .nextMonth {
  overflow: hidden;
  text-indent: -9999px;
}
#calendarDailyLinks .links .pagination {
   text-align: center;
}
.links a.prevMonth {
  padding-left: 13px;
  background-image: url(./images/ic-prevmonth.gif);
  background-repeat: no-repeat;
  background-position: 4% center;
}
.links a.nextMonth {
  padding-right:13px;
  background-image: url(./images/ic-nextmonth.gif);
  background-repeat: no-repeat;
  background-position: 96% center;
}