/* ページレイアウト */

.sp_container{
	width:950px;
	margin:0 auto;
}


#sp_submenu{
	width:246px;
	float:left;
	padding-bottom:20px;
}

#sp_main{
	width:679px;
	float:right;
	padding-bottom:20px;
}

#sp_top #sp_main{
	width:484px !important;
	float:left !important;
	margin-left:25px;
	padding-bottom:20px;
}

#abduction_top #sp_main{
	width:755px !important;
	float:left !important;
	margin-left:0 !important;
	padding-bottom:20px;
}



#sp_links{
	width:150px;
	float:right;
	padding:10px 10px 0px;
	margin-bottom:20px;
	background:#f3f3f3;
}

#sp_main .sp_section{
	padding-bottom:30px;
}

hr{
	clear:both;
}

.en h1{
	margin:0 !important;
}

#sp_main h6{
	font-size:100% !important;
	font-weight:bold;
	margin-bottom:1em !important;
	margin-top:1em !important;
}


/* 言語 */

.sp_language {
	float: right;
	width: auto;
	text-align: right;
	margin-top:20px;
}

.sp_language a {
	color:#000;
	text-decoration:none !important;
}

.sp_language a:hover {
	background-color:#595959;
	color:#fff;
}

.sp_language ul li {
	float: left;
	padding: 2px 6px;
	margin: 0 0 30px 0;
	border-left: 1px solid #666;
	list-style-type:none !important;
}

.sp_language ul li.last {
	border-right: 1px solid #666;
}

.sp_language span:lang(ja){
	background-color:#595959;
	color:#fff;
}

/*英語版*/
.en .sp_language span:lang(ja){
	background:none;
	color:#000;
}

.en .sp_language a:hover span:lang(ja){
	color:#fff;
}

.en .sp_language span:lang(en){
	background-color:#595959;
	color:#fff;
}

/*韓国語版*/
.en #korean .sp_language span:lang(en){
	background:none;
	color:#000;
}

.en #korean .sp_language a:hover span:lang(en){
	color:#fff;
}

.en #korean .sp_language span:lang(ko){
	background-color:#595959;
	color:#fff;
}


/* 左メニュー */

.menu1{
	background:#e3e3e3;
	padding:6px;
}

.menu1 ul, .menu2 ul{
	margin:0 !important;
	padding:0 !important;
	list-style-type:none !important;
}

.menu1 li a{
	display:block;
	background:#ffffff;
	background-image:url(/mofaj/files/000095270.png);
	background-repeat:no-repeat;
	background-position: 10px 14px;
	color:#000000;
	text-decoration:none;
	padding:8px 8px 8px 25px;
	margin:1px 0 0;
}

.menu1 li a:hover{
	background:#cff;
	background-image:url(/mofaj/files/000095270.png);
	background-repeat:no-repeat;
	background-position: 10px 14px;
	color:#000 !important;
}

.menu1 li a.current{
	background:#1C5986;
	background-image:url(/mofaj/files/000095272.png);
	background-repeat:no-repeat;
	background-position: 10px 14px;
	color:#ffffff !important;
}

.menu1 li span{
	display:block;
	background:#ffffff;
	padding:8px 8px 8px 25px;
}

.menu1 li ul{
	background:#ffffff;
	width:100%;
}

.menu1 li li a{
	margin:0 0 0 25px;
	border-top:1px dotted #e3e3e3;
}

.menu1 li li a:hover{
	background:#cff;
	background-image:url(/mofaj/files/000095270.png);
	background-repeat:no-repeat;
	background-position: 10px 14px;
}

.menu2 li{
	margin-top:15px;
}


/* 右コンテンツ */

/* 見出し・リスト */

#sp_main h2{
	background:url(/mofaj/files/000095273.gif) no-repeat;
	color:#1B5581 !important;
	padding:20px 15px 10px !important;
	border:0 !important;
	display:block !important;
	margin-bottom:0 !important;
}

#sp_main .h2_area{
	padding-bottom:2px;
	background:url(/mofaj/files/000095274.gif) bottom no-repeat;
	margin-bottom:15px;
}

#sp_main h2.index{
	display:none !important;
}

#sp_main h3{
	background:none !important;
	border-left:5px solid #2188d8;
	border-bottom:1px dotted #2188d8;
	padding:2px 7px !important;
	color:#1C5986;
}

#sp_main h4{
	background:none !important;
	border:0 !important;
	padding:5px !important;
	font-size:100% !important;
	background:#e2f2ff !important;
}

#sp_main h5{
	font-size:100% !important;
	padding-bottom:3px;
	border-bottom:1px dotted #2188d8;
	margin-bottom:18px;
}

#sp_main li.styled2{
	background:url(/mofaj/files/000095270.png) no-repeat left 4px !important;
	list-style-type:none !important;
}

.en #sp_main ul.list2{
	margin:0 !important;;
	padding:0 !important;;
}

.en #sp_main li.styled2{
	background:url(/mofaj/files/000095270.png) no-repeat left 4px !important;
	list-style-type:none !important;
	margin-left:0;
	padding-left:10px !important;
}

#sp_main ul.blue_dot{
	margin:0 0 1em;
	padding:0;
}

#sp_main ul.blue_dot li{
	background:url(/mofaj/files/000095275.gif) no-repeat left 3px;
	padding-left:20px;
	list-style-type:none !important;
}

#sp_main ol.listIndent_num1{
	list-style-type:none;
	text-indent:-1em;
	margin-left:20px;
}

#sp_main ol.listIndent_num1_5{
	list-style-type:none;
	text-indent:-1.5em;
	margin-left:20px;
}

#sp_main ol.listIndent_num2_5{
	list-style-type:none;
	text-indent:-2.5em;
	margin-left:20px;
}

#sp_main ul.media_list{
	list-style-type:none;
	padding-left:0px;
}

#sp_main ul.media_list img{
	float:left;
	margin-right:10px;
}

/* 詳細レイアウト */

#sp_main .twocol{
	float:left;
	width:320px;
}

#sp_main .captiontext{
	font-size:0.75em;
}

#sp_main .photo_float_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

#sp_main .photo_float_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#sp_main ul.no_list{
	list-style-type:none;
}


/* 右リンクエリア */

#sp_links .media_image{
	margin-bottom:20px;
	line-height:120%;
}

#sp_links .media_image img.cover{
	display:block;
	margin:3px auto;
}

#sp_links .media_image ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#sp_links .media_image a span{
	/*display:list-item;*/
	list-style-type:none;
	background:url(/mofaj/files/000095270.png) no-repeat left 3px;
	padding-left:12px;
	line-height:110%;
}

#sp_links .media_image a:hover span{
	background-color:#192a80;
}

#sp_links img.pamphlet_image{
		border:1px solid #333333;
}

#sp_links .media_image a span img{
	display:inline-block;
	margin:1px;
}


/* 動画 */

.movie_cap{
	float:left;
	margin:0 15px;
}

.movie_links{
	margin-left:230px;
}

.movie_links ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.movie_links li{
	display:inline;
	margin:8px;
	background:url(/mofaj/files/000095270.png) no-repeat left 3px;
	padding-left:12px;
}

.movie_links li a{
	white-space:nowrap;
}

.movie_links img{
	margin:0 !important;
	padding:0 !important;
}


/* その他 */

.mt0{ margin-top:0px !important;}
.mt1e{ margin-top:1em !important;}
.mb2e{ margin-bottom:2em !important;}
.ml0{ margin-left:0px !important;}
.ml0_5e{ margin-left:0.5em !important;}
.ml1e{ margin-left:1em !important;}
.ml4e{ margin-left:4em !important;}

.block{ display:block;}


.text_red{ color:#a5171c;}
.text_bold{ font-weight:bold;}
.text_indent1{
	text-indent:-1em;
}

.right{ text-align:right;}

.center_block{
	margin-left:auto;
	margin-right:auto;
}

.pamphlet_cover{
	border:1px solid #ccc;
	float:left;
	margin-right:10px;
}

.three_col{float:left;margin-right:15px; width:220px; text-align:center;}
.three_col_3rd{float:left; width:205px; text-align:center;}

/*-------------------------
日本の安全保障政策
-------------------------*/
.w240{
	width: 240px;
}

.w240 img{
	width: 240px;
}

.w260{
	width: 260px;
}

.w260 img{
	width: 260px;
}

.w286{
	width: 286px;
}

.w286 img{
	width: 286px;
}

.w325{
	width: 325px;
}

.w300{
	width: 325px;
}

.flex_box{
	display:flex;
	flex-wrap: wrap;
}

.flex_box div{
	margin-right:10px;
	margin-bottom: 15px;
}

.flex_box div:last-child{
	margin-right:0;
	margin-bottom: 0;
}

.flex_align_center{
	align-items:center;
}

.box_orange{
	border:3px solid #f08300;
	background:#f8f7f3;
	padding:10px;
}

.box_orange2{
	border:2px solid #f39700;
	font-weight:bold;
}

.sangen_l{
	width:500px;
}

.sengen_r{
	width:120px;
	margin-left:10px;
	text-align:center;
	padding:4px;
}


.sangen_box, .sangen_box2{
	border:2px dotted #ccc;
	padding:12px;
}

.sangen_box2{
	border-top:0px;
}


/* 20220216　追加 */
#sp_main h2 {background-size: cover;}

@media screen and (min-width: 768px) {
    #sp_submenu {
        width: 26%;
        max-width: 246px;
        padding-right: 1%;
    }
    #sp_top {
        overflow: hidden;
    }
    #sp_top #sp_main {
        width: 68% !important;
        max-width: 679px;
        margin-left: 2.5%;
    }
	#sp_submenu + #sp_main,
	#sp_submenu + .sp_container #sp_main{
	    width: 73%;
	    max-width: 679px;
	}
    #sp_links {
        width: 24%;
        max-width: 150px;
    }
}
@media screen and (max-width: 1024px) {
	.sp_container {
		width: 100%;
		max-width: 950px;
	}
}