@import "clearfix.css";

body {
	margin: 0px;
	padding: 0px;
	font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: small;
	color:#333333;
	text-align:center;
	background: url(../images/bg-encircle.gif) repeat-y center top;
}

div.encircle {
	width: 1020px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

div.wrap {
	margin: 0;
	padding: 20px 10px 0;
	background-color: #FFFFFF;
}
/* 女子校 */
body#girls div.wrap {
	background: url(../images/bg-contents-g.gif) repeat-y left top;
}
/* 共学 */
body#coeducation div.wrap {
	background: url(../images/bg-contents-c.gif) repeat-y left top;
}
/* 男子校 */
body#boys div.wrap {
	background: url(../images/bg-contents-b.gif) repeat-y left top;
}

/*------------------------------------
リンク
------------------------------------*/
a { outline: none; }
a img { border-style: none; outline: none; }

a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	color: #666699;
	text-decoration: none;
}
a:hover {
	color: #FF3366;
	text-decoration: underline;
}
a:active {
	color: #FF3366;
	text-decoration: underline;
}

/*------------------------------------
画像
------------------------------------*/
img.right {
	margin: 0px 0px 10px 8px;
	float: right;
}
img.left {
	margin: 0px 8px 10px 0px;
	float: left;
}
img.center {
	margin: 0px auto;
	display: block;
}

/*------------------------------------
テキスト
------------------------------------*/
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.asterisk {
	padding-left: 1em;
	text-indent: -1em;
}

/*------------------------------------
ヘッダー
------------------------------------*/
div#header {
	height: 95px;
	margin: 0px;
	padding: 5px 0px 0px;
	background: #ffffff url(../images/bg-footer.gif) repeat-x left bottom;
}
div#header img {
	line-height: 1;
	vertical-align: top;
}

.seikyu {
	margin: 0;
	padding: 0 10px;
	float: right;
}
.seikyu img {
	width: 338px;
	height: 85px;
}

.logo {
	margin: 0;
	padding: 0 30px 0 10px;
	float: left;
}
.lead {
	margin: 0;
	padding: 15px 0 0 0;
	color: #663300;
}
.mobi {
	margin: 0;
	padding: 0 10px;
	float: right;
}

div.school {
	clear: both;
}
div.school h1 {
	margin: 0px;
	padding: 0px;
}
div.school p {
	height: 18px;
	margin: -5px 0px 0px;
	padding: 0px 0px 5px 5px;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

/* 女子校 */
body#girls div#header, body#coeducation div#header, body#boys div#header {
	height: 148px;
	background: url(none);
}
body#girls div.school {
	background: url(../images/bg-header-g.gif) repeat-x left top;
}
body#girls div.school p {
	background-color: #4D002E;
}
/* 共学 */
body#coeducation div.school {
	background: url(../images/bg-header-c.gif) repeat-x left top;
}
body#coeducation div.school p {
	background-color: #024b02;
}
/* 男子校 */
body#boys div.school {
	background: url(../images/bg-header-b.gif) repeat-x left top;
}
body#boys div.school p {
	background-color: #01384c;
}

/*------------------------------------
サイドメニュー
------------------------------------*/
div.sub {
	width: 240px;
	margin: 0 0 0 -5px;
	padding: 0px;
	float: left;
}

ul.menu {
	margin: 0px 0 30px;
	padding: 0;
}
ul.menu li {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}
ul.menu li img {
	vertical-align: bottom;
}

p.schoolguide,
p.mobile {
	margin: 30px 10px;
	text-align: center;
}

p.address {
	margin: 0 25px 20px;
	font-size: 94%;
}

/*------------------------------------
コンテンツ
------------------------------------*/
div.content {
	width: 690px;
	margin: 0;
	padding: 0 30px;
	float: right;
}

.topics {
	margin: 0px 0px 20px;
	border: 1px solid #ff6600;
	background-color: #fffce6;
}
.topics p.title {
	margin: 0px 0px 5px;
	padding: 0px;
	background-color: #ff6600;
}
p.sub-title {
	padding: 5px;
	color: #000066;
	font-weight: bold;
	background-color: #D0EAFF;
}
.topics p {
	margin: 0px 10px 5px;
	padding: 0px 0px 0px 15px;
	background: url(../images/mark-topi.gif) no-repeat left 5px;
}

div.main-visual {
	width: 340px;
	text-align: center;
	float: right;
}
div.main-visual img#main {
	width: 340px;
}

ul.entry-list {
	width: 320px;
	margin: 0;
	padding: 0;
	float: left;
}
ul.entry-list li {
	margin: 0;
	padding: 5px 5px 5px 10px;
	text-indent: -5px;
	list-style: none;
	border-bottom: 1px dotted #999999;
}
ul.entry-list li strong {
}

/*------------------------------------
記事
------------------------------------*/
/* 見出し */
p.headline {
	margin: 0 0 20px;
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.5;
}
/* 女子校 */
body#girls p.headline {
	color: #ff6699;
	border-bottom: 2px solid #ff6699;
}
/* 共学 */
body#coeducation p.headline {
	color: #009933;
	border-bottom: 2px solid #009933;
}
/* 男子校 */
body#boys p.headline {
	color: #0066cc;
	border-bottom: 2px solid #0066cc;
}

p.event-headline, p.guidance-headline, p.access-headline,
p.monthly-5, p.monthly-6, p.monthly-7, p.monthly-8, p.monthly-9,
p.monthly-10, p.monthly-11, p.monthly-12 {
	height: 25px;
	margin: 0 -20px 20px!important;
	padding: 0;
	text-indent: -1000px;
}
p.monthly-5{ background: url(../images/monthly-5.jpg) no-repeat left top; }
p.monthly-6{ background: url(../images/monthly-6.jpg) no-repeat left top; }
p.monthly-7{ background: url(../images/monthly-7.jpg) no-repeat left top; }
p.monthly-8{ background: url(../images/monthly-8.jpg) no-repeat left top; }
p.monthly-9{ background: url(../images/monthly-9.jpg) no-repeat left top; }
p.monthly-10{ background: url(../images/monthly-10.jpg) no-repeat left top; }
p.monthly-11{ background: url(../images/monthly-11.jpg) no-repeat left top; }
p.monthly-12{ background: url(../images/monthly-12.jpg) no-repeat left top; }

p.event-headline { background: url(../images/event-headline.gif) no-repeat left top; }
p.guidance-headline { background: url(../images/guidance-headline.gif) no-repeat left top; }
p.access-headline { background: url(../images/access-headline.gif) no-repeat left top; }

/* 見出し */
p.title {
	margin: 0 0 10px;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
	color: #FF6600;
	border: 1px solid #FF6600;
	border-left: 10px solid #FF6600;
	clear: both;
}

span.date {
	font-weight: normal;
	font-size: 100%;
	color: #666666;
	float: right;
}

/* 2カラム */
table.column-2 {
	width: 100%;
}
table.column-2 td {
	width: 50%;
	padding: 0 5px 15px;
	text-align: center;
	vertical-align: top;
}

p.column-2right {
	width: 345px;
	margin: 0 0 10px 0;
	text-align: center;
	float: right;
	clear: both;
}
p.column-2left {
	width: 345px;
	margin: 0 0 10px 0;
	text-align: center;
	float: left;
	clear: left;
}

/* 3カラム */
table.column-3 {
	width: 100%;
}
table.column-3 td {
	width: 33%;
	padding: 0 5px 15px;
	text-align: center;
	vertical-align: top;
}

p.column-3right {
	width: 230px;
	margin: 0 0 10px 0;
	text-align: center;
	float: right;
	clear: both;
}
p.column-3left {
	width: 230px;
	margin: 0 0 10px 0;
	text-align: center;
	float: left;
	clear: both;
}

/* イベント情報テーブル */
table.event {
	margin: 0 0 14px;
	padding: 0;
	border-collapse: collapse;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}
table.event td {
	padding: 5px;
	text-align: center;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

/* 説明会 */
div.sec p {
	margin: 0 0 1em;
}
p.event-title {
	margin: 0 0 5px!important;
	font-weight: bold;
	color: #003399;
}

div.sec ul {
	margin: 0 0 20px;
}
div.sec ul li {
	margin: 0 0 5px;
}
div.sec table {
	margin: 0 0 20px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
div.sec table th, div.sec table td {
	padding: 5px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
div.sec table th {
	font-weight: normal;
	background-color: #EAF4F7;
}

div.event-enquiry {
	width: 300px;
	margin: 30px 10px;
	padding: 10px;
	border: 3px double #666666;
}
div.event-enquiry span.tel {
	font-size: 120%;
	font-weight: bold;
	color: #FF3333;
}

/* 募集要項 */
p.guidance-title {
	margin: 0 0 5px!important;
	font-weight: bold;
	color: #003399;
}

dl {
}
dt {
	color:#33CC99;
	font-weight: bold;
}
dd {
	margin: 0 1em 1em;
}

table.examination, table.examination2, table.examination3 {
	width: 100%;
	margin: 0 0 20px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
table.examination th, table.examination td,
table.examination2 th, table.examination2 td,
table.examination3 th, table.examination3 td {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
table.examination th, table.examination2 th, table.examination3 th {
	text-align: center;
	white-space: nowrap;
	background-color: #FFECFD;
}
table.examination2 th {
	background-color: #F0FFF8;
}
table.examination3 th {
	background-color: #E6F8FF;
}
table.examination td, table.examination2 td, table.examination3 td {
	text-align: center;
	background-color: #FFFEF0;
}

table.inner {
	margin: 0;
}
table.inner td {
	text-align: left;
	border: none;
}

.txt-s {
	font-size: x-small;
}

/*  */
table.qanda th, table.qanda td {
	padding: 2px 0;
}
table.qanda th {
	padding-right: 0.5em;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;
}

/*------------------------------------
トップページ
------------------------------------*/
.top-headline {
	margin: 20px 0 15px;
	clear: both;
}

.school-bbs {
	width: 738px;
	margin: 10px 0;
	padding: 0;
	border: 1px solid #9e9ea3;
}

.news-topics {
	width: 740px;
	margin: 10px 0;
	padding: 0;
}
.news-topics .top-topics {
	width: 390px;
	margin: 0 0 20px;
	border: 1px solid #9e9ea3;
	float: left;
}
.news-topics .top-news {
	width: 340px;
	margin: 0 0 20px;
	border: 1px solid #9e9ea3;
	float: right;
}
.navi {
	width: 245px;
	float: right;
}
.navi p {
	margin: 0 0 10px;
}

.top-girls, .top-coeducation, .top-boys {
	margin: 0px auto 30px;
	clear: both;
}

.top-girls p, .top-coeducation p, .top-boys p {
	width: 87px;
	margin: 0px 8px 15px;
	padding: 12px 10px 0;
	text-align: center;
	border: 1px solid #CCCCCC;
	float: left;
}

.top-girls p { background-color: #F9DAD8; }
.top-girls p.new { background: #F9DAD8 url(../images/new-g.gif) no-repeat left top; }

.top-coeducation p { background-color: #ECFAD9; }
.top-coeducation p.new { background: #ECFAD9 url(../images/new-c.gif) no-repeat left top; }

.top-boys p { background-color: #DAFAF5; }
.top-boys p.new { background: #DAFAF5 url(../images/new-b.gif) no-repeat left top; }

.top-girls p img, .top-coeducation p img, .top-boys p img {
	margin: 0 0 4px;
}

.top-girls p.nodata, .top-coeducation p.nodata, .top-boys p.nodata {
	background-color: #e9e9e9;
}

.top-guidance {
	width: 737px;
	margin: 0 auto 30px;
	padding: 110px 120px 10px;
	background: url(../images/bg-guidance.gif) no-repeat center top;
	border-bottom: 1px solid #aa7944;
	clear: both;
}
.top-guidance ul {
	margin: 0 10px;
	padding: 0;
}
.top-guidance ul li {
	margin: 0 0 0.8em;
	padding: 0 0 0 28px;
	list-style: none;
}
.top-guidance ul li img.new {
	margin: 0 3px 0 -28px;
}

/*------------------------------------
掲示板
------------------------------------*/
.leftborder {
	margin: 0px 30px 20px;
	padding: 0px 0px 0px 15px;
	background: url(../images/border.gif) repeat-y left;
}
.rightborder {
	margin: 0px;
	padding: 0px 15px 0px 0px;
	background: url(../images/border.gif) repeat-y right;
}

.box-top {
	margin: 0px -15px 0px -15px;
	padding: 0px;
	background: #FFFFFF url(../images/box.gif) no-repeat right top;
}
.box-top div {
	margin: 0px 15px 0px 0px;
	padding: 15px 0px 10px 15px;
	text-align: center;
	background: #FFFFFF url(../images/box.gif) no-repeat left top;
}

.box-bottom {
	margin: 0px -15px 0px -15px;
	padding: 0px;
	background: #FFFFFF url(../images/box.gif) no-repeat right bottom;
}
.box-bottom div {
	margin: 0px 15px 0px 0px;
	padding: 15px 0px 10px;
	background: #FFFFFF url(../images/box.gif) no-repeat left bottom;
}

table.schedule {
	margin: 0 auto;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}
table.schedule th, table.schedule td {
	padding: 5px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
table.schedule th {
	text-align: center;
	background-color: #FFF5DD;
}

table.program {
	border-top: 1px dotted #666666;
	border-left: 1px dotted #666666;
}
table.program th, table.program td {
	padding: 5px;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
}
table.program th {
	text-align: left;
	font-weight: normal;
	background-color: #F0FCFF;
}

th.no-border, td.no-border {
	border-right: none!important;
}

.bbs-paper {
	margin: 0px 20px;
	padding: 10px;
	background-color: #FFFFFF;
}
.bbs-paper .title {
	margin: 10px auto;
	text-align: center;
	font-size: 14px;
	color: #990000;
	border: none;
	background-color: #FEE8FF;
}

.paragraph {
	margin: 0 0 30px;
	clear: both;
}

.back {
	margin: 40px 0 20px;
	text-align: center;
	clear: both;
}

/*------------------------------------
参加校リンク集
------------------------------------*/
div.links-girls, div.links-coeducation, div.links-boys, div.related-links {
	margin: 0 auto 20px;
	clear: both;
}

div.links-girls p.headline, div.links-coeducation p.headline, div.links-boys p.headline, div.related-links p.headline {
	text-align: center;
	color: #FFFFFF;
}
div.links-girls p.headline { background-color: #FF3366; }
div.links-coeducation p.headline { background-color: #006633; }
div.links-boys p.headline { background-color: #003399; }
div.related-links p.headline { background-color: #FF6600; }

p.links {
	width: 33%;
	margin: 3px 0;
	float: left;
}
div.related-links p.links {
	width: 50%;
}

/*------------------------------------
お問い合わせ
------------------------------------*/
div.enquiry div.headline {
	height: 25px;
	margin: 0px 0px 10px;
	padding: 0px;
	text-indent: -5000px;
	background: url(../images/bg-titlebar-enquiry.jpg) no-repeat left top;
}

/*------------------------------------
フッター
------------------------------------*/
div.banner {
	margin: 0 0 15px;
	text-align: center;
}
div.banner img {
	margin: 0 20px;
}

div.footer {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: #ffffff url(../images/bg-footer.gif) repeat-x left top;
	clear: both;
}
div.footer ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #666666;
	line-height: 1;
	display: inline;
	list-style: none;
}
div.footer ul li.enquiry {
	padding-right: 10px;
	border-right: 1px solid #666666;
}
p.copyright {
	margin: 0px;
	padding: 0px;
}
/* 女子校 */
body#girls div.footer {
	margin: 0 -10px 15px;
	background: #ffffff url(../images/bg-footer-g.gif) repeat-x left top;
}
/* 共学 */
body#coeducation div.footer {
	margin: 0 -10px 15px;
	background: #ffffff url(../images/bg-footer-c.gif) repeat-x left top;
}
/* 男子校 */
body#boys div.footer {
	margin: 0 -10px 15px;
	background: #ffffff url(../images/bg-footer-b.gif) repeat-x left top;
}


/* ※ */
.mark {
	font-size: 86%;
}