@charset "UTF-8";
html, body {
	background-color: #fff;
	height: 100%;
	margin: 0;
}
body {
	font-size: 14px;
	line-height: 1.7!important;
}
a {
	color: #ff0000;
}
	a:hover {
		text-decoration: none;
	}
/* ====================================================================== */
/* フレーム */
/* ====================================================================== */
#wp {
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:center;

}
#contents {
	min-width:1000px;
	margin:0 auto;
	text-align:center;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-attachment: fixed;
}
@media screen and (min-width:1920px){
	  #contents {
		width:100%;
		margin:0 auto;
		text-align:center;
		background-image:url(../img/bg.jpg);
		background-repeat:no-repeat;
		background-position: top center;
		background-size: cover;
	}
}



#contentArea {
	width:1000px;
	text-align:center;
	margin:0 auto;
	box-sizing: border-box;
}
#header {
	width:100%;
	height:300px;
	margin:0 auto;
	background-image:url(../img/header.png);
	background-repeat:no-repeat;
	display:block;
	position: relative;
}
.content_wrap.ja {
	font-family:
		"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.content_wrap.en {
	font-family:
		Arial, Verdana, sans-serif, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック";
}



.contents-box{
	width:1000px;
	background-color:#fff;
	border:1px solid #cecece;
	margin-bottom:0;
	text-align:center;
}

ul.select-language  {
	position: absolute;
	top:25px;
	right:0;
}
.select-language li {
	width:27px;
	height:27px;
	float:right;
	margin-left:7px;
}
.select-language li a {
	display:block;
	width:27px;
	height:27px;
	background-repeat: no-repeat;
}
	.select-language .jp {
		background-image:url(../img/ico/ico_jp.png);
	}
	.select-language .en {
		background-image:url(../img/ico/ico_uk.png);
	}
	.select-language .na {
		background-image:url(../img/ico/ico_na.png);
	}
	.select-language .fr {
		background-image:url(../img/ico/ico_fr.png);
	}
	.select-language .de {
		background-image:url(../img/ico/ico_de.png);
	}
	.select-language .now {
		cursor: default;
	}

/* ====================================================================== */
/* CONTENT */
/* ====================================================================== */
.read-title {
	color:#0072e5;
	font-size:24px;
	font-weight:bold;
}
.read-box {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:20px 0 30px 0;
	vertical-align: middle!important;
	font-size:16px;
	line-height:1.8;
}
	.read-box  p {
		display:table-cell;
		vertical-align: middle!important;

	}
	.read-box img {
		width:103px;
		height:136px;
		margin-right:15px;
		vertical-align: middle!important;
	}
	.read-box p {
		vertical-align: middle!important;
	}


.contents-inner {
	width:940px;
	margin:30px auto 50px auto;
	text-align:left;
}

/* カテゴリ帯 */
h2 {
	width:987px;
	height:auto;
	margin:0 auto 0 auto;
	background-color:#cbe3fd;
	border-left:3px solid #399bff;
	text-align:left;
	box-shadow: -13px 0 0 #003686;
	box-sizing: border-box;
	margin-left:13px;
	z-index:99;
	position: relative;
	font-size:20px;
	color:#003686;
	font-weight:bold;
	padding:10px;
}
	 h3 {
		font-size:16px;
		font-weight:bold;
		color:#000;
		padding-left:16px;
		position: relative;
		margin-bottom:10px;
	}
	h3:before {
		position: absolute;
		content:"";
		top:5px;
		left:0;
		width:8px;
		height:16px;
		background-color:#003686;
	}
h4 {
	font-size:16px;
	color:#033385;
	font-weight:bold;
}
h5 {
	font-size:16px;
	color:#033385;
	font-weight:bold;
	text-indent:-20px;
	padding-left:20px;
	margin-bottom:10px;
	line-height:1.5;
}
h5 span {
	font-size:14px;
	color:#000!important;
	font-weight:400!important;
}
li {
	margin-bottom:10px;
}
.text-caution li {
	color:#de5000;
	text-indent:-15px;
	padding-left:15px;
	margin-bottom:0px!important;
}
.indent {
	padding:0 20px 0 30px;
}
.caution-box {
	width:100%;
	margin:20px auto;
	border:solid 2px #e02d4d;
	text-align:center;
	padding:10px;
	color:#e02d4d;
	box-sizing: border-box;
}
	.caution-title {
		font-weight:bold;
		color:#e02d4d;
		margin-bottom:5px;
		font-size:16px;
	}
.content-image {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.content-image img {
	margin:0 auto;
}
.line {
	width:100%;
	height:1px;
	margin:30px auto;
	border-top:1px solid #ebebeb;
}

a.btn {
	display:block;
	margin:30px auto;
	width:420px;
	height:52px;
	background-image:url(../img/btn_bg.png);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:center;
}
a.btn:hover {
	color:#399bff;
	background-position: bottom;
}

/* ====================================================================== */
/* テーブル */
/* ====================================================================== */

table.table-overview {
	margin:0 auto;
	border:1px solid #ebebeb;
}
	table.table-overview th{
		text-align:center;
		color:#000;
		background-color:#d5d5d5;
		vertical-align: middle;
		border:1px solid #ebebeb;
		border-collapse: separate;
	}
	table.table-overview td {
		padding:15px;
		border:1px solid #ebebeb;
		border-collapse: separate;
	}


table.table-indent {
	margin:0 auto;
	border:1px solid #ebebeb;
}
	table.table-indent th {
		text-align:center;
		color:#000;
		padding:5px 15px!important;
		vertical-align: middle;
		border:1px solid #ebebeb;
		border-collapse: separate;
		background-color:#D5D5D5;
	}
	table.table-indent td {
		padding:5px 15px!important;
		border:1px solid #ebebeb;
		border-collapse: separate;
	}
		.td01{
			text-align:center;
			background-color:#f7f7f7!important;
	}



/* ====================================================================== */
/* トップへ戻る */
/* ====================================================================== */
#page-top {
	position: fixed;
	bottom: 180px;
	right: 20px;
	z-index:99999;
}
	#page-top a {
		display: block;
	}
		#page-top a:hover {
			text-decoration: none;
		}
	#page-top img {
			width:100%;
			padding-bottom: 20px;
		}


/* ====================================================================== */
/* お知らせ */
/* ====================================================================== */
.notice-border {
	box-sizing: border-box;
	width: 800px;
	margin: auto;
	padding: 18px;
	background: #ffffff;
	text-align: center;
	font-size: 14px;
	border-radius: 14px;
	border: #cccccc 2px solid;
	color: #000;
}
.notice.is-sakura .notice-border {
	background: #fff1f1;
	border-color: #ffcccc;
}
.notice-headline {
	text-align: center;
	font-weight:bold;
	font-size:16px;
	color:#7b4ea1;
}
.notice-text {
	text-align: center;
}