@charset "UTF-8";


@import url(default.css);
@import url(common.css);


/* CSS Document */

section { border-top: 1px solid #fff; text-align: left; }
section#slide { background: #1d222a; margin: 0 auto; border: none; text-align: center; z-index:1; }
section#slide ul { width: 1040px;
	margin:0 auto;
	display:block;
	z-index:1;
}

.ie7 section#slide li img { margin-bottom: -10px; }
.ie7 section#slide li { margin-left: -50%; }

section.contents { *padding: 30px 0 0; }

/*------------------------------------------------------

	top

------------------------------------------------------*/

.topnews { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #ccc;  }

.topnews #news { width: 960px; margin: 0 auto; position: relative; min-height: 60px; _padding-bottom: 16px; }
.topnews #news p { position: absolute; left: 0; padding-top: 16px; }
.topnews #news small { display: block;
position: absolute; right: 0; padding-top: 16px; z-index: 1; }
.topnews #news dl { margin-left: 180px;
padding-top: 20px; position: relative; }
.topnews #news dl dt { position: absolute; font-size: 90%; font-size: 0.9rem; color: #003F96; }
.topnews #news dl dd {
	margin-left: 80px;
}
.topnews #news a:link { color:#333; }


#siteindex .read { width: 960px; margin: 20px auto; }
#siteindex .read .fig { float: right; width: 300px; }
#siteindex .read div { width: 628px; margin: 20px 0; float: left; }
#siteindex .read h1 { margin: 0 0 30px; }
#siteindex .read h3 { font-size: 110%; border-left: 4px solid #003F96; margin: 2em 0 1em; padding-left: 0.8em; }
#siteindex .read p.text { margin-bottom: 30px; padding: 0 20px; }
#siteindex .point { margin-bottom: 20px; }
#siteindex .point li { margin-left: 1.2em; }



#siteindex .block_wrapper { width: 960px; margin: 0 auto; padding-bottom: 30px; }
#siteindex .block_a { width: 960px; background: #fff; margin-bottom: 20px; }
#siteindex .block_a div { width: 620px; float: left; }
#siteindex .block_a p.fig { margin:0 auto 20px; text-align: center; float: right; width: 320px; }
#siteindex .block_b { width: 470px; background: #fff; float: left; height: 500px; }
#siteindex .block_c { width: 470px; background: #fff; float: right; height: 500px; }
#siteindex .block_wrapper h2 { margin-bottom: 20px; }
#siteindex .block_wrapper h3 { margin-bottom: 20px; color: #003F96; font-size: 105%; padding: 0 10px; }
#siteindex .block_wrapper p.text { margin-bottom: 30px; padding: 0 20px; }
#siteindex .block_wrapper p.fig { margin:0 auto 20px; text-align: center; }

.ie7 #siteindex .block_b { width: 470px; background: #fff; float: left; height: 500px; }
.ie7 #siteindex .block_c { width: 470px; background: #fff; float: right; height: 500px; }




/*------------------------------------------------------

	page

------------------------------------------------------*/

#inpage article h1 { text-align: center; margin: 0 auto 30px; background: url(../img/title_bg.gif); width: 100%; }
#inpage .contents {
	padding: 30px 0;
	display: block;
	width: 960px;
	text-align: left;
	margin: 0 auto;
}
#inpage .contents .read { }
#inpage .contents .read div { width: 620px; float: left; }
#inpage .contents h2 { margin-bottom: 20px; font-size: 130%; font-weight: bold; }
#inpage .contents .read .photo { width: 300px; float: right; }
#inpage .contents .fig { text-align: center; margin: 40px auto; }
#inpage .contents .read p { margin-bottom: 30px; }

#inpage .contents div.fig_btn { background: #fff; padding: 10px 20px; float: none; width: auto; border: 2px solid #003F96; }
#inpage .contents .fig_btn ul { margin-top: 20px; }
#inpage .contents .fig_btn ul li { float: left; margin-right: 8px; width: 300px; }
#inpage .contents .fig_btn ul li.last { margin-right: 0; }

#inpage .contents div.fig_btn_b { background: #fff; padding: 10px 20px; float: none; width: auto; border: 1px solid #222; margin: 20px 0 0; }
#inpage .contents .fig_btn_b ul {
position: relative;
left: 8%;
float:left;
margin-top: 20px;
padding: 0; 
list-style: none; 
}
	
#inpage .contents .fig_btn_b ul li {
padding: 0; 
margin-right: 12px;
float:left;
width: 250px;
}

#inpage .contents .fig_btn_b ul li.last { margin-right: 80px; }

#inpage .contents h2.subtitle { padding: 8px 0; background: url(../img/subtitle_bg.gif) bottom no-repeat; }

#inpage .contents h2.maintitle { border: 1px solid #ccc; padding: 10px; margin-bottom: 30px;
background: #fff;
-moz-box-shadow: 0 0 2px rgba(64,0,0,0.5);
-webkit-box-shadow: 0 0 2px rgba(64,0,0,0.5);
-o-box-shadow: 0 0 2px rgba(64,0,0,0.5);
-ms-box-shadow: 0 0 2px rgba(64,0,0,0.5);
} 

.contents .block { width: 960px; margin: 30px auto 0; }
.contents h3 {
	font-size: 110%;
	border-left: 4px solid #003F96;
	margin-bottom: 10px;
	padding-left: 0.8em;
}
.contents h3.subtitle { font-size: 110%; border-left: none; margin-bottom: 20px; padding: 8px 8px 8px 0; background: #eee; }
.contents h3.subtitle span { border-left: 12px solid #003F96; padding-left: 0.8em; }
.contents h3.subtitle pan { color: #ff0000; }

.contents .dotlist { margin-bottom: 30px; *margin-left: 2em; }
.contents .dotlist li:before { content: "・"; color: #003F96; font-size: 120%; }
.contents .dotlist li { margin-left: 2.5em; text-indent: -1.2em; *list-style: disc;  }

.contents .risk_list {  }
.contents .risk_list li img { padding-bottom: 10px;  width: 100%; }
.contents .risk_list li { margin-bottom: 10px; background: url(../img/arrow_down.gif) bottom no-repeat; padding-bottom: 32px; }
.contents .risk_list li span { margin-left: 50px; display: block; }

.contents .risk_list li.last { background: none; padding-bottom: 10px; }

.btnBox {
	border: 2px solid #F29600;
	text-align: center;
	margin: 20px auto 30px;
	background-color: #fff000;
}

.btnBox_inc { text-align: center; margin: 20px auto 30px; }

.btnBox dl { padding: 18px; }
.btnBox dt { color: #CA0D20; text-align: center; margin: 0 auto 10px; font-size: 110%; font-weight: bold; }
.relBox { border: 1px solid #222; background: #fff; padding: 10px 20px; float: none; width: auto; margin: 20px 0 30px; }
.relBox dl { margin-top: 20px;  }
.relBox dt { float: left; width: 456px;  }
.relBox dd { font-size: 110%; width: 450px; float: right; font-weight: bold; }

.relBox_top { border: 2px solid #003F96; background: #fff; padding: 10px 20px; float: none; width: auto; margin: 10px 0 10px; }
.relBox_top dl { margin-top: 20px;  }
.relBox_top dt { float: left; width: 456px;  }
.relBox_top dd { font-size: 110%; width: 450px; float: right; font-weight: bold; }


/* /service/risk.html */
.attention { font-size: 120%; margin-bottom: 30px; }
.attention_top {
	font-size: 110%;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.attention strong {
	font-size: 110%;
	font-weight: bold;
	color: #003F96;
	vertical-align: text-bottom;
}


.contents .doc_list { width: 620px; float: left; }
.contents .doc_list li img { padding-bottom: 10px; }
.contents .doc_list li { margin-bottom: 10px; background: url(../img/arrow_down.gif) bottom no-repeat; padding-bottom: 32px; }
.contents .doc_list li span { margin-left: 50px; display: block; }

.contents .doc_list li.last { background: none; padding-bottom: 10px; }
.contents .flow_fig { width: 300px; float: right; }
.contents .flow_fig li { margin-bottom: 24px; }


.contents .point { margin: 10px 20px 30px; }
.contents .point li:before { content: "●"; color: #003F96; font-size: 60%; padding-right: 4px; }
.contents .point li { margin-left: 2.0em; text-indent: -1.2em;
*list-style: disc; }

.contents .point_q li:before { content: "Q."; color: #003F96; font-weight: bold; padding-right: 4px; }
.contents .point_q li { margin-left: 2.0em; text-indent: -1.2em;
*list-style: disc; }

.contents .point_a li:before { content: "A."; color: #FF0000; font-weight: bold; padding-right: 4px; }
.contents .point_a li { margin-left: 2.0em; text-indent: -1.2em;
*list-style: disc; }


.contents sup.note { color: #003F96; }
.contents p.notes { border: 1px dotted #ccc; background: #eee; padding: 10px; font-size: 90%; }

.contents table.default { width: 100%; margin: 5px 0 20px; }
.contents table.default th { padding: 8px; text-align: center; background: #eee; border: 1px solid #ccc; }
.contents table.default td {
	padding: 8px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
}
.contents .bgBox { margin: 20px 0; padding: 20px; background: #fff; border: 1px solid #ccc; }
.contents .bgBox ul { margin-bottom: 0; }
.contents .point ul.dotlist { margin-bottom: 10px; }
.contents .point ul.dotlist li:before { content: "・"; color: #003F96; font-size: 120%; }
.contents .point ul.dotlist li { margin-left: 2.5em; text-indent: -1.2em; *list-style: disc;  }

.contents .listList { margin: 10px 0 60px; }
.contents .listList dt { font-weight: bold; }
.contents .listList dd { margin: 0 0 10px 46px; text-indent: -1.2em;
*list-style: disc;}
.contents .listList dd:before { content: "●"; color: #003F96; font-size: 60%; padding-right: 4px; }



.contents .seminar { width: 960px; margin: 0 auto; }
.contents .seminar p { margin-bottom: 30px; margin-left: 30px; }
.contents .seminar .photo { width: 300px; float: right; margin: 0; }
.contents .seminar .textblock { width: 620px; float: left; }


.contents .seminar_conts .photo { float: left; width: 160px; margin-bottom: 30px; }
.contents .seminar_conts .seminar_detail {
	width: 780px;
	float: right;
}
.contents .seminar_conts h3 { clear: both; }
.contents .seminar_conts dl { margin-left: 60px; }
.contents .seminar_conts .seminar_detail dl { margin-left: 0px; }
.contents .seminar_conts .seminar_detail dd span { display: block; }
.contents .seminar_conts .seminar_detail dd span.title { float: left; }
.contents .seminar_conts .seminar_detail dd span.detail { margin-left: 3.5em; }



.contents .seminar_conts dt { font-weight: bold; margin-bottom: 10px; font-size: 110%; }
.contents .seminar_conts dd {  margin-bottom: 15px; font-size: 90%; }
.contents .seminar_conts p { margin-bottom: 20px; }

.contents .seminar_conts dl.info  { position: relative; }
.contents .seminar_conts dl.info dt { position: absolute; left: 0; }
.contents .seminar_conts dl.info dd {  margin-left: 6em; }


.contents .seminar_conts p.btn { text-align: center; margin: 30px auto; }
.contents .seminar_conts .notes { border: 1px dotted #ccc; background: #eee; padding: 20px; font-size: 90%; }
.contents .seminar_conts .notes h4 { margin-bottom: 10px; padding: 4px 0; border-bottom: 1px dotted #ccc; }
.contents .seminar_conts .notes ul { margin-bottom: 0; }


.contents .dlbox {
	width: 960px;
	margin: 0 auto 20px;
}
.contents .dlbox p { margin-bottom: 30px; margin-left: 20px; }
.contents .dlbox .btn { width: 200px; float: right; margin: 0; }
.contents .dlbox .textblock {
	width: 720px;
	float: left;
	font-size: 1.2em;
}


.contents .configblock { width: 960px; margin: 0 auto 20px; }
.contents .configblock p { margin-bottom: 20px; font-size: 110%; font-weight: bold; }
.contents .configblock dl { margin-bottom: 40px }
.contents .configblock dt { float: left; width: 400px; }
.contents .configblock dd { float: right; }

/* 20201112 Sekiguchi write */
span.h2_sub {
	font-size: 80%;
}
h5.blue_title {
	color: #003F96;
	font-size: 120%;
	font-weight: bold;
	margin-left: 30px;
}
.date_strong {
	color: #b72a2b;
	font-size: 120%;
	font-weight: bold;
}
.red_btn {
	display: block;
	margin: 0 auto;
	width: 90%;
	background-color: #b72a2b;
	padding: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	font-size: 34px;
	line-height: 1em;
	vertical-align: middle;
	border-radius: 16px;
	border-bottom: 2px solid #901A1B;
	box-shadow: 0 4px 6px rgba(0,0,0,0.5);
}
.red_btn:hover {
	color: #fff;
	background-color: #E55657;
}
.red_btn strong{
	display: inline-block;
	background: url(../../seminar/img/btn_triangle.png) left center no-repeat;
	padding-left: 48px;
	min-height: 36px;
}
.close_btn {
	pointer-events: none;
	background-color: #999;
	border-bottom: 2px solid #666;
	box-shadow: 0 0 0 rgba(0,0,0,0.5);
}
.gray_box {
	margin: 0 30px 20px 30px;
	border: 2px solid #ddd;
	background-color: #fff;
}
.gray_box h4 {
	padding: 10px 0 5px 0;
	margin: 10px 30px 10px 30px;
	font-size: 120%;
	border-bottom: 2px solid #ddd;
}
.gray_box h5 {
	margin-top: 20px;
}
.gray_box p {
	margin-bottom: 10px !important;
}

/**20211022 write */
p.text-pickup { color:#fff; font-size: 140%; font-weight: bold; text-align: center; margin-left: 0!important; padding: 20px;
	background: #00295c; background: -webkit-gradient(linear, left top, left bottom, from(#0d53a8), to(#00295c)); background: -webkit-linear-gradient( #0d53a8 0%, #00295c 100%); background: linear-gradient( #0d53a8 0%, #00295c 100%);}