@charset "UTF-8";

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

	学校法人清光学園 [印刷用CSS]
	/common/css/top.css

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

/* ==================================================
	共用
================================================== */

/* 非表示
------------------------------------------ */
.hidepc,
#fixed_header {
	display: none;
}

/* 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/header/global_nav.png);
}
#global_nav li.nav01 a { width: 203px; 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: 118px; background-position: -203px 0px; }
#global_nav li.nav02 a:hover, #global_nav li.nav02 a.current { background-position: -203px -28px; }
#global_nav li.nav03 a { width: 137px; background-position: -321px 0px; }
#global_nav li.nav03 a:hover, #global_nav li.nav03 a.current { background-position: -321px -28px; }
#global_nav li.nav04 a { width: 215px; background-position: -458px 0px; }
#global_nav li.nav04 a:hover, #global_nav li.nav04 a.current { background-position: -458px -28px; }

/* 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_col/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: #eff1f6;
	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;
}

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


/* ==================================================
	寄付・支援について
================================================== */

#donation .box01 {
	margin: 0 0 50px;
	background: url(../../donation/images/index/img01.png) center top no-repeat;
	padding-top: 320px;
}
#donation .box05 {
	margin-top: -54px;
	padding-top: 54px;
}



/* ==================================================
	お問い合わせ
================================================== */

#contact table tr th {
	width: 170px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}
#contact table tr td textarea {
	width: 650px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contact table tr td input {
	width: 642px;
}

#contact .box02 {
	width: 400px;
	margin: 100px auto;
}


/* ==================================================
	最新情報
================================================== */

#category_nav {
	margin-right: -14px;
}
#category_nav li {
	float: left;
	margin: 0 12px 12px 0;
}
#category_nav li a {
	display: block;
	width: 148px;
	height: 28px;
	text-indent: -9999px;
	background: url(../../news/images/cat_nav.png);
}
#category_nav li.cat_all a { background-position: 0px 0px; }
#category_nav li.cat00 a { background-position: 0px -28px; }
#category_nav li.cat01 a { background-position: 0px -56px; }
#category_nav li.cat02 a { background-position: 0px -84px; }
#category_nav li.cat_all a:hover, #category_nav li.cat_all.select a { background-position: -148px 0px; }
#category_nav li.cat00 a:hover, #category_nav li.cat00.select a { background-position: -148px -28px; }
#category_nav li.cat01 a:hover, #category_nav li.cat01.select a { background-position: -148px -56px; }
#category_nav li.cat02 a:hover, #category_nav li.cat02.select a { background-position: -148px -84px; }

.sns_btn>div.twitter,
.sns_btn>div.line {
	margin-right: 0;
}

.entry_date span {
	display: inline-block;
	width: 126px;
	height: 22px;
	margin-right: 10px;
	text-indent: -9999px;
	background: url(../../news/images/cat_icon.png) no-repeat;
}
.entry_date .cat01 { background-position: 0px -22px; }
.entry_date .cat02 { background-position: 0px -44px; }
.entry_date .cat01.cat02 { background-position: 0px -66px; }


/* ==================================================
	情報公開
================================================== */

#sub .box02 ul li a {
	display: block;
	width: 430px;
	height: 145px;
}
#sub .box02 ul li a:hover img {
	opacity: 0;
}
#sub .box02 ul li.bnr_u a {
	background: url(../../sub/images/bnr_u_on.png);
}
#sub .box02 ul li.bnr_c a {
	background: url(../../sub/images/bnr_c_on.png);
}


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

#top #content_wrap #top01 {
	background: url(../../images/top_title_bg.png) center top no-repeat #e4f3f9;
	background-size: 100% auto;
	padding-bottom: 10px;
}
#top #content_wrap #top02 {
	background: #f1eaf7;
}
#top #content_wrap #content {
	width: 960px;
	margin: 0 auto;
}
#top #content_wrap #content h1 {
	padding: 20px 0 30px;
}

#con_bnr {
	position: relative;
}
#con_bnr ul li {
	float: left;
}
#con_bnr01,
#con_bnr02,
#con_bnr03 {
	width: 732px;
	margin-right: -16px;
}
#con_bnr01 li,
#con_bnr02 li,
#con_bnr03 li {
	margin: 0 16px 14px 0;
}

#con_bnr04 {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 200px;
	height: 623px;
	padding: 8px 15px 0;
	background: url(../../images/con_bnr_side_bg.png) left top no-repeat;
	text-align: center;
}
#con_bnr04 li {
	margin-top: 6px;
}

#news {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}
#news h2 {
	height: 44px;
	background: url(../../images/news_ttl_bg.png) left top no-repeat;
	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;
}

#category_nav li {
	float: left;
	margin: 0 10px 15px 0;
}
#category_nav li a {
	display: block;
	width: 148px;
	height: 28px;
	text-indent: -9999px;
	background: url(../../news/images/cat_nav.png);
}
#category_nav li.cat_all a { background-position: 0px 0px; }
#category_nav li.cat00 a { background-position: 0px -28px; }
#category_nav li.cat01 a { background-position: 0px -56px; }
#category_nav li.cat02 a { background-position: 0px -84px; }
#category_nav li.cat_all a:hover, #category_nav li.cat_all.select a { background-position: -148px 0px; }
#category_nav li.cat00 a:hover, #category_nav li.cat00.select a { background-position: -148px -28px; }
#category_nav li.cat01 a:hover, #category_nav li.cat01.select a { background-position: -148px -56px; }
#category_nav li.cat02 a:hover, #category_nav li.cat02.select a { background-position: -148px -84px; }

.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%;
}