@charset "utf-8";
/*
 * CSS entrance/pageParts.css
 */

/*
 * common
 */
.cnt_right { width: 240px;}
.cnt_left { width: 400px;}
@media screen and (max-width: 750px) {
	.cnt_right { margin-bottom: 20px; }
}

sup{ font-size: 0.7em; vertical-align: top;}
.txtRed{ color: #901D22; font-weight: bold;}
.txtBig{ font-size: 1.2em; font-weight: bold;}
.subtitle { font-weight: bold; color: #901D22; font-size: 1.15em; line-height: 1.5; padding-bottom: 5px; }
.txt01{ margin-bottom: 1em;}
.titleBlue{ color: #00387D; border-bottom: 1px dotted #00387D; font-weight: bold; font-size: 1.2em; margin-bottom: 15px;}

/*-----------------------------
 		.guidelines
===============================*/
/* sec_1 */
.guidelines .tablestyle { border:1px solid #adadad; }
.guidelines .tablestyle th{ background:#f4f4f4; font-weight: bold; border: 1px solid #adadad; text-align: center; }
.guidelines .tablestyle th.th1 { border-bottom: none; border-bottom: 1px dotted #adadad; }
.guidelines .tablestyle th.th2 { border-top: none; }
.guidelines .tablestyle td ul{ padding-bottom: 8px;}
.guidelines .tablestyle td ul li { background:url(../../module/img/common/icon3.png) no-repeat; background-position: 30px 15px; line-height: 1.4em; padding-bottom: 8px; }
.guidelines .tablestyle td ul li.style1{ background: none; }
.guidelines .tablestyle td{ border: 1px solid #adadad; text-align: right; padding: 10px; padding-left: 15px; }
.guidelines .tablestyle td.td1{ padding-top: 25px; }
@media screen and (max-width: 750px) {
	.guidelines .tablestyle td ul{ padding-bottom: 8px;}
	.guidelines .tablestyle td ul li { background:url(../../module/img/common/icon3.png) no-repeat; background-position: 30px 100%; line-height: 1.5em; padding-bottom: 8px; }
	.guidelines .tablestyle td ul li.style1{ background: none; }
	.guidelines .tablestyle td{ padding: 10px 3px; text-align: center; }
}

/*-----------------------------
 		.examine
===============================*/
.examine{}
.examine #sec_index ul li a { color: #000; }
.examine #sec_index ul li a:hover { color: #1565bc; }

/*-----------------------------
 		.plan
===============================*/
.plan .tit02{ font-size: 1.2em; font-weight: bold; margin-bottom: 10px;}
.plan .tit01{ color: #901d22; font-weight: bold; margin-bottom: 0.5em; font-size: 1.15em; border-bottom: 1px dotted #901d22;}
.plan .tit03{ font-weight: bold; font-size: 1.1em;}
.plan #sec2_cnt{ background: #f9f4f4; padding: 20px;}
.plan .btn_tel { background: #f9f4f4; padding: 15px 0;}
.plan .btn_tel dl { width: 240px; padding-left: 210px; }
.plan .btn_tel dl img { height: 23px; }
.plan .btn_tel dt { float: left; width: 35px; border-right: 1px dotted #aaa; }
.plan .btn_tel dd { padding-left: 50px; }
.plan .btn_tel dd>a{ text-decoration: none; font-size: 1.2em; font-weight: bold; color: #333;}
.plan .btn_tel dd>a:hover{ color: #333;}
.plan #sec_index .ul_link li a { width: 92%; display: block; position: relative; padding: 15px 0px 15px 8%; font-size: 1.15em; font-weight: bold; text-decoration: none;}
@media screen and (max-width: 750px) {
	.plan .btn_tel { text-align: center; }
	.plan .btn_tel dl { width: 280px; padding-left: 0px; display: inline-block;}
	.plan .btn_tel dl img { height: 28px; }
	.plan .btn_tel dt { float: left; width: 42px; border-right: 1px dotted #aaa; }
	.plan .btn_tel dd { padding-left: 60px; }
	.plan .btn_tel dd>a{ text-decoration: none; font-size: 1.8em; font-weight: bold; line-height: 1.4em; }
}

/* plan03 */
.plan .table_plan03{ border-top: 1px solid #AAA; }
.plan .table_plan03 th{ font-weight: bold; width: 120px; text-align: center; background: #EEE; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; border-left: 1px solid #AAA;}
.plan .table_plan03 td{ padding: 5px 20px; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA;}
.plan .type2 th{ padding: 4px 10px;}
.plan .type2 td{ text-align: center;}
.plan .blue{ color: #0066CC;}
.plan .bl{ border-left: 1px solid #AAA;}
.plan .dl_list dt{ font-weight: bold;}
.plan .dl_list dd{ margin-bottom: 20px;}
.plan .type3 td{ text-align: center;}
@media screen and (max-width: 750px) {
	.plan .table_plan03 th{ font-weight: bold; width: 60px; text-align: center; background: #EEE; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; border-left: 1px solid #AAA;}
	.plan .w60{ width: 60px;}
}
/* plan04 */
.plan .btn_1{width: 200px;}
.plan .table_plan04{ border-top: 1px solid #AAA; }
.plan .table_plan04 th{ font-weight: bold; text-align: center; background: #EEE; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; border-left: 1px solid #AAA;}
.plan .table_plan04 td{ padding: 5px 20px; border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; text-align: center;}


/* plan05 */
.plan .btn_2{width: auto; margin-bottom: 15px; }
.plan .table_plan05a { border: 1px solid #AAA; border-right: none; background: #EEE; margin-bottom: 20px; }
.plan .table_plan05a th { border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; padding: 8px; font-weight: bold; }
.plan .table_plan05a td { border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; padding: 0 8px; }
.plan .table_plan05a .bg1 { background: #FAFAFA; }
.plan .table_plan05b { border: 1px solid #AAA; background: #EEE; margin-bottom: 20px; }
.plan .table_plan05b th { width: 30%; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; padding: 8px; font-weight: bold; }
.plan .table_plan05b td { border-bottom: 1px solid #AAA; padding:0 8px; }
.plan .table_plan05b .bg1 { background: #FAFAFA; }


.plan .dl_list .txt1{ font-weight: bold; font-size: 1.2em; color: #00387d; }
.plan .dl_list .cap { font-size: 0.9em; }
.plan .dl_list .dlstep dt { float: left; font-weight: bold; color: #00387d; }
.plan .dl_list .dlstep dd { text-indent: 0em; padding-left: 4em; background: url(../img/plan/icon1.png) no-repeat; background-position: 15px 35px; padding-bottom: 30px; margin-bottom: 0px; }
.plan .dl_list .dlstep dd.dd1 { background-position: 15px 55px; }
.plan .dl_list .dlstep dd.last { background: none; padding-bottom: 0px}
.plan .dl_list .ul1 { margin: 10px 0 0; }
.plan .dl_list .ul1 span { font-weight: bold; color: #00387d; }

/*-----------------------------
 		.workstudy
===============================*/
.workstudy .tit01{ font-size: 1.2em; font-weight: bold; margin-bottom: 10px;}
.workstudy .img01{ float: right; width: 240px; padding-left: 15px;}
@media screen and (max-width: 750px) {
	.workstudy .img01{ float: none; width: 100%; padding-left: 0; margin-bottom: 10px;}
}

/*-----------------------------
 		.feature4
===============================*/
.feature4 .red{ font-weight: bold; color: #e7151a;}
.feature4 .ul_photo li{ width: 240px; margin-right: 10px; float: left;}
.feature4 .border{ border: 2px solid #DDD;}
.feature4 .tit01{ width: 140px; background: #FFF; margin: -15px auto 10px; font-weight: bold; font-size: 1.15em; text-align: center;}
.feature4 .ul_goukaku{ width: 390px; margin: 0 auto;}
.feature4 .ul_goukaku li{ float: left; margin-right: 30px; margin-bottom: 20px; text-align: center;}
@media screen and (max-width: 750px) {
	.feature4 .ul_photo li{ width: 100%; margin-right: 0; margin-bottom: 10px;}
	.feature4 .ul_goukaku{ width: 170px; margin: 0 auto;}
	.feature4 .spmr0{ margin-right: 0!important;}
}

/*-----------------------------
 		.briefing
===============================*/
.briefing .tit02{ font-weight: bold;}
.briefing .txt02{ font-weight: bold; font-size: 1.15em;}
.briefing .bb{ padding-bottom: 10px; border-bottom: 1px dotted #AAA; margin-bottom: 10px;}
.briefing .table_session { margin-bottom: 30px; border: 1px solid #adadad; }
.briefing .table_session th { font-weight: bold; text-align: center; border: 1px solid #adadad; }
.briefing .table_session th.th1 { background: #f3f7fb; }
.briefing .table_session th.th2 { background: #f9f4f4; }
.briefing .table_session td { border-right: 1px dotted #adadad; border-bottom: 1px dotted #adadad; padding: 5px; width: 110px; text-align: center; }
.briefing .table_session td.td1 { border-right: 1px solid #adadad; width: 400px; text-align: center; }
.briefing .table_session td ul.ul1 { width: 400px; }
.briefing .table_session td ul.ul1 li { float: left; padding-left: 5px; width: 125px; text-align: right; }
@media screen and (max-width: 750px) {
	.briefing .table_session th { width: auto; }
	.briefing .table_session td { width: auto; }
	.briefing .table_session td.td1 { width: 30%; }
	.briefing .table_session td ul.ul1 { width: auto; }
	.briefing .table_session td ul.ul1 li { float: none; text-align: center; }
}
.briefing #map{ width: 100%; height: 400px; margin: 10px 0;}
@media screen and (max-width: 750px) {
	.briefing #map{ height: 200px; }
}

/*-----------------------------
 		.ao
===============================*/
.ao #sec_1 .inbox { position: relative; padding-bottom: 20px;}
.ao #sec_1 .inbox .txt1{ position: absolute; top: -4px; left: 23px; color: #00377c; font-weight: bold; font-size: 1.15em; }
.ao #sec_1 .inbox .img1{ width: 50%; }
.ao .boxbtn .btn2 a span{ color: #00387D;}
@media screen and (max-width: 750px) {
	.ao #sec_1 .inbox .img1{ width: 70%; }
	.ao #sec_1 .inbox .txt1{ top: -6px; }
}