@charset "utf-8";

/* =========================================================================

復興ポータルCSS

 =========================================================================*/


/*
@import url("site.css");


@import url("parts-detail.css");
*/


/* -------------------Reset------------------- */

body {
    font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 90%;
}

* {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}


/*リンク色*/

body a:link {
    text-decoration: none;
    color: #003DFF;
}

body a:visited {
    text-decoration: underline;
    color: #551A8B;
}

body a:hover {
    text-decoration: underline;
    color: #FF4500;
}

body a:active {
    text-decoration: underline;
    color: #CC0000;
}


/* ----Those that can be used as appropriate----------- */

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}


/* 画像+文章 */

.box_float_type1 {
    /*　　width: 400px; */
    overflow: hidden;
    _zoom: 1;
    /*IE6バグ対策*/
    padding: 15px;
}

.box_float_type1 .left {
    padding-right: 15px;
    float: left;
}

.box_float_type1 .right {
    overflow: hidden;
    _zoom: 1;
    /*IE6バグ対策*/
}

.box_float_type2 {
    overflow: hidden;
    _zoom: 1;
    /*IE6バグ対策*/
    padding: 15px;
}

.box_float_type2 .left {
    margin-right: 2%;
    width: 48%;
    float: left;
}

.box_float_type2 .right {
    width: 48%;
    float: left;
}


/* 画像+画像 */


/*　文字サイズ　*/

.text-big {
    font-size: 120%
}

.text-small {
    font-size: 90%
}


/* 関連サイトへのリンク */

.to_ref_site {
    background: url(/img/portal/english/icon_link.png) 0 0 no-repeat;
    padding-left: 20px;
}

.to_ref_site_big {
    background: url(/img/portal/english/icon_link.png) 0 2px no-repeat;
    padding-left: 20px;
    font-size: 120%
}

.text_description {
    background-color: #FFFFCC;
    padding: 15px 20px;
    border-radius: 20px;
}


/* email */

.link_email {
    padding-left: 20px;
    background: url("/img/logo_email.gif") 0 0.3em no-repeat;
}

.hide {
    position: absolute;
    left: -100em;
    top: -100em;
}

div.clearFloat {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0px;
}

hr.clearFloat {
    clear: both;
    visibility: hidden;
}


/* ヘッダー----------------------------------- */

#headtop {
    padding: 10px 0;
    min-height: 40px;
    border-bottom: 1px solid #EBEBEB;
    box-shadow: 1px 0 100px #F7F5F5;
    background-color: #fff;
}

#head001 {
    margin: 0 auto;
    text-align: center;
    width: 1100px;
    overflow: hidden;
}

#spMenu {
    display: none;
}


/* 翻訳 */

ul#dropmenu {
    display: inline-block;
    list-style-type: none;
    width: auto;
    max-width: 80%;
    padding: 0 10px 0 5px;
    box-sizing: border-box;
    vertical-align: top;
}

ul#dropmenu li {
    font-size: 0.8em;
    display: inline;
    margin: 0 1px 5px;
}


/*
ul#dropmenu li a{
	display: inline-block;
	height: 22px;
	white-space: nowrap;
	color:#000;
	padding:5px 5px 2px 5px;
	border:1px solid #ccc;
	border-radius:2px;
	line-height:20px;
}
*/


/*
ul#dropmenu li a:hover {
	text-decoration:none;
	border:1px solid #666;
	box-shadow:0px 0px 6px #ddd;
	transition-duration: 200ms;
	transition-property:all;
	transition-timing-function:ease;
}
*/

ul#dropmenu li a img {
    vertical-align: top;
}


/* 検索ボックス */

#top_search_keyword {
    padding: 0 0 0 10px;
    display: inline-block;
    border-left: 1px dotted #ccc;
    width: 20%;
    box-sizing: border-box;
    vertical-align: top;
}

.gsc-control-cse {
    padding: 0em!important;
}

input.gsc-search-button {
    padding: 5px 0.9em!important;
}

#header_fl {
    margin: 0 auto;
    width: 1100px;
    position: relative;
    z-index: 1;
}


/* ボツ
#head_pref {
	position: absolute;
	top: 5px;
	left: 5px;
	color:#FFF;
	font-weight:bold;
	text-shadow: 2px 2px 5px #999999;
	z-index: 1000;
}
*/

#portalhead {
    width: 450px;
    height: 150px;
    position: absolute;
    /*	top: 20px;
	left: 20px; */
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
}

*:first-child+html #portalhead {
    left: 325px;
    right: auto;
}

#headlogo {
    position: absolute;
    bottom: 0;
}

#headlogo a {
    display: block;
}


/*グローバルナビ*/

div#headlower {
    clear: both;
    margin: 10px 0 20px;
}

div#headlower * {
    box-sizing: border-box;
}

#portal-gnav {
    width: 100%;
    overflow: hidden;
}

#portal-gnav li {
    float: left;
    width: 20%;
    list-style: none outside none;
    background-color: #F0F0F0;
    background: linear-gradient(#FFFFFF, #F0F0F0);
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

#portal-gnav li:nth-of-type(1) {
    border-left: 1px solid #CCCCCC;
}

*:first-child+html #portal-gnav li {
    width: 218px;
}

#portal-gnav li a {
    text-decoration: none;
    color: #333333;
    display: inline-block;
    padding: 10px;
    font-size: 1.2em;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

*:first-child+html #portal-gnav li a {
    width: 198px;
    height: auto;
}

#portal-gnav li a:hover {
    text-decoration: underline;
}

li#gnav01 {
    border-bottom: 3px solid #3D8AE0;
}

li#gnav02 {
    border-bottom: 3px solid #009E96;
}

li#gnav03 {
    border-bottom: 3px solid #F37E14;
}

li#gnav04 {
    border-bottom: 3px solid #BE3214;
}

li#gnav05 {
    border-bottom: 3px solid #ED81A7;
}

li#gnav01:hover {
    background: #DEEBFA;
}

li#gnav02:hover {
    background: #CCFDEE;
}

li#gnav03:hover {
    background: #FDF2E3;
}

li#gnav04:hover {
    background: #FEE2E3;
}

li#gnav05:hover {
    background: #FCE2F8;
}

#w1100 {
    margin: 0 auto;
    width: 1100px;
}


/*パンくず*/

div#w1100 .pankuzu {
    border: 1px solid #ddd;
    /*	background: url("/img/pankuzu_back.gif") no-repeat 10px center #F8F8F2;
	padding: 0.8em 0 0.8em 80px; */
    background-color: #F8F8F2;
    padding: 0.7em;
    font-size: 100%;
}


/* トップページ */

#main_slider .bxslider-image-box li {
    max-height: 350px;
    overflow: hidden;
}


/* 3 column メニューページ */

#wrapper {
    float: right;
    width: 860px;
    overflow: hidden;
}

#left3col {
    float: left;
    width: 220px;
}

#right3col {
    float: right;
    width: 220px;
}

#main3col {
    float: left;
    width: 620px;
}


/* ページ下部のナビゲーション */

#navi_next *,
#navi_next_end * {
    box-sizing: border-box;
}

#navi_next ul {
    border-radius: 20px;
    width: 250px;
    margin: 2em auto 1em;
    overflow: hidden;
    border: 1px solid #aaa;
}

#navi_next li {
    list-style-type: none;
    float: left;
    width: 50%;
}

#navi_next li:nth-child(1) {
    border-right: 1px solid #ccc;
}

#navi_next li a,
#navi_next_end a {
    padding: 10px;
    display: block;
    text-align: center;
    color: #333;
    font-weight: bold;
    background-color: #F9FBA8;
}

#navi_next li a:hover,
#navi_next_end a:hover {
    color: #FFF !important;
    background-color: #64962E;
}

#navi_next_end a {
    border-radius: 20px;
    width: 120px;
    margin: 2em auto 1em;
    border: 1px solid #aaa;
}


/* トップに戻る */

#footerbtn {
    position: absolute;
    right: 10px;
    top: 10px;
}

#ptop a {
    text-align: center;
    display: block;
    color: #333;
    font-weight: bold;
    width: 50px;
    height: 50px;
    padding-top: 20px;
    box-sizing: border-box;
    background: transparent url("/img/portal/english/btn_to_top_off.png") center center no-repeat;
}

#ptop a:hover {
    color: #FFF !important;
    background: transparent url("/img/portal/english/btn_to_top_on.png") center center no-repeat;
}


/* フッター */

#footer {
    clear: both;
    background: #92CB52;
    box-shadow: 0 0 30px #CFD8CC;
    position: relative;
    margin-top: 40px;
}

#author_info {
    margin: 0 auto;
    padding: 10px 5px;
    width: 100%;
    max-width: 1100px;
}

#author_info p {
    margin: 0.8em;
}

#author_info span {
    margin-right: 20px;
}

#footer a:link,
#footer a:visited,
#footer a:active {
    color: #000;
    text-decoration: none;
}

#footer a:hover {
    color: #FF4500;
    text-decoration: underline;
}


/* 右カラム　関連リンク、関連動画 */

.sub-nav-list,
.sub-nav-movie {
    border: 4px solid #ddd;
    margin: 0 0 10px;
    width: auto;
}

.sub-nav-list .title,
.sub-nav-movie .title {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #F0F7E7;
    font-size: 120%;
}

.sub-nav-list ul,
.sub-nav-movie ul {
    list-style-type: none;
}

.sub-nav-list li {
    border-bottom: 1px dotted #ddd;
}

.sub-nav-list li a {
    padding: 5px 25px 5px 10px;
    display: block;
    background: #FFF url("/img/portal/template/icon_list_04.png") 97% center no-repeat;
}

.sub-nav-list li a:hover {
    background: #F0F7E7 url("/img/portal/template/icon_list_04_over.png") 98% center no-repeat;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;
}

.sub-nav-movie li,
.no_contents {
    border-bottom: 1px dotted #ddd;
    padding: 5px 10px;
}

.box_movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.box_movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.sub-nav-movie img {
    width: 100%;
    height: auto;
}

.sub-nav-movie a img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* Ie用 */
}


/* 右カラム メニューリスト */

.portal-sub-nav-menu {
    background-color: #FAFDF7;
    border: 4px solid #C6E19C;
    margin: 0 0 30px;
}

.portal-sub-nav-menu .title {
    padding: 10px;
    background-color: #C6E19C;
    font-size: 120%;
}

.portal-sub-nav-menu ul {
    list-style-type: none;
}

.portal-sub-nav-menu li {
    border-bottom: 1px dotted #ddd;
}

.portal-sub-nav-menu li a {
    padding: 10px 25px 10px 10px;
    display: block;
    background: #FFF url("/img/portal/template/icon_list_04.png") 97% center no-repeat;
}

.portal-sub-nav-menu li a:hover {
    background: #F0F7E7 url("/img/portal/template/icon_list_04_over.png") 98% center no-repeat;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;
}

.portal-sub-nav-menu li strong {
    padding: 10px;
    display: block;
}


/*　放射線マップ----------------------------　*/

#box_radiation {
    width: 100%;
    max-width: 550px;
}

#rd_map {
    width: 100%;
    height: auto;
    position: relative;
}

#rd_map .header-group {
    border: 1px solid #2e9c5a;
    width: 96%;
    overflow: hidden;
    background-color: #ffffff;
    margin: 5px 2%;
    position: absolute;
}

#rd_map .header-group h3,
.rdv_m_hg {
    padding: 5px 1%;
    float: left;
    font-size: 1.0em;
    text-align: center;
}

#rd_map .header-group h3 {
    color: #ffffff;
    background-color: #2e9c5a;
    width: 56%;
}

.rdv_m_hg {
    width: 36%;
}


/* PCサイズでは非表示 */

.rdv_back_sp,
.rdv_number {
    display: none;
}

.rdv_caption {
    margin-bottom: 8px;
    padding: 5px;
    color: #ffffff;
    background: #2e9c5a;
}

.num_place {
    font-size: 1.1em;
}

.rdv_unit_microsvph {
    font-size: 0.7em;
}

.rdv_m_01,
.rdv_m_02,
.rdv_m_03,
.rdv_m_04,
.rdv_m_05,
.rdv_m_06,
.rdv_m_07,
.rdv_m_08 {
    border: 1px solid #2e9c5a;
    padding-bottom: 8px;
    background: #ffffff;
    text-align: center;
    min-width: 110px;
    position: absolute;
    width: 20%;
}

.rdv_m_01 {
    top: 19%;
    left: 58%;
}

.rdv_m_02 {
    top: 19%;
    left: 35%;
}

.rdv_m_03 {
    top: 75%;
    left: 39%;
}

.rdv_m_04 {
    top: 50%;
    left: 10%;
    width: 25%;
}

.rdv_m_05 {
    top: 73%;
    left: 12%;
}

.rdv_m_06 {
    top: 33%;
    left: 80%;
}

.rdv_m_07 {
    top: 56%;
    left: 80%;
}

.rdv_m_08 {
    top: 13%;
    left: 2%;
}


/*　放射線マップ詳細はこちら　*/

.rd_map_text {
    clear: both;
    margin: 1.2em 0;
}

.rdv_more {
    position: absolute;
    bottom: 2%;
    right: 1%;
    border-radius: 2px;
    width: 200px;
}

.rdv_more a {
    padding: 8px 10px 8px 30px;
    background: url(/img/portal/template/icon_rdv_more.png) 5px 50% no-repeat #FFB61B;
    border-radius: 2px;
    cursor: pointer;
    display: block;
}

.rdv_more a:hover {
    color: #fff;
    background: url(/img/portal/template/icon_rdv_more.png) 5px 50% no-repeat #FA781B;
}

.rdv_more {
    -ms-animation-name: rdv_more-transform-keyframes;
    -ms-animation-duration: 2000ms;
    -ms-animation-delay: 0ms;
    -ms-animation-fill-mode: forwards;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 0 0;
    -webkit-animation-name: rdv_more-transform-keyframes;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: rdv_more-transform-keyframes;
    animation-duration: 2000ms;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

@-ms-keyframes rdv_more-transform-keyframes {
    0% {
        -ms-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
    }
    50% {
        -ms-transform: translate(4px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
        -ms-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    }
    100% {
        -ms-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
    }
}

@-webkit-keyframes rdv_more-transform-keyframes {
    0% {
        -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
    }
    50% {
        -webkit-transform: translate(4px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
        -webkit-animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
    }
}

@keyframes rdv_more-transform-keyframes {
    0% {
        transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
    }
    50% {
        transform: translate(4px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
        animation-timing-function: cubic-bezier(.25, .25, .75, .75);
    }
    100% {
        transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0, 0);
    }
}


/* 放射線マップ　参考値 横並びは#box_rd_other、縦並びは#box_rd_other_page */

#box_rd_other,
#box_rd_other_page {
    padding: 5px;
    margin: 15px 5px;
    overflow: hidden;
}

#box_rd_other_page {
    border: 1px solid #ccc;
}

#box_rd_other #box_rd_other_kokunai,
#box_rd_other #box_rd_other_kaigai {
    width: 48%;
    float: left;
    padding-bottom: 5px;
    margin: 0 1% 10px 0;
    border: 1px solid #ccc;
}

#box_rd_other_page #box_rd_other_kokunai,
#box_rd_other_page #box_rd_other_kaigai {
    width: 100%;
    max-width: 500px;
    padding-bottom: 5px;
    margin: 0 auto;
}

#box_rd_other_page #box_rd_other_kokunai {
    margin: 0 auto 15px;
}

#box_rd_other_kokunai {
    background: url(/img/portal/template/bg_rd_other_kokunai.png) center bottom no-repeat;
    background-color: #F2F1B7;
}

#box_rd_other_kaigai {
    background: url(/img/portal/template/bg_rd_other_kaigai.png) center 20% no-repeat;
    background-color: #D8F0F8;
}

#box_rd_other .title,
#box_rd_other_page .title {
    padding: 0.5em 10px;
    margin: 0;
}

#box_rd_other_kokunai .title {
    background-color: #F5DC63;
}

#box_rd_other_kaigai .title {
    background-color: #88CDEE;
}

#box_rd_other .naiyou,
#box_rd_other_page .naiyou {
    font-size: 75%;
    padding: 0.5em;
    margin: 0.8em 0;
    min-height: 74px;
}

#box_rd_other .button,
#box_rd_other_page .button {
    margin: 0.5em;
    background: url(/img/portal/template/bg_rd_other_button_ie.png) left top repeat/* old browser */
    ;
}

#box_rd_other .button,
#box_rd_other_page .button {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.5);
}

#box_rd_other .button a,
#box_rd_other_page .button a {
    display: block;
    padding: 0.5em 0.5em 0.5em 28px;
}

#box_rd_other_kokunai a {
    background: url(/img/portal/template/icon_rdv_kokunai.png) 3px 50% no-repeat;
}

#box_rd_other_kaigai a {
    background: url(/img/portal/template/icon_rdv_kaigai.png) 3px 50% no-repeat;
}

#box_rd_other_kokunai .button a:hover {
    background-color: #FFB61B;
    color: #FFF;
}

#box_rd_other_kaigai .button a:hover {
    background-color: #2EA8E1;
    color: #FFF;
}


/* 放射線マップ　参考値ここまで */


/* =========================================================================*/


/*　共通　*/


/* =========================================================================*/


/*
.sns_tw {
    width: 100px;
}
 facebookボタン可変対応
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe,
.fb_iframe_widget iframe[style],
.fb_iframe_widget span
{
	width: 100% !important;
}

.fb_iframe_widget{
	margin:1em auto;
}

 */


/* トップページ #indexPortal------------------------------------- */


/* トップページのみ２カラム */

#left_col {
    float: left;
    width: 520px;
    margin-top: 10px;
}

#right_col {
    float: right;
    width: 560px;
    margin-top: 10px;
}

ul#mainnav li {
    display: block;
    background-color: #FBECCE;
    background: linear-gradient(#FBECCE, #F7DA9B);
    border-radius: 15px;
    margin-bottom: 10px;
}

ul#mainnav li:hover {
    background: #F7DA9B;
}

ul#mainnav li a {
    display: table-cell;
    vertical-align: middle;
    width: 520px;
    height: 120px;
    font-size: 1.4em;
    color: #333;
    padding: 0 15px 0 140px;
}

*:first-child+html ul#mainnav li a {
    display: block;
    width: auto;
    height: 80px;
    padding: 10px 15px 10px 140px;
}

ul#mainnav li a {
    background-repeat: no-repeat;
    background-position: 20px center;
}

ul#mainnav li#mnav01 a {
    background-image: url("/img/portal/english/img_mnav01.png")
}

ul#mainnav li#mnav02 a {
    background-image: url("/img/portal/english/img_mnav02.png")
}

ul#mainnav li#mnav03 a {
    background-image: url("/img/portal/english/img_mnav03.png")
}

ul#mainnav li#mnav04 a {
    background-image: url("/img/portal/english/img_mnav04.png")
}

ul#mainnav li#mnav05 a {
    background-image: url("/img/portal/english/img_mnav05.png")
}


/* 見出し */

#left_col h2,
#right_col h2,
#detailPortal h2,
#main3col h2 {
    border-bottom: 1px solid #B3D1A9;
    border-left: 8px solid #719b42;
    padding: 10px 0 10px 20px;
    font-size: 1.5em;
    font-weight: normal;
    box-shadow: 0px 5px 10px #eee;
    background-color: #C6E19C;
    margin: 1.5em 0 1em;
}

#main3col h2:nth-child(1) {
    margin: 0 0 1em !important;
}

#detailPortal h3 {
    border-bottom: 1px solid #DFDFA5;
    padding: 10px 40px 10px 20px;
    margin: 1em 0;
    font-size: 1.2em;
    font-weight: normal;
    box-shadow: 0px 3px 8px #F0EFEF;
    background-color: #F7F7D1;
}

#detailPortal h4 {
    border-bottom: 1px dotted #ccc;
    padding: 0 20px 10px 20px;
    margin: 1em 0;
}

#detailPortal h5 {
    font-size: 100%;
    padding: 0 20px 10px 20px;
    color: #475123;
    margin-bottom: 0;
    margin: 1em 0;
}

#detailPortal h5:before {
    content: "●";
    padding-right: 10px;
}

#detailPortal h6 {
    font-size: 100%;
    padding: 0 20px 10px 38px;
    color: #475123;
    margin: 1em 0;
}

#detailPortal h1 {
    margin-bottom: 20px;
    padding: 10px 0 10px 15px;
    border-bottom: 5px solid #719b42;
    line-height: 1.4;
    font-size: 180%;
    background-color: #C6E19C;
}


/* 新着情報 */

#portal-news {
    margin: 20px 0;
}

#portal-news ul {
    margin: 1em 0;
}

#portal-news li {
    background: url("/img/portal/template/icon_list_03.png") 2px 15px no-repeat;
    padding: 8px 0 8px 20px;
    font-size: 100%;
    border-bottom: 1px dotted #ccc;
    list-style-type: none;
}

#portal-news li .date {
    margin-right: 1em;
}

#portal-news .text_d2 {
    text-align: right;
}

.text_d {
    padding: 0 12px 0 18px;
    background: url("/img/icon_list.gif") no-repeat left center;
}

.icon_rss {
    padding: 0 12px 0 18px;
    background: url("/img/icon_rss.gif") no-repeat left center;
}


/* =========================================================================*/


/* 大カテゴリ・小カテゴリ */


/* =========================================================================*/


/*大メニューのタイトル*/

#list2Portal .h1box {
    background: url(/img/portal/template/h1_icon_line_back_01.png);
    border: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

#list2Portal .h1box h1 {
    padding: 15px 10px 15px 80px;
    font-size: 2.5em;
    font-weight: 100;
    background-image: url(/img/portal/template/icon_title_01.png);
    background-position: 13px 15px;
    background-repeat: no-repeat;
    background-color: #FFE8D0;
}


/* 個別 */

#list2Portal .cat01 .h1box {
    background: url(/img/portal/template/h1_icon_line_back_05.gif);
}

#list2Portal .cat01 .h1box h1 {
    background-image: url(/img/portal/template/icon_title_05.png);
    background-color: #ECFAFF;
}

#list2Portal .cat02 .h1box {
    background: url(/img/portal/template/h1_icon_line_back_07.gif);
}

#list2Portal .cat02 .h1box h1 {
    background-image: url(/img/portal/template/icon_title_04.png);
    background-color: #E8E8F3;
}

#list2Portal .cat03 .h1box {
    background: url(/img/portal/template/h1_icon_line_back_02.gif);
}

#list2Portal .cat03 .h1box h1 {
    background-image: url(/img/portal/template/icon_title_02.png);
    background-color: #FEF3E5;
}

#list1Portal .cat04 .h1box {
    background: url(/img/portal/template/h1_icon_line_back_01.png);
}

#list2Portal .cat04 .h1box h1 {
    background-image: url(/img/portal/template/icon_title_03.png);
    background-color: #FFE8D0;
}

#list2Portal .cat05 .h1box {
    background: url(/img/portal/template/h1_icon_line_back_08.gif);
}

#list2Portal .cat05 .h1box h1 {
    background-image: url(/img/portal/template/icon_title_08.png);
    background-color: #F4E6F2;
}


/*小メニューのタイトル*/

#list1Portal .h1box {
    background: #F2DA84;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-width: 1px 1px 1px 1px;
}

#list1Portal .h1box h1 {
    background: #F7F7D1;
    padding: 0 0 0 20px;
    margin: 0 0 0 10px;
    line-height: 70px;
    font-size: 2em;
    font-weight: normal;
}


/* 大メニューと小メニューのリード文 */

.text_menu_summary {
    background: #FFFCC4;
    padding: 1em;
}

.text_menu_summary p {
    margin: 1em;
}


/* 大メニュー　小メニューのサムネイル・サマリーリスト */

#box_menulist {
    margin: 1.0em 0;
}

.item_block {
    clear: both;
    overflow: hidden;
    margin: 1.0em 0;
    padding: 10px;
    border-bottom: 1px dotted #dddddd;
}

p.img_thumb {
    float: left;
    width: 40%;
}

.text_summary {
    float: right;
    width: 60%;
}

.text_summary p {
    margin: 1em 0;
}

.text_summary .text_linktitle {
    display: block;
    font-size: 1.4em;
    margin: 0 0 1em;
}

.item_block ul li {
    list-style-type: none;
    background: url("/img/portal/template/icon_list_03.png") left 10px no-repeat;
    padding: 5px 0 3px 15px;
}


/* =========================================================================*/


/*　最終　*/


/* =========================================================================*/


/*ポータル最終ページ*/

#detailPortal #p2col {
    margin: 1.0em 0 1.5em;
}

#detailPortal {
    line-height: 1.2em;
}

.detail_free p,
.detail_html p {
    margin: 1.0em 0.5em;
}

.detail_movie {
    margin: 1.0em 0.5em 2.0em;
}


/* PDF,WMPリンク */

.pdf_download,
.wmplayer_download {
    clear: both;
    margin: 12px 0;
    padding: 0 6px;
    border-top: 1px #CCCCCC solid;
}

.pdf_download p,
.wmplayer_download p {
    margin: 10px 0;
}

.pdf_download .pdf_img,
.wmplayer_download .wmplayer_img {
    float: left;
    padding: 0 14px 0 2px;
}

.tenpu_txt {
    text-align: left;
}

.detail_free img {
    max-width: 1090px;
    height: auto;
}


/*　リスト表示　*/

.detail_free ul,
.detail_free ol {
    margin: 1em 1em 1em 3em;
}

.detail_free ul li {
    list-style-type: none;
    background: url("/img/portal/template/icon_list_03.png") left 0.8em no-repeat;
    padding: 0.5em 15px;
}


/*　テーブル　*/

.detail_free table,
#main_more table {
    box-shadow: 0px 3px 8px #F0EFEF;
    margin-bottom: 1em;
    border-collapse: collapse;
}

.detail_free table th,
.detail_free table td,
#main_more table th,
#main_more table td {
    padding: 10px;
    border: 1px solid #aaa;
}

.detail_free table th,
#main_more table th {
    background-color: #C6E19C;
}

.layout-table {
    border: none;
    box-shadow: none;
}

.detail_free table.layout-table,
.detail_free table.layout-table td {
    background-color: transparent;
    border: none!important;
    box-shadow: 0 0
}

.detail_free table.layout-table td {
    vertical-align: top;
}


/*　余白設定
#detailPortal p + h2,
#detailPortal div + h2,
#detailPortal table + h2,
#detailPortal ul + h2,
#detailPortal p + h3,
#detailPortal div + h3,
#detailPortal table + h3,
#detailPortal ul + h3,
#detailPortal p + h4,
#detailPortal div + h4,
#detailPortal table + h4,
#detailPortal ul + h4,
#detailPortal p + h5,
#detailPortal div + h5,
#detailPortal table + h5,
#detailPortal ul + h5,
#detailPortal p + h6,
#detailPortal div + h6,
#detailPortal table + h6,
#detailPortal ul + h6{
    margin-top: 2em;
    clear: left;
}
　*/


/* section_fotter */

#section_footer {
    margin: 3em 0px;
}

#section_footer_title {
    padding: 0.8em 0 0.8em 40px;
    font-weight: normal;
}


/* SNSボタン・更新日 */

#detail_date {
    clear: both;
    padding: 6px 0 8px 0;
    overflow: hidden;
}

#detail_date .text_r {
    float: right;
}

#detail_date #sns {
    float: right;
    _display: none;
}

#detail_date .sns_tw,
#detail_date .sns_fb {
    display: inline-block;
    margin-right: 10px;
}

img.icon-new-window {
    width: 10px!important;
    padding-left: 10px;
    box-sizing: content-box;
}


/* section_fotter */

#section_footer {
    clear: both;
    margin: 3em 0px;
    border: 1px solid #CCCCCC;
    font-size: 100%;
}

#section_footer_title {
    background: url("/img/icon_mail.gif") no-repeat 12px center #E0EAEC;
    padding: 0.3em 0 0.3em 30px;
    font-weight: bold;
}

#section_footer_name {
    padding-top: 10px;
    padding-left: 15px;
}

#section_footer_info {
    padding-left: 15px;
    padding-bottom: 10px;
}


/* 個別------------------------------------------- */


/* Q&A */

#main_more {
    width: 100%;
    margin: 0 auto;
}

.question_list {
    background-color: #e0edfd;
    width: 80%;
    padding: 5px 20px;
    margin: 50px auto 0;
    line-height: 1.5;
}

.question_list ul {
    list-style-type: none;
}

.question *,
.answer * {
    box-sizing: border-box;
}

.question {
    clear: both;
    margin: 90px 0 40px;
    min-height: 100px;
    overflow: hidden;
    position: relative;
}

.question_base {
    background-image: url("/img/portal/more_img_q.png");
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-color: #e0edfd;
    position: relative;
    margin: 0 120px 0 auto;
    width: 650px;
    padding: 25px 20px 25px 60px;
}

#detailPortal .question_base h2 {
    font-weight: normal;
    box-shadow: none;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.question_base::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #e0edfd;
    border-image: none;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    bottom: 30px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    width: 0;
}

.boy {
    position: absolute;
    right: 5px;
    top: 0;
    width: 100px;
}

.answer {
    clear: both;
    margin-bottom: 40px;
    position: relative;
}

.kibitan {
    position: absolute;
    left: 0;
    top: 0;
}

.answer_base::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff5f8 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 30px;
    width: 0;
}

.answer_base {
    background-image: url("/img/portal/more_img_a.png");
    background-repeat: no-repeat;
    background-color: #fff5f8;
    background-position: 20px 20px;
    margin-left: 120px;
    padding: 25px 20px 25px 60px;
    position: relative;
    width: 900px;
}

.answer5_box {
    clear: both;
    margin: 20px 0;
    background-color: #FFF;
}

#detailPortal .answer5_box h3 {
    background-color: #efcfff;
    border-bottom: 1px solid #ddd;
    clear: both;
    font-size: 95%;
    padding: 5px;
}

.answer5_box ul {
    padding: 5px;
}

.answer5_box li {
    font-size: 90%;
    line-height: 1.4em;
    margin: 0 20px 10px;
}

#answer_box dl {
    font-size: 90%;
}

#answer_box dl dt {
    background-color: #f97e53;
    color: #fff;
    line-height: 2em;
    text-indent: 23px;
}

#answer_box dl dd {
    margin: 20px 20px 30px;
}

#main_more .back a::before {
    content: "∧";
    font-weight: bold;
    padding: 0 10px 0 0;
}

#main_more .back a {
    background-color: #fdeff3;
    border-radius: 2px;
    clear: both;
    display: block;
    margin: 20px 20px 0 auto;
    width: 30%;
    padding: 10px;
    text-align: center;
}

dl.box_commentary {
    border: 1px solid #999;
}

dl.box_commentary dt {
    color: #FFF;
    padding: 0.5em;
}

dt.subject_measures1 {
    background-color: #cc293d;
}

dt.subject_measures2 {
    background-color: #0062d0;
}

dt.subject_measures3 {
    background-color: #08af8f;
}

dl.box_commentary div.list_measures {
    position: relative;
    margin: 1.0em 20px 2.0em;
}

dl.box_commentary dd p {
    padding: 5px 10px 5px 20px;
}

dl.box_commentary .title {
    font-weight: bold;
    width: 100%;
    max-width: 700px;
    background-color: #FEFBCF;
    padding: 5px 10px;
}

dl.box_commentary p.principle {
    width: 300px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 5px;
    text-align: center;
    background-color: #666;
    color: #FFF;
}


/* 折りたたみ */

.open-box .open-box-title {
    cursor: pointer;
    background: url(/img/portal/template/icon_open_box.png) no-repeat 95% center;
}

.open-box .open-box-title.active {
    background: url(/img/portal/template/icon_open_box_active.png) no-repeat 95% center;
}

.open-box-content {
    display: none;
}

@media only screen and (max-width: 767px) {
    /* 3 column -> 1 column メニューページ */
    #wrapper,
    #left3col,
    #right3col,
    #main3col {
        float: none;
        width: 98%;
        margin: 0 auto;
    }
    #left_col,
    #right_col {
        float: none;
        width: 100%;
    }
    #footerbtn {
        top: -25px;
    }
    .detail_movie {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    .detail_movie iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .detail_free img,
    .detail_html img {
        max-width: 100%;
        height: auto;
    }
    .table_scroll {
        overflow: scroll;
    }
    .layout-table tr,
    .layout-table td {
        display: block;
    }
    .detail_free table.layout-table td {
        width: 98%;
    }
    .box_float_type2 .left,
    .box_float_type2 .right {
        margin: 0 auto;
        width: 98%;
        float: none;
    }
    .pankuzu {
        display: none;
    }
    #headtop {
        padding: 10px 0 5px;
    }
    div#head001,
    div#header_fl,
    div#w1100 {
        width: 100%;
        max-width: none;
    }
    #head001 {
        text-align: left;
    }
    div#top_search_keyword {
        display: block;
        width: 100%;
        border: none;
        padding: 10px 10px 0;
    }
    div#header_fl .bx-wrapper {
        height: auto;
        width: auto;
    }
    #headlogoanima {
        display: none;
    }
    #portalhead,
    #headlogo,
    #headlogo a {
        width: 100%;
        height: auto;
        position: static;
    }
    #headlogo h1 a,
    #headlogo a {
        text-align: center;
        background: linear-gradient(#11B546, #00843B);
        margin: 0 auto;
        padding: 10px 0;
    }
    #list2Portal .h1box {
        padding-bottom: 15px;
    }
    #list2Portal .h1box h1 {
        padding: 15px 10px 15px 50px;
        font-size: 1.5em;
        font-weight: 100;
        background-size: 30px 30px;
    }
    #detailPortal h1 {
        padding: 10px 5px;
        font-size: 130%;
        font-weight: 100;
    }
    /* 放射線マップ　smartphone */
    .rdv_back {
        display: none;
    }
    .rdv_back_sp {
        display: block;
    }
    .rdv_caption {
        font-size: 0.8em;
    }
    .rdv_number {
        display: inline;
    }
    .rdv_back_sp img {
        width: 100%;
        height: auto;
    }
    #rd_map .header-group {
        position: static;
    }
    #rd_map .header-group h3,
    .rdv_m_hg {
        font-size: 0.8em;
        width: auto;
        float: none;
    }
    .rdv_m_01,
    .rdv_m_02,
    .rdv_m_03,
    .rdv_m_04,
    .rdv_m_05,
    .rdv_m_06,
    .rdv_m_07,
    .rdv_m_08 {
        position: static;
        box-sizing: border-box;
        width: 48%;
        min-width: initial;
        min-width: auto;
        display: inline-block;
    }
    .rdv_more {
        position: static;
        margin: 5px auto;
        width: 90%;
        box-sizing: border-box;
    }
    div#box_rd_other #box_rd_other_kokunai,
    div#box_rd_other #box_rd_other_kaigai {
        width: 100%;
        float: none;
    }
    ul#spMenu {
        display: block;
        margin-left: 10px;
    }
    ul#spMenu li {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 2px;
        box-sizing: border-box;
        width: 50px;
    }
    ul#spMenu li img {
        width: 100%;
        height: auto;
    }
    /* 翻訳 */
    ul#dropmenu {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    ul#dropmenu li,
    ul#dropmenu li a {
        display: block;
        margin: 0;
    }
    /* グローバルナビ */
    #portal-gnav li {
        float: none;
        width: 100%;
        border-top: 1px solid #CCCCCC;
        border-right: none;
    }
    #portal-gnav li:nth-of-type(1) {
        border-left: none;
    }
    /* Q&A */
    .question {
        margin: 40px 0 30px;
    }
    .question_base,
    .answer_base {
        width: 100%;
        margin: 0 auto;
        background-position: 5px 5px;
        background-size: 20px 20px;
        padding: 10px 10px 10px 30px;
    }
    .question_base::after,
    .answer_base::after {
        content: none;
    }
    #detailPortal .question_base h2 {
        font-size: 1.2em;
    }
    .boy,
    kibitan {
        display: none;
    }
    #main_more .back a {
        width: 100%;
    }
    dl.box_commentary div.list_measures {
        margin: 1.0em 10px 2.0em;
    }
    dl.box_commentary dd p {
        padding: 5px 10px;
    }
    dl.box_commentary .title {
        width: auto;
        margin: 0;
    }
    dl.box_commentary p.principle {
        position: static;
        width: auto;
    }
}

@media only screen and (max-width: 580px) {
    p.img_thumb,
    .text_summary {
        float: none;
        width: 100%;
    }
    #headlogo a img {
        width: 100%;
        max-width: 340px;
        height: auto;
    }
}


/* 各言語Q&A */


/* ドイツ語 */

.question_base_de {
    background-image: url("/img/portal/de/more_img_q.png");
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-color: #e0edfd;
    position: relative;
    margin: 0 120px 0 auto;
    width: 650px;
    padding: 25px 20px 25px 60px;
}

#detailPortal .question_base_de h2 {
    font-weight: normal;
    box-shadow: none;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.question_base_de::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #e0edfd;
    border-image: none;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    bottom: 30px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    width: 0;
}


/* フランス語 */

.answer_base_fr {
    background-image: url("/img/portal/fr/more_img_a.png");
    background-repeat: no-repeat;
    background-color: #fff5f8;
    background-position: 20px 20px;
    margin-left: 120px;
    padding: 25px 20px 25px 60px;
    position: relative;
    width: 900px;
}

.answer_base_fr::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff5f8 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 30px;
    width: 0;
}


/* スペイン語 */

.question_base_es {
    background-image: url("/img/portal/es/more_img_q.png");
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-color: #e0edfd;
    position: relative;
    margin: 0 120px 0 auto;
    width: 650px;
    padding: 25px 20px 25px 60px;
}

#detailPortal .question_base_es h2 {
    font-weight: normal;
    box-shadow: none;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.question_base_es::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #e0edfd;
    border-image: none;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    bottom: 30px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    width: 0;
}

.answer_base_es {
    background-image: url("/img/portal/es/more_img_a.png");
    background-repeat: no-repeat;
    background-color: #fff5f8;
    background-position: 20px 20px;
    margin-left: 120px;
    padding: 25px 20px 25px 60px;
    position: relative;
    width: 900px;
}

.answer_base_es::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff5f8 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 30px;
    width: 0;
}


/* ポルトガル語 */

.question_base_pt {
    background-image: url("/img/portal/pt/more_img_q.png");
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-color: #e0edfd;
    position: relative;
    margin: 0 120px 0 auto;
    width: 650px;
    padding: 25px 20px 25px 60px;
}

#detailPortal .question_base_pt h2 {
    font-weight: normal;
    box-shadow: none;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.question_base_pt::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #e0edfd;
    border-image: none;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    bottom: 30px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    width: 0;
}

.answer_base_pt {
    background-image: url("/img/portal/pt/more_img_a.png");
    background-repeat: no-repeat;
    background-color: #fff5f8;
    background-position: 20px 20px;
    margin-left: 120px;
    padding: 25px 20px 25px 60px;
    position: relative;
    width: 900px;
}

.answer_base_pt::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff5f8 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 30px;
    width: 0;
}


/* イタリア語 */

.question_base_it {
    background-image: url("/img/portal/it/more_img_q.png");
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-color: #e0edfd;
    position: relative;
    margin: 0 120px 0 auto;
    width: 650px;
    padding: 25px 20px 25px 60px;
}

#detailPortal .question_base_it h2 {
    font-weight: normal;
    box-shadow: none;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.question_base_it::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #e0edfd;
    border-image: none;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    bottom: 30px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    width: 0;
}

.answer_base_it {
    background-image: url("/img/portal/it/more_img_a.png");
    background-repeat: no-repeat;
    background-color: #fff5f8;
    background-position: 20px 20px;
    margin-left: 120px;
    padding: 25px 20px 25px 60px;
    position: relative;
    width: 900px;
}

.answer_base_it::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff5f8 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    content: "";
    display: block;
    left: -15px;
    position: absolute;
    top: 30px;
    width: 0;
}


/* 2017/2/1以降修正
-----------------------------------------*/


/* 画像で作るdrop downリスト */

ul.gyou1_2 {
    list-style: none;
    line-height: 25px;
}

ul.gyou1_2 li {
    position: relative;
    border: none;
}

ul.gyou1_2 a {
    position: relative;
    text-decoration: none;
    margin: 0;
}

ul.gyou1_2 a:visited {}

div#headtop div#head001 ul.gyou1_2 ul {
    position: relative;
    display: none;
    list-style: none;
    color: #000000;
    margin: 0;
    padding: 0;
}

ul.gyou1_2>li {}

ul.gyou1_2>li li {
    clear: left;
    border: #aaaaaa 1px solid;
    border-top: none;
    padding: 0px 10px !important;
    margin: 0 !important;
    background: #FFFFEE;
}

ul.gyou1_2>li li a {
    background: #eeeeee;
    font-size: 12px;
}

ul.gyou1_2 li:hover>a {}

div#headtop div#head001 ul.gyou1_2 li:hover>ul {
    display: inline-block;
    position: absolute;
    top: 104%;
    left: 0px;
}

ul.gyou1_2 li a:hover {}

ul.gyou1_2 li li:hover ul {
    top: 0px;
    left: 100%;
}

#headtop #head001 #dropmenu .drop_tyubun {
    border: 1px solid #ccc;
    padding: 4px 5px 0px 2px;
    border-radius: 2px;
    vertical-align: top;
    display: inline-block;
    font-size: 100%;
    z-index: 7;
}

.drop_kantai,
.drop_hantai {
    font-size: 12px;
}

ul#dropmenu>li>a {
    display: inline-block;
    height: 22px;
    background-image: none;
    background-repeat: no-repeat;
    text-indent: 0px;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    font-size: 100%;
    padding: 5px 5px 2px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: auto;
    vertical-align: top;
    line-height: 20px;
}

ul#dropmenu>li>a:hover {
    text-decoration: none;
    background: #FFF;
    border: 1px solid #666;
    box-shadow: 0px 0px 6px #ddd;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease;
}

#head001 {
    overflow: visible;
}

ul#dropmenu li {
    display: inline-block;
    margin: 1px 1px 5px;
    vertical-align: top;
}

ul#mainnav li a {
    height: 160px;
}


/* topバナーゾーン */

#banner-z {
    width: 100%;
    margin-top: 10px;
}

#banner-z p {
    padding: 7px;
}

#banner-z img {
    width: 100%;
}

.banner-z {
    width: 24%;
    margin-right: 9px;
    display: inline-block;
    background-color: rgb(198, 225, 156);
}

.banner-z-last {
    width: 24%;
    display: inline-block;
    background-color: rgb(198, 225, 156);
}

@media only screen and (max-width: 767px) {
    ul#dropmenu .drop_tyubun {
        text-align: center;
        padding: 10px 0 0 0;
        border: 1px solid #ccc;
        border-radius: 2px;
    }
    ul#dropmenu li .drop_kantai,
    ul#dropmenu li .drop_hantai {
        font-size: 100%;
    }
    .banner-z {
        width: 45%;
        margin-bottom: 20px;
    }
    .banner-z-last {
        width: 45%;
    }
    ul#dropmenu li,
    ul#dropmenu li a {
        display: block !important;
    }
    ul#dropmenu {
        text-align: center;
    }
    div#headtop div#head001 ul.gyou1_2 ul {
        width: 100%;
    }
    .portal-gnav li {
        float: none !important;
        width: 100% !important;
        border-top: 1px solid #ccc !important;
        border-right: none !important;
    }
    .drop {
        display: none;
    }
}

@media only screen and (max-width: 580px) {
    #banner-z {
        text-align: center;
    }
    .banner-z {
        width: 90%;
        margin-bottom: 20px;
    }
    .banner-z-last {
        width: 90%;
    }
}


/* メニュー部分
-----------------------------------------*/


/*　dropnav　*/

.dropnav {
    *zoom: 1;
    list-style-type: none;
    width: 960px;
    margin: 5px auto 30px;
    padding: 0;
}

.dropnav:before,
.dropnav:after {
    content: "";
    display: table;
}

.dropnav:after {
    clear: both;
}

.dropnav li {
    position: relative;
    width: 20%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

.dropnav li a {
    display: block;
    margin: 0;
    padding: 15px 0 11px;
    background: #8a9b0f;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
}

.dropnav li ul {
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}

.dropnav li ul li {
    width: 100%;
}

.dropnav li ul li a {
    padding: 13px 15px;
    border-top: 1px solid #7c8c0e;
    background: #6e7c0c;
    text-align: left;
}

.dropnav li:hover>a {
    background: #6e7c0c;
}

.dropnav li a:hover {
    background: #616d0b;
}

#left-to-right li ul li {
    overflow: hidden;
    height: 0;
    transition: .2s;
}

#left-to-right li:hover ul li {
    overflow: visible;
    height: 38px;
}

.drop {
    z-index: 2;
    width: 100%;
}

.drop0 {
    height: 135px;
}

.drop li a:hover {
    background: #DFDFD0 none repeat scroll 0 0 !important;
}

#left-to-right li ul {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
}

#left-to-right li ul li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

#left-to-right li ul li a {
    border-top: 1px solid #ccc;
    padding: 13px 15px;
    text-align: left;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    text-decoration: none;
}

#left-to-right li ul li a:link {
    color: #000;
}

#left-to-right li ul li a:visited {
    color: #000;
}

.portal-gnav {
    width: 100%;
    overflow: hidden;
}

.portal-gnav li {
    float: left;
    width: 20%;
    list-style: none outside none;
    background-color: #F0F0F0;
    background: linear-gradient(#FFFFFF, #F0F0F0);
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    height: 90px;
}

.portal-gnav>li:nth-of-type(1) {
    border-left: 1px solid #CCCCCC;
}

.portal-gnav li a {
    text-decoration: none;
    color: #333333;
    display: inline-block;
    padding: 10px;
    font-size: 1.2em;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.drop li {
    border: none;
}

#gnav03 ul li a {
    border-left: 5px solid #F37E14;
    background-color: #FDF2E3;
}

#gnav01 ul li a {
    border-left: 5px solid #3D8AE0;
    background-color: #DEEBFA;
}

#gnav02 ul li a {
    border-left: 5px solid #009E96;
    background-color: #CCFDEE;
}

#gnav04 ul li a {
    border-left: 5px solid #BE3214;
    background-color: #FEE2E3;
}

#gnav05 ul li a {
    border-left: 5px solid #ED81A7;
    background-color: #FCE2F8;
}

.drop_h {
    font-size: 130%;
    font-weight: bold;
}

.drop_h p {
    background: #6ec071;
    padding: 11px;
}

#header_fl {
    z-index: 6;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 5 !important;
}

#left-to-right li ul li:last-child {
    border-bottom: 1px solid #ccc;
}


/* 20170307追加分
-----------------------------------------*/

.navi120>li {
    height: 120px;
}


/* 20170530 福島の概要修正時の追加分
-----------------------------------------*/

.basicdate {
    position: relative;
    text-align: center;
}

.basicdate ul {
    position: absolute;
    top: 70px;
    font-size: 118%;
    text-align: left;
    margin: 1em 1em 1em 3em;
}

.basicdate>ul>li {
    margin-bottom: 1em;
    list-style-type: disc;
    background: none;
    padding: 0.5em 15px;
}

.basicdate li a {
    text-decoration: underline;
}

#detailPortal .basicdate h2 {
    border: none;
    background: none;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    font-size: 1em;
}

.bold {
    font-weight: bold;
}

figure {
    position: relative;
    overflow: hidden;
    width: 400px;
}

figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(158, 204, 23, .8);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}

figcaption p {
    color: #FFF;
    text-align: center;
}

.fig-img {
    margin-top: 50px !important;
}

.fig-p {
    margin-top: 25px !important;
    font-size: 150%;
    line-height: 1em;
}

figure:hover figcaption {
    opacity: 1;
}

.link-wrap {
    padding: 50px 50px 50px 80px;
}

#outline-wrap {
    margin-top: 20px;
    background-color: #FDE8D0;
    width: 100%;
}

.outline-col {
    width: 400px;
    background-color: #FFF;
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
}

.outline-col2,
.outline-col3 {
    width: 400px;
    background-color: #FFF;
    display: inline-block;
    margin: 0 30px 40px 134px;
}

.details {
    text-align: center;
    padding-bottom: 20px;
}

.outline-icon {
    margin: 10px 0px 0px -30px;
    float: left;
    padding-bottom: 10px;
}

.outline-h3 {
    margin: 20px 0px 20px 20px;
    float: left;
}

#detailPortal .outline-h3 h3 {
    background: none;
    margin: 0px;
    padding: 0px;
    border: none;
    font-weight: bold;
    box-shadow: none;
    font-size: 130%;
    line-height: 1.2em;
}

.outline-text-wrap1 {
    height: 170px;
}

.outline-text-wrap2 {
    height: 210px;
}

.outline-text-wrap150 {
    height: 150px;
}

.outline-text-wrap160 {
    height: 160px;
}

.outline-text-wrap170 {
    height: 170px;
}

.outline-text-wrap180 {
    height: 180px;
}

.outline-text-wrap190 {
    height: 190px;
}

.outline-text-wrap200 {
    height: 200px;
}

.outline-text-wrap210 {
    height: 210px;
}

.outline-text-wrap220 {
    height: 220px;
}

.outline-text {
    margin: 0px auto;
    width: 85%;
    clear: both;
}

.details a {
    background-color: #3F3326;
    padding: 5px 60px 5px 60px;
    font-size: 200%;
    color: #FFFFFF !important;
}

.details a:hover {
    text-decoration: none !important;
    background-color: #9ECC17;
    -webkit-transition: .3s;
    transition: .3s;
}

.details>a>img {
    display: none;
}

.outline-h3>a>img {
    display: none;
}

.outline-col3 {
    top: 32px;
    position: relative;
}


/*-----------スマホ対応-----------*/


/*--PC版の間--*/

@media all and (min-width: 768px) {
    .basicdate_s {
        display: none;
    }
}


/*--スマホ版の間--*/

@media all and (max-width: 767px) {
    .basicdate_d {
        display: none;
    }
    .basicdate ul {
        position: static;
        font-size: 100%;
    }
    .basicdate ul li {
        margin: 0;
    }
    .outline-col2,
    .outline-col3 {
        margin: 0 0 30px 0;
    }
    #outline-wrap {
        text-align: center;
    }
    .outline-col,
    .outline-col2,
    .outline-col3 {
        text-align: left;
        width: auto;
    }
    .link-wrap {
        padding: 5px;
    }
    figure {
        width: auto;
    }
    figure>img {
        width: 100%;
    }
    .outline-icon img {
        display: none;
    }
    .outline-text-wrap1,
    .outline-text-wrap2 {
        height: auto;
    }
    .details {
        padding: 10px;
    }
    .outline-col3 {
        position: static;
    }
}


/* ヘッダー修正追記20181218 */

#dropmenu>li img {
    display: block;
    margin: 0 auto;
}

div#head001 ul li {
    min-width: 50px;
}

@media screen and (min-width:768px) {
    #gsc-i-id1 {
        height: 46px !important;
    }
    .gsc-control-wrapper-cse table table {
        padding: 0 !important;
    }
    .gsc-search-box-tools .gsc-search-box .gsc-input {
        vertical-align: top !important;
        padding-right: 0;
    }
    .cse .gsc-search-button-v2,
    .gsc-search-button-v2 {
        padding: 17px 27px !important;
    }
    div#top_search_keyword {
        width: 25%;
    }
    form.gsc-search-box {
        margin-bottom: 0px !important;
    }
    #top_search_keyword .gsc-input .gsib_a,
    #top_search_keyword .gsc-input .gsib_b {
        padding: 0!important;
    }
}

ul#dropmenu>li>a {
    padding: 5px 10px 2px;
}

div#head001 ul li {
    margin: 0 3px 5px;
}

ul#dropmenu>li>a {
    height: auto;
}

ul.gyou1_2>li li {
    padding: 6px 3px !important;
}