@charset "utf-8";

/* =========================================================
 PC CSS
========================================================= */

@media print, screen and (min-width:769px) {
.sp_view {display: none; }
.sp_vh {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.sp_vh.focusable:active, .sp_vh.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
html, button, input, select, textarea {
	font-size: 14px;
	line-height: 1.6;
}

.inner {
	width: 1000px;
	margin-left: auto!important;
	margin-right: auto!important;
}

.alpha:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

html {
	overflow: auto;
}

body{
	width: 100%;
	margin: 0;
	padding: 0;
}

/* font */
.color_red{color: #FF0000;}
.color_blue{color: #237fc0}
.f_bold{ font-weight: bold;}


/* ==========================================================================
   head
   ========================================================================== */

#header{
	background-color: #FFF;
	min-height: 100px;
}

/* 長いメールアドレスにより高さが拡張されたログイン情報ボックスがヘッダーをはみ出さないようにする。 */
#header:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
}

#logo{
	float: left;
	margin-top: 21px;
}

#headRight{
	float: right;
	position: relative;
}

.my_loginBox{
	width: 466px;
	float: left;
	padding: 8px 15px;
	background-color: #F1F1F1;
	border: 1px solid #E7E7E7;
	border-radius: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 10px;
	/* ログイン情報ボックスからメールアドレスがはみ出さないように折り返す。
	   なおメールアドレスに文書の意味合いはないので強制的に折り返す。 */
	word-break: break-all;
}

.my_loginBox ul{}
.my_loginBox ul li{
	float: left;
}

.my_loginBox ul li span{
	margin-left: 20px;
}

.my_loginBox ul li:nth-child(1){
	float: left;
}

.my_loginBox ul li:nth-child(2){
	float: right;
}

/* bt_logout */

.bt_logout{
	float: right;
	height: 40px;
	width: 121px;
	margin-top: 30px;
}

.bt_logout a{
	display: block;
	position: relative;
	font-size: 14px;
	background-color: #848484;
	color: #FFF;
	text-decoration: none!important;
	height: 40px;
	line-height: 40px;
	border-radius: 9px;
	padding-left: 32px;
}

.bt_logout a:after{
	position: absolute;
	display: block;
	top: 15px;
	left: 9px;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* user_infoBox */

#user_infoBox{
	background-color: #3a546b;
	border-bottom: 1px solid #465B70;
	padding-top: 34px;
	padding-bottom: 32px;
	min-width: 1000px!important;
}

.user_infoIn{
	z-index: 0!important;
	position: relative;
	padding-bottom: 16px;
	padding-top: 15px;
	background: url(../images/bg_info01.png) repeat 0 0;
	/* お知らせボックスからメールアドレス・お知らせ件名・本文がはみ出さないように折り返す。 */
	word-wrap : break-word;
	overflow-wrap : break-word;
}

.user_infoIn:before{
	display: block;
	position: absolute;
	content: "";
	top: 5px;
	left: 5px;
	width: 980px;
	height : -webkit-calc(100% - 20px) ;
	height : calc(100% - 20px) ;
	padding: 5px;
	background-color: #FFF;
}

.user_info01{
	position: relative;
	margin-bottom: 6px;
}

.user_info01 h2{
	margin: 14px 5px 32px 5px;
	padding-left: 101px;
	font-size: 18px;
	min-height: 54px;
	line-height: 54px;
	font-weight: bold;
	background: url(../images/bg_info02.jpg) repeat 0 0;
	/* メールアドレスに文書の意味合いはないので強制的に折り返す。 */
	word-break: break-all;
}

.user_info01 h2 img{
	position: absolute;
	top: -34px;
	left: 30px;
}

.user_info01 ul li{
	margin-left: 30px;
	margin-right: 30px;
}

.user_info01 ul li, .user_info02 ul li{
	font-size: 16px;
	border-bottom: 1px dotted #B4B4B4;
}

.user_info01 ul li:last-child, .user_info02 ul li:last-child{
	border-bottom: none;
}

.user_info01 ul li dl, .user_info02 ul li dl{
	margin-top: 15px;
	margin-bottom: 10px;
}

.user_info01 ul li dt, .user_info02 ul li dt{
	float: left;
	clear: none;
	width: 54px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: #ff0000;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	vertical-align: 1px;
	margin-right: 20px;
}

.user_info01 ul li dl dd{
	margin: 0 0 0 74px;}

.user_info02{
	clear: none;
	position: relative;
	margin: 0 30px;
}

.user_info02 h2{
	font-size: 18px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 55px;
	margin-top: 15px;
}

.user_info02 h2 img{
	margin-right: 19px;
	margin-bottom: 5px;
}

.user_info02 ul li{
	margin-left: 0;
	margin-right: 0;
}


/* box
--------------------------------------------------------- */

.box > .ttl_h2, .box > .ttl_h1{
	background-color: #004117;
}

.box > .ttl_h2 h2, .box > .ttl_h1 h1{
	height: 89px;
	line-height: 89px;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
}

.box > .ttl_h2 h2 img, .box > .ttl_h1 h1 img{
	margin-right: 20px;
	margin-left: 19px;
}

.box > .ttl_h1 .inner{
	background-color: #0053A6!important;
	min-width: 1000px!important;
}

.box > .ttl_h2 .inner{
	background-color: #0053A6!important;
	min-width: 1000px!important;
}

#Sub .box > .list{
	padding-bottom: 40px !important;
}

.list{
	width: 940px;
	overflow: hidden;
	padding: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 16px;
	border-radius: 5px;
	border: 1px solid #E1E1E1;
	box-shadow: 0.5px 0.5px 4px #E8E8E8 inset;
}

.list h3{
	font-size: 18px;
	margin-bottom: 17px;
}
.list h3 img{
	margin-right: 21px;
}

.dl_toplist01{
	display: table;
	margin-bottom: 6px;
	padding-top: 13px;
	padding-bottom: 8px;
	border-top: 1px dotted #B4B4B4;
	border-bottom: 1px dotted #B4B4B4;
	width: 100%;
}

.dl_toplist01 dt{
	display: table-cell;
	vertical-align: middle;
	width: 198px;
	padding-left: 22px;
	font-size: 16px;
	font-weight: bold;
}

.dl_toplist01 dd{
	padding: 3px 0;
}

.dl_toplist01 dd li{
	display: inline;
}

.alert{
	background: url(../images/icon_alert.png) no-repeat 2px 4px;
	background-size: 18px 16px;
	padding-left: 28px;
}

.t_red{color: #ff0000!important;}
.t_red span{margin-right: 28px;}


/* bt　ボタン
--------------------------------------------------------- */

.bt{
	height: 61px;
	width: 310px;
	margin-top: 22px;
}

.bt_Box02 > .bt, .bt_Box03 > .bt{
	width: 300px!important;
}

.bt a{
	display: block;
	position: relative;
	font-size: 18px;
	color: #FFF;
	height: 61px;
	line-height: 61px;
	border-radius: 9px!important;
	text-align: center;
	text-decoration: none!important;
	font-weight: normal!important;
}

.bt a:after{
	position: absolute;
	display: block;
	top: 27px;
	left: 9px;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.bt a:hover{
	opacity: 0.7!important;
	display: block;
	transition: all 0.5s ease;
}

.bt a:hover:after{left: 15px; transition: all 0.5s ease;}

/* bt　ボタン 色*/
.bt_red{border-radius: 9px!important; background-color: #e73131; }
.bt_green{border-radius: 9px!important; background-color: #46a6a7;}
.bt_gray{border-radius: 9px!important; background-color: #848484}
.bt_purple{border-radius: 9px!important;}
.bt_yellow{border-radius: 9px!important;}

.bt_red a:hover, .bt_green a:hover, .bt_gray a:hover, .bt_purple a:hover, .bt_yellow a:hover{
	opacity: 0.7!important;
	transition: all 0.5s ease;
}

/* bt_s */
.bt_s{
	height: 40px;
	width: 70px;
}

.bt_s a{
	display: block;
	position: relative;
	font-size: 16px;
	color: #FFF;
	height: 40px;
	line-height: 43px;
	border-radius: 9px!important;
	text-align: center;
	text-decoration: none!important;
	font-weight: normal;
	padding-left: 14px;
}

.bt_s a:after{
	position: absolute;
	display: block;
	top: 17px;
	left: 9px;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.bt_s a:hover{
	opacity: 0.7!important;
	display: block;
	transition: all 0.5s ease;
}

.bt_s a:hover:after{
	left: 15px;
	transition: all 0.5s ease;
}


/* bt_Box */

.bt_Box01{}
.bt_Box01 p{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.bt_Box02, .bt_Box03{overflow: hidden;}

.bt_Box02{margin-top: 25px;}

.bt_Box02 p, .bt_Box03 p{
	float: left;
	margin-top: 0!important;
}

.bt_Box02 p:nth-child(2), .bt_Box03 p:nth-child(2){
	margin-left: 20px;
	margin-right: 20px;
}

.bt_Box04{
	text-align: center!important;
}

.bt_Box04 p{
	display: inline-block;
	text-align: center!important;
	width: 300px!important;
	margin: 0 20px!important;
}

.bt_Box05{margin-bottom: 34px;}
.bt_Box05 p{
	display: inline-block;
	text-align: center!important;
	width: 300px!important;
	margin: 0!important;
}

.bt_Box05 p:nth-child(1){margin-right: 40px!important;}


/* ==========================================================================
   footer
   ========================================================================== */

.pagetop {
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 56px;
	content: "";
	position: fixed;
	right: 10px;
	bottom: 80px;
	z-index: 999999;
}

#footer{
	overflow: hidden;
	margin-top: 45px;
	text-align: center;
	background: url(../images/bg_footer.png) repeat-x 0 0;
	min-width: 1000px;
}

#copyright{
	margin: 30px auto 15px auto;
}


/* ==========================================================================
   入試選択
   ========================================================================== */

.ttl_selection {
	font-size: 18px;
	border-bottom: 2px solid #24106F;
	padding-bottom: 7px;
}

.ttl_guide{
	margin: 16px 0 13px 21px;
		font-weight: bold;
}

.ttl_entryGuide{
	margin-top: 16px;
	margin-left: 21px;
	font-weight: bold;
}

.subject_type{
	color: #AAAAAA;
	margin: 9px 0 0 12px;
}

.ul_selection02 li{
	margin: 0 0 6px 0;
	padding: 7px 15px;
	background: url(../images/bg_info02.jpg) repeat 0 0;
}

.ul_selection01{
	overflow: hidden;
	width: 600px;
	margin: 23px 0 0 12px;
}

.ul_selection01 li{
	overflow: hidden;
	font-weight: bold;
}

.ul_selection01 li p{
	float: left;
	margin-left: 25px;
	margin-bottom: 15px;
	padding-top: 8px;
}
.ul_selection01 li div{
	float: right;
	font-weight: normal;
	margin-bottom: 15px;
}

.ul_guide{
	overflow: hidden;
	width: 800px;
	margin-left: 12px;
}

.ul_guide li{
	overflow: hidden;
	font-weight: normal;
}

.ul_guide li p{
	float: left;
	margin-left: 25px;
	margin-bottom: 15px;
}



.fee_Box{
	z-index: 0!important;
	margin-top: 21px;
	position: relative;
	padding-top: 28px;
	padding-bottom: 35px;
	background: url(../images/bg_info01.png) repeat 0 0;
}

.fee_Box:before{
	display: block;
	position: absolute;
	content: "";
	top: 5px;
	left: 5px;
	width: 920px;
	height : -webkit-calc(100% - 20px) ;
	height : calc(100% - 20px) ;
	padding: 5px;
	background-color: #FFF;
}

#selectionArea > .fee_Box{ margin-top: 50px;}
#cartArea > .fee_Box{ margin-bottom: 30px;}

.fee_Box ul{
	overflow: hidden;
	position: relative;
	margin: 5px 35px 30px;
	padding: 13px;
	font-size: 24px;
	color: #ff0000;
	font-weight: bold;
	background: url(../images/bg_info02.jpg) repeat 0 0!important;
}

.ul_fee_Box02{
	font-size: 24px;
	margin: 5px 35px 0 35px !important;
	padding: 8px 13px !important;
}

.fee_Box ul li{}
.fee_Box ul li:nth-child(odd){float: left;}
.fee_Box ul li:nth-child(even){float: right;}

.fee_Box > .bt_Box04{
	overflow: hidden;
	position: relative;
}

/* 入試選択 */

.attention{
    color: #FF0000;
    font-size: 18px;
    margin-left: 30px;
}

/* selectサイズ　formサイズ */
.select01{width: 338px;}
.select02{width: 258px;}
.select03{width: 418px;}
.select04{width: 320px;}
.select05{width: 90px;}
.select06{width: 60px;}

select{height: 36px; padding-left: 7px; font-weight: normal!important;}
input{height: 32px; padding-left: 7px; font-weight: normal!important;}

.form_shot{width: 128px;}
.form_shot02{width: 105px;}
.form_shot03{width: 90px;}
.form_shot04{width: 30px;}
.form_middle01{width: 258px;}
.form_middle02{width: 180px;}
.form_long01{width: 530px;}
.form_long02{width: 548px;}
.form_long03{width: 428px;}

input[type=radio] {vertical-align: middle;}


/* ==========================================================================
   入試検索
   ========================================================================== */

.dl_search{
	overflow: hidden;
	margin: 10px 0 20px 0;
}

.dl_search dt{
	float: left;
	clear : both;
	text-align: right;
	width: 85px;
	margin-bottom: 15px;
	padding-top: 8px;
	font-weight: bold;
}
/* 入試検索画面チェックボックスのタイトルの場合は上下の中央寄せは不要 */
.dl_search dt.dl_search_checkbox_title {
	padding-top: 0px;
}
.dl_search dd{
	width: 418px;
	text-align: left!important;
	font-weight: normal;
	margin-bottom: 15px;
	margin-left: 100px;
}

.dl_search dd p{
	margin-bottom: 5px;
}

.dl_search dd p input{
	 margin-right: 8px;
	 width: 17px;
	 height: 17px;
	 vertical-align: middle;
}
/* 大学様の要望により追加した入試検索のタイトル */
.ul_searchTitle{
	padding-left: 21px;
	padding-right: 14px;
	height: 64px;
	line-height: 64px;
	border-bottom: 2px solid #24016F;
	background: url(../images/bg_info03.jpg) repeat 0 0;
}

.ul_searchTitle span{
	font-weight: bold;
	margin-right: 16px;
}

.ul_searchTitle li:nth-child(odd){float: left;}
.ul_searchTitle li:nth-child(even){float: right;}

.ul_searchResult{
	padding-left: 21px;
	padding-right: 14px;
	height: 64px;
	line-height: 64px;
	border-bottom: 2px solid #24016F;
	/* bg_info02を使用していたが、ここだけ濃くしてほしいという大学様の要望 */
	background: url(../images/bg_info03.jpg) repeat 0 0;
}

.ul_searchResult span{
	font-weight: bold;
	margin-right: 16px;
}

.ul_searchResult li:nth-child(odd){float: left;}
.ul_searchResult li:nth-child(even){float: right;}

.div_search{
	padding-top: 9px;
	padding-left: 5px;
}

.div_searchComment{
	padding: 9px 11px;
	border-bottom: 1px dotted #b4b4b4;
}
.ul_searchList{
	 margin-bottom: 30px;
}
.ul_searchList li{
	border-bottom: 1px dotted #b4b4b4;
	padding: 9px 11px;
}

/* ==========================================================================
   出願内容確認
   ========================================================================== */

.info_txt{
	margin: 15px 0 20px 0;
	padding-top: 18px;
	padding-bottom: 18px;
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: 3px solid #ff0000;
}

#cartArea > .ttl_guide{
	font-weight: bold;
	margin: 0;
}

#cartArea .test_info > .ttl_testGuide{
	margin: 18px 0 13px 12px;
	font-weight: bold;
}

.test_info{
	position: relative;
}

.test_info .dl_cart01 dd> p.bt{
	position: absolute;
	top: -29px;
	right: 0;
	display: inline-block;
}

.dl_cart01{
	margin: 0 0 27px;
}

.dl_cart01 dt{
	margin: 15px 0px;
	padding-left: 12px;
	padding-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_cart01 dd{
	margin: 11px 0 13px 12px;
}

/* ==========================================================================
   個人情報の入力
   ========================================================================== */

#step_Box{
	overflow: hidden;
	margin-bottom: 18px;
	margin-right: -23px;
}

#step_Box li{
	position: relative;
	float: left;
	display: table;
	box-sizing: border-box;
	margin-right: 23px;
	font-size: 16px;
	font-weight: bold;
	width: 95px;
	text-align: center;
	margin-bottom: 20px;
}

#step_Box li:last-child:before{border: none;}

#step_Box li:nth-child(8):before{border: none;}
#step_Box li:nth-child(8){ margin-right: 0!important;}

#step_Box li:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 46%;
	right: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #1d2c3c;
}

#step_Box li.active{
	background-color: #24106f;
	color: #FFF;
}

#step_Box li span{
	display: table-cell;
	border: 3px solid #24106f;
	padding-top: 18px;
	padding-bottom: 15px;
	vertical-align: middle;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 56px;
}

#extension, #reduction{
	line-height: 61px;
	text-align: center;
	text-decoration: none!important;
	font-weight: normal!important;
	cursor:default;
}

/* form_photoBox */
.form_photoBox{
	float: right;
	width: 188px;
	margin-left: 32px;
}

.form_photoBox img{
	 width: 188px;
	 height: 188px;
	 border-radius: 3px;
}

.form_photoBox p{
	width: 188px;
	margin-top: 10px;
}

/* 個人情報の入力 form */
.form_infoBox{
	width: 720px;
	font-weight: bold;
	font-size: 16px;
}

/* 必須 */
.required{
	color: #FFF;
	margin-left: 10px;
	background-color: #FF0000;
	border-radius: 3px;
	font-size: 12px;
	padding: 0 5px;
	vertical-align: middle;
}

/* dl_form01 */
.dl_form01 dt{
	float: left;
	clear:left;
	width: 115px;
	text-align: right;
	margin-right: 22px;
	padding-top: 8px;
}
.dl_form01 dd{
	margin-left: 147px;
	padding-bottom: 25px;
}
.dl_form01 dd .namae{
	display: inline-block;
	margin-right: 7px;
	text-align: right;
	width: 33px;
}
.dl_form01 dd input{margin-right: 28px;}

/* dl_form02 */
.dl_form02 dt{
	float: left;
	clear:left;
	width: 150px;
	text-align: right;
	margin-right: 22px;
	padding-top: 8px;
}
.dl_form02 dd{
	margin-left: 180px;
	padding-bottom: 25px;
}
.dl_form02 dd span{
	margin-left: 7px!important;
	margin-right: 2px!important;
	padding-top: 7px;
}
.dl_form02 > .form_txt01 > .required{
 	vertical-align: 11px!important;
}
.apartment_name{
	display: inline-block;
}

/* dl_form03 */
.dl_form03{margin-left: 19px;}
.dl_form03 dd{
	margin: 10px 0 0 0;
	padding-bottom: 5px;
}

/* dl_form04 */
.dl_form04{margin: 22px 0 25px 36px;}
.dl_form04 dd{
	margin: 15px 0 0 0;
}

/* dl_form05 */
.dl_form05{margin: 0 19px 20px 36px;}
.dl_form05 dt{
	margin: 25px 0 0;
}
.dl_form05 dd{
	padding-top: 5px;
	margin-left: 0;
	font-weight: normal;
}

/* dl_form06 */
.dl_form06{
	margin-top: 20px;
	margin-bottom: 0px;
}
.dl_form06 dd{
	margin: 10px 0 0 0;
}

/* dl_form07 */
.dl_form07{margin-top: 25px;}
.dl_form07 dt{
	position: relative;
	float: left;
	clear:left;
	width: 200px;
	margin-right: 22px;
	padding-top: 8px;
}
.dl_form07 dd{
	margin-left: 222px;
	padding-bottom: 27px;
}
.dl_form07 > .form_txt01 > .required{
	position: absolute;
	top: 15px;
	right: 26px;
}

/* dl_form08 */
.dl_form08{margin-top: 27px;}
.dl_form08 dt{
	position: relative;
	float: left;
	clear:left;
	width: 260px;
	margin-right: 22px;
	padding-top: 8px;
}
.dl_form08 dd{
	margin-left: 282px;
	padding-bottom: 27px;
}
.dl_form08 dd:last-of-type{padding-bottom: 11px;}
.dl_form08 > .form_txt01 > .required{
	position: absolute;
	top: 15px;
	right: 26px;
}

/* dl_form09 */
.dl_form09{margin: 0 0 40px 0;}
.dl_form09 dt{margin-bottom: 20px;}
.dl_form09 dd{margin: 10px 0 25px 0;}
.dl_form09 dd input{margin-left: 29px;}

/* radio */
.list_radio{
	padding: 0 0 25px 0;
	margin: 0;
}
.list_radio li {float: left;}
.list_radio label {
	font-weight: normal;
	margin-right: 17px;
	padding: 0;
}
.list_radio li input{border: none; margin-right: 2px;}

/* 生年月日 */
.dl_form01 dd.f_birthday > input{margin-right: 0!important;}

.birthday{
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
}

.japanese_calendar{
	font-weight: normal;
	margin-left: 5px;
	display: inline-block;
}

/* 郵便番号 */
.f_postal li{float: left;}
.f_postal li:nth-child(1) input{margin-right: 0;}
.f_postal li:nth-child(2){
	margin-left: 9px!important;
	margin-right: 9px!important;
	padding-top: 7px;
}

.form_sub h3{
	position: relative;
	padding-left: 14px;
	padding-bottom: 6px;
	margin: 9px 0 12px;
	border-bottom: 1px dotted #b4b4b4;
}

.form_sub h3:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #1d2c3c transparent transparent transparent;
 }

.form_sub p{margin: 9px 0 9px 0;}

.personal_infoBox02{font-weight: bold;}

.personal_infoBox02 h2{
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid #24016F;
}

.personal_infoBox02 p{margin: 15px 0 0 19px;}

.alma_mater{
	margin: 19px 0 18px 0;
	font-weight: normal;
}
.alma_mater li{
	float: left;
	margin-bottom: 13px;
}

.alma_mater li:nth-child(odd){width: 204px;}
.alma_mater li:nth-child(even){width: 720px;}

.highSchool_Search{margin: 0 0 0 36px;}
.highSchool_Search li{float: left;}
.highSchool_Search li select{
	width: 178px;
	margin: 10px 33px 0 15px;
}

.form_txt01{padding-top: 0px!important; margin-top: -5px;}
.form_txt02{text-indent: 10px; margin-bottom: 20px!important; }
.form_txt04{padding-top: 0px!important; margin-top: -10px;}


/* 住所を探す */

.find_address01{
	position: relative;
	margin-top: -10px;
	margin-bottom: 25px;
	border-top: 1px dotted #b4b4b4;
}

.find_address01 > .dl_form02, .find_address02 > .dl_form02{
	margin-top: 32px;
}

.find_address01 > .bt, .find_address02 > .bt{
	position: absolute;
	right: 0;
	top: 0;
	width: 240px;
	text-indent: 15px;
}

.find_address01 p:first-of-type{
	margin-top: 40px;
}

.find_address02{
	position: relative;
	margin-top: 30px;
	margin-bottom: 25px;
	border-top: 1px dotted #b4b4b4;
}

.find_address02 p:first-of-type{
	margin-top: -20px;
}

/* アコーディオン */
.accordion h3{
	position: relative;
	margin: 9px 0 12px;
	border-bottom: 1px dotted #b4b4b4;
	display: block;
	padding: 6px 0 6px 29px;
	cursor:pointer;
}

.accordion h3:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #1d2c3c;
 }

.accordion h3.active:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #1d2c3c transparent transparent transparent;
 }

.accordion h3.over {
	 background-color: #f1f1f1;
	 border-bottom: 1px dotted #b4b4b4;
}

.accordion h3.active{
	background-color: #f1f1f1 !important;
}

.product_accordion ul{
	position: relative;
	margin: 9px 0 12px;
	display: block;
	cursor:pointer;
}

.product_accordion ul:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 27px;
	left: 900px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #1d2c3c;
}

.product_accordion ul.active:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 27px;
	left: 900px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #1d2c3c transparent transparent transparent;
}

.accordion_panel{
	display: none;
}

.accordion_panel p.note{
	margin-left: 36px;
}

/* ==========================================================================
   個人情報照会
   ========================================================================== */

.form_checkBox{
	width: 720px;
	font-size: 16px;
	margin-bottom: 10px;
}

.form_checkBox dl{
	padding: 23px 0;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.form_checkBox dt{
	width: 112px;
	float: left;
	clear: left;
	text-align: right;
	font-weight: bold;
	padding-right: 32px;
}

.form_checkBox dd{
	margin-left: 142px;
}

.form_checkBox dl:last-child{border-bottom: none;}

.personal_checkBox02 h2{
	font-size: 18px;
	padding-bottom: 8px;
	padding-left: 11px;
	border-bottom: 2px solid #24016F;
}

.alma_mater02{
	margin: 19px 0 18px 11px;
	font-weight: normal;
}
.alma_mater02 li{
	float: left;
	margin-bottom: 15px;
}

.alma_mater02 li:nth-child(odd){width: 207px;}
.alma_mater02 li:nth-child(even){width: 720px;}

/* dl_formCheck01 */
.dl_formCheck01{margin: 22px 0 30px 11px;}

.dl_formCheck01 dt{
	display: block;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #b4b4b4;
}
.dl_formCheck01 dd{
	margin-left: 0;
	margin-bottom: 25px;
}

/* dl_formCheck02 */
.dl_formCheck02{margin: 0 0 30px 11px;}

.dl_formCheck02 dt{
	font-weight: bold;
	margin-bottom: 16px;
}
.dl_formCheck02 dd{
	margin-left: 0;
	margin-bottom: 20px;
}

.dl_formCheck02 dd span{
	font-weight: bold;
	margin-right: 36px;
}


/* ==========================================================================
   出願完了
   ========================================================================== */

.info_txt02{
	margin: -17px 0 20px 0;
	padding-top: 21px;
	padding-bottom: 21px;
	font-size: 18px;
	text-align: center;
	border: 3px solid #ff0000;
}

.flow_Box ul{
	margin: 10px 0 28px 0;
}

.flow_Box ul{
	display: table;
	margin: 10px 0 28px 0;
	width: 100% !important;
}

.flow_Box ul li{
	border-bottom: 1px dotted #b4b4b4;
}

.flow_img, .flow_txt{
	display: table-cell;
  	vertical-align: middle;
 }

.flow_img img{
	max-width: 55px;
	width: 55px;
	height: 55px;
	margin-top: 14px;
	margin-bottom: 14px;
}

.flow_txt{
	padding-left: 17px;
	font-size: 18px;
	font-weight: bold;
}

.flow_pay{
	padding-top: 18px;
	padding-bottom: 22px;
	border-top: 1px dotted #b4b4b4;
}

.flow_pay table{
	width: 373px;
	text-align: left;
}

.flow_pay table th{
	width: 116px;
	padding: 9px 9px;
	font-weight: normal;
	border: 1px solid #9B9B9B;
}

.flow_pay table td{
	padding: 9px 9px;
	border: 1px solid #9B9B9B;
}

.flow_pay > .bt{
	display: inline-block;
	margin-right: 11px;
	margin-bottom: 14px;
	margin-top: 18px;
}

.flow_Box ul li:nth-child(2) > .bt_Box01 .bt{
	margin-top: 0;
	margin-bottom: 0px;
}

/* ==========================================================================
   入力内容の確認
   ========================================================================== */

#personal_confirmationArea > .ttl_guide{
	font-weight: bold;
	margin: -12px 0 26px 0;
	font-size: 18px;
}

#personal_confirmationArea > .ttl_testGuide{
	margin: 18px 0 13px 0;
	font-weight: bold;
}

/* dl_check */
.dl_check{
	margin: 0 0 27px;
}

.dl_check dt{
	position: relative;
	margin: 15px 0px;
	padding-left: 12px;
	padding-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_check dt p{
	position: absolute;
	top: -38px;
	right: 0;
	display: inline-block;
}

.dl_check dd{
	margin: 11px 0 13px 12px;
}

/* entry_checkBox */
.entry_checkBox{
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.entry_checkBox dl{
	padding: 23px 0;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.entry_checkBox dt{
	width: 146px;
	float: left;
	clear: left;
	text-align: right;
	font-weight: bold;
	padding-right: 32px;
}

.entry_checkBox dd{
	margin-left: 180px;
}

.entry_checkBox dl:last-child{border-bottom: none;}

/* アンケート */
.enquete_Box{}

.enquete_Box dl{}

.enquete_Box dl dt{
	padding: 5px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

.enquete_Box dl dd{
	margin: 10px 0 20px 0;
}

/* ==========================================================================
   出願情報詳細
   ========================================================================== */

#application_detailsArea > .info_txt{margin: 0 0 20px;}

#application_detailsArea > .ttl_testGuide{
	margin: 18px 0 13px 0;
	font-weight: bold;
}

/* apply_detailsBox */
.apply_detailsBox{
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 45px;
}

.apply_detailsBox dl{
	position: relative;
	height: 87px;
	line-height: 87px;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.apply_detailsBox dt{
	width: 90px;
	float: left;
	clear: left;
	text-align: left;
	font-weight: bold;
}

.apply_detailsBox dd{
	margin-left: 90px;
}

.apply_detailsBox dd div{
	display: inline-block;
	vertical-align:middle;
	position: absolute;
	right: 320px;
	top: -9px;
}

.apply_detailsBox > .bt_Box04{
	margin-top: 24px !important;
}

/* ==========================================================================
   受験情報詳細
   ========================================================================== */

#exam_detailsArea .exam_ticketBox > .ttl_testGuide{
	margin: 18px 0 13px 0;
	padding-bottom: 6px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

/* exam_detailsBox01 */
.exam_detailsBox01{
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: -5px;
}

.exam_detailsBox01 dl{
	padding: 14px 0;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.exam_detailsBox01 dl:first-child{padding: 0 0 14px 0;}

.exam_detailsBox01 dt{
	width: 94px;
	float: left;
	clear: left;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}

.exam_detailsBox01 dd{
	margin-left: 94px;
}

.exam_detailsBox01 > .bt_Box04{
	margin-top: 26px;
	margin-bottom: 43px;
}

.examRecord_rank{
	margin: 15px 0px 20px 54px;
	font-size: 18px;
	font-weight: bold;
}

.examRecord_rule{
	margin-left: 40px;
}

/* dl_check */
.dl_ticket{
	margin: 0 0 15px;
}

.dl_ticket dt{
	position: relative;
	margin: 15px 0px;
}

.dl_ticket dd{
	margin: 11px 0 13px 12px;
}

#exam_detailsArea .exam_ticketBox > .info_txt:first-of-type{
	margin: 20px 0 17px!important;
}

/* exam_detailsBox02 */
.exam_detailsBox02{
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 26px;
}

.exam_detailsBox02 dl{
	padding: 14px 0;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.exam_detailsBox02 dt{
	width: 156px;
	float: left;
	clear: left;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}

.exam_detailsBox02 dd{
	margin-left: 156px;
}

/* ==========================================================================
   会員登録
   ========================================================================== */

/* dl_mailAddress */
.dl_mailAddress{
	overflow: hidden;
	margin: 24px 0 29px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_mailAddress dt{
	float: left;
	clear : both;
	text-align: left;
	width: 165px;
	font-weight: bold;
}
.dl_mailAddress dd{
	/* メールアドレスに文書の意味合いはないので強制的に折り返す。 */
	word-break: break-all;
}

.dl_membership dd{
	font-weight: normal;
	margin-left: 165px;
}

/* dl_membership */
.dl_membership{
	overflow: hidden;
}

.dl_membership dt{
	float: left;
	clear : both;
	text-align: left;
	width: 165px;
	margin-bottom: 24px;
	padding-top: 8px;
	font-weight: bold;
}
.dl_membership dd{
	font-weight: normal;
	margin-bottom: 24px;
	margin-left: 165px;
}

.dl_membership dt:last-of-type, .dl_membership dd:last-of-type{margin-bottom: 15px;}

.mail_rule{
	text-align: center;
}

/* ==========================================================================
   マイページログイン
   ========================================================================== */

.ttl_guide02{font-weight: bold; margin: 0;}

/* dl_formLCon */
.dl_formLCon{
	overflow: hidden;
	padding-top: 24px;
}

.dl_formLCon dt{
	float: left;
	clear : both;
	text-align: left;
	width: 185px;
	margin-bottom: 24px;
	padding-top: 8px;
	font-weight: bold;
}
.dl_formLCon dd{
	font-weight: normal;
	margin-bottom: 24px;
}

#loginArea > .dl_formLCon{
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

#loginArea > .dl_formLCon dt{width: 145px;}

/* ul_login */
.ul_login{
	text-align: center;
	margin: 27px auto 0 auto !important;
}

.ul_login li{
	display: inline-block;
	margin: 0 13px;
}

.ul_login li a{
	font-weight: bold;
	font-size: 16px;
}

.ul_login li a:hover{
	text-decoration: none!important;
}


/* ==========================================================================
   マイページログイン
   ========================================================================== */

/* rule */
#rule {
	height: 180px;
	width: 850px;
    padding: 25px;
	margin: 20px 20px;
    overflow-y:scroll;
    border: 1px solid #DADADA;
}

.rule_consent{
	text-align: center;
	margin-bottom: 29px;
}

.rule_consent label{
	margin-right: 13px;
}


/* ==========================================================================
   パスワード . メールアドレス 設定
   ========================================================================== */

#passwordArea > .ttl_guide, #mailArea > .ttl_guide{
	font-weight: bold;
	margin: 0;
}

/* dl_mailMessage , dl_passwdMessage */
.dl_mailMessage, .dl_mailMessage02, .dl_passwdMessage{
	overflow: hidden;
	margin: 0;
	font-weight: bold;
}

.dl_mailMessage02{
	margin-top: 10px;
	padding: 20px 0;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_mailMessage dt, .dl_mailMessage02 dt, .dl_passwdMessage dt{
	text-align: left;
}

.dl_mailMessage dd, .dl_mailMessage02 dd, .dl_passwdMessage dd{
	margin-left: 0;
	/* メールアドレスに文書の意味合いはないので強制的に折り返す。 */
	word-break: break-all;
}

.dl_mailMessage02 dd:first-of-type{
	margin-bottom: 14px;
}

/* dl_mail */
.dl_mail{
	overflow: hidden;
	margin-bottom: 25px;
	padding-top: 24px;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_mail dt{
	float: left;
	clear : both;
	text-align: left;
	width: 230px;
	margin-bottom: 24px;
	padding-top: 8px;
	font-weight: bold;
}

.dl_mail dd{
	font-weight: normal;
	margin-bottom: 24px;
	margin-left: 230px;
}

/* dl_passwd */
.dl_passwd{
	overflow: hidden;
	margin-bottom: 25px;
	padding-top: 24px;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_passwd dt{
	float: left;
	clear : both;
	text-align: left;
	width: 180px;
	margin-bottom: 24px;
	padding-top: 8px;
	font-weight: bold;
}
.dl_passwd dd{
	font-weight: normal;
	margin-bottom: 24px;
}

.finish_message{
	margin-top: 15px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

/* ==========================================================================
   支払方法の選択
   ========================================================================== */

.payment_choiceBox{
	margin-top: 63px;
}

.payment_choiceBox h2{
	height: 55px;
	line-height: 55px;
	padding-left: 21px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #24106f;
}

.payment_choiceBox > .ttl_guide{
	font-weight: normal;
	margin: 0 0 0 3px;
	line-height: 30px;
}

.payment_choiceBox .pay_choice:first-of-type{
	margin-top: 10px;
}

.pay_choice{
	border: 3px solid #24106f;
	margin-bottom: 30px;
}

.pay_choice ul{
	margin: 18px 18px 30px 18px;
}

.pay_choice ul li label{
	font-weight: bold;
}

.pay_choice input[type=radio] {
	border: none;
}

/* ul_paymen01 */
.ul_payment01 li label{
	display: inline-block;
	width: 115px !important;
}

.ul_payment01 li img{
	vertical-align: middle;
	margin-bottom: 10px;
}

.ul_payment01 li:nth-child(4){
	margin-top: 10px;
}

/* ul_paymen02 */
.ul_payment02 li{
	margin-top: 25px;
}

.ul_payment02 li p{
	margin: 3px 0 19px 20px;
}

.ul_payment02 li img{
	margin-right: 22px;
}

/* ul_paymen03 */
.ul_payment03 li{
	margin-top: 25px;
}

.ul_payment03 li p{
	margin: 29px 0 0 20px;
}

.ul_payment03 li img{
	margin-left: 13px;
}

.ul_payment03 .ttl_payment{
	display: inline-block;
}

/* ul_paymen04 */
.ul_payment04 li{
	margin-top: 25px;
}

.ul_payment04 li p{
	margin: 15px 0 19px 20px;
}

.ul_payment04 li p:last-of-type{
	margin-top: 35px;
}

.ul_payment04 li img{
	margin-right: 22px;
}

/* dl_card01 */
.dl_card01{
	margin: 30px 18px 0 18px;
}

.dl_card01 dt{
	font-weight: bold;
}

.dl_card01 dd{
	margin: 5px 0 0 0;
	padding-bottom: 28px;
}

.dl_card01 dd img{
	margin-top: 18px;
}

/* fee_Box */

.deadline{
	color: #FF0000;
	overflow: hidden;
	position: relative;
	font-size: 18px;
	margin: 15px auto 0 auto;
	text-align: center;
	font-weight: bold;
}

#personal_completionArea .payment_choiceBox > .fee_Box ul{
	font-size: 18px;
	margin-bottom: 20px;
}

#personal_completionArea .payment_choiceBox > .fee_Box{
	margin-bottom: 27px;
	padding-bottom: 20px;
}

/* 最終確認画面用fee_Box */
#personal_completionArea .entry_checkBox > .fee_Box ul{
	font-size: 18px;
	margin-bottom: 20px;
}

#personal_completionArea .entry_checkBox > .fee_Box{
	margin-bottom: 27px;
	padding-bottom: 20px;
}

/* ==========================================================================
   合否の確認
   ========================================================================== */

.pass_view{
	color: #FF0000;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
}

/* ==========================================================================
   入試選択
   ========================================================================== */

li.li_selection02{
	border-radius: 9px!important;
	border:solid;
}
li.li_selection02:hover{
	opacity: 0.7!important;
	display: block;
	transition: all 0.5s ease;
}
/*PC min-width:769px*/}

.apply_detailsBox div.ex_01,
.ex_01 {
	position: relative;
	left: -5.5%;
}

/* ==========================================================================
   メンテナンスページ
   ========================================================================== */
#meintenance .errMes{
	font-size:21px;
	font-weight:bold;
	text-align:center;
	line-height:1.6;
	margin:0 0 10px 0;
}
#meintenance .errMes02{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#meintenance .backBtn{
	width:200px;
	text-align:center;
	margin:40px auto 0 auto;
}
#meintenance .backBtn a{
	color:#fff;
	text-decoration:none !important;
	background:#848484;
	border-radius:6px;
	display:block;
	padding:10px 0;
}
