@charset "utf-8";

/*-----------------------
 layout
 menu
 todaysEcoplaza
 blog
 entry
-----------------------*/

/* layout
-----------------------*/

#all {
	width:946px;
	height:841px;
	background:#EBC783 url(../images/top/bg_frame.jpg);
	border:none;
	position:relative;
}


/* menu
-----------------------*/

h1#logo {
	width:314px;
	height:314px;
	position:absolute;
	left:1px;
	top:1px;
}

p#anniversary {
	display:block;
	width:104px;
	height:104px;
	float:none;
	border:none;
	position:absolute;
	left:-10px;
	top:-10px;
}

#header {
	float:none;
	border:none;
}

li, dt, dd {
	display:block;
	width:104px;
	height:104px;
	float:none;
	border:none;
	position:absolute;
}

li a, dt a, dd a {
	display:block;
	width:104px;
	height:104px;
}

li a:hover, dt a:hover, dd a:hover {
	text-indent:-9999px;
}

/* header */

#header li {
	top:1px;
}

#menuConcept {
	left:316px;
}
#menuManifesto {
	left:421px;
}
#menuAbout {
	left:526px;
}
#menuAround {
	left:631px;
}
#menuStaff {
	left:736px;
}
#menuMap {
	left:841px;
}

/* 3 Themes */

#menu3themesTop {
	left:421px;
	top:211px;
}
#menuMoreTrees {
	left:421px;
	top:316px;
	background:url(../images/common/menu_moretrees_over.gif) no-repeat;
}
#menuOrganic {
	left:526px;
	top:211px;
	background:url(../images/common/menu_organic_over.gif) no-repeat;
}
#menuCO2Free {
	left:316px;
	top:211px;
	background:url(../images/common/menu_co2free_over.gif) no-repeat;
}

/* 3 Spaces */

#menu3spacesTop {
	left:736px;
	top:211px;
}
#menuWorking {
	left:736px;
	top:106px;
	background:url(../images/common/menu_working_over.gif) no-repeat;
}
#menuSearching {
	left:736px;
	top:316px;
	background:url(../images/common/menu_searching_over.gif) no-repeat;
}
#menuLearning {
	left:841px;
	top:211px;
	background:url(../images/common/menu_learning_over.gif) no-repeat;
}

/* schedule */

#menuThisMonth {
	left:316px;
	top:106px;
}
#menuNextMonth {
	left:526px;
	top:106px;
}
#menuThisYear {
	left:841px;
	top:106px;
}

/* people */

#menuWelcome {
	left:631px;
	top:211px;
	background:url(../images/common/menu_welcome_over.jpg) no-repeat;
}

#menuThanks2, #menuThanks3 {
	background:url(../images/common/menu_thanks_over.jpg) no-repeat;
}

#menuThanks {
	left:526px;
	top:316px;
}

#menuThanks1 {
	left:631px;
	top:526px;
}
#menuThanks2 {
	left:736px;
	top:526px;
}
#menuThanks3 {
	left:841px;
	top:526px;
}

#menuThanks1 {
	background:url(../images/common/menu_re_over.jpg) no-repeat;
}


/* エコニ */

#menuEconiTop {
	left:316px;
	top:421px;
	background:url(../images/common/menu_econi_logo_over.gif) no-repeat;
}

#menuEconi1 {
	left:421px;
	top:421px;
	background:url(../images/common/menu_econi_1.jpg) no-repeat;
}

#menuEconi2 {
	left:316px;
	top:526px;
	background:url(../images/common/menu_econi_2.jpg) no-repeat;
}

#menuEconi3 {
	left:421px;
	top:526px;
	background:url(../images/common/menu_econi_3.jpg) no-repeat;
}

#menuEconi1, #menuEconi2, #menuEconi3 {
	padding:5px;
	width:94px;
	height:94px;
	overflow:hidden;
}

#menuEconi1 a, #menuEconi2 a, #menuEconi3 a {
	display:inline;
	width:auto;
	height:auto;
	padding:2px 2px 2px 15px;
	background:black url(../econi/images/common/icon_arrow_y.gif) no-repeat left 0.3em;
	text-decoration:none;
	color:white;
}
#menuEconi1 a:hover, #menuEconi2 a:hover, #menuEconi3 a:hover {
	text-indent:0;
	background:white url(../econi/images/common/icon_arrow_y.gif) no-repeat left 0.3em;
	color:black;
	text-decoration:none;
}

/* 毎日アースデイ新聞 */

#menuPaperTop {
	left:736px;
	top:421px;
}
#menuPaperPdf {
	left:841px;
	top:421px;
	background:url(../images/common/menu_todayspaper_over.gif) no-repeat;
}

/* その他 */

#menuBlog {
	left:631px;
	top:421px;
}
#menuMailmag {
	left:631px;
	top:421px;
}
#menuReserve {
	left:526px;
	top:526px;
}

/* リンク */

#menuLink li a:hover {
	text-indent:0;
}

#menuLink1 {
	left:736px;
	top:736px;
}

#menuLink2 {
	left:841px;
	top:736px;
}

#menuLink3 {
	left:631px;
	top:736px;
}

#menuLink4 {
	left:526px;
	top:736px;
}

#menuLink5 {
	left:421px;
	top:736px;
}

#menuLink6 {
	left:316px;
	top:736px;
}


/* バナー */

#menuAnniversary {
	left:736px;
	top:526px;
	background:url(../images/common/menu_initium_vitae_over.jpg) no-repeat;
}


/* todaysEcoplaza
-----------------------*/

#todaysEcoplaza {
	width:314px;
	height:209px;
	background:#FFF;
	position:absolute;
	left:1px;
	top:316px;
	border-bottom:1px solid #333;
}

/* announce
-----------------------*/

#announce {
	width:314px;
	height:209px;
	overflow:auto;
	background:#FFF;
	position:absolute;
	left:1px;
	top:526px;
	border-bottom:1px solid #333;
}

#announce h2 {
	margin:15px 0 10px 15px;
	font-size:small;
	line-height:1;
}


/* blog
-----------------------*/

#blog {
	width:314px;
	height:104px;
	overflow:auto;
	background:#FFF;
	position:absolute;
	left:1px;
	top:736px;
}

#blog h2 {
	margin:15px 0 10px 15px;
	font-size:small;
	line-height:1;
}

#blog h3 {
	font-size:small;
}

#blog p.entryDate {
	color:#4BA000;
	line-height:1.1;
	padding-bottom:2px;
}

#blog dl {
	width:280px;
	margin:0 0 15px 15px;
}
#blog dl:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#blog dt {
	display:block;
	position:relative;
	width:3.5em;
	height:auto;
	float:left;
	clear:left;
	color:#4BA000;
}

#blog dd {
	padding-left:4em;
	position:relative;
	width:auto;
	height:auto;
	margin-bottom:5px;
}

#blog dd a {
	display:inline;
	width:auto;
	height:auto;
}

#blog dd a:hover {
	text-indent:0;
}


/* entry
-----------------------*/

.entry {
	width:280px;
	margin:0 0 15px 15px;
}

.entryTitle {
	padding:3px;
	font-size:medium;
	margin-bottom:5px;
}

.entryTitle .en {
	font-size:x-small;
	font-weight:normal;
	padding-top:2px;
}

.entryBody {
	padding-bottom:0;
	line-height:1.5;
}

p.readMore {
	font-size:x-small;
}
