@charset "utf-8";
/*css reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td, hr{
		margin: 0;
		padding: 0;
}
h1, h2, h3, h4, h5, h6{
		font-size: 100%;
		font-weight: normal;
}
ol, ul{
		list-style: none;
}
fieldset, img{
		border: 0;
		margin: 0;
		padding: 0;
}
table{
		border-collapse: collapse;
		border-spacing: 0;
}
caption, th{
		text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
		font-style: normal;
		font-weight: normal;
}
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
.clearfix2 {
    zoom:1;
}
/**/
/*--------------------------------------*/
hr { margin: 20px 0; }
.txt-bold { font-weight: bold; }
.txt-large { font-size: 1.3em; }
.txt-big { font-size: 1.1em; font-weight: bold; }
.txt-small { font-size: 0.75em; }

.set-l { float: left; }
.set-r { float: right; }
.align-l { text-align: left !important; }
.align-r { text-align: right !important; }
.align-c { text-align: center !important; }

.mt20 { margin-top: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml_1em{ text-indent: 0 !important; margin-left: 1em !important; }
.ml_2em{ text-indent: 0 !important; margin-left: 2em !important; }
.pl_1em{ padding-left: 1em !important; }
.pl_3em{ padding-left: 3em !important; } /* 2019年9月追加 */

.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w420 { width: 420px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w580 { width: 580px; }
.w640 { width: 640px; }
.w750 { width: 750px; }
.w800 { width: 800px; }
.w900 { width: 900px; }

.ind00{ text-indent: 0 !important; }
.ind-01{ text-indent: -1em !important; }


.underline{ text-decoration: underline; }

/*--------------------------------------*/
#bluebook-area {
	line-height: 1.4;
	margin: 0 auto;
	width: 960px;
}
#bluebook-area a {
	border-bottom: 1px dotted #5533cc;
	text-decoration: none;
}
#bluebook-area .kakomi {
	border: 1px solid #999;
	margin: 0 auto 20px;
	padding: 10px;
	width: 900px;
}
#bluebook-area .kakomi_white {
	border: 1px solid #999;
	margin: 0 auto 20px;
	padding: 10px;
	width: 800px;
	background-color: #fff;
}

#cover-area {
	margin: 0 0 20px 0;
}
#cover-area .left-inner {
	text-align: right;
	width: 310px;
}
#cover-area .right-inner {
	margin-right: 20px;
	text-align: left;
	width: 620px;
}
#cover-area h3 {
	border-top: 1px solid #0078ff;
	border-bottom: 1px solid #0078ff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px 0;
}
#cover-area ul {
	margin: 0 0 0 30px;
}
#contents-area {
	margin: 0 auto;
	width: 935px;
}
#contents-area h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0;
	padding: 5px 0;
	text-align: center;
}
#bluebook-area .title-bg-blue {
	color: #fff;
	background-color: #0088D2;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 20px;
}

#bluebook-area .title-cl-blue {
	color: #333399;
	font-size: 150%;
	font-weight: bold;
	margin-left:40px;
}

#contents-area p { margin: 0 0 10px 0; }
#contents-area .contents-list {
	margin: 10px 0 20px 100px;
}
.contents-list ul {
	margin: 0 0 10px 30px;
}
.contents-list img{ margin-bottom: 2px; }

#bluebook-area .db-navi {
	background: #DDD;
	margin: 0 auto 20px;
	padding: 10px;
	text-align: center;
	width: 902px;
}
#column-area {
font-size: 1.2em;
padding: 0 20px 20px;
}
#column-area .column-title {
	padding: 30px 0 40px;
}
#column-area .backimage {
 background: url(images/titlebg.jpg) center top no-repeat;
 height: 200px;
 padding: 40px 0 0;
}
.column-title h2 {
	font-size: 1.4em;
	text-align: center;
}
.column {
	margin-bottom: 40px;
}
.column .img-area {
	margin: 20px auto;
	margin-top:10px;
}
.image-caption {
	display: block;
	font-size: 0.875em;
	font-style: italic;
	margin-top: 10px;
	text-align: left;
}
.image-caption2 {
	display: inline;
	font-size: 0.875em;
	font-style: italic;
	margin-top: 10px;
	text-align: left;
}
.column .photo-inline {
	margin: 1em auto;
	text-align: left;
	width: 100%;
}
.column .photo-inline .chart {
	padding:20px;
	display:inline-block;
}
.column .photo-inline .pb0 {
	padding-bottom: 0;
}
.column .photo-inline .caption {
	text-align:left;
	font-size: 90%;
	margin-top: 0 !important;
	margin-bottom: 1em !important;
	text-indent:20px !important;
}
.column p {
	margin-bottom: 5px;
	text-indent: 1em;
	text-align: justify;
}
.column .column-page-title {
	background: url(images/titlebar.jpg) left center no-repeat;
	background-size: contain;
	font-size: 1.4em;
	padding: 10px;
	line-height:1.2em;
    text-indent: -1em;
    padding-left: 1.5em;}
.column .column-page-title2 {
	background: url(images/titlebar2.jpg) left center no-repeat;
	background-size: contain;
	font-size: 1.4em;
	padding: 10px;
	line-height:1.2em;
    text-indent: -1em;
    padding-left: 1.5em;}
.column .column-page-title2-2 {
	background: url(images/titlebar2-2.jpg) left center no-repeat;
	background-size: contain;
	font-size: 1.4em;
	padding-top: 15px;
	line-height:1.2em;
    text-indent: -1em;
    padding-left: 1.5em;}
.column .column-page-title3 {
	background: url(images/titlebar3.jpg) left center no-repeat;
	font-size: 1.4em;
	padding: 10px;
	line-height:1.2em;
    text-indent: -1em;
    padding-left: 1.5em;}
.column .column-page-title4 {
	background: url(images/titlebar4.jpg) left center no-repeat;
	background-size: contain;
	font-size: 1.4em;
	padding: 10px;
	line-height:1.2em;
    text-indent: -1em;
    padding-left: 1.5em;}
.column .column-page-title4-2 {
	background: url(images/titlebar4-2.jpg) left center no-repeat;
	background-size: contain;
	font-size: 1.4em;
	padding-top: 15px;
	line-height:1.2em;
    text-indent: -1em;
    padding-left: 1.5em;}
.column .column-page-title5 {
	background: url(images/titlebar5.jpg) left center no-repeat;
	background-size: contain;
	font-size: 1.4em;
	padding: 10px;
	line-height:1.2em;
	text-indent: -1em;
	padding-left: 1.5em;}
.column h3.section-title {
	background-size: contain;
	font-size: 1.4em;
	font-weight:bold;
	padding: 10px;
}
.column .overview-titile{
	background-color:#008B93;
	color:#fff;
	padding: 10px;
}
.column .subhead-title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
}
.column .feature-subhead-title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 0 0;
}
.column .second-subhead-title {
	font-weight: bold;
	margin-top: 20px;
}
.column .feature-second-subhead-title {
	font-weight: bold;
	margin-top: 10px;
}
.column-note {
	font-size: 0.8125em;
	margin: 10px 20px 20px;
	padding-left: 1em;
	text-indent: -1em;
}
ul.column-note {
	margin: 10px 20px 10px;
}
ul.column-note li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
ul.indent{
	margin-left:1em;
}
ul.list-disc{
	list-style: disc;
	list-style-position: inside;
	margin-left:1em;
}
ol.column-note {
	margin: -5px 50px 0;
}
ol.column-note li {
	padding-left: 1em;
	text-indent: -2em;
}
.message-paper-area {
	border: 1px solid #DDD;
	background: #ffffec;
	padding: 60px;
}
.message-paper-area h3 {
	font-size: 1.6em;
}
.message-paper-area h3,
.message-paper-area h4,
.message-paper-area h5 {
	margin-bottom: 30px;
}

.special_column_area {
	margin-top: 40px;
	width:900px;
}

.special_feature_area {
	margin-top: 40px;
	width:900px;
}
.special_feature_area_body{
	margin-left: 19px;
	margin-top:20px;
	padding: 20px;
	/*border: 2px solid #01B2B3;*/
	background-color:#FDF8F4;
}
.special_feature_area_body:after{
	content: "";
	clear:both;
	display: block;
}
.special_column_area_body{
	padding: 20px;
	margin-top:20px;
	/*border: 2px solid #87552A;*/
	background-color:#FEF8F5;
}
.special_column_area_body:after{
	content: "";
	clear:both;
	display: block;
}

.special_feature_area .special_subhead{
	border-bottom: solid 1px #da4d70;
	margin: 20px 0 10px 0;
}
.special_column_area .special_subhead{
	border-bottom: solid 1px #acc500;
	margin: 20px 0 10px 0;
}


/*.special_feature_area h3 {
	padding-bottom: 10px;
}
.special_feature_area{
	background-color: #F9F0F3;
}
.special_feature_area div.sf-kakomi{
	border:double #CC0099 5px;
}
.special_column_box {
	border-radius: 0 0 10px 10px;
	background: #eeffff;
	margin-top: 10px;
	padding: 20px;
}
.special_column_title {
	color: #005bc7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	margin: 0 0 10px;
	line-height: 1.1;
}
.special_column_area h4{
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
}
.focus_area {
	padding: 40px 10px 40px;
}
.focus_area h3 {
	margin-bottom: 10px;
}
.focus_box {
	border-radius: 0 0 10px 10px;
	background: #F5F9EC;
	margin-top: 10px;
	padding: 20px;
}
*/
/*　青背景の囲み枠　*/
.kakomi_blue .special_subhead {
	font-size:150%;
	font-weight:bold;
	padding: 0 4px 10px 4px;
	margin-bottom:1em;
	line-height:1.0em;
	border-bottom: 1px solid #108ccf;
}
.kakomi_blue {
	border:2px solid #108ccf;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #eef3fa;
}

/*　黒の囲み枠　*/
.kakomi_black {
	border:1px solid #000000;
	padding: 5px;
}

table.column-table {
	border: 5px solid #EEE;
	border-collapse: separate !important;
	border-spacing: 5px;
	width: 100%;
}
.column-table td {
	padding: 10px;
	width: 30%;
	vertical-align: top;
}
.column-table td.blue { background: #e7ffff; }
.column-table td.red { background: #ffefef; }
.column-table td.purple { background: #fbf4ff; }
.column-table.yellow { background: #fffae3; }
.cp4-col-table {
	margin: 20px auto;
}
.cp4-col-table .haiku-area {
	background: #F0FFCE;
	border: 3px solid #8CC66D;
	margin: 0 auto;
	width: 80%;
}
.cp4-col-table .haiku-area td {
	height: 80px;
	padding: 5px;
	text-align: center;
}
.va-t { vertical-align: top; }
.va-c { vertical-align: middle; }
.va-b { vertical-align: bottom; }

#photo_index_area {
	padding: 20px 30px 40px 40px;
}
#photo_index_area h2 {
	font-size: 1.4em;
	font-weight: bold;
}
.photo_index_list h3 {
	font-size: 1.1em;
	font-weight: bold;
}
.photo_index_list .photo-list {
	font-size: 1.1em;
	list-style: square;
	margin: 5px 0 20px 40px;
}
.photo_index_list .photo-list li {
	font-style: italic;
	margin-bottom: 10px;
}
.bottom-link {
	margin: 0 auto 10px;
	width: 900px;
}
.bottom-link .pagenavi {
	float: left;
	width: 300px;
}
/*--------------------------------------------------------------*/
.cl_blue{color:#04bdfb;}
.cl_blue02{color:#003C8A;}
.cl_orange{color:#ff8040;}
.cl_green{color:#01AA71;}
.cl_green02{color:#acc500;}
.cl_purple{color:#c189b3;}
.cl_momiji{color:#EC6E81;}
.cl_pink{color:#da4d70;}
.cl_red{color:#BC131B;}

p.index-s{margin-left:4em !important;font-weight:bold;font-size:1.2em}
.h-indent-1em  { text-indent:  -1em !important; padding-left: 1em;}
.h-indent-3em  { text-indent:  -1em !important; padding-left: 3em;} /* 2019年9月追加 */

/* 外交青書コンテンツ（巻末資料）用  =========================================================================== */


#bluebook td.tdnowrap {
	white-space:nowrap;
}

/*　国際主要事項　*/
#bluebook table.data01_minister {
	width:720px;
	border:1px solid #000;
	margin-bottom:20px;
}
#bluebook table.data01_minister tr.row_a {
	background-color:#BBB;
}
#bluebook table.data01_minister tr.row_b {
	background-color:#e7e5f2;
}
#bluebook table.data01_minister tr.row_c {
	background-color:#ccc2de;
}
#bluebook table.data01_minister td.first {
	text-align:center;
	padding:2px 5px;
	border-right:1px solid #000;
}
#bluebook table.data01_minister td.second {
	padding:2px 5px;
}
#bluebook table.data01_minister td.third {
	padding:2px 5px;
	border-left:1px solid #000;
}
#bluebook table.data01_topic {
	width:720px;
}
#bluebook table.data01_topic td.title {
	width:350;
	text-align:center;
	padding:3px 10px;
	line-height:120%;
}
#bluebook table.data01_topic td.date {
	width:50px;
	text-align:center;
	padding:3px;
	vertical-align:top;
}
#bluebook table.data01_topic td.topic {
	width:300px;
	padding:3px 0px 3px 10px;
	vertical-align:top;
}
#bluebook table.data01_topic td.blank {
	width:20px;
}
#bluebook table.data01_topic td.jpncolor1 {
	background-color:#ccc2de;
}
#bluebook table.data01_topic td.ovscolor1 {
	background-color:#b0d0d0;
}
#bluebook table.data01_topic td.jpncolor2 {
	background-color:#e7e5f2;
}
#bluebook table.data01_topic td.ovscolor2 {
	background-color:#c6e1e7;
}

/*　要人往来　*/
#bluebook div.data02_comment {
	border-top:2px solid #855b40;
	border-bottom:2px solid #855b40;
	padding:8px 10px;
	margin-top:20px;
	margin-bottom:20px;
}
#bluebook div.data02_comment ol {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 25px;
}
#bluebook div.data02_comment li {
	margin-bottom:0.25em;
}
#bluebook table.data02_table {
	width:100%;
	border:1px solid #855b40;
}
#bluebook table.data02_table th {
	background-color:#d2b488;
	text-align:center;
	padding:2px 5px;
	border:1px solid #855b40;
	font-weight:normal;
}
#bluebook table.data02_table th.col01 {
	width:13%;
}
#bluebook table.data02_table th.col02 {
	width:7%;
}
#bluebook table.data02_table th.col03 {
	width:24%;
}
#bluebook table.data02_table th.col04 {
	width:18%;
}
#bluebook table.data02_table th.col05 {
}
table.data02_table td {
	text-align:left;
	padding:2px 5px;
	vertical-align:top;
	border:1px solid #855b40;
}
#bluebook table.data02_table td {
	padding:2px 5px;
}
#bluebook table.data02_table td.col01 {
	background-color:#fcf5e9;
	font-weight:bold;
}
#bluebook table.data02_table td.col02 {
	text-align:center;
}
#bluebook table.data02_table td.col03 {
}
#bluebook table.data02_table td.col04 {
}
#bluebook table.data02_table td.col05 {
}

/*　用語索引　*/
#bluebook div.data03_comment {
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	padding:8px 10px;
	margin-top:20px;
	margin-bottom:20px;
}
#bluebook div.data03_comment ol {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 25px;
}
#bluebook div.data03_comment li {
	margin-bottom:0.25em;
}
#bluebook div.data03_list p {
	padding-left: 2em;
	text-indent: -1em;
}