@charset "utf-8";
/* toppage.css */

/**************************************************
 トップページ
***************************************************/

/* ヘッダ */
div#header #headerRight ul.headerLink li.mobile { padding:0 15px 0 13px; }
div#header #headerRight ul.headerLink li.english { background:url(/files/000000040.gif) left center no-repeat; padding:0 8px 0 22px; }
div#header #headerRight ul.headerLink li.chinese { background:url(/files/000000041.gif) left center no-repeat; padding:0 8px 0 13px; }
div#header #headerRight ul.headerLink li.korean { background:url(/files/000000041.gif) left center no-repeat; padding:0 0 0 13px; }
/* トップメインビジュアル */
.topMainVisualArea { position: relative; margin-top: 10px; text-align:left;}
.cityArea{ position: absolute; width: 210px; margin: 0; padding: 0!important; border-top:1px solid #CECECE; text-align: left!important;z-index: 998;}
.cityArea h2{ display: none;}
.topMainVisual{ position: absolute; top: 0;left: 0; width: 100%; height: 275px; margin:0 0 10px; text-align:left; overflow:hidden; }
.topMainVisual .topMainVisualInner{ margin:0 0 0 220px;}
.topMainVisual .topMainVisualInner ul.topGallery{ list-style:none; margin: 0; padding: 0; width: 740px; height: 240px; overflow: hidden;}
.topMainVisual .topMainVisualInner ul.topGallery li{ float: left; position: relative; display: block; width: 740px;height: 240px;}
.topMainVisual .topMainVisualInner .bx-controls{ position: relative; widht: 100%; height: 35px; overflow: hidden;}
.topMainVisual .topMainVisualInner .bx-controls .bx-controls-auto{ position: absolute; top: 10px; right: 0;}
.topMainVisual .topMainVisualInner .bx-controls .bx-pager{ position: absolute; top: 10px; right: 65px; margin: 0; padding: 0;}
.topMainVisual .topMainVisualInner .bx-controls .bx-pager div{ float: left; margin-right: 3px;}
.topMainVisual .topMainVisualInner .bx-controls .bx-pager div a{ display: block; padding: 4px 6px;}
.topMainVisual .topMainVisualInner .bx-controls .bx-pager div.btnPrev{ margin-right: 10px;}
.topMainVisual .topMainVisualInner .bx-controls .bx-pager div.btnNext{ margin-left: 7px;}

/* メインコンテンツ */
div#mainContents { overflow:hidden; }

/* バナーエリア（左コンテンツ） */
div#leftContents .bannerArea{  }
div#leftContents .bannerArea h2.hiddenText{ position:absolute; top:-9999px; left:-9999px; }
div#leftContents .bannerArea ul{ padding:0; margin:0; list-style:none; }
div#leftContents .bannerArea ul li{ margin:0; padding:0 0 4px 0; list-style:none; }
div#leftContents .bannerArea ul li img{ margin:0; vertical-align:top; }

/* バナーエリア（右コンテンツ） */
div#rightContents .bannerArea{ padding:0; background-image:none; }
div#rightContents .bannerArea h2.hiddenText{ position:absolute; top:-9999px; left:-9999px; }
div#rightContents .bannerArea ul{ padding:0; margin:0; list-style:none; }
div#rightContents .bannerArea ul li{ margin:0; padding:0 0 4px 0; list-style:none; }
div#rightContents .bannerArea ul li img{ margin:0; vertical-align:top; }

/* ボックス（左・右コンテンツ） */
.menuBox{ padding:3px 0 7px 0; position:relative; }
.menuBox .menuBoxInner{ padding:10px; border:1px solid #CECECE; border-top:none; }
.menuBox ul { margin:0; padding:0; list-style: none; clear:both; }
.menuBox ul li { margin:0; padding: 0 0 3px 20px; list-style: none; display:block; overflow:hidden; zoom:1; background:url(/files/000000021.gif) left 0.3em no-repeat; }
.menuBox .toArchive{ text-align:right; font-weight:bold; }

/* ボックス（左） */
.mobileBox{ padding:3px 0 7px 0; }
.mobileBox .mobileBoxInner{ padding:10px; border:1px solid #CECECE; }
.mobileBox h2{ padding:0; }
.mobileBox .qrCode{ float:right; margin:0 0 0 0; display:inline; }
.mobileBox p{ margin:7px 0 0 0; }
.menuBox table.eventCalenderTopPage{ margin:0 0 10px 0; padding:0; border-collapse: collapse; border:1px solid #90D5E7; width:188px; font-size:1rem; }
.menuBox table.eventCalenderTopPage th{ margin:0; padding:2px 3px; background-color:#E5F6FB; border-bottom:1px solid #90D5E7; }
.menuBox table.eventCalenderTopPage td{ margin:0; padding:0; text-align:center; }
.menuBox table.eventCalenderTopPage td.red{ color:#B51D1D; }
.menuBox table.eventCalenderTopPage tr.top td{ padding:2px 0; background-color:#F3FBFD; border-bottom:1px solid #90D5E7; }
.menuBox table.eventCalenderTopPage td.month{ margin:0; padding:2px 3px; background-color:#E5F6FB; border-bottom:1px solid #90D5E7; text-align:left; font-weight:bold; }

/* ボックス（中央） */
.topInformationBox{ margin:0 0 10px 0; border:none; }
.topInformationBox h2{ margin:0!important; padding:0!important; height:40px!important; }
.topInformationBox h2{ background:#ffffff url(/files/000054739.gif) left top repeat-x!important; }
.topInformationBox .topInformationBoxInner{ padding:14px 5px 4px 5px; }
.topInformationBox ul{ margin:0; padding:0; list-style-type:none; }
.topInformationBox ul li{ margin:0; padding:0 0 6px 0; list-style-type:none; }
.topInformationBox p.toArchive{ float:right; background-image:none; padding:0 0 6px 20px; font-weight:bold; }
.topNewsBox{ margin:0 0 10px 0; border:none; }
.topNewsBox h2{ margin:0!important; padding:0!important; height:40px!important; }
.topNewsBox h2{ background:#ffffff url(/files/000054739.gif) left top repeat-x!important; }
.topNewsBox .topNewsBoxInner{ padding:14px 5px 4px 5px; }
.topNewsBox ul{ margin:0; padding:0; list-style-type:none; }
.topNewsBox ul li{ margin:0; padding:0 0 6px 0; list-style-type:none; }
.topNewsBox ul li p.date{ float:left; padding:0; width:7.5em; }
.topNewsBox ul li p.text{ overflow:hidden; }
* html .topNewsBox ul li p.text{ float:left; }
.topNewsBox p.toArchive{ float:right; background-image:none; padding:0 0 6px 20px; font-weight:bold; }
.mainEventBox{ margin:0 0 10px 0; background:#F3F3F3; border:1px solid #CECECE; border-top:3px solid #64AC2A; }
.mainEventBox h2{ margin:0!important; padding:0!important; height:40px!important; background:none!important; border:none!important; }
.mainEventBox .mainEventBoxInner{ }
.mainEventBox ul{ margin:0; padding:0 0 6px 2px; list-style-type:none; }
.mainEventBox ul li{ float:left; margin:0; padding:4px 0 0 4px; list-style-type:none; }
.mainEventBox ul li img{ vertical-align:top; }
.topicsBox{ padding:15px 0 0 0; border:none; }
.topicsBox h2{ margin:0!important; padding:0!important; height:40px!important; background:#ffffff url(/files/000054739.gif) left top repeat-x!important; }
.topicsBox .topicsBoxInner{ padding:15px 5px 0 5px; }
.topicsBox ul{ margin:0; padding:0; list-style-type:none; }
.topicsBox ul li{ margin:0; padding:0 0 20px 0; list-style-type:none; }
.topicsBox ul li p.photo{ float:left; font-weight:bold; padding:0 10px 0 0; }
.topicsBox ul li p.text{ overflow:hidden; }
* html .topicsBox ul li p.text{ float:left; }
.importantNewsBox{ margin:0 0 25px 0; border:none; border:2px solid #E6BDBA; }
.importantNewsBox h2{ margin:0!important; padding:0!important; height:34px!important; background:#FEF5F4!important; border:none!important; }
.importantNewsBox .importantNewsBoxInner{ padding:14px 10px 4px 10px; border-top:1px solid #E6BDBA; background-color:#FEF5F4; }
.importantNewsBox ul{ margin:0; padding:0; list-style-type:none; }
.importantNewsBox ul li{ margin:0; padding:0 0 6px 0; list-style-type:none; }
.mainBnBox{ margin:0 0 20px 0; text-align:center; overflow:hidden; }
.mainBnBox h2{ margin:0!important; padding:0!important; height:65px!important; background:#FEF5F4!important; border:none!important; }

/* ボックス（右） */
.menuBox ul.officeMap { margin:0; padding:7px 0 0 0; list-style: none; }
.menuBox ul.officeMap li { width:70px; margin:0; padding: 0 0 3px 20px; list-style: none; zoom:1; background:url(/files/000000021.gif) left 0.3em no-repeat; vertical-align:top; display: inline-block; }
* html .menuBox ul.officeMap li { display: inline; zoom: 1; /* for ie5〜6 */ }
*:first-child+html .menuBox ul.officeMap li { display: inline; zoom: 1; /* for ie7 */ }
* html .menuBox ul.officeMap li { width:90px; }

/* フッター */
div#footer{ padding:13px 0 0 0; clear:both; }

/* ページトップへ */
.pageTopBox{ margin:15px 10px 0 0; }

/* 緊急時 */
#emergencyArea{ margin:17px 0 0 0; text-align:center; }
#emergencyArea .emergencyBox{ background-color:#AE282F; padding:3px; font-weight:bold; }
#emergencyArea .emergencyBox h2{ padding:5px 0; text-align:center; }
#emergencyArea .emergencyBox .emergencyBoxInner{ background-color:#ffffff; padding:13px 15px; text-aling:left; }
#emergencyArea .emergencyBox p{ text-align:left; font-size:100%; }
#emergencyArea .emergencyBox p.title{ text-align:left; font-size:100%; margin:15px 0 0 15px;}

#emergencyArea ul { padding:5px 0 10px 0; margin:0; list-style:none; text-align:left; }
#emergencyArea ul li { padding: 0 0 0 20px; margin:5px 15px 0 15px; list-style:none; display:inline-block; vertical-align:top; background:url(/files/000000021.gif) left 0.3em no-repeat; display: inline-block; }
* html #emergencyArea ul li { display: inline; zoom: 1; overflow:hidden; /* for ie5〜6 */ }
*:first-child+html #emergencyArea ul li { display: inline; zoom: 1; /* for ie7 */ }

#emergencyArea ul.emergencyMokuji{ padding:10px 10px 11px 10px; margin:17px 0 0 0; list-style:none; border:1px solid #CECECE; text-align:center; font-weight:bold; background-color:#F8F8F8; zoom:1; }
#emergencyArea ul.emergencyMokuji li{ padding:0 5px 0 10px; margin:0; list-style:none; background:url(/files/000000041.gif) left center no-repeat; display: inline-block; }
* html #emergencyArea ul.emergencyMokuji li{ display: inline; zoom: 1; /* for ie5〜6 */ }
*:first-child+html #emergencyArea ul.emergencyMokuji li{ display: inline; zoom: 1; /* for ie7 */ }
#emergencyArea ul.emergencyMokuji li.mokuji{ padding:0 10px 0 26px; background:url(/files/000000056.gif) left center no-repeat; zoom:1; }
#emergencyArea ul.emergencyMokuji li.kurashi{ padding:0 7px 0 10px; background:url(/files/000000040.gif) left center no-repeat; zoom:1; }