@charset "utf-8";

/* -basic- */

html, body {
	background:#fff;
	font-family:'Lucida Grande', Arial;
	line-height:140%;
	margin:0;
	padding:0;
}

img {border:0; margin:0; padding:0;}
div, ul, li, p {margin:0; padding:0;}

li {list-style:none;}
p {font-size:78%;}

p.small {
	font-family:'Lucida Grande', Verdana;
	font-size:62%;
	line-height:165%;
}

a {color:#206E00; text-decoration:none;}

a:hover {text-decoration:underline;}

#wrapper {
	margin:0;
	padding:0;
	width:1024px;
}

/* -header- */

#topblock {
	display:block;
	height:50px;
}

#top h1 {
	background:url(../images/logo.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#top h1 a {
	display:block;
	height:50px;
	width:270px;
}

#header {
	float:right;
}

#header ul {
	margin:13px 0 0;
	padding:0;
}

#header li {
	clear:right;
	display:inline;
	float:left;
}

#header li a {
	display:block;
	text-indent:-9999px;
}

li#hd1 a {
	background:url(../images/hd1.gif) no-repeat;
	width:71px;
	height:27px;
	margin:8px 21px 0 0;
}

li#hd2 a {
	background:url(../images/hd2.gif) no-repeat;
	width:71px;
	height:27px;
	margin:8px 21px 0 0;
}


/* -global Navi- */

#globalNav {
	clear:both;
	font-size:0.1em;
	position:absolute;
}

#globalNav li a:hover {
	background-position:0 -30px;

}

#pankuzu {
	font-size:72%;
	padding:40px 10px 0;
	text-align:left;
}

/* -main area- */

#contents {
	clear:both;
	display:block;
	margin-bottom:0;
}

.second {
	margin:0 18px;
	width:988px;
}

.centric {
	margin:0 140px;
	width:685px;
}

#wn {
	background:url(../images/tl_wn.gif) 0 15px no-repeat;
	border-bottom:solid 1px #c8c8c8;
	display:block;
	margin:30px 10px 17px 17px;
	width:600px;
}

#wn dl {
	height:80px;
	padding:15px 0 0 134px;
}

#wn dt {
	font-size:68%;
	color:#8ea720;
}

#wn dd {
	font-size:68%;
	margin:-2.1em 0 -0.2em 75px;
}

/* -footer- */

#tree {border-left:solid 1px #c8c8c8; float:right; padding-top:10px; margin-top:20px;}
html>body #tree {margin-top:10px;}
html>/**/body #tree {margin:10px 0 0 620px; text-align:right; position:absolute;}

#secondtree {position:absolute; right:0; margin-top:-46px; text-align:right; float:right;}
html>body #secondtree {margin:-50px -48px 0 0;}
html>/**/body #secondtree {margin:0 0 0 620px; right:auto; position:relative;}

#address {
	height:48px;
	background:url(../images/ft_adr.gif) no-repeat;
	margin:10px 17px;
	text-indent:-9999px;
	width:597px;
}

#addressSec {
	height:48px;
	background:url(../images/ft_adr.gif) no-repeat;
	margin:50px 12px 0;
	text-indent:-9999px;
	width:597px;
}

html>body #addressSec {
	margin:50px 12px 13px -8px;
}

html>/**/body #addressSec {
	margin:50px 12px 13px;
}

#footer {
	background:url(../images/mb_footer.gif) no-repeat;
	display:block;
	height:55px;
	margin-top:20px;
	width:1024px;
}

#footersecond {
	background:url(../images/mb_footer.gif) 0 10px no-repeat;
	display:block;
	height:65px;
	width:1024px;
}

#footersecond img {
	float:left;
	margin-top:10px;
}

html>/**/body #footersecond img {
	float:left;
	margin-top:-31px;
}

#footer p, #footersecond p {
	margin-left:100px;
	text-indent:-9999px;
}

ul.footer li {
	text-indent:-9999px;
}

/* -alternative selector- */

.clear {clear:both;}

/* -titles- */
h2 {
	height:65px;
	margin:0;
	text-indent:-9999px;
	width:988px;
}

body.concept h2 {background:url(../concept/images/h2.gif) no-repeat;}
body.gallery h2 {background:url(../gallery/images/h2.gif) no-repeat;}
body.member h2 {background:url(../member/images/h2.gif) no-repeat;}
body.activity h2 {background:url(../activity/images/h2.gif) no-repeat;}
body.areamap h2 {background:url(../areamap/images/h2.gif) no-repeat;}
body.event h2, body.event_d h2 {background:url(../event/images/h2.gif) no-repeat;}
body.topics h2, body.topics_d h2 {background:url(../topics/images/h2.gif) no-repeat;}
body.sitemap h2 {background:url(../images/sitemap.gif) no-repeat;}

h3 {color:#126f32; margin:5px 0;}
body.event h3, body.topics h3 {font-size:100%;}
body.event_d h3, body.topics_d h3 {border-top:solid 1px #a9c500; border-bottom:solid 1px #e8e8e8; padding:10px 5px; font-size:100%; text-align:center;}
body.event_d div.d_eventtext h4 {background:url(../event/images/h4bg.gif) 0 no-repeat!important; border-bottom:solid 1px #dbdbdb; padding:5px 0 1px 24px; margin:10px 0 5px 20px;}
body.event_d div.d_eventtext h5 {font-size:100%; border-bottom:solid 1px #dbdbdb; margin:10px 0 5px 20px;}

.toppage h4 {padding:0; margin:0;}
.lead {padding:15px;}

/* -concept relations- */

body.concept h3 {
	display:block;
	height:75px;
	text-indent:-9999px;
	width:550px;
}

body.concept h3.ja {
	background:url(../concept/images/tl_h3_concept_ja.gif) #fff no-repeat;
	margin:15px 0 5px 20px;
	padding-left:10px;
}

body.concept h3.en {
	background:url(../concept/images/tl_h3_concept_en.gif) #fff 0 5px no-repeat;
	margin:35px 0 0 20px;
	padding-left:10px;
	padding-top:5px;
}

body.concept h4 {
	color:#2a8600;
	font-size:78%;
	margin:10px 0 0 0;
	padding:0 10px;
}

body.concept p {
	padding:0 25px;
	margin-bottom:10px;
}


div#leftColumn {
	clear:right;
	float:left;
	width:460px;
}

div#leftColumn h4 {padding:0;}
div#leftColumn p {padding:0 15px 0 0;}
div#rightColumn {clear:right;}
div#rightColumn p {padding:0 15px 0 25px;}

/* -gallery relations- */

body.gallery h3 {
	border-bottom:solid 3px #b8db8b;
	color:#333333;
	padding:20px 0 5px;
}

body.gallery h4 {
	color:#126f32;
	margin:5px 0;
}

div#photos {
/*	margin:0 10px;*/
}

div#eventphotos {
	margin:0 115px;
}

div.photo {
	float:left;
	margin:10px 10px 10px 15px;
	width:450px;
}

html>body div.photo {
	margin:10px 24px 10px 20px;
}

div.photo p {
	margin-bottom:10px;
}


/* -event relations- */

div.eventbox {
	margin:0 120px;
}

div.eventphoto {
	float:left;
	margin:10px 12px;
	width:260px;
}

div.eventtext {
	float:left;
	margin:10px 12px;
	width:420px;
}

div.d_eventphoto {
	float:left;
	margin:10px 12px;
	width:255px;
}

div.d_eventphoto img {
	margin:10px 0;
}

div.d_eventtext {
	font-size:78%;
	float:left;
	margin:10px 0;
	width:450px;
}

.graybox {
	background:#f9f9f9;
	border:solid 1px #c8c8c8;
	padding:10px;
	margin:10px 40px;
}

.detail {margin-top:12px;}

#season_navi {width:948px; text-indent:-9999px; margin:20px 20px 0;}
#season_navi ul li {display:inline; float:left;}
#season_navi ul li a:hover {background-position:0 -64px;}

body.spring #s1 a,
body.summer #s2 a,
body.fall #s3 a,
body.winter #s4 a,
body.video #s5 a {
	background-position:0 -64px;
}

#s1 a {background:url(../gallery/images/season01.jpg) no-repeat; display:block; width:191px; height:64px;}
#s2 a {background:url(../gallery/images/season02.jpg) no-repeat; display:block; width:190px; height:64px;}
#s3 a {background:url(../gallery/images/season03.jpg) no-repeat; display:block; width:190px; height:64px;}
#s4 a {background:url(../gallery/images/season04.jpg) no-repeat; display:block; width:191px; height:64px;}
#s5 a {background:url(../gallery/images/season05.jpg) no-repeat; display:block; width:186px; height:64px; clear:right;}

#under_navi {/*background:url("../gallery/images/sdw.gif") no-repeat bottom #f4f3f4;*/ border-top:solid 3px #0f6f30; clear:both; width:948px; margin:0 20px;}
#under_navi p {padding:10px 10px 16px;}

div.d_eventtext ul {
	margin-left:50px;
}

ul.disc li {
	list-style:disc outside;
}

ul.noli li {
	list-style:none;
	margin-left:10px;
}

.yet {
	color:#ff6479;
	font-weight:bold;
}