@charset "UTF-8";
@import "/_common/themes/gis/css/base/init.css";
@import "/_common/themes/gis/css/base/style.css";

/*------------------------------------------------
 content
------------------------------------------------*/

/*----- pageTitle -----*/
#pageTitle {
  margin-bottom: 15px;
  border-radius: 6px;
  box-shadow: 1px 3px 3px #C2C2C2;
  overflow: hidden;
}
#pageTitle .pieceContainer {
  background-position: 180px top;
  background-repeat: no-repeat;
}
.bunya-kurashi #pageTitle .pieceContainer {
  background-image: url(/_common/themes/gis/images/title/01kurashi.jpg);
}
.bunya-kyouikubunka #pageTitle .pieceContainer {
  background-image: url(/_common/themes/gis/images/title/02kyouiku_bunka.jpg);
}
.bunya-kankoubussan #pageTitle .pieceContainer {
  background-image: url(/_common/themes/gis/images/title/03kankou_bussan.jpg);
}
.bunya-sangyouroudou #pageTitle .pieceContainer {
  background-image: url(/_common/themes/gis/images/title/04sangyou_roudou.jpg);
}
.bunya-kendozukuri #pageTitle .pieceContainer {
  background-image: url(/_common/themes/gis/images/title/05kendodukuri.jpg);
}
.bunya-gyouseichiiki #pageTitle .pieceContainer {
  background-image: url(/_common/themes/gis/images/title/06gyousei_tiiki.jpg);
}
.bunya-bousai #pageTitle .pieceContainer {
  background-image: url(/_common/themes/gis/images/title/07bousai.jpg);
}
#pageTitle .pieceBody {
  display: inline-block;
  width: 180px;
  color: #FFF;
  font-size: 150%;
  text-align: center;
  line-height: 114px;
}
#pageTitle .kurashi,
#pageTitle .kankoubussan,
#pageTitle .sangyouroudou,
#pageTitle .kendozukuri,
#pageTitle .gyouseichiiki,
#pageTitle .kyouikubunka {
  background-color: #077E3F;
}
#pageTitle .bousai {
  background-color: #D03D5F;
}

/*----- breadCrumbs -----*/
#breadCrumbs {
  margin-bottom: 15px;
  font-size: 90%;
}

/*----- breadCrumbs(bunya-index) -----*/
.bunya-index #breadCrumbs {
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px 30px 10px;
  font-size: 90%;
}

/*----- main(bunya-index) -----*/
.bunya-index #main {
  margin-top: 0;
}

/*----- categories -----*/
#categories {
  margin-bottom: 20px;
  padding: 10px 15px 20px;
  border: solid 1px #858585;
  border-radius: 3px;
  box-shadow: 1px 3px 3px #C2C2C2;
}
:root #categories {
  border-radius: 5px \0/; /* IE9 */
}
#categories .pieceHeader {
  border-bottom: solid 2px #077E3F;
  overflow: hidden;
}
#categories .pieceHeader .categoryTitle {
  float: none !important;
}
#categories .pieceBody {
  padding: 15px 0;
}
#categories .category {
  clear: both;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: solid 1px #858585;
  overflow: hidden;
  zoom: 1;
}
#categories .categoryTitle {
  float: left;
  padding-left: 8px;
  color: #333;
  font-size: 150%;
  font-weight: bold;
}
#categories .cateTitle {
  float: left;
}
#categories .cateTitle a {
  display: inline-block;
  width: 158px;
  padding: 10px 0;
  background-color: #077E3F;
  border-radius: 5px;
  color: #FFF;
  text-align: center;
}
#categories .bousai .cateTitle a {
  background-color: #D03D5F;
}
#categories .children {
  padding-top: 10px;
  padding-left: 20px;
  overflow: hidden;
  zoom: 1;
}
#categories .children div {
  display: inline;
  margin-bottom: 5px;
  margin-right: 10px;
  vertical-align: middle;
}

/*----- kannrenInfo -----*/
#kannrenInfo {
  margin-bottom: 20px;
  padding: 10px 15px 20px;
  border: solid 1px #858585;
  border-radius: 3px;
  box-shadow: 1px 3px 3px #C2C2C2;
  zoom: 1;
}
:root #kannrenInfo {
  border-radius: 5px \0/; /* IE9 */
}
#kannrenInfo .pieceHeader {
  padding-bottom: 3px;
  border-bottom: solid 1px #C2C2C2;
  overflow: hidden;
  zoom: 1;
}
#kannrenInfo .kannrenTitle {
  float: left;
  color: #077E3F;
  font-size: 130%;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#kannrenInfo .rightMenu {
  float: right;
}
.tokushima {
  display: inline-block;
  padding: 2px 8px 2px 0;
  border-right: dotted 1px #858585;
}
.tokushima a {
  padding-left: 20px;
  background-image: url(/_common/themes/gis/images/ic/ic_pref_green.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.rss {
  display: inline-block;
  margin-left: 3px;
  padding-left: 15px;
  background-image: url(/_common/themes/gis/images/ic/ic_rss_green.png);
  background-repeat: no-repeat;
  background-position: left center;
}
#kannrenInfo .pieceBody ul li {
  padding: 7px 10px 6px;
  border-bottom: solid 1px #C2C2C2;
}
#kannrenInfo .pieceBody ul li a {
  word-wrap: break-word;
  word-break: break-all;
}
#kannrenInfo .pieceBody ul li .link {
  margin-left: -5px;
}

/*------------------------------------------------
 menu
------------------------------------------------*/

/*----- department,relation -----*/
#department,
#relation {
  margin-bottom: 20px;
}
#department .pieceHeader,
#relation .pieceHeader {
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 23px;
  background-image: url(/_common/themes/gis/images/ic/tl_ic_link.png);
  background-repeat: no-repeat;
  background-position: left center;
}
#department .pieceHeader h2,
#relation .pieceHeader h2 {
  font-size: 125%;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}
#department .pieceBody,
#relation .pieceBody {
  word-break: break-all;
  word-wrap: break-word;
}
#department ul li,
#relation ul li {
  margin-bottom: 3px;
  padding-left: 10px;
  background-image: url(/_common/themes/gis/images/ic/ic_dot_01.gif);
  background-repeat: no-repeat;
  background-position: left 0.6em;
}


/*=============================================================
 タブレット・スマホ向けスタイル
=============================================================*/
@media only screen and (max-width: 799px) {

/*------------------------------------------------
 content
------------------------------------------------*/

/*----- pageTitle -----*/
#pageTitle {
  margin-bottom: 0;
}
#pageTitle .pieceContainer {
  background-image: none;
}
#pageTitle .pieceBody {
  display: block;
  width: auto;
  padding: 0 0 0 10px;
  text-align: left;
  line-height: 2;
}


/*----- breadCrumbs -----*/
#breadCrumbs {
  display: none;
}

/*----- main(bunya-index) -----*/
.bunya-index #main {
  margin-top: 10px;
}

/*----- categories -----*/
#categories .category {
  border-bottom: none;
}
#categories .cateTitle {
  float: none;
}
#categories .cateTitle a {
  display: block;
  width: auto;
  margin-bottom: 5px;
  padding: 15px 10px;
  text-decoration: underline;
  text-align: left;
}
#categories .children {
  padding: 0;
}
#categories .children div {
  display: block;
}
#categories .children div a {
  display: block;
  padding: 7px 10px 6px;
  border-bottom: solid 1px #C2C2C2;
}

/*------------------------------------------------
 menu
------------------------------------------------*/

/*----- department,relation -----*/
#department ul li,
#relation ul li {
  background-position: left 1.5em;
  border-bottom: solid 1px #C2C2C2;
}
#department ul li a,
#relation ul li a {
  display: block;
  padding: 10px 0;
}

}

/*=============================================================
 PC向けスタイル
=============================================================*/

@media only screen and (min-width: 800px) {

}