/***************************************
success.css
***************************************/

/* success top
============================ */
.success_appeal_box {
	border: 1px solid #dddddd;
	margin-bottom: 30px;
	background-color: #0058ad;
	color: #ffffff;
	position: relative;
}
.success_appeal_box .inner {
	padding: 25px 25px 20px 50px;
}
.success_appeal_box:hover {
	opacity: 0.3;
}
.success_appeal_box p {
	margin-bottom: 5px;
}
#main_content .success_appeal_box p {
	line-height: 1.4;
}
.success_appeal_box .appeal_ttl .success_year {
	font-size: 180%;
	font-family: "A1 Mincho";
	letter-spacing: 2px;
}
.success_appeal_box .appeal_summary {
	font-family: "A1 Mincho";
	font-size: 188.6%;
    letter-spacing: 2px;
	margin-bottom: 15px;
	}
.success_appeal_box .appeal_summary .success_per {
	font-size: 138.9%;
}
.success_appeal_box .more_detail {
	text-align: right;
	margin-top: 5px;
}
.success_appeal_box .txt{
	background: url(../../common/images/arrow_right_white.png) no-repeat left center;
	padding: 4px 0 2px 18px;
	color: #ffffff;
}
.success_appeal_box .box_link {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
}


/* success detail
============================ */
.border_box .page_link li {
	float: left;
	margin-right: 20px;
}
.border_box .page_link li:last-child {
	margin-right: 0;
}
.caption_txt + .note_list {
	margin-top: 1em;
}
.success_data_box {
	border: 1px solid #dddddd;
	padding: 30px 35px;
	margin-top: 20px;
}
.success_data_box .h3section {
	width: 280px;
	margin-top: 0;
}
.success_data_box .h3section:first-of-type {
	float: left;
}
.success_data_box .h3section:last-of-type {
	float: right;
}
.success_data_box .h3ttl {
	margin-top: 0;
}
.success_data_box .percentage {
	font-size: 185.714%;
	margin-bottom: 0.5em;
	color: #8b0910;
}
#main_content .success_data_box .percentage {
	line-height: 1.2;
}
.success_data_box .school_data {
	line-height: 1.4;
}
.success_data_box .school_data dt {
	font-weight: bold;
}
.success_data_box .school_list {
	line-height: 1.4;
}
.success_data_box .super_global {/*「スーパーグローバル大学とは」囲み 20150402 追記*/
	width:600px;
	height:auto;
	padding-top:170px;
	margin-top:15px;
}

/* success 01〜
============================ */
.success_leftright:after { content: ""; display: block; clear: both; }
.success_leftright .between {
	width: 60px;
	float: left;
	font-size: 60px;
	/*color: #f08300;*/
	color: #63b8eb;
	text-align: center;
	padding: 25px 0 0 0;
	/*padding: 100px 0 0 0;*/
}
.success_leftright .chara {	width: 310px; font-size: 14px; float: left; }
.success_leftright .chara img {
	float: left;
	width: 100px;
	margin: 0 10px 10px 0 ;
}
.success_leftright .chara span { display: block; }
.success_leftright .chara:first-of-type span:nth-of-type(1) { font-size: 14px; margin-bottom: 15px; }
.success_leftright .chara:first-of-type span:nth-of-type(2) { font-size: 12px; }
.success_leftright .chara:first-of-type span:nth-of-type(3) { font-size: 20px; font-family: "A1 Mincho"; }
.success_leftright .chara:last-of-type span:nth-of-type(1) { font-size: 34px; margin: 10px 0; color: #63b8eb;  font-family: "A1 Mincho"; }
.success_leftright .chara:last-of-type span:nth-of-type(2) { font-size: 14px; }
.success_leftright .chara:last-of-type span:nth-of-type(3) { font-size: 20px; font-family: "A1 Mincho"; }
.success_leftright .chara .text {
	clear: both;
	border-top: 1px solid #f08300;
}
.success_leftright .chara:first-of-type .text {
	width: 100%;
	font-size: 18px;
	line-height: 42px;
	display: inline-block;
	background: url(../images/success/text-line.png);
}
.success_leftright .chara:last-of-type .text {
	font-size: 12px;
	line-height: 1.6em;
	border-bottom: 1px solid #f08300;
	padding: 5px 0;
}
.success_leftright .w_row_chara {
	clear: both;
}
.success_leftright .w_row_chara img{
	width: 75px;
}
.success_leftright .chara:last-of-type .w_row_chara span:nth-of-type(1) {
    margin: 0 0 10px;
}

.border_text {
	font-family: "A1 Mincho";
	clear: both;
	width: 100%;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 18px;
	line-height: 42px;
	display: inline-block;
	background: url(../images/success/text-line_blue.png);
}


.success_grayback {
	background: #efefef;
	padding: 20px;
}
.success_grayback h2 { margin: 0 0 20px 0; }
.success_grayback:after { content: ""; display: block; clear: both; }
.success_grayback .box {
	width: 220px;
	float: left;
	padding: 0 10px;
	margin-bottom: 15px;
}
.success_grayback .box:first-of-type {
	width: 210px;
	padding: 0 10px 0 0;
	/*border-right: 1px solid #f08300;*/
	border-right: 1px solid #63b8eb;
	float: left;
}
.success_grayback .box:last-of-type {
	width: 210px;
	padding: 0 0 0 10px;
	/*border-left: 1px solid #f08300;*/
	border-left: 1px solid #63b8eb;
	float: right;
}
.success_grayback .w_col.box:last-of-type {
	width: 420px;
	padding: 0 0 0 0px;
	/*border-left: 1px solid #f08300;*/
	border-left: none;
}
.success_grayback .half_box.box:first-of-type {
	width: 320px;
}

.success_grayback .half_box.box:last-of-type {
	width: 320px;
	padding: 0 0 0 10px;
	border-left: none;
}


.success_grayback .box img { margin: 0 0 10px 0; }
.success_grayback .box span { font-size: 18px; color: #63b8eb; font-family: "A1 Mincho"; display: block; margin: 0 0 10px 0; }
.success_grayback .box p { font-size: 12px; margin: 0; line-height: 1.4em !important; }
.success_grayback span.mini { font-size: 12px; display:block; clear:both; }
.success_grayback .box span.student_comment { font-size: 12px; color: #666; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif; display: block; margin: 10px 0 10px 0; }


/* message
============================ */
.message_row_box {
	margin-top: 20px;
}
.message_box .student_list li {
	float: left;
	width: 192px;
	margin-right: 52px;
}
.message_box .student_list li:last-child {
	margin-right: 0;
}
.message_box .student_list li img {
	border: 1px solid #dddddd;
}
.message_box .student_list .profile_block {
	margin-bottom: 5px;
}
.message_box .student_list .profile {
	margin-top: 10px;
}
.message_box .student_list .profile dt {
	font-weight: bold;
}
.message_box .student_list .profile .name {
	font-weight: bold;
}
.message_box .student_list .show_message {
	margin-bottom: 0;
}
.message_box .student_list .show_message a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../common/images/link_arrow_down_blue.png) no-repeat 20px center;
	border: 2px solid #0075c2;
	padding-left: 20px;
	text-align: center;
}
.message_box .student_list .show_message a:hover {
	background-image: url(../../common/images/link_arrow_down_white.png);
	color: #ffffff;
	background-color: #0075c2;
}
.message_box .student_list .show_message a.opened {
	background: url(../../common/images/link_arrow_up_white.png) no-repeat 20px center #0075c2;
	color:#ffffff
}
.message_box .student_list .show_message a.opened:hover {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
}
.message_box .message_detail {
	background-color: #0075c2;
	color: #ffffff;
	padding: 15px 20px;
	position: relative;
	margin-top: 15px;
	display: none;

}
.message_box .message_detail:before {
	border-bottom: 11px solid #0075c2;
	border-right: 12.5px solid transparent;
	border-left: 12.5px solid transparent;
	bottom: 100%;
	content: "";
	display: block;
	position: absolute;
}
.message_box .message_detail.left_message:before {
	left: 85px;
}
.message_box .message_detail.center_message:before {
	left: 328px;
}
.message_box .message_detail.right_message:before {
	right: 85px;
}
.message_box .message_detail p {
	margin-bottom: 0;
}

.other_voice_link.s_message {
	margin-bottom: 60px;
	overflow: hidden;
}
.other_voice_link.s_message .other_voice_link_list li a {
    display: block;
    padding: 10px 20px 10px 10px;
	font-size: 128.571%;
    background: url(../../common/images/link_arrow_right_blue.png) no-repeat 200px center;
}
.other_voice_link.s_message .other_voice_link_list li a.active_univ {
    background-image: url(../../common/images/link_arrow_right_white.png) ;
    background-color: #0075c2;
    color: #ffffff;
}
.other_voice_link.s_message .other_voice_link_list li a.active_univ:hover {
    background: url(../../common/images/link_arrow_right_blue.png) no-repeat 200px center;
    background-color: #FFF;
    color: #0075c2;
}