@charset "shift_jis";

/* 全体 ----------*/
body { margin:0; padding:0; font-size: 13px; line-height:150%; font-family: sans-serif; color: #442F0A; background:#EAE8DB;}

/* テキスト ----------*/
h1 { margin: 0 0 0 0px; font-size: 10px;　height: 0px; }
h2 { display: none; margin: 0; padding:0; height: 0px; font-size: 10px;}
h3 { margin: 0 0 0 0px; width: 240px; height: 5px;}
h4 { margin: 0px 0px 10px 0px; padding: 0 0 0 0; font-size: 14px; letter-spacing: 2px;}
h5 { margin: 0px 0px 0px 0px; padding: 0 0 0 0px; font-size: 11px; letter-spacing: 2px;}
.arrow { color: #99CC00;}
.red { color: #FF6666;}
.green01 {color: #99CC00;}
.green02 {color: #336600;}
.green03 {color: #339900;}
.contact01 {font-size: 10px;	letter-spacing: 2px; color: #99CC00;}
.contact02 {font-size: 14px;	letter-spacing: 2px;	line-height: 150%;}
.contact03 {font-size: 10px;	letter-spacing: 2px; color: #FF6666;}
.cgi01 {color: #DDDDDD; font-size:9px;}
.text-off { display: block; text-indent: -9999px;}
.bold{font-weight: bold;}

/* 見出し ----------*/
body.top h3 {;}

/* アンカー ----------*/
a { text-decoration: none;}
a:link {color: #442F0A;}
a:visited {color: #442F0A;}
a:hover {color: #99CC00;}
a:active {color: #669900;}
h1 a { display: block;}

/* ボックス ----------*/
#container { margin: 0 auto; padding:0; width: 800px; background:#ffffff;}
#footer { clear: both; margin: 0px 0px 0px 0px; width: 800px; height: 60px; text-align:center; font-size: 11px; letter-spacing: 2px;}
#pagebody { clear: both; width: 800px; margin: 0px 0px 30px 0px;}
#crumb { float: left; margin: 5px 0px 0px 10px; width: 690px; font-size: 9.5px; letter-spacing: 1px; color: #669933;}
#copyright { clear: both; margin: 0px 0px 0px 20px; padding: 0 ;width: 760px; height: 40px; font-size: 9.5px; letter-spacing: 1px; text-align:left;}
#news { margin: 0 auto; width: 760px;}
#news01 { float: left; margin: 40px 30px 10px 0px; width: 560px; height: 310px; background:  url(../img/top/base.gif) no-repeat; text-align:center;}
#news02 { float: right; margin: 25px 0px 10px 0px; width: 160px;}
#newstop01 { float: left; margin: 40px 10px 10px 0px; width: 560px; height: 310px; background:  url(../img/top/base.gif) no-repeat; text-align:center;}
#newstop02 { float: right; margin: 25px 0px 10px 0px; width: 180px;}
#newstop01top { float: left; margin: 25px 10px 10px 0px; width: 560px; height: 310px; background:  url(../img/top/base.gif) no-repeat; text-align:center;}
#newstop02top { float: right; margin: 10px 0px 10px 0px; width: 180px;}
#main { margin: 25px auto; width: 760px;}
#contents { float: left; margin: 0px 40px 10px 0px; width: 460px; height: 600px; background:  url(../img/menu/base02.gif) no-repeat;}
#contents02 { float: left; margin: 0px 20px 10px 0px; width: 480px;}
#contents03 { float: left; margin: 0px 40px 10px 0px; width: 440px; height: 750px; background:  url(../img/menu/base02.gif) no-repeat;}
#contents04 { float: left; margin: 0px 30px 10px 0px; width: 580px; background:  url(../img/menu/base02.gif) no-repeat;}
#contents05 { float: left; margin: 0px 40px 10px 0px; width: 440px; background:  url(../img/menu/base02.gif) no-repeat;}
#info { float: right; margin: 10px 0px 10px 0px; width: 250px;}
#info02 { float: right; margin: 60px 0px 10px 0px; width: 140px;}
#info03 { float: right; margin: 10px 0px 10px 0px; width: 270px;}
#currcontents { margin: 25px auto; width: 760px;}
#currindex { margin: 0px auto; width: 700px; text-align:center;}
#currindex01 {float: left;  margin: 0px; width: 350px; text-align:center;}
#currindex02 {float: right;  margin: 0px; width: 350px; text-align:center;}
#gallerycontents { margin: 25px auto; width: 800px;}
#galleryindex { margin: 0px auto; width: 560px; text-align:center;}
#galleryindex01 {float: left;  margin: 0px; width: 280px; text-align:center;}
#galleryindex02 {float: right;  margin: 0px; width: 280px; text-align:center;}
#cl20 { clear: both; margin: 0 auto; height: 20px;}
#cl20b {
	clear: both;
	margin: 0 auto;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #634C2D;
}
#cl30 { clear: both; margin: 0 auto; height: 30px;}
#cl40 { clear: both; margin: 0 auto; height: 40px;}
#photoindex { float: left; margin: 40px 30px 0px 0px; width: 230px;}
#photoindex02 { float: left; margin: 0px 0px 0px 0px; width: 200px;}
#photomain { float: right; margin: 40px 0px 0px 0px; width: 480px; height: 480px;}



/* イメージ ----------*/
#topphoto { clear: both; width: 800px; height: 310px; background:  url(../img/photo/top.jpg) no-repeat;}
#topflash { clear: both; width: 800px; height: 310px;}
#aboutphoto { clear: both; width: 800px; height: 150px; background:  url(../img/photo/about.jpg) no-repeat;}
#curriculumphoto { clear: both; width: 800px; height: 150px; background:  url(../img/photo/curriculum.jpg) no-repeat;}
#gardenphoto { clear: both; width: 800px; height: 150px; background:  url(../img/photo/garden.jpg) no-repeat;}
#galleryphoto { clear: both; width: 800px; height: 150px; background:  url(../img/photo/gallery.jpg) no-repeat;}
#contactphoto { clear: both; width: 800px; height: 150px; background:  url(../img/photo/contact.jpg) no-repeat;}

/* メニュー ----------*/
#menu { clear: both; margin: 0 0 0 0; width: 800px; height: 30px;}
#menu ul { margin: 0; padding: 0; list-style: none;}
#menu a{ display: block; background: url(../img/menu/default.gif) no-repeat;}
#menu a:hover{ display: block; background: url(../img/menu/over.gif) no-repeat;}
#menu li.menu1 { float: left;}
#menu li.menu2 { float: left;}
#menu li.menu3 { float: left;}
#menu li.menu4 { float: left;}
#menu li.menu5 { float: left;}
#menu li.menu6 { float: left;}
#menu li.menu7 { float: left;}
#menu li.menu1 a{ width: 90px; height: 30px; background-position: 0 0;}
#menu li.menu2 a{ width: 95px; height: 30px; background-position: -90px 0;}
#menu li.menu3 a{ width: 105px; height: 30px; background-position: -185px 0;}
#menu li.menu4 a{ width: 140px; height: 30px; background-position: -290px 0;}
#menu li.menu5 a{ width: 150px; height: 30px; background-position: -430px 0;}
#menu li.menu6 a{ width: 110px; height: 30px; background-position: -580px 0;}
#menu li.menu7 a{ width: 110px; height: 30px; background-position: -690px 0;}
#menu li.menu1 a:hover{ width: 90px; height: 30px; background-position: 0 0;}
#menu li.menu2 a:hover{ width: 95px; height: 30px; background-position: -90px 0;}
#menu li.menu3 a:hover{ width: 105px; height: 30px; background-position: -185px 0;}
#menu li.menu4 a:hover{ width: 140px; height: 30px; background-position: -290px 0;}
#menu li.menu5 a:hover{ width: 150px; height: 30px; background-position: -430px 0;}
#menu li.menu6 a:hover{ width: 110px; height: 30px; background-position: -580px 0;}
#menu li.menu7 a:hover{ width: 110px; height: 30px; background-position: -690px 0;}

/* ニュース ----------*/
.newsbox { width: 560px;  margin: 0px 0px 0px 0px; padding: 0px; letter-spacing:1px;}
.newsbox02 { width: 580px;  margin: 0px 0px 0px 0px; padding: 0px; letter-spacing:1px;}
.newstitle { width: 480px;  height: 12px; margin: 0px 0px 10px 0px;}
.newsdate { float: left; width: 80px; margin: 0px 0px 0px 0px; padding: 0px; font-size:13px; line-height:150%; float: left; letter-spacing:1px; color: #669933;}
.newsdate02 {width: 580px; margin: 0px 0px 10px 0px; padding: 0px; font-size:14px; line-height:150%; float: left; letter-spacing:1px; color: #669933;}
.newstext {float: right; width: 480px; margin: 0px 0px 0px 0px; padding: 0px; font-size:13px; line-height:150%; float: left; letter-spacing:1px; }
.newstext02 {width:580px; margin: 0px 0px 0px 0px; padding: 0px; font-size:13px; line-height:150%; float: left; letter-spacing:1px; }
.news02photo {width: 160px; margin: 0px 0px 0px 0px; padding: 0px; letter-spacing:1px;}
.news02title { width: 160px;  height: 20px; margin: 20px 0px 10px 0px;}
.news02text { width: 160px; margin: 0px 0px 0px 0px; padding: 0px; font-size:11px; line-height:150%; float: left; letter-spacing:1px; }
.newstop02photo {width: 160px; margin: 0px 0px 0px 0px; padding: 0px; letter-spacing:1px;}
.newstop02title { width: 180px;  height: 20px; margin: 20px 0px 10px 0px;}
.newstop02text { width: 180px; margin: 0px 0px 0px 0px; padding: 0px; font-size:11px; line-height:150%; float: left; letter-spacing:1px; }

/* インフォメーション ----------*/
.infobox { width: 245px;  margin: 0px 0px 30px 0px; padding: 0px; letter-spacing:1px; font-size:11px; line-height:150%; }
.infophoto { float: left; width: 100px; margin: 0px 10px 0px 0px; padding: 0px;}
.infotext {float: right; width: 130px; margin: 0px 0px 0px 0px; padding: 0px; float: left; }
.infobox02 { width: 260px;  margin: 0px 0px 30px 0px; padding: 0px; letter-spacing:1px; font-size:11px; line-height:150%; }
.infophoto02 { float: left; width: 100px; margin: 0px 10px 0px 0px; padding: 0px;}
.infotext02 {float: right; width: 150px; margin: 0px 0px 0px 0px; padding: 0px; float: left; }
.eventinfo { width: 250px;  margin: 20px 0px 10px 10px; padding: 0px; font-size:11px; line-height:150%; letter-spacing:1px;}
.eventinfo02 { width: 430px;  margin: 20px 0px 10px 10px; padding: 0px; font-size:12px; line-height:150%; letter-spacing:1px;}
.eventinfo03 { width: 250px;  margin: 20px 0px 10px 10px; padding: 0px; font-size:11px; line-height:150%; letter-spacing:1px;}
/* ギャラリー ----------*/
.gphoto {width: 250px; height: 90px; margin: 20px 0px 10px 0px;}
.gtext {width: 250px;  margin: 0px 0px 0px 0px;}
.sphoto { width: 60px; height: 60px; margin: 0px 6px 6px 0px;  padding: 0px; float: left;}
.gnext{ float: left; margin: 0px 0px 0px 0px; width: 200px; text-align:right;}
.gprev{ float: left; margin: 0px 0px 0px 0px; width: 200px; text-align:left;}
#rose {
	color: #800080;
}
#rose {
	color: #D06186;
}