@charset "UTF-8";
/*
Theme Name: Seirei Christopher High School
Theme URI: http://www.seirei.ed.jp/
Description: 人間教育を大切にする進学校「聖隷クリストファー中・高等学校」のテーマ
Version: 1.0
Author: 聖隷クリストファー中・高等学校
Author URI: http://www.seirei.ed.jp/
Tags:Seirei Christopher High School,two columns
Copyright 2009
*/

@import "stylenv.css";
@import "stylejhi.css";

* {
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}

/* CLEARFIX-------------------------------------------------------------------------- */
.clearfix:after,.catslist:after,#bus01:after,#bus02:after,#bus03:after,.classofweek:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clear {
	clear: both;
}
/* Hide from IE-mac ¥ */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.flleft {
	float: left;
}
.flright {
	float: right;
}
.flleftcap,.flrightcap {
	text-align: center;
	display: block;
	padding-bottom: 5px;
	font-size: 10px;
	color: #666666;
}
.flleftcap img,.flrightcap img {
	margin-bottom: 3px;
}
.flleftcap {
	float: left;
	padding-right: 8px;
}
.flrightcap {
	float: right;
	padding-left: 8px;
}
/* End CLEARFIX-------------------------------------------------------------------------- */

/* STATIC */
body {
	color: #333333;
	background: #FFFFFF;
	font: 75%/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align: center;
}
h2 {
	padding-bottom: 10px;
}
h3 {
	font-size: 110%;
	font-weight: normal;
	color: #3399CC;
	margin-bottom: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #999999;
	clear: both;
}
h3 span {
	font-size: 90%;
	color: #666666;
	margin-left: 1em;
}
h4 {
	font-size: 110%;
	color: #3399CC;
	margin-bottom: 5px;
	font-weight: normal;
}
h5 {
	font-size: 100%;
	color: #3399FF;
	margin-bottom: 5px;
	background: url(images/iconh5.gif) no-repeat left;
	padding-left: 13px;
	font-weight: normal;
}
h6 {
	font-size: 100%;
	margin-bottom: 5px;
}

p {
	margin-bottom: 0.5em;
}
p.signr {
	text-align: right;
}

ul {
	list-style: none;
}
ol {
	padding-left: 20px;
	margin-bottom: 15px;
}
a {outline:none;}
a:link,a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #3399CC;
	text-decoration: underline;
}
a:active {
	color: #0000FF;
}
.entry a:link,.entry a:visited {
	color: #333333;
	text-decoration: underline;
}
.entry a:hover {
	color: #3399CC;
	text-decoration: underline;
}
label {
cursor:pointer;
}
strong.red {
	color: #FF0000;
}
sup {
	color: #FF0000;
	margin-right: 3px;
	margin-left: 3px;
}
hr.clear {
	font-size: 1%;
	line-height: 1;
	color: #FFFFFF;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	clear: both;
	border-top: 1px solid #FFFFFF;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* WORDPRESS PLUGIN↓ */
/* UPLOADER */
.alignleft {
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
}
.entry p {
	text-indent: 2px;
}
.entry ul {
	list-style: disc outside;
	padding-left: 18px;
	margin-bottom: 0.5em;
}
/* TOPICPATH */
.topicpath {
	font-size: 10px;
	line-height: 1;
	color: #666666;
	padding-bottom: 5px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #999999;
}
.topicpath a {
	text-decoration: none;
}
/*SITE MAP*/
.ddsg-wrapper {
	display: block;
	height: auto;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
}
.ddsg-wrapper a {
	background: url(images/iconlist01.gif) no-repeat left;
	padding-left: 11px;
}
.ddsg-wrapper ul ul {
	padding-left: 60px;
}
.ddsg-wrapper li {
	margin-bottom: 5px;
}
/*SEARCH*/
#searchform {
	display: block;
	padding: 10px;
	height: auto;
	width: 540px;
	text-align: center;
}
#searchform input[type="text"] {
	margin-right: 10px;
	height: 16px;
	width: 300px;
	border: 1px solid #999999;
}
/* WORDPRESS PLUGIN↑ */
#wrap {
	height: auto;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #003399;
	background: url(images/bgwrap.gif) repeat-y left top;
	text-align: left;
}

/* 標準ヘッダ */
#headfront {
	background: url(images/bgheadfront.jpg) no-repeat left top;
	display: block;
	height: 300px;
}
#headfront h1 {
	background: url(images/headline/h1.jpg) no-repeat left top;
	text-indent: -10000px;
	display: block;
	height: 65px;
	width: 758px;
}
#headinside h1 {
	background: url(images/headline/h1_inside.jpg) no-repeat left top;
	text-indent: -10000px;
	display: block;
	height: 65px;
	width: 758px;
}
#headfront h1 a,#headinside h1 a {
	display: block;
	height: 65px;
}
#headfront span {
	background: url(images/description.jpg) no-repeat left top;
	text-indent: -10000px;
	display: block;
	height: 30px;
	width: 758px;
}
#headinside span {
	background: url(images/descriptionins.jpg) no-repeat left top;
	text-indent: -10000px;
	display: block;
	height: 30px;
	width: 758px;
}
/* --------------------------------- 臨時バナー --------------------------------- */
#headfront a.bnr {
text-align: left; display: block; height: 80px; width: 252px; margin-top: 5px; margin-left: 10px;
background: url(images/bnr3.jpg) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr:hover { background: url(images/bnr3_f.jpg) no-repeat left top;}


#headfront a.bnr02 {
text-align: left; display: block; height: 80px; width: 252px; margin-top: 5px; margin-left: 10px;
background: url(images/bnr4.gif) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr02:hover { background: url(images/bnr4_f.gif) no-repeat left top;}


#headfront a.bnr05 {
text-align: left; display: block; height: 80px; width: 252px; margin-top: 5px; margin-left: 10px;
background: url(images/bnr5.jpg) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr05:hover { background: url(images/bnr5_f.jpg) no-repeat left top;}


#headfront a.bnr06 {
text-align: left; display: block; height: 67px; width: 252px; margin-top: 0px; margin-left: 10px;
background: url(images/bnr6.jpg) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr06:hover { background: url(images/bnr6_f.jpg) no-repeat left top;}


#headfront a.bnr07 {
text-align: left; display: block; height: 80px; width: 252px; margin-top: 0px; margin-left: 10px;
background: url(images/bnr7.jpg) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr07:hover { background: url(images/bnr7_f.jpg) no-repeat left top;}


/*#headfront .bnrRight { float: right; padding-right:12px; padding-top:1px; *padding-right:10px;}*/

#headfront a.bnr08 { background: url(images/bnr8.jpg) no-repeat; display: block; height: 114px; width: 114px; text-indent: -10000px;}
#headfront a.bnr08:hover { background: url(images/bnr8_f.jpg) no-repeat;}


#headfront a.bnr09 {
text-align: left; display: block; height: 67px; width: 252px; margin-top: 0px; margin-left: 10px;
background: url(images/bnr9.jpg) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr09:hover { background: url(images/bnr9_f.jpg) no-repeat left top;}


#headfront a.bnr10 {
text-align: left; display: block; height: 60px; width: 252px; margin-top: 0px; margin-left: 10px;
background: url(images/bnr10.jpg) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr10:hover { background: url(images/bnr10_f.jpg) no-repeat left top;}


#headfront .bnrRight { float: right; margin-right:12px; *margin-right:10px; margin-top:1px;}

#headfront a.bnr11 {
background: url(images/bnr11.jpg) no-repeat; display: block; height: 113px; width: 252px; text-indent: -10000px;
border:solid 1px #CCC;}
#headfront a.bnr11:hover { border:solid 1px #FFF;}

#headfront a.bnr12 { background:url(images/bnr12.png) no-repeat left top; width:130px; height:130px; display:block; float:right; margin-right:12px; *margin-right:10px;}
#headfront a.bnr12 strong { display:none; visibility:hidden;}
#headfront a.bnr12:hover { background:url(images/bnr12_f.png) no-repeat left top;}

#headfront a.bnr13 { background:url(images/bnr13.png) no-repeat left top; width:130px; height:130px; display:block; float:right; margin-right:12px; *margin-right:10px;}
#headfront a.bnr13 strong { display:none; visibility:hidden;}
#headfront a.bnr13:hover { background:url(images/bnr13_f.png) no-repeat left top;}


#headfront a.bnr14 {
text-align: left; display: block; height: 67px; width: 252px; margin-top: 0px; margin-left: 10px;
background: url(images/bnr14.jpg) no-repeat left top; text-indent: -10000px;}
#headfront a.bnr14:hover { background: url(images/bnr14_f.jpg) no-repeat left top;}

/**/
div.ovfl {
	height: 500px;
	width: 100%;
	overflow-y: scroll;
}
/*TABLE*/
table {
	font-size: 100%;
}
caption {
	text-align: left;
}
.tbl01 {
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #FFFFFF;
}
.tbl01 th,.tbl01 td {
	padding: 3px 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.tbl01 th {
	background: #B2D4EB;
	white-space: nowrap;
	color: #333333;
	font-weight: normal;
}
.tbl01 strong {
	color: #FF0000;
}
.tbl01 span {
	display: block;
	padding-top: 3px;
	border-top: 1px dotted #CCCCCC;
}
.tbl01 td ul {
	list-style: url(images/iconlist02.gif) none outside;
	padding-left: 18px;
}
.tbl01 .tblsub1,.tbl01 .tblsub2 {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-bottom: 10px;
	width: 400px;
}
.tbl01 .tblsub1 {
	background: #80BAD8;
}
.tbl01 .tblsub2 {
	background: #80CDBB;
}
.tbl02 {
	background: #EEEEEE;
	height: auto;
	width: 100%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
.tbl02 th,.tbl02 td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: normal;
}
.tbl02 thead th {
	background: #99CCFF;
}
.tbl02 tbody th,.tbl02 tbody td {
	padding: 3px;
}
.tbl02 tbody th {
	background: #CCCCCC;
}
.tbl02 tbody td.grn {
	background: #CCEBC5;
}
.tbl02 tbody td.red {
	background: #FDCDB7;
}
.tbl02 tbody td.blue {
	background: #B2D7E8;
}
.tbl02 span {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
}
.tbl03 {
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	border-top: 1px solid #999999;
}
.tbl03 th,.tbl03 td {
	padding: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
.tbl03 th {
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	border-right: 1px dotted #999999;
	width: 20%;
	color: #666666;
}
.tbl03 div.flright {
	padding-left: 8px;
	text-align: center;
	font-size: 11px;
	color: #666666;
}
.tbl03 div.flright img {
	margin-bottom: 3px;
}
.tbl04 {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 11px;
}
.tbl04 th,.tbl04 td {
	padding: 3px 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: normal;
}
.tbl04 thead th {
	background: #3399CC;
	color: #FFFFFF;
}
.tbl04 tbody th {
	background: #A3D3E9;
	white-space: nowrap;
	text-align: left;
}
.tbl04 tbody td {
	background: #FFFFFF;
	text-align: center;
}
.tbl04 tfoot th {
	background: #3399CC;
	text-align: center;
	color: #FFFFFF;
}
.tbl04 tfoot td {
	background: #F0F6FF;
	text-align: center;
}
.tbl04 th.bdrTwo,.tbl04 td.bdrTwo {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #999999;
}
.tbl05 {
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
.tbl05 th {
	white-space: nowrap;
}
.tbl05 th,.tbl05 td {
	padding: 3px 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: normal;
}
.tbl05 thead th {
	color: #FFFFFF;
	background: #3399CC;
}
.tbl06 {
	width: 100%;
	margin-bottom: 15px;
}
.tbl06 th,.tbl06 td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
.tbl06 th {
	width: 100px;
}
.tbl07 {
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 11px;
}
.tbl07 th,.tbl07 td {
	text-align: left;
	padding: 3px;
	width: 33%;
	border-right: 1px solid #CCCCCC;
}
.tbl07 th {
	font-weight: normal;
	background: #A3D3E9;
	border-bottom: 1px dotted #CCCCCC;
}
.tbl07 td {
	border-bottom: 1px solid #CCCCCC;
}
.tbl07 ul {
	list-style: url(images/iconlist02.gif) outside;
	padding-left: 18px;
}
/*CONTENTS*/
#contents {
	display: block;
	float: right;
	height: auto;
	width: 562px;
	padding: 10px 12px 10px 11px;
}
#contents img.flleft {
	margin-right: 8px;
	margin-bottom: 8px;
}
#contents img.flright {
	margin-left: 8px;
	margin-bottom: 8px;
}
.boxcommon {
	display: block;
	margin-bottom: 15px;
}
.boxsupp {
	padding: 10px;
	border: 1px solid #999999;
	background: #F0F6FF;
	margin-bottom: 15px;
}
.boxsupp h6 {
	padding-bottom: 3px;
	border-bottom: 1px dotted #999999;
	font-weight: normal;
	color: #000000;
}
/*SCHOOL BUS*/
#bus01,#bus02 {
	display: block;
}
#bus01 .flleft,#bus01 .flright {
	display: block;
	height: auto;
	width: 275px;
}
#bus02 .flleft {
	display: block;
	height: auto;
	width: 350px;
}
#bus02 .flright {
	display: block;
	height: auto;
	width: 200px;
}
#bus01 table,#bus02 table {
	width: 100%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#bus01 th,#bus01 td,#bus02 th,#bus02 td {
	padding: 3px 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: normal;
	text-align: left;
}
#bus01 thead th,#bus02 thead th {
	background: #CCCCCC;
	text-align: center;
}
/*SCHOOL BUStuika*/
#bus03 {
	display: block;
}
#bus03 .flleft,#bus01 .flright {
	display: block;
	height: auto;
	width: 275px;
}
#bus03 .flleft {
	display: block;
	height: auto;
	width: 350px;
}
#bus03 .flright {
	display: block;
	height: auto;
	width: 200px;
}
#bus03 table {
	width: 100%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#bus03 th {
	padding: 3px 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: normal;
	text-align: center;
	background-color: #E5EFFA;
}
#bus03 td {
	padding: 3px 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
}
#bus03 thead th{
	background: #CCCCCC;
	text-align: center;
	vertical-align: middle;
}#busli {
	margin-top: 10px;
}
#busli ul {
	list-style-type: disc;
	margin-left: 1em;
}

/*CATEGORY*/
.catslist {
	display: block;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	height: auto;
	width: 540px;
}
.catslist dt {
	display: block;
	clear: left;
	float: left;
	background: url(images/iconlist01.gif) no-repeat left;
	padding-left: 12px;
	height: 20px;
	width: 90px;
	border-bottom: 1px dotted #999999;
	color: #3399CC;
	padding-top: 3px;
	line-height: 1.3;
}
.catslist dd {
	display: block;
	float: left;
	width: 438px;
	border-bottom: 1px dotted #999999;
	padding-top: 3px;
	height: 20px;
	line-height: 1.3;
}
.catslist_news {
	display: block;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	height: auto;
	width: 520px;
}
.catslist_news dt {
	display: block;
	clear: left;
	float: left;
	background: url(images/iconlist01.gif) no-repeat left;
	padding-left: 12px;
	height: 20px;
	width: 90px;
	border-bottom: 1px dotted #999999;
	color: #3399CC;
	padding-top: 3px;
	line-height: 1.3;
}
.catslist_news dd {
	display: block;
	float: left;
	width: 418px;
	border-bottom: 1px dotted #999999;
	padding-top: 3px;
	height: 20px;
	line-height: 1.3;
}
/*LIST*/
.commonlist {
	list-style: url(images/iconlist02.gif) none outside;
	padding-left: 18px;
	margin-bottom: 10px;
}
.chronolist {
	display: block;
	height: auto;
	width: 540px;
	padding-right: 10px;
	padding-left: 10px;
}
.chronolist li {
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #999999;
}
.chronolist span {
	width: 130px;
	display: block;
	float: left;
	white-space: nowrap;
}
.dlcommon {
	margin-bottom: 10px;
}
.dlcommon dt {
	background: url(images/iconlist02.gif) no-repeat left;
	padding-left: 12px;
	color: #003366;
}
/*BOTTOM CONTENT*/
#banner {
	padding-top: 20px;
	clear: both;
}
#banner img.flleft {
	margin-right: 3px;
}

.bottomtxttop {
	background: url(images/boxtop.gif) no-repeat left bottom;
	height: 7px;
	width: 560px;
}
.bottomtxt {
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 11px;
	width: 560px;
	display: block;
	padding-right: 0px;
	text-align: center;
}
.bottomtxt p {
	margin-bottom: 0em;
	text-align: left;
	padding-left: 30px;
}
.bottomtxt strong {
	font-size: 14px;
	font-weight: normal;
}
.bottomtxtbtm {
	background: url(images/boxbottom.gif) no-repeat left top;
	display: block;
	height: 7px;
	width: 560px;
}
/*FOOTER*/
#footer {
	clear: both;
	font-size: 10px;
	line-height: 1;
	color: #FFFFFF;
	background: #003399;
	text-align: right;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* イメージ固定 */
.gallery-item .attachment-thumbnail { width: 210px;}
.post img.size-full { width: 210px; margin: 0px 10px 10px 10px;}