@charset "utf-8";

/*トップページ専用*/

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

#home #caution{
	border:1px #090 solid;
	width:908px;
	padding:20px 10px 20px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	margin:15px auto -5px;
}
#home #container{
	position:relative;
	z-index:2;
	overflow:hidden;
	width:930px;
	vertical-align:top;
	font-size: 12px;
	margin-top: -10px;
	color: #333;
}


/* 背景動物たち */

#home #animalBox{
	width:930px;
	margin:15px auto 0px;
	position:relative;
}

#home div.iguana{
	position:absolute;
	left: -60px;
	top: 277px;
	z-index:1;
}
#home div.macaw{
	position:absolute;
	left: 910px;
	top: 100px;
	z-index:1;
}
#home div.bird{
	position:absolute;
	left: 812px;
	z-index:3;
	bottom: -50px;
}
#home div.monkey{
	position:absolute;
	left: 888px;
	z-index:1;
	bottom: -190px;
}
#home div.capibara{
	position:absolute;
	left: 488px;
	z-index:3;
	bottom: -60px;
}
#home div.pig{
	position:absolute;
	left: 49px;
	z-index:3;
	bottom: -60px;
}


/* container setting */

#home #container ul {
	list-style-type: none;
}
#home #container img {
	vertical-align: bottom;
}

/* leftCnt setting */

div#leftCnt {
	float: left;
	width: 610px;
}

/* spbox setting */

div#spBox {
	border: 1px solid #dea303;
	border-top: none;
	margin-bottom: 15px;
	padding: 0 0 15px 15px;
	background-color: #fff;
}
div#spBox ul {
	overflow: hidden;
	zoom: 1;
}
div#spBox ul li {
	display: block;
	float: left;
	width: 285px;
	height: 81px;
	margin-top: 15px;
	padding-right: 8px;
}
div#spBox ul li p {
	padding-top: 15px;
	overflow: hidden;
	line-height: 1.4;
	cursor: pointer;
}
div#spBox ul li span {
	font-size: 10px;
}
div#spBox ul li a {
	display: block;
	width: 285px;
	height: 81px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	color: #930000;
}
div#spBox ul li a span {
	line-height: 1.4;
	font-weight: normal;
	color: #333;
	text-decoration: none !important;
}
div#spBox ul li a:link span,
div#spBox ul li a:visited span,
div#spBox ul li a:hover span,
div#spBox ul li a:active span{
	text-decoration: none;
}
div#spBox ul li img {
	float: left;
	margin: 4px 10px 0 4px;
}
div#spBox ul li.spAnimal a {
	background: url(img/bg_sp_btn.gif) 0 0 no-repeat;
}
div#spBox ul li.spDog a {
	background: url(img/bg_sp_btn.gif) -285px 0  no-repeat;
}
div#spBox ul li.spOcean a {
	background: url(img/bg_sp_btn.gif) -570px 0 no-repeat;
}
div#spBox ul li.spNature a {
	background: url(img/bg_sp_btn.gif) -855px 0 no-repeat;
}
div#spBox ul li.spFlower a {
	background: url(img/bg_sp_btn.gif) -1140px 0 no-repeat;
}
div#spBox ul li.spAgliculture a {
	background: url(img/bg_sp_btn.gif) -1425px 0 no-repeat;
}
div#spBox ul li.spOther a {
	background: url(img/bg_sp_btn.gif) -1710px 0 no-repeat;
}

/* hover setting */

div#spBox ul li.spAnimal a:hover {
	background: url(img/bg_sp_btn.gif) 0 -81px no-repeat;
}
div#spBox ul li.spDog a:hover {
	background: url(img/bg_sp_btn.gif) -285px -81px  no-repeat;
}
div#spBox ul li.spOcean a:hover {
	background: url(img/bg_sp_btn.gif) -570px -81px no-repeat;
}
div#spBox ul li.spNature a:hover {
	background: url(img/bg_sp_btn.gif) -855px -81px no-repeat;
}
div#spBox ul li.spFlower a:hover {
	background: url(img/bg_sp_btn.gif) -1140px -81px no-repeat;
}
div#spBox ul li.spAgliculture a:hover {
	background: url(img/bg_sp_btn.gif) -1425px -81px no-repeat;
}
div#spBox ul li.spOther a:hover {
	background: url(img/bg_sp_btn.gif) -1710px -81px no-repeat;
}

/* rightCnt setting */

div#rightCnt {
	float: right;
	width: 300px;
}
div#trialBox,
div#eventCalBox,
div#sessionBox {
	border: 1px solid #b4c91a;
	border-top: none;
	margin-bottom: 15px;
	background-color: #fff;
	padding: 15px;
}
div#underCntBox {
	background: url(img/bg_under_cnt.jpg) left bottom no-repeat;
	overflow: hidden;
	zoom: 1;
}
div#mySchoolBox,
div#ecoMarketBox {
	border-top: none;
	width: 300px;
	float: left;
}
div#ecoMarketBox {
	margin-left: 10px;
}
div#mySchoolBox p,
div#ecoMarketBox p {
	padding: 15px;
	overflow: hidden;
	zoom: 1;
}
div#mySchoolBox p img,
div#ecoMarketBox p img {
	float: left;
	margin-right: 10px;
}
div#mySchoolBox p span,
div#ecoMarketBox p span {
	overflow: hidden;
	line-height: 1.4;
	display: block;
	cursor: pointer;
}

/* eventCalBox setting */

div#eventCalBox {
	padding: 15px;
}
div#eventCalBox p.calHd {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 5px;
	font-weight: bold;
}
div#eventCalBox p span.calMonth {
	float: left;
}
div#eventCalBox p span.calNavi {
	float: right
}
div#eventCalBox p.calNote {
	padding-top: 5px;
}

/* trialBox setting */

div#trialBox {
	padding-right: 0;
}
div#trialBox p {
	font-weight: bold;
}




div#trialBox ul {
	overflow: hidden;
	zoom: 1;
	width: 595px;
}
div#trialBox ul li {
	float: left;
	padding: 10px 9px 0 0;
}
div#trialBox ul li a {
	width: 186px;
	height: 186px;
	text-indent: -999px;
	display: block;
	background: url(img/btn_trial.jpg) 0 0 no-repeat;
}
div#trialBox ul li#trialBtn01 a {
	background-position: 0 0;
}
div#trialBox ul li#trialBtn02 a {
	background-position: -186px 0;
}
div#trialBox ul li#trialBtn03 a {
	background-position: -372px 0;
}
div#trialBox ul li#trialBtn04 a {
	background-position: 0 -372px;
}
div#trialBox ul li#trialBtn05 a {
	background-position: -186px -372px;
}
div#trialBox ul li#trialBtn06 a {
	background-position: -372px -372px;
}

/* hover setting */

div#trialBox ul li#trialBtn01 a:hover {
	background-position: 0 -186px;
}
div#trialBox ul li#trialBtn02 a:hover {
	background-position: -186px -186px;
}
div#trialBox ul li#trialBtn03 a:hover {
	background-position: -372px -186px;
}
div#trialBox ul li#trialBtn04 a:hover {
	background-position: 0 -558px;
}
div#trialBox ul li#trialBtn05 a:hover {
	background-position: -186px -558px;
}
div#trialBox ul li#trialBtn06 a:hover {
	background-position: -372px -558px;
}

/* sessionBox setting */

div#sessionBox {
	padding-bottom: 0;
	margin-bottom: 0;
}
div#sessionBox p.description {
	font-weight: bold;
}
div#sessionBox ul li {
	background: url(img/line_dot_01.gif) left bottom repeat-x;
	overflow: hidden;
	zoom: 1;
	padding: 8px 0 10px 0;
}
div#sessionBox ul li img {
	float: left;
	margin-right: 10px;
}
div#sessionBox ul li a {
	overflow: hidden;
	zoom: 1;
	cursor: pointer;
}
div#sessionBox ul li a span {
	display: block;
	line-height: 1.4;
	overflow: hidden;
}
div#sessionBox span.moreLink {
	display: block;
	padding: 5px 0 10px 0;
	text-align: right;
}
div#sessionBox span.moreLink a {
	background: url(img/icon_arrow_01.gif) left center no-repeat;
	padding-left: 20px;
	font-weight: bold;
	line-height: 1.7;
	display: inline-block;
}

/* calendar */

.calenderNaviStatic {
	position:relative;
	font-weight: bold;
	font-size: 14px;
	width: 268px;
	height: 220px;
}
.calenderNavi{
	position:absolute;
	width:150px;
	top: 0px;
	right: 0px;
	text-align: right;
	font-weight: bold;
}
.changeMONTH {
	display: none;
}
.changeMONTH p {
	padding-top: 10px;
}