@charset "UTF-8";

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

	清光学園 受験生NAVI [印刷用CSS]
	/common/css/print.css

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

/* ==================================================
	共通
================================================== */

/* 非表示
------------------------------------------ */
.hidepc,
#fixed_header,
#global_nav_open_btn,
#pagetop_pc,
#pagetop_sp {
	display: none !important;
}

/* group_nav
------------------------------------------ */
#group_nav {
	float: left;
	padding-top: 7px;
}
#group_nav li {
	float: left;
}
#group_nav li a {
	display: block;
	height: 14px;
	line-height: 0;
	background-image: url(../images/group_nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#group_nav li.nav01 a {
	width: 99px;
	background-position: 0px 0px;
}
#group_nav li.nav01 a:hover {
	background-position: 0px -14px;
}
#group_nav li.nav02 a {
	width: 126px;
	background-position: -99px 0px;
}
#group_nav li.nav02 a:hover {
	background-position: -99px -14px;
}

/* global_nav
------------------------------------------ */
#global_nav {
	float: right;
	padding-top: 8px;
}
#global_nav li {
	float: left;
}
#global_nav li a {
	display: block;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../images/global_nav.png);
}
#global_nav li.nav01 a { width: 257px; background-position: 0px 0px; }
#global_nav li.nav01 a:hover, #global_nav li.nav01 a.current { background-position: 0px -28px; }
#global_nav li.nav02 a { width: 218px; background-position: -257px 0px; }
#global_nav li.nav02 a:hover, #global_nav li.nav02 a.current { background-position: -257px -28px; }
#global_nav li.nav03 a { width: 190px; background-position: -475px 0px; }
#global_nav li.nav03 a:hover, #global_nav li.nav03 a.current { background-position: -475px -28px; }

/* footer_add
------------------------------------------ */
#footer_add {
	margin: 0 0 15px;
	border-top: solid 1px #bdbdbd;
	padding-top: 20px;
	font-size: 85%;
}
#footer_add p {
	float: left;
}
#footer_add #footer_link {
	float: right;
}
#footer_add ul li {
	display: inline;
	margin-left: 25px;
}

/* footer_nav
------------------------------------------ */
#footer_nav dl dt span { display: none; }

/* side_nav
------------------------------------------ */
.side_nav {
	background-color: #fff;
	border: solid 1px #d5d5d5;
	border-top: none;
	margin-top: -1px;
}
.side_nav li {
	border-top: dotted 1px #9f9f9f;
	line-height: 1.4;
}
.side_nav li a {
	display: block;
	background-image: url(../images/side_nav_arw.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 30px;
}
.side_nav li a:hover,
.side_nav li a.current {
	background-color: #f1fbfd;
	text-decoration: none;
}
.side_nav li ul li {
}
.side_nav li ul li a {
	background-position: 30px center;
	padding: 10px 10px 10px 50px;
}

.side_bnr {
	margin-top: 13px;
}
.side_bnr li {
	margin-bottom: 10px;
}

/* component
------------------------------------------ */
#content_wrap #content h1 {
	height: 93px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}


/* ==================================================
	トップページ
================================================== */

#top #content_wrap #content {
	width: 960px;
	margin: 0 auto;
}

#slideshow {
	width: 710px;
}

#top_bnr01 {
	padding-top: 8px;
}
#top_bnr01 li {
	float: left;
	margin-right: 20px;
}
#top_bnr02 {
	position: absolute;
	top: 460px;
	right: 0px;
}
#top_bnr03 {
	position: absolute;
	top: 20px;
	right: 0px;
}
#top_bnr02 li,
#top_bnr03 li {
	margin-bottom: 10px;
}

#container_swith_tab {
	width: 444px;
	margin: 0 auto;
}
#container_swith_tab li {
	float: left;
	margin: 0 7px;
}
#container_swith_tab li a {
	display: block;
	width: 208px;
	height: 45px;
	text-indent: -9999px;
	background-image: url(../../images/con_nav.png);
	background-repeat: no-repeat;
}
#container_swith_tab li.nav01 a { background-position: 0px -90px; }
#container_swith_tab li.nav01.select a,
#container_swith_tab li.nav01 a:hover { background-position: 0px -135px; }
#container_swith_tab li.nav02 a { background-position: 0px 0px; }
#container_swith_tab li.nav02.select a,
#container_swith_tab li.nav02 a:hover { background-position: 0px -45px; }

.bnr {
	margin-right: -12px;
	margin-bottom: 27px;
}
.bnr li {
	float: left;
	margin-right: 12px;
}

.news h2 {
	height: 44px;
	padding: 0 5px 0 13px;
	margin-bottom: 15px;
}
.news h2 span {
	padding-top: 14px;
	line-height: 0;
}
.news h2 .news_ttl {
	display: block;
	width: 79px;
	height: 16px;
	background: url(../../images/news_ttl.png) left bottom no-repeat;
	text-indent: -9999px;
}
.news h2 .news_btn {
	padding-top: 16px;
}
.news h2 a {
	margin-right: 13px;
}

.news_list li {
	float: left;
	display: block;
	width: 208px;
	height: 260px;
	background: url(../../images/news_cassette_bg.png) left top no-repeat;
	margin: 0 16px 16px 0;
	padding: 10px 10px 0;
}
.news_list li .thumb {
	width: 208px !important;
	height: 156px;
	text-align: center;
	margin-bottom: 14px;
}
.news_list li .thumb img {
	max-width: 100%;
	max-height: 100%;
}


/* ==================================================
	キャンパスライフ
================================================== */

#campus #content_wrap {
	background: url(../images/bg_under.png) center top repeat-x;
}
#campus #content_wrap #title_bg {
	background: url(../../campuslife/images/title_bg.png) center top no-repeat;
}
#campus #content_wrap #title_bg #content #main_col_bg {
	background: url(../images/content_bg.png) center top no-repeat;
}
#campus #content_wrap #title_bg #content #main_col_bg #main_col {
	background: none;
	width: auto;
	float: none;
	padding: 30px 46px 0;
}
#campus #content_wrap #content h1 {
	height: 164px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
#campus #content_wrap #content h3 {
	margin-bottom: 25px;
}


/* ==================================================
	イベント情報
================================================== */

#event #content_wrap {
	background: url(../images/bg_under.png) center top repeat-x;
}
#event #content_wrap #title_bg {
	background: url(../../event/images/title_bg.png) center top no-repeat;
}
#event #content_wrap #title_bg #content #main_col_bg {
	background: url(../images/content_bg.png) center top no-repeat;
}
#event #content_wrap #title_bg #content #main_col_bg #main_col {
	background: none;
	width: auto;
	float: none;
	padding: 30px 46px 0;
}
#event #content_wrap #content h1 {
	height: 164px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
#event #content_wrap #content h2 {
	margin: 0 0 1em;
	border: none;
}
#event #content_wrap #content h3 {
	margin-bottom: 10px;
	color: #7a9ee8;
	font-size: 115%;
}


/* ==================================================
	先輩からのメッセージ
================================================== */

#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;
}

#message #tab li.select a {
	background-position: center bottom;
}