@charset "UTF-8";

/* 外交青書コンテンツ（全体）用  =========================================================================== */

#bluebook {
}

/* 見出し */
#bluebook h2{
	margin-top:20px !important; 
}
#bluebook h3{
	margin-top:20px !important; 
}
/* --- h3の色替え中止（14-10-10）
#bluebook #chap1 h3{
	background-color:#97beea !important;
}
#bluebook #chap2 h3{
	background-color:#efd1a4 !important;
}
#bluebook #chap3 h3{
	background-color:#c6d9b9 !important;
}
#bluebook #chap4 h3{
	background-color:#eccbd1 !important;
}
*/
#bluebook h4{
	margin-top:20px !important; 
}
#bluebook h5 {
	text-align: left;
	font-size:120%;
	font-weight:bold;
	margin-top:20px; 
	margin-bottom:10px;
}
#bluebook h6 {
	text-align: left;
	font-size:110%;
	font-weight:bold;
	margin-top:20px; 
	margin-bottom:10px;
}
#bluebook div.strong1 {
	background-color:#2f4f4f;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	text-align: left;
	font-size:120%;
	font-weight:bold;
	margin-top:20px; 
	margin-bottom:10px;
}
#bluebook div.strong2 {
	text-align: left;
	font-size:100%;
	font-weight:bold;
	margin-top:20px; 
	margin-bottom:10px;
}
#bluebook div.strong3 {
	text-align: left;
	font-size:100%;
	font-weight:bold;
	margin-top:20px; 
}
#bluebook p.rightalign {
	text-align: right;
}
/* 本文 */
#bluebook p.ind1{
	text-indent: 1em; 
}
#bluebook p.ind-1{
	text-indent: -1em; 
}
#bluebook p.pad1{
	padding-left: 1em; 
}
#bluebook span.sizeup {
	font-size:120%;
}
#bluebook span.sizeup2 {
	font-size:130%;
}
#bluebook ul.listC li{
	list-style-type: circle;
}

/* 脚注 2016カラー変更、2022 チャプター3・4・5 変更 */
#bluebook span.sizedown {
	font-size:86%;
}
#bluebook div.footnote {
	margin-top:20px;
	padding-top:20px;
}
#bluebook .footnote p{
	font-size:80%;
	line-height:140%;
	text-indent: -1em;
	padding-left: 1em;
}
#bluebook #chap1 div.footnote {
	border-top:2px solid #286CAC;
}
#bluebook #chap2 div.footnote {
	border-top:2px solid #209A7F;
}
#bluebook #chap3 div.footnote {
	border-top:2px solid #D2602A;
}
#bluebook #chap4 div.footnote {
	border-top:2px solid #913293;
}
#bluebook #chap5 div.footnote {
	border-top:2px solid #EF3C76;
}
#bluebook .column div.footnote {
	border-top:2px solid #333333 !important;
}
#bluebook .tokushu div.footnote {
	border-top:2px solid #333333 !important;
}
#bluebook .kakomi_blue div.footnote {
	border-top:2px solid #333333 !important;
}

/* 図・写真 2016カラー変更、2022 チャプター3・4・5 変更 */
#bluebook .chart {
	padding:20px;
}
#bluebook .ph400 {
	width:400px;
	font-size:86%;
}
#bluebook .other {
	font-size:86%;
}
#bluebook .chart img{
	margin-bottom:5px;
}
#bluebook .chart .chart_title {
	font-weight:bold;
	padding:6px 10px 2px 10px;
	line-height:120%;
	margin-bottom:0.75em;
}
#bluebook #chap1 .chart .chart_title {
	background-color:#CFE4F1;
	border-bottom:2px solid #286CAC;
}
#bluebook #chap2 .chart .chart_title {
	background-color:#DCEAE5;
	border-bottom:2px solid #209A7F;
}
#bluebook #chap3 .chart .chart_title {
	background-color:#F8E1D2;
	border-bottom:2px solid #D2602A;
}
#bluebook #chap4 .chart .chart_title {
	background-color:#E8DAEB;
	border-bottom:2px solid #913293;
}
#bluebook #chap5 .chart .chart_title {
	background-color:#FCE2E4;
	border-bottom:2px solid #EF3C76;
}

/* 表組 */
#bluebook table {
	border-spacing: 0;
	border-collapse:collapse;
}
#bluebook table.tablestyle {
	border:1px solid #999;
}
#bluebook table.tablestyle th {
	background-color:#d8cfe5;
	padding:4px 10px 4px 10px;
	text-align:right;
	vertical-align:top;
	border-right:1px solid #999;
}
#bluebook table.tablestyle th.head_gray {
	background-color:#DADADB;
	padding:4px 10px 4px 10px;
	text-align:center;
	vertical-align:top;
	border-right:0px;
}
#bluebook table.tablestyle th.head {
	background-color:#d8cfe5;
	padding:4px 10px 4px 10px;
	text-align:center;
	vertical-align:top;
	border-right:0px;
}
#bluebook table.tablestyle th.head_l {
	background-color:#d8cfe5;
	padding:4px 10px 4px 10px;
	text-align:left;
	vertical-align:top;
	border-right:0px;
}
#bluebook table.tablestyle th.subhead_l {
	background-color:#e7e5f2;
	padding:4px 10px 4px 10px;
	text-align:left;
	vertical-align:top;
	border-right:0px;
}
#bluebook table.tablestyle th.subhead_r {
	background-color:#e7e5f2;
	padding:4px 10px 4px 10px;
	text-align:right;
	vertical-align:top;
	border-right:0px;
}
#bluebook table.tablestyle th.subhead_c {
	background-color:#e7e5f2;
	padding:4px 10px 4px 10px;
	text-align:center;
	vertical-align:top;
	border-right:0px;
}
#bluebook table.tablestyle td {
	padding:4px 10px 4px 10px;
	vertical-align:top;
}
#bluebook table.tablestyle td.gray {
	background-color:#DADADB;
	color:#333;
}
#bluebook table.tablestyle td.c_r{
	text-align: right;
}
#bluebook table.tablestyle td.c_c{
	text-align: center;
}

/*　囲み　*/
#bluebook div.kakomi {
	border:1px solid #fdbd58;
	padding:10px 40px 10px 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}
#bluebook .kakomi p {
	margin-top: 0.25em !important;
	margin-bottom: 0 !important;
}
#bluebook .kakomi div.title {
	text-align: center;
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:1em;
}

/*　コラム　2022　枠、背景色、title1を更新　tateを追加　*/
#bluebook div.column {
	width:720px;
	background-position:left top;
	background-repeat:repeat-y;
	margin-top: 30px;
	margin-bottom: 30px;
}
#bluebook div.column .col_kakomi {
	background: #fee792;
	padding: 10px 40px 40px 40px;
	margin: 30px 20px;
}

#bluebook div.column_body {
	padding:10px 40px 10px 40px;
	border: 4px solid #FBEAE0;
}
#bluebook .column div.title1 {
	font-size:150%;
	font-weight:bold;
	color: #000000;
	padding:0 4px 8px 0;
	line-height:1.2;
    background-color: #FBEAE0;
}
#bluebook .column div.title1 span.tate{
  display: inline-block;
  font-size: 16px;
  text-align: center;
  padding: 4px;
  width: 30px;
  background-color: #D28F73;
  color: #ffffff;
}
#bluebook .column div.title1 div {
	margin: 8px 0 0 8px;
}
#bluebook .column_body div.title2 {
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
}
#bluebook .column_body div.title2_bb {
	text-align: center;
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
	border-bottom: 1px solid #fdd000;
}
#bluebook .column_body div.title2_bb2 {
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
	border-bottom: 1px solid #9fa0a0;
}
#bluebook .column_body div.title3 {
	font-size: 110%;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/*　特集　2017　枠、title1、title2を更新　tateを追加　*/
#bluebook div.tokushu {
	width:720px;
	background-position:left top;
	background-repeat:repeat-y;
	margin-top: 30px;
	margin-bottom: 30px;
}
#bluebook div.tokushu_body {
	padding: 10px 40px 10px 40px;
	border: solid 5px #E7E5F2;
}
#bluebook .tokushu div.title1 {
	font-size:150%;
	font-weight:bold;
	padding:0 4px 8px 0;
	line-height:1.2em;
	background-color: #E7E5F2;
	color: #000000;
}
#bluebook .tokushu div.title1 span.tate{
  display: inline-block;
  font-size: 16px;
  text-align: center;
  padding: 4px;
  width: 30px;
  background-color: #8B80B0;
  color: #ffffff;
}
#bluebook .tokushu div.title1 div {
	margin: 8px 0 0 8px;
}
#bluebook .tokushu_body div.title2 {
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
	border-bottom: 1px solid #87B1B0;
}
#bluebook .tokushu_body div.title3 {
	font-size: 110%;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/*　参考　2023　追加　*/
#bluebook div.sankou {
	width:720px;
	background-position:left top;
	background-repeat:repeat-y;
	margin-top: 30px;
	margin-bottom: 30px;
}
#bluebook div.sankou_body {
	padding: 10px 40px 10px 40px;
	border: solid 5px #FAFAF8;
}
#bluebook .sankou div.title1 {
	font-size:150%;
	font-weight:bold;
	padding:0 4px 8px 0;
	line-height:1.2em;
	background-color: #FAFAF8;
	color: #000000;
}
#bluebook .sankou div.title1 span.tate{
  display: inline-block;
  font-size: 16px;
  text-align: center;
  padding: 4px;
  width: 30px;
  background-color: #25572F;
  color: #ffffff;
}
#bluebook .sankou div.title1 div {
	margin: 8px 0 0 8px;
}
#bluebook .sankou_body div.title2 {
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
	border-bottom: 1px solid #87B1B0;
}
#bluebook .sankou_body div.title3 {
	font-size: 110%;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/*　経験者の声　2024　追加　*/
#bluebook div.keikensha {
	width:720px;
	background-position:left top;
	background-repeat:repeat-y;
	margin-top: 30px;
	margin-bottom: 30px;
}
#bluebook div.keikensha_body {
	padding: 10px 40px 10px 40px;
	border: solid 5px #F4F8FC;
}
#bluebook .keikensha div.title1 {
	font-size:150%;
	font-weight:bold;
	padding:0 4px 8px 0;
	line-height:1.2em;
	background-color: #F4F8FC;
	color: #000000;
}
#bluebook .keikensha div.title1 span.tate{
  display: inline-block;
  font-size: 16px;
  text-align: center;
  padding: 4px;
  width: 50px;
  background-color: #58ACD9;
  color: #ffffff;
}
#bluebook .keikensha div.title1 div {
	margin: 8px 0 0 8px;
}
#bluebook .keikensha_body div.title2 {
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
	border-bottom: 1px solid #87B1B0;
}
#bluebook .keikensha_body div.title3 {
	font-size: 110%;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/* フッター（外交青書内） */
#bluebook div#bbfooter {
	padding-top:20px;
}
#bluebook #bbfooter p.textlink{
	font-size:86%;
	text-align:right;
}
#bluebook #bbfooter p.prevvnextlink{
	text-align:center;
}
#bluebook #bbfooter p.navilink{
	text-align:center;
}

/* 外交青書専用ナビ */
#bluebook #gnavi {
	background-color:#9fd9f6;
	margin-bottom: 20px;
}
#bluebook #gnavi ul {
	list-style:none;
	margin-left:40px;
	line-height:100%;
}
#bluebook #gnavi li {
	float:left;
}
#bluebook #gnavi .mokuji a {
	border-left:1px solid #333;
}
#bluebook #gnavi li a {
	display:inline-block;
	padding:4px 10px;
	border-right:1px solid #333;
	background-color:#9fd9f6;
}
#bluebook #gnavi li a:hover {
	background-color:#2f63b4;
	color:#FFF;
}
#bluebook .cbox {
	zoom:100%;
}
#bluebook .cbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}




/*　2015年追加　*/

/*　フォーカス　*/
#bluebook div.focus {
	width:720px;
	background: #f5f9ec;
	background-position:left top;
	background-repeat:repeat-y;
	margin-top: 30px;
	margin-bottom: 30px;
}
#bluebook div.focus_body {
	padding:0px 40px 10px 40px;
}
#bluebook .focus_body div.title1 {
	font-size:150%;
	font-weight:bold;
	padding:24px 4px 4px;
	margin-bottom:1em;
	border-bottom: 3px double #0e9900;
}
#bluebook .focus_body div.title2 {
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
}
#bluebook .focus_body div.title3 {
	font-size: 110%;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

#bluebook #chap1 .focus_body .chart .chart_title {
	background-color:#b0d25e;
	border-bottom:2px solid #577212;
}


/* 本文 */
#bluebook p.pad3{
	padding-left: 3em; 
}
#bluebook p.ind-3{
	text-indent: -3em; 
}
#bluebook p.pad3b{
	padding-left: 2.6em; 
}

#bluebook ul.mar2{
	margin-left: 2em; 
}

/* コラム */
#bluebook .column_body div.underline_blue {
	border-bottom: 1px solid #335599;
}

#bluebook span.cl_red{
	font-weight:bold;
	color:#BC131B;
}
#bluebook span.cl_blue02{
	font-weight:bold;
	color:#003C8A;
}
#bluebook span.bg-gray{
	border: 1px #000 solid;
	background-color: #DADADB;
}
#bluebook .column_body span.b_ora{
	font-weight:bold;
	color:#cf7100;
}
#bluebook .column_body span.b_pur{
	font-weight:bold;
	color:#7f1085;
}
#bluebook .column_body span.b_gre{
	font-weight:bold;
	color:#14a83b;
}
#bluebook .column_body span.b_blue{
	font-weight:bold;
	color:#008dcb;
}
#bluebook .column_body span.b_pink{
	font-weight:bold;
	color:#b50065;
}

/* 特集 */
#bluebook .tokushu_body .chart dl.dl_list dt {
    float: left;
}
#bluebook .tokushu_body .chart div.kakomi_pur {
	border:2px solid #af4184;
	padding:10px 40px 10px 40px;
	background-color:#ffffff;
}
#bluebook .tokushu_body .chart .kakomi_pur p {
	margin-top: 0.25em !important;
	margin-bottom: 0 !important;
}

/*　囲み　*/
#bluebook div.kakomi_black {
	border:1px solid #000000;
	padding:10px 40px 10px 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}
#bluebook .kakomi_black p {
	margin-top: 0.25em !important;
	margin-bottom: 0 !important;
}

#bluebook div.mrg-0 { margin-top:0; }

/* 表組 */
#bluebook table.tablestyle td.red {
	background-color:#e7e5f2;
	color:#ff0000;
}

/*　2016年追加　*/

#bluebook table.tablestyle th.red02, 
#bluebook table.tablestyle td.red02{
	color:#ff0000;
}

/*　インデント調整　*/
#bluebook p.ind2{
	text-indent: 2em; 
}
#bluebook p.ind-2{
	text-indent: -2em; 
}
#bluebook p.pad2{
	padding-left: 2em; 
}

/*　太字装飾　*/
#bluebook p.bold{ font-weight: bold; }

/*　青背景の囲み枠　*/
#bluebook div.kakomi_blue div.title1 {
	font-size:150%;
	font-weight:bold;
	padding:24px 4px 4px;
	margin-bottom:1em;
	line-height:1.0em;
}
#bluebook div.kakomi_blue {
	border:2px solid #47AAD1;
	padding:10px 40px 10px 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #F0F7FB;
}
#bluebook .kakomi_blue p {
	margin-top: 0.25em !important;
	margin-bottom: 0 !important;
}

/*　特集テーブル　*/
#bluebook .tokushu_body table.tokushu_table {
	border:1px solid #999;
}

#bluebook .tokushu_body table.tokushu_table th {
	width:100px;
	background-color:#f9d2e4;
	padding:4px 10px 4px 10px;
	text-align:right;
	vertical-align:top;
	border:1px solid #999;
}
#bluebook .tokushu_body table.tokushu_table td {
	padding:4px 10px 4px 10px;
	vertical-align:top;
	background-color:#fdeef3;
	border:1px solid #999;
}

/*　特集タイトル装飾 2017 色変更 */
#bluebook .tokushu_body span.maru {
	color: #87B1B0;
	margin-left: 0.5em;
}

#bluebook .tokushu_body div.title_big {
	font-size:120%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
}

/*　コラムタイトル装飾 2017 色変更 */
#bluebook .column_body span.maru {
	color: #fdd000;
	/* margin-left: 0.5em; */
}


/*　囲み枠　*/
#bluebook div.kakomi_black02 {
	border:1px solid #000000;
	padding:10px 40px 10px 40px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}
#bluebook .kakomi_black02 p {
	margin-top: 0.25em !important;
	margin-bottom: 0 !important;
}


/* sp */
@media (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }
  #bluebook {
    padding: 0 2%;
  }
  #bluebook .ph400 {
    width: 100%;
    font-size: 86%;
  }
  #bluebook .chart {
    padding: 0 0 20px 0;
  }
  #bluebook div.column {
    width: 96%;
    padding: 2%;
    border: none;
  }
  #bluebook div.column_body {
    padding: 0 5% 2% 5%;
  }
  #bluebook #gnavi ul {
    margin-left: 0;
  }
  #bluebook #gnavi li {
    padding: 3px 0;
  }
}