@charset "utf";

/* ----------------------------------
body
------------------------------------ */

body {
	font-family: 'Roboto', sans-serif;
}

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

a {
	color: #05264c;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* ----------------------------------
header
------------------------------------ */

#header-line {
	background-color: #05264c;
	height: 4px;
}

#header {
	margin-top: 15px;
}

.header-logo{
	float: left;
	margin-bottom: 5px;
}

.header-logo:first-child{
	margin-left: 2px;
}

/* ----------------------------------
navigation and subemnu
------------------------------------ */

#navigation ul {
	display: flex;
	justify-content: space-between;
	clear: left;
}

#navigation ul li a {
	font-size: 13px;
	width: 128px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	height: 26px;
	background-color: #05264c;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 10px;
}

#navigation ul li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#navigation ul li:first-child a {
	border-left-style: none !important;
}

/* submenu */

#submenu {
	clear: left;
	padding-top: 8px;
	height: 20px;
}

#submenu ul li a,
.this-page {
	font-size: 15px;
	float: left;
	height: 20px;
	text-decoration: none;
	margin-left: 16px;
	background-image: url(../images/arrow-submenu.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 14px;
	padding-top: 8px;
}

#submenu ul li.this-page  a{
	height: auto;
	background-image: none;
	margin: 0;
	padding: 0;
}

#submenu ul li a:hover {
	text-decoration: underline;
}

.submenu-head a {
	float: left;
	background-color: #05264c;
	color: #FFF;
	height: 30px;
	padding-right: 10px;
	display: flex;
	align-items: center;
	padding-left: 10px;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

.submenu-head a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.this-page {
	font-weight: bold;
}

.this_page a:hover {
	text-decoration: none !important;
}

/* ----------------------------------
top page
------------------------------------ */

.top-wrapper {
	padding-bottom: 60px;
}

.top-wrapper h2 {
	font-size: 20px;
	font-weight: bold;
	color: #100964;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
	background-repeat: no-repeat;
	line-height: 26px;
	padding-bottom: 3px;
}

.top-main-img {

}

.top-2column {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.update {
	margin-top: 40px;
}

.top-statistics {
	float: left;
	width: 650px;
	margin-top: 20px;
	border-right: 1px solid #ebebeb;
}
.statistics-caption {
	font-size: 12px;
	margin-top: 0;
	text-align: center;
}

.top-statistics-image {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 30px;
}

.top-links{
	float: right;
	width: 220px;
	text-align: left;
	margin-top: 41px;
}

.top-links p{
	margin-bottom: 8px;
}

.update-detail {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #05264c;
}

.update-detail a {
	text-decoration: underline;
}

.update-detail a:hover {
	text-decoration: underline;
	opacity: 1;
	filter: alpha(opacity=100);
}

.update-date {
	margin-top: 3px;
	font-size: 12px;
}

.update-nondate-list{
	padding: 8px 0 0 20px;
}
.update-nondate-list li{
	padding: 5px 0;
	list-style: disc;
	font-size: 14px;
}

.more-link{
	margin-top: 10px;
	border-top: 1px solid #9f9faa;
	text-align: right;
}

.top-database {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.top-database-contents {
	width: 250px;
	height: 100px;
	position: relative;
	transition: 0.8s;
	display: block;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
}

.top-database-contents a {
	width: 280px;
	height: 115px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 15px;
	padding-left: 20px;
	color: #FFF;
}

.top-database-contents:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.top-database h3 {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 22px;
	text-decoration: none;
	padding-left: 20px;
}


.top-database p {
	margin-top: 2px;
	color: #FFF;
}

.top-database-arrow {
	background-image: url(../images/database-arrow.png);
	background-repeat: no-repeat;
	background-position: right 10px bottom 10px;
}

.top-database-pause {
	background-image: url(../images/database-pause.png);
	background-repeat: no-repeat;
	background-position: right 10px bottom 10px;
}

.database-0 {
	background-color: #fff;
}

.database-1 {
	background-color: #20a0d1;
}

.database-2 {
	background-color: #8cb650;
}

.database-3 {
	background-color: #d5cd51;
}

.database-4 {
	background-color: #6fc6c0;
}

.database-5 {
	background-color: #979888;
}

.database-6 {
	background-color: #634487;
}

.db-info-wrap {
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #05264c;
	clear: left;
}

.db-info-wrap p {
	font-size: 18px;
	font-weight: bold;
}

.db-info-wrap ul {
	display: flex;
	justify-content: flex-end;
}

.db-info-wrap li {

}

.db-info-button a {
	border: 1px solid #CCC;
	background-color: #05264c;
	height: 40px;
	width: 220px;
	text-align: center;
	font-weight: bold;
	padding-top: 20px;
	color: #FFF;
	display: block;
	text-decoration: none;
	margin-right: 10px;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

.db-info-button a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.db-info {
	text-align: left;
	height: 40px;
	width: 295px;
	font-size: 24px;
	font-weight: bold;
	padding-top: 14px;
	background-image: url(../images/data-base.png);
	background-repeat: no-repeat;
	padding-left: 93px;
	background-position: 0px 0px;
	margin-left: 10px;
	padding-bottom: 7px;
}

.top-3column {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.top-3column h3 {
	padding-bottom: 6px;
	border-bottom: 1px solid #006;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #100964;
}

.top-3column-container {
	flex-basis: 32%;
	margin-top: 20px;
}
.update p a,
.top-3column-container p a {
	font-size: 15px;
}

.txt-14 {
	font-size: 14px;
	line-height: 20px;
}

.txt-16 {
	font-size: 16px;
}

/* top icon */

.icon-update {
	background-image: url(../images/icon-update.png);
	padding-left: 30px;
}

.icon-statistics {
	background-image: url(../images/icon-statistics.png);
	padding-left: 30px;
	background-position: 0px 2px;
}

.icon-database {
	background-image: url(../images/icon-database.png);
	padding-left: 30px;
}

.icon-meeting {
	background-image: url(../images/icon-meeting.png);
	padding-left: 30px;
}

.icon-training {
	background-image: url(../images/icon-training.png);
	padding-left: 30px;
}

.icon-report {
	background-image: url(../images/icon-report.png);
	padding-left: 30px;
}

/* ----------------------------------
contents
------------------------------------ */

#contents-wrapper {
	overflow: hidden;
	clear: left;
	margin-top: 60px;
	width: 740px;
	float: right;
	margin-right: 20px;
	padding-bottom: 80px;
}

.contents-container,
.contents-link,
.contents-flex {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: left;
}

/*
20180904 internal-only wide table
 */
#wrapper.wrapper-internal,
.wrapper-internal #contents-wrapper,
.wrapper-internal .contents-container,
.wrapper-internal .contents-link,
.wrapper-internal .contents-flex{
	overflow: visible !important;
}

.contents-container p {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 35px;
}

.contents-link p a {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	background-image: url(../images/database-arrow-2.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-size: 14px;
	padding-left: 21px;
	text-decoration: none;
}

.contents-link p a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.contents-link p {
	padding-bottom: 18px;
}

.link-pdf {

}

.link-pdf {
	font-size: 15px;
}

.contents-flex {
	display: flex;
	justify-content: space-between;
}

/* Database */

.database-container h2 a {
	background-image: url(../images/database-arrow-2.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 25px;
	display: block;
	text-decoration: none;
}

.database-container h3 a {
	background-image: url(../images/database-arrow-2.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 18px;
	display: block;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003;
	padding-bottom: 6px;
}

.database-overview {
	width: 45%;
}

.database-image {
	width: 53%;
}

.contents-1column {
	width: 100%;
}
.contents-2column {
	width: 48.5%;
}

.contents-3column {
	width: 32%;
}

.contents-image {
	margin-bottom: 5px;
	margin-top: 5px;
}

.database-image img,
.contents-1column img,
.contents-2column img,
.contents-3column img {
	width: 100%;
}

h1.database-ttl-multiline{
	font-size: 25px!important;
}

/* database table-select (stage 1/3) */

.database-select-section{
	display: flex;
	align-items: center;
	clear: both;
	padding: 30px 0;
	border-bottom: 1px solid #aaa;
}
.database-select-button{
	width: 128px;
	padding-left: 10px;
}

.database-select-button form:hover{
	opacity: 0.8;
}
.database-select-table{
	width: 100%;
}
.database-select-table table{
	width: 98%;
}
.database-select-table table th,
.database-select-table table td{
	border-collapse: collapse;
	border: 1px solid #333;
	padding: 10px 8px;
	font-size: 15px;
	min-width: 100px;
}
.database-select-table table th{
	min-width: 200px;
}
.database-select-table table img{ /* backslash img */
	vertical-align: middle;
}

.database-select-table caption{
	text-align: center;
	padding-bottom: 10px;
}
.database-select-table .table-header{
	background-color: #add8f5;
}
.database-select-table .table-header2{
	background-color: #d5e5f0;
}
.database-select-table .table-header3{
	background-color: #eee;
}


/* database select members etc -> extract (stage 2/3) */


.database-extract-table{
	border-collapse: collapse;
}
.database-extract-table th,
.database-extract-table td{
	border-collapse: collapse;
	border: 1px solid #333;
	padding: 10px 8px;
	font-size: 15px;
}

.database-extract-table .table-header{
	background-color: #c1cdda;
}

input.extract-button{
	cursor: pointer;
	margin: 0 10px;
	padding: 15px 60px;
}
input.extract-reset-button{
	cursor: pointer;
	margin: 0 10px;
	padding: 3px 5px;
	font-size: 12px;
}


/* database result (stage 3/3) */

.database-result-table{
	border-collapse: collapse;
}
.database-result-table th,
.database-result-table td{
	border-collapse: collapse;
	border: 1px solid #333;
	padding: 10px 8px;
	font-size: 15px;
}
.database-result-table .table-header{
	background-color: #c1cdda;
}
.database-result-table .table-header2{
	background-color: #dde4eb;
}

.database-result-table .database-result-table-noborder th,
.database-result-table .database-result-table-noborder td{
	border: 0px !important;
}

/* database information page */

.database-info-table table th,
.database-info-table table td{
	border-collapse: collapse;
	border: 1px solid #333;
	padding: 10px 8px;
	font-size: 15px;
}

.database-info-table .table-header{
	text-align: center;
	background-color: #c1cdda;
	/* background-color: #79daff; */
}
.database-info-table .table-header th{
	text-align: center;
	font-weight: bold;
}
.database-info-table .table-header2{
	background-color: #dde4eb;
	/* background-color: #b0f3ff; */
}
.database-info-table .table-header3{
	background-color: #eee;
}




/* About */

.about-container h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.about-container h4 {
	margin-top: 20px;
	margin-bottom: 20px;
}


.about-image {
	float: right;
	margin: 0 0 20px 20px;
}
/*
.about-container dl {
	width: 700px;
	margin-top: 20px;
}

.about-container dt {
	float: left;
	clear: left;
	width: 100px;
	margin-top: 20px;
}

.about-container dd {
	float:left;
	width:600px;
 	margin-top: 20px;
}

.about-container ol li {
	list-style-type: decimal;
	margin-bottom: 20px;
	padding-left: 10px;
}

*/
.img {
	margin: 40px 0;
}


.list-decimal {
	padding-left: 30px;
	margin-bottom: 30px;
}



/* Meeting */

.meeting-container h2 {
	margin-top: 20px;
}

.meeting-container ul {
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
	clear: left;
}

.meeting-container ul li {
	margin-right: 10px;
}

.meeting-container ul li p {
	margin-right: 10px;
	font-size: 13px;
}

.meeting-container ul li a {
	background-image: url(../images/database-arrow-2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 20px;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 30px;
	text-decoration: none;
}

.meeting-area {
	width: 200px;
}

.meeting-summary {
	width: 180px;
}

.meeting-list {
	width: 240px;
}

.meeting-photo {
	width: 180px;
}


/* meeting-summary */

.meeting-summary-container h2 {
	margin-top: 30px;
	font-size: 18px;
	border-bottom-style: none !important;
}

.meeting-summary-container h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

.summary-container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 20px;
}

.summary-container p {

}

.meeting-summary-container ul,
.meeting-summary-container ol{
	margin-bottom: 20px;
}

.meeting-summary-container ul li {
	margin-bottom: 12px;
	margin-left: 40px;
	list-style-type: disc !important;
}

.meeting-summary-container ol li {
	margin-bottom: 12px;
	margin-left: 40px;
	list-style-type: decimal !important;
}

.meeting-summary-container ol li ol {
	margin-top: 20px;
}
.meeting-summary-container ol li ul li {
	list-style-type: disc !important;
}
.meeting-summary-container dl {
	margin-top: 20px;
	margin-bottom: 20px;
}

.meeting-summary-container dt {

}

.meeting-summary-container dd {
	display: block;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 20px;
}


.meeting-summary-container strong{
	display: block;
	font-weight: bold;
}

.meeting-summary-container hr{
	margin: 40px 0;
	border: 0 none;
	height: 1px;
	color: #000;
	background-color: #000;
}


.summary-link {
	text-align: center;
	font-weight: bold;
	margin-top: 60px;
	font-size: 18px;
}

#contents-wrapper .fold-button{
	border: none!important;
	text-align: center;
	padding: 0;
	margin-top: 50px;
	font-size: 25px;
}
.fold-button a{
	display: block;
	padding: 15px 0;
	background-color: #E9E9E7;
}

.fold-button a:hover{
	background-color: #ECECEA;
}

/* Publication */

.publication-container {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: left;
	padding-bottom: 20px;
}

.publication-container ul {
	clear: left;
	margin-top: 20px;
}

.publication-container ul li {
	float: left;
	margin-right: 20px;
}

.publication-contents {
	width: 550px;
}

.publication-container ul li p {

}

.publication-title {
	font-size: 24px;
	line-height: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}

.publication-date {
	font-size: 13px;
	line-height: 8px;
	margin-bottom: 20px;
}

.publication-page {
	padding-bottom: 30px;
	float: left;
	width: 260px;
}

.publication-page a {
	font-size: 14px;
	line-height: 8px;
	background-image: url(../images/pdf-icon.png);
	background-repeat: no-repeat;
	background-size: 40px;
	padding-left: 50px;
	padding-bottom: 20px;
	padding-top: 10px;
	background-position: 0px 5px;
	text-decoration: none;
}

.publication-subtitle {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

/* charts */
/* add 20180501 */

.charts-container ul {
	margin-bottom: 20px;
}

.charts-container ul li {
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left: 40px;
}

.charts-container h2 {
	margin-bottom: 20px;
}

.charts-container h3 {
	margin-top: 30px;
	margin-bottom: 20px;
}

.charts-container p {
	padding-top: 10px;
	padding-bottom: 20px;
}


/* Training */

.training-container ol li {
	list-style-type: lower-alpha;
	margin-bottom: 10px;
}
.training-container ol li ul li {
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left: 40px;
}

.training-container ol li ul li ul li.circle {
	list-style-type: circle !important;
	margin-bottom: 10px;
}

.training-container ol li ul li ul li.list-none {
	list-style-type: none !important;
	margin-bottom: 10px;
}

.training-container ol li ul {
	padding-top: 20px;
}

.training-pdf a {
	background-image: url(../images/pdf-icon.png);
	background-repeat: no-repeat;
	background-size: 40px;
	padding-left: 50px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 20px;
	display: block;
}

.training-container ol li p {
	padding-top: 5px;
	padding-bottom: 5px;
}

.list-abc {
	padding-left: 30px;
	margin-bottom: 30px;
}

.training-container h3,
.training-container h4 {
	padding-top: 40px;
}

.faq-container p,
.training-container p,
.statistics-container p {
	padding-top: 20px;
}

.database-container h2,
.faq-container h2,
.training-container h2,
.statistics-container h2 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.database-container h3,
.faq-container h3,
.faq-container h4 {
	padding-top: 20px;
}

/* Statistics Reports */

.statistics-pdf a {
	background-image: url(../images/pdf-icon.png);
	background-repeat: no-repeat;
	background-size: 40px;
	padding-left: 50px;
	font-size: 20px;
	padding-top: 5px;
	font-weight: bold;
	padding-bottom: 20px;
	text-decoration: none;
}

/* Processing Information */

.processing-pdf {
	background-image: url(../images/pdf-icon.png);
	background-repeat: no-repeat;
	padding-left: 68px;
	font-size: 20px !important;
	padding-top: 0px !important;
	font-weight: bold;
	margin-top: 20px;
}

.processing-pdf span {
	font-size: 14px !important;
	margin-top: 20px;
	line-height: 16px !important;
	font-weight: normal;
}

.processing-container {
	margin-bottom: 40px;
	margin-top: 40px;
}

.processing-container h2,
.processing-container h3 {
	margin-bottom: 20px;
}

.processing-tbl {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.processing-td-center td {
	text-align: center;
}

.processing-tbl td,
.processing-tbl th {
	padding: 10px;
}

.processing-tbl table,
.processing-tbl td,
.processing-tbl th {
	border-collapse: collapse;
	border:1px solid #333;
}

.processing-tbl th {
	text-align: center;
}

.processing-tbl .unit-name {
	text-align: center;
	width: 160px;
}

.processing-tbl .member {
	text-align: center;
	width: 160px;
	font-weight: bold;
}

.unit-name-th {
	background-color: #CEE0B4;
}

.description-th {
	background-color: #E9E9E7;
}

.processing-tbl td sup {
	vertical-align: top;
	position: relative;
	top: -6px;
}

.processing-hkg table,
.processing-hkg td,
.processing-hkg th {
	border-collapse: collapse;
	border:1px solid #333;
}

.processing-hkg td,
.processing-hkg th {
	padding: 8px;
	text-align: center;
}

.processing-hkg {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.hkg-th {
	background-color: #CEE0B4;
	width: 78px;
}

.hkg-item {
	background-color: #E9E9E7;
}

.hkg-total {
	background-color: #ffdb99;
}

.hkg-total {
	background-color: #ffdb99;
}

.processing-pdf a {
	text-decoration: underline;
}

.processing-pdf a:hover {
	text-decoration: underline;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* Faq */

.faq-tbl table,
.faq-tbl td,
.faq-tbl th {
	border-collapse: collapse;
	border:1px solid #333;
}

.faq-tbl td,
.faq-tbl th {
	padding: 8px;
	text-align: center;
}

.faq-tbl {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.faq-th {
	background-color: #CEE0B4;
	width: 50%;
}

.faq-item {
	background-color: #E9E9E7;
}

/* Questionnaires */

.questionnaires-container h2 {
	margin-bottom: 20px;
}

.annual-questionnaires {
	width: 600px;
}

.questionnaires-container ul {
	margin-top: 20px;
}

.questionnaires-container ul li {
	float: left;
	height: 50px;
	margin-bottom: 10px;
}

.guide-question {
	width: 300px;
}

.guide-manual {
	width: 300px;
}

.guide-question a {
	background-image: url(../images/excel-icon.jpg);
	padding-left: 40px;
	background-repeat: no-repeat;
	background-size: 30px;
}

.guide-manual a {
	background-image: url(../images/pdf-icon.png);
	padding-left: 40px;
	background-repeat: no-repeat;
	background-size: 30px;
}

.annual-questionnaires a,
.guide-manual a {
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 20px;

}

/* Submission for member economies */

.submission-head {
	float: left;
	width: 200px;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
}

.submission-detail {
	float: left;
	width: 500px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.submission-detail ul.data li {
	float: left;
	width: 250px;
	margin-bottom: 10px;
}

.submission-detail ul li label input {
	margin-right: 5px;
}

.submission-detail ul.contact li {
	margin-bottom: 10px;
}

.submission-detail ul.contact li span.contact-title {
	width: 120px;
	display: block;
	float: left;
}

.submission-data-unit{
	clear:both;
	padding-bottom:20px;
	padding-left: 30px;
	margin-bottom:20px;
	border-bottom: 1px dotted #ccc;
	width:100%;
}

p.submission-upload-number {
	font-weight: bold;
	padding: 0 0 5px;
	margin-bottom: 10px;
	margin-left: -30px;
}

.submission-data-area{
	padding-bottom: 10px !important;
}

.submission-upload-message{
	display: inline-block;
	padding: 0 15px;
	padding-bottom: 0 !important;
	margin-bottom: 10px;
	color: #ff8c00;
	background-color: #fbffb6;
	font-weight: bold;
}

.submission-upload-area{
	padding-bottom: 5px !important;
}

.submission-up-data {
	margin-top: 10px;
	padding-bottom: 10px !important;
}

.contact-txtfiled {
	width: 260px;
	margin-left: 5px;
}

.submission-browse {
	padding: 5px 20px;
}

.updata-txtfiled {
	width: 70px;
	margin-left: 15px;
	margin-right: 10px;
}

.comments-txtfiled {
	width: 400px;
	height: 100px;
}

.submission-container {
	text-align: center;
	clear: left;
}

.submission-submit {
	padding: 10px 40px;
	margin: 20px 10px 0;
}

.error-message{
	display: block;
	margin-bottom: 10px;
	color: #f00;
}

/* Relationship */

.focal-point-container h2 {
	margin-bottom: 20px;
}

.bruneit-container h3 {
	margin-top: 20px;
}

.link-container h2 {
	margin-bottom: 20px;
}

.link-container {
	margin-bottom: 40px;
}

/* Internal Only */

#contents-wrapper.internal-only {
	width: 870px;
}
/* add 20180501 */


.internal-only-container h2 {
	border: none !important;
	margin-bottom: 0;
	margin-top: 30px;
}

.internal-only-container table,
.internal-only-container td,
.internal-only-container th {
	border-collapse: collapse;
	border: 1px solid #333;
	margin-top: 10px;
}

.internal-only-container td,
.internal-only-container th {
	padding: 6px;
	text-align: center;
}

.internal-only {
	width: 100%;
}

.internal-only-country {
	text-align: left !important;
	background-color: #E9E9E7;
}

.internal-only a:hover {
	text-decoration: underline;
}

.internal-only th {
	background-color: #CDE3FC;
	font-weight: bold;
}

.internal-only-data {
	background-color: #F4F3D5;
}

/* Internal Only item */

.annual-country {
	width: 20px;
}

.monthly-country {
	width: 20px;
}

.quarterly-country {
	width: 20px;
}

.efficiency-country {
	width: 20px;
}

.annual-item {
	width: 16%;
}

.monthly-item {
	width: 8%;
}

.quarterly-item {
	width: 25%;
}

.efficiency-item {
	width: 80%;
}


/* UPDATE */

.update-container h2 {
	margin-bottom: 20px;
}

.update-container h3 a {
	font-size: 18px !important;
	line-height: 25px;

}

.update-container h3 a:hover {
	text-decoration: underline;
	opacity: 1;
	filter: alpha(opacity=100);
}

.update-wrap {
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 20px;
}

.update-date {
	font-size: 14px !important;
	margin-bottom: 6px;
	display: block;
}

.update-category {
	background-color: #05264c;
	color: #FFF;
	height: 30px;
	padding-right: 10px;
	align-items: center;
	padding-left: 10px;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 20px;
}

.update-year {
	text-align: right;
}

.update-select{
	width: 100px;
}

/* ----------------------------------
text setting
------------------------------------ */

#contents-wrapper h1,
#contents-wrapper h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
	font-weight: bold;
	color: #100964;
}

#contents-wrapper h1 {
	font-size: 32px;
	padding-bottom: 5px;
}

#contents-wrapper h2 {
	font-size: 26px;
	padding-bottom: 5px;
}

#contents-wrapper h3 {
	font-weight: bold;
	color: #100964;
	font-size: 20px;
	padding-bottom: 5px;
}

#contents-wrapper h4 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

.line-none {
	border: none !important;
}

/* ----------------------------------
footer
------------------------------------ */


#footer {
	width: 100%;
	background-color: #6a737d;
}

.footer-wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.footer-link {
	padding: 16px;
	color: #FFF;
	width: 268px;
	float: left;
	height: 130px;
}

.footer-questionnaire {
	background-color: #959da5;
}

.footer-link ul {
	margin-top: 15px;
}

.footer-link ul li {
	margin-top: 5px;
}

.footer-link ul li a {
	margin-top: 10px;
	font-size: 14px;
	background-image: url(../images/arrow-footer.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
	color: #FFF;
	text-decoration: none;
}

.footer-link ul li a:hover {
	text-decoration: underline;
	opacity: 1;
	filter: alpha(opacity=100);
}

.footer-heading {
	font-size: 18px;
	font-weight: bold;
}

.footer-copyright-wrapper {
	width: 100%;
	background-color: #05264c;
	clear: left;
}

.footer-copyright {
	color: #FFF;
	text-align: center;
	padding: 20px;
	font-size: 13px;
}


/*utility*/

.m00 {
	margin-bottom: 0px !important;
}
.m05 {
	margin-bottom: 5px !important;
}
.m10 {
	margin-bottom: 10px !important;
}
.m12 {
	margin-bottom: 12px !important;
}
.m15 {
	margin-bottom: 15px !important;
}
.m20 {
	margin-bottom: 20px !important;
}
.m30 {
	margin-bottom: 30px !important;
}
.m40 {
	margin-bottom: 40px !important;
}
.m50 {
	margin-bottom: 50px !important;
}
.m60 {
	margin-bottom: 60px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mt110 {
	margin-top: 110px !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml12 {
	margin-left: 12px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.ml70 {
	margin-left: 70px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml100 {
	margin-left: 100px !important;
}
.ml110 {
	margin-left: 110px !important;
}
.ml120 {
	margin-left: 120px !important;
}
.ml130 {
	margin-left: 130px !important;
}
.ml140 {
	margin-left: 140px !important;
}
.ml150 {
	margin-left: 100px !important;
}
.ml160 {
	margin-left: 160px !important;
}
.ml170 {
	margin-left: 170px !important;
}
.ml180 {
	margin-left: 180px !important;
}
.ml190 {
	margin-left: 190px !important;
}
.ml200 {
	margin-left: 200px !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.mr0 {
	margin-right: 60px !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pb00 {
	padding-bottom: 0px !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.flt {
	float: left;
}
.flr {
	float: right;
}

.ctr {
	text-align: center!important;
}

.txt-r{
	text-align: right!important;
}
.txt-l{
	text-align: left!important;
}

.cler-l {
	clear: left;
}
.cler-b {
	clear: both;
}

.link-under{
	text-decoration: underline;
}
.small-txt{
	font-size: 60%!important;
}
.med-small-txt{
	font-size: 80%!important;
}

.important-txt{
	font-weight: bold;
}

.sub-txt{
	font-size: 90% !important;
	color: #777;
}

.section-hr{
	margin: 0 0 30px;
	border: 0;
	border-top: 1px solid #9f9faa;
}