/* For modern browsers */
.cf {
	zoom: 1;
	clear: both;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both; }


/* ======== Base ====== */
html { background-color: #344F98; min-width: 950px;}
body {
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-color: #F9F9F9;
}
#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
/* -- ie6 -- */
* html body { text-align: center; }
* html #header, #nav, #content, #footer { text-align: left; }


/* ======== Header ====== */
#header {
	height: 99px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	float: left;
	padding-top: 24px;
}
.header_nav {
	float: right;
	width: 366px;
	margin: 0;
	list-style: none;
	padding: 50px 0 0;
}
.header_nav li {
	padding: 0;
	margin: 0;
	float: left;
}


/* ======== Navigation ====== */
#nav {
	background-image: url(../images/nav_bg.gif);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 5px;
	background-position: left top;
	height: 46px;
	margin-bottom: 25px;
}
#nav ul {
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li { float: left; }
/* -- Side Navigation -- */
#side {
	float: right;
	width: 224px;
}
.nav_side {
	margin: 0 0 10px;
	padding: 12px 12px 8px;
	list-style: none;
	background-image: url(../images/nav_side_bg.jpg);
}
.nav_side li {
	background-image: url(../images/nav_side_line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFF;
}
.nav_side li a {
	color: #FFF;
	background-image: url(../images/arrow2.gif);
	background-position: 5px center;
	display: block;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 18px;
	text-decoration: none;
}
.nav_side li a:hover { text-decoration: underline; }
.nav_bnner {
	background-image: url(../images/nav_banner_bg.gif);
	margin: 0;
	padding: 5px;
	list-style: none;
	_zoom: 1;
	overflow: hidden;
	height: 334px;
}
.nav_bnner li { margin-bottom: 3px; }


/* ======== Content ====== */
#content {
	float: left;
	width: 704px;
}
.mainimage {
	margin: 0 auto 25px;
}
.bestshot {
	width: 349px;
	float: left;
	margin-right: 5px;
	background-image: url(../images/index_con_bg.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
}
.shot_ttl {
	font-weight: bold;
	color: #F60;
	background-image: url(../images/ico_calendar.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom: 10px;
	background-position: 15px;
	margin-top: 10px;
	padding-right: 10px;
}
.shot_photo { padding: 0px 12px; }
.shot_data {
	padding: 12px;
	line-height: 1.6em;
}
.news {
	width: 349px;
	float: left;
	background-image: url(../images/index_con_bg.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
}
.newslist {
	margin: 0px;
	padding: 0 4px;
	list-style: none;
}
.newslist li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.newslist li:nth-child(2n) {
	background-color: #EFF1F8;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.newslist li.list2{
	background-color: #EFF1F8;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* ======== Footer ====== */
#footer {
	clear: both;
	background-color: #344F98;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding: 50px 0px;
	margin-top: 30px;
	color: #FFF;
	font-size: 90%;
}

/* ======== Page ====== */
h2 {
	background-image: url(../images/h2.jpg);
	background-repeat: no-repeat;
	height: 59px;
	line-height: 59px;
	vertical-align: middle;
	padding-left: 45px;
	padding-right: 10px;
	color: #383668;
	font-size: 1.8em;
	margin-bottom: 20px;
}
h3 {
	color: #355199;
	font-size: 1.6em;
	margin: 30px 0 15px;
	padding: 0 0 0 15px;
	background-image: url(../images/h3.gif);
	background-repeat: repeat-y;
	background-position: left center;
	line-height: normal;
	vertical-align: middle;
	clear: both;
}
h4{
	font-weight: bold;
	color: #F60;
	margin-top: 20px;
	margin-bottom: 10px;
}
.midashi01{
	font-weight: bold;
	background-color: #39519B;
	text-align: center;
	padding: 5px;
	color: #FFF;
	margin-bottom: 1px;
	font-size: 120%;
}
.midashi02 {
	margin:20px 0 10px;
	padding:5px 8px;
	border-width:3px 0;
	border-color:#6C86C3;
	border-style:solid;
	color:#3A548F;
	line-height:140%;
	font-weight:bold;
	text-align:center;
	background-color: #F3F4FA;
}
.pan {
	line-height: 35px;
	background-image: url(../images/pan_bg.jpg);
	vertical-align: middle;
	font-size: 80%;
	color: #FFF;
	background-color: #3A52A8;
	padding-left: 25px;
	padding-top: 3px;
	height: 35px;
}
.pan a {
	color: #FFF;
	text-decoration: none;
}
.container {
	background-color: #FFF;
	background-image: url(../images/container_bg.jpg);
	background-repeat: repeat-y;
	padding: 17px;
}
.pagetop{
	clear: both;
	margin-top: 20px;
}
/* -- 学校案内 -- */
.bbtxt {
	font-size: 140%;
	color: #036;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	background-image: url(../images/line.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}
.greetingL{
	float: left;
	width: 520px;
}
.greetingR {
	float: right;
	margin:0 0 10px 15px;
	padding: 0;
	text-align: center;
	width: 130px;
	font-size: 90%;
}
.greetingR img{ margin-bottom: 5px; }
.curriculum{
	width: 48%;
	float: left;
	margin-bottom: 20px;
}
.curriculum table{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-left-color: #D7D7D7;
}
.curriculum td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	vertical-align: middle;
	padding: 2px;
	text-align: center;
}
.curriculum th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	background-color: #F3F3F3;
	text-align: center;
	font-weight: bold;
	padding: 2px;
}
.year1{
	background-color: #F7FDFF;
	width: 30%;
}
.year2{
	background-color: #FBFFEE;
	width: 30%;
}
.year3{
	background-color: #FFF4FF;
	width: 30%;
}
.timetable{
	float: right;
	width: 48%;
}
.timetable dt{
	margin: 0;
	padding: 0;
	float: left;
	width: 11em;
	text-align: right;
}
.timetable dl{
	margin: 0px;
	padding: 0px;
}
.timetable dd{
	margin: 0;
	padding: 0 0 0 13em;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.subject{
	float: right;
	width: 48%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.subject table{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-left-color: #D7D7D7;
}
.subject td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	vertical-align: middle;
	padding: 4px;
	text-align: center;
}
.subject th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	background-color: #FAF8D8;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.uniform{
	text-align: center;
	float: left;
	width: 323px;
	padding: 6px;
}
.facilities{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.facilities li{
	float: left;
	width: 50%;
	margin-bottom: 15px;
	text-align: center;
}
.facilities_name{
	background-color: #F3F3F3;
	display: block;
	padding: 5px;
	margin-right: 8px;
	margin-left: 8px;
}
/* -- 進路情報 -- */
.course_list td{
	padding: 3px 10px;
	white-space: nowrap;
}
/* -- 学校生活 -- */
.wednesday{
	padding-left: 2em;
	text-indent: -2em;
}
.wednesday ol{
	text-indent: 0;
	margin-top: 0px;
	padding-top: 0px;
}
.wednesday ul{
	margin: 0 0 0 20px;
	padding: 0;
	text-indent: 0;
	list-style: circle;
}
.activity{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.activity li{
	float: left;
	width: 33%;
	margin-bottom: 15px;
	text-align: center;
}
.activity_name{
	background-color: #F3F3F3;
	display: block;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.guardian {
	background-image: url(../schoollife/images/voice01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
}
.guardian p{
	background-color: #FBF5E1;
	margin: 0;
	padding: 20px;
}
.student{
	background-image: url(../schoollife/images/voice02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
}
.student p{
	background-color: #F2F9EC;
	margin: 0;
	padding: 20px;
}
.question{
	background: #F3F3F3;
	padding: 10px;
	font-weight: bold;
}
.question span{
	font-size: 1.6em;
	color: #FFF;
	padding: 5px;
	margin-right: 10px;
	line-height: normal;
	background-color: #81C648;
}
.answer{
	padding: 10px 10px 10px 45px;
	text-indent: -35px;
}
.answer span{
	font-size: 1.6em;
	color: #FFF;
	background: #EBD04F;
	padding: 5px;
	margin-right: 10px;
	line-height: normal;
}
.event{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-left-color: #D7D7D7;
}
.event td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	vertical-align: middle;
	padding: 5px;
}
.event th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	background-color: #FFFEE8;
	text-align: center;
	font-weight: bold;
	padding: 2px 10px;
}
.event tr:nth-child(2n) { background-color: #FBFCFF; }
.event_photo{
	width: 340px;
	text-align: right;
}
.gallery td{ padding: 1px; }
/* -- 入試案内 -- */
.bosyu{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-left-color: #D7D7D7;
}
.bosyu td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	vertical-align: top;
	padding: 10px;
}
.bosyu th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	background-color: #F3F3F3;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
/* -- サイトマップ -- */
.sitemap{
	background-color: #F3F3F3;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
}
.sitemap li{
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	list-style: none;
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 5px 5px 5px 20px;
	font-size: 1.4em;
}
.sitemap li ul{
	padding-left: 0px;
	margin: 5px 10px 10px 0px;
}
.sitemap li li{
	margin: 0px 0px 2px;
	background-image: url(../images/arrow.gif);
	background-position: left 5px;
	padding: 0px 0px 0px 14px;
	border-bottom: 1px solid #EBEBEB;
	font-size: 0.7em;
}