@charset "UTF-8";

* {
margin:0pt;
padding:0pt;
}

a {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#FF6666;
	text-decoration:none;
}

a img {
	border:none;
}

img {
	vertical-align:bottom;
}

p {
	margin-bottom:10px;
}

h2 {
	margin-bottom:10px;
	line-height:24px;
}

h3 {
	color:#334477;
	margin-top:18px;
}

hr {
	color: #999999; /* 線の色(IE用) */
	background-color: #999999; /* 線の色(NN用) */
	height: 1px; /* 線の太さ */
	border: 0; /* 枠の太さ */
	border-style:solid; /* 枠の種類 */
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666666;
	font-size:12px;
	line-height:18px;
}

.ywca-gradient {
	background: -moz-linear-gradient(center top, #ccc, #fff 50%, #ccc);  
	background: -webkit-gradient(linear, center top, center bottom, from(#ccc), color-stop(50%, #fff), to(#ccc));
}
.gakuin-gradient {
	background: -moz-linear-gradient(center top, #d1eef2, #fff 50%, #d1eef2);  
	background: -webkit-gradient(linear, center top, center bottom, from(#d1eef2), color-stop(50%, #fff), to(#d1eef2));
}
.magonote-gradient {
	background: -moz-linear-gradient(center top, #fce3e0, #fff 50%, #fce3e0);  
	background: -webkit-gradient(linear, center top, center bottom, from(#fce3e0), color-stop(50%, #fff), to(#fce3e0));
}

.container { 
	width: 840px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding:0;
	border: none;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.header { 
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	margin:0;
} 
.header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.logo {
	padding:0;
	top: 10px;
	margin:0 0 0 30px;
	position: absolute;
	z-index:1;
}
.logo02 {
	padding:0;
	top: 10px;
	margin:0 0 0 195px;
	position: absolute;
	z-index:2;
}
.headermenu {
	height:35px;
	margin:0 20px 0 0;
}
.headermenu li {
	float:right;
	margin:10px 0 5px 20px;
	font-size:10px;
	list-style:none;
}
.globalmenu {
	margin:10px 0 0 0;
	padding:0;
	height:50px;
	background:#e9e9e9;
	display:block;
}
.globalmenu img {
	margin:0 5px 0 0;
}
.globalmenu li {
	float:right;
	font-size:12px;
	list-style:none;
	display:block;
	text-align:center;
	line-height:24px;
	margin:0;
	overflow: hidden;
}
.globalmenu li a {
	width: auto;
	height:24px;
	padding:12px 12px 6px 10px;
	margin:0;
	border-top:solid 3px #e9e9e9;
	border-bottom:solid 5px #e9e9e9;
	border-left:solid 1px #CCCCCC;
	color:#444444;
	text-shadow: -1px -1px 2px #dddddd;
	display:block;
}
.globalmenu li a:hover {
	border-top:solid 3px #1f5fa9;
	border-bottom:solid 5px #1f5fa9;
	color:#FF6666;
	display:block;
	background-color:#e9e6ff;
}

.globalmenu #b00 {
	width:180px;
	height:24px;
	padding:12px 0 6px 0;
	margin:0;
	border-top:solid 3px #e3e3e3;
	border-bottom:solid 5px #e9e9e9;
	border-right:solid 1px #CCCCCC;
	color:#666666;
	display:block;
}

.g-globalmenu {
	margin:10px 0 0 0;
	padding:0;
	height:50px;
	background:#f6f6f6;
}
.g-globalmenu img {
	margin:0 5px 0 0;
}
.g-globalmenu li {
	float:right;
	font-size:12px;
	list-style:none;
	display:block;
	text-align:left;
	line-height:24px;
	margin:0;
	overflow: hidden;
}
.g-globalmenu #b00 {
	width:180px;
	height:24px;
	padding:12px 0 6px 0;
	margin:0;
	border-top:solid 3px #f6f6f6;
	border-bottom:solid 5px #f6f6f6;
	border-right:solid 1px #CCCCCC;
	color:#666666;
	display:block;
}
.g-globalmenu li a {
	height:24px;
	padding:12px 10px 6px 6px;
	margin:0;
	border-top:solid 3px #f6f6f6;
	border-bottom:solid 5px #f6f6f6;
	border-left:solid 1px #CCCCCC;
	color:#444444;
	text-shadow: -1px -1px 2px #dddddd;
	display:block;
}
.g-globalmenu li a:hover {
	border-top:solid 3px #2e8ba9;
	border-bottom:solid 5px #2e8ba9;
	color:#FF6666;
	display:block;
	background-color:#e9f6ff;
}
.m-globalmenu {
	margin:10px 0 0 0;
	padding:0;
	height:50px;
	background:#f6f6f6;
}
.m-globalmenu img {
	margin:0 5px 0 0;
}
.m-globalmenu li {
	float:right;
	font-size:12px;
	list-style:none;
	display:block;
	text-align:left;
	line-height:24px;
	margin:0;
	overflow: hidden;
}
.m-globalmenu #b00 {
	width:180px;
	height:24px;
	padding:12px 0 6px 0;
	margin:0;
	border-top:solid 3px #f6f6f6;
	border-bottom:solid 5px #f6f6f6;
	border-right:solid 1px #CCCCCC;
	color:#666666;
	display:block;
}
.m-globalmenu li a {
	height:24px;
	padding:12px 10px 6px 8px;
	margin:0;
	border-top:solid 3px #f6f6f6;
	border-bottom:solid 5px #f6f6f6;
	border-left:solid 1px #CCCCCC;
	color:#444444;
	text-shadow: -1px -1px 2px #dddddd;
	display:block;
}
.m-globalmenu li a:hover {
	border-top:solid 3px #ef7563;
	border-bottom:solid 5px #ef7563;
	color:#FF6666;
	display:block;
	background-color:#fff6ee;
}
.m-globalmenu #logos2 {
	line-height:18px;
	padding:4px 10px 14px 8px;
	background-repeat: no-repeat;
	background-position: 5px 12px;
}

.shadowline {
	margin:0 0 10px 0;
	padding:0;
	height:10px;
	background: -moz-linear-gradient(center top, #ccc, #fff);  
	background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#fff));
}
.sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 180px; 
	padding: 0;
	margin:30px 0 0 20px;
}
.sidemenu {
	font-size:12px;
	line-height:20px;
	color:#006699;
	margin:0 0 10px 0;
	padding:0;
}
.sidemenu a {
	display:block;
}
.sidemenu li {
	padding:0 0 0 10px;
	list-style:none;
	background-color:#ededed;
	text-align:left;
}
.sidemenu li a {
	display:block;
	color:#006699;
	text-decoration:none;
	zoom:1;
}
.sidemenu li a:hover {
	color:#ff6666;
	text-decoration:none;
}
.sidemenu #title {
	background: -moz-linear-gradient(center top, #8694c2, #1f5fa9 30%, #1f5fa9);  
	background: -webkit-gradient(linear, center top, center bottom, from(#8694c2), color-stop(30%, #1f5fa9), to(#1f5fa9));
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:2px 10px 0 10px;
	text-shadow: -1px -1px 2px #666666;
	cursor:pointer;
	display:block;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.sidemenu #bottom {
	background: -moz-linear-gradient(center top, #1f5fa9, #1b4c83 80%, #1b4c83);  
	background: -webkit-gradient(linear, center top, center bottom, from(#1f5fa9), color-stop(80%, #1b4c83), to(#1b4c83));
	color:#ffffff;
	height:7px;
	padding:0;
	text-align:center;
	/* ▼CSS3 */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.sidemenu #m-title {
	background: -moz-linear-gradient(center top, #efae9d, #ef7563 30%, #ef7563);  
	background: -webkit-gradient(linear, center top, center bottom, from(#efae9d), color-stop(30%, #ef7563), to(#ef7563));
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:2px 10px 0 10px;
	text-shadow: -1px -1px 2px #666666;
	cursor:pointer;
	display:block;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.sidemenu #hoiku-title {
	background: -moz-linear-gradient(center top, #A8EF9D, #A2D84C 30%, #A2D84C);  
	background: -webkit-gradient(linear, center top, center bottom, from(#a2d84c), color-stop(30%, #a2d84c), to(#a2d84c));
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:2px 10px 0 10px;
	text-shadow: -1px -1px 2px #666666;
	cursor:pointer;
	display:block;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.sidemenu #hoiku-title a {
	color: #fff;
}
.sidemenu #m-bottom {
	background: -moz-linear-gradient(center top, #ef7563, #ef7563 50%, #ab5042);  
	background: -webkit-gradient(linear, center top, center bottom, from(#ef7563), color-stop(50%, #ef7563), to(#ab5042));
	color:#ffffff;
	height:7px;
	padding:0;
	text-align:center;
	/* ▼CSS3 */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
.sidemenu #hoiku-bottom {
	background: -moz-linear-gradient(center top, #AFD771, #7AC505 50%, #7EB920);  
	background: -webkit-gradient(linear, center top, center bottom, from(#AFD771), color-stop(50%, #7AC505), to(#7EB920));
	color:#ffffff;
	height:7px;
	padding:0;
	text-align:center;
	/* ▼CSS3 */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.sidemenu #g-title {
	background: -moz-linear-gradient(center top, #93b2c4, #2e8ba9 30%, #2e8ba9);  
	background: -webkit-gradient(linear, center top, center bottom, from(#93b2c4), color-stop(30%, #2e8ba9), to(#2e8ba9));
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:2px 10px 0 10px;
	text-shadow: -1px -1px 2px #666666;
	cursor:pointer;
	display:block;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

.sidemenu #g-bottom {
	background: -moz-linear-gradient(center top, #2e8ba9, #2e8ba9 50%, #25697f);  
	background: -webkit-gradient(linear, center top, center bottom, from(#2e8ba9), color-stop(50%, #2e8ba9), to(#25697f));
	color:#ffffff;
	height:7px;
	padding:0;
	text-align:center;
	/* ▼CSS3 */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.sidemenu #title a, .sidemenu #m-title a, .sidemenu #g-title a {
	color:#ffffff;
}

.sidemenu li ul li ul {
	margin:0;
	width:225px;
	display:none;
	position:relative;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	top: -18px;
	left: 120px;
	z-index:99;
}
.sidemenu li ul li ul li {
	font-size:12px;
	line-height:18px;
	background-color:#dddddd;
	white-space:nowrap;
	padding:3px 5px;
}
.sidemenu li ul li ul li:hover {
	background-color:#eeeeff;
}

.sidemenu li ul li:hover ul {
	display:block;
}
.sidemenu .children {
	height:0;
}

.spacer {
	margin:0;
	padding:0;
	height:10px;
}
.close{
	display:none;
}
.open {
	display:block;
}

.mainContent { 
	margin: 0 20px 0 220px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background-color:#ffffff;
} 
.mainphoto {
	margin:0;
	padding:0;
	height:260px;
}
.mainphoto li {
	padding:0;
	list-style:none;
	float:left;
}
.mainphoto #a {
	margin:0 10px 0 0;
	height:240px;
}
.mainphoto #b {
	margin:0 0 10px 0;
	height:115px;
}
.mainphoto #c {
	margin:0 10px 0 0;
	height:115px;
}
.mainphoto #d {
	margin:0;
	height:115px;
}

#slideshow {
	position:relative;
	width:560px;
	height:320px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#slideshow img.active {
	z-index:10;
}
#slideshow img.last-active {
	z-index:9;
}

.indexmenu {
	margin:0;
	padding:0;
	height:50px;
}
.indexmenu .title {
	font-size:14px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	background-color:#c3d4e9;
	margin:0 0 5px 0;
	/* ▼CSS3 */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
.indexmenu .bottom {
	height:14px;
	background-color:#c3d4e9;
	margin:58px 0 20px 0;
	/* ▼CSS3 */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
.indexmenu li {
	float:left;
	list-style:none;
	display:block;
	text-align:center;
	width:144px;
	height:40px;
	color:#666666;
	margin:0 8px 0 0;
}
.indexmenu #b01 a {
	display:block;
	text-align:center;
	width:144px;
	height:40px;
	color:#666666;
	background-color:#f0f0f0;
	font-size:12px;
	line-height:40px;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF3300;
	border-bottom-color: #FF3300;
}
.indexmenu #b01 a:hover {
	color:#666666;
	background-color:#fff0f0;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF6666;
	border-bottom-color: #FF6666;
}
.indexmenu #b02 a {
	display:block;
	text-align:center;
	width:144px;
	height:40px;
	color:#666666;
	background-color:#f0f0f0;
	font-size:12px;
	line-height:40px;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #339966;
	border-bottom-color: #339966;
}
.indexmenu #b02 a:hover {
	color:#666666;
	background-color:#e0ffe0;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #339999;
	border-bottom-color: #339999;
}
.indexmenu #b03 a {
	display:block;
	text-align:center;
	width:144px;
	height:40px;
	color:#666666;
	background-color:#f0f0f0;
	font-size:12px;
	line-height:40px;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCC00;
	border-bottom-color: #FFCC00;
}
.indexmenu #b03 a:hover {
	color:#666666;
	background-color:#ffffe0;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFF33;
	border-bottom-color: #FFFF33;
}
.indexmenu #b04 a {
	display:block;
	text-align:center;
	width:144px;
	height:40px;
	color:#666666;
	background-color:#f0f0f0;
	font-size:12px;
	line-height:40px;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006699;
	border-bottom-color: #006699;
}
.indexmenu #b04 a:hover {
	color:#666666;
	background-color:#f0f0ff;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0099CC;
	border-bottom-color: #0099CC;
}

.gakuinmenu {
	margin:0 0 20px 0;
	padding:0;
	height:520px;
}
.gakuinmenu li {
	width:271px;
	float:left;
	list-style:none;
	display:block;
	color:#666666;
}

.gakuinmenu li a {
	display:block;
	height:142px;
	text-align:left;
	padding:10px;
	color:#333333;
	background-color:#e0eef2;
	font-size:10px;
	line-height:14px;
	border:solid 2px #96c5d4;
	background-image: url(../img/g-info.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.gakuinmenu li a:hover {
	color:#336633;
	background-color:#e0ffe0;
	border:solid 2px #99ff99;
}
.gakuinmenu #leftside {
	margin:0 10px 10px 0;
}
.gakuinmenu #rightside {
	margin:0 0 10px 0;
}
.gakuinmenu h1 {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

.boxshadow {
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
}

.banner {
	margin:0 0 20px 0;
	padding:0;
	height:60px;
}
.banner li {
	list-style:none;
	float:left;
	margin:0 10px 0 0;
}
.banner #mag0 {
	margin:0;
}
.eventguide {
	margin:0;
	padding:0;
	margin:0 0 20px 0;
}

.eventguide li {
	line-height:16px;
	font-size:12px;
	list-style-type:none;
	padding:5px 10px 5px 20px;
	margin:0 20px 0 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.eventguide li:last-child {
	border: none !important;
}

.eventguide li a {
	color:#666666;
}
.eventguide li a:hover {
	color:#ff3333;
}
.eventguide #title {
	margin:0;
	border:none;
	background-color:#dddddd;
	color:#666666;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	/* ▼CSS3 */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
.eventguide #bottom {
	margin:0;
	padding:0;
	background-color:#dddddd;
	height:10px;
	border:none;
	/* ▼CSS3 */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
.footer { 
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#1f5fa9; 
} 
.footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 5px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	text-align:right;
	font-size:10px;
	color:#FFFFFF;
}
.message {
	padding:0 20px 20px 20px;
	font-size:28px;
	line-height:60px;
	text-align:center;
	font-weight:bold;
	color:#1f5fa9;
}
.message-l2 {
	padding:0 20px 20px 20px;
	font-size:28px;
	line-height:36px;
	text-align:center;
	font-weight:bold;
	color:#1f5fa9;
}
.message01 {
	padding:0 20px 20px 20px;
	font-size:12px;
	line-height:20px;
}
.message02 {
	padding:20px 60px;
	background-color:#eeeeee;
}


.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.topsearch  {
	text-align:right;
	line-height: 0;
	padding:20px 20px 0 0;
}
.topsearch #searchform_top  {
	margin: 0;
}
.topsearch #search-text  {
	margin: 0;
	color:#999999;
	width:180px;
}

.qrcode {
	margin:0;
	padding:0;
	text-align:center;
	font-size:10px;
	line-height:14px;
}
.qrcode img {
	margin-bottom:20px;
}

.mailmagazine {
	margin:20px 0 30px 0;
	padding:0;
	text-align:center;
	font-size:10px;
}
.mailmagazine a img {
	border:solid 2px #666666;
	margin:0 0 5px 0;
}
.mailmagazine a:hover img {
	background-color:#FFfeed;
	border:solid 2px #FF3333;
}
.accessmap {
	margin:20px 0 5px 0;
	padding:0;
}
.accesstext {
	margin:10px 20px 20px 20px;
	font-size:12px;
}
.accesstext strong {
	font-size:14px;
}

.entry-content {
	margin:20px 0;
	padding:0;
}
.entry-content h1 {
	font-size:24px;
	line-height:30px;
	margin-bottom:10px;
}
.join {
	margin:0 0 20px 0;
}
.join h2 {
	margin:10px 0 5px 0;
}

.textcenter {
	text-align:center;
}

.listup {
	margin:10px 10px 10px 10px;
	padding:0;
}
.listup li {
	padding:5px 5px 2px 5px;
	text-align:left;
	list-style:none;
}
.listup #info {
	padding:0 5px 5px 24px;
}
.listup #title {
	padding:0 0 5px 0;
}
.bank {
	margin:10px 50px 20px 50px;
	padding:10px;
	border:solid 2px #999999;
}
.bank2 {
	margin:5px 20px 10px 20px;
	padding:10px;
	border:solid 2px #999999;
}
.donation {
	margin:10px 0 10px 0;
	padding:0;
}
.donation td {
	padding:2px 5px 2px 5px;
	text-align:left;
	vertical-align:top;
}
.donation #arrow {
	padding-left:30px;
}
.donation #left {
	white-space:nowrap;
}
span.wpcf7-list-item { display: block; }
.must {
	font-size:9px;
	color:#FF3333;
	vertical-align:text-top;
}
.contact {
	margin:10px 0 30px 0;
}
.contact td {
	padding:5px 10px 10px 10px;
}
.contact #col2 {
	padding-bottom:0;
}
.contact #top0 {
	padding-top:0;
}
.ywcanetwork {
	margin:5px 0 24px 20px;
	padding:0;
	min-height:260px;
}
.ywcanetwork li {
	padding:3px 5px 3px 5px;
	margin:0 0 5px 0;
	width:22%;
	list-style:none;
	border-left:solid 5px #1f5fa9;
	display:block;
	float:left;
}
.ywcanetwork li:hover {
	border-left:solid 5px #ff3366;
}
.ywcanetwork li a {
	display:block;
}
.ywcanetwork #nolink {
	border-left:solid 5px #999999;
}

.board {
	margin:10px 0 20px 20px;
	padding:0;
}
.board td {
	padding:5px 10px 5px 10px;
	vertical-align:top;
}
.rental {
	margin:10px 0 20px 20px;
	padding:0;
}
.rental td {
	margin:0;
	padding:5px 10px 5px 5px;
	vertical-align:top;
	border-collapse:collapse;
}
.rental table #price td {
	text-align:center;
	border:solid 1px #999999;
	margin:0;
}
.rental #m2 {
	font-size:6px;
	vertical-align:super;
}
.rental #mag10 {
	margin-left:10px;
}
.pricelist {
	margin:0;
}
.pricelist table {
	border:solid 1px #999999;
	border-collapse:collapse;
	margin:0;
}
.pricelist table td {
	border:solid 1px #999999;
	padding:3px;
	margin:0;
	text-align:center;
}
.pricelist #spacer {
	width:20px;
}

.bihin {
	margin:0;
}
.bihin table {
	border:solid 1px #999999;
	border-collapse:collapse;
	margin:0;
}
.bihin table td {
	border:solid 1px #999999;
	padding:3px;
	margin:0;
	text-align:center;
	vertical-align:middle;
	width:156px;
}
.bihin #spacer {
	width:20px;
}
.floor , .floor td {
	margin:0;
	padding:0;
}
.coursetitle {
	margin:10px 0 30px 0;
	padding:0;
}
.coursetitle li {
	list-style:none;
	font-size:16px;
	font-weight:bold;
	padding:5px 10px;
}

.haikei-test {
	background-image: url(img/g-btn/g-btn01.png);
	background-repeat: no-repeat;
	background-position: left center;	
}

.menu-banner {
	margin:0 0 10px 0;
	padding:0;
	height:60px;
}
.menu-banner li {
	list-style:none;
	float:left;
	margin:0 10px 0 0;
	padding:20px;
	line-height:18px;
	border:solid 1px #678269;
	background-color:#f0fcec;
	width:136px;
	text-shadow: -1px -1px 2px #dddddd;
	font-size:13px;
	text-align:center;
}
.menu-banner li:hover {
	border:solid 1px #2e8ba9;
	background-color:#f0ecfc;
	border-width:5px 1px 5px 1px;
	padding:16px 20px 16px 20px;
	color:#2e8ba9;
}
.menu-banner a {
	color: #578C63;
	display:block;
}
.menu-banner #mag0 {
	margin:0;
}
.menu-banner img {
	border:solid 1px #006699;
}
.menu-banner img:hover {
	border:solid 1px #FF6666;
}

.small-banner {
	margin:0 0 12px 0;
	padding:0;
	height:50px;
}
.small-banner li {
	list-style:none;
	float:left;
	margin:0 12px 0 0;
	padding:8px 5px 8px 35px;
	line-height:16px;
	border:solid 1px #777777;
	background-color:#eeeeee;
	width:89px;
	text-shadow: -1px -1px 2px #dddddd;
}
.small-banner li:hover {
	background-color:#f0ecfc;
	border:solid 1px #2e8ba9;
	color:#2e8ba9;
}
.small-banner a {
	color:#666666;
	display:block;
}
.small-banner #mag0 {
	margin:0;
}
.small-banner img {
	border:solid 1px #006699;
}
.small-banner img:hover {
	border:solid 1px #FF6666;
}

.index-menu-top {
	border-bottom:solid 1px #4F8CC0;
	height:20px;
	margin:10px 0 5px 0;
}
.index-menu-top li {
	float:left;
	list-style:none;
}
.index-menu-top .square {
	width:20px;
	height:20px;
	background-color:#476FA5;
}
.index-menu-top .title {
	margin:0 0 0 10px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.index-menu-bottom {
	border-top:solid 1px #4F8CC0;
	height:20px;
	margin:5px 0 30px 0;
}
.index-menu-bottom li {
	float:right;
	list-style:none;
}
.index-menu-bottom .square {
	width:20px;
	height:20px;
	background-color:#476FA5;
}

.information {
	padding:0px;
	margin:0 0 20px 0;
	font-family:"ヒラギノ角ゴ Pro W3", Myriad Pro , Myriad;
}

.breadcrumb {
	margin-bottom:10px;
	font-size:10px;
}

.sitemap {
	margin:0 20px;
}
.sitemap ul li ul {
	margin-left:20px;
}
.sitemap ul li ul li ul {
	margin-left:20px;
}
.message-e {
	padding:0 20px 20px 20px;
	font-size:24px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:#1f5fa9;
}

.sidemenu-e {
	font-size:12px;
	line-height:20px;
	color:#006699;
	margin:0 0 10px 0;
	padding:0;
}
.sidemenu-e a {
	display:block;
}
.sidemenu-e #g-title {
	background: -moz-linear-gradient(center top, #93b2c4, #2e8ba9 30%, #2e8ba9);  
	background: -webkit-gradient(linear, center top, center bottom, from(#93b2c4), color-stop(30%, #2e8ba9), to(#2e8ba9));
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:2px 10px 0 10px;
	text-shadow: -1px -1px 2px #666666;
	cursor:pointer;
	display:block;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.sidemenu-e #g-title a {
	color:#FFF;
}
.sidemenu-e #g-title a:hover {
	color:#FFF;
}

.sidemenu-e #g-bottom {
	background: -moz-linear-gradient(center top, #2e8ba9, #2e8ba9 50%, #25697f);  
	background: -webkit-gradient(linear, center top, center bottom, from(#2e8ba9), color-stop(50%, #2e8ba9), to(#25697f));
	color:#ffffff;
	height:7px;
	padding:0;
	text-align:center;
	/* ▼CSS3 */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.indexmenu-e {
	margin:0;
	padding:0;
	height:50px;
}
.indexmenu-e .title {
	font-size:14px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	background-color:#c3d4e9;
	margin:0 0 5px 0;
	/* ▼CSS3 */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
.indexmenu-e .bottom {
	height:14px;
	background-color:#c3d4e9;
	margin:58px 0 20px 0;
	/* ▼CSS3 */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	/* ▼Safari,Chrome */
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/* ▼Firefox */
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
.indexmenu-e li {
	float:left;
	list-style:none;
	display:block;
	text-align:center;
	height:40px;
	color:#666666;
}
.indexmenu-e #b01 a {
	display:block;
	text-align:center;
	width:295px;
	height:40px;
	color:#666666;
	background-color:#f0f0f0;
	font-size:14px;
	line-height:40px;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF3300;
	border-bottom-color: #FF3300;
	margin:0 10px 0 0;
}
.indexmenu-e #b01 a:hover {
	color:#666666;
	background-color:#fff0f0;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF6666;
	border-bottom-color: #FF6666;
}
.indexmenu-e #b02 a {
	display:block;
	text-align:center;
	width:295px;
	height:40px;
	color:#666666;
	background-color:#f0f0f0;
	font-size:14px;
	line-height:40px;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #339966;
	border-bottom-color: #339966;
	margin:0;
}
.indexmenu-e #b02 a:hover {
	color:#666666;
	background-color:#e0ffe0;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #339999;
	border-bottom-color: #339999;
}

.english-pr {
	display:block;
	font-size:16px;
	line-height:1.5em;
	margin:20px;
	padding:10px;
	border:solid 3px #5997B9;
	color:#033;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.advertize-box {
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
	margin:20px;
	padding:10px;
	border:solid 3px #5997B9;
	color:#036;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
.advertize-box .large {
	font-size:18px;
	line-height:1.8em;
}

.search-results {
	margin:20px;
	font-size:14px;
	line-height:2em;
}
.search-results li {
	list-style:none;
	padding:10px 20px;
}

.activities h2 {
	margin-bottom:5px;
	margin-top:10px;
}
.activities p {
	margin:0 0 20px 12px;
}
.activities .images {
	text-align:center;
	margin:30px 0;
}

.dayroom {
	margin:0 0 20px 0;
}
.dayroom table {
	border-collapse:collapse;
	margin:5px 10px;
}
.dayroom table td {
	border:solid 1px #999;
	padding:3px;
	vertical-align:top;
	text-align:left;
}
.dayroom .line1 {
	white-space:nowrap;
}

.science {
	margin:10px 0 30px 0;
}
.science hr {
	margin:20px 0;
}

.earthquake {
	margin:30px 0;
}
.earthquake .bank {
	margin:10px 60px;
	padding:10px;
	border:solid 2px #999999;
}
.earthquake h2 {
	color:#006699;
}
.earthquake .right {
	margin:20px;
	text-align:right;
}
.earthquake hr {
	margin:20px 0;
}
.yomawari {
	margin:10px 0 20px 0;
}

.yomawari .header {
	min-height:300px;
	height: auto !important;
	height: 300px;
}
.yomawari .header #image {
	text-align:right;
}
.yomawari .header #text {
	float:left;
	width:430px;
	padding:100px 0 0 0;
}
.yomawari .header .box {
	margin:10px 50px 20px 50px;
	padding 10px;
	text-align:center;
	font-size:18px;
	line-height:2em;
	font-weight:bold;
	border:solid 2px #066;
}
.yomawari .header li {
	list-style:none;
}
.yomawari hr {
	margin:20px 0;
}
.yomawari .indent1 {
	margin-left:36px;
}
.yomawari .indent1 p {
	text-indent:-24px;
	margin:5px 0;
}
.yomawari .indent2 {
	margin-left:24px;
}
.yomawari .indent2 p {
	text-indent:-24px;
	margin:5px 0;
}
.yomawari .bunsho {
	margin:10px 30px;
	padding:10px;
	border:solid 1px #999;
}
.ijiwaru div {
	margin:10px;
}
.ijiwaru img {
	margin:10px 0 10px 10px;
}
.ijiwaru hr {
	margin:20px 0;
}

.farmer hr {
	margin:20px 0;
}
.farmer .menu table {
	border-collapse:collapse;
}
.farmer .menu table td {
	text-align:left;
	padding:5px 10px;
}
.farmer .indent {
	padding:0 0 0 24px;
	text-indent:-24px;
}
.farmer img {
	margin:12px 5px;
}
.farmer strong {
	font-weight:bold;
	color:#066;
}

.facebook {
	margin:20px 0 30px 0;
	padding:0;
	text-align:center;
	font-size:10px;
}
.facebook a img {
	border:solid 1px #666666;
	margin:0 0 5px 0;
}
.facebook a:hover img {
	background-color:#FFfeed;
	border:solid 1px #FF3333;
}
.indent12px {
	padding-left:12px;
	text-indent:-12px;
	margin:20px 0;
}
.indent12px p {
	margin:0;
}

.afternoontea h2 {
	color:#069;
}
.afternoontea .box {
	border:solid 2px #09C;
	margin:20px;
	padding:10px;
}

.motherscollege h2 {
	color:#069;
}
.motherscollege .box {
	border:solid 2px #09C;
	margin:20px;
	padding:10px;
}
.motherscollege .indent p {
	padding-left:12px;
	text-indent:-12px;
}
.motherscollege indent2 {
	margin:0;
	padding:0;
}
.motherscollege .indent2 p {
	margin:0;
	padding:0 0 0 36px;
	text-indent:-24px;
}
.seoul {
	margin:20px;
}
.seoul table {
	border-collapse:collapse;
}
.seoul table td {
	border:solid 1px #CCC;
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
}
.seoul #month {
	text-align:right;
	white-space:nowrap;
}
.seoul #year {
	white-space:nowrap;
}

.english-pr2 {
	width:600px;
	margin:20px 0;
	padding:0;
}
.english-pr2 ul {
	width: 610px;
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}
.english-pr2 ul li {
	display:block;
	width:269px;
	min-height:135px;
	height:auto !important
	height:135px;
	font-size:12px;
	text-align:center;
	line-height:1.5em;
	margin-right:10px;
	padding:10px;
	border:solid 3px #5997B9;
	color:#033;
	float:left;
	/* ▼CSS3 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
.english-pr2 strong {
	font-size:14px;
	font-weight:bold;
}

.welfare-table {
	margin:20px;
}
.welfare-table table {
	border-collapse:collapse;
}
.welfare-table table td {
	border:solid 1px #999;
	padding:3px 5px;
	text-align:center;
	vertical-align:top;
}