@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

a {
	color:#8D970B;
	text-decoration:none;
}

a:hover {
	color:#22919F;
	text-decoration:underline;
}

a img {
	border-style:none;
}

sup {
	font-size: 0.8rem;
	vertical-align: super;
}

.clearfix{
	zoom:1; /*for IE 5.5-7*/
	position:relative; /*for preview*/
}

/*for modern browser*/
.clearfix:after{
	content: url(/international/isd/common/img/sp.gif);
	display: block;
	clear: both;
	height: 0;
}

* html .clearfix{
	display:inline-table;
	/**/display:block;/**/
}
html {
	font-size:14px;
}

body {
	text-align:center;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:20px;
	color:#4d4d4d;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

h1 {
	font-size:12px;
	line-height:18px;
}

#top {
	width:100%;
	background:url(/international/isd/common/img/con_header_bg.gif) left top repeat-x;
}

#con {
	width:100%;
	background:url(/international/isd/common/img/con_header_bg.gif) left top repeat-x;
}

#wrapper {
	width:100%;
	position:relative;
	margin:0 auto;
	padding:0;
	text-align:left;
}

header {
	width:100%;
	margin:0;
	float: left;
	border-bottom: 3px solid #82c4d8;
}

#header {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:10px 0 0 0;
}

#header .site_title_area {
	width:calc(100% - 240px);
	float:left;
}

#header .site_title {
	width:100%;
	height: 100%;
	max-height: 85px;
	float:left;
	clear:both;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
}

#header .site_title img {
	width: calc(100% - 60px);
	max-width: 660px;
	max-height: 85px;
	object-fit: contain
}

#header .description {
	width:100%;
	margin: 0 0 10px;
	float:left;
	clear:both;
	overflow:hidden;
	font-size:1rem;
}

#header .right_area {
	width:240px;
	padding: 20px 0 0 0;
	float:right;
	font-size:1rem;
	line-height:18px;
	font-family:Calibri,verdana,Arial;
	color:#999999;
}

#header .right_area .telephone {
	width:240px;
	float:left;
	clear:both;
	text-align:right;
	margin:0;
	overflow:hidden;
}

#header .right_area p {
	width:240px;
	float:left;
	clear:both;
	text-align:right;
	padding:0 0 8px 0;
}

#header .right_area .link_area {
	width:240px;
	float:left;
	clear:both;
	text-align:right;
	padding:10px 0;
	background:url(/international/isd/common/img/header_en_bg.jpg) right top no-repeat;
}

/* グローバルナビ */
#gnavi {
	width:240px;
	float:left;
	margin:20px 30px 0 0;
	padding:0;
	list-style:none;
}

#gnavi li {
	width:100%;
	float:left;
	margin:0;
	padding:0;
}

#gnavi li a {
	width:100%;
	padding: 10px 5px 10px 15px;
	position:relative;
	overflow:hidden;
	display:block;
	font-size: 1.14rem;
	font-weight: bold;
	color: #fff;
	border-bottom:1px solid #fff;
	background: #43a7cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #43a7cf 0%, #87c6e3 100%);
	background: -webkit-linear-gradient(top,  #43a7cf 0%,#87c6e3 100%);
	background: linear-gradient(to bottom,  #43a7cf 0%,#87c6e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a7cf', endColorstr='#87c6e3',GradientType=0 );
}
#gnavi li a:hover,
#gnavi .current {
	background: #43a7cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #43a7cf 0%, #003d95 100%);
	background: -webkit-linear-gradient(top,  #43a7cf 0%,#003d95 100%);
	background: linear-gradient(to bottom,  #43a7cf 0%,#003d95 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a7cf', endColorstr='#003d95',GradientType=0 );
}

#sub_navi {
	width:240px;
	margin:0;
	padding:0;
}

#sub_navi ul {
	top: 0;
	left:240px;
	display:none;
	position:absolute;
	z-index: 10;
}

#sub_navi li.trigger:hover ul {
	display: block;
}

#sub_navi li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	list-style:none;
	position:relative;
}

#sub_navi ul ul {
	top:0;
	left:110px;
}

#sub_navi ul li a {
	width:300px;
	height:auto;
	float:left;
	display:block;
	margin:0;
	padding:8px 10px 8px 27px;
	text-align:left;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	filter:Alpha(Opacity=90);
	line-height:18px;
	background:url(/international/isd/common/img/subnavi_icon_off.gif) #669933 8px 12px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-size: 1rem;
}

#sub_navi ul li a:hover,
#sub_navi ul li a.current {
	filter:Alpha(Opacity=90);
	line-height:18px;
	background:url(/international/isd/common/img/subnavi_icon_on.gif) #006666 8px 12px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

#sub_navi ul li a img {
	margin:0;
	padding:0 0 0 5px;
}

#sub_navi ul li a:hover img {
	position:static;
}

#sub_navi ul li a.indent {
	margin-top: -1px;
	padding:8px 5px 8px 50px;
	background:url(/international/isd/common/img/subnavi_icon_off.gif) #669933 27px 12px no-repeat;
}


#sub_navi ul li a.indent.current,
#sub_navi ul li a.indent:hover {
	background:url(/international/isd/common/img/subnavi_icon_on.gif) #006666 27px 12px no-repeat;
}

#img_area {
	width:900px;
	float:left;
	clear:both;
	margin:10px 0;
	overflow:hidden;
}

#img_area .cat_title {
	width:900px;
	height:110px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

#img_area .fla {
	width:430px;
	height:190px;
	float:left;
	margin:0;
	padding:0;
}

#img_area .update {
	width:460px;
	height:190px;
	float:right;
	margin:0;
	padding:0;
	background:url(/international/isd/english/common/img/top_update_bg.gif) left top no-repeat;
}

#img_area .update_box {
	width:440px;
	height:122px;
	float:left;
	clear:both;
	overflow:auto;
	display:inline;
	margin:10px;
	padding:0;
	font-size:12px;
	line-height:18px;
}

#img_area .update_box li {
	list-style:none;
	padding:0 0 5px 0;
}

#img_area .update_box li a {
	color:#666666;
	text-decoration:none;
}

#img_area .update_box li a:hover {
	color:#8D970B;
	text-decoration:underline;
}

#img_area .date {
	color:#CC6633;
}

#contents_area {
	width: calc(100% - 270px);
	margin:0;
	padding:20px 0 40px 0;
}

/*スライダー設定*/

#contents_area .slider {
	width: 100%;
	margin: 0 0 50px 0;
}

#contents_area .slider img {
	width: 100%;
	height: 100%;
	max-height: 380px;
	object-fit: cover;
}

#contents_area .info {
	width: 100%;
	margin: 0 0 20px 0;
}

#contents_area .info h2 {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 1.4rem;
}

#contents_area .info ul {
	width: 100%;
	max-height: 900px;
	min-height: 400px;
	margin: 0 0 20px 0;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#contents_area .info ul li {
	width: 100%;
	padding: 10px 0;
	list-style: none;
	border-bottom: solid 1px #dfdfdf;
}

#contents_area .info ul li:first-child {
	border-top: solid 1px #dfdfdf;
}

#contents_area .info ul li span {
	width: 100%;
	margin: 0 0 2px 0;
	display: block;
	font-size: 0.9rem;
}

#contents_area .info ul li a:before {
	margin-right: 5px;
	content: '\f0da';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #8D970B;
	display: inline-block;
}

#contents_area .info ul li a:hover:before {
	color: #22919F;
}

 ul.btn {
	width: 100%;
	max-width: 130px;
	margin: auto 0 20px auto;
	display: flex;
	border: solid 1px #333;
	border-radius: 10px;
}

 ul.btn li {
	width: 100%;
	margin: 0;
	list-style: none;
}

 ul.btn li:first-child {
	border-right: solid 1px #333;
}

 ul.btn li a {
	width: 100%;
	padding: 1px 5px;
	display: flex;
	justify-content: center;
	color: #333;
	transition: 0.3s;
	border-radius: 10px 0 0 10px;
	font-size: 0.85rem;
}

 ul.btn li:nth-child(2) a {
	border-radius: 0 10px 10px 0;
}

 ul.btn li a.current,
 ul.btn li a:hover {
	/*background: #fF2727;*/
	background: #993c40;
	color: #fff;
	text-decoration: none;
}

#contentsWrap {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	padding:0 20px;
	display: flex;
	flex-wrap: wrap;
}

#contents {
	width:calc(100% - 270px);
	min-height: 600px;
	margin:0;
	padding:20px 0 40px 0;
}

#contents img {
	max-width: 100%;
}


/* ぱんくずナビ */
#contents .topic_path {
	width:100%;

	float:left;
	clear:both;
	margin:2px 0 15px 0;
	padding:0;
	background:url(/international/isd/common/img/topic_path_bg.gif) left top no-repeat;
	border-bottom: 3px double #ccc;
}

#contents .topic_path .home {
	float:left;
	overflow:hidden;
	margin:0;
	padding:0 42px 0 15px;
}

#contents .topic_path .home a {
	float:left;
	height: 30px;
}


#contents .topic_path ul {
	width: calc(100% - 97px);
	float:left;
	margin:0 0 3px;
	padding:5px 0 0 0;
	list-style:none;
}

#contents .topic_path li {
	float:left;
	padding:0 3px 0 0;
}

#contents .topic_path li a {
	text-decoration:none;
}

#contents .topic_path li.page::before {
	margin-right: 5px;
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #87c6e3 ;
	display: inline-block;
}
/* 横幅いっぱいのボックス */
#contents .normal_box {
	width:900px;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0;
}

/* ３列用ボックス */
#contents .part3 {
	width:200px;
	float:left;
	margin:0;
	padding:0 25px 0 0;
}

#contents .part3_r {
	width:200px;
	float:left;
	margin:0;
	padding:0;
}

/* トップページ コンテンツリスト用 */
#contents .part3_header {
	width:200px;
	height:32px;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	overflow:hidden;
}

#contents .part3_list {
	width:185px;
	float:left;
	clear:both;
	list-style:none;
	padding:0 0 10px 15px;
}

#contents .part3_list li {
	width:185px;
	float:left;
	clear:both;
	margin:0;
	padding:5px 0 3px 0;
	border-bottom:1px dashed #CCCCCC;
}

#contents .part3_list li a {
	width:165px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
	background:url(/international/isd/common/img/link_icon_off.gif) left 2px no-repeat;
	text-decoration:none;
	color:#525252;
}

#contents .part3_list li a:hover {
	width:165px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
	background:url(/international/isd/common/img/link_icon_on.gif) left 2px no-repeat;
	text-decoration:underline;
	color:#8D970B;
}

/* コンテンツエリア内 見だしなど基本設定 */

/* ページタイトル */
#contents .page_title {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:8px 0 6px 15px;
	/*background:url(/international/isd/common/img/page_title_bg.gif) left top no-repeat;*/
	background: #43a7cf; /* Old browsers */
	background: -moz-linear-gradient(top,  #43a7cf 0%, #87c6e3 100%);
	background: -webkit-linear-gradient(top,  #43a7cf 0%,#87c6e3 100%);
	background: linear-gradient(to bottom,  #43a7cf 0%,#87c6e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a7cf', endColorstr='#87c6e3',GradientType=0 );
	font-size:1.14rem;
	line-height:1.2;
	color:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	border: 1px solid #ccc;
}

/* ページヘッダー */
#contents .page_header {
	width:100%;
	float:left;
	clear:both;
	margin:10px 0 12px 0;
	padding:8px 0 6px 15px;
	background:url(/international/isd/common/img/page_header_icon.gif) no-repeat left top;
	font-size:14px;
	line-height:18px;
	color:#663300;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

/* 見だし3 */
#contents .con_header {
	width:calc(100% - 15px);
	float:left;
	clear:both;
	margin:10px 0 12px 15px;
	padding:3px 0 5px 9px;
	border-left:6px solid #708B22;
	border-bottom:1px solid #708B22;
	font-size:14px;
	line-height:18px;
	color:#666666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	display:inline;
}

/* 見だし4 */
#contents .con_subheader {
	width:calc(100% - 15px);
	float:left;
	clear:both;
	margin:8px 0 12px 15px;
	padding:0 0 3px 15px;
	border-bottom:1px dashed #708B22;
	font-size:14px;
	line-height:18px;
	color:#708B22;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	display:inline;
}

/* 罫線 */
#contents hr {
width:100%;
height:1px;
float:left;
clear:both;
margin:5px 0 5px 0;
padding:0;
border-bottom:1px dashed #CCCCCC;
border-left:0;
border-right:0;
border-top:0;
}

/* コンテンツエリアの基本ブロック */
#contents .indent {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}

/* 基本ブロックから頭落とし */
#contents .indent_d {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 0 30px;
}

/* コンテンツエリアの基本テーブル */
#contents .base_table {
	width:calc(100% - 15px);
	float:left;
	clear:both;
	margin:0 0 15px 15px;
	padding:0;
	border:1px solid #CCCCCC;
}

/*スクロール*/
#contents .scroll {
	width: 100%;
	overflow-x: auto;
}

#contents .scroll p {
	display: none;
}

/* 基本テーブルから頭落とし */
#contents .base_table_d {
	width:calc(100% - 30px);
	float:left;
	clear:both;
	margin:0 0 15px 30px;
	padding:0;
	border:1px solid #CCCCCC;
}

#contents .base_table .header_01,
#contents .base_table_d .header_01 {
	background-color:#83A422;
	padding:3px;
	text-align:center;
	color:#FFFFFF;
	font-weight:normal;
}

#contents .base_table .header_02,
#contents .base_table_d .header_02 {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:3px;
	text-align:center;
	background-color:#FAECDB;
	font-weight:normal;
}

#contents .base_table td,
#contents .base_table_d td {
	border-top:1px solid #CCCCCC;
	padding:3px;
}

#contents .base_table th.right_border,
#contents .base_table_d th.right_border,
#contents .base_table td.right_border,
#contents .base_table_d td.right_border {
	border-right:1px solid #CCCCCC;
}

/* コンテンツエリアの基本リスト */
#contents .base_list {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}

/* 基本リストから頭落とし */
#contents .base_list_d {
	width:calc(100% - 30px);
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 0 30px;
}

#contents .base_list ul,
#contents .base_list_d ul {
	float:left;
}

#contents .base_list ul.link_d,
#contents .base_list_d ul.link_d {
	width: 100%;
	float:left;
	margin: 5px 0 10px 0;
}

#contents .base_list ol,
#contents .base_list_d ol {
	float:left;
}

/* widthを設定しないこと */
#contents .base_list li,
#contents .base_list_d li {
	margin:0 0 0 20px;
	padding:0 0 5px 0;
}


#contents .base_list ul,
#contents .base_list_d ul {
	float:left;
}

/* コンテンツエリア内でリストを使ってボタンを作る */
#contents .li_btn {
	float:left;
	list-style:none;
	margin:0 10px 10px 0;
	font-size:14px;
	line-height:16px;
}

#contents .li_btn a {
	width:240px;
	float:left;
	padding:10px 10px 10px 35px;
	background:url(/international/isd/common/img/con_btn_on.gif) #FFFFFF left top no-repeat;
	border:1px solid #CCCCCC;
	text-decoration:none;
}

#contents .li_btn a:hover {
	background:url(/international/isd/common/img/con_btn_off.gif) #a2ae57 left top no-repeat;
	color:#FFFFFF;
}

#contents .li_btn2 {
	width:calc(50% - 5px);
	float:left;
	list-style:none;
	margin:0 10px 15px 0;
	font-size:1rem;
	line-height:16px;
}

#contents .li_btn2:nth-child(2n) {
	margin:0 0 15px 0;
}

#contents .li_btn2 a {
	width:100%;
	float:left;
	padding:12px 10px 12px 25px;
	border:1px solid #CCCCCC;
	text-decoration:none;
	background: #e0e4c4;
	background: -moz-linear-gradient(top,  #e0e4c4 0%, #fcfdfa 50%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #e0e4c4 0%,#fcfdfa 50%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e0e4c4 0%,#fcfdfa 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e4c4', endColorstr='#ffffff',GradientType=0 );
}

#contents .li_btn2 a:hover {
	background: #7a8b02;
	background: -moz-linear-gradient(top,  #7a8b02 0%, #a2ae57 100%);
	background: -webkit-linear-gradient(top,  #7a8b02 0%,#a2ae57 100%);
	background: linear-gradient(to bottom,  #7a8b02 0%,#a2ae57 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a8b02', endColorstr='#a2ae57',GradientType=0 );
	color:#FFFFFF;
}

#contents .li_btn2 a:before {
	content: '\f138';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #8D970B;
	display: inline-block;
	text-indent: -1.4em;
}

#contents .li_btn2 a:hover:before {
	color: #fff;
}

#contents .li_btn4 {
	width:210px;
	float:left;
	list-style:none;
	margin:0 10px 15px 0;
	font-size:14px;
	line-height:16px;
}

#contents .li_btn4 a {
	width:178px;
	float:left;
	padding:12px 10px 12px 22px;
	background:url(/international/isd/common/img/con_btn_on4.gif) #FFFFFF left top no-repeat;
	border:1px solid #CCCCCC;
	text-decoration:none;
}

#contents .li_btn4 a:hover {
	background:url(/international/isd/common/img/con_btn_off4.gif) #a2ae57 left top no-repeat;
	color:#FFFFFF;
}

#contents ul.flexList,
#contents ul.flexList li {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width:768px) {
	#contents ul.flexList li {
		width: 100%;
		margin: 0 0 15px 0;
	}
}

#contents .notes {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:10px;
	border:1px solid #CCCCCC;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d5ecf2 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d5ecf2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#d5ecf2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5ecf2',GradientType=0 );
}

#contents .notes strong {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 8px 0;
	padding:0 0 3px 0;
	border-bottom:2px solid #006666;
	color:#006666;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}

#contents .notes .banner {
	width:190px;
	height:50px;
	float:left;
	padding:0 9px 0 10px;
}

#contents .notes .banner img {
	background-color:#FFFFFF;
}

#contents .notes .banner a:hover img {
	filter: Alpha(Opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

/* 注意書きボックス 頭落とし */
#contents .notes_d {
	width:calc(100% - 15px);
	float:left;
	clear:both;
	margin:0 0 15px 15px;
	padding:10px;
	border:1px solid #CCCCCC;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d5ecf2 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d5ecf2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#d5ecf2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5ecf2',GradientType=0 );
	display:inline;
}

#contents .notes_d strong {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 8px 0;
	padding:0 0 3px 0;
	border-bottom:2px solid #006666;
	color:#006666;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}

/* 注意書きボックス 頭落とし2 */
#contents .notes_dd {
	width:calc(100% - 30px);
	float:left;
	clear:both;
	margin:0 0 15px 30px;
	padding:10px;
	border:1px solid #CCCCCC;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d5ecf2 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d5ecf2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#d5ecf2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5ecf2',GradientType=0 );
	display:inline;
}

#contents .notes_dd strong {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 8px 0;
	padding:0 0 3px 0;
	border-bottom:2px solid #006666;
	color:#006666;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}

#top_contents {
	width:650px;
	float:left;
	margin:0;
	padding:0;
}

/* 横幅いっぱいのボックス */
#top_contents .normal_box {
	width:650px;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0;
}

/* ３列用ボックス */
#top_contents .part3 {
	width:200px;
	float:left;
	margin:0;
	padding:0 25px 0 0;
}

#top_contents .part3_r {
	width:200px;
	float:left;
	margin:0;
	padding:0;
}

/* トップページ コンテンツリスト用 */
#top_contents .part3_header {
	width:200px;
	height:32px;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	overflow:hidden;
}

#top_contents .part3_list {
	width:185px;
	float:left;
	clear:both;
	list-style:none;
	padding:0 0 10px 15px;
}

#top_contents .part3_list li {
	width:185px;
	float:left;
	clear:both;
	margin:0;
	padding:5px 0 3px 0;
	border-bottom:1px dashed #CCCCCC;
}

#top_contents .part3_list li a {
	width:165px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
	background:url(/international/isd/common/img/link_icon_off.gif) left 2px no-repeat;
	text-decoration:none;
	color:#525252;
}

#top_contents .part3_list li a:hover {
	width:165px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
	background:url(/international/isd/common/img/link_icon_on.gif) left 2px no-repeat;
	text-decoration:underline;
	color:#8D970B;
}

/* トップバナー用のボックス */
#top_contents .notes {
	width:628px;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:10px;
	border:1px solid #CCCCCC;
	background:url(/international/isd/common/img/con_grade_b.gif) #FFFFFF left bottom repeat-x;
}

#top_contents .notes strong {
	width:628px;
	float:left;
	clear:both;
	margin:0 0 8px 0;
	padding:0 0 3px 0;
	border-bottom:2px solid #006666;
	color:#006666;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}

/* トップ用バナー */
#top_contents .notes .banner {
	width:190px;
	height:50px;
	float:left;
	padding:0 9px 0 10px;
}

	#top_contents .notes .banner img {
		background-color:#FFFFFF;
	}

	#top_contents .notes .banner a:hover img {
		filter: Alpha(Opacity=70);
		opacity: 0.7;
		-moz-opacity: 0.7;
	}

#rnavi {
	width:225px;
	float:right;
	margin:0;
	padding:0;
}

#rnavi .site_search {
	width:225px;
	float:left;
	clear:both;
	margin:0 0 25px 0;
	padding:0;
}

#rnavi .site_search .search_title {
	width:225px;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}

#rnavi .site_search .search_box {
	width:225px;
	float:left;
	clear:both;
}

.search_box form {
	width:225px;
	height:27px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	background:url(/international/isd/common/img/search_icon.gif) left center no-repeat;
}

.search_box .txtField{
	width:136px;
	height:18px;
	position:absolute;
	left:0;
	top:0;
	margin:0 0 0 30px;
	padding:2px 5px;
	font-size:12px;
	display:inline;
}

.search_box .submit {
	width:40px;
	height:25px;
	top:2px;
	right:0;
	display:block;
	position:absolute;
}

#rnavi dl {
	width:225px;
	float:left;
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
}

#rnavi dt {
	width:225px;
	float:left;
	clear:both;
}

#rnavi .height50 {
	width:225px;
	height:50px;
	position:relative;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}

#rnavi .height60 {
	width:225px;
	height:60px;
	position:relative;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}

/*IE8用ハック*/
html>/**/body #rnavi .height50 a,#rnavi .height60 a {
	overflow /*\**/:visible\9;
}

#rnavi .height50 a img,
#rnavi .height60 a img {
	position:absolute;
	left:0px;
	top:0px;
	border-style:none;
}

#rnavi .height50 a:hover,
#rnavi .height60 a:hover {
	border-style:none;
}

#rnavi .height50 a:hover img {
	top:-50px;
}

#rnavi .height60 a:hover img {
	top:-60px;
}

#rnavi .height50 .current {
	position:absolute;
	left:0px;
	top:-50px;
	border-style:none;
}

#rnavi .height60 .current {
	position:absolute;
	left:0px;
	top:-60px;
	border-style:none;
}

#rnavi dd {
	width:206px;
	height:37px;
	float:left;
	clear:both;
	background-color:#D8D8D8;
	display:block;
	margin:0;
	padding:0 1px 0 18px;
	overflow:hidden;
}

#rnavi dd a {
	width:206px;
	height:37px;
	position:relative;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}

/*IE8用ハック*/
html>/**/body #rnavi dd a {
	overflow /*\**/:visible\9;
}

#rnavi dd a img {
	position:absolute;
	left:0px;
	top:0px;
	border-style:none;
}

#rnavi dd a:hover {
	border-style:none;
}

#rnavi dd a:hover img {
	top:-37px;
}

#rnavi .margin_b15px {
	margin:0 0 15px 0;
}

#rnavi .margin_b5px {
	margin:0 0 5px 0;
}

/* コンテンツページ バナー */
#rnavi .banner {
	width:206px;
	float:left;
	clear:both;
	margin:15px 0;
	padding:13px 0 10px 17px;
	border:1px solid #CCCCCC;
	background:url(/international/isd/common/img/con_grade_b.gif) #FFFFFF left bottom repeat-x;
	list-style:none;
}

#rnavi .banner li {
	width:190px;
	float:left;
	clear:both;
	margin:0 0 5px 0;
}

#rnavi .banner li img {
	background-color:#FFFFFF;
}

#rnavi .banner li a:hover img {
	filter: Alpha(Opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

#foot_area {
	width:100%;
	height: 100px;
	margin: 100px 0 0 0;
	background: #82c4d8;
	display: flex;
	align-items: center;
}

#foot_inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#foot_inner .footerLink {
	width: 100%;
}

#foot_inner .footerLink ul {
	width: 100%;
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#foot_inner .footerLink ul li {
	width: auto;
	padding: 0 15px;
	list-style: none;
	border-left: solid 1px #333;
}

#foot_inner .footerLink ul li:last-child {
	border-right: solid 1px #333;
}

#foot_inner .footerLink ul li a {
	width: 100%;
	color: #333;
}

#foot_inner .footerLink ul li a:before {
	margin-right: 5px;
	content: '\f0da';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #333;
	display: inline-block;
}

#foot_inner .footer {
	width: 100%;
	max-width: 1200px;
	font-family:verdana,Arial;
	font-size:11px;
	line-height:14px;
}

#contents_navi_wrap {
	width:100%;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
}

#contents_navi {
	width:900px;
	position:relative;
	margin:0 auto 20px auto;
	padding:0;
	text-align:left;
}

#contents_navi .list_block_wrap {
	width:900px;
	float:left;
	clear:both;
	padding:0 0 20px 0;
	background:url(/international/isd/common/img/contents_navi_bg.gif) left top repeat-x;
}

#contents_navi .list_block {
	width:170px;
	float:left;
	padding:0 10px 0 0;
}

#contents_navi h3 {
	width:155px;
	float:left;
	clear:both;
	/*background:url(/international/isd/common/img/page_header_icon.gif) left top no-repeat;*/
	padding:8px 0 8px 15px;
	font-size:14px;
	line-height:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	font-weight:normal;
	border-bottom:1px solid #669933;
	color:#669933;
}

#contents_navi ul {
	width:155px;
	float:left;
	clear:both;
	list-style:none;
	margin:10px 0 0 0;
	padding:0 0 0 15px;
}

#contents_navi ul li {
	width:155px;
	float:left;
	clear:both;
	margin:0 0 5px 0;
	padding:0 0 3px 0;
	border-bottom:1px dashed #CCCCCC;
}

#contents_navi ul li a {
	width:135px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
	background:url(/international/isd/common/img/link_icon_off.gif) left 2px no-repeat;
	text-decoration:none;
	color:#666666;
}

#contents_navi ul li a:hover {
	width:135px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
	background:url(/international/isd/common/img/link_icon_on.gif) left 2px no-repeat;
	text-decoration:underline;
	color:#8D970B;
}

/*トップに戻るボタン*/

#page_top a {
	width: 120px;
	background: #669933 ;
	border-radius:8px;
	color:#FFF;
	padding:10px 20px;
	position:fixed;
	bottom:70px;
	right:20px;
	font-size:85%;
	text-decoration:none;
	z-index: 9999;
}

#page_top a:hover {
	opacity: 0.7;
	transition: 0.3s;
}

@media screen and (max-width:900px) {
	
	#header .site_title_area {
		width: 100%;
	}
	
	#header .right_area {
		width: 100%;
		float: none;
	}
	
	#header .right_area .telephone,
	#header .right_area p {
		width: 100%;
		text-align: left;
	}
}

@media screen and (max-width:768px) {
	
	#header {
		padding: 10px 5px 0 5px;
	}
	
	#gnavi {
		width: 300px;
		height: 100%;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 0;
		right: 0;
		background: rgba(0,0,0,0.7);
		z-index: 10000;
		display: none;
		overflow-y: auto;
	}
	
	#sub_navi li {
		width: 300px;
	}
	
/*スマホナビ設定*/
	.btn-gnavi {
		padding: 10px;
		position: fixed;
		top: 10px;
		right: 10px;
		width: 50px;
		height: 45px;
		z-index: 10001;
		box-sizing: border-box;
		cursor: pointer;
		-webkit-transition: all 400ms;
		transition: all 400ms;
		background: rgba(255,255,255,0.8);
	}

	.btn-gnavi span {
		position: absolute;
		width: 30px;
		height: 4px;
		background: #666;
		border-radius: 10px;
		-webkit-transition: all 400ms;
		transition: all 400ms;
		z-index: 10002;
	}

	.btn-gnavi.open {
		top: 0px;
		right: 0;
		width: 300px;
		height: 25px;
		padding: 20px 20px 40px;
		background: rgba(255,255,255,0);
/*		background: -moz-linear-gradient(top, #43a7cf 0%, #003d95 100%);
		background: -webkit-linear-gradient(top, #43a7cf 0%,#003d95 100%);
		background: linear-gradient(to bottom, #43a7cf 0%,#003d95 100%);*/
	}
	
	.btn-gnavi span:nth-child(1) {
		top: 10px;
	}

	.btn-gnavi span:nth-child(2) {
		top: 20px;
	}	

	.btn-gnavi span:nth-child(3) {
		top: 30px;
	}

	div.open span {
	background: #fff!important;
}

	div.open span:nth-child(1) {
		transform: translateY(10px) rotate(-45deg);
		-webkit-transform: translateY(10px) rotate(-45deg);
		top: 10px!important;
	}

	div.open span:nth-child(2) {
		display: none;
	}

	div.open span:nth-child(3) {
		transform: translateY(-10px) rotate(45deg);
		-webkit-transform: translateY(-10px) rotate(45deg);
		top: 30px!important;
	}
	
	#sub_navi > li:first-child:before {
		content: '';
		top: -60px;
		width: 300px;
		height: 60px;
		display: block;
		background: -moz-linear-gradient(top, #43a7cf 0%, #003d95 100%);
		background: -webkit-linear-gradient(top, #43a7cf 0%,#003d95 100%);
		background: linear-gradient(to bottom, #43a7cf 0%,#003d95 100%);
	}
	
	#sub_navi li.trigger:hover {
		cursor: pointer;
	}
	
	#sub_navi li.trigger.active > a:after,
	#sub_navi li.trigger > a:after {
		padding: 0 3px 0 5px!important;
		font-family: 'Font Awesome 5 Free';
		content: '\f0fe';
		font-weight: 100;
		color: #fff;
		display: inline-block;
		position: absolute;
		right: 20px;
	}
	
	#sub_navi li.trigger.active > a:after {
		content: '\f146';
	}
	
	#sub_navi li.trigger:hover > a {
		background: -moz-linear-gradient(top,  #43a7cf 0%, #003d95 100%)!important;
		background: -webkit-linear-gradient(top,  #43a7cf 0%,#003d95 100%)!important;
		background: linear-gradient(to bottom,  #43a7cf 0%,#003d95 100%)!important;
	}
	
	#sub_navi li.trigger:hover ul {
		display: none;
	}
	
	#sub_navi li.trigger > a {
		pointer-events: none;
	}

	#sub_navi li > ul {
		width: 100%;
		position: static;
		display: none;
	}
	
	#sub_navi li > ul a {
		width: 100%;
	}
	
	#contents_area {
		width: 100%;
	}
	
	#contents {
		width: 100%
	}
	
	#contents .scroll {
		overflow-x: auto;
	}

	#contents .scroll table {
		min-width: 767px;
	}
	
	#contents .scroll p {
		display: block;
	}

	.spOnly {
		display: block !important;
	}
	
}

@media screen and (max-width:500px) {

	#gnavi {
		width: 100%;
	}

	#sub_navi {
		width: 100%;
	}

	#sub_navi li {
		width: 100%;
	}

	#sub_navi > li:first-child:before {
		width: 100%;
	}

	.btn-gnavi.open {
		width: 100%;
	}
}

/* 共通設定 */

a.linkIcon:before,
.linkIconList a:before,
.linkList li a:before,
.linkList a li:before {
	margin-right: 5px;
	content: '\f138';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #8D970B;
	display: inline-block;
}

a.directLink:after,
a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
	padding:0 5px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #8D970B;
	display: inline-block;
}

a.directLink:after {
	content: '\f2d2';
}

a[href$=".pdf"]:after {
	content: '\f1c1';
}

a[href$=".doc"]:after,
a[href$=".docx"]:after {
	content: '\f1c2';
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
	content: '\f1c3';
}

a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
	content: '\f1c4';
}

.linkIcon:hover:before,
.linkIconList a:hover:before,
.linkList li a:hover:before,
.directLink:hover:after,
a[href$=".pdf"]:hover:after,
a[href$=".doc"]:hover:after,
a[href$=".docx"]:hover:after,
a[href$=".xls"]:hover:after,
a[href$=".xlsx"]:hover:after,
a[href$=".ppt"]:hover:after,
a[href$=".pptx"]:hover:after {
	color: #22919F;
}

.l:after,
.swiper-slide a::after {
	display: none;
}

.txtUline,
.a_txtUline {
	text-decoration: underline;
}

.txtBlue {
	color: #003d95 ;
}

.txtRed {
	color: #990000 ;
}


.talR,
.a_talR {
	text-align: right !important;
}
.talL,
.a_talL {
	text-align: left!important;
}
.talC,
.a_talC {
	text-align: center!important;
}


.mrgnT0,
.a_mrgnT0 {
	margin-top: 0px!important;
}
.mrgnB0,
.a_mrgnB0 {
	margin-bottom: 0px!important;
	margin-top: 0px;
}
.mrgnL0,
.a_mrgnL0 {
	margin-left: 0px!important;
}
.mrgnR0,
.a_mrgnR0 {
	margin-right: 0px!important;
}
.mrgnB5,
.a_mrgnB5 {
	margin-bottom: 5px!important;
}

.mrgnL5,
.a_mrgnL5 {
	margin-left: 5px!important;
}

.mrgnT10,
.a_mrgnT10 {
	margin-top: 10px!important;
}
.mrgnB10,
.a_mrgnB10 {
	margin-bottom: 10px!important;
}
.mrgnL10,
.a_mrgnL10 {
	margin-left: 10px!important;
}
.mrgnR10,
.a_mrgnR10 {
	margin-right: 10px!important;
}
.mrgnL15,
.a_mrgnL15 {
	margin-left: 15px!important;
}
.mrgnT20,
.a_mrgnT20 {
	margin-top: 20px!important;
}
.mrgnB20,
.a_mrgnB20 {
	margin-bottom: 20px!important;
}
.mrgnL20,
.a_mrgnL20 {
	margin-left: 20px!important;
}
.mrgnL30,
.a_mrgnL30 {
	margin-left: 30px!important;
}
.mrgnB30,
.a_mrgnB30 {
	margin-bottom: 30px!important;
}
.mrgnB40,
.a_mrgnB40 {
	margin-bottom: 40px!important;
}
.mrgnB50,
.a_mrgnB50 {
	margin-bottom: 50px!important;
}
.mrgnB80,
.a_mrgnB80 {
	margin-bottom: 80px!important;
}

.mrgn0pdng0,
.a_mrgn0pdng0 {
	margin: 0;
	padding: 0;
}
.mrgnR20,
.a_mrgnR20 {
	margin-right: 20px!important;
}
.mrgnT30,
.a_mrgnT30 {
	margin-top: 30px!important;
}
.padB0,
.a_padB0 {
	padding-bottom:0 !important;
}

.padT0,
.a_padT0 {
	padding-top:0 !important;
}

.padL0,
.a_padL0 {
	padding-left:0 !important;
}

.padR0,
.a_padR0 {
	padding-right:0 !important;
}

.type11,
.a_type11 {
	font-size: 78%;
}


.font12,
.a_font12 {
	font-size: 12px!important;
}

.font14,
.a_font14 {
	font-size: 14px!important;
}

.font16,
.a_font16 {
	font-size: 16px!important;
}

.font18,
.a_font18 {
	font-size: 18px!important;
}

.font20,
.a_font20 {
	font-size: 20px!important;
}

.font22,
.a_font22 {
	font-size: 22px!important;
}

.font24,
.a_font24 {
	font-size: 24px!important;
}

.font26,
.a_font26 {
	font-size: 26px!important;
}

.font28,
.a_font28 {
	font-size: 28px!important;
}

.font30,
.a_font30 {
	font-size: 30px!important;
}

.w30p {
	width: 30%!important;
}

.w65p {
	width: 65%!important;
}

.mw120 {
	width: 100%;
	max-width: 120px!important;
}





.faq_title {
	cursor:pointer;
	margin-left: 0;
}

#con #wrapper #contents hrf {
	padding: 0px;
	clear: both;
	float: left;
	height: 1px;
	width: 100%;
	margin: 5px 0;
	border: 1px dashed #CCCCCC;
}

#con #wrapper #contents .indent_kfd {
	padding: 5px 0;

}

#con #wrapper #contents .indent_faqd {
	padding: 5px 0;
}

#con #wrapper #contents .kanswer,
#con #wrapper #contents .indent_faqd {
	margin: 0 0 0 15px;
}

.answer_box {
	display: none;
}