@charset "shift_jis";

@import url("index.css");

@import url("life.css");
@import url("health.css");
@import url("education.css");
@import url("event.css");
@import url("service.css");
@import url("admin.css");

.mobile-mode #content img {
  max-width: 100%;
  height: auto;
}

.mobile-mode #content td img {
  max-width: none;
}



/*以下切り分ける必要があれば随時*/
/*各セクション毎のルールに切り分けている*/
#line-a {
clear:both;
background:transparent url(../img/line-a1.png) repeat-x;
height:10px;
margin-top:5px;
font-size:1px;
line-height:1%;
}

#line-a span {
float:right;
width:20px;
height:10px;
}







/* 左カラム */
#SideNavi {
  margin: 8px 0 0 0;
  font-size: 110%;
}
.pc-mode #SideNavi {
  float: left;
  width: 200px;
  margin-right: -220px;
}
.mobile-mode #SideNavi {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mobile-mode #SideNavi #GlobalNavi {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

#SideNavi .SideBanner {
  margin-bottom: 4px;
}

#SideNavi .EmInBox h2 {
  margin: 0;
  padding: 0;
  border: none !important;
  background-image: none;
}

/* 分類メニュー */
#SideNavi .LinkArea {
  border: 4px solid #e2d5fb;
  margin-bottom: 8px;
  padding: 8px;
  }

#SideNavi .LinkArea h2 {
  border-top: none;
  border-bottom: 1px solid #5F52A0;
  margin-top :0;
  padding-left: 30px;
  background: url(../images/ico_todokede.gif) no-repeat 0 -1px;
  font-size: 110%;
 }
 
 #SideNavi .LinkArea h3 {
   border-left: 4px solid #ccc;
   padding: 0 0 0 6px;
   background: none;
   font-size: 100%;
   font-weight: normal;
 }
 
 #SideNavi .LinkArea h2 a, #SideNavi .LinkArea h3 a {
  text-decoration: none;
  color: #000;
 }
  
#SideNavi .LinkArea li,
#SideNavi .SubArea li {
  margin-bottom: 0.4em;
  padding-left: 12px;
  background: url(../images/tri_pu.gif) no-repeat 0 0.3em;
}

#SideNavi .LinkArea li.selected {
  background: #f6f6f6 url(../images/tri_pu.gif) no-repeat 0 0.3em;
}

/* 関連情報　*/
#SideNavi .SubArea {
  border: 4px solid #ccc;
  margin-bottom: 8px;
  padding: 8px;
}

#SideNavi .SubArea h2 {
  border-top: none;
  border-bottom: 1px solid #999;
  margin-top :0;
  padding-left: 30px;
  background: url(../images/ico_info.gif) no-repeat 0 center;
  font-size: 110%;
}


/* 場面から探す　#FooterMenuは詳細ページ用 */
#SideNavi #Scene {
  border: 4px solid #ccc;
  margin-bottom: 8px;
  padding: 6px;
}

#SideNavi #Scene ul,
#FooterMenu #Scene ul {
  margin-left: 8px;
  text-align: center;
}

#SideNavi #Scene li,
#FooterMenu #Scene li {
  width: 74px;
  text-align: center;
  margin-right: 10px;
}
.pc-mode #SideNavi #Scene li,
.pc-mode #FooterMenu #Scene li {
  float: left;
}

.mobile-mode #SideNavi #Scene li,
.mobile-mode #FooterMenu #Scene li {
  display: inline-block;
}

#SideNavi #Scene li a,
#FooterMenu li a {
  display: block;
  margin: 4px 0 8px 0;
  text-align: center;
  font-size: 76%;
}

#SideNavi #Scene li a span,
#FooterMenu li a span {
  margin-top: 8px;
}

#SideNavi #Scene h2,
#FooterMenu #Scene h2 {
  border-top: none;
  border-bottom: 1px solid #FF99BD;
  margin-top :0;
  padding-left: 30px;
  background: url(../images/ico_scene.gif) no-repeat 0 -2px;
  font-size: 110%;
  }

#FooterMenu {
  border-top: 4px solid #ccc;
  margin: 0;
  background: #fff;
}

#FooterMenu #Scene {
  margin: 0 auto;
  padding: 1.5em 20px 1em 20px;
}

.pc-mode #FooterMenu #Scene {
  width: 92%;
}

.pc-mode #FooterMenu #Scene h2 {
  float: left;
  margin : 16px 30px 0 0;
}

#SideNavi #Scene span,
#FooterMenu span {
  display: block;
  margin-top: 4px;
}
  
/* メニュー系 メインコンテンツ部分 */
.pc-mode #breadcrumbs {
  width: 952px;
}
.mobile-mode #breadcrumbs {
  margin: 0 1em;
}

.pc-mode #content-wrap {
  width: 952px;
  margin: 1em auto;
}

.pc-mode #MainArea {
  float: right;
  width: 100%;
}

.pc-mode #MainContent {
  margin-left: 220px;
}

.pc-mode #FooterMenu {
  width: 1010px;
  margin: 0 auto;
}


/* 下層ページ　共通 */

#container, #container2 {
  background: #fff;
  margin: 0 auto;
}

.pc-mode #container, .pc-mode #container2 {
  width: 1010px;
}

#container2 {
  padding: 1.25em 0 2em;
}

#content,
#MainContent {
  font-size: 110%;
}

#content ul, #content ol, #content dl, #content p ,
#MainContent ul, #MainContent ol, #MainContent dl, #MainContent p {
  line-height:160%;
  margin:1em 1em 0.2em;
}

#content ul, #content ol,
#MainContent ul, #MainContent ol {
  padding-left:1.5em;
}

#content ul {
  list-style: disc;
}

.mobile-mode .columns-box .lefty-wrap {
  float: none;
  width: auto;
}
.mobile-mode .columns-box .righty-wrap {
  float: none;
  width: auto;
}

/* パンくず */

#breadcrumbs {
  margin: 0 auto; 
  font-size: 90%;
}

.anchor {
  height:0px;
  overflow:hidden;
  position:absolute;
  width:0px;
}

.hide {
  display:none;
}

h1 {
  margin: 0.4em 0;
  padding: 0 10px 3px;
  border-top: 4px solid #666;
  border-bottom: 1px solid #999;
  font-size: 140%;
  color: #2B2B2B;
}

h1 a, h1 a:hover, h2 a, h2 a:hover {
  color: #2B2B2B;
}

h1 span {
  padding: 8px 10px 5px 24px;
  background: url(../images/h1_line.gif) repeat-y 0 0;
  display: block;
}

h2 {
  margin: 1.5em 0 0.5em 0;
  padding: 0.3em 1em 0.1em 1em;
  border-top: 4px solid #5F52A0;
  border-bottom: 1px dotted #999;
  background: url(../images/h2_bg.gif) repeat 0 0;
  font-size: 130%;
}

/* アンカーの位置調整のため */
h2 a {
  padding-top: 1em;
  margin-top: -1em;
}

h3 {
  margin: 1em 0;
  padding: 0.2em 1em;
  background: #F0E8FF;
}

h4 {
  margin: 1em 0 0.5em 1em;
  padding-left: 10px;
  border-left: 4px solid #5F52A0;
}

/* 緊急情報 */
.Emergency-Wrapper {
  width: 96%;
  margin: 1em auto;
  font-size: 110%;
}

.Emergency h2 {
  font-size: 130%;
}

/* 囲み */
.statement-box {
  width: auto;
  margin: 1em 0 0.2em;
  border: 3px solid #ddd;
  padding: 5px 5px 1em 5px;
}

/* 関連リンク */
.related-page-box {
  margin: 2em 0 0.2em;
  padding: 0.5em 0;
  border-top: 6px solid #F0E8FF;
}

.related-page-box h2 {
  margin: 0.5em 1em;
  padding-left: 30px;
  border-top: none;
  border-bottom: 1px dotted #6341A5;
  background: url(../images/icon_link.gif) no-repeat 0 center;
  font-weight: normal;
}

ul.links1 li {
  list-style: url(../images/tri_pu.gif) disc !important;
  margin-left: 20px;
}

/* メニュー系 共通 */

/* ページ内リンク */
.mobile-mode #AnchorLink {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

#AnchorLink h2 {
  border-top: none;
  background-image: none;
  background: #eee;
  font-size: 100%;
  margin-top: 0;
}

#AnchorLink li {
  float: left;
  width: 16em;
  margin: 0 2em 0.3em 0;
  padding-left: 14px;
  background: url(../images/tri_g_down.gif) no-repeat 0 0.4em;
}

#AnchorLink li.long {
  clear: both;
  width: 100%;
}

.SummaryArea {
  margin: 1em;
  padding: 0 1em 0.5em 0;
  border-top: 1px solid #e2d5fb;
  border-bottom: 1px solid #e2d5fb;
  background: #f9f6fe;
}

p.LinkLine {
  text-align: right;
  font-size: 90%;
  padding-right: 1em;
}

p.LinkLine a {
  padding-left: 14px;
  background: url(../images/tri_pu.gif) no-repeat 0 center;
}

.LinkCell {
  margin-right: 1em;
}
.pc-mode .LinkCell {
  float: left;
  width: 46%;
}
.LinkCell ul {
  margin-top: 0 !important;
}
.LinkCell li {
  margin-bottom: 0.3em;
  padding-left: 14px;
  background: url(../images/tri_gray.gif) no-repeat 0 0.4em;
}

.PageUp2 {
  clear: both;
  font-size: 80%;
  text-align: right;
}

.PageUp2 a {
  padding-left: 14px;
  background: url(../images/tri_p_up.gif) no-repeat 0 center;
}

/* 前Verから引き継ぎ */

.notice-listbox {
color:inherit;
background:#F7F7D5;
width:100%;
margin:1em 0 0.2em;
background:#F7F7D5;
}


.notice-listbox2 {
color:inherit;
background:#F3FFE8;
width:100%;
margin:1em 0 0.2em;
background: #F3FFE8;
}

.notice-rtop, .notice-rtop div, .notice-rbottom, .notice-rbottom div {
width:auto;
height:5px;
font-size:0px;
line-height:0%;
}

.notice-rtop {
background: url(../img/notice-rtop-left.png) no-repeat top left;
}

.notice-rtop div {
background: url(../img/notice-rtop-right.png) no-repeat top right;
}

.notice-rbottom {
background: url(../img/notice-rbottom-left.png) no-repeat bottom left;
}

.notice-rbottom div {
background: url(../img/notice-rbottom-right.png) no-repeat bottom right;
}

.notice-content {
padding: 0px;
}

#content .notice-content ul {
margin:5px 20px;
padding:0;
}

.notice-content li {
margin-bottom:0.5em;
background:transparent url(../img/icon-notice.gif) no-repeat scroll left top;
padding:0 0 0 25px;
list-style: none !important;
line-height:130%;
font-weight:bold;
}

#content .complement {
font-size:90%;
font-weight:bold;
line-height:130%;
margin:0.5em 0 0.1em 0;
text-align:right;

}

#content .more {
border-top:2px dotted #F2F2F2;
padding:0.5em 0.5em 0 0;
text-align:right;
margin:1em 0 0.2em 0;
font-size: 90%;
width:auto;
clear:both;
}

.more span {
background:transparent url(../img/arrow-quick.gif) no-repeat scroll right center;
font-weight:bold;
padding-right:25px;
display:inline-block;
}

/* リンク：ファイル別アイコン ※移植 */
a.pdf-file {
background:transparent url(../img/icon-pdf.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}

a.word-file {
background:transparent url(../img/icon-word.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}

a.excel-file {
background:transparent url(../img/icon-excel.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}

a.external-link {
background:transparent url(../img/icon-external.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}


/* テーブル ※移植 */
table.center {
margin-right:auto;
margin-left:auto;
}

/*forFirefox*/
table.center caption {
  /* width:100%; */
  width: auto;
}

table.data,
table.data-left-heading,
table.data-top-heading {
margin-top:1.2em;
margin-bottom:1.2em;
empty-cells:show;
border-collapse:collapse;
border-spacing: 0px 0px;
border: #ccc 1px solid;
color:inherit;
background-color:#FFF;
}

table.data caption,
table.data-left-heading caption,
table.data-top-heading caption {
padding:0.8em;
margin:0;
}

table.data th,
table.data-left-heading th,
table.data-top-heading th {
padding:5px;
color:inherit;
background-color:#F3FFE8;
border:#ccc 1px solid;
font-weight:bold;
text-align:center;
}

table.data-left-heading th {
text-align:left;
}

table.data td,
table.data-left-heading td,
table.data-top-heading td {
padding: 5px;
border: #ccc 1px solid;
text-align:left;
}

table.data-top-heading td {
text-align:center;
}


table.custom {
margin-top:1em;
margin-bottom:1em;
empty-cells:show;
border-collapse:collapse;
border-spacing: 0px 0px;
border: #ccc 1px solid;
color:inherit;
background-color:#FFF;
}

table.custom caption {
padding:0.8em;
margin:0;
}

table.custom th {
padding:5px;
/*
color:#000;
background-color:#F3FFE8;
*/
border:#ccc 1px solid;
font-weight:bold;
}

table.custom td {
padding: 5px;
border: #ccc 1px solid;
}


table.color-0,
tr.color-0,
th.color-0,
td.color-0 {
color:inherit;
background-color:#FFF;
}

table.color-1,
tr.color-1,
th.color-1,
td.color-1 {
color:inherit;
background-color:#F2F1F7;
}

table.color-2,
tr.color-2,
th.color-2,
td.color-2 {
color:inherit;
background-color:#F3FFE8;
}

table.color-3,
tr.color-3,
th.color-3,
td.color-3 {
color:inherit;
background-color:#FFF0F8;
}

table.color-4,
tr.color-4,
th.color-4,
td.color-4 {
color:inherit;
background-color:#FFFFE1;
}

table.align-left,
tr.align-left,
th.align-left,
td.align-left {
text-align:left;
}

table.align-right,
tr.align-right,
th.align-right,
td.align-right {
text-align:right;
}

table.align-center,
tr.align-center,
th.align-center,
td.align-center {
text-align:center;
}

table.width-10,
tr.width-10,
th.width-10,
td.width-10 {
width:10%;
}

table.width-20,
tr.width-20,
th.width-20,
td.width-20 {
width:20%;
}

table.width-30,
tr.width-30,
th.width-30,
td.width-30 {
width:30%;
}

table.width-40,
tr.width-40,
th.width-40,
td.width-40 {
width:40%;
}

table.width-50,
tr.width-50,
th.width-50,
td.width-50 {
width:50%;
}

table.width-60,
tr.width-60,
th.width-60,
td.width-60 {
width:60%;
}

table.width-70,
tr.width-70,
th.width-70,
td.width-70 {
width:70%;
}

table.width-80,
tr.width-80,
th.width-80,
td.width-80 {
width:80%;
}

table.width-90,
tr.width-90,
th.width-90,
td.width-90 {
width:90%;
}

table.width-100,
tr.width-100,
th.width-100,
td.width-100 {
width:100%;
}

/* 画像関連 ※移植 */

.margin-top-clear {
margin-top:0;
}

img.float-right {
float: right;
margin:0 0 10px 10px;
}

img.float-left {
float: left;
margin:0 16px 10px 0;
}

img.center {
display:block;
margin:0 auto 10px auto;
text-align:center;
}

img.left {
display:block;
margin:0 auto 10px 0;
text-align:left;
}

img.right {
display:block;
margin:0 0 10px auto;
text-align:right;
}

/* 移植 */
/*
何故かOperaとFirefoxでhover背景色消える
これ書いて厳密に定義すると復活
*/
a.pdf-file:focus, a.pdf-file:hover, a.pdf-file:active,
a.word-file:focus, a.word-file:hover, a.word-file:active,
a.excel-file:focus, a.excel-file:hover, a.excel-file:active,
a.external-link:focus, a.external-link:hover, a.external-link:active {
color:#fff;
background-color:#532E71;
text-decoration:none;
}

a.pdf-file {
background:transparent url(../img/icon-pdf.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}

a.word-file {
background:transparent url(../img/icon-word.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}

a.excel-file {
background:transparent url(../img/icon-excel.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}

a.external-link {
background:transparent url(../img/icon-external.gif) no-repeat scroll right center;
padding-right:26px;
display:inline-block;
}

.links1 li {
list-style: url(../img/arrow-tri.gif) disc;
}

.links2 li {
list-style: url(../img/arrow-square.gif) disc;
}

.links3 li {
list-style: url(../img/arrow-trisq.gif) disc;
}

.pc-mode .links_left li {
float:left;
}

.links_arrow{
background:transparent url(../img/arrow-tri.gif) no-repeat left center;
padding-left:10px;
margin-left: 10px;
display:block;
display:inline-block;
}

.hachi2 {
background:transparent url(../img/icon-hachi.png) no-repeat scroll left center;
padding:10px 0 0 40px;
}

.margin_left20 {
display:block;
display:inline-block;
margin-left:20px;
}

/* コンテンツ部分追記 */

.mobile-mode #content .complement {
  margin-left: 1em;
  margin-right: 1em;
  text-align: left;
}

.mobile-mode a.pdf-file,
.mobile-mode a.word-file,
.mobile-mode a.excel-file,
.mobile-mode a.external-link {
  vertical-align: top;
}

/* スキップ　*/
.voice-navi {
  border:none;
  left:-10px;
  position:absolute;
  top:-15px;
}