@charset "utf-8";
/* CSS Document */


/*************************************
改造CSS
*************************************/


.title02 {
  width: 550px;
  padding: 5px 10px;
  color: #FFF;
  background: #359FDF;
  border-radius: 3px;
}


/*************************************
TOP PAGE
*************************************/


#topFla {
	width:580px;
	height:200px;
	margin:20px 19px 0 23px;
	padding:5px;
	border:solid 1px #ccc;
	overflow:hidden;
} 

#topFla a {
  width: 580px;
  height: 200px;
	padding:0;
	font-weight:bold;
	color:#359fdf;
	text-align:center;
  display: block;
}

#topFla a img {
  width: 100%;
  height: 100%;
}

#contact-area {
	margin:30px 30px;
	padding:5px 0;
	text-align:center;
	background:#ebfaff;
}

#contact-area p {
	display:inline;
	margin:0 10px 0 0;
}

#contact-area p img {
	vertical-align:middle;
}

#contact-area p#mail-02 a {
	width:140px;
	background:url(../img/mail-02_over.gif) no-repeat;
	display:inline-block;
}

#contact-area p#mail-02 a:hover img { visibility:hidden; }


/*************************************
POLICY - COURSE UL
*************************************/


#course ul {
	height:37px;
	margin:30px 30px 0 34px;
	zoom:1;
}

#course ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	font-size:0;
}

#course ul#policy01 { background:url(../img/course01_bar.gif) left bottom no-repeat; }
#course ul#policy02 { background:url(../img/course02_bar.gif) left bottom no-repeat; }
#course ul#policy03 { background:url(../img/course03_bar.gif) left bottom no-repeat; }

#course ul li {
	float:left;
	display:inline;
	width:160px;
	padding:0 2px 0 0;
}

#course ul li.navi01 a { background:url(../img/course01_out2.gif); }
#course ul li.navi02 a { background:url(../img/course02_out2.gif); }
#course ul li.navi03 a { background:url(../img/course03_out2.gif); }

#course ul li a { display:block; }

#course ul li a:hover { background-position:0 0; }

#course ul li a:hover img { visibility:hidden; }


/*************************************
POLICY - TABLE
*************************************/


#policyTBL table {
	margin:0;
}

#policyTBL table col.policyLv1 { width:95px; }
#policyTBL table col.policyLv2 { width:120px; }

#policyTBL table thead tr th {
	padding:5px 0;
	color:#fff;
	text-align:center;
}

#policyTBL table thead.policy01 tr th {
	background:#3aaf49;
	border:solid 1px #188d27;
}

#policyTBL table thead.policy02 tr th {
	background:#af873a;
	border:solid 1px #8d6518;
}

#policyTBL table thead.policy03 tr th {
	background:#af3a4d;
	border:solid 1px #8d182b;
}

#policyTBL table tbody tr td {
	padding:10px 5px;
	font-size:13px;
	background:url(../img/back01.gif) repeat;
	text-align:right;
}

#policyTBL table tbody.policy01 tr td { border:solid 1px #188d27; }
#policyTBL table tbody.policy02 tr td { border:solid 1px #8d6518; }
#policyTBL table tbody.policy03 tr td { border:solid 1px #8d182b; }

#policyTBL table caption {
	caption-side:top;
	margin:0 0 0 5px;
	padding:2px 0 2px 24px;
	background:url(../img/tento.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

#policyTBL p {
	margin:10px 0 0 0;
	font-size:13px;
	text-align:right;
}


/*************************************
ACTUAL - DL
*************************************/


#actual dl {
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	background:url(../img/sakura.jpg) right bottom no-repeat;
	zoom:1;
}

#actual dl dt {
	float:left;
	display:inline;
	width:100px;
	margin:0 20px 20px 0;
	padding:5px 0 4px 10px;
	background:url(../img/line01.gif) left bottom no-repeat;
	font-weight:bold;
}

#actual dl dd {
	float:right;
	display:inline;
	width:390px;
	margin:0 0 20px 0;
	padding:5px 0 5px 30px;
	background:url(../img/sakuramark.gif) left no-repeat;
	font-weight:bold;
}

#actual dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	font-size:0;
}


/*************************************
ACTUAL - TABLE
*************************************/


#actual table {
	margin:0 0 5px 0;
	border:solid 1px #999;
}

#actual table col.actualLv1 { width:50px; }
#actual table col.actualLv2 { width:80px; }
#actual table col.actualLv3 { width:420px; }

#actual table td,
#actual table th {
	padding:2px;
	background:url(../img/back02.gif);
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
	vertical-align:top;
}

#actual table td.category { text-align:right; }
#actual table td.college { text-align:left; }

#actual table caption {
	caption-side:top;
	margin:0 0 0 5px;
	padding:2px 0 2px 34px;
	background:url(../img/mrmark.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}


/*************************************
CLASSROOM - ACCESS
*************************************/


.access > * ~ * {
	margin-top: 20px;
}

.access p.add {
  font-weight: bold;
}

.access:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	font-size:0;
}


/*************************************
IBENT
*************************************/


p#calendar {
	margin:16px 26px 0 30px; /*画像の余白部分4pxを補正*/
}

#clscTop {
	width:550px;
	background:url(../img/ibent01_top.gif) right bottom no-repeat;
}

#clscTop ul#clscTxt li {
	width:412px;
	margin:0;
	padding:0 0 20px 0;
}

p#clscBtm {
	width:550px;
	height:220px;
}

#nature {
	position:relative;
	z-index:1;
}

#nature p#science {
	position:absolute;
	z-index:2;
	top:40px;
	left:305px;
	width:230px;
	line-height:1.75;
}


/*************************************
CONTACT
*************************************/


#contactForm {
	width:550px;
	margin:20px 40px 0 44px;
}

#contactForm table {
	width:100%;
	margin:0 0 10px;
	border-collapse:collapse;
}

#contactForm table tr th {
	width:200px;
	padding:10px;
	color:#fff;
	text-align:left;
	border:solid 1px #fff;
	background:#52a3d6;
}

#contactForm table tr td {
	padding:10px;
	border:solid 1px #fff;
	background:#d3eaf8;
}

#contactForm table tr td input {
	width:200px;
}

#contactForm table tr td input#tel0,
#contactForm table tr td input#tel1,
#contactForm table tr td input#tel2 {
	width:40px;
}

#contactForm table tr td input#checkbox {
	width:auto;
}

#contactForm table tr th span {
	color:#ffff00;
}

#contactForm table tr td span.note {
	font-size:12px;
	vertical-align:text-top;
}

#contactForm p {
	margin:0 0 10px;
}

#contactForm table tr td span.ERR,
#contactForm p.ERR {
	color:#d15950;
}

#contactForm table tr td textarea {
	width:300px;
	height:200px;
}

input,radio,select,textarea {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック';
	font-size:13px;
	border:solid 1px #fff;
}

input:focus,radio:focus,select:focus,textarea:focus {
	border:solid 1px #ff9826;
	background:#fff;
}

input.auto { ime-mode:auto; }
input.active { ime-mode:active; }
input.inactive { ime-mode:inactive; }
input.disabled { ime-mode:disabled; }
textarea.active { ime-mode:active; }

input#submit,
input#reset {
	width:100px;
	padding:5px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	background:#52a3d6;
	text-align:center;
	cursor:pointer;
}

input#submit {
	margin:0 0 0 175px;
}

input#submit:focus,
input#reset:focus {
	border:solid 1px #fff;
}

input#back {
	width:100px;
	margin:0 0 0 225px;
	padding:5px 0;
	color:#fff;
	font-weight:bold;
	background:#52a3d6;
	text-align:center;
	cursor:pointer;
}

input#back.OK {
	margin:0;
}

#copyright {
	margin:5px 40px 0 0;
	font-size:10px;
}

#copyright a {
	float:right;
	color:#52a3d6;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}


/*************************************
MESSAGE
*************************************/


p#message {
	margin:20px 20px 0 24px;
	padding:0;
}