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

/* -----------------------------------------------------------------------------------
                                        header
----------------------------------------------------------------------------------- */

#header {
	width: 1020px;
	margin: 0 auto;
	padding-bottom: 10px;
	left: auto;
	top: auto;
}

h1 {
	line-height: 20px;
	color: #FFF;
	white-space: nowrap;
}

#header img.logo {
	width: 340px;
	height: 80px;
}

#header img {
	float: left;
}

#header h2.tel {
	background-image: url(../img/h2_tel.png);
	text-indent: -9999px;
	float: right;
	width: 300px;
	height: 70px;
}

/* -----------------------------------------------------------------------------------
                                         navi
----------------------------------------------------------------------------------- */

#navi_wrp {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#navi{
	width: 1020px;
	margin: 0 auto;
}

#navi ul.navi li {
	float: left;
	width: 170px;
}

#navi ul.navi li a,
#navi ul.navi li p {
	display: block;
	text-indent: -9999px;
	width: 170px;
	height: 50px;
	border-left: 1px solid #cccccc;
}

#navi li.home a {
	background: url(../img/navi.png) left top;
}

#navi li.business a {
	background: url(../img/navi.png) -170px top;
}

#navi li.guide a {
	background: url(../img/navi.png) -340px top;
}

#navi li.participant a {
	background: url(../img/navi.png) -510px top;
}

#navi li.study a {
	background: url(../img/navi.png) -680px top;
}

#navi li.info a {
	background: url(../img/navi.png) right top;
	width: 175px;
	border-right: 1px solid #cccccc;
}

#navi li.home a:hover {
	background: url(../img/navi.png) left center;
}

#navi li.business a:hover {
	background: url(../img/navi.png) -170px center;
}

#navi li.guide a:hover {
	background: url(../img/navi.png) -340px center;
}

#navi li.participant a:hover {
	background: url(../img/navi.png) -510px center;
}

#navi li.study a:hover {
	background: url(../img/navi.png) -680px center;
}

#navi li.info a:hover {
	background: url(../img/navi.png) right center;
}

#navi li.home p {
	background: url(../img/navi.png) left bottom;
}

#navi li.business p {
	background: url(../img/navi.png) -170px bottom;
}

#navi li.guide p {
	background: url(../img/navi.png) -340px bottom;
}

#navi li.participant p {
	background: url(../img/navi.png) -510px bottom;
}

#navi li.study p {
	background: url(../img/navi.png) -680px bottom;
}

#navi li.info p {
	background: url(../img/navi.png) right bottom;
	width: 175px;
	border-right: 1px solid #cccccc;
}

/* -----------------------------------------------------------------------------------
                                          slide
----------------------------------------------------------------------------------- */

#slider_wrp {
	background-color: #fffaf5;
	margin-bottom: 40px;
}

#slider_wrp img {
	margin: auto;
}

/* -----------------------------------------------------------------------------------
                                       contents
----------------------------------------------------------------------------------- */

#contents_wrp {
	width: 1024px;
	margin: 0 auto 40px;
}

#contents #main {
	float: right;
	width: 720px;
}

#contents #side {
	float: left;
	width: 245px;
}

#contents ul.breadcrumbs li {
	line-height: 1;
	display: inline-block;
	margin: 20px 0;
}

#contents ul.breadcrumbs li:after	{
	content: '＞';
	display: inline-block;
	margin-left: 0.5em;
}

#contents ul.breadcrumbs li:last-child:after	{
	content: '';
}

#main h2 {
	text-indent: -9999px;
	height: 135px;
	margin-bottom: 40px;
	border-radius: 8px;
}

#main p {
	line-height: 2;
	margin: -0.5em 0 1.5em;
}

#contents h3 {
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
	padding-left: 0.5em;
	margin-bottom: 20px;
	border-left: 10px solid #4794d1;
	border-bottom: 3px solid #4794d1;
}

#main h4 {
	font-weight: bold;
	margin-bottom: 25px;
}

#main a.pdf,
#main a.link {
	line-height: 60px;
	display: block;
	width: 720px;
	height: 60px;
	padding-left: 55px;
	margin-bottom: 40px;
	border: 1px solid #4794d1;
	border-radius: 3px;
}

#main a.pdf {
	background: url(../img/btn_pdf.png) left top;
}

#main a.link {
	color: #4394d0;
	background: url(../img/btn_pdf.png) left -120px;
}

#main a.pdf:hover {
	background: url(../img/btn_pdf.png) left -60px;
}

#main a.link:hover {
	background: url(../img/btn_pdf.png) left bottom;
}

#main a.pdf_icon {
	display: inline-block;
	padding-left: 1.5em;
	background: url(../img/pdf-icon.png) no-repeat;
}

#main a.btn_offer {
	text-indent: -9999px;
	background: url(../img/btn.png) top left;
	display: block;
	width: 300px;
	height: 40px;
	margin: 0 auto 40px;
	border-radius: 3px;
}

#main a.btn_form {
	text-indent: -9999px;
	background: url(../img/btn.png) center left;
	display: block;
	width: 300px;
	height: 40px;
	margin: 0 auto 40px;
	border-radius: 3px;
}

#main a.btn_brw {
	text-indent: -9999px;
	background: url(../img/btn.png) bottom left;
	display: block;
	width: 300px;
	height: 40px;
	margin: 0 auto 40px;
	border-radius: 3px;
}

#main a.btn_offer:hover,
#main a.btn_form:hover,
#main a.btn_brw:hover {
	opacity: 0.75;
}

#main a+a {
	margin-top: -1.5em;
}

#main dl,
#main ul,
#main ol {
	line-height: 1.5;
	margin-bottom: 20px;
}

#main ul strong,
#main ol strong,
#main dd strong,
#main p strong {
	font-weight: bold;
}

#main dl dt,
#main dl dd {
	line-height: 1.5;
	float: left;
	margin-bottom: 8px;
}

#main dl dt {
	clear: both;
}

#main dl dd span.box {
	display: block;
	border: solid 1px;
	padding: 0.25em 0.5em;
}

#main dl ul,
#main dl ul {
	margin-top: 0.25em;
}

#main dl li {
	list-style-type: disc;
	margin: -0.25em 0 0.75em 1.5em;
}

#main table {
	line-height: 1.5;
	width: 100%;
	border: 1px solid;
	margin-bottom: 30px;
}

#main table caption {
	line-height: 1;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.5em;
}

#main table caption span {
	float: right;
}

#main table tr.end {
	color: #808080;
	background: rgba(255, 0, 0, 0.1);
}

#main table tr.end th,
#main table tr.end td {
	position: relative;
}

#main table tr.end span.end {
	color: #F00;
	font-size: 125%;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	background-color: #FFF;
	width: 8em;
	height: 2em;
	border: solid 2px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 1em;
	bottom: 0;
	box-shadow:0px 0px 0px 2px #FFF;
	z-index: 1;
}

#main table th,
#main table td {
	vertical-align: middle;
	border: 1px dotted;
	padding: 0.25em 0.5em;
}

#main table td small {
	font-size: 12px;
}

#main table+table {
	margin-top: -10px;
}

#main .indent {
	text-indent: -1em;
	padding-left: 1em;
}

#main address {
	margin-bottom: 40px;
}

#main ul.lhd li {
	list-style-type: disc;
}

#side ul.side_navi li {
	margin-bottom: 10px;
}

#side ul.side_navi li:last-child {
	margin-bottom: 0;
}

#side ul.side_navi li a,
#side ul.side_navi li p {
	display: block;
	text-indent: -9999px;
	width: 245px;
	height: 80px;
}

#side ul.side_navi li a:hover {
	opacity: 0.75;
}

#side ul.side_navi li.member a {
	background: url(../img/side_navi.png) left top;
}

#side ul.side_navi li.publication a {
	background: url(../img/side_navi.png) center top;
}

#side ul.side_navi li.room_use a {
	background: url(../img/side_navi.png) right top;
}

#side ul.side_navi li.lecturers a {
	background: url(../img/side_navi.png) left center;
}

#side ul.side_navi li.panel a {
	background: url(../img/side_navi.png) center center;
}

#side ul.side_navi li.consultation a {
	background: url(../img/side_navi.png) right center;
}

#side ul.side_navi li.library a {
	background: url(../img/side_navi.png) left bottom;
}

#side ul.side_navi li.about_us a {
	background: url(../img/side_navi.png) center bottom;
}

#side ul.side_navi li.writing a {
	background: url(../img/side_navi.png) right bottom;
}

/* -------------------------------------------------------------------------【home】 */

#contents ul.home_navi {
	margin-bottom: 60px;
}

#contents ul.home_navi li {
	float: left;
	margin: 0 14px 20px 0;
}

#contents ul.home_navi li:nth-child(4n) {
	margin-right: 0;
}

#contents ul.home_navi li:nth-child(n+5) {
	margin-bottom: 0;
}

#contents ul.home_navi .test_writing,#contents ul.home_navi .jinken_nav{
	margin-top:20px;
}

#contents ul.home_navi a {
	display: block;
	text-indent: -9999px;
	width: 245px;
	height: 130px;
}
/* 9/2追加 */
#contents ul.home_navi .jinken_nav a,#contents ul.home_navi .corona_nav a {
	text-indent: 0px;
}

#contents ul.home_navi a:hover {
	opacity: 0.75;
}

#contents ul.home_navi li.member a {
	background: url(../img/home_navi.png) left top;
}

#contents ul.home_navi li.publication a {
	background: url(../img/home_navi.png) center top;
}

#contents ul.home_navi li.room_use a {
	background: url(../img/home_navi.png) right top;
}

#contents ul.home_navi li.lecturers a {
	background: url(../img/home_navi.png) left center;
}

#contents ul.home_navi li.consultation a {
	background: url(../img/home_navi.png) right center;
}

#contents ul.home_navi li.panel a {
	background: url(../img/home_navi.png) center center;
}

#contents ul.home_navi li.library a {
	background: url(../img/home_navi.png) left bottom;
}

#contents ul.home_navi li.about_us a {
	background: url(../img/home_navi.png) center bottom;
}

#contents ul.home_navi li.writing a {
	background: url(../img/home_navi.png) right bottom;
}

#contents iframe {
	display: block;
	width: 1024px;
	height: 200px;
	margin: -10px 0 50px;
}

/* --------------------------------------------------------------------【business】 */

#main.business h2 {
	background: #4794d1 url(../img/h2.png) left top;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
}

#main.business .biz-box {
	float: left;
	width: 340px;
	margin-right: 40px;
}

#main.business .biz-box:nth-of-type(even) {
	margin-right: 0;
}

#main.business .biz-box li {
	list-style-type: disc;
	margin: -0.25em -1.5em 0.75em 1.5em;
}

#main.business dd {
	margin-left: 13em;
}

#main.business img {
	margin-bottom: 20px;
}

#main.business img.center {
	display: block;
	margin: 0 auto;
}

/* -----------------------------------------------------------------------【guide】 */

#main.guide h2 {
	background: #4794d1 url(../img/h2.png) left -35px;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
	position: relative;	/* 終了の告知用 */
}
#main.guide h2 span.close {
	color: #FFF;
	font-size: 125%;
	font-weight: bold;
	display: block;
	text-indent: 0;
	position: absolute;
	left: -20px;
	top: -40px;
}
#main.guide h2.residents {
	background: url(../img/h2_guide.png) left top;
}
#main.guide h2.youth {
	background: url(../img/h2_guide.png) left -35px;
}
#main.guide h2.students {
	background: url(../img/h2_guide.png) left -70px;
}
#main.guide h2.woman {
	background: url(../img/h2_guide.png) left -105px;
}
#main.guide h2.reader {
	background: url(../img/h2_guide.png) left -140px;
}
#main.guide h2.expert {
	background: url(../img/h2_guide.png) left -175px;
}
#main.guide h2.internet {
	background: url(../img/h2_guide.png) left -210px;
}
#main.guide h2.defenders {
	background: url(../img/h2_guide.png) left -245px;
}
#main.guide h2.welfare {
	background: url(../img/h2_guide.png) left -280px;
}
#main.guide h2.training {
	background: url(../img/h2_guide.png) left -315px;
}
#main.guide h2.empower {
	background: url(../img/h2_guide.png) left -385px;
}
#main.guide h2.close-up {
	background: url(../img/h2_guide.png) left -420px;
}
#main.guide h4 span {
	color: #F00;
}

#main.guide ul.guide_m-navi li {
	float: left;
	margin: 0 20px 10px 0;
}

#main.guide ul.guide_m-navi li:nth-child(even) {
	margin-right: 0;
}

#main.guide ul.guide_m-navi li:last-of-type,
#main.guide ul.guide_m-navi li:nth-last-of-type(2) {
	margin-bottom: 0;
}

#main.guide ul.guide_m-navi li a,
#main.guide ul.guide_m-navi li p {
	display: block;
	text-indent: -9999px;
	width: 350px;
	height: 50px;
	border-radius: 3px;
}

#main.guide ul.guide_m-navi li a:hover {
	opacity: 0.75;
}

#main.guide ul.guide_m-navi li.residents a {
	background: url(../img/guide_m-navi.png) left top;
}

#main.guide ul.guide_m-navi li.youth a {
	background: url(../img/guide_m-navi.png) right top;
}

#main.guide ul.guide_m-navi li.students a {
	background: url(../img/guide_m-navi.png) left -50px;
}

#main.guide ul.guide_m-navi li.woman a {
	background: url(../img/guide_m-navi.png) right -50px;
}

#main.guide ul.guide_m-navi li.empower a {
	background: url(../img/guide_m-navi.png) left -100px;
}

#main.guide ul.guide_m-navi li.close-up a {
	background: url(../img/guide_m-navi.png) right -100px;
}

#main.guide ul.guide_m-navi li.internet a {
	background: url(../img/guide_m-navi.png) left -150px;
}

#main.guide ul.guide_m-navi li.defenders a {
	background: url(../img/guide_m-navi.png) right -150px;
}

#main.guide ul.guide_m-navi li.welfare a {
	background: url(../img/guide_m-navi.png) left -200px;
}

#main.guide ul.guide_m-navi li.training a {
	background: url(../img/guide_m-navi.png) right -200px;
}

#main.guide img{
	margin-bottom: 20px;
}

#main.guide h4+dl {
	margin-top: -20px;
}

#main.guide dl+h4 {
	margin-top: -18px;
}

#main.guide p.center {
	text-align: center;
}

#main.guide p+ul {
	margin-top: -1em;
}

#main.guide p.career {
	padding: 5px 0 3px;
	margin-top: -13px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

#main.guide li {
	margin: -0.25em 0 0.75em 0;
}

#main.guide ul.hdln li {
	list-style-type: disc;
	margin: -0.25em 0 0.75em 1.5em;
}

#main.guide span.note {
	display: block;
	background: #e7eef9 none repeat scroll 0 0;
	border-radius: 3px;
	padding: 10px 15px;
	margin: -10px 0 20px;
}

#main.guide span.note:first-line {
	font-weight: bold;
}

#main.guide address {
	background: #E7EEF9;
	padding: 10px 15px;
	border-radius: 3px;
}

#main.guide table strong {
	font-weight: bold;
}

#main.guide dl.rsdnts dt {
	width: 8em;
}

#main.guide dl.rsdnts dd {
	width: 37em;
}

#side ul.guide_s-navi{
	margin-bottom: 40px;
}

#side ul.guide_s-navi li {
	margin-bottom: 10px;
}

#side ul.guide_s-navi li a,
#side ul.guide_s-navi li p {
	display: block;
	text-indent: -9999px;
	width: 245px;
	height: 50px;
	border-radius: 3px;
}

#side ul.guide_s-navi li.residents a {
	background: url(../img/guide_s-navi.png) left top;
}
#side ul.guide_s-navi li.residents a:hover {
	background: url(../img/guide_s-navi.png) right top;
}
#side ul.guide_s-navi li.youth a {
	background: url(../img/guide_s-navi.png) left -50px;
}
#side ul.guide_s-navi li.youth a:hover {
	background: url(../img/guide_s-navi.png) right -50px;
}
#side ul.guide_s-navi li.students a {
	background: url(../img/guide_s-navi.png) left -100px;
}
#side ul.guide_s-navi li.students a:hover {
	background: url(../img/guide_s-navi.png) right -100px;
}
#side ul.guide_s-navi li.woman a {
	background: url(../img/guide_s-navi.png) left -150px;
}
#side ul.guide_s-navi li.woman a:hover {
	background: url(../img/guide_s-navi.png) right -150px;
}
#side ul.guide_s-navi li.empower a {
	background: url(../img/guide_s-navi.png) left -200px;
}
#side ul.guide_s-navi li.empower a:hover {
	background: url(../img/guide_s-navi.png) right -200px;
}
#side ul.guide_s-navi li.close-up a {
	background: url(../img/guide_s-navi.png) left -250px;
}
#side ul.guide_s-navi li.close-up a:hover {
	background: url(../img/guide_s-navi.png) right -250px;
}
#side ul.guide_s-navi li.internet a {
	background: url(../img/guide_s-navi.png) left -300px;
}
#side ul.guide_s-navi li.internet a:hover {
	background: url(../img/guide_s-navi.png) right -300px;
}
#side ul.guide_s-navi li.defenders a {
	background: url(../img/guide_s-navi.png) left -350px;
}
#side ul.guide_s-navi li.defenders a:hover {
	background: url(../img/guide_s-navi.png) right -350px;
}
#side ul.guide_s-navi li.welfare a {
	background: url(../img/guide_s-navi.png) left -400px;
}
#side ul.guide_s-navi li.welfare a:hover {
	background: url(../img/guide_s-navi.png) right -400px;
}
#side ul.guide_s-navi li.training a {
	background: url(../img/guide_s-navi.png) left bottom;
}
#side ul.guide_s-navi li.training a:hover {
	background: url(../img/guide_s-navi.png) right bottom;
}

#side ul.guide_s-navi li.residents p {
	background: url(../img/guide_s-navi.png) right top;
}

#side ul.guide_s-navi li.youth p {
	background: url(../img/guide_s-navi.png) right -50px;
}

#side ul.guide_s-navi li.students p {
	background: url(../img/guide_s-navi.png) right -100px;
}

#side ul.guide_s-navi li.woman p {
	background: url(../img/guide_s-navi.png) right -150px;
}

#side ul.guide_s-navi li.reader p {
	background: url(../img/guide_s-navi.png) right -200px;
}

#side ul.guide_s-navi li.expert p {
	background: url(../img/guide_s-navi.png) right -250px;
}

#side ul.guide_s-navi li.internet p {
	background: url(../img/guide_s-navi.png) right -300px;
}

#side ul.guide_s-navi li.defenders p {
	background: url(../img/guide_s-navi.png) right -350px;
}

#side ul.guide_s-navi li.welfare p {
	background: url(../img/guide_s-navi.png) right -400px;
}

#side ul.guide_s-navi li.training p {
	background: url(../img/guide_s-navi.png) right bottom;
}

/* -----------------------------------------------------------------【participant】 */

#main.participant h2 {
	background: #4794d1 url(../img/h2.png) left -70px;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
}

#main.participant dl dt {
	color: #4794d1;
	font-size: 125%;
}

#main.participant dl dt strong {
	font-weight: bold;
}

#main.participant dl dd {
	padding-bottom: 1em;
	margin-bottom: 1.25em;
	border-bottom: dotted 1px;
	position: relative;
}

#main.participant dl span.completion {
	color: #4794d1;
	font-weight: bold;
	font-size: 20px;
	line-height: 140px;
	text-align: center;
	text-shadow: 0px 0px 4px #FFF;
	background-color: rgba(255,255,255,0.75);
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#main.participant dl dd.last {
	border: none;
	padding: 0;
}

#main.participant dl dd img {
	float: left;
	margin-right: 20px;
	width: 200px;
	height: 160px;
}

#main.participant dl dd p {
	line-height: 1.5 ;
	float: right;
	width: 500px;
	margin: -0.25em 0 0.75em;
}

#main.participant dl span,
#main.participant dl a {
	display: blcok;
	float: right;
	width: 500px;
	margin-bottom: 1em;
}

#main.participant dl a {
	color: #FFF;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background: #4794d1;
}

#main.participant dl a:hover {
	opacity: 0.75;
}


/* -----------------------------------------------------------------------【study】 */

#main.study h2 {
	background: #4794d1 url(../img/h2.png) left -105px;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
}

#main.study p+ul {
	margin-top: -15px;
}

#main.study ul li {
	list-style-type: disc;
}

#main.study li {
	margin: -0.25em 0 0.75em 1.5em;
}

#main.study li a {
	display: block;
	margin-bottom: 0.25em;
}

#main.study ol {
	margin-bottom: -10px;
}

#main.study ol li {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: dotted 1px;
}

#main.study ol li:last-child {
	border: none;
}

#main.study ol p {
	margin-bottom: 10px;
}

#main.study a.syncer-acdn {
	color: #4794d1;
	line-height: 40px;
	text-align: center;
	background: #e7eef9;
	display: block;
	width: 800;
	margin-bottom: 40px;
	border: solid 1px #4794d1;
	cursor: pointer;
	border-radius: 3px;
}

#main.study dl dt,
#main.study dl dd {
	float: left;
	padding-top: 8px;
	border-top: dotted 1px;
}

#main.study dl.answer {
	margin: -30px 0 40px;
}

#main.study dl.answer dt {
	width: 5em;
}

#main.study dl.answer dd {
	width: 40em;
}

#main.study dl dt:first-child,
#main.study dl dd:nth-of-type(1),
#main.study dl.answer2 dt:nth-of-type(2),
#main.study dl.answer2 dd:nth-of-type(2)  {
	border: none;
}

#main.study dl.quiz dt,
#main.study dl.answer2 dt {
	width: 7em;
}

#main.study dl.answer2 {
	margin-top: -30px;
}

#main.study dl.quiz dt:nth-of-type(odd) {
	clear: none;
}

#main.study dl.answer2 dt:nth-of-type(even) {
	clear: none;
}

#main.study dl.quiz dd,
#main.study dl.answer2 dd {
	width: 15.5em;
}

#main.study dl.quiz dd:before {
	content: '：';
}

#main.study .box1 {
	float: left;
	background: #4794d1;
	padding: 10px;
}

#main.study .box2 {
	float: right;
	background: #4794d1;
	padding: 10px;
	margin-bottom: 40px;
}

/* ------------------------------------------------------------------------【info】 */

#main.info h2 {
	background: #4794d1 url(../img/h2.png) left -140px;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
}

#main.info dl.info dt {
	width: 5em;
}

#main.info dl.info dd {
	width: 43em;
}

#main.info dl.info dd:last-child {
	width: 100%;
	text-align: right;
}

/* ----------------------------------------------------------------------【member】 */

#main.member h2 {
	background: #83cbc0 url(../img/h2.png) left -175px;
	border-top: 50px solid #83cbc0;
	border-right: 40px solid #83cbc0;
	border-bottom: 50px solid #83cbc0;
	border-left: 40px solid #83cbc0;
}

#main.member p+ol {
	margin-top: -10px;
}

#main.member li {
	margin: -0.25em 0 0.75em 1.5em;
}

#main.member li li,
#main.member .bank li {
	margin: -0.25em 0 0.75em;
}

#main.member li strong,
#main.member li span {
	display: block;
}

#main.member li ul {
	margin: 0.25em 0 0;
}

#main.member .bank {
	padding: 20px 20px 0px;
	margin-bottom: 40px;
	border: 2px solid #4794d1;
}

/* ---------------------------------------------------------------------【writing】 */

#main.writing h2,
#main.form h2.writing {
	background: #9e9e9f url(../img/h2.png) left -455px;
	border-top: 50px solid #9e9e9f;
	border-right: 40px solid #9e9e9f;
	border-bottom: 50px solid #9e9e9f;
	border-left: 40px solid #9e9e9f;
}

#main.writing dl.faq dt,
#main.writing dl.faq dd {
	width: 100%;
	border: none;
}

#main.writing dl.faq dd {
	padding-bottom: 15px;
	border-bottom: dotted 1px;
}

#main.writing dl.faq dt:first-letter,
#main.writing dl.faq dd:first-letter {
	font-weight: bold;
	font-size: 125%;
	line-height: 1;
	color: #4794d1;
	padding-right: 0.5em;
}

/* -----------------------------------------------------------------【publication】 */

#main.publication h2 {
	background: #f8c7bc url(../img/h2.png) left -210px;
	border-top: 50px solid #f8c7bc;
	border-right: 40px solid #f8c7bc;
	border-bottom: 50px solid #f8c7bc;
	border-left: 40px solid #f8c7bc;
}

#main.publication .monthly {
	padding-top: 5px;
	margin-bottom: 35px;
}

#main.publication .monthly p {
	color: #E9595E;
	font-weight: bold;
	margin-top: -7px;
}

#main.publication .monthly p:first-line {
	color: #000;
	font-weight: normal;
}

#main.publication .monthly p span {
	padding: 0.1em 0.5em 0;
	margin-right:0.5em;
	border: solid 1px #E9595E;
	border-radius:2px;
}

#main.publication img {
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}

#main.publication .monthly img {
	float: left;
	margin-right: 30px;
}

#main.publication p+ul {
	margin: -15px 0 0 255px;
}

#main.publication p+ul li {
	list-style-type: disc;
	margin: -0.25em -1.5em 0.75em 1.5em;
}

#main.publication p+ul li.sub {
	font-weight: bold;
}

#main.publication a.center {
	display: block;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

#main.publication ul.book {
	padding-top: 5px;
}

#main.publication ul.book li {
	margin-bottom: 20px;
	border-bottom: 1px dotted;
}

#main.publication ul.book li:last-child {
	margin-bottom: -15px;
	border-bottom: none;
}

#main.publication ul.book h4 {
	font-size: 125%;
	line-height: 1;
	color: #ea595e;
	margin-bottom: 1em;
}

#main.publication ul.book span.img_box,
#main.publication ul.book a.img_box {
	float: left;
	margin: 0 20px 20px 0;
}

#main.publication ul.book a.img_box {
	position: relative;
}

#main.publication ul.book a.img_box span.link {
	color: #F00;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #FFF, 1px -1px 2px #FFF, -1px 1px 2px #FFF,  -1px -1px 2px #FFF;
	position: absolute;
	right: 5px;
	bottom: -36px;
}

#main.publication ul.book p {
	float: right;
	width: 565px;
	line-height: 2;
}

#main.publication ul.book p.min {
	width: 510px;
}

#main.publication ul.book dl.book_detail {
	background: #fbe3dd;
	float: left;
	padding: 0.5em 1em;
	margin: -10px 0 20px;
	border-radius: 3px;
}

#main.publication dl.book_detail dt,
#main.publication dl.book_detail dd {
	width: auto;
	margin-bottom: 0;
}

#main.publication dl.book_detail dt:after {
	content: '：';
}

#main.publication dl.book_detail dd em {
	color: #F00;
	font-weight: bold;
}

#main.publication p.order {
	font-size: 12px;
	line-height: 1.5;
	width: 34em;
	margin: -30px auto 0;
}

#main.publication table th {
	white-space: nowrap;
	text-align: right;
}

#main.publication table tr:nth-of-type(even) {
	background: #f2f2f2;
}

#main.publication table tr.border th,
#main.publication table tr.border td {
	border-top: 1px solid;
}

#main.publication span.btn {
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

#main.publication span.btn a {
	background: rgba(0, 0, 0, 0) url("../img/btn.png") left top;
	text-indent: -9999px;
	display: inline-block;
	width: 300px;
	height: 40px;
	margin: 0 5px;
	border-radius: 3px;
}

#main.publication span.btn a+a {
	background: rgba(0, 0, 0, 0) url("../img/btn.png") left center;
}


/* --------------------------------------------------------------------【room_use】 */

#main.room_use h2 {
	background: #f9bd4d url(../img/h2.png) left -245px;
	border-top: 50px solid #f9bd4d;
	border-right: 40px solid #f9bd4d;
	border-bottom: 50px solid #f9bd4d;
	border-left: 40px solid #f9bd4d;
}

#main.room_use p span {
	color: #F00;
	font-weight: bold;
}

#main.room_use li {
	margin: -0.25em -1.5em 0.75em 1.5em;
}

#main.room_use li strong {
	display: block;
}

#main.room_use ul.room_list li {
	float: left;
	width: 220px;
	margin: 0 18px 10px 0;

}

#main.room_use ul.room_list li:nth-child(3n) {
	margin-right: 0;
}

#main.room_use ul.room_list li:last-child {
	margin: 0;
}

#main.room_use ul.room_list img {
	width: 220px;
}

/* -------------------------------------------------------------------【lecturers】 */

#main.lecturers h2 {
	background: #4794d1 url(../img/h2.png) left -280px;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
}

/* -----------------------------------------------------------------------【panel】 */

#main.panel h2 {
	background: #00b1ed url(../img/h2.png) left -315px;
	border-top: 50px solid #00b1ed;
	border-right: 40px solid #00b1ed;
	border-bottom: 50px solid #00b1ed;
	border-left: 40px solid #00b1ed;
}

#main.panel ul.panel_list li {
	display: inline-block;
	vertical-align: top;
	width: 225px;
	margin-right: 17px;
	margin-bottom: 30px;
}

#main.panel ul.panel_list li:nth-child(3n) {
	margin-right: 0;
}

#main.panel ul.panel_list h4 {
	font-size: 115%;
	line-height: 1.5;
	color: #00b1ed;
	background: #cae9fa;
	padding: 5px 0.5em 3px;
	margin-bottom: 15px;
	border-radius: 3px;
}

#main.panel a.img_box {
	display: block;
	position: relative;
}

#main.panel a.img_box:hover {
	opacity: 0.75;
}

#main.panel span.link {
	color: #F00;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #FFF, 1px -1px 2px #FFF, -1px 1px 2px #FFF,  -1px -1px 2px #FFF;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#main.panel img {
	display: block;
	margin-bottom: 10px;
}

#main.panel ul.panel_list+a.btn_brw {
	margin-top: -30px;
}

#main.panel table th {
	white-space: nowrap;
	width: 2em;
	border-left: solid 1px;
}

#main.panel p.bassui{
	 text-align: right;
}


/* ----------------------------------------------------------------【consultation】 */

#main.consultation h2 {
	background: #bdd400 url(../img/h2.png) left -350px;
	border-top: 50px solid #bdd400;
	border-right: 40px solid #bdd400;
	border-bottom: 50px solid #bdd400;
	border-left: 40px solid #bdd400;
}

#main.consultation h4.tel {
	text-indent: -9999px;
	display: block;
	height: 85px;
	background: url(../img/h4_tel.png) no-repeat;
}

#main.consultation dt {
	width: 7em;
}

#main.consultation dd {
	width: 41em;
}
/* 2020年0908追加分 */
#main.consultation .consulLink {
	display: inline-block;
	color: #FFF;
	padding: 8px 16px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background: #4794d1;
	border-radius: 3px;
}
#main.consultation .internetConsulLink,#main.consultation .consulLink{
	margin-bottom: 24px;
}
#main.consultation .consulLink:hover{
	opacity: 0.75;
}
/* ----------------------------------------------------------------【internet_consultation】 */
#main.internet_consultation h2 {
	background: #4394d0 url(../img/consul_h2+.png);
	border-top: 50px solid #4394d0;
	border-right: 40px solid #4394d0;
	border-bottom: 50px solid #4394d0;
	border-left: 40px solid #4394d0;
	background-repeat:no-repeat;
}

#main .consulguide{
	border: 2px solid #4394d0;
	border-radius: 3px;
	padding: 20px 20px 0;
	margin-bottom: 40px;
}

#main .consulguide dt,#main .consulguide dd{
	float: none;
}
#main .consulguide dt{
	font-size: 24px;
	font-weight: 700;
}
#main .consulguide ul li{
	list-style-type: decimal
}
#main .consulguide ul li a:hover{
	opacity: 0.75;
}
#main .consulguide ul li span{
	text-decoration: underline;
	display: inline;
}
#main .linkto_Cform{
	text-align:center;
}
#main .linkto_Cform a{
	display: inline-block;
	text-decoration: none;
	width: 140px;
	height: 40px;
	line-height:40px;
	background-color: #DCE6F5;
	color:#4394d0;
	font-weight: 700;
	font-size: 20px;
	border-radius: 3px;
}
#main .linkto_Cform a:hover{
	opacity: 0.75;
}
/* ----------------------------------------------------------------【internet_consultation-form/coronasoudan-form】 */
#main .formArea__internetConsultation dt,#main .formArea__internetConsultation dd{
	padding:1.5em 0.5em;
	border-top:dotted 1px #666
}
 #main .formArea__internetConsultation dt{
	 width: 30%;
 }
 #main .formArea__internetConsultation dt:first-child,#main .formArea__internetConsultation dd:nth-child(2){
	 padding-top: 3px;
	 border:none;
 }
 #main .formArea__internetConsultation dd{
	 width: 70%;
 }
#main .formArea__internetConsultation dd #firstnameForm{
	margin-right:16px;
}
#main .formArea__internetConsultation dd #emailForm{
	text-align: center;
}
.internet_consultation .btn_ctm,.corona_soudan .btn_ctm{
	text-align:center;
}
.internet_consultation .btn_ctm input,.corona_soudan .btn_ctm input{
	width: 140px;
	height: 40px;
	background-color: #DCE6F5;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 20px;
	color: #4394d0;
	font-weight: 700;
}
.internet_consultation .btn_ctm input:hover,.internet_consultation .btn_ctm input:hover{
	opacity: 0.75;
}

/* ----------------------------------------------------------------【coronasoudan-guide】 */
#main.corona_soudan h2 {
	background: #4394d0 url(../img/coronasoudan-h2.png);
	border-top: 50px solid #4394d0;
	border-right: 40px solid #4394d0;
	border-bottom: 50px solid #4394d0;
	border-left: 40px solid #4394d0;
	background-repeat:no-repeat;
}

/* ---------------------------------------------------------------------【library】 */

#main.library h2 {
	background: #a1629f url(../img/h2.png) left -385px;
	border-top: 50px solid #a1629f;
	border-right: 40px solid #a1629f;
	border-bottom: 50px solid #a1629f;
	border-left: 40px solid #a1629f;
}

#main.library ul.menu {
	display: flex;
	flex-wrap: wrap;
	margin: -5px -5px 15px;
}

#main.library ul.menu li {
	width: 33.33%;
	padding: 5px;
}

#main.library ul.menu li a {
	color: #4794d1;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	border: solid 4px #4794d1;
	border-radius: 4px;
	position: relative;
}

#main.library ul.menu li a:before,
#main.library ul.menu li a:after {
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8px 0 8px;
	margin: auto;
	position: absolute;
	right: 10px;
}

#main.library ul.menu li a:before {
    border-color: #4794d1 transparent transparent transparent;
	top: 12px;
}

#main.library ul.menu li a:after {
    border-color: #FFF transparent transparent transparent;
	top: 10px;
}

#main.library ul.menu li a:hover {
	color: #a1629f;
	border: solid 4px #a1629f;
}

#main.library ul.menu li:hover a:before {
	color: #a1629f;
	border-color: #a1629f transparent transparent transparent;
}

#main.library ul.menu li:hover a:after {
	color: #a1629f;
	border-color: #FFF transparent transparent transparent;
}

#main.library h3 + ol {
	margin-bottom: 40px;
}

#main.library ol {
	padding-top: 10px;
	list-style-type: none;
}

#main.library ol li {
	margin-bottom: 30px;
}

#main.library ol li:last-child {
	margin-bottom: 0;
}

#main.library ol h4 {
	color: #a1629f;
	font-size: 125%;
	line-height: 1.25;
	background: #dac5dd;
	padding: 6px 0.5em 5px;
	margin-bottom: 20px;
	position: relative;
	border-radius: 3px;
}

#main.library ol h4:after {
	content: '';
	display: block;
	position: absolute;
	height: 5px;
	width: 0px;
	border-top: 15px solid #dac5dd;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: none;
	left: 20px;
	bottom: -15px;
}

#main.library ol p {
	line-height: 2;
}

#main.library ol p+dl {
	padding: 5px 8px 0;
	margin: -15px 0 0;
	border:  2px dotted #a1629f;
	border-radius: 3px;
}

#main.library dl dt {
	clear: none;
	width: auto;
	margin-bottom: 3px;
}

#main.library dl dd {
	width: auto;
	margin-right: 1.5em;
	margin-bottom: 3px;
}

#main.library ul dt:after {
	content: '：';
}

/* --------------------------------------------------------------------【about_us】 */

#main.about_us h2 {
	background: #4794d1 url(../img/h2.png) left -420px;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
}

#main.about_us img.map_image {
	margin: 5px 0 8px;
	border: 1px solid #333;
	border-radius: 3px;
}

#main.about_us ul.link {
	margin: -20px 0 30px 1em;
	list-style-type: disc;
}

/* ------------------------------------------------------------------【contact_us】 */

#main.contact_us h2 {
	background: #4794d1 url(../img/h2.png) left -490px;
	border-top: 50px solid #4794d1;
	border-right: 40px solid #4794d1;
	border-bottom: 50px solid #4794d1;
	border-left: 40px solid #4794d1;
}

#main.contact_us dt,
#main.contact_us dd {
	padding: 20px 0 10px;
	border-top: dotted 1px;
}

#main.contact_us dt:nth-of-type(1),
#main.contact_us dd:nth-of-type(1) {
	padidng-top: 0;
	border: none;
}

#main.contact_us dt {
	width: 20%;
}

#main.contact_us dd {
	width: 80%;
}

#main.contact_us dt span {
	color: #4794d1;
}

/* ------------------------------------------------------------------------【form】 */

#main.form h2 {
	background: #f8c7bc url(../img/h2.png) left -210px;
	border-top: 50px solid #f8c7bc;
	border-right: 40px solid #f8c7bc;
	border-bottom: 50px solid #f8c7bc;
	border-left: 40px solid #f8c7bc;
}

#main.form h4 {
	margin-bottom: 10px;
}

#main.form p {
	font-size: 11px;
	line-height: 1.5;
	margin-top: 10px;
}

#main.form p:first-line {
	font-size: 13px;
	font-weight: bold;
}

#main.form form {
	margin-bottom: 30px;
}

#main.form dl {
	margin-bottom: 0;
}

#main.form dl+dl {
	border-bottom: dotted 1px #666;
}

#main.form dl dt,
#main.form dl dd {
	float: left;
	padding: 1.5em 0.5em;
	border-top: dotted 1px #666;
	margin-bottom: 0;
}

#main.form dl dt span {
	color: #F00;
}

#main.form dl dt {
	width: 30%;
	clear: both;
}

#main.form dl dd {
	width: 70%;
}

#main.form dl dt:first-child,
#main.form dl dd:nth-child(2) {
	padding-top: 3px;
	border: none;
}


#main.form dl.form_list dt {
	width: 60%;
	padding-right: 1em;
}
#main.form dl.form_list dt.message {
	width: 25%;
}
#main.form dl.form_list dd {
	width: 40%;
}
#main.form dl.form_list dd.message {
	width: 75%;
}
#main.form p.btn_ctm {
	text-align: center;
	border: none;
}

#main.form input.sbm,
#main.form input.res {
	display: inline-block;
	text-indent: -9999px;
	width: 140px;
	height: 40px;
	margin: 0 3px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

#main.form input.sbm:hover,
#main.form input.res:hover {
	opacity: 0.75;
}

#main.form input.sbm {
	background: url(../img/btn.png) right top;
}

#main.form input.res {
	background: url(../img/btn.png) right center;
}

#formWrap p.btn {
	text-align: center;
}

#formWrap form + a,
#formWrap p + a {
	text-indent: -9999px;
	display: block;
	height: 0;
}

p.form_title {
	background: #DCE6F5;
	padding: 0.5em 1em;
}

/* ------------------------------------------------------------------------【20211015追加】研修申し込みフォーム（training.html） */

#main .training__info{
	margin-bottom: 40px;
}
#main .training__info h4{
	margin-bottom: 8px;
}
#main .training__info ul li{
	line-height: 1.8;
}
#main .formArea__training dt{
	width: 28%;
}
#main .formArea__training dd{
	width: 70%;
}
#main .formArea__training dt,#main .formArea__training dd{
	border-top:dotted 1px #666;
	padding: 1.5em 0.5em;
}
#main .formArea__training dt:first-child,#main .formArea__training dd:nth-child(2){
	padding-top: 3px;
	border:none;
}
#main .formArea__training dd #firstnameForm{
	margin-right:8px;
}
#main .formArea__training dd span{

	padding: 2px;
	display: inline-block;
	vertical-align: middle;
}
#main .formArea__training dd textarea{
	width: 60%;
	height:70px;
}
/* #main .formArea__training .planning span{
	margin-right: 10px;
} */
#main dl .planningArea{
	border-top:dotted 1px #666;
}
#main dl .planningTitle,#main dl .planning{
	float: none;
	width: 100%;
}
#main dl .planningTitle{
	margin-bottom: 0;
}
#main dl .planningTitle span{
	margin-left:20px;
	padding: 2px;
}
#main dl .planning{
	border: none;
	padding: 0;
}
#main .formArea__training .planning .planning__list input{
	margin-right:8px;
	margin-left: 0;
}
#main .formArea__training .planning .planning__list label{
	display: inline-block;
	width:476px;
	vertical-align: top;
}
.planning__list li select{
	display: block;
	margin-bottom: 16px;
}
#main .formArea__training .planning .planning__list span{
	margin-right:8px;
}
.require__mark,.optional__mark{
	margin-right: 24px;
}
.require__mark{
	border: 1px solid red;
	color: red;
}
.optional__mark{
	border: 1px solid #333;
	color: #333;
}
#main .formArea__training dd .ziphifun{
	margin: 0 6px;
}
#main .formArea__training dd #emailForm{
	text-align:left;
}
form .btn_ctm__training{
	text-align: center;
}
form .btn_ctm__training input{
	width: 200px;
	height: 40px;
	text-align: center;
	border: none;
	background-color: #DCE6F5;
	color: #4394d0;
}
/* -----------【20201117追加】 */
.training__info strong.warningElement{
	color: red;
}
.training__info .youkouPdfLink{
	display:block;
	margin-bottom: 8px;
}
/* ---------------------------【20201117追加】confirm*/
.confirm__area{
	max-width: 720px;
	margin: 20px auto 0;
}
.confirm__flex{
	display: flex;
}
.confirm__flex dt{
	width: 32%;
}
.confirm__flex dd{
	width: 68%;
}
#contents .confirm__area h3{
	margin-bottom: 8px;
}
#contents .confirm__area p{
	margin-bottom: 20px;
}
.confirm__area .btn_ctm{
	margin-top: 20px;
}
.confirm__area .btn_ctm__training .btn__app{
	margin-left: 20px;
}
.tnks__trainingCnt{
	margin-top: 20px;
}

/* ------------------------【20211025追加】 */
#main .other_notice_ear{
	margin:1em 0 0;
	line-height:1.4;
	color: red;
}
/* -----------------------------------------------------------------------------------
                                        footer
----------------------------------------------------------------------------------- */

#footer_wrp {
	background-color: #efeff0;
}

#footer {
	width: 1024px;
	padding: 20px 0;
	margin: 0 auto;
	line-height: 1.5;
}

#footer .address {
	float: left;
	margin: 0 auto;
}

#footer .address img,
#footer address {
	margin-bottom: 10px;
}

#footer .footer-navi {
	float: right;
}

#footer .address p {
	font-size: 12px;
	line-height: 1.5;
}

#footer ul.f-navi {
	float: left;
	margin-right: 2em;
}

#footer ul.f-navi:nth-of-type(3) {
	margin-right: 0;
}

#footer ul.f-navi li {
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	background-image: url(../img/lihead.png);
	background-repeat: no-repeat;
}