@charset "utf-8";

/*------------------------------------------------------------------------------
Kyoto Yobikou - CSS Modules Import
Date: 2010-02-23
Copyright (C) Kyoto Yobikou. All Rights Reserved.
------------------------------------------------------------------------------*/

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

SCHOOL

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

div.School {
	padding-bottom: 60px !important;
}

div.School p.Lead01 {
	margin-top: 10px;
}

div#Sec01 div#FlowFig {
	margin-top: 25px;
}

div#Sec02 p {
	margin-top: 15px;
}

div#Sec02 p.Lead01 {
	margin-top: 10px;
}

div#Sec02 div#SystemImg {
	float: left;
	width: 514px;
	margin-top: 20px;
}

div#Sec02 div#SystemImg p {
	margin-top: 5px;
}

div#Sec02 ul.BtnListBB {
	float: right;
	width: 245px;
}

div#Sec02 ul.BtnListBB li {
	margin-bottom: 10px;
}

div#Sec03 div.SecStyle01 {
	padding: 10px 15px 0;
}

div#Sec03 div.SecStyle01 div.Schedule {
	padding-bottom: 1px;
	background: url(../img/school/bg_note_01.png) 0 0 repeat-y;
}

div#Sec03 div.SecStyle01 h3 {
	margin-bottom: 5px;
	font-weight: 700;
}

div#Sec03 div.SecStyle01 h3 span {
	color: #d01111;
}

div#Sec03 div.SecStyle01 img.Schedule {
	float: left;
	width: 400px;
}

div#Sec03 div.SecStyle01 dl {
	float: right;
	width: 350px;
	margin-bottom: 15px;
	padding-bottom: 100px;
	background: url(../img/school/img_in_01.jpg) 0 100% no-repeat;
}

div#Sec03 div.SecStyle01 dl dt {
	float: left;
	width: 91px;
	margin-top: 15px;
}

div#Sec03 div.SecStyle01 dl dd {
	float: left;
	width: 249px;
	min-height: 46px;
	height: auto !important;
	height: 46px;
	margin-top: 15px;
	padding-left: 10px;
}

div.School p.BtnStyle01 {
	margin-top: 25px;
}

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

TEACHER

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

div.Teacher {
	padding-bottom: 60px !important;
}

.Shokai {
	width:365px;
	height:133px;
	margin:20px 20px 0 15px;
	padding:0;
	float:left;
}
* html .Shokai {
	height:143px;
	margin:20px 20px 0 10px !important;
}

.Shokai img {
	float:left;
	margin:0 20px 25px 0;
}

.Shokai dl {
	margin:0;
	paddign:0;
}

.Shokai dt {
	color:#00318B;
	font-weight:bold;
	margin:0 0 16px 0;
	padding:0;
}

.Shokai dt span {
	font-size:115% !important;
}

.Shokai dd {
	margin:0 0 0 0;
}

.Bon {
	margin-bottom:36px;
}

#Okigaru {
	width:800px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:url(../img/teacher/txt_teacher_01.gif);
	margin:0 auto 60px auto;
	padding:0;
	clear:both;
}

* html #Okigaru {
	margin:35px auto 60px auto;
}

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

SUBJECT

---------------------------------------- */
.Subject #TopicPath { 
	background:url(../img/subject/bg_bc.gif); 
}

#SubjectNav { 
	width:800px;
	height:35px;
	background:url(../img/subject/bg_subnav.png); 
	margin:0;
	padding:0;
}

#SubjectNav li { 
	margin:2px 0 0 3px;
	padding:0;
	float:left;
}

.Pone {
	margin-left:4px !important;
}

* html .Pone {
	margin-left:2px !important;
}

#Subo { 
	width:800px;
	background:url(../img/subject/bg_subo.gif) repeat-y !important; 
}

.Subject .TitStyle01 { 
	width:770px;
	margin-left:15px !important;
}

.Subject .TitStyle01 img { 
	margin-top:30px;
}

.Subject .Lead01 { 
	margin:0 0 0 15px !important;
}

.SubFig { 
	margin:0 20px 0 15px;
	float:left;
	text-align:right;
}

* html .SubFig { 
	margin:0 20px 0 8px;
}

.SubP { 
	width:200px;
	float:left;
}

.Osusume { 
	margin:0 12px 0 0;
	float:right;
}

div.Subject p.BtnStyle01 {
	margin-top: 25px;
}

.Clr {
clear:both;
}

#Ichirei {
	font-weight:bold;
	margin:0 20px 24px 15px;
	color:#424242;
}

#Ichirei2 {
	font-weight:bold;
	margin:25px 20px 0 15px;
	color:#424242;
}

.Ichireji img {
	margin:25px 20px 10px 15px;
}

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

CONTACT

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

div.Contact {
	padding-bottom: 60px !important;
}

div.Contact ul#Address {
	margin-left: -14px;
}

div.Contact ul#Address li {
	float: left;
	display: inline;
	margin-left: 14px;
}

#Conta { 
	width:770px; 
	text-algin:center; 
	margin:33px auto 20px auto; 
	border:1px #CDD7E0 solid; 
}

#Conta th { 
	width:214px; 
	text-align:left; 
	border-right:1px #CDD7E0 solid; 
	padding:15px 16px; 
	font-weight:bold; 
}

#Conta td { 
	text-align:left; 
	border-left:1px #CDD7E0 solid; 
	padding:15px 18px; 
}

.G2 { 
	background:#F4F9FF; 
}

#Conta th span { 
	color:#FF7E02;
}

#Conta td span { 
	color:#888888; 
	font-size:77%; 
}

.Td1 { 
	width:156px; 
}

.Td2 { 
	width:86px; 
}

.Td3 { 
	width:382px; 
}

#Conpri { 
	width:384px; 
	height:123px; 
	background:#ffffff;
	overflow:auto; 
	border:1px #7F9DB9 solid; 
	margin-bottom:9px; 
}

#Conpri h3 { 
	margin:4px !important;
}

#Conpri h4 { 
	margin:0 4px 0 4px !important;
}

#Conpri p { 
	margin:0 4px 1em 16px !important;
}

#Conpri ul { 
	margin:0 4px 1em 16px !important;
}


#Conf {
	margin-top:30px !important;
	margin-left:14px;
}

.M20 {
	margin-right:20px;
}

.B30 {
	margin-bottom:30px !important;
}

#Comp {
	margin:33px 14px 30px 14px !important; 
}

.ErrMsg {
	color:#FC3594;
	background:url(../img/contact/ico_errmsg.gif) no-repeat;
	padding-left:44px;
	margin-top:30px !important;
	margin-left:14px;
}

.Err {
	background:#FFD4E9;
}

.Err span {
	color:#FC3594 !important;
}

.ErrStatus {
	color:#FC3594;
	background:url(../img/contact/ico_errstatus.gif) no-repeat;
	padding-left:20px;
}


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

ACCESS

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

div.Access {
	padding-bottom: 60px !important;
}

div.Access div#Sec01 {
	min-height: 322px;
	height: auto !important;
	height: 322px;
	padding-top: 70px;
	padding-left: 435px;
	background: url(../img/access/fig_map_01.png) 0 0 no-repeat;
}

div.Access div#Sec01 div#Address {
	padding: 0 15px;
	border: 1px solid #cdd7df;
	background-color: #eaf6ff;
}

div.Access div#Sec01 div#Address p {
	padding: 12px 0;
}

div.Access ul#Sec02 {
	margin-top: 20px;
}

div.Access ul#Sec02 li {
	float: left;
	border: 1px solid #d1d4d8;
}

div.Access ul#Sec02 li * {
	vertical-align: bottom;
}

div.Access ul#Sec02 li.GMaps {
	width: 400px;
}

div.Access ul#Sec02 li.StreetView {
	float: right;
	width: 376px;
}

div.Access p.BtnStyle01 {
	margin-top: 25px;
}

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

PRIV

---------------------------------------- */
#PrivContents {
	margin-bottom:255px;
}

#PrivContents p {
	margin-top:1em;
	margin-left:15px;
}

#PrivContents h3 {
	margin-top:1em;
	margin-left:15px;
	color:#00318B;
	font-weight:bold;
}

#PrivContents ul {
	margin-top:1em;
	margin-left:15px;
}

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

SITEMAP

---------------------------------------- */
#Sitema { 
	margin-bottom:543px;
}

#SitemaL {
	width:243px;
	height:184px;
	float:left; 
	margin:19px 0 0 21px;
}

* html #SitemaL {
	margin:19px 0 0 11px;
}

#SitemaC {
	width:273px;
	height:184px;
	float:left;
	margin:19px 0 0 0;
}

#SitemaR {
	width:243px;
	height:184px;
	float:left;
	margin:19px 0 0 0;
}

#Sitema .Rock { 
	height:60px;
	line-height:60px;
	background: url(../img/sitemap/ico_smap.gif) 25px 23px no-repeat;
	padding-left:43px; 
}

#Sitema .Rock a { 
	color:#00318B;
	font-weight:bold;
}

#Sitema .Bor { 
	border-top:2px #d4d4d4 solid;
	border-bottom:2px #d4d4d4 solid;
}

#Karin {
	height:44px;
	line-height:60px;
	color:#00318B;
	font-weight:bold;
	background: url(../img/sitemap/ico_smap.gif) 25px 23px no-repeat;
	padding-left:43px; 
}

#Karin a { 
	color:#000000;
}

#SitemaC ul {
	margin:0 0 0 44px;
	padding:0;
}

* html #SitemaC ul {
	margin:-16px 0 0 44px;
}

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

透明度ロールオーバー

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

div.Contact ul#Address li a:hover img,
div.Access p.BtnStyle01 a:hover img,
div.School ul.BtnListBB li a:hover img,
div.School p.BtnStyle01 a:hover img {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */  
	filter: alpha(opacity=75); /* IE lt 8 */  
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */  
	-khtml-opacity: .75; /* Safari 1.x */  
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

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

ClearFix (必要なければ消す)

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

/* -- Modern Browsers -- */

div.School div#Sec02:after,
div#Sec03 div.SecStyle01 div.Schedule:after,
div.Contact ul#Address:after,
div.Access ul#Sec02:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div.School div#Sec02,
*:first-child+html div#Sec03 div.SecStyle01 div.Schedule,
*:first-child+html div.Contact ul#Address,
*:first-child+html div.Access ul#Sec02 {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html div.School div#Sec02,
* html div#Sec03 div.SecStyle01 div.Schedule,
* html div.Contact ul#Address,
* html div.Access ul#Sec02 {
	zoom: 1;
}