@charset "utf-8";
/* =======================================
	Style css
========================================== */
/* -------------------------------------
	Common
------------------------------------- */
/* header
--------------------------------------------------------- */
/*h-nav*/
.h-nav a {
	display: block;
	text-decoration: none;
    font-size: 1.3rem;
    font-weight: bold;
    color: #177faa;
}
.h-nav a:hover,
.h-nav a:focus {
    color: #000;
}
.h-nav .home a::before,
.h-nav .home a:hover::before,
.h-nav .home a:focus::before {
    background-image: url(/common/images/icon_hnav_home.png);
}
.h-nav .fresh a::before,
.h-nav .fresh a:hover::before,
.h-nav .fresh a:focus::before {
    background-image: url(/common/images/icon_hnav_fresh.png);
}
.h-nav .tour a::before,
.h-nav .tour a:hover::before,
.h-nav .tour a:focus::before {
    background-image: url(/common/images/icon_hnav_tour.png);
}
.h-nav .help a::before,
.h-nav .help a:hover::before,
.h-nav .help a:focus::before {
    background-image: url(/common/images/icon_hnav_help.png);
}
.h-nav .contact a::before,
.h-nav .contact a:hover::before,
.h-nav .contact a:focus::before {
    background-image: url(/common/images/icon_hnav_contact.png);
}
.h-nav .mailing a::before,
.h-nav .mailing a:hover::before,
.h-nav .mailing a:focus::before {
    background-image: url(/common/images/icon_hnav_mailing.png);
}
.h-nav .sitemap a::before,
.h-nav .sitemap a:hover::before,
.h-nav .sitemap a:focus::before {
    background-image: url(/common/images/icon_hnav_sitemap.png);
}
.h-nav .home a::before,
.h-nav .home a:hover::before,
.h-nav .home a:focus::before,
.h-nav .fresh a::before,
.h-nav .fresh a:hover::before,
.h-nav .fresh a:focus::before,
.h-nav .tour a::before,
.h-nav .tour a:hover::before,
.h-nav .tour a:focus::before,
.h-nav .help a::before,
.h-nav .help a:hover::before,
.h-nav .help a:focus::before,
.h-nav .contact a::before,
.h-nav .contact a:hover::before,
.h-nav .contact a:focus::before,
.h-nav .mailing a::before,
.h-nav .mailing a:hover::before,
.h-nav .mailing a:focus::before,
.h-nav .sitemap a::before,
.h-nav .sitemap a:hover::before,
.h-nav .sitemap a:focus::before {
    display: inline-block;
    position: relative;
    top: .2rem;
    margin-right: .5rem;
    margin-left: .5rem;
    content:"";
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}
.h-nav .home a::before,
.h-nav .fresh a::before,
.h-nav .tour a::before,
.h-nav .help a::before,
.h-nav .contact a::before,
.h-nav .mailing a::before,
.h-nav .sitemap a::before {
    background-position: 0 0px;
}
.h-nav .home a:hover::before,
.h-nav .home a:focus::before,
.h-nav .fresh a:hover::before,
.h-nav .fresh a:focus::before,
.h-nav .tour a:hover::before,
.h-nav .tour a:focus::before,
.h-nav .help a:hover::before,
.h-nav .help a:focus::before,
.h-nav .contact a:hover::before,
.h-nav .contact a:focus::before,
.h-nav .mailing a:hover::before,
.h-nav .mailing a:focus::before,
.h-nav .sitemap a:hover::before,
.h-nav .sitemap a:focus::before {
    background-position: 0 -15px;
}
/*searchbox*/
.searchbox { width: 262px; }
.searchbox input[type=submit] {
	float: left;
	height: 25px;
	width: 66px;
	margin: 0 0 0 -3px;
	font-size: 0;
	background: url(/common/images/btn_search.png) no-repeat 0 0;
}
.searchbox input[type=submit]:hover,
.searchbox input[type=submit]:focus { background-position: bottom; }
/* gloval nav
--------------------------------------------------------- */
.dropmenu > li {
min-width: 4em;
}
.dropmenu > li.nav02,
.dropmenu > li.nav03,
.dropmenu > li.nav04,
.dropmenu > li.nav06,
.dropmenu > li.nav07 {
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
}
.dropmenu > li.nav01,
.dropmenu > li.nav05,
.dropmenu > li.nav09 {
-webkit-box-flex:2;
-ms-flex:2 1 auto;
flex:2 1 auto;
}
.dropmenu > li.nav08 {
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
}

.dropmenu > li > a {
    color: #fff;
    font-size: 1.35rem;
	height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dropmenu li ul.sub-nav { top: 3rem; }
.dropmenu > li > a::before {
    height: 3rem;
    visibility: hidden;
	content: "";
	position: relative;
	bottom: -2.2rem;
	left: 50%;
	margin-left: -2rem;
	border-top: 8px solid #177faa;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	z-index: 100;
    opacity: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    display: block;
    }
.dropmenu > li > a:hover::before,
.dropmenu > li > a:focus::before,
.dropmenu > li:hover > a::before,
.dropmenu > li:focus > a::before {
    visibility: visible;
	content: "";
	position: relative;
	bottom: -3rem;
	left: 50%;
	margin-left: -2rem;
	border-top: 8px solid #177faa;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	z-index: 100;
    opacity: 1;
    -webkit-transition: .3s ease .3s;
    transition: .3s ease .3s;
}
/*sub-menu*/
.sub-menu01 {
	height: 27px;
	width: 239px;
	background: url(/common/images/h2_menu01.png)
}
.sub-menu02 {
	height: 27px;
	width: 120px;
	background: url(/common/images/h2_menu02.png)
}
.sub-menu03 {
	height: 27px;
	width: 180px;
	background: url(/common/images/h2_menu03.png)
}
.sub-menu04 {
	height: 27px;
	width: 151px;
	background: url(/common/images/h2_menu04.png)
}
.sub-menu05 {
	height: 27px;
	width: 274px;
	background: url(/common/images/h2_menu05.png)
}
.sub-menu05-1 {
	height: 27px;
	width: 89px;
	background: url(/common/images/h2_menu05-1.png)
}
.sub-menu05-2 {
	width: 149px;
	background: url(/common/images/h2_menu05-2.png)
}
.sub-menu06 {
	height: 27px;
	width: 118px;
	background: url(/common/images/h2_menu06.png)
}
.sub-menu07 {
	height: 27px;
	width: 151px;
	background: url(/common/images/h2_menu07.png)
}
.sub-menu08 {
	height: 27px;
	width: 58px;
	background: url(/common/images/h2_menu08.png)
}
.sub-menu09 {
	height: 27px;
	width: 273px;
	background: url(/common/images/h2_menu09.png)
}
/*photo*/
.pho01 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho01.jpg) no-repeat center;
}
.pho02 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho02.jpg) no-repeat center;
}
.pho03 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho03.jpg) no-repeat center;
}
.pho04 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho04.jpg) no-repeat center;
}
.pho05-1 {
	float: left;
	height: 160px;
	width: 239px;
	margin: 0 15px 15px 0;
	background: #fff url(/common/images/menu_pho05-1.jpg) no-repeat center;
}
.pho05-2 {
	float: left;
	height: 160px;
	width: 239px;
	margin: 0 15px 15px 0;
	background: #fff url(/common/images/menu_pho05-2.jpg) no-repeat center;
}
.pho06 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho06.jpg) no-repeat center;
}
.pho07 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho07.jpg) no-repeat center;
}
.pho08 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho08.jpg) no-repeat center;
}
.pho09 {
	height: 160px;
	width: 239px;
	background: #fff url(/common/images/menu_pho09.jpg) no-repeat center;
}
/* -------------------------------------
	Top page
------------------------------------- */
/* top-market
--------------------------------------------------------- */
.top-market h2 {
	height: 30px;
	width: 154px;
	background: url(/common/images/market_h2.png) no-repeat 0 1px;
}
.market-box .market-policy {
	background: url(/common/images/bg_market-policy.png) no-repeat 100% 0;
    background-size: 50px 30px;
	height: 30px;
}
.market-box li .market01 { background: url(/common/images/market01.png) no-repeat 6px 5px; }
.market-box li .market02 { background: url(/common/images/market02.png) no-repeat 6px 5px; }
.market-box li .market03 { background: url(/common/images/market03.png) no-repeat 6px 5px; }
.market-box li .market04 { background: url(/common/images/market04.png) no-repeat 6px 5px; }
.market-box li .market05 { background: url(/common/images/market05.png) no-repeat 6px 5px; }
.market-box li .market06 { background: url(/common/images/market06.png) no-repeat 6px 5px; }
.market-box .txt {
	float: left;
	overflow: hidden;
	height: 16px;
	width: 92px;
	background: url(/common/images/top-market_caution.png);
	text-indent: 100%;
	white-space: nowrap;
}
.market-box .link { float: right; }
.market-box .link a {
	display: block;
	overflow: hidden;
	height: 14px;
	width: 237px;
	background: url(/common/images/top-market_link.png);
	text-indent: 100%;
	white-space: nowrap;
}
.market-box .link a:hover,
.market-box .link a:focus { background-position: 0 102%; }
/* news-box
--------------------------------------------------------- */
.top-column2 .headline h2::before,
.news-list .headline h2::before {
    content:url(/common/images/headline_h2.png);
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.top-column2 .headline h2,
.news-list .headline h2 {
	height: 17px;
	width: 75px;
	float: left;
	padding: 0;
	margin: 1px 0 0;
    color: #fff;
    font-size: 1.3rem;
	border: none;
    position: relative;
    top: -3px;
}
#news-tab {
	float: left;
	width: 400px;
	margin: 0 0 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#news-tab li {
-webkit-box-flex: 1;
-ms-flex: 1 auto;
flex: 1 auto;
}
#news-tab li:nth-child(3) ,
#news-tab li:nth-child(5) {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
#news-tab li  a {
    color: #fff;
    font-size: 1.4rem;
	display: block;
	height: 26px;
    text-decoration: none;
    text-align: center;
    line-height: 1.7;
    padding: 2px 0 0;
    outline: none;
}
#news-tab li a:hover,
#news-tab li a:focus {
    background-color: #177faa;
    color: #fff;
}
#news-tab li.active a{
    color: #000;
    background-color: #fff;
}
.btn-box li a {
	display: block;
    color: #177faa;
    background-color: #fff;
	height: 20px;
	width: 45px;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.7;
    border-radius: 2px;
    -webkit-box-shadow: 1.5px 1.5px 1px rgba(0,0,0,0.3) inset;
    box-shadow: 1.5px 1.5px 1px rgba(0,0,0,0.3) inset;
    font-weight: bold;
}
.btn-box li a:hover,
.btn-box li a:focus {
    background-color: #177faa;
    color:#fff;
}
.item-news ul li{
position: relative;
}
/* news icon */
.news-tabbox span,
.pickup-slider .text-box span.date,
.item-news ul li span,
.item-news ul li .thumb {
    position: relative;
}
.news-tabbox span > img,
.pickup-slider .text-box span.date > img,
.item-news ul li span > img,
.item-news ul li .thumb img:first-child {
width: 66px;
height: 20px;
position: absolute;
}

.news-tabbox span > img {
left: 9rem;
}

/*政策委員会ページ等のニュースアイコン表示*/
.item-news ul li .thumb img:first-child {
    left: 0.5rem;
    top: 0.5rem;
}
.item-news ul li .thumb {
    display: inline-block;
    height: 20px;
    width: 66px;
}


/* for news-icon at pick up news*/
.pickup-slider .text-box span.date > img {
top: 0;
right: 0;
}

/*News Iconのうち疑似要素でテキスト表示している箇所
2018.12のシステム刷新後に削除*/
    .item-news ul li span.date-about,
    .item-news ul li span.date-mopo,
    .item-news ul li span.date-finsys,
    .item-news ul li span.date-paym,
    .item-news ul li span.date-note_tfjgs,
    .item-news ul li span.date-intl_finance,
    .item-news ul li span.date-research,
    .item-news ul li span.date-statistics,
    .item-news ul li span.date-announcements
    {
        position: static;
    }
        .item-news .date-about::before,
        .top-pickup .about .date::before,
        .news-tabbox li .date-about::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#23007f;
        }
        .item-news .date-about::after,
        .top-pickup .about .date::after,
        .news-tabbox li .date-about::after {
            content: "\65E5\672C\9280\884C\306B\3064\3044\3066";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.7,0.9);
            transform: scale(0.7,0.9);
            color:#fff;
            text-align: center;
            letter-spacing: -2px;
            line-height: 1.8;
        }
        .top-pickup .about .date::before,
        .news-tabbox li .date-about::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .about .date::after,
        .news-tabbox li .date-about::after {
            top: 0;
            right: -2.5px;
        }
        .item-news .date-about::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-about::after {
            top: 5px;
            left: 80px;
        }
        .item-news .date-mopo::before,
        .top-pickup .mopo .date::before,
        .news-tabbox li .date-mopo::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#710075;
        }
        .item-news .date-mopo::after,
        .top-pickup .mopo .date::after,
        .news-tabbox li .date-mopo::after {
            content: "\91D1\878D\653F\7B56";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.9,1);
            transform: scale(0.9,1);
            color:#fff;
            letter-spacing: 1.8px;
            text-align: center;
            line-height: 1.65;
        }
        .top-pickup .mopo .date::before,
        .news-tabbox li .date-mopo::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .mopo .date::after,
        .news-tabbox li .date-mopo::after {
            top: 0;
            right: 9px;
        }
        .item-news .date-mopo::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-mopo::after {
            top: 6px;
            left: 92px;
        }
        .item-news .date-finsys::before,
        .top-pickup .finsys .date::before,
        .news-tabbox li .date-finsys::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#a1003b;
        }
        .item-news .date-finsys::after,
        .top-pickup .finsys .date::after,
        .news-tabbox li .date-finsys::after {
            content: "\91D1\878D\30B7\30B9\30C6\30E0";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.75,1);
            transform: scale(0.75,1);
            color:#fff;
            letter-spacing: 0.5px;
            text-align: center;
            line-height: 1.7;
        }
        .top-pickup .finsys .date::before,
        .news-tabbox li .date-finsys::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .finsys .date::after,
        .news-tabbox li .date-finsys::after {
            top: 0;
            right: -0.5px;
        }
        .item-news .date-finsys::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-finsys::after {
            top: 5px;
            left: 85px;
        }
        .item-news .date-paym::before,
        .top-pickup .paym .date::before,
        .news-tabbox li .date-paym::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#b36500;
        }
        .item-news .date-paym::after,
        .top-pickup .paym .date::after,
        .news-tabbox li .date-paym::after {
            content: "\6C7A\6E08\30FB\5E02\5834";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.9,1);
            transform: scale(0.9,1);
            color:#fff;
            letter-spacing: 0.5px;
            text-align: center;
            line-height: 1.7;
        }
        .top-pickup .paym .date::before,
        .news-tabbox li .date-paym::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .paym .date::after,
        .news-tabbox li .date-paym::after {
            top: 0;
            right: 8px;
        }
        .item-news .date-paym::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-paym::after {
            top: 5px;
            left: 92px;
        }
        .item-news .date-note_tfjgs::before,
        .top-pickup .note_tfjgs .date::before,
        .news-tabbox li .date-note_tfjgs::before {
            content: "";
            position: absolute;
            height: 20px;
            width: 66px;
            background-color:#484500;
        }
        .item-news .date-note_tfjgs::after,
        .top-pickup .note_tfjgs .date::after,
        .news-tabbox li .date-note_tfjgs::after {
            content: "\9280\884C\5238\FF0F\56FD\5EAB\30FB\56FD\50B5";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.57,1);
            transform: scale(0.57,1);
            color:#fff;
            letter-spacing: -0.5px;
            text-align: center;
            line-height: 1.7;
        }
        .top-pickup .note_tfjgs .date::before,
        .news-tabbox li .date-note_tfjgs::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .note_tfjgs .date::after,
        .news-tabbox li .date-note_tfjgs::after {
            top: 0;
            right: -15px;
        }
        .item-news .date-note_tfjgs::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-note_tfjgs::after {
            top: 7px;
            left: 70px;
        }
        .item-news .date-intl_finance::before,
        .top-pickup .intl_finance .date::before,
        .news-tabbox li .date-intl_finance::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#546700;
        }
        .item-news .date-intl_finance::after,
        .top-pickup .intl_finance .date::after,
        .news-tabbox li .date-intl_finance::after {
            content: "\56FD\969B\91D1\878D";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.9,1);
            transform: scale(0.9,1);
            color:#fff;
            letter-spacing: 1.8px;
            text-align: center;
            line-height: 1.65;
        }

        .top-pickup .intl_finance .date::before,
        .news-tabbox li .date-intl_finance::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .intl_finance .date::after,
        .news-tabbox li .date-intl_finance::after {
            top: 0;
            right: 9px;
        }
        .item-news .date-intl_finance::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-intl_finance::after {
            top: 6px;
            left: 93px;
        }
        .item-news .date-research::before,
        .top-pickup .research .date::before,
        .news-tabbox li .date-research::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#00691f;
            letter-spacing: 1px;
            text-align: center;
            line-height: 1.8;
        }
        .item-news .date-research::after,
        .top-pickup .research .date::after,
        .news-tabbox li .date-research::after {
            content: "\8ABF\67FB\30FB\7814\7A76";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.9,1);
            transform: scale(0.9,1);
            color:#fff;
            letter-spacing: 0.5px;
            text-align: center;
            line-height: 1.6;
        }

        .top-pickup .research .date::before,
        .news-tabbox li .date-research::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .research .date::after,
        .news-tabbox li .date-research::after {
            top: 0;
            right: 8px;
        }
        .item-news .date-research::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-research::after {
            top: 7px;
            left: 92px;
        }
        .item-news .date-statistics::before,
        .top-pickup .statistics .date::before,
        .news-tabbox li .date-statistics::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#006965;
        }
        .item-news .date-statistics::after,
        .top-pickup .statistics .date::after,
        .news-tabbox li .date-statistics::after {
            content: "\7D71\8A08";
            position: absolute;
            font: 1.3rem sans-serif;
            color:#fff;
            letter-spacing: 1em;
            text-align: center;
            line-height: 1.65;
        }
        .top-pickup .statistics .date::before,
        .news-tabbox li .date-statistics::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .statistics .date::after,
        .news-tabbox li .date-statistics::after {
            top: 0;
            right: 6.5px;
        }

        .item-news .date-statistics::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-statistics::after {
            top: 6px;
            left: 105px;
        }
        .item-news .date-announcements::before,
        .top-pickup .announcements .date::before,
        .news-tabbox li .date-announcements::before {
            content: "";
            position: absolute;
            height: 19px;
            width: 66px;
            background-color:#006990;
        }
        .item-news .date-announcements::after,
        .top-pickup .announcements .date::after,
        .news-tabbox li .date-announcements::after {
            content: "\516C\8868\8CC7\6599\30FB\5E83\5831\6D3B\52D5";
            position: absolute;
            font: 1.3rem sans-serif;
            -webkit-transform: scale(0.57,1);
            transform: scale(0.57,1);
            color:#fff;
            letter-spacing: -0.5px;
            text-align: center;
            line-height: 1.7;
        }
        .top-pickup .announcements .date::before,
        .news-tabbox li .date-announcements::before {
            top: 1px;
            right: 6px;
        }
        .top-pickup .announcements .date::after,
        .news-tabbox li .date-announcements::after {
            top: 0;
            right: -14px;
        }
        .item-news .date-announcements::before {
            top: 7px;
            left: 90px;
        }
        .item-news .date-announcements::after {
            top: 5px;
            left: 70px;
        }


/*News Icon疑似要素の記述ここまで*/

/* information
--------------------------------------------------------- */
.information h2 {
	height: 41px;
	width: 237px;
	margin: 0 0 0 6px;
	background: url(/common/images/information_h2.png);
}
/* top-pickup
--------------------------------------------------------- */
.top-pickup h2 span {
	height: 30px;
	background: url(/common/images/pickup_h2.png) no-repeat 9px 50%;
}
/* top-read
--------------------------------------------------------- */
.top-read h2 span {
	display: block;
	height: 30px;
	background: url(/common/images/top-read_h2.png) no-repeat 9px 50%;
}
/* top-related_sites
--------------------------------------------------------- */
.top-related_sites h2 span {
	display: block;
	height: 30px;
	background: url(/common/images/top-related_sites_h2.png) no-repeat 9px 50%;
}
/* -------------------------------------
	Second Hierarchy
------------------------------------- */
/* category
--------------------------------------------------------- */
.category-about { background: url(/common/images/bg_about.jpg) no-repeat 100% 0; }
.category-mopo { background: url(/common/images/bg_mopo.jpg) no-repeat 100% 0; }
.category-finsys { background: url(/common/images/bg_finsys.jpg) no-repeat 100% 0; }
.category-paym { background: url(/common/images/bg_paym.jpg) no-repeat 100% 0; }
.category-note_tfjgs { background: url(/common/images/bg_note_tfjgs.jpg) no-repeat 100% 0; }
.category-intl_finance { background: url(/common/images/bg_intl_finance.jpg) no-repeat 100% 0; }
.category-research { background: url(/common/images/bg_research.jpg) no-repeat 100% 0; }
.category-statistics { background: url(/common/images/bg_statistics.jpg) no-repeat 100% 0; }
.category-announcements { background: url(/common/images/bg_announcements.jpg) no-repeat 100% 0; }
/* item
--------------------------------------------------------- */
/*item-news*/
.item .item-news h2 span {
	display: block;
	overflow: hidden;
	height: 14px;
	width: 53px;
	background: url(/common/images/item_news.png);
	text-indent: 100%;
	white-space: nowrap;
}
.item .item-link h2 span {
	display: block;
	overflow: hidden;
	height: 14px;
	width: 66px;
	background: url(/common/images/item_link.png);
	text-indent: 100%;
	white-space: nowrap;
}
.item-news .link { display: block; }
/*item-link*/
.item-faq h3 {
	height: 14px;
	width: 32px;
	background: url(/common/images/item_faq.png);
}
.item-other h3 {
	height: 14px;
	width: 43px;
	background: url(/common/images/item_other.png);
}
/* -------------------------------------
	main-box
------------------------------------- */
/*left-contents*/
.left-contents .question,
.WebEditor .question {
    position: relative;
    padding-left: 3em;
}
.left-contents .question::before,
.WebEditor .question::before {
    content: "Q";
    position: absolute;
    top: 19px;
    left: 28px;
    width: 1.3em;
    color: #fff;
    background: #177faa;
    border-radius: 3px;
    text-align: center;
}
.left-contents .answer,
.WebEditor .answer {
    position: relative;
    padding-left: 4em;
}
.left-contents .answer::before,
.WebEditor .answer::before {
    content: "A";
    position: absolute;
    top: 0;
    left: 10px;
    padding: 1px 5px 0;
    color: #177faa;
    font-size: 2.4rem;
    font-weight: bold;
    border: 1px solid #177faa;
    border-radius: 3px;
    line-height: 1.1;
}
.left-contents .answer p,
.WebEditor .answer p { padding: 0 1em 0 0; }
.left-contents .answer ul,
.WebEditor .answer ul { padding: 0 1em; }

/*box*/
.main .oshiete,
.WebEditor .oshiete {
	display: inline-block;
	overflow: hidden;
	height: 70px;
	width: 206px;
	padding: 0;
	margin: 0;
	background: url(/announcements/img/tit_oshiete.png);
	border: none;
	text-indent: 100%;
	white-space: nowrap;
}
/* -------------------------------------
	Main
------------------------------------- */
/* heading
--------------------------------------------------------- */
.main h2,
.WebEditor h2 {
	padding: 10px 10px 9px;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-bottom: 2px solid #177faa;
}
.main h2 a,
.WebEditor h2 a {
	display: block;
	padding: 0 0 0 20px;
	background: url(/common/images/list01.png) no-repeat 0 9px;
}
.main h3,
.WebEditor h3 {
	padding: 3px 20px 3px 10px;
	border-bottom: 1px solid #c0c0c0;
	border-left: 5px solid #177faa;
}
.main h4,
.WebEditor h4 {
	padding: 0 20px 0px 10px;
	border-left: 5px solid #177faa;
}
.main h5,
.WebEditor h5 {
	position: relative;
	padding: 0 13px 0 0;
}
.main h5::before,
.WebEditor h5::before {
	content: "";
	position: absolute;
	top: 5px;
	left: -20px;
	height: 12px;
	width: 12px;
	border: 6px solid #177faa;
}
.main h6,
.WebEditor h6 { padding: 0 1em; }
/* paragraph
--------------------------------------------------------- */
.main p,
.WebEditor p { padding: 0 1em; }
/* table
--------------------------------------------------------- */
/* list
--------------------------------------------------------- */
/*page-link*/
.page-link {
	list-style: none;
	margin: 1em 0 1em 1em;
}
.page-link::after {
	content: "";
	clear: both;
	display: block;
}
.page-link li {
	float: left;
	padding: 0 22px;
	background: url(/common/images/page-link.png) no-repeat 0 4px;
}
/*page-index*/
.page-index { list-style: none; }
.page-index > li {
	padding: 0 0 0 22px;
	background: url(/common/images/page-link.png) no-repeat 0 4px;
}
.page-index ul,
.page-index .number {
	list-style: none;
	margin: 8px 0 0 1em;
}
/*info-item*/
.info-item01 {
	padding: 0 2em 0 1em;
	margin: 0 0 1em 1em;
}
.info-item01::after {
	content: "";
	clear: both;
	display: block;
}
.info-item01 dt {
	float: left;
	clear: both;
	width: 18%;
	padding: 0 2% 0 0;
	margin: 0 0 .5em;
}
.info-item01 dd {
	float: left;
	width: 80%;
	margin: 0 0 .5em;
}
.info-item02 {
	padding: 0 2em 0 1em;
	margin: 0 0 1em 1em;
}
.info-item02::after {
	content: "";
	clear: both;
	display: block;
}
.info-item02 dt {
	float: left;
	clear: both;
	width: 38%;
	padding: 0 2% 0 0;
	margin: 0 0 .5em;
}
.info-item02 dd {
	float: left;
	width: 60%;
	margin: 0 0 .5em;
}
/*info03*/
.main .info03,
.WebEditor .info03 {
	width: 100%;
	padding: 0 1em;
	margin: 0 0 1em 1em;
	line-height: 1.6;
}
.main .info03::after,
.WebEditor .info03::after {
	content: "";
	clear: both;
	display: block;
}
.main .info03 dt,
.WebEditor .info03 dt {
	float: left;
	clear: both;
	width: 18%;
	margin: 0 0 8px;
	white-space: nowrap;
}
.main .info03 dt::before,
.WebEditor .info03 dt::before { content: "・"; }
.main .info03 dd,
.WebEditor .info03 dd {
	float: right;
	width: 76%;
	margin: 0 0 8px 1em;
	text-indent: -1em;
}
.main .info03 dd::before,
.WebEditor .info03 dd::before { content: "："; }
/*info04*/
.main .info04,
.WebEditor .info04 {
	width: 100%;
	padding: 0 1em;
	margin: 0 0 1em 1em;
	line-height: 1.6;
}
.main .info04:after,
.WebEditor .info04:after {
	content: "";
	clear: both;
	display: block;
}
.main .info04 dt,
.WebEditor .info04 dt {
	float: left;
	clear: both;
	width: 20%;
	margin: 0 0 8px;
	white-space: nowrap;
}
.main .info04 dd,
.WebEditor .info04 dd {
	float: right;
	width: 75%;
	padding: 0 1em;
	margin: 0 0 8px 1em;
	text-indent: -1em;
}
.main .info04 dd::before,
.WebEditor .info04 dd::before { content: "："; }
.main .info04 ul,
.WebEditor .info04 ul {
	padding: 0;
	margin: 0;
}
.main .info04 li,
.WebEditor .info04 li {
	margin: 8px 0 8px 1em;
	text-indent: 0;
}
/*info05*/
.main .info05,
.WebEditor .info05 {
	width: 100%;
	padding: 0 1em;
	margin: 0 0 1em 1em;
	line-height: 1.6;
}
.main .info05:after,
.WebEditor .info05:after {
	content: "";
	clear: both;
	display: block;
}
.main .info05 dt,
.WebEditor .info05 dt {
	float: left;
	clear: both;
	width: 22%;
	margin: 0 0 8px;
}
.main .info05 dd,
.WebEditor .info05 dd {
	float: right;
	width: 75%;
	padding: 0 1em;
	margin: 0 0 8px 1em;
	text-indent: -1em;
}
.main .info05 dd::before,
.WebEditor .info05 dd::before { content: "："; }
.main .info05 ul,
.WebEditor .info05 ul {
	padding: 0;
	margin: -1.5em 0 0;
}
.main .info05 li,
.WebEditor .info05 li {
	margin: 0;
	text-indent: 0;
}
.main .info05 li span,
.WebEditor .info05 li span { display: inline-block; }
.main .info05 li span:first-child,
.WebEditor .info05 li span:first-child { margin-left: 1em; }
.main .info05 .mt1em,
.WebEditor .info05 .mt1em { margin-top: 1em; }

/*info5em*/
.main .info5em,
.WebEditor .info5em {
	width: 100%;
	padding: 0 1em;
	margin: 0 0 1em 1em;
	line-height: 1.6;
}
.main .info5em::after,
.WebEditor .info5em::after {
	content: "";
	clear: both;
	display: block;
}
.main .info5em dt,
.WebEditor .info5em dt {
	float: left;
	clear: both;
	width: 13%;
	margin: 0 0 8px;
	white-space: nowrap;
}
.main .info5em dd,
.WebEditor .info5em dd {
	float: right;
	width: 87%;
	padding: 0 0 0 1em;
	margin: 0 0 8px;
	text-indent: -1em;
}
.main .info5em dd::before,
.WebEditor .info5em dd::before { content: "："; }
.main .info5em ul,
.WebEditor .info5em ul {
	list-style: none;
	padding: 0 1em;
	margin: -1.6em 0 0;
}
.main .info5em p,
.WebEditor .info5em p {
	padding: 0 1em;
	margin: 13px 0 13px -1em;
	text-indent: 0;
}
.main .info5em .note2em,
.WebEditor .info5em .note2em {
	margin: 13px 0 13px 1em;
	text-indent: -2em;
}
/*link-list*/
.link-list01 {
	list-style: none;
	margin: 0 0 1em 1em;
}
.link-list01 li {
	padding: 0 0 0 15px;
	background: url(/common/images/list01.png) no-repeat 0 5px;
}
.link-list01 ul {
	list-style: disc;
	margin-left: 1.3em;
}
.link-list01 li li {
	padding: 0;
	background: none;
}
.link-list02 {
	list-style: none;
	margin: 0 0 1em .2em;
}
.link-list02 li {
	display: inline-block;
	padding: 0 1em 0 15px;
	margin: 0 0 .5em .8em;
	background: url(/common/images/list01.png) no-repeat 0 5px;
}
.link-list03 {
	list-style: none;
	margin: 0 0 1em .2em;
}
.link-list03 li {
	display: inline-block;
	width: 22%;
	padding: 0 1em 0 15px;
	margin: 0 0 .5em .8em;
	background: url(/common/images/list01.png) no-repeat 0 5px;
}
/*caution*/
.caution,
.caution-bk {
	list-style: none;
	margin: 0 0 1em .5em;
}
.caution > li,
.caution-bk > li {
	position: relative;
	margin: 0 0 .5em 3em;
}
.caution > li::before {
	content: "（注）";
	position: absolute;
	top: 0;
	left: -3em;
	color: #cc0000;
}
.caution-bk > li::before {
	content: "（注）";
	position: absolute;
	top: 0;
	left: -3em;
	color: #010101;
}
/*list-notes*/
.list-notes {
	list-style: none;
	margin: 0 0 1em 4em;
	text-indent: -3.5em;
}
/*kome*/
.kome,
.kome-note { margin-left: 0; }
.kome > li,
.kome-note > li {
	position: relative;
	list-style: none;
	padding: 0 1.5em 0 3em;
	margin: 0 0 1em;
}
.kome > li::before {
	content: "※";
	position: absolute;
	top: 0;
	left: 1em;
}
.kome-note > li::before {
	content: "※";
	position: absolute;
	top: 0;
	left: 1em;
	color: #cc0000;
}
/*list-history*/
.list-history {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0 auto -10px;
	border-bottom: 2px solid #177faa;
}
.list-history li {
	display: inline-block;
	margin: 0 3px 0 0;
}
.list-history a {
	display: block;
	padding: 5px 5px 3px 17px;
	color: #010101;
	background: #d7eaf2 url(/common/images/list01.png) no-repeat 5px 10px;
	text-decoration: none;
}
.list-history a:focus,
.list-history a:hover {
	color: #000;
	background: #96ccdf url(/common/images/list01.png) no-repeat 5px 10px;
}
.list-history .live {
	padding: 5px 11px 3px 10px;
	color: #fff;
	font-weight: bold;
	background: #177faa;
}
/*list photo*/
.main .pic1,
.WebEditor .pic1 {
	list-style: none;
	margin: 30px 0;
	text-align: center;
}
.main .pic1 li,
.WebEditor .pic1 li {
	display: inline-block;
	width: 100%;
	margin: 0 0 1em;
	vertical-align: top;
}
.main .pic2,
.WebEditor .pic2 {
	list-style: none;
	margin: 30px 0;
	text-align: center;
}
.main .pic2 li,
.WebEditor .pic2 li {
	display: inline-block;
	width: 49%;
	margin: 0 0 1em;
	vertical-align: top;
}
.main .pic3,
.WebEditor .pic3 {
	list-style: none;
	margin: 30px 0;
	text-align: center;
}
.main .pic3 li,
.WebEditor .pic3 li {
	display: inline-block;
	width: 30%;
	margin: 0 0 1em;
	vertical-align: top;
}
.main .pic4,
.WebEditor .pic4 {
	list-style: none;
	margin: 30px 0;
	text-align: center;
}
.main .pic4 li,
.WebEditor .pic4 li {
	display: inline-block;
	width: 24%;
	margin: 0 0 1em;
	vertical-align: top;
}
.main .pic1 img,
.main .pic2 img,
.main .pic3 img,
.main .pic4 img,
.WebEditor .pic1 img,
.WebEditor .pic2 img,
.WebEditor .pic3 img,
.WebEditor .pic4 img { margin: 0 0 .5em; }
.pic1 li p,
.pic2 li p,
.pic3 li p,
.pic4 li p {
	margin-top: 0;
}
/*photo*/
.main .photo,
.WebEditor .photo {
	list-style: none;
	font-size: 0;
}
.main .photo li,
.WebEditor .photo li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
/*list-info*/
.main .list-info li,
.WebEditor .list-info li {
	display: table;
	width: 100%;
}
.main .list-info span,
.WebEditor .list-info span {
	display: table-cell;
	vertical-align: top;
}
.main .list-info span:first-child,
.WebEditor .list-info span:first-child { padding: 0 1em 0 0; }
.main .list-info span:last-child,
.WebEditor .list-info span:last-child {
	margin: 0 0 0 1em;
	text-indent: -1em;
}
.main .list-info span:last-child::before,
.WebEditor .list-info span:last-child::before { content: "："; }
.main .list-info p,
.WebEditor .list-info p {
	padding: 0;
	text-indent: 0;
}
.main .list-info .note2em,
.WebEditor .list-info .note2em {
	margin-left: 2em;
	text-indent: -2em;
}
.main .list-info .note2em::before,
.WebEditor .list-info .note2em::before {
	content: "※";
	padding: 0 1em 0 0;
	color: #cc0000;
}
.main .list-info li ul,
.WebEditor .list-info li ul {
	padding: 0;
	margin: -1.6em 0 0;
}
.main .list-info li li,
.WebEditor .list-info li li {
	display: block;
	padding: 0;
	text-indent: 0;
}
/*p-navi*/
.main .p-navi,
.WebEditor .p-navi {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 30px 0 13px;
	text-align: center;
}
.main .p-navi li,
.WebEditor .p-navi li {
	display: table-cell;
	padding: 0 10px;
	vertical-align: top
}
.main .p-navi a,
.WebEditor .p-navi a {
	display: block;
	padding: 8px;
	color: #010101;
	font-size: 1.8rem;
	font-weight: bold;
	background: #f0f0f0 url(/announcements/annai/genba/tanbou/img/icon_contents.png) no-repeat 5% 50%;
	border: 2px solid #45b7e6;
	text-decoration: none;
}
.main .p-navi .back a,
.WebEditor .p-navi .back a { background: #f0f0f0 url(/announcements/annai/genba/tanbou/img/icon_back.png) no-repeat 5% 50%; }
.main .p-navi .next a,
.WebEditor .p-navi .next a { background: #f0f0f0 url(/announcements/annai/genba/tanbou/img/icon_next.png) no-repeat 95% 50%; }
.main .p-navi a:focus,
.main .p-navi a:hover,
.WebEditor .p-navi a:focus,
.WebEditor .p-navi a:hover {
	color: #fff;
	background: #177faa url(/announcements/annai/genba/tanbou/img/icon_contents.png) no-repeat 5% 50%;
}
.main .p-navi .back a:focus,
.main .p-navi .back a:hover,
.WebEditor .p-navi .back a:focus,
.WebEditor .p-navi .back a:hover {
	color: #fff;
	background: #177faa url(/announcements/annai/genba/tanbou/img/icon_back.png) no-repeat 5% 50%;
}
.main .p-navi .next a:focus,
.main .p-navi .next a:hover,
.WebEditor .p-navi .next a:focus,
.WebEditor .p-navi .next a:hover {
	color: #fff;
	background: #177faa url(/announcements/annai/genba/tanbou/img/icon_next.png) no-repeat 95% 50%;
}
/*backnumber*/
.backnumber {
	padding: 0 13px;
	margin: 30px 0 0;
}
.backnumber > li {
	display: table;
	width: 100%;
	padding: 0 0 8px;
	border-bottom: 1px dotted #c0c0c0;
}
.backnumber > li:first-child {
	padding: 8px 0;
	border-top: 1px dotted #c0c0c0;
}
.backnumber > li > span {
	display: table-cell;
	width: 45%;
	padding: 0 8px;
	vertical-align: top;
}
.backnumber > li > span:first-child {
	display: block;
	width: 95%;
	margin: 0 0 0 8px;
	padding: 0 0 0 15px;
	background: url(/common/images/list01.png) no-repeat 0 5px;
}
.backnumber > li > span:last-child {
	width: 10%;
	padding: 0 8px 0 0;
	text-align: right;
}
/* number list
--------------------------------------------------------- */
/*number*/
.number {
	list-style: none;
	margin: 0 0 1em .5em;
}
.number li {
	margin: 0 0 .5em 2.5em;
	text-indent: -2.5em;
}
.number li ol {
	list-style: none;
	margin: .5em 0 1em;
}
.number li ol li {
	margin: 0 0 .5em;
	text-indent: 0;
}
.number li ul { margin: .5em 1em; }
.number li ul li {
	margin: 0 0 .5em;
	text-indent: 0;
}
.number .indent-line {
	display: block;
	margin: 0;
	text-indent: 0;
}
ul .number {
	margin: 0 0 1em;
}
.number2 {
	list-style: none;
	margin: 0 2em 1em 1em;
}
.number2 > li {
	margin: 0 0 .5em 2.5em;
	text-indent: -2.5em;
}
.number2 > li > span { margin-right: 1em; }
.number-en,
.WebEditor .number-en {
	list-style: none;
	margin: 0 0 1em .5em;
}
.number-en li,
.WebEditor .number-en li {
	margin: 0 0 .5em 2em;
	text-indent: -1.5em;
}
/*red-number2*/
.main .red-number2,
.WebEditor .red-number2 {
	list-style: none;
	margin: 0 0 1em 1.5em;
}
.main .red-number2 > li,
.WebEditor .red-number2 > li {
	padding-left: 2em;
}
.main .red-number2 > li > span:nth-child(1),
.WebEditor .red-number2 > li > span:nth-child(1) {
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	color: #cc0000;
}
/*kana*/
.kana {
	list-style: none;
	margin: 0 0 1em 1em;
}
.kana li {
	margin: 0 0 .5em 2em;
	text-indent: -2em;
}
.kana ul { margin-top: .5em; }
.number .kana {
	list-style: none;
	margin: .5em 0 1em;
}
.number .kana li {
	margin: 0 0 .5em 2em;
	text-indent: -2em;
}
/*number-alphabet*/
.number-alphabet {
	list-style: none;
	margin: 0 2em 1em 1em;
}
.number-alphabet li {
	margin: 0 0 .5em 3em;
	text-indent: -2.8em;
}
/*number-alphabet-en*/
.number-alphabet-en,
.WebEditor .number-alphabet-en {
	list-style: none;
	margin: 0 2em 1em 1em;
}
.number-alphabet-en li,
.WebEditor .number-alphabet-en li {
	margin: 0 0 .5em 1.65em;
	text-indent: -1.65em;
}
ol .number-alphabet-en,
.WebEditor ol .number-alphabet-en {
	list-style: none;
	margin: 0;
}
/*asterisk*/
.main .asterisk,
.main .asterisk-red,
.WebEditor .asterisk,
.WebEditor .asterisk-red {
	margin: 0 1em 1em;
}
.main .asterisk > li,
.main .asterisk-red > li,
.WebEditor .asterisk > li,
.WebEditor .asterisk-red > li {
	position: relative;
	list-style: none;
	padding: 0 0 0 1.5em;
}
.main .asterisk > li::before,
.WebEditor .asterisk > li::before {
	content: "*";
	position: absolute;
	top: 3px;
	left: .5em;
}
.main .asterisk-red > li::before,
.WebEditor .asterisk-red li::before {
	content: "*";
	position: absolute;
	top: 3px;
	left: .5em;
	color: #cc0000;
}
.main .asterisk-number,
.main .asterisk-number-red,
.WebEditor .asterisk-number,
.WebEditor .asterisk-number-red {
	list-style: none;
	margin: 1em 0 1em 1.5em;
	word-wrap: break-word;
}
.main .asterisk-number > li,
.main .asterisk-number-red > li,
.WebEditor .asterisk-number > li,
.WebEditor .asterisk-number-red > li {
	padding-left: 2em;
}
.main .asterisk-number > li > span:first-child,
.WebEditor .asterisk-number > li > span:first-child {
	display: inline-block;
	width: 2em;
	margin-left: -2em;
}
.main .asterisk-number-red > li > span:first-child,
.WebEditor .asterisk-number-red > li > span:first-child {
	display: inline-block;
	width: 2em;
	margin-left: -2em;
	color: #cc0000;
}
/*caution-number*/
.caution-number > li {
	position: relative;
	padding: 0 13px 0 0;
	margin: 0 1em 1em 2em;
}
.caution-number > li:first-child::before {
	content: "（注）";
	position: absolute;
	top: 0;
	left: -4em;
	color: #cc0000;
}
/*red-number*/
.red-number {
	counter-reset: number;
	list-style: none;
	margin: 0 0 1em 1.5em;
}
.red-number > li {
	margin-left: 1.6em;
	text-indent: -1.6em;
}
.red-number > li::before {
	counter-increment: number;
	content: counter(number);
	margin: 0 1em 0 0;
	color: #cc0000;
}
.red-number > li ul,
.red-number > li ol,
.red-number > li p,
.red-number > li dl,
.red-number > li div{
	margin-left: 2.5em;
	text-indent: 0;
}
/* .search-col
--------------------------------------------------------- */
input[type=submit].search {
	height: 40px;
	width: 150px;
	font-size: 0;
	background: url(/common/images/btn_search2.png) no-repeat 0 0;
}
input[type=submit].search:hover,
input[type=submit].search:focus { background-position: bottom; }
/* .search-box
--------------------------------------------------------- */
.search-box input[type=submit] {
	height: 25px;
	width: 66px;
	margin: 0 0 0 -4px;
	font-size: 0;
	background: url(/common/images/btn_search.png) no-repeat 0 0;
}
.search-box input[type=submit]:hover,
.search-box input[type=submit]:focus { background-position: bottom; }
/* .searchbox2
--------------------------------------------------------- */
.searchbox2 input[type=submit] {
	height: 25px;
	width: 66px;
	margin: 0 0 0 -4px;
	font-size: 0;
	background: url(/common/images/btn_search.png) no-repeat 0 0;
}
.searchbox2 input[type=submit]:hover,
.searchbox2 input[type=submit]:focus { background-position: bottom; }
/* -------------------------------------
Responsible
------------------------------------- */
/* max-width959px
--------------------------------------------------------- */
@media only screen and (max-width: 959px) {
/*----gloval nav----*/
.g-nav {
	display: none;
	position: absolute!important;
	top: 0;
	left: 0;
	height: auto;
	padding: 0 0 10px;
	background-color: rgba(46, 46, 46, 0.969)!important;
	border-bottom: 2px solid #000;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
}
.dropmenu > .nav01 > a,
.dropmenu > .nav01 > a:hover,
.dropmenu > .nav01 > a:focus,
.dropmenu > .nav02 > a,
.dropmenu > .nav02 > a:hover,
.dropmenu > .nav02 > a:focus,
.dropmenu > .nav03 > a,
.dropmenu > .nav03 > a:hover,
.dropmenu > .nav03 > a:focus,
.dropmenu > .nav04 > a,
.dropmenu > .nav04 > a:hover,
.dropmenu > .nav04 > a:focus,
.dropmenu > .nav05 > a,
.dropmenu > .nav05 > a:hover,
.dropmenu > .nav05 > a:focus,
.dropmenu > .nav06 > a,
.dropmenu > .nav06 > a:hover,
.dropmenu > .nav06 > a:focus,
.dropmenu > .nav07 > a,
.dropmenu > .nav07 > a:hover,
.dropmenu > .nav07 > a:focus,
.dropmenu > .nav08 > a,
.dropmenu > .nav08 > a:hover,
.dropmenu > .nav08 > a:focus,
.dropmenu > .nav09 > a,
.dropmenu > .nav09 > a:hover,
.dropmenu > .nav09 > a:focus {
	display: inline-block;
	min-height: 40px;
	padding: 10px 10px 10px 32px;
	font-size: 1.6rem;
	background: url(/common/images/list_nav01.png) no-repeat 7px 11px;
	line-height: 1.42;
}
.dropmenu > li > a:hover,
.dropmenu > li > a:focus {
    color: #00f8fb;
}
.dropmenu > li > a:hover::before,
.dropmenu > li > a:focus::before,
.dropmenu > li:hover > a::before,
.dropmenu > li:focus > a::before {
	content: "";
	position: static;
	z-index: 0;
	margin: 0;
	border: none;
}
/*----container----*/
/*top-market*/
.top-market h2 {
	float: none;
	width: 100%;
}
}
/* max-width767px
--------------------------------------------------------- */
@media only screen and (max-width: 767px) {
/*----container----*/
/*news-box*/
.headline {
    position:relative;
    padding: 6px 6px 0px 6px;
}
.news-list .headline {
    width: 100%;
}
.news-list #news-tab {
    float: left;
    width: calc(100% - 240px);
    width: -webkit-calc(100% - 240px);
    margin: 0 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.news-list #news-tab li {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}
.news-list #news-tab li:nth-child(3) ,
.news-list #news-tab li:nth-child(5) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.news-list #news-tab li a:hover,
.news-list #news-tab li a:focus {
    background-color: transparent;
}
.news-list #news-tab li.active a{
    background-color: transparent;
}
.news-list #news-tab li a { 
    display: block;
    overflow: hidden;
    height: 26px;
    outline: none;
    margin: 0;
}
.news-list #news-tab .tab1 a {
    width: 35px;
}
.news-list #news-tab .tab2 a,
.news-list #news-tab .tab3 a,
.news-list #news-tab .tab4 a,
.news-list #news-tab .tab5 a {
    width: 26px;
    text-indent: 100%;
    white-space: nowrap;
}
.news-list #news-tab .tab6 a {
    width: 60px;
}
.news-list #news-tab .tab1 a,
.news-list #news-tab .tab6 a {
    background-color: transparent;
    color: #fff;
}
.news-list #news-tab .tab1 a {
    padding: .5px;
}
.news-list #news-tab .tab6 a {
    padding: .5px;
}
.news-list #news-tab .tab1.active a,
.news-list #news-tab .tab6.active a {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.2) inset;
}
.news-list #news-tab .tab1 a:hover,
.news-list #news-tab .tab1 a:focus,
.news-list #news-tab .tab6 a:hover,
.news-list #news-tab .tab6 a:focus { 
    background-color: #177faa;
    color: #fff;
}

.news-list #news-tab .tab2 a {
    background: url(/common/images/bg_news-tab2.png) no-repeat;
    background-position: 0 0;
}
.news-list #news-tab .tab2.active a { 
    background-position: 0 33%; 
}
.news-list #news-tab .tab2 a:hover,
.news-list #news-tab .tab2 a:focus { 
    background-position: 0 67%; 
}

.news-list #news-tab .tab3 a {
    background: url(/common/images/bg_news-tab3.png) no-repeat;
    background-position: 0 0;
}
.news-list #news-tab .tab3.active a { 
    background-position: 0 33%; 
}
.news-list #news-tab .tab3 a:hover,
.news-list #news-tab .tab3 a:focus {
    background-position: 0 67%; 
}

.news-list #news-tab .tab4 a {
    background: url(/common/images/bg_news-tab4.png) no-repeat;
    background-position: 0 0;
}
.news-list #news-tab .tab4.active a { 
    background-position: 0 33%; 
}
.news-list #news-tab .tab4 a:hover,
.news-list #news-tab .tab4 a:focus {
    background-position: 0 67%; 
}
.news-list #news-tab .tab5 a {
    background: url(/common/images/bg_news-tab5.png) no-repeat;
    background-position: 0 0;
}
.news-list #news-tab .tab5.active a { 
    background-position: 0 33%; 
}
.news-list #news-tab .tab5 a:hover,
.news-list #news-tab .tab5 a:focus { 
    background-position: 0 67%; 
}
/*----list----*/
/*info-item*/
.info-item01 dt,
.info-item02 dt {
    float: none;
    width: 100%;
}
.info-item01 dd,
.info-item02 dd {
    float: none;
    width: 100%;
}
}
/* max-width670px
--------------------------------------------------------- */

@media only screen and (max-width: 670px)  {
.news-box .headline {
    width: 100%;
    padding: 6px 6px 0 6px}
.news-box #news-tab {
    float: left;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    margin: 0 0 0 25px;
}
.news-box #news-tab li {
    margin: 0 auto;
    padding: 0;
}
.news-box #news-tab {
    float: left;
    width: calc(100% - 240px);
    width: -webkit-calc(100% - 240px);
    margin: 0 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.news-box #news-tab li {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}
.news-box #news-tab li:nth-child(3) ,
.news-box #news-tab li:nth-child(5) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.news-box #news-tab li a:hover,
.news-box #news-tab li a:focus {
    background-color: transparent;
}
.news-box #news-tab li.active a{
    background-color: transparent;
}
.news-box #news-tab li a { 
    display: block;
    overflow: hidden;
    height: 26px;
    outline: none;
    margin: 0;
}
.news-box #news-tab .tab1 a {
    width: 35px
}
.news-box #news-tab .tab2 a,
.news-box #news-tab .tab3 a,
.news-box #news-tab .tab4 a,
.news-box #news-tab .tab5 a {
    width: 26px;
    text-indent: 100%;
    white-space: nowrap;
}
.news-box #news-tab .tab6 a {
    width: 45px;
}
.news-box #news-tab .tab1 a,
.news-box #news-tab .tab6 a {
    background-color: transparent;
    color: #fff;
}
.news-box #news-tab .tab1 a {
    padding: .5px;
}
.news-box #news-tab .tab6 a {
    padding: .5px;
}
.news-box #news-tab .tab1.active a,
.news-box #news-tab .tab6.active a { 
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.2) inset;
    color: #000;
}
.news-box #news-tab .tab1 a:hover,
.news-box #news-tab .tab1 a:focus,
.news-box #news-tab .tab6 a:hover,
.news-box #news-tab .tab6 a:focus { 
    background-color: #177faa;
    color: #fff;
}

.news-box #news-tab .tab2 a {
    background: url(/common/images/bg_news-tab2.png) no-repeat;
    background-position: 0 0;
}
.news-box #news-tab .tab2.active a { 
    background-position: 0 33%; 
}
.news-box #news-tab .tab2 a:hover,
.news-box #news-tab .tab2 a:focus { 
    background-position: 0 67%; 
}

.news-box #news-tab .tab3 a {
    background: url(/common/images/bg_news-tab3.png) no-repeat;
    background-position: 0 0;
}
.news-box #news-tab .tab3.active a { 
    background-position: 0 33%; 
}
.news-box #news-tab .tab3 a:hover,
.news-box #news-tab .tab3 a:focus {
    background-position: 0 67%; 
}

.news-box #news-tab .tab4 a {
    background: url(/common/images/bg_news-tab4.png) no-repeat;
    background-position: 0 0;
}
.news-box #news-tab .tab4.active a { 
    background-position: 0 33%; 
}
.news-box #news-tab .tab4 a:hover,
.news-box #news-tab .tab4 a:focus {
    background-position: 0 67%; 
}
.news-box #news-tab .tab5 a {
    background: url(/common/images/bg_news-tab5.png) no-repeat;
    background-position: 0 0;
}
.news-box #news-tab .tab5.active a { 
    background-position: 0 33%; 
}
.news-box #news-tab .tab5 a:hover,
.news-box #news-tab .tab5 a:focus { 
    background-position: 0 67%; 
}
}
/* max-width600px
--------------------------------------------------------- */
@media only screen and (max-width: 600px) {
/*news list*/

.news-list .btn-box {
    position:absolute;
    top: 5px;
    right: 0;
}
.news-list #news-tab {
    clear: both;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    margin-top: 5px;
}

/*photo*/
.main .photo,
.WebEditor .photo { text-align: center; }
/*----table----*/
ul.tabletolist {
    list-style: none;
    font-size: 1.3rem;
    margin: 1em 0;
}
ul.tabletolist ul { margin: 0; }
ul.tabletolist.nrh {
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
}
ul.tabletolist.nrh > li {
    margin: 0;
    border-top: 1px solid #c0c0c0;
}
ul.tabletolist.nrh > li > ul > li {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    margin: 0;
    font-weight: normal;
    border-bottom: none;
}
ul.tabletolist.nrh > li .row_headers {
    display: table-cell;
    float: none;
    width: 30%;
    padding: 8px;
    font-size: 1.3rem;
    font-weight: normal;
    background: #f2f2f2;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}
ul.tabletolist.nrh > li > ul > li:first-child .row_headers { border-top: none; }
ul.tabletolist.nrh > li .row_data.html {
    display: table-cell;
    float: none;
    width: 70%;
    padding: 8px;
    font-weight: normal;
    border-top: 1px solid #c0c0c0;
}
ul.tabletolist.nrh > li > ul > li:first-child .row_data.html { border-top: none; }
ul.tabletolist.nrh > li .row_data.html:hover { background: #fff; }
ul.tabletolist ul > li .row_data.html ul { margin-left: 1em; }
ul.tabletolist ul > li .row_data.html ol { margin-left: 1.5em; }
/*info03*/
.main .info03 dt,
.WebEditor .info03 dt { width: 30%; }
.main .info03 dd,
.WebEditor .info03 dd { width: 60%; }
/*info04*/
.main .info04 dd,
.WebEditor .info04 dd { width: 65%; }
/* news icon */
.news-tabbox span > img {
position: relative;
left: -0.5rem;
}
.item-news ul li span > img {
position: relative;
left: 0;
}
}
/* max-width480px
--------------------------------------------------------- */
@media only screen and (max-width: 480px) {
/*----container----*/
/*top-market*/
.top-market h2 { background: url(/common/images/market_h2.png) no-repeat 0 1px, url(/common/images/btn_market.png) no-repeat 100% 0; }
.top-market h2.active { background: url(/common/images/market_h2.png) no-repeat 0 1px, url(/common/images/btn_market.png) no-repeat 100% 100%; }
.top-market h2:focus {
    opacity: 0.7;
    outline: 1px dotted #333;
}
.news-box #news-tab {
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
}
.news-box .btn-box {
    float: none;
    position: absolute;
    bottom: -310px;
    right: 0;
    overflow: visible;
}
.news-list #news-tab {
    position: absolute;
    bottom: 0;
}
.headline h2 {
float: left;
clear: none;
}
/* news icon */
.news-tabbox span > img {
position: relative;
left: .5rem;
}
/*----list----*/
/*link-list*/
.link-list02 li { display: block; }
/*list-history*/
.list-history {
    margin: 0 auto 10px;
}
/*----main-box----*/
/*box*/
.main .oshiete,
.WebEditor .oshiete {
    display: block;
    margin: 0 auto;
}
/*link-list03*/
.link-list03 li {
    display: block;
    width: 100%;
}
/*list photo*/
.main .pic2 li,
.main .pic3 li,
.main .pic4 li,
.WebEditor .pic2 li,
.WebEditor .pic3 li,
.WebEditor .pic4 li { width: 100%; }
/*p-navi*/
.main .p-navi li,
.WebEditor .p-navi li { padding: 0 5px; }
.main .p-navi a,
.WebEditor .p-navi a {
    padding-left: 2.5rem;
    padding-right: 0;
}
.main .p-navi .next a,
.WebEditor .p-navi .next a {
    padding-right: 1.8rem;
    padding-left: 0;
}
/*info03*/
.main .info03 dt,
.WebEditor .info03 dt { width: 30%; }
.main .info03 dd,
.WebEditor .info03 dd { width: 50%; }
/*info04*/
.main .info04 dt,
.WebEditor .info04 dt {
    float: none;
    width: 100%;
}
.main .info04 dd,
.WebEditor .info04 dd {
    float: none;
    width: 100%;
}
/*info05*/
.main .info05 dt,
.WebEditor .info05 dt {
    float: none;
    width: 100%;
}
.main .info05 dd,
.WebEditor .info05 dd {
    float: none;
    width: 100%;
}
/*info5em*/
.main .info5em dt,
.WebEditor .info5em dt { width: 25%; }
.main .info5em dd,
.WebEditor .info5em dd { width: 75%; }
/*page-index*/
.page-index { margin: 0 1em; }
.page-index ol { margin-left: 1.5em; }
.page-index ol .number,
.page-index ol .number .kana { margin-left: -1em; }
/*list*/
.number .kana li { margin:  0 0 .5em; }
}
/* 5-6.max-width320px
--------------------------------------------------------- */
@media only screen and (max-width: 320px) {
/*----list-history----*/
.list-history .live { margin-top: 8px; }
}