@charset "utf-8";
/* CSS Document */
#tabList {display:none;}
#main {position:relative;}

/*topics tab*/
#tab li {width:24.7%;height:auto;}
#tab li a {padding:5px 0 !important;}
#tab.cover {height:auto;}
#topicsTab {padding-top:30px;border-top: 3px solid #004da1;min-height:400px;}
#topicsTab > li:before,#topicsTab > li:after {content:"";display:table;}
#topicsTab > li:after {clear:both;}
#topicsTab > li {zoom:1;}

#topicsTab .day {margin-bottom:0;font-size:1em;}
#topicsTab h3 {border:none;font-weight:normal;font-size:1.1em;float:left;margin:0 0 1.5em 0;width:465px;}
#topicsTab h3:after {display:none;}

#topicsTab .icon {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 0.9em;
	margin-left: 8px;
	padding: 0 5px;
	text-decoration: none;
}

#main.newsrelease .tab02 a,
#main.system .tab03 a,
#main.cover .tab04 a,
#main.general .tab05 a {color: #fff;font-weight:bold;}
#main.newsrelease .tab02,
#main.system .tab03,
#main.cover .tab04,
#main.general .tab05{background:#004da1;}
	
#tabList {width:120px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;position:absolute;right:0;top:170px;background:#fff;z-index:1;}
#tabList h4 {width:90px;padding:.5em 15px;border-bottom:dotted 1px #ccc;border-top:solid 1px #ccc;margin:0;font-size:1em;}
#tabList ul {border:none;}
#tabList li {float:none;width:auto;border:none;margin:.2em 5px;padding:0;font-size:.95em;}
#tabList li a {font-weight:normal;}
#tabList li a:hover,
#tabList li.active a {color:#004da1;font-weight:bold;}

/*topics*/
#tab.topics {height:auto;}
#tab.topics li {width:19.72%;}
#topicsTab h3 {clear:none;padding:0;float:left;}
/*#topicsTab .newsrelease h3 {width:465px;}*/

/*topics list change*/
#topicsTab li {display:none;}

#topicsTab.all li,
#topicsTab.newsrelease li.newsrelease,
#topicsTab.cover li.cover,
#topicsTab.system li.system,
#topicsTab.general li.general,
#topicsTab.sec01 li.sec01,
#topicsTab.sec02 li.sec02,
#topicsTab.sec03 li.sec03,
#topicsTab.sec04 li.sec04,
#topicsTab.sec05 li.sec05,
#topicsTab.sec06 li.sec06,
#topicsTab.inc01 li.inc01,
#topicsTab.inc02 li.inc02,
#topicsTab.inc03 li.inc03,
#topicsTab.inc04 li.inc04 {display:block;}
.topicsBox {margin-bottom:30px;min-height:490px;}

/*topics pull down list +2016.11.16*/
#yearlist {position:absolute;top:3em;left:0;display:none;z-index:10;border:1px solid #99ccff;width:140px;}
#yearlist ul {height:250px;overflow:scroll;}
#yearlist li {float:none;margin-right:0;margin-bottom:0;width:100%;}
#yearlist li a {display:block;width:100%;color:#2e89c6;font-size:.8em;text-decoration:none;padding:.3em 0;border-bottom:1px solid #99ccff;border-top:none;border-left:none;border-right:none;background:#eff6fe;font-weight:normal;}
#yearlist li a:hover,#yearlist li.active a {border-bottom:1px solid #99ccff;border-top:none;border-left:none;border-right:none;color:#fff;font-weight:bold;}
#yearlist #btn_close {text-align:center;}
#yearlist #btn_close a {color:#333;background:#dbdbdb;cursor: pointer;padding:.3em 0;border:none;}
#yearlist #btn_close a:hover {color:#fff;background:#333;}

@media (max-width:480px){
#yearNumber li {float:left;margin-right:10px;width:85px;}
#yearNumber li:last-child {margin-right:0}
#yearNumber li a {font-size:.8em;}

.yearNumberWrapper{
	margin: 0 -50vw 10px -50vw;
	width: 100vw;
	white-space: nowrap;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.n_yearNumber2{
	padding: 10px 23px;
	overflow-x: scroll;
}
.en .n_yearNumber2{
	padding: 10px 13px;
	overflow-x: scroll;
}
.n_yearNumber2#yearNumber li{
	display: inline-block;
	float: none;
	width: 94px;
	margin: 0;
}
.n_yearNumber2#yearNumber li:not(:last-child){
	margin-right: 8px;
}
.n_yearNumber2#yearNumber li a{
	padding: 15px 0;
}	
.n_tabList2#tabList{
	top:168px;	
}

#tab li {width:25%;}
#tab.topics {height:0;margin:0 auto 58px auto;width:94%;}
#tab.topics li {width:19.98%;font-size:.9em;}

#topicsTab {padding-top:30px;padding-right:100px;border-top: 3px solid #004da1;}
#tab.cover,#topicsTab > li:before,#tab.cover,#topicsTab > li:after {content:"";display:table;}
#tab.cover,#topicsTab > li:after {clear:both;}
#tab.cover,#topicsTab > li {zoom:1;}

#topicsTab .day {margin-bottom:0;font-size:0.8em;}
#topicsTab .newsrelease h3 {border:none;font-weight:normal;font-size:1em;float:left;margin:0 0 1.5em 0;width:auto !important;}
#topicsTab h3:after {display:none;}
#topicsTab .icon {border-radius: 3px;color: #fff;display: inline;font-size: 0.9em;margin-right: 8px;margin-left:0;padding: 2px 5px;}

#tabList {top:185px;right:10px;width:88px;}
#topicsTab h3 {width:auto !important;}
#topicsTab h3 a {width:auto !important;}

#tabList h4 {width:auto !important;}

#yearlist {top:2.8em;width:85px;}
#yearlist ul {height:150px;}
#yearlist li {margin-right:0;width:100%;}
.en #yearlist {width:125px;}
}

@media print{
  #yearlist,
  .en #yearlist {display:none !important;}
}