@charset "UTF-8";


/* ++++++++++++++　　　contentsbase.css　トップページ&下階層共通　　　++++++++++++++++++*/


/* body*/
body {
	-webkit-text-size-adjust: 100%; 
}





/*******************************************************　
　　　　　　　　　ヘッダー部分　　
　　
*******************************************************/
header{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

div#header-block{
	height:45px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

div#header-L{
	width:150px;
	float:left;
}

h1 a{
	display:block;
	float:left;
	width:144px;
	height:0px;
	padding-top:37px;
	overflow:hidden;
	background:url(../images/en_01_01_logo_201901.png) no-repeat;
}

div#header-C{
	float:left;
	width:673px;
	height:20px;
	margin-top:12px;
}

div#header-R{
	float:right;
	width:135px;
	height:29px;
	margin-top:6px;
}


div#contact-waku{
	border:1px solid #4479bc;
	padding:4px;
	font-size:17px;
	background-color:#f7f7f7;
	text-align:center;
	width:125px;
	line-height:1.3;
}


/*******************************************************　
　　　　　　　　　グローバルナビ

*******************************************************/



#nav {
  width: 682px;
  height: 20px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}
#nav li {
  position: relative;
  list-style: none;
}
#nav li a {
  display: block;
  width: 120px;
  height: 20px;
  text-align: center;
  color: #000000;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
	padding-bottom:3px;
	border-left:1px solid #b8b8b8;
}

#nav li#nav_01 a {
	width:70px;
}

#nav li#nav_02 a {
	width:152px;
}

#nav li#nav_03 a {
	width:106px;
}

#nav li#nav_04 a {
	width:114px;
}

#nav li#nav_05 a {
	width:88px;
}

#nav li#nav_06 a {
	width:178px;
}

#nav li#nav_07 a {
	width:322px;
	text-align:left;
	padding-left:26px;
}

#nav li a:hover {
  color: #4479bc;
	border-bottom:3px solid #4479bc;

}

.content {
  width: 750px;
  height: 200px;
  background: #eee;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}






li#nav_01.current a,
li#nav_02.current a,
li#nav_03.current a,
li#nav_04.current a,
li#nav_05.current a,
li#nav_06.current a {
  color: #4479bc;
	border-bottom:3px solid #4479bc;

}





/*******************************************************　
　　　　　　　　　メインエリア
*******************************************************/



div#main-Area{
	clear:both;
	width:940px;
	margin-left:auto;
	margin-right:auto;
}






/*******************************************************　
　　　　　　　　　　メインエリア　
　　　　　　　　　　　共通指定
*******************************************************/

/****　パンくずナビ　****/

section.pankuzu-navi{
	margin:7px 0 0 0;
	font-size:11px;
	line-height:18px;
	color:#18326D;
	clear:both;
	width:100%;
	background-color:#EAEAEA;
}

.pankuzu-navi-item{
	width:992px;
	margin-left:auto;
	margin-right:auto;
	color:#18326D;
	font-size:12px;
	line-height:18px;
	padding:2px 0;
}


/****　タイトル　****/
div.pageTitle-back{
	width:921px;
	height:31px;
	background-color:#0061a5;
	padding-left:19px;
	padding-top:10px;
	margin-bottom:16px;
	clear:both;
}

h2.pageTitle{
	font-size:22px;
	color:#FFF;
	line-height:24px;
	font-weight:lighter;
}

span.title-eng{
	margin-left:18px;
	font-size:12px;
	font-weight:lighter;
	opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=30); /* IE lt 8 */
    -ms-filter: "alpha(opacity=30)"; /* IE 8 */
    -khtml-opacity: .30; /* Safari 1.x */
    -moz-opacity: .30; /* FF lt 1.5, Netscape */
	
}

/****　見出し　****/

div.midashi-waku-1{
	width:940px;
	border-top:1px solid #b7b7b7;
	border-bottom:1px dotted #b7b7b7;
	padding:8px 0px;
	float:left;
	clear:both;
}

div.midashi-waku-2{
	width:900px;
	border-top:1px solid #b7b7b7;
	border-bottom:1px dotted #b7b7b7;
	padding:5px 0px;
	float:left;
	clear:both;
}

div.midashi-waku-3{
	width:940px;
	border-top:1px solid #b7b7b7;
	border-bottom:1px dotted #b7b7b7;
	padding:5px 0px;
	float:left;
	clear:both;
}

div.midashi-sent-1{
	border-left:4px solid #006dba;
	height:30px;
	clear:both;
}


div.midashi-sent-2{
	border-left:4px solid #006dba;
	height:25px;
	clear:both;
}
h3.midashi{
	font-size:21px;
	margin-left:19px;
	color:#3a3a3a;
	line-height:33px;
}

h3.midashi-2{
	font-size:18px;
	margin-left:19px;
	color:#006dba;
	line-height:28px;
}

h3.midashi-3{
	font-size:16px;
	margin-left:19px;
	color:#3a3a3a;
	line-height:28px;
}



/****　文字サイズ　太字　バックカラー　****/
.f-bold{
	font-weight:bold;
}

.f-lighter{
	font-weight:lighter;
}
.y-back{
	background-color:#FF0;
}



.f-10{
	font-size:10px;
}

.f-12{
	font-size:12px;
}

.f-13{
	font-size:13px;
}

.f-14{
	font-size:14px;
}

.f-15{
	font-size:15px;
}

.f-16{
	font-size:16px;
}

.f-17{
	font-size:17px;
}

.f-18{
	font-size:18px;
}

.f-20{
	font-size:20px;
}

.f-21{
	font-size:21px;
}

.f-22{
	font-size:22px;
}

.f-24{
	font-size:24px;
}

.f-26{
	font-size:26px;
}

.f-blue{
	color:#0065a3;
}

.f-navyblue{
	color:#18326D;
}

.f-lightblue{
	color:#4479BC;
}

.f-orange{
	color:#fa6c00;
}

.f-gray{
	color:#cccccc;
}

.f-gray2{
	color:#5B5B5B;
}

.f-black{
	color:#383838;
}

.f-white{
	color:#FFF;
}

.line-h-14{
	line-height:14px;
}

.mincho {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


/****スペース****/

.space-1{
	margin-top:20px;
	clear:both;
}


/************テーブル************/
table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	}

table.type01 th {
	width: 110px;
	padding: 7px 12px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#f4f4f4;
	}

table.type01 td {
	width: 700px;
	padding: 7px 12px;
	vertical-align: top;
	border: 1px solid #ccc;
	}

table.type01 th.t-right{
	text-align: right;
}

table.type02 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.3;
	}

table.type02 th {
	padding: 4px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#f4f4f4;
	}

table.type02 td {
	padding: 2px 4px;
	vertical-align: top;
	border: 1px solid #ccc;
	}

table.type02 td.t-right{
	text-align: right;
}

table.type02 td.t-bottom{
	vertical-align:bottom;
}


table.type03 {
	width:895px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.3;
	font-size:10px;
	}

table.type03 th {
	padding: 2px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#f4f4f4;
	}

table.type03 td {
	padding: 2px;
	vertical-align: top;
	border: 1px solid #ccc;
	}

td.back-01 {
	background-color:#f9f9f9;
	}

td.back-02 {
	background-color:#fef0e8;
	}

td.text-center {
	text-align:center;
	}


table.type04 {
	width:442px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.3;
	font-size:12px;
	color:#494949;
	}

table.type04 th {
	padding: 4px 6px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#f4f4f4;
	}

table.type04 th.th-left {
	width:325px;
	}

table.type04 td {
	padding: 3px 6px;
	vertical-align: top;
	border: 1px solid #ccc;
	}


table.type05 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	font-size:13px;
	}

.under-space{
		margin-bottom:34px;
}

.under-space-2{
		margin-bottom:25px;
}

table.type05 th {
	width: 145px;
	padding: 7px 12px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#f4f4f4;
	}

table.type05 td {
	padding: 7px 12px;
	vertical-align: top;
	border: 1px solid #ccc;
	width: 682px;
	}


table.type06 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	}

table.type06 th {
	width: 160px;
	padding: 7px 12px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#f4f4f4;
	}

table.type06 td {
	width: 640px;
	padding: 7px 12px;
	vertical-align: top;
	border: 1px solid #ccc;
	}

/*******************************************************　
　　　　　　　　　　　フッター

*******************************************************/


footer{
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:940px;
}


footer a:link{
	color:#515151;
	text-decoration:none;
}

footer a:visited{
	color:#515151;
	text-decoration:none;
}

footer a:hover{
	color:#3b7fb2;
	text-decoration:none;
}

footer a:active{
	color:#888;
	text-decoration:none;
}


div#footer-block1{
	width:1000px;
	text-align: center; 
	margin-left:auto;
	margin-right:auto;
}


ul li#gopagetop{
	float:right;
}


ul li#gopagetop a{
	display:block;
	width:79px;
	padding-top:30px;
	height:0px;
	overflow:hidden;
	background:url(../images/en_cmn_navi_top_002.gif) no-repeat;
}


div#footer-block2-waku{
	clear:both;
	width:100%;
	height:158px;
	background-color:#ededed;
	text-align: center; 
	margin-left:auto;
	margin-right:auto;
}

div#footer-block2{
	width:985px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	padding:24px 0;
}

ul.footer-navi1{
	float:left;
}

ul.footer-navi1 li{
	padding-right:40px;
	font-size:12px;
	line-height:24px;
}

li.navi-head-01 a{
	font-size:14px;
	font-weight:bold;
}

li.navi-head-02 a{
	font-size:14px;
	margin-left:10px;
}


div#footer-block3-waku{
	clear:both;
	width:100%;
	height:35px;
	text-align: center; 
	margin-left:auto;
	margin-right:auto;
}

div#footer-block3{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:11px;
}

div#footer-block3 p{
	color:#444444;
	font-size:12px;
	line-height:18px;
}

div#footer-block3-logo {
	display:block;
	width:106px;
	padding-top:27px;
	height:0px;
	overflow:hidden;
	background:url(../images/en_01_01_logo_02_201901.png) no-repeat;
	float:left;
	margin-top:-5px;
}

div#footer-block3-text {
	float:left;
	text-align:left;
	margin-left:10px;
}


/**************************************
タイトル
***************************************/





section.title2{
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:1000px;
	background:url(../images/en_00_titleback_02.png) no-repeat;
	background-position: center center;
	background-size: 100%;
	height: 175px;
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
}

div.title2-box{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

div.title2-L{
	float:left;
	width:583px;
}

div.title2-R{
	float:left;
	width:417px;
}



section.title3{
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:1000px;
	background:url(../images/en_issue_title_back.png) no-repeat;
	background-position: center center;
	background-size: 100%;
	height: 132px;
}


section.title4{
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:1000px;
	background:url(../images/en_00_titleback_02.png) no-repeat;
	background-position: center center;
	background-size: 100%;
	height: 90px;
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
}


/**************************************
contact
***************************************/


.contact{
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:1000px;
	background-color:#30477c;
	padding:25px 0;
}


h3.contact_us{
	font-size:30px;
	text-align:center;
	line-height:40px;
	color:#FFF;
	width:640px;
	margin:0 auto 10px auto;
}

div.contact-box{
	width:640px;
	margin:0 auto 15px auto;
}


div.contact-box-L{
	float:left;
	width:312px;
	margin:0 8px 0 0;
}

div.contact-box-L a{
	float:left;
	width:312px;
	margin:0 8px 0 0;
}

div.contact-box-R{
	float:left;
	width:312px;
	margin:0 0 0 8px;
}

div.contact-box-R a{
	float:left;
	width:312px;
	margin:0 0 0 8px;
}

.contact-frame {
	width:280px;
	height:75px;
	background-color:#FFF;
	border-radius: 10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:10px;
}


.contact-title {
	width:278px;
	height:20px;
	background-color:#ef8200;
	color:#FFF;
	border-radius: 10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	line-height:20px;
}

.contact-text-1 {
	color:#3b7fb2;
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	padding:10px 0 0 30px;
}

.contact-text-2 {
	color:#18326d;
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	padding:10px 0 0 4px;
}


/**************************************
services
***************************************/

.s_our_service_back{
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-width:1000px;
	background-color:#F1F1F1;
	background-position: center center;
	background-size: 100%;
}

.our_service_contents{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:25px 0 80px 0;
}

h4.our_service_title{
	color:#18326D;
	font-size:20px;
	font-weight:lighter;
	margin:0 0 10px 0;
}

.our_service_box{
	width:970px;
	height:110px;
	border:1px solid #C6C6C6;
	background-color:#FFF;
	margin:15px 0 0 0;
	padding:0 0 0 25px;
}

.our_service_no{
	width:150px;
	height:15px;
	background-color:#4479BC;
	color:#FFF;
	font-size:14px;
	padding:3px 5px;
	text-align:center;	
}

.our_service_frame{
	float:left;
	width:966px;
	margin:10px 0 0 0;
}

.our_service_frame_01_L{
	float:left;
	width:745px;
}


.our_service_frame_01_R{
	float:left;
	margin:-15px 0 0 10px;
}

h5.our_service_sub_title{
	font-size:20px;
	margin:0 0 10px 0;
	line-height:28px;
}



p.our_service_sent_02{
	font-size:14px;
	line-height:19px;
}


.our_service_frame_02_L{
	float:left;
	width:565px;
}


/******************
2021 1215　画像指定
*******************/


.our_service_frame_01_R img{
	width: 202px;
}









/*******************************************************　
マウスオーバー設定

*******************************************************/

div.contact-box-L a:hover,
div.contact-box-R a:hover,
div#header-R:hover,
.our_service_box:hover{
	opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=80); /* IE lt 8 */
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    -khtml-opacity: .80; /* Safari 1.x */
    -moz-opacity: .80; /* FF lt 1.5, Netscape */
}