@charset "UTF-8";

/* 画面表示用スタイル */

/* デザイン共通用 */
/* トピックス */
.s_topi_box {
    background: #F7F5F4;
    border: 1px solid #FFCDD3;
    padding: 10px 15px;
}
.s_topi_box div.h2bg {
    margin: 0;
    background: none;
    border: none;
}
.s_topi_box div.h2bg div{
    background: none;
    border: none;
}
.s_topi_box h2 {
    color: #554D42;
    padding: 0 4px 6px 30px;
    background: url(/images/s_b_topi_icon.png) no-repeat;
}
/* 枠あり汎用 */
.s_frame {
    padding: 10px;
    background: #E8F0FF;
}

/* ------------------------サブサイトトップ用共通------------------------ */

.imglink-side2 img {
    margin: 0 0 0 5px;
    padding: 0;
}
/* 重要なお知らせ*/
div#s_juyo {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: #FFF;
    border: 1px solid #FF6633;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    text-align: left;
    overflow: hidden;
    min-height: 50px;
}
h2.s_juyo-title {
    float: left;
    width: 100px;
    margin: 0;
    padding: 10px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    line-height: 1.5em;
    text-align: center;
    padding-top: 18px;
    background: #FFEBD7;
    color: #B81E0C;
}
div#s_juyo .inner {
    padding: 10px;
    margin: 0;
    overflow: hidden;
}
div#s_juyo .inner a {
    clear: both;
    margin: 0.56em 10px 0.1em 10px;
    padding: 0 0 2px 16px;
    background-image: url(/images/kinkyu_icon_link.gif);
    background-repeat: no-repeat;
    background-position: 0 0.38em;
    line-height: 1.5em;
    _height: 1%;
}
.s_juyo_icon {
    background-color: #F7F7F7;
    padding: 5px 10px 5px 25px;
    background-image: url(/images/s_juyo_icon.gif);
    background-repeat: no-repeat;
    background-position: 8px 50%;
}

/* ------------------------交通局専用------------------------ */
/* フッタ */
.s_oshirase_box.kotsu h2 {
    color: #2E529E;
    padding: 0 0 0 8px;
}
/* html */

/* ------------------------サブサイト用パーツ専用------------------------ */
/* tsa01_右寄せ一覧用リンク */
.ichiran-all div p {
    margin: 0;
    padding: 0;
    background: none;
}

/* tsa02_イベント情報 */
.sub_eve_txt p.day {
    font-size: 80%;
}
.sub_eve_txt p.filelink {
    clear: none;
    background: none;
    padding: 0;
}
.sub_eve_txt p.filelink a {
    padding: 0 0 2px 20px;
    background-image: url(/images/c_icon_filelink.gif);
    background-repeat: no-repeat;
    background-position: 1px 0.18em;
    line-height: 1.5em;
}
/* tsa03_画像（左）＋吹き出し */
.s_fukidashi_box {
    overflow: hidden;
    margin: 10px 0;
}
p.s_fukidashi-imglink {
    float: left;
    margin: 0;
    padding: 0 0 0.2em 0;
    text-align: center;
}
.s_fukidashi-btm {
    background: url(/images/s_fukidashi-btm.png) no-repeat 0 100%;
    padding: 0 0 10px 0;
    overflow: hidden;
    width: 420px;
    float: right;
}
.s_fukidashi-top {
    background-image: url(/images/s_fukidashi-top.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    padding: 10px 0 0 0;
}
.s_fukidashi-mid {
    background-image: url(/images/s_fukidashi-mid.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    overflow: hidden;
}
.s_fukidashi-mid p {
    width: 355px;
    margin: 0 20px 0 0;
    padding: 10px 10px 10px 14px;
    background-color: #FEE37A;
    float: right;
}
/* tsam01_関連リンク */
#sub_kanren {
    margin: 0 0 10px 0;
}
div#sub_kanren li {
    float: left;
    padding: 0;
    margin: 0 20px 10px 0;
    background-image: none;
}
/* tsam02_画像（右中央）＋文章 */
.img-area-r_sub_b {
    display: table;
    border-collapse: collapse;
    width: 100%;
    background: #FFF7D8;
    margin: 0 0 15px 0;
}
.img-area-r_sub_b .cell {
    float: none;
    display: table-cell;
    vertical-align: middle;
    margin: 0.56em 0 0 0;
    overflow: hidden;
    padding: 10px;
    _zoom: 1;
}
p.imglink-txt-right.cell {
    padding: 0 10px 0.2em 0;
}


/* tsy_お知らせ */
.s_oshirase_box {
    background: #FFFFFF;
    margin: 0 10px 10px 10px;
    padding: 10px 5px;
}
/* tsy_右ナビバナー */
p.imglink-sub-side {
    margin: 0 auto;
    background-image: none;
    padding: 0;
    width: 240px;
}


/* ポロロ日和 */
.album_area {
    margin: 0 10px 10px 10px;
    padding: 10px;
    background: #FEFAEA;
}
.album_h2 {
    color: #8C6831;
    font-weight: normal;
}
.album_h2 h2 {
    padding: 0;
}
.album_area p {
    margin: 0;
}
p.album_date {
    margin: 10px 0;
}
p.album_in img {
    margin: 0 auto;
    display: block;
}

/* 広告エリア */
div.kokoku {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    border: none;
}
div.kokoku-title {

}
div.kokoku-title {
	margin: 0;
	padding: 0;
	font-size: 120%;
	line-height: 120%;
}
div.kokoku-title p {
    float: right;
    display: block;
    margin: 0;
    padding: 3px 10px 0 13px;
    font-size: 80%;
    line-height: 1.5em;
    background-image: url(/images/c_icon_inlink.gif);
    background-repeat: no-repeat;
    background-position: 0 0.56em;
    _height: 1%;
}

div.kokoku ul {
	clear: both;
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
div.kokoku ul li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    width: 160px;
    height: 67px;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
    background-image: none !important;
    color: #000000;
    text-align: left;
}
.kokoku h2 {
    float: left;
    padding: 3px 0 3px 5px;
    font-weight: normal;
    font-size: 100%;
}
/* ------------------------サブサイト用トップ調整------------------------ */
div.main_inner {
    padding: 0 0 15px 0;
}
div.h1img {
    padding: 0 0 15px 0;
}
div.img-area {
    margin: 0 0 0.56em 0;
    padding: 0;
}
/* ------------------------交通局html取り込み用------------------------ */
.b_jikoku_box {
    background: url(/images/l_mb_erea_bg.gif);
    padding: 10px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
.b_jikoku_box h2 {
    padding: 10px 4px 6px 10px;
}
.b_jikoku__btn li {
    float: left;
    padding: 0;
    margin: 0 10px 0 0;
    background: none;
}