@charset "UTF-8";

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

	清光学園 受験生NAVI [先輩からのメッセージCSS]
	/common/css/message.css

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

/* ==================================================
	content_wrap
================================================== */

#message #content_wrap {
	background: url(../images/bg_under.png) center top repeat-x;
}

@media screen and (min-width: 741px) {
#message #content_wrap #title_bg {
	background: url(../../message/images/title_bg.png) center top no-repeat;
}
#message #content_wrap #title_bg #content #main_col_bg {
	background: url(../images/content_bg.png) center top no-repeat;
}
#message #content_wrap #title_bg #content #main_col_bg #main_col {
	background: none;
	width: auto;
	float: none;
}
#message #content_wrap #content h1 {
	height: 164px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
}

@media screen and (max-width: 740px) {
#message #content_wrap #title_bg #content #main_col_bg {
	background: #fff;
}
#message h1 img {
	width: 100%;
	height: auto;
}
}


/* ==================================================
	タブ
================================================== */

#message #tab {
	width: 880px;
	margin: 0 auto;
}
#message #tab li {
	float: left;
	width: 50%;
}
#message #tab li a {
	display: block;
	width: 440px;
	height: 53px;
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
@media screen and (min-width: 741px) {
#message #tab li.select a {
	background-position: center bottom;
}
}
#message #tab li#tab_u a { background-image: url(../../message/images/tab_u.png); }
#message #tab li#tab_c a { background-image: url(../../message/images/tab_c.png); }

#message .box {
	width: 880px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 50px;
}
#message .box.hide { display: none; }
#message .box .img_l {
	margin-top: 20px;
	text-align: right;
	font-size: 85%;
}
#message .box .img_l img {
	margin-bottom: 5px;
}

@media screen and (max-width: 740px) {
#message #tab {
	width: auto;
	margin: 0 1em;
	padding-top: 2em;
}
#message #tab li a {
	display: block;
	width: 100%;
	background-size: 100% auto;
}
#message #tab li#tab_u a { background-image: url(../../message/images/tab_u_sp.png); }
#message #tab li#tab_c a { background-image: url(../../message/images/tab_c_sp.png); }
#message #tab li#tab_u.select a { background-image: url(../../message/images/tab_u_on_sp.png); }
#message #tab li#tab_c.select a { background-image: url(../../message/images/tab_c_on_sp.png); }

#message .box {
	width: auto;
	margin: 0 1em;
	padding-top: 1em;
	padding-bottom: 0;
}
#message .box h2 {
	margin: 0 0 1em 0;
}
}


/* ==================================================
	大学
================================================== */

#message .box#box_u .comment {
	float: left;
	width: 630px;
	padding-top: 20px;
}
#message .box .name {
	border-top: solid 1px #799fe9;
	border-bottom: solid 1px #799fe9;
	padding: 8px 0;
	margin-bottom: 20px;
}
#message .box .name table th,
#message .box .name table td {
	vertical-align: middle;
	padding-right: 15px;
}
#message .box .name table th {
	font-size: 131%;
	white-space: nowrap;
	border-right: solid 1px #799fe9;
}
#message .box .name table td {
	font-size: 85%;
	padding-left: 15px;
}
#message .box#box_u .img_s {
	float: right;
	width: 217px;
	padding-top: 30px;
}
#message .box#box_u .img_s img {
	margin-bottom: 10px;
}
#message #content_wrap #content h2.h2_c {
	color: #7aa0ea;
	font-size: 160%;
	margin-bottom: 0.75em;
	padding-bottom: 0;
	font-weight: normal;
	line-height: 1.5em;
}
#message .box .name_b {
	clear: both;
	margin-top: 30px;
}


@media screen and (max-width: 740px) {
#message .box#box_u .comment {
	float: none;
	width: auto;
	padding-top: 30px;
}
#message .box#box_u img#u_h2_01 {
	max-width: 80%;
}
#message .box#box_u .img_s {
	float: none;
	width: auto;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 2em;
}
#message .box#box_u .img_s img {
	max-width: 48%;
	margin: 0 1% 0 0;
}
#message #content_wrap #content #box_u h2.h2_c {
	color: #7aa0ea;
	font-size: 125%;
	margin-bottom: 0.75em;
	padding-bottom: 0;
	font-weight: normal;
	line-height: 1.5em;
	margin-top: -1.5em;
}
#message .box .name_b {
	margin-top: -1em;
}
}


/* ==================================================
	短大
================================================== */

#message #box_c .cassette_box {
	margin-bottom: 50px;
}
#message #box_c .cassette_box .cassette {
	width: 402px;
	margin-top: 30px;
}
#message #box_c .cassette_box .cassette h3,
#message .detail_box h3 {
	color: #7aa0ea;
	font-size: 160%;
	margin-bottom: 0.75em;
	padding-bottom: 0;
	line-height: 1.5em;
}

#message .detail_box {
	border-top: solid 1px #d2d2d2;
	padding: 10px 0 40px;
}
#message .detail_box .detail_bdy {
	padding-top: 30px;
	width: 441px;
}
#message .detail_box .detail_img {
	padding-top: 30px;
	width: 410px;
}
.h3_pt { padding-top: 20px;}
/*
#message .detail_box .detail_bdy .name2 {
	margin-top: 15px;
	background: #799fe9;
	padding: 0.75em 1em 0.5em 1em;
	color: #fff;
	font-weight: bold;
}
*/

@media screen and (max-width: 740px) {
#message #box_c .cassette_box .cassette.fl,
#message #box_c .cassette_box .cassette.fr {
	float: none;
	width: auto;
	margin: 2em 0.5em 0;
}
#message .detail_box {
	border-top: solid 1px #d2d2d2;
	margin: 0 0.5em;
	padding: 2em 0;
}
#message .detail_box .fl,
#message .detail_box .fr {
	float: none;
}
#message .detail_box .detail_bdy {
	padding-top: 2em;
	width: auto;
}
#message .detail_box .detail_img {
	padding-top: 1em;
	width: auto;
}
#message #box_c .cassette_box .cassette h3,
#message .detail_box h3 {
	font-size: 115%;
	margin-bottom: 0.75em;
	padding-bottom: 0;
	line-height: 1.5em;
}
#message .detail_box .fl h3.h3_c,
#message .detail_box .fr h3.h3_c {
	margin-top: -2em;
}
#message #box_c #cassette_box_mb20 { margin-bottom: 20px; }
.h3_pt { padding-top: 0;}
}