@charset "UTF-8";

@import url(base.css);
@import url(common.css);

/*
-----------------------------------
INDEX(id="index")
-----------------------------------
*/

#overlay{
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 1000;
	background: rgba(23,73,135,1);
}

#overlay #text{
	font-size: 40px;
	color: #eee;
	padding-top:300px;
	vertical-align: middle;
	font-weight: bold;
	display:none;
}

#mainv{
	/*height:430px;*/
	margin-top: 10px;
}

#mainv:after{
	content:"";
	display:block;
	clear:both;
}

#mainv video{
	display:block;
	width:100%;
	margin:0 auto;
}

#mainv img{
	width:1020px;
	text-align:center;
}

#topcontainer_all{
	padding-top: 20px;
	background:#FFF;
/*	background:#c7e8f7 url(../img/common/contbg.jpg) no-repeat;*/
/*	background-size:100%;*/
}

#topcontainer{
	width:1024px;
	margin:0 auto;
	padding-bottom:50px;
}

#topcontainer:after{
	content:"";
	display:block;
	clear:both;
}

#topcontainer #cont_l,
#topcontainer #cont_r{
}

#topcontainer #cont_l{
	width:720px;
	float:left;
}

#topcontainer #topics_all{
	width:100%;
	/*min-height:346px;*/
	/*margin-bottom:20px;*/
}

#topcontainer #bnr01 li{
	float:left;
	margin-right:7px;
}

#topcontainer #bnr01 li#bnr01_03{
	margin-right:0px;
}

#topcontainer #cont_r{
	width:280px;
	float:right;	
}

#topcontainer #sns{
	height:346px;
	overflow:hidden;
	margin-bottom:20px;
}

#topcontainer #sns iframe{
	height:300px!important;
}

div.tweetBlock{
	height:246px!important;
}

#topcontainer #bnr02 li{
	height:37px;
}

#topcontainer #bnr02 li#bnr02_01{
	margin-bottom:5px;
}

#bnr03{
	clear:both;
	padding-top: 20px;
	text-align: center;
}

#bnr03 li{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
}
#bnr03 li:last-child {
    margin-right: 0 !important;
}
#bnr03 li img {
    width: 197px;
}
#bnr03 li#bnr03_05{
	margin-right:0;
}
#bnr04{
	clear:both;
	text-align: center;
}
#bnr04 li{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
}
#bnr04 li:last-child {
    margin-right: 0 !important;
}
#bnr04 li img {
    width: 98px;
	height:29px;
}

.tab_header_inner li{
	float:left;
	width:140px;
	text-indent:-9999px;
	cursor:pointer;
}

.tab_header_inner #swbtn_fb a{
	display:block;
	width:140px;
	height:45px;
	background:url(../img/index/snsbtn_fb.gif) no-repeat;
}

.tab_header_inner #swbtn_tw a{
	display:block;
	width:140px;
	height:45px;
	background:url(../img/index/snsbtn_tw.gif) no-repeat;
}

.tab_header_inner #swbtn_fb a.bg2,
.tab_header_inner #swbtn_tw a.bg2{
	background-position:left bottom;
}

/*-------------------------------------------------------------------------
  ■トップリストセクション（トピックス、お知らせ、更新情報）
-------------------------------------------------------------------------*/
/* トップリストセクション表題 */
/*#toplist h2{
	height:22px;
	color:#000000;
	cursor:auto;
	background-image:url("../img/top/tab_open.gif");
	background-repeat:repeat-x;
	background-position:0px 0px;
	border-right:1px solid #959595;
	border-left:1px solid #959595;
	padding: 10px 10px 0px;
	vertical-align:baseline;
}
#toplist h2 *{
	
	vertical-align:bottom;
}*/
#toplist a.tList{
	display:none;
}
/* ＞表題個別設定 */

#toplist h2{
	background-color: #848484;
	padding-left:20px;
}

.tabOn#toplist h2.on{
	background-color: #2876bc;
}
/*
.tabOff#toplist h2#topics,
.tabOff#toplist h2#topics.on{
	background-color: #2876bc;
	background:#003094 url(../img/index/topix_icon01.png) no-repeat 9px 50%!important;
	color:white!important;
}

#toplist h2#update{
	background:#c9c9c9 url(../img/index/topix_icon02.png) no-repeat 9px 50%!important;
	padding-left:20px;
}

.tabOn#toplist h2#update.on{
	background:#031a7c url(../img/index/topix_icon02.png) no-repeat 9px 50%!important;
}

.tabOff#toplist h2#update,
.tabOff#toplist h2#update.on{
	background:#003094 url(../img/index/topix_icon02.png) no-repeat 9px 50%!important;
	color:white!important;
}

#toplist h2#news{
	background:#c9c9c9 url(../img/index/topix_icon03.png) no-repeat 9px 50%!important;
	padding-left:20px;
}

.tabOn#toplist h2#news.on{
	background:#031a7c url(../img/index/topix_icon03.png) no-repeat 9px 50%!important;
}

.tabOff#toplist h2#news,
.tabOff#toplist h2#news.on{
	background:#003094 url(../img/index/topix_icon03.png) no-repeat 9px 50%!important;
	color:white!important;
}

#toplist #houdou {
	background:#ec6941 url(../img/index/topix_icon04.png) no-repeat 9px 50%!important;
	padding-left:20px;
	color:white;
}

.tabOn#toplist h2#houdou.on{
	background:#031a7c url(../img/index/topix_icon04.png) no-repeat 9px 50%!important;
}
.tabOff#toplist h2#houdou,
.tabOff#toplist h2#houdou.on{
	background:#003094 url(../img/index/topix_icon04.png) no-repeat 9px 50%!important;
	color:white!important;
}
*/
#toplist h2.on,
#toplist h2.on span a{
	color:#FFF;
}

#toplist h2 span{
	width:55px;
}

/*#toplist h2 span a{
	display:none;
	width:40px;
	height:21px;
	text-indent:-9999px;
	float:right;
	background:url(../img/index/topix_list.gif) left top no-repeat;
}*/

.tabOn#toplist h2.on span a{
	background-position:left bottom;
}


/* トップリストセクション内容*/
#toplist div.tabBox{
	/*margin-bottom:10px;*/
	background-color:#ffffff;
	border-right:1px solid #959595;
	border-bottom:1px solid #959595;
	border-left:1px solid #959595;
}

.tabOff#toplist div.tabBox#topicsdiv,
.tabOff#toplist div.tabBox#updatediv{
	border-bottom:none;
	margin-bottom:10px;
}

#toplist div div.inner{
	border:1px solid #dddddd;
	margin:0px 10px 10px 30px;
	padding:10px;
}
#toplist div ul.indexLink{
	clear:both;
	font-size:80%;
	text-align:right;
	padding:5px 10px 5px;
}
#toplist div dl.date{
	overflow:hidden;
	clear:both;
	width:100%;
}
#toplist div dl.date dt,#toplist div dl.date dd{
	font-size:85%;
	padding:3px 0px 3px;
}
#toplist div dl.date dt{
	clear:both;
	float:left;
	width:5em;
	text-align:right;
}
#toplist div dl.date dd{
	padding-left:5.5em;
}
/* ＞内容個別設定 */

div#newsdiv ul#sub_exlink{
	height:34px;
	width:702px;
	overflow:hidden;
	margin:20px 10px 0 30px;
}
div#newsdiv ul#sub_exlink li{
	display:inline-block;
	float:left;
	margin-left:16px;
}
div#newsdiv ul#sub_exlink li.nols{
	margin-left:0;
}

div#updatediv{
	background: url("../img/top/tab_update_bg.gif") repeat-x 0 0;
}
h2#update{
	letter-spacing:0.1em;
}
/* ＞＞トピックス内容 */
.newsbody ul{
	display:inline-block;
	vertical-align:middle;
}

.newsbody ul{
	float: left;
	width: 100%;
	padding-right: 10px;
}
.newsbody ul.tate{
	width:415px;
}

.newsbody dt a{
	display:inline-block;
}

.newsbody dt a img{
	display:inline-block;
	vertical-align:bottom;
}

.newsbody dd{
	display:inline-block;
	text-align:left;
	line-height:130%;
	padding:0px 5px 0px;
}

.tabbox_l{
	width:315px;
	float:left;
}

.tabbox_l dl{
	width:312px;
	height:208px;
	overflow:hidden;
	position:relative;
}

.tabbox_l dd{
	width:312px;
	z-index:1000;
	background:url(../img/index/news_boxbg.png) repeat;
	display:block;
	text-align:center;
	font-size:16px;
	/*height:35px;*/
	box-sizing: border-box;
	font-weight:bold;
	color:white;
	padding:7px;
	position:absolute;
	bottom:0px;
	left:0px;
}

 .newsbody{
	width: 100%;
  height: 270px;
  float: left;
  padding-right: 5px;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
	box-sizing: border-box;
}

 .newsbody li{
	padding-top: 10px;
	font-size:90%;
	line-height:120%;
	background: url(../img/top/marker_01.gif) no-repeat 5px 50%;
}

 .newsbody li+li{
	border-top: 1px dotted #c6c6c6;
}

 .newsbody li dl dt{
	margin-bottom: 10px;
	text-align:left;
	font-weight: bold;
}

 .newsbody li dl dd{
	text-align:left;
}

 .newsbody li dl dd a{
	text-decoration:underline;
	line-height:130%;
	color:#2d3c98;
}

 .newsbody li dl{
	border-bottom:dashed 1px #abaaaa;
	text-align:left;
	font-size:1.4em;
	padding-bottom:10px;
}

 .newsbody li dl:nth-child(1){
	padding-top: 0;
}

/* //// jQuery:タブ上の一覧ボタン //// */
#jqOn #toplist a.tList{
	display:inline;
}
/* //// jQuery:corn(角丸) //// */
#jqOn #toplist h2.corn{
	border-right:#FFF solid 2px;
	background-image:none;
	padding:0px;
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#jqOn #toplist h2.corn:nth-last-of-type(1){
	border-right: 0;
}
* html #jqOn h2{	width:100%;}

/*#jqOn #toplist h2.corn div.c1{background-image:url("../img/top/tab_open.gif");}
#jqOn #toplist h2.corn div.c2{background-image:url("../img/top/tab_open_r.gif");}
#jqOn #toplist h2.corn div.c3{background-image:url("../img/top/tab_open_l.gif");
	height:32px;
	padding:10px 10px 2px;
}*/
/* //// jQuery:tabOn //// */
.tabOn#toplist h2{
	cursor:pointer;
	font-size:14px;
	text-align: center;
}
.tabOn#toplist h2.corn{
	height: 30px;
  line-height: 30px;
}

/*#jqOn .tabOn#toplist h2.corn div.c1{background-image:url("../img/top/tab_close.gif");}
#jqOn .tabOn#toplist h2.corn div.c2{background-image:url("../img/top/tab_close_r.gif");}
#jqOn .tabOn#toplist h2.corn div.c3{background-image:url("../img/top/tab_close_l.gif");

padding-top:12px;
padding-left:35px;
	width : 239px;
}*/

#jqOn .tabOn#toplist h2.corn#topics div.c1{
	letter-spacing:-2px;
}

/*#jqOn .tabOn#toplist h2.on div.c1{background-image:url("../img/top/tab_open.gif");}
#jqOn .tabOn#toplist h2.on div.c2{background-image:url("../img/top/tab_open_r.gif");}
#jqOn .tabOn#toplist h2.on div.c3{background-image:url("../img/top/tab_open_l.gif");

}*/

.tabBox{
	padding-left: 10px;
  height: 270px;
}


.tabOn#toplist h2{
	float:left;
	position:relative;
	z-index:250;
}
.tabOn#toplist div.tabBox{
	border: 1px solid #515151;
	clear: both;
	position: relative;
	z-index: 500;
	overflow: hidden;
	opacity: 0.9;
}
* html .tabOn#toplist div.tabBox{
	width:100%;
}

.tabBox:after{
	content:"";
	display:block;
	clear:both;
}


/*-------------------------------------------------------------------------
  ■jQuery用(jsの中にしか書かれていないタグ用)
-------------------------------------------------------------------------*/
/* 「.corn」内divスタイル(tabSystem.js) */
.corn{
	background-image:none;
}
.corn div.c1{
	background-repeat:repeat-x;
	background-position:right top;
}
.corn div.c2{
	background-repeat:no-repeat;
	background-position:right top;
}
.corn div.c3{
	background-repeat:no-repeat;
	background-position:left top;
}

.tabReset{
	display:none;
}
.tabOn .tabReset{
	/*width:81px;*/
	/*height:31px;*/
	/*text-indent:-9999px;*/
	display:block;
	/*float:right;*/
	position:relative;
	/*font-size:85%;
	font-weight:bold;
	line-height:100%;*/
	/*background:url(../img/index/tab_off.gif) no-repeat;*/
	cursor:pointer;
}
/*.tabOn#toplist .tabReset{
	top:15px;
}*/
/*.tabOn#pickupinner .tabReset{
	top:3px;
}*/

.tabOff h2{
	padding:10px!important;
	padding-left:40px!important;
	background:#FF0004;
}

/*english*/

.english_index #topcontainer {
	margin-top: 30px;
}

#ebnr01 li{
	font-weight: bold;
	font-size:12px;
	border:solid 1px #CCC;
	margin-bottom: -1px;
}

#ebnr01 li a{
	height:40px;
	padding-top:20px;
	padding-left: 12px;
	display:block;
	background:#F1F1F1;
	border-left:solid 10px #040c60;
	color:#040c60;
}

#ebnr01 li a:hover{
	text-decoration:none;
}

#news_e h2{
	background:#040c60;
	color:white;
	padding:0px 15px;
	padding-top: 15px;
	height:47px;
	font-size:22px;
}

#news_e #newsbody{
	border:solid 1px #CCC;
	box-sizing:border-box;
	padding:20px;
	height:400px;
	background:white;
	overflow-y:scroll;
}

#news_e #newsbody dl{
	font-size:15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom:dotted 1px #CCC;
}

#news_e #newsbody dl dt{
	font-weight: bold;
	float:left;
	width:15%;
}

#news_e #newsbody dl dd{
	float:right;
	width:85%;
}

#news_e #newsbody dl:after{
	content:"";
	display:block;
	clear:both;
}



/*2020年2月追記分
--------------------------------------------------*/
.right-menu{
	margin-bottom: 10px;
}

p.menu-title{
	background: url("../img/index/title_icon.png") 2px 2px / 30px 30px no-repeat #FFF;
	display: inline-block;
	width: 280px;
	height: 36px;
	font-size: 24px;
	font-weight: bold;
	color: #2876bc;
	padding: 0 0 0 36px;
	margin: 10px 0px 2px;
}

p.menu-title .tx-small{
	font-size: 12px;
	margin-left: 6px;
}

#topcontainer .right-menu li {
	height: 55px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	display: table;
}


#topcontainer .right-menu li.sns {
height:55px;
margin-bottom:5px;
display: flex;
width: 100%;
}

#topcontainer .right-menu li.sns a{
margin-right: 4px;
}

#topcontainer .right-menu li.sns a:last-of-type{
margin-right: 0;
}
 
#topcontainer .right-menu li.menu-blue a{
	background: url(../img/index/menu_icon.png) 4px 2px / 50px 50px no-repeat #2970b0;
	border-radius: 4px;
	width: 280px;
	display: inline-block;
	color: #FFF;
	padding: 14px 10px 14px 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#topcontainer .right-menu li.menu-bakuryo a{
	background: url(../img/index/menu_bakuryo.png) right top/ auto 84px no-repeat #2970b0;
	border-radius: 4px;
	border: 2px solid #2970b0;
	width: 280px;
	display: inline-block;
	color: #FFF;
	padding: 28px 112px 28px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#topcontainer .right-menu li.menu-white a{
	background: #FFF;
	border: 1px solid #5b82c2;
	color: #5b82c2;
	padding: 10px;
	display: inline-block;
	width: 280px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#topcontainer .right-menu li.menu-siayou a{
	background: url(../img/index/menu_saiyou.png) right top/ auto 80px no-repeat #6081ba;
	border: 1px solid #5b82c2;
	border-radius: 4px;
	width: 280px;
	display: inline-block;
	color: #FFF;
	padding: 26px 124px 26px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#topcontainer .right-menu li a:hover{
	text-decoration: none;
}


/*スクロールバー関連*/
#topcontainer .scrollarea::-webkit-scrollbar {
  width: 14px;
}
#topcontainer .scrollarea::-webkit-scrollbar-thumb {
  background: #afafaf;
}
#topcontainer .scrollarea::-webkit-scrollbar-track {
  background: #cae2f5;
}


/*スライダー関連*/
ul.slider01{
background: #7292bd;
min-height: 324px;
}
ul.slider01 li img{
width: 100%;
max-width: 720px;
min-width: 720px;
height: auto;
max-height: 450px;
min-height: 450px;
//max-height: 324px;
//min-height: 324px;
}
/*ドットの設定*/
.original-dots {
  display: flex;
  margin: 0;
  padding: 0;
	position: absolute;
  top: 380px;
  right: 20px;
}
.original-dots li {
  list-style-type: none;
}
.original-dots li button {
  border: none;
	border-radius: 10px;
	height: 20px;
  width: 20px;
  margin: 0 6px;
  background-color: #FFF;
  color: #FFF;
}
.original-dots li.slick-active button{
	background-color: #2970b0;
	color: #2970b0;
}



/*2つ目のスライダー設定はここから--------*/
ul.slider02{
background: #7292bd;
}
ul.slider02 li img{
width: 100%;
max-width: 720px;
min-width: 720px;
height: auto;
max-height: 284px;
min-height: 284px;
}

/*スライダー下のボタン*/
ul.slider-btn{
width: 100%;
}
ul.slider-btn li a{
float: left;
display: inline-block;
max-height: 44px;
line-height: 37px;
padding: 5px;
box-sizing: border-box;
width : 25% ; /* 未対応ブラウザ用フォールバック */
width : -webkit-calc(100% / 5) ;
width : calc(100% / 5) ;
background: #7292bd ;
color: #FFF;
text-align: center;
}
ul.slider-btn li:first-of-type a{
line-height: normal;
}
ul.slider-btn:after{
display: block;
content: "";
clear: both;
}




/*IEのみ適応*/
@media all and (-ms-high-contrast: none) {
#topcontainer .right-menu li.menu-blue a{
	padding: 16px 10px 12px 60px;
}
#topcontainer .right-menu li.menu-bakuryo a{
	padding: 30px 112px 26px 10px;
}
#topcontainer .right-menu li.menu-white a{
	padding: 12px 10px 8px 10px;
}
#topcontainer .right-menu li.menu-siayou a{
	padding: 28px 124px 24px 10px;
}
.tabOn#toplist h2.corn{
	line-height: 34px;
}


}

/*PC時表示を消す*/
.pc{display:block;}
.sp{display:none;}

@media (max-width: 640px) and (min-width: 0px){
/*スマホ設定ここから----------------------------------*/

/*1つ目のスライダー設定はここから*/
ul.slider01{
min-height: 162px;
max-height: 162px;
}
ul.slider01 li img{
min-width: 0;
min-height: 162px;
max-height: 162px;
}
/*ドットの設定*/
.original-dots{
margin: 0;
padding: 0;
position: absolute;
top: 76%;
right: 2%;
}
.original-dots li button{
border: none;
border-radius: 6px;
height: 10px;
width: 10px;
margin: 0 6px;
background-color: #FFF;
color: #FFF;
font-size: 0px;
}

/*2つ目のスライダー設定はここから*/
ul.slider02{
min-width: 0;
min-height: 142px;
max-height: 142px;
}
ul.slider02 li img{
min-width: 0;
min-height: 142px;
max-height: 142px;
}

/*スライダー下のボタン*/
ul.slider-btn{
min-height: 44px;
}
ul.slider-btn li a{
height: 44px;
line-height: normal;
padding: 5px;
box-sizing: border-box;
word-break:break-all;
border-top: solid 1px #FFF;
border-right: solid 1px #FFF;
}
ul.slider-btn li:last-of-type a{
border-right:none;
}

/*表題*/
p.menu-title{
background: url(../img/index/title_icon.png) 2px 2px / 20px 20px no-repeat #FFF;
display: inline-block;
width: 280px;
height: 22px;
font-size: 18px;
font-weight: bold;
color: #2876bc;
padding: 0 0 0 24px;
margin: 6px 0px 2px;
}
/*メニューボタン*/
#topcontainer .right-menu,
#topcontainer .right-menu ul,
#topcontainer .right-menu ul li,
#topcontainer .right-menu ul li a,
#topcontainer .right-menu li.menu-blue a,
#topcontainer .right-menu li.menu-bakuryo a,
#topcontainer .right-menu li.menu-white a,
#topcontainer .right-menu li.menu-siayou a{
width: 100%;
}
#topcontainer .right-menu li.menu-siayou a {
background: url(../img/index/menu_saiyou.png) right top/ auto 84px no-repeat #6081ba;
}
.right-menu li.menu-bakuryo a {
background: url(../img/index/menu_bakuryo.png) right top/ auto 80px no-repeat #2970b0;
}
#topcontainer .right-menu li.sns{
margin-bottom: -50px;
}




/*スマホ時表示を消す*/
#cont_l .pc,#cont_r .pc{display:none;}
cont_l .sp,#cont_r .sp{display:block;}
/*スマホ設定ここまで----------------------------------*/
}