@charset "UTF-8";
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
body {
  background-image: url(../image_chofu/bg-body.png);
  background-repeat: no-repeat;
  background-position: center 124px;
  background-color: #fff;
  font-size: 0.875em;
  line-height: 1.57143;
  color: #333;
}
.ie6 body, .ie7 body {
  zoom: 1;
}
.ie6 body {
  background-image: none;
}

a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}

/* 201612追加 */
#header img ,
#page-header img ,
#g-nav img ,
#bread-clumb img ,
#sub img ,
.utility02 img ,
#footer img,
.copyright img,
#home img ,
.section img {
   border: 0;
}

address {font-style: normal;}
.box-left {float: left;}
.box-right {float: right;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.red {
  color: #e50000;
}

.blue {
  color: #115591;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #9dee46;
  text-shadow: none;
}

::selection {
  background: #9dee46;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  margin: 10px 0;
  padding: 0;
  border: 0;
  border-top: 1px dotted #359452;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   部品（モジュール）
	 .md-
   ========================================================================== */
/*
 * 下層 カテゴリーメニュー
 */
.md-category {
  margin: 0 0 15px 0;
}
.md-category .md-category-item {
  float: left;
  margin: 0 15px 15px 0;
  width: 335px;
}
.ie6 .md-category .md-category-item {
  margin: 0 10px 10px 0;
}
.md-category .md-category-item .md-category-title-outer {
  position: relative;
  left: -1px;
  width: 324px;
  border-left: 11px #115591 solid;
}
.ie6 .md-category .md-category-item .md-category-title-outer {
  left: 0;
  zoom: 1;
}
.md-category .md-category-item .md-category-title {
  background-image: url(../image_chofu/item-arrow10.gif);
  background-repeat: no-repeat;
  background-position: 10px top;
  background-color: rgba(19,132,234,0.15);
  padding: 11px 10px 11px 24px;
  font-size: 1.14286em;
  font-weight: bold;
  line-height: 1.375;
  color: #115591;
  border-bottom: 1px #54a2e8 solid;
  border-right: 1px #bababa solid;
}
.ie6 .md-category .md-category-item .md-category-title {
  border-right: none;
}
.md-category .md-category-item .md-category-title a {
  color: #115591;
}
.md-category .md-category-item .md-category-titleborder {
  /* 中身のリスト要素が存在しない場合にタイトルにボーダーを付ける */
  border-right: 1px #bababa solid;
  border-top: 1px #bababa solid;
}
.md-category .md-category-item .md-category-body {
  padding: 8px 15px 6px 15px;
  line-height: 1.42857;
}
.md-category .md-category-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-category .md-category-item ul.md-category-file-2ndlow {
  margin: 0 0 0 21px;
}
.md-category .md-category-item ul.md-category-file-2ndlow li {
  background-image: url(../image_chofu/item-file01.gif);
}
.md-category .md-category-item li {
  background-image: url(../image_chofu/item-folder.gif);
  background-repeat: no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 21px;
}
.md-category .md-category-file li {
  /* １階層目をファイルアイコンに */
  background-image: url(../image_chofu/item-file01.gif);
}
.md-category .md-category-item-inner {
  border: 1px #bababa solid;
}
.md-category .md-category-noitem-inner-border {
  /* 中身のリスト要素が存在しない場合 */
  border: none;
  border-right: 1px #fff solid;
  border-left: 1px #fff solid;
}
.ie6 .md-category .md-category-noitem-inner-border {
  border-right: 1px #bababa solid;
}

/*
 * 下層 エキストラリンク
 */
.md-extralink {
  margin: 0 0 40px 0;
  padding: 16px 22px 8px 22px;
  background-color: #ebf3fa;
  border: 1px #bababa solid;
}
.md-extralink ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-extralink li {
  background-image: url(../image_chofu/item-file02.gif);
  background-repeat: no-repeat;
  margin: 0 0 6px 0;
  padding: 0 0 0 21px;
}

/*
 * 下層 サブエリア カテゴリー内キーワード検索
 */
.md-catesearch {
  background-image: url(../image_chofu/bg-md-catesearch-bottom.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
.ie6 .md-catesearch {
  zoom: 1;
}
.md-catesearch .md-catesearch-body {
  background-image: url(../image_chofu/bg-md-catesearch-body.gif);
  background-repeat: repeat-y;
  padding: 6px 0 0 15px;
}
.md-catesearch .md-catesearch-body .placeholder {
  width: 205px;
}
.md-catesearch .md-catesearch-body .md-catesearch-txt {
  float: left;
  width: 130px;
  padding: 6px 0 0 0;
  font-size: 0.85714em;
  line-height: 1.33333;
  color: #434343;
}
.md-catesearch .md-catesearch-body .md-catesearch-btn {
  float: left;
  margin: 8px 0 0 5px;
}

/*
 * 下層 サブエリア 早引きインデックス
 */
.md-referindex {
  background-image: url(../image_chofu/bg-md-referindex-bottom.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
.ie6 .md-referindex, .ie7 .md-referindex {
  font-size: 0.75em;
  line-height: 1.66667;
  zoom: 1;
}
.md-referindex .md-referindex-body {
  background-image: url(../image_chofu/bg-referindex-body.gif);
  background-repeat: repeat-y;
  padding: 11px 0 0 14px;
}
.md-referindex .md-referindex-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-referindex .md-referindex-body li {
  float: left;
  width: 68px;
  margin: 0 4px 4px 0;
}
.md-referindex .md-referindex-body a {
  display: block;
  background-image: url(../image_chofu/btn-md-referindex-ov.png);
  background-repeat: no-repeat;
  width: 68px;
  height: 68px;
}
.ie6 .md-referindex .md-referindex-body a:hover {
  zoom: 1;
}
.md-referindex .md-referindex-body a:hover img {
  visibility: hidden;
}
.md-referindex .md-referindex-body a.md-referindex01 {
  background-position: 0 0;
}
.md-referindex .md-referindex-body a.md-referindex02 {
  background-position: -68px 0;
}
.md-referindex .md-referindex-body a.md-referindex03 {
  background-position: -136px 0;
}
.md-referindex .md-referindex-body a.md-referindex04 {
  background-position: 0 -68px;
}
.md-referindex .md-referindex-body a.md-referindex05 {
  background-position: -68px -68px;
}
.md-referindex .md-referindex-body a.md-referindex06 {
  background-position: -136px -68px;
}
.md-referindex .md-referindex-body a.md-referindex07 {
  background-position: 0 -136px;
}
.md-referindex .md-referindex-body a.md-referindex08 {
  background-position: -68px -136px;
}
.md-referindex .md-referindex-body a.md-referindex09 {
  background-position: -136px -136px;
}
.md-referindex .md-referindex-body a.md-referindex10 {
  background-position: 0 -204px;
}
.md-referindex .md-referindex-body a.md-referindex11 {
  background-position: -68px -204px;
}
.md-referindex .md-referindex-body a.md-referindex12 {
  background-position: -136px -204px;
}

/*
 * サブエリア よくある質問/相談窓口　調布の天気/調布マップ
 */
.md-2rowbutton {
  margin: 0 0 10px 0;
}
.ie6 #sub-right .md-2rowbutton img, .ie6 #sub-left .md-2rowbutton img, .ie6 #sub .md-2rowbutton img {
  vertical-align: baseline;
}
.md-2rowbutton ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-2rowbutton li {
  float: left;
  width: 117px;
  margin: 0 6px 0 0;
}

/*
 * サブエリア メインエリア 角枠系
 */
.md-homelist {
  margin: 0 0 10px 0;
}
.md-homelist .md-homelist-title {
  margin: 0;
}
.md-homelist .md-homelist-body {
  padding: 12px 12px 6px 14px;
}
.md-homelist ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-homelist li {
  background-repeat: no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 14px;
}

/*
 * サブエリア メインエリア 角丸枠系
 */
.md-round {
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
.ie6 .md-round, .ie7 .md-round {
  zoom: 1;
}
.md-round .md-round-title {
  margin: 0;
}
.md-round .md-round-body {
  background-repeat: repeat-y;
}
.md-round .md-round-body p {
  margin: 0;
}
.md-round ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-round .md-round-body p.more {
  text-align:right;
}
.md-round .md-round-body p.more a {
  background-image: url(../image_chofu/item-arrow12.gif);
  background-repeat: no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 14px;
}

/*
 * サブエリア バナー集
 */
.md-bannar {
  margin: 0 0 10px 0;
}
.md-bannar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-bannar li {
  margin: 0 0 5px 0;
}

/*
 * 下層 サブエリア お気に入り
 */
.md-bookmark {
  position: relative;
  margin: 0 0 10px 0;
}
.md-bookmark .md-bookmark-btn01 {
  position: absolute;
  top: 8px;
  left: 162px;
}
.md-bookmark .md-bookmark-body {
  padding: 12px 12px 0 14px;
  border-right: 1px #54a2e8 solid;
  border-bottom: 1px #54a2e8 solid;
  border-left: 1px #54a2e8 solid;
}
.md-bookmark .md-bookmark-body ul {
  margin: 0 0 14px 0;
  padding: 0;
  list-style: none;
}
.md-bookmark .md-bookmark-body li {
  background-image: url(../image_chofu/item-arrow09.gif);
  background-repeat: no-repeat;
  margin: 0 0 6px 0;
  padding: 0 0 0 14px;
}
.md-bookmark .md-bookmark-body .md-bookmark-disp {
  margin: 0 0 8px 0;
}
.md-bookmark .md-bookmark-body .md-bookmark-btn02 {
  margin: 0 0 13px 0;
}

/*
 * 下層 サブエリア サブメニュー
 */
.md-submenu {
  margin: 0 0 10px 0;
}
.md-submenu .md-submenu-title {
  background-image: url(../image_chofu/bg-md-submenu-title.png);
  background-repeat: no-repeat;
  background-color: #2C73B9;      /* 20160323 コントラスト比対応：背景色追加 */
  padding: 8px 16px;
  font-weight: normal;
  color: #fff;
}
.md-submenu .md-submenu-body {
  border-top: 1px #c8c8c8 solid;
  border-right: 1px #c8c8c8 solid;
  border-left: 1px #c8c8c8 solid;
  color: #115591;
}
.ie6 .md-submenu .md-submenu-body, .ie7 .md-submenu .md-submenu-body {
  zoom: 1;
}
.md-submenu .md-submenu-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.md-submenu .md-submenu-body li {
  border-bottom: 1px #c8c8c8 solid;
}
.md-submenu .md-submenu-body li a {
  display: block;
  background-image: url(../image_chofu/bg-md-submenu02.png);
  background-repeat: no-repeat;
  padding: 8px 10px 8px 0;
  color: #115591;
  text-decoration: none;
}
.md-submenu .md-submenu-body li a:hover {
  background-image: url(../image_chofu/bg-md-submenu01.png);
}
.ie6 .md-submenu .md-submenu-body li a {
  cursor: pointer;
  zoom: 1;
}
.md-submenu .md-submenu-body li a span {
  display: block;
  background-image: url(../image_chofu/item-arrow11.gif);
  background-repeat: no-repeat;
  background-position: 14px top;
  padding: 0 0 0 30px;
}
.ie6 .md-submenu .md-submenu-body li a span {
  zoom: 1;
}
.md-submenu .md-submenu-body li.current a {
  background-image: url(../image_chofu/bg-md-submenu01.png);
}

/*
 * 下層 low03.html parts.html SNS表示
 */
.main-low03 .md-sns {
  margin: 0 0 1em 0;
}
.main-low03 .md-sns .md-sns-date {
  float: right;
  clear: both;
  margin: 0;
}
.main-low03 .md-sns ul {
  float: right;
  margin: 0 0 2px 0;
  padding: 0;
  list-style: none;
}
.main-low03 .md-sns li {
  float: left;
  background: none;
  margin: 0 0 0 6px;
  padding: 0;
}

/*
 * 下層 コンテンツ詳細
 */
.contents-detail1 {
  line-height: 180%;
  clear: both;
}
.contents-detail1 div {
  overflow:  hidden;
  margin: 5pt;
}
.contents-detail1 img {
  margin: 5pt;
}
.contents-detail1 p {
  margin: 5pt;
}

.contents-detail2 {
  line-height: 180%;
  clear: both;
}
.contents-detail2 div {
  overflow:  hidden;
  margin: 5pt;
}
.contents-detail2 img {
  margin: 5pt;
}
.contents-detail2 p {
  margin: 5pt;
}

.contents-detail3 {
  line-height: 180%;
  clear: both;
}
.contents-detail3 div {
  overflow:  hidden;
  margin: 5pt;
}
.contents-detail3 img {
  margin: 5pt;
}
.contents-detail3 p {
  margin: 5pt;
}

/*
 * 下層 low03.html parts.html 関連リンク、外部リンク、ダウンロード
 */
.main-low03 .md-link {
  margin: 40px 0;
}
.main-low03 .md-link .md-link-title {
  margin: 0 0 2px 0;
  padding: 2px 10px;
  font-size: 1.14286em;
  line-height: 1.375;
  font-weight: bold;
  color: #0e856f;
  border-left: 5px #0e856f solid;
  border-bottom: none;
}
.ie8 .main-low03 .md-link .md-link-title {
  padding: 2px 10px 0 10px;
}
.main-low03 .md-link ul {
  margin: 0 0 0 42px;
  padding: 0;
  list-style: none;
}
.ie6 .main-low03 .md-link ul, .ie7 .main-low03 .md-link ul {
  margin: 0 0 0 42px;
}
.main-low03 .md-link li {
  background-repeat: no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 20px;
}
.main-low03 .md-related li {
  /* 関連リンク */
  background-image: url(../image_chofu/item-related.gif);
}
.main-low03 .md-external li {
  /* 外部リンク */
  background-image: url(../image_chofu/item-external.gif);
}
.main-low03 .md-dl li {
  /* ダウンロードリンク */
  background-image: url(../image_chofu/item-dl.gif);
  padding: 0 0 0 22px;
}
.main-low03 .md-link-adobe {
  /* ビューワーソフト リンク */
  margin: 15px 0 15px 40px;
  padding: 14px;
  border: 1px #bababa solid;
}
.main-low03 .md-map .md-map-img {
  /* 地図 */
  margin: 0 0 0 40px;
}

/*
 * 下層 low03.html parts.html このページに関するお問い合わせ
 */
.main-low03 .md-page-inquiry {
  background-color: #fff;
  margin: 40px 0;
  border: 1px #bababa solid;
  clear: both;
}
.main-low03 .md-page-inquiry .md-page-inquiry-title {
  background-color: #cae3f9;
  border-bottom: 1px #bababa solid;
  margin: 0;
  padding: 12px 16px;
  font-size: 1.2em;
  font-weight: bold;
  color: #115591;
  width: 651px;
}
.main-low03 .md-page-inquiry .md-page-inquiry-body {
  padding: 10px 36px 14px;
}
.ie6 .main-low03 .md-page-inquiry .md-page-inquiry-body {
  padding: 10px 36px 14px 30px;
}
.main-low03 .md-page-inquiry dl {
  margin: 0;
}
.main-low03 .md-page-inquiry dt {
  margin: 0 0 4px 0;
  font-weight: bold;
}
.main-low03 .md-page-inquiry dd {
  margin: 0;
  line-height: 1.5;
  white-space: nowrap;
}
.main-low03 .md-page-inquiry .mailform {
  margin: 4px 0 0 0;
}
.main-low03 .md-page-inquiry table {
  width: 100%;
  margin: 0 0 0 -6px;
  border-bottom: 1px #999 dotted;
}
.ie6 .main-low03 .md-page-inquiry table {
  margin: 0;
}
.main-low03 .md-page-inquiry table caption {
  display: none;
}
.main-low03 .md-page-inquiry table.md-page-inquiry-last {
  border: none;
}
.ie7 .main-low03 .md-page-inquiry table {
  zoom: 1;
}
.main-low03 .md-page-inquiry th {
  background-image: url(../image_chofu/item-star.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 6px 0 4px 20px;
  text-align: left;
  border: none;
}
.ie7 .main-low03 .md-page-inquiry th {
  zoom: 1;
}
.main-low03 .md-page-inquiry td.mark {
  border: none;
  text-align: right;
}
.main-low03 .md-page-inquiry td.label {
  border: none;
  font-size: 90%;
  nowrap;
}
.ie7 .main-low03 .md-page-inquiry td {
  zoom: 1;
}
.main-low03 .md-page-inquiry dt.md-page-inquiry-second {
  background-image: url(../image_chofu/item-star.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 6px 0 4px 20px;
  text-align: left;
  border: none;
}
.main-low03 .md-page-inquiry dd.md-page-inquiry-third {
  font-size: 90%;
  border: none;
  padding: 0 0 10px 20px;
}
.main-low03 .md-page-inquiry .md-page-inquiry-third label {
  padding: 0px 10px 0px 0px;
  white-space: normal;
}

.main-low03 .md-page-inquiry p.summary {
  display: none;
}

/*
 * 下層 イベントカレンダー
 */
.md-event p, .md-event ul, .md-event li, .md-event dl, .md-event dt, .md-event dd {
  margin: 0;
  padding: 0;
}
.md-event ul {
  list-style: none;
}
.md-event .md-event-search {
  background-color: #f3f3f3;
  padding: 10px 5px 2px 0;
}
.ie6 .md-event .md-event-search, .ie7 .md-event .md-event-search {
  padding: 10px 5px 4px 0;
}
.md-event .md-event-search .md-event-search-txt {
  margin: 0 0 0 4px;
  vertical-align: top;
}
.ie6 .md-event .md-event-search .md-event-search-txt {
  vertical-align: middle;
}
.md-event .md-event-search .placeholder {
  width: 202px;
  margin: -2px 0 0 0;
  vertical-align: top;
}
.ie7 .md-event .md-event-search .placeholder {
  padding: 2px 0 0 0;
}
.ie8 .md-event .md-event-search .placeholder {
  padding: 3px 0 1px 0;
}
.md-event .md-event-search .search-btn {
  margin: -5px 0 0 0;
}
.md-event .md-event-pagenation {
  margin: 0 0 10px 0;
}
.md-event .md-event-pagenation .md-event-pagenation-prev {
  float: left;
}
.md-event .md-event-pagenation .md-event-pagenation-next {
  float: right;
}
.md-event .md-event-part-month {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 10px 0;
}
.md-event .md-event-part-month caption {
  display: none;
}
.md-event .md-event-part-month th, .md-event .md-event-part-month td {
  padding: 4px;
  /*border: 1px #c8c8c8 solid;*/
  border: 1px solid;
}
/*.md-event .md-event-part-month th {
  background-color: #EFFBD1;
}*/
.md-event .md-event-part-month th {
  width: 20%;
}
.md-event .md-event-part-month td {
  width: 80%;
}
.md-event .md-event-line-calendar {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 20px 0;
}
/*.md-event .md-event-line-calendar caption {
  display: none;
}*/
.md-event .md-event-line-calendar th, .md-event .md-event-line-calendar td {
  padding: 4px;
  /*border: 1px #c8c8c8 solid;*/
  border: 1px solid;
}
/*.md-event .md-event-line-calendar th {
  background-color: #EFFBD1;
}*/
.md-event .md-event-line-calendar .day {
  font-weight: normal;
  text-align: left;
}
.md-event .md-event-line-calendar .md-event-line-calendar-date {
  width: 20%;
}
.md-event .md-event-line-calendar .md-event-line-calendar-title {
  width: 40%;
}
.md-event .md-event-line-calendar .md-event-line-calendar-venue {
  width: 40%;
}
.md-event .md-event-box-calendar {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  width: 100%;
  margin: 0 0 20px 0;
}
.md-event .md-event-box-calendar caption {
  display: none;
}
.md-event .md-event-box-calendar th, .md-event .md-event-box-calendar td {
  padding: 4px;
  /*border: 1px #c8c8c8 solid;*/
  border: 1px solid;
}
/*.md-event .md-event-box-calendar th {
  background-color: #EFFBD1;
}*/
.md-event .md-event-box-calendar td {
  width: 14.285%;
  vertical-align: top;
}
.md-event .md-event-box-calendar td div {
  min-height: 40px;
  height: auto !important;
  height: 40px;
}
.md-event .md-event-box-calendar td div .md-event-box-calendar-date {
  display: block;
  font-weight: bold;
}
#low03 #main .md-event .md-event-box-calendar td div ul {
  padding: 0;
}
.ie6 #low03 #main .md-event .md-event-box-calendar td div ul, .ie7 #low03 #main .md-event .md-event-box-calendar td div ul {
  padding: 0 0 0 6px;
}
.md-event .md-event-box-calendar td div li {
  background-image: url(../image_chofu/item-arrow09.gif);
  background-repeat: no-repeat;
  padding: 0 0 0 12px;
}

/*
 * イメージ画像右寄せ
 */
.md-img-right img {
  float: right;
  margin: 0 0 0 4px;
}

/*
 * イメージ画像左寄せ
 */
.md-img-left img {
  float: left;
  margin: 0 4px 0 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.ie6 .ir, .ie7 .ir {
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /*
   * Extends the .visuallyhidden class to allow the element to be focusable
   * when navigated to via the keyboard: h5bp.com/p
   */
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * blockskip
 */
.blockskip {
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ie6 .blockskip {
  position: relative;
}
.blockskip a {
  display: block;
  float: left;
  background: #ff9;
  width: 100%;
  /*	min-width: 980px; */
  height: 1px;
  margin: -1px 0 0 0;
  padding: 0;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 0.07143em;
  color: #333;
  line-height: 0;
  cursor: default;
  overflow: hidden;
}
.blockskip a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.blockskip a.show {
  color: #333;
  /* height: 1em; */
  height: auto;
  margin-top: -3px;
  padding: 5px 0;
  font-size: 1em;
  line-height: 1;
  cursor: pointer;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
#header:before, #header:after,
.utility01:before,
.utility01:after,
.accessibility:before,
.accessibility:after,
.site-search-area:before,
.site-search-area:after,
.site-search:before,
.site-search:after,
#bread-clumb ul:before,
#bread-clumb ul:after,
#content:before,
#content:after,
.refer ul:before,
.refer ul:after,
.tabSet .tab-menu:before,
.tabSet .tab-menu:after,
#tab-content03:before,
#tab-content03:after,
.tab-content03-left .title:before,
.tab-content03-left .title:after,
.threetop ul:before,
.threetop ul:after,
.ad ul:before,
.ad ul:after,
#panel .md-round-body:before,
#panel .md-round-body:after,
#panel .panel-links:before,
#panel .panel-links:after,
#panel .panel-item:before,
#panel .panel-item:after,
#g-nav ul:before,
#g-nav ul:after,
#g-nav .g-nav-item-menu-list:before,
#g-nav .g-nav-item-menu-list:after,
#footer:before,
#footer:after,
.md-category:before,
.md-category:after,
.md-catesearch-body:before,
.md-catesearch-body:after,
.md-referindex-body ul:before,
.md-referindex-body ul:after,
.md-2rowbutton ul:before,
.md-2rowbutton ul:after,
.md-sns:before,
.md-sns:after, .md-sns ul:before, .md-sns ul:after,
.md-img-right:before,
.md-img-right:after,
.md-img-left:before,
.md-img-left:after,
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#header:after,
.utility01:after,
.accessibility:after,
.site-search-area:after,
.site-search:after,
#bread-clumb ul:after,
#content:after,
.refer ul:after,
.tabSet .tab-menu:after,
#tab-content03:after,
.tab-content03-left .title:after,
.threetop ul:after,
.ad ul:after,
#panel .md-round-body:after,
#panel .panel-links:after,
#panel .panel-item:after,
#g-nav ul:after,
#g-nav .g-nav-item-menu-list:after,
#footer:after,
.md-category:after,
.md-catesearch-body:after,
.md-referindex-body ul:after,
.md-2rowbutton ul:after,
.md-sns:after, .md-sns ul:after,
.md-img-right:after,
.md-img-left:after,
.clearfix:after {
  clear: both;
}
.ie6 #header, .ie7 #header, .ie6
.utility01, .ie7
.utility01, .ie6
.accessibility, .ie7
.accessibility, .ie6
.site-search-area, .ie7
.site-search-area, .ie6
.site-search, .ie7
.site-search, .ie6
#bread-clumb ul, .ie7
#bread-clumb ul, .ie6
#content, .ie7
#content, .ie6
.refer ul, .ie7
.refer ul, .ie6
.tabSet .tab-menu, .ie7
.tabSet .tab-menu, .ie6
#tab-content03, .ie7
#tab-content03, .ie6
.tab-content03-left .title, .ie7
.tab-content03-left .title, .ie6
.threetop ul, .ie7
.threetop ul, .ie6
.ad ul, .ie7
.ad ul, .ie6
#panel .md-round-body, .ie7
#panel .md-round-body, .ie6
#panel .panel-links, .ie7
#panel .panel-links, .ie6
#panel .panel-item, .ie7
#panel .panel-item, .ie6
#g-nav ul, .ie7
#g-nav ul, .ie6
#g-nav .g-nav-item-menu-list, .ie7
#g-nav .g-nav-item-menu-list, .ie6
#footer, .ie7
#footer, .ie6
.md-category, .ie7
.md-category, .ie6
.md-catesearch-body, .ie7
.md-catesearch-body, .ie6
.md-referindex-body ul, .ie7
.md-referindex-body ul, .ie6
.md-2rowbutton ul, .ie7
.md-2rowbutton ul, .ie6
.md-sns, .ie7
.md-sns, .ie6 .md-sns ul, .ie7 .md-sns ul, .ie6
.md-img-right, .ie7
.md-img-right, .ie6
.md-img-left, .ie7
.md-img-left, .ie6
.clearfix, .ie7
.clearfix {
  /* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
  zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  /*
  * Don't show links for images, or javascript/internal links
  */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   構造
	#wrapper-outer
		#wrapper
			#header
			#page
				#g-nav
				#main-visual
				(#panel)
				#content
					#main
						#main-low03（コンテンツページ、デザインパーツ集）
					#sub
				.ad
			.utility02 (意味合いとして兼page-footer)
		#footer
   ========================================================================== */
/* ==========================================================================
   トップページ ページローダー
	 
   ========================================================================== */
#loader {
  width: 1024px;
  height: 1024px;
  display: none;
  position: fixed;
  top: 48%;
  left: 48%;
  z-index: 200;
}
.ie6 #loader {
  position: absolute;
}

#fade {
  width: 100%;
  height: 100%;
  display: none;
  background-color: #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 150;
}

/* ==========================================================================
   外枠
	 #wrapper
   ========================================================================== */
#wrapper {
  width: 980px;
  margin: 0 auto 295px;
  padding: 0;
}

#wrapper-outer {
  background-image: url(../image_chofu/bg-wrapper-outer.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
#wrapper-outer .ie {
  zoom: 1;
}

/* ==========================================================================
   ヘッダー
	 #header
   ========================================================================== */
#header {
  margin: 0 0 10px 0;
}
#header p, #header ul, #header li, #header dl, #header dt, #header dd {
  margin: 0;
  padding: 0;
}
#header ul {
  list-style: none;
}
#header img {
  vertical-align: middle;
}
#header .ci {
  margin: 12px 0 11px 0;
}
#header .sub-title {
  margin: 0 0 0 15px;
}
#header .header-left {
  float: left;
}
#header .header-right {
  float: right;
  min-width: 50%;
}
#header .utility01 {
  float: right;
  margin: 0 0 6px 0;
}
#header .utility01 li {
  float: left;
  background-image: url(../image_chofu/item-arrow06.gif);
  background-repeat: no-repeat;
  background-position: left center;
  margin: 7px 0 0 16px;
  padding: 0 0 0 10px;
}
#header .utility01 li a {
  display: block;
}
.ie6 #header .utility01 li, .ie7 #header .utility01 li {
  zoom: 1;
}
#header .utility01 li.sitemap, #header .utility01 li.inquiry {
  background-image: url(../image_chofu/item-arrow07.gif);
  background-position: 6px center;
  margin: 0 0 0 14px;
  padding: 0 0 0 22px;
  border-left: 1px #bfbfbf solid;
}
#header .utility01 li.inquiry {
  padding: 0 10px 0 22px;
  border-right: 1px #bfbfbf solid;
}
#header .accessibility {
  clear: both;
  margin: 0 0 8px 0;
}
.ie6 #header .accessibility ul, .ie7 #header .accessibility ul {
  float: right;
}
#header .accessibility li {
  float: left;
}
#header .accessibility li a {
  display: block;
  overflow: hidden;
}
.ie6 #header .accessibility li a, .ie7 #header .accessibility li a {
  zoom: 1;
}
.ie6 #header .accessibility li a {
  overflow: hidden;
}
#header .accessibility li.title {
  margin: 0 0 0 6px;
}
#header .accessibility li.normal {
  margin: 0 0 0 6px;
}
#header .accessibility li.normal a {
  background-position: 0 0;
  width: 46px;
  height: 24px;
}
#header .accessibility li.normal a:hover {
  background-position: 0 -24px;
}
#header .accessibility li.big a {
  background-position: -46px 0;
  width: 40px;
  height: 24px;
}
#header .accessibility li.big a:hover {
  background-position: -46px -24px;
}
#header .accessibility li.s-big a {
  background-position: -86px 0;
  width: 45px;
  height: 24px;
}
#header .accessibility li.s-big a:hover {
  background-position: -86px -24px;
}
#header .accessibility li.font-size {
  text-indent: -9999px;
}
#header .accessibility li.font-size a {
  background-image: url(../image_chofu/btn-font-size.png);
  background-repeat: no-repeat;
}
#header .accessibility li.white {
  margin: 0 0 0 6px;
}
#header .accessibility li.white a {
  background-position: 0 0;
  width: 33px;
  height: 24px;
}
#header .accessibility li.white a:hover {
  background-position: 0 -24px;
}
#header .accessibility li.black a {
  background-position: -33px 0;
  width: 33px;
  height: 24px;
}
#header .accessibility li.black a:hover {
  background-position: -33px -24px;
}
#header .accessibility li.blue a {
  background-position: -66px 0;
  width: 33px;
  height: 24px;
}
#header .accessibility li.blue a:hover {
  background-position: -66px -24px;
}
#header .accessibility li.yellow a {
  background-position: -99px 0;
  width: 33px;
  height: 24px;
}
#header .accessibility li.yellow a:hover {
  background-position: -99px -24px;
}
#header .accessibility li.color {
  text-indent: -9999px;
}
#header .accessibility li.color a {
  background-image: url(../image_chofu/btn-color.png);
  background-repeat: no-repeat;
}
#header .accessibility li.reading {
  margin: 0 0 0 6px;
  text-indent: -9999px;
}
#header .accessibility li.reading a {
  background-image: url(../image_chofu/btn-reading.png);
  background-repeat: no-repeat;
  width: 115px;
  height: 24px;
}
#header .accessibility li.reading a:hover {
  background-position: 0 -24px;
}

/* やさしい日本語と読み上げボタン対応 20220404*/
.yomiage .tsutaeru-speech {
	padding:0!important;
}
.yomiage .tsutaeru-speech-buttons {
	padding:0!important;
}
.yomiage .tsutaeru-button {
	min-width:130px;
	width:auto;
	height:25px;
	padding: 0 0 0 25px!important;
}
#header .site-search-area {
	min-width:512px!important;
}
#header .site-search-area  .search-navi{
	width:7em!important;
}

/* 検索窓class「.site-search」2019年8月廃止→「.site-search-area」に変更 */

#header .site-search-area {
	clear: both;
	overflow: hidden;
	float: right;
	min-width: 98%;
	box-sizing: border-box;
	padding: 5px 8px;
	border-radius: 5px;
	border-bottom: 1px solid #CCC;
	background-color:#4A95D9;
	background: -moz-linear-gradient(top, #77B5EC, #4A95D9);
	background: -webkit-linear-gradient(top, #77B5EC, #4A95D9);
	background: linear-gradient(to bottom, #77B5EC, #4A95D9);
}
.ie6 #header .site-search-area,
.ie7 #header .site-search-area {
	zoom: 1;
	min-width: auto;
	max-width: 33em;
}
#header .site-search-area form {
	display: block;
	overflow: hidden;
	min-width: 78%;
	float: left;
}
#header .site-search-area .txt-frame {
	display: inline;
	min-width: 75%;
	max-width: 80%;
	padding: 4px;
	border: 1px solid #CCC;
	border-bottom: none;
	border-right: none;
	margin-right: 3px;
}
.ie6 #header .site-search-area .txt-frame,
.ie7 #header .site-search-area .txt-frame {
	min-width: 60%;
}
#header .site-search-area .btn{
	display: inline;
	padding: 4px 10px 3px 28px;
	box-sizing: border-box;
	border: none;
	background: #B0D4F5 url(../image_chofu/icon_search.png) no-repeat 7px center;
	color: #111;
}
.ie6 #header .site-search-area .btn,
.ie7 #header .site-search-area .btn {
	padding: 0 10px 0 28px;
}
#header .site-search-area .search-navi {
	display: block;
	overflow: hidden;
	float: right;
	width: 6em;
}
#header .site-search-area .search-navi a {
	display: block;
	margin-top: 2px;
	padding-left: 14px;
	background: transparent url(../image_chofu/item-arrow04.png) no-repeat left center;
	color: #111;
}

/* 「.site-search」2019年8月廃止 */
#header .site-search {
  background-image: url(../image_chofu/bg-search.png);
  background-repeat: no-repeat;
  float: right;
  clear: both;
  width: 447px;
  height: 37px;
}
.ie6 #header .site-search, .ie7 #header .site-search {
  zoom: 1;
}
#header .site-search li {
  float: left;
  margin:0;
  padding:0;
}
#header .site-search .placeholder {
  background-color: transparent;
  width: 282px;
  margin: 8px 5px 0 14px;
  border: none;
}
#header .site-search .search-btn {
  margin: 0 10px 4px 0;
  vertical-align: middle;
}
.ie6 #header .site-search .search-btn, .ie7 #header .site-search .search-btn {
  margin: 2px 10px 0 0;
}
#header .site-search .about img {
  vertical-align: middle;
}



/* ==========================================================================
   ページ
	 #page
   ========================================================================== */
#page {
  background-image: url(../image_chofu/bg-page.png);
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0;
  padding: 1px 0 15px 14px;
  border-left: 1px #d9d9d9 solid;
  border-right: 1px #d9d9d9 solid;
}
.lower-body #page {
  padding: 1px 0 0 14px;
}
.ie6 #page, .ie7 #page {
  zoom: 1;
}
.ie6 #page {
  background-color: #fff;
  margin: -3px 0 0 0;
}

#page-header {
  background-image: url(../image_chofu/bg-page-header.png);
  background-repeat: no-repeat;
  height: 14px;
}

/* ==========================================================================
   グロナビ
	 #g-nav
   ========================================================================== */
#g-nav {
  width: 950px;
  margin: 0 0 10px 0;
}
#g-nav p, #g-nav ul, #g-nav li, #g-nav dl, #g-nav dt, #g-nav dd {
  margin: 0;
  padding: 0;
}
#g-nav ul {list-style: none;}
#g-nav img {vertical-align: middle;}
.lower-body #g-nav {margin: 0 0 16px 0;}
#g-nav .g-nav-item-link { display: block; background-image: url(../image_chofu/btn-g-nav-over.png); background-repeat: no-repeat; height: 69px;}
#g-nav .g-nav-item-link:hover img,
#g-nav .g-nav-item-link:focus img,
#g-nav .g-nav-item-link.current img,
#g-nav .mm-item-link-focus .g-nav-item-link img,
#g-nav .g-nav-item.life .mm-item-link-hover img,
#g-nav .g-nav-item.edu .mm-item-link-hover img,
#g-nav .g-nav-item.health .mm-item-link-hover img,
#g-nav .g-nav-item.culture .mm-item-link-hover img,
#g-nav .g-nav-item.env .mm-item-link-hover img,
#g-nav .g-nav-item.work .mm-item-link-hover img,
#g-nav .g-nav-item.info .mm-item-link-hover img {visibility: hidden;}
.ie6 #g-nav .g-nav-item-link:hover {zoom: 1;}
#g-nav .g-nav-item {float: left;height: 69px;}
#g-nav .g-nav-item.home,
#g-nav .g-nav-item.info { width: 121px;}
#g-nav .g-nav-item.life,
#g-nav .g-nav-item.health,
#g-nav .g-nav-item.edu,
#g-nav .g-nav-item.env,
#g-nav .g-nav-item.culture,
#g-nav .g-nav-item.work {width: 117px;}

#g-nav .g-nav-item .g-nav-item-arrow{position: absolute; top: -10px;}
#g-nav .g-nav-item.life .g-nav-item-arrow,
#g-nav .g-nav-item.health .g-nav-item-arrow,
#g-nav .g-nav-item.edu .g-nav-item-arrow {left: 44px;}
#g-nav .g-nav-item.env .g-nav-item-arrow {left: 140px;}
#g-nav .g-nav-item.culture .g-nav-item-arrow {left: 258px;}
#g-nav .g-nav-item.work .g-nav-item-arrow {left: 376px;}
#g-nav .g-nav-item.home .g-nav-item-link:hover,
#g-nav li:nth-child(1) .g-nav-item-link {background-position: 0 0;}
#g-nav .g-nav-item.home .current {background-position: 0 -69px;}
#g-nav .g-nav-item.life .g-nav-item-link:hover,
#g-nav .g-nav-item.life .mm-item-link-hover,
#g-nav li:nth-child(2) .g-nav-item-link {background-position: -120px 0;}
#g-nav .g-nav-item.life .current {background-position: -120px 0px;}
#g-nav .g-nav-item.health .g-nav-item-link:hover,
#g-nav .g-nav-item.health .mm-item-link-hover,
#g-nav li:nth-child(3) .g-nav-item-link {background-position: -237px 0;}
#g-nav .g-nav-item.health .current {background-position: -237px -69px;}
#g-nav .g-nav-item.edu .g-nav-item-link:hover,
#g-nav .g-nav-item.edu .mm-item-link-hover,
#g-nav li:nth-child(4) .g-nav-item-link { background-position: -354px 0;}
#g-nav .g-nav-item.edu .current {background-position: -354px -69px;}
#g-nav .g-nav-item.env .g-nav-item-link:hover,
#g-nav .g-nav-item.env .mm-item-link-hover,
#g-nav li:nth-child(5) .g-nav-item-link { background-position: -471px 0;}
#g-nav .g-nav-item.env .current { background-position: -471px -69px;}
#g-nav .g-nav-item.culture .g-nav-item-link:hover,
#g-nav .g-nav-item.culture .mm-item-link-hover,
#g-nav li:nth-child(6) .g-nav-item-link{ background-position: -588px 0;}
#g-nav .g-nav-item.culture .current { background-position: -588px -69px;}
#g-nav .g-nav-item.work .g-nav-item-link:hover,
#g-nav .g-nav-item.work .mm-item-link-hover,
#g-nav li:nth-child(7) .g-nav-item-link { background-position: -705px 0;}
#g-nav .g-nav-item.work .current {background-position: -705px -69px;}
#g-nav .g-nav-item.info .g-nav-item-link:hover,
#g-nav .g-nav-item.info .mm-item-link-hover,
#g-nav li:nth-child(8) .g-nav-item-link {background-position: -822px 0;}
#g-nav .g-nav-item.info .current {background-position: -822px -69px;}
#g-nav .g-nav-item.info .g-nav-item-arrow {position: absolute; top: -10px; left: 494px;}
  /* メガメニュー */
#g-nav{position:relative;}
#g-nav .g-nav-item-menu {position: absolute;padding: 20px 0 0 0;top:66px !important;left:374px !important;height: auto;z-index: 110;}
#g-nav li:nth-child(2) .g-nav-item-menu {left: 119px !important;}
#g-nav li:nth-child(3) .g-nav-item-menu {left: 236px !important;}
#g-nav li:nth-child(4) .g-nav-item-menu {left: 353px !important;}

.ie6 #g-nav .g-nav-item-menu, .ie7 #g-nav .g-nav-item-menu {zoom: 1;}
.ie6 #g-nav .g-nav-item-menu {
  margin: 1px 0 0 0;
  padding: 0;
}
.ie6 #g-nav .g-nav-item-menu .g-nav-item-arrow {
  display: none;
}
#g-nav .g-nav-item-menu .g-nav-item-menu-title {
  margin: 0 0 0 4px;
  font-size: 2.14286em;
}
#g-nav .g-nav-item-menu ul {
  float: left;
  width: 256px;
  margin: 0 0 8px 10px;
  border-bottom: 1px #c8c8c8 solid;
}
#g-nav .g-nav-item-menu li {
  background-image: url(../image_chofu/item-arrow02.gif);
  background-repeat: no-repeat;
  margin: 0 0 8px 0;
  padding: 5px 0 0 14px;
  border-top: 1px #c8c8c8 solid;
}
.ie6 #g-nav .g-nav-item-menu li, .ie7 #g-nav .g-nav-item-menu li {
  background-position: left 2px;
}
#g-nav .g-nav-item-menu-inner {
  background-color: #f4f3e9;
  width: 562px;
  padding: 4px 0 0 16px;
}
.ie #g-nav .g-nav-item-menu-inner {
  padding: 10px 0 0 16px;
}

/* ==========================================================================
   メインビジュアル
	 #main-visual
   ========================================================================== */
#main-visual {
  background-repeat: no-repeat;
  background-size: cover;
  width: 950px;
  height: 321px;
  margin: 0 0 20px 0;
  overflow: hidden;
}
#main-visual .main-visual-background-link{
  position:absolute;
}
#main-visual .event-info-outer {
  padding: 144px 0 0 710px;
  overflow: hidden;
}
#main-visual .event-info {
  background-image: url(../image_chofu/bg-event-info.gif);
  background-repeat: no-repeat;
  width: 240px;
  overflow: hidden;
}
#main-visual .event-info a:focus {outline: 2px solid;}
#main-visual .jshowoff-slidelinks {width: 122px;height: 12px;margin:10px auto 0 ;padding:5px 44px;background:url(../image_chofu/bg-jshowoff-slidelinks.png) no-repeat;text-align:center;}
.ie6 #main-visual .jshowoff-slidelinks {background-image: url(../image_chofu/bg-jshowoff-slidelinks.gif);}
#main-visual .jshowoff-slidelinks a {display:inline-block;width:12px;height:11px;margin: 0 4px 0 0;background-image: url(../image_chofu/item-round01.gif);background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#main-visual .jshowoff-slidelinks a.jshowoff-1-active {background-image: url(../image_chofu/item-round02.gif);}
#main-visual .jshowoff-slidelinks a:focus {outline: 2px solid;}
#main-visual .jshowoff-controls{position:absolute;bottom:5px;right:0px;}
#main-visual .jshowoff-play{display:block;width:44px;height:11px;padding:0px;background:url(../image_chofu/controls.png) -75px -44px no-repeat;text-decoration:none;color:#000000;text-indent:-100em;font-weight:bold;}
#main-visual .jshowoff-play:hover{background-position:-75px -33px;}
#main-visual .jshowoff-paused{background-position:-75px -11px;}
#main-visual .jshowoff-paused:hover{background-position:-75px 0px;}
#main-visual .jshowoff-prev,
#main-visual .jshowoff-next{display:none;}
/* ==========================================================================
   緊急情報
	 #panel
   ========================================================================== */
#panel {
  background-image: url(../image_chofu/bg-panel-bottom.png);
  width: 950px;
  margin: 0 0 20px 0;
}
#panel img {
  vertical-align: middle;
}
#panel .md-round-body {
  background-image: url(../image_chofu/bg-panel-body.gif);
  padding: 10px 14px;
}
#panel .panel-main {
  float: left;
  width: 712px;
}
#panel .panel-main .message {
  position: relative;
  min-height: 70px;
  height: auto !important;
  height: 70px;
  margin: 0 0 16px 0;
}
#panel .panel-main .message .txt {
  display: block;
  width: 622px;
  padding: 0 0 0 90px;
  font-size: 1.71429em;
  line-height: 1.33333;
  color: #d42d2d;
}
#panel .panel-main .message .img {
  position: absolute;
  top: 0;
  left: 0;
}
#panel .panel-main .panel-item {
  margin: 0 0 6px 0;
}
#panel .panel-main h2 {
  background-image: url(../image_chofu/item-square.gif);
  background-repeat: no-repeat;
  background-position: left center;
  clear: both;
  padding: 0 0 0 14px;
  font-size: 1.14286em;
  border-bottom: 1px #b5b5b5 solid;
}
#panel .panel-main h2.panel-low {
  margin: 4px 0 0 0;
}
.ie6 #panel .panel-main h2, .ie7 #panel .panel-main h2 {
  zoom: 1;
}
#panel .panel-main .panel-links-l, #panel .panel-main .panel-links-m, #panel .panel-main .panel-links-r {
  float: left;
  width: 220px;
}
#panel .panel-main .panel-links-l ul, #panel .panel-main .panel-links-m ul, #panel .panel-main .panel-links-r ul {
  float: left;
}
#panel .panel-main .panel-links-l li, #panel .panel-main .panel-links-m li, #panel .panel-main .panel-links-r li {
  background-image: url(../image_chofu/item-arrow16.gif);
  background-repeat: no-repeat;
  margin: 0 0 1px 14px;
  padding: 0 0 0 14px;
}
#panel .panel-main .panel-links-l li a, #panel .panel-main .panel-links-m li a, #panel .panel-main .panel-links-r li a {
  color: #d42d2d;
}
#panel .panel-main .panel-links-m, #panel .panel-main .panel-links-r {
  margin: 0 0 0 14px;
}
#panel .panel-side {
  float: right;
  width: 210px;
}
#panel .panel-side li {
  margin: 0 0 6px 0;
}

/* ==========================================================================
   コンテンツエリア（パン屑＋メインエリア＋サブエリア）
	 #content
   ========================================================================== */
#content {
  min-height: 600px;
  height: auto !important;
  height: 600px;
}

/* ==========================================================================
   パン屑
	 #bread-clumb
   ========================================================================== */
#bread-clumb {
  margin: 0 0 10px 0;
  padding: 5px 0;
  border-top: 1px #d3d3d3 solid;
  border-bottom: 1px #afafaf dotted;
  font-size: 0.92857em;
  line-height: 1.30769;
}
#bread-clumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#bread-clumb li {
  float: left;
  background-image: url(../image_chofu/item-arrow08.gif);
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0 4px 0 0;
  padding: 0 0 0 12px;
}
.ie6 #bread-clumb li, .ie7 #bread-clumb li {
  position: relative;
  white-space: nowrap;
}

/* ==========================================================================
   メイン
	 #main（下層＋トップ）
   ========================================================================== */
#main {
  float: left;
  width: 685px;
  padding: 0 20px 0 5px;
  word-wrap: break-word;
  overflow-wrap:break-word;
}
.index-body #main {
  width: 440px;
  padding: 0 15px 0 0;
}
.index-body #main img {
  vertical-align: middle;
}
#low01 #main h1, #low02 #main h1 {
  margin: 0 0 20px 0;
  padding: 22px;
  font-size: 2.42857em;
  font-weight: normal;
  line-height: 1.11765;
  color: #115591;
  border: 3px #76b5ed solid;
}
#main #bread-clumb ul {
  padding: 0;
}

/*
 * 下層 コンテンツページ、デザインパーツ集
 */
.main-low03 h1 {
  background-color: #eef6fe;
  margin: 0 0 10px 0;
  padding: 8px 15px;
  font-size: 1.85714em;
  font-weight: normal;
  line-height: 1.23077;
  color: #115591;
  border: 3px #54a2e8 solid;
}
.ie8 .main-low03 h1 {
  padding: 8px 15px 8px 15px;
}
.main-low03 h2 {
  margin: 30px 0 20px;
  padding: 11px 15px 5px;
  font-size: 1.28571em;
  line-height: 1.33333;
  color: #115591;
  border-left: 5px #115591 solid;
  border-bottom: 2px #76b5ed solid;
}
.main-low03 h3 {
  margin: 20px 0 5px;
  background-image: url(../image_chofu/item-vline.gif);
  background-repeat: repeat-y;
  padding: 2px 0 2px 19px;
  font-size: 1.14286em;
  line-height: 1.375;
  color: #115591;
}
.ie8 .main-low03 h3 {
  padding: 2px 0 0 19px;
}
.main-low03 ul {
  list-style: none;
  padding: 0 0 0 25px;
}
.ie6 .main-low03 ul, .ie7 .main-low03 ul {
  margin: 0 0 0 -2px;
}
.main-low03 ul li {
  background-image: url(../image_chofu/item-round05.gif);
  background-repeat: no-repeat;
  margin: -2;
  padding: 0 0 0 12px;
}
.main-low03 ol {
  padding: 0 0 0 45px;
}
.ie6 .main-low03 ol, .ie7 .main-low03 ol {
  margin: 0 0 0 2px;
}
.main-low03 table {
  width: 100%;
  margin: 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.main-low03 table th, .main-low03 table td {
  padding: 4px;
}
.main-low03 table .center {
  text-align: center;
}
.main-low03 table .right {
  text-align: right;
}

/*
 * 下層 calendar.html イベントページ
 */
#calendar h1 {
  background-color: #eef6fe;
  margin: 0 0 10px 0;
  padding: 15px 28px;
  font-size: 1.85714em;
  font-weight: normal;
  line-height: 1.23077;
  color: #115591;
  border: 3px #54a2e8 solid;
}
.ie8 #calendar h1 {
  padding: 15px 28px 10px 28px;
}
#calendar h2 {
  margin: 30px 0 20px;
  padding: 11px 15px;
  font-size: 1.28571em;
  line-height: 1.33333;
  color: #115591;
  border-left: 5px #115591 solid;
  border-bottom: 2px #76b5ed solid;
}

/*
 * 下層新着情報
 */
.whats-new {
  margin: 0 0 15px 0;
  padding: 2px;
  border: 1px #bababa solid;
}
.whats-new .title {background:#3D8DD4 url(../image_chofu/bg-whats-new.png) repeat-x;
  height: 14px;
  padding: 13px 22px;
  line-height: 1;
  font-size: 1.14286em;
  font-weight: normal;
  color: #fff;
  letter-spacing: .1em;
}
.whats-new dl {
  margin: 0;
  padding: 22px 23px 12px 23px;
  overflow:auto;
  max-height:19em;
}
.whats-new dt {
  float: left;
  width: 6em;
  clear: both;
  font-weight: bold;
}
.whats-new dd {
  background-image: url(../image_chofu/item-arrow09.gif);
  background-repeat: no-repeat;
  margin: 0 0 6px 0;
  padding: 0 0 0 14px;
  overflow: hidden;
}
.ie6 .whats-new dd {
  zoom: 1;
}
.whats-new dd .new {
  background-color: #d63636;
  margin: 0 0 0 4px;
  padding: 0 2px;
  font-size: 0.85714em;
  color: #fff;
}

/*
 * タブコンテンツ（トピックス / 新着情報 / イベント情報）
 */
.tabSet {
  position: relative;
  margin: 0 0 10px 0;
}
.tabSet p, .tabSet ul, .tabSet li, .tabSet dl, .tabSet dt, .tabSet dd {
  margin: 0;
  padding: 0;
}
.tabSet ul {
  list-style: none;
}
.tabSet img {
  vertical-align: middle;
}
.tabSet .tab-menu li {
  float: left;
  width: 152px;
}
.ie6 .tabSet .tab-menu li, .ie7 .tabSet .tab-menu li {
  zoom: 1;
}
.tabSet .tab-menu li.tab01 {
  position: relative;
  padding: 0 0 0 15px;
  z-index: 30;
}
.ie6 .tabSet .tab-menu li.tab01 {
  width: 134px;
  padding: 0 0 0 14px;
}
.tabSet .tab-menu li.tab02 {
  position: relative;
  left: -19px;
  z-index: 20;
}
.ie6 .tabSet .tab-menu li.tab02 {
  left: 5px;
  width: 134px;
}
.tabSet .tab-menu li.tab03 {
  position: absolute;
  left: 281px;
  z-index: 10;
}
.ie6 .tabSet .tab-menu li.tab03 {
  left: 292px;
  width: 134px;
}
.tabSet .tab-menu li.z-upper {
  z-index: 100;
}
.ie6 .tabSet .tab-menu li a, .ie7 .tabSet .tab-menu li a {
  zoom: 1;
}
.tabSet .tab-content-upper {
  background-image: url(../image_chofu/bg-tab-content-upper.png);
  background-repeat: no-repeat;
  background-position: center top;
  margin: -4px 0 0 0;
  padding: 15px 13px 6px 14px;
}
.ie6 .tabSet .tab-content-upper, .ie7 .tabSet .tab-content-upper {
  zoom: 1;
}
.tabSet #tab-content01 ul {
  margin: 0 0 10px 0;
}
.tabSet #tab-content01 li {
  background-image: url(../image_chofu/item-arrow09.gif);
  background-repeat: no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 14px;
}
.tabSet #tab-content01 .btn {
  text-align: right;
}
.tabSet #tab-content02 dl {
  margin: 0 0 10px 0;
}
.tabSet #tab-content02 dt {
  float: left;
  width: 6em;
  clear: both;
}
.tabSet #tab-content02 dd {
  background-image: url(../image_chofu/item-arrow09.gif);
  background-repeat: no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 14px;
  overflow: hidden;
}
.ie6 .tabSet #tab-content02 dd {
  zoom: 1;
}
.tabSet #tab-content02 .btn {
  text-align: right;
}
.tabSet #tab-content03 {
  padding: 7px 0 0 0;
}
.tabSet .tab-content03-left {
  float: left;
  width: 221px;
}
.tabSet .tab-content03-left .title {
  position: relative;
}
.tabSet .tab-content03-left .title .prev {
  display: inline;
  float: left;
  background-image: url(../image_chofu/item-arrow14.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 12px;
}
.ie6 .tabSet .tab-content03-left .title .prev, .ie7 .tabSet .tab-content03-left .title .prev {
  zoom: 1;
}
.tabSet .tab-content03-left .title .this-month {
  display: inline;
  position: absolute;
  top: -12px;
  left: 63px;
  font-size: 1.07143em;
  font-weight: bold;
  color: #B3591A;
}
.tabSet .tab-content03-left .title .next {
  display: inline;
  float: right;
  background-image: url(../image_chofu/item-arrow15.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 12px 0 0;
}
.ie6 .tabSet .tab-content03-left .title .next, .ie7 .tabSet .tab-content03-left .title .next {
  zoom: 1;
}
.tabSet .tab-content03-left .event-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tabSet .tab-content03-left .event-table caption {
  display: none;
}
.tabSet .tab-content03-left .event-table th {
  font-weight: normal;
  border: 1px #ccc solid;
}
.tabSet .tab-content03-left .event-table th.sun {
  background-color: #d63636;
  color: #fff;
}
.tabSet .tab-content03-left .event-table th.sat {
  background-color: #4169E1;
  color: #fff;
}
.tabSet .tab-content03-left .event-table td {
  padding: 5px 0;
  border: 1px #ccc solid;
  text-align: center;
}
.tabSet .tab-content03-left .event-table td.sun, .tabSet .tab-content03-left .event-table td.sun a {
  color: #d63636;
}
.tabSet .tab-content03-left .event-table td.sat, .tabSet .tab-content03-left .event-table td.sat a {
  color: #54a2e8;
}
.tabSet .tab-content03-left .event-table .weekday {
  background-color: #effbd1;
}
.tabSet .tab-content03-left .event-table .notthismonth {
  background-color: #e7f8f8;
  color: #333;
}
.tabSet .tab-content03-left .event-table .today {
  background-color: #cce3f8;
}
.tabSet .tab-content03-right {
  float: left;
  width: 180px;
  margin: 0 0 0 10px;
}
.tabSet .tab-content03-right p {
  margin: 1em 0;
}
.tabSet .tab-content-bottom {
  background-image: url(../image_chofu/bg-tab-content-bottom.png);
  background-repeat: no-repeat;
  height: 10px;
}

/*
 * フォトレポート
 */
.photoreport {
  background-image: url(../image_chofu/bg-md-round-gray-bottom.png);
}
.photoreport .md-round-body {
  position: relative;
  background-image: url(../image_chofu/bg-md-round-gray-body.gif);
  padding: 15px 11px 3px 15px;
}
.photoreport .md-round-body .title {
  margin: 0 0 10px 0;
  font-size: 1.14286em;
  font-weight: bold;
  line-height: 1.375;
  color: #3d8dd4;
}
.photoreport .md-round-body .img {
  float: right;
  margin: 2px 2px 4px 6px;
}
.ie6 .photoreport .md-round-body .img {
  position: relative;
  margin: 2px 1px 4px 6px;
}
.photoreport .md-round-body .btn {
  clear: both;
  padding: 10px 0 0 0;
  text-align: center;
}
.photoreport .md-round-body .btn a {
	text-decoration: none;
	margin: 0 5px;
}

/*
 * よく見られているページ
 */
.pv {
  background-image: url(../image_chofu/bg-md-round-white-bottom.png);
}
.pv .md-round-body {
  background-image: url(../image_chofu/bg-md-round-white-body.gif);
  padding: 12px 12px 4px 14px;
}
.pv li {
  background-image: url(../image_chofu/item-arrow09.gif);
  background-repeat: no-repeat;
  margin: 0 0 4px 0;
  padding: 0 0 0 14px;
}

/* ==========================================================================
   サブ
	 #sub（下層）
	 #sub-left #sub-right（トップ）
   ========================================================================== */
#sub {
  /* 下層 */
  float: left;
  width: 240px;
}
#sub img {
  vertical-align: middle;
}

#sub-left {
  /* トップ左サイド */
  float: left;
  width: 240px;
  padding: 0 15px 0 0;
}
#sub-left img {
  vertical-align: middle;
}

#sub-right {
  /* トップ右サイド */
  float: left;
  width: 240px;
}
#sub-right img {
  vertical-align: middle;
}

/*
 * いざという時のために
 */
.emergency .md-homelist-body {
  padding: 10px 8px 6px 9px;
  border-right: 1px #eb6868 solid;
  border-bottom: 1px #eb6868 solid;
  border-left: 1px #eb6868 solid;
}
.emergency ul {
  margin: 0 0 0 5px;
}
.emergency li {
  background-image: url(../image_chofu/item-arrow12.gif);
}
.emergency .md-round {
  background-image: url(../image_chofu/bg-md-round-red-bottom.png);
  margin: 0 0 10px 0;
}
.emergency .md-round .md-round-body {
  background-image: url(../image_chofu/bg-md-round-red-body.gif);
  padding: 10px 10px 6px 10px;
}
.emergency .md-round .md-round-body p {
  color: #d42d2d;
}

/*
 * 調布市の施設
 */
.facility .md-homelist-body {
  border-right: 1px #58ad72 solid;
  border-bottom: 1px #58ad72 solid;
  border-left: 1px #58ad72 solid;
}
.facility li {
  background-image: url(../image_chofu/item-arrow13.gif);
}

/*
 * 早引きインデックス
 */
.refer {
  background-image: url(../image_chofu/bg-md-round-gray-bottom.png);
}
.ie6 .refer, .ie7 .refer {
  font-size: 0.75em;
  line-height: 1.66667;
}
.refer .md-round-body {
  background-image: url(../image_chofu/bg-md-round-gray-body.gif);
  padding: 10px 0 0 14px;
}
.refer li {
  float: left;
  margin: 0 6px 6px 0;
}
.refer a {
  display: block;
  background-image: url(../image_chofu/btn-refer-ov.png);
  background-repeat: no-repeat;
  width: 98px;
  height: 98px;
}
.ie6 .refer a:hover {
  zoom: 1;
}
.refer a:hover img {
  visibility: hidden;
}
.refer a.refer01 {
  background-position: 0 0;
}
.refer a.refer02 {
  background-position: -98px 0;
}
.refer a.refer03 {
  background-position: -196px 0;
}
.refer a.refer04 {
  background-position: -294px 0;
}
.refer a.refer05 {
  background-position: 0 -98px;
}
.refer a.refer06 {
  background-position: -98px -98px;
}
.refer a.refer07 {
  background-position: -196px -98px;
}
.refer a.refer08 {
  background-position: -294px -98px;
}
.refer a.refer09 {
  background-position: 0 -196px;
}
.refer a.refer10 {
  background-position: -98px -196px;
}
.refer a.refer11 {
  background-position: -196px -196px;
}
.refer a.refer12 {
  background-position: -294px -196px;
}

/*
 * オンラインサービス/ご意見をお寄せください
 */
.comment .md-homelist-body, .online .md-homelist-body {
  border-right: 1px #54a2e8 solid;
  border-bottom: 1px #54a2e8 solid;
  border-left: 1px #54a2e8 solid;
}
.comment li, .online li {
  background-image: url(../image_chofu/item-arrow09.gif);
}

/*
 * 市長の部屋/市議会/教育委員会
 */
.threetop {
  margin: 0 0 10px 0;
}
.ie6 #sub-right .threetop img {
  vertical-align: baseline;
}
.threetop ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.threetop li {
  float: left;
}
.threetop li.mayor {
  width: 117px;
  margin: 0 6px 6px 0;
}

/*
 * 広報・報道・刊行物
 */
.publicity .md-homelist-body {
  border-right: 1px #54a2e8 solid;
  border-bottom: 1px #54a2e8 solid;
  border-left: 1px #54a2e8 solid;
}
.publicity ul {
  margin: 0 0 10px 0;
}
.publicity li {
  background-image: url(../image_chofu/item-arrow09.gif);
}
.publicity .btn {
  margin: 5px 0;
  text-align: center;
}

/* ==========================================================================
   広告スペース
	 .ad
   ========================================================================== */
.ad {
  position: relative;
  width: 950px;
  margin: 20px 0 0 0;
  background-image: url(../image_chofu/bg-ad-bottom.png);
}
.ad img {
  vertical-align: middle;
}
.ie6 .ad img {
  vertical-align: baseline;
}
.ad .about {
  position: absolute;
  background-image: url(../image_chofu/item-arrow04.gif);
  background-repeat: no-repeat;
  background-position: left center;
  top: 8px;
  right: 10px;
  margin: 0;
  padding: 0 0 0 14px;
}
.ad .md-round-body {
  background-color: #fff;
  padding: 18px 0 0 32px;
  border-right: 1px #d9d9d9 solid;
  border-left: 1px #d9d9d9 solid;
}
.ie6 .ad .md-round-body {
  padding: 15px 0 6px 0;
  zoom: 1;
}
.ie7 .ad .md-round-body {
  padding: 18px 0 18px 32px;
}
.ad li {
  float: left;
  width: 150px;
  margin: 0 32px 20px 0;
}
.ie6 .ad li {
  margin: 0 23px 14px 10px;
}

/* ==========================================================================
   ユーティリティー（このサイトについて/免責事項/個人情報・セキュリティ/著作権・リンク/
   アクセシビリティについて/このページの先頭へ）
	 .utility02
   ========================================================================== */
.utility02 {
  background-image: url(../image_chofu/bg-utility02.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: transparent;
  overflow:hidden;
  margin: 0;
  padding: 0 15px 0 0;
  border-top:1px #D9D9D9 solid;
}
.ie6 .utility02 {
  background-image: url(../image_chofu/bg-utility02.gif);
}
.utility02 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.utility02 li {
  float: left;
  background-image: url(../image_chofu/item-arrow04.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0.4em 0 0 20px;
  padding: 0 0 0 13px;
}
.ie6 .utility02 li {
  background-image: url(../image_chofu/item-arrow04.gif);
}
.ie8 .utility02 li {
  margin: 12px 0 0 11px;
}
.utility02 li.page-top {
  background-image: url(../image_chofu/bg-page-top.gif);
  background-repeat: repeat-x;
  background-position:top;
  margin: 0 0 0 10px;
  padding: 0.4em 7px 0.3em 7px;
  overflow: visible;
  float:right;
}
.ie8 .utility02 li.page-top {
  padding: 12px 10px 0;
}
.utility02 li.page-top a {
  background-image: url(../image_chofu/item-arrow05.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 0 12px 10px;
  text-decoration: none;
}
.ie6 .utility02 li.page-top a, .ie7 .utility02 li.page-top a {
  padding: 0 0 0 10px;
  zoom: 1;
}

.utility02-inner {
  float: right;
}

/* ==========================================================================
   フッター
	 #footer
   ========================================================================== */
#footer {
  width: 980px;
  margin: 0 auto;
  padding: 0 0 25px 0;
  background-color: #fffaea;
}
#footer p, #footer ul, #footer li, #footer dl, #footer dt, #footer dd {
  margin: 0;
  padding: 0;
}
#footer ul {
  list-style: none;
}
#footer img {
  vertical-align: middle;
}
#footer .footer-box01 {
  float: left;
  width: 198px;
  border-right: 1px #306747 dotted;
}
#footer .footer-box02,
#footer .footer-box03 {
  float: left;
}
#footer .footer-box02 .title,
#footer .footer-box03 .title {
  margin: 0 0 4px 0;
  font-size: 1.07143em;
  font-weight: bold;
}
#footer .footer-box02 .title span,
#footer .footer-box03 .title span {
  font-weight: normal;
}
#footer .footer-box02 {
  width: 234px;
  padding: 0 20px;
  border-right: 1px #306747 dotted;
}
#footer .footer-box03 {
  width: 320px;
  padding: 0 0 0 20px;
}
#footer .footer-box04 {
  float: right;
}
#footer .footer-box04 li {
  margin: 0 0 4px 0;
}

.copyright {
  background-color: #3478b4;
  padding: 12px 0;
}
.copyright .small {
  width: 980px;
  margin: 0 auto;
  text-align: right;
  color: #fff;
}


/* ==========================================================================
   カウントダウンバナー
   ========================================================================== */

.cdbnr .md-homelist-body {display: block;border: 1px #5a75b2 solid;padding: 10px;}
.cdbnr h2 {font-size: 1.14286em;text-align: left;margin-bottom: 2px;}
.cdbnr div {text-align: right;}
.cdbnr div:after {
	content:" ";
	display:block;
	clear:both;
	white-space:pre-line;
}

.cdbnr div img {
	vertical-align: middle;
}
.cdbnr div img:first-child {
	float: left;
}

.cdbnr .count {
	display: inline-block;
}
.cdbnr .count span {
	display:inline-block;
	background-color: #012063;
	background-image:url(../image_chofu/cdbnr-bg.png);
	background-position:top center;
	background-repeat: no-repeat;
	color: #ffffff;
	margin-left:2px;
	font-weight: bold;
	padding:0.2em 7px 0.1em;
	font-size: 1.3em;
	vertical-align: middle;
}
.cdbnr .count span:first-child {
	margin-left:0px;
}

/*ラグビーワールドカップ*/
.cdbnr.rugby .md-homelist-body {
	border: 1px #d88f9b solid;
}
.cdbnr.rugby h2 {
	font-size: 1em;
}
.cdbnr.rugby h2 sup {
	font-size: 0.5em;
}
.cdbnr.rugby .count span {
	background-color: #842030;
}

/*FC東京*/
.cdbnr.fc-tokyo .md-homelist-body {
	border: 1px #d88f9b solid;
}
.cdbnr.fc-tokyo h2 {
	font-size: 1em;
}
.cdbnr.fc-tokyo h2 sup {
	font-size: 0.5em;
}
.cdbnr.fc-tokyo img:first-child {
  padding-left: 70px;
}
.cdbnr.fc-tokyo .count span {
	background-color: rgba(5, 40, 131, 1);
}
.cdbnr.fc-tokyo .count span:nth-child(2) {
	background-color: rgba(167, 0, 0, 1);
}

/* チャットボットサービス */
.ai-banner {
  position: fixed;
  bottom: 20px;
  right: 50px;
  z-index: 120;
}