/* ----

miyake-eco.net css ver.0.6
2005/07/03 22:17
with arealog page

-------*/


body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #353535;
	font-family: "Lucida Grande", "Verdana", "Arial", "ヒラギノ角ゴ Pro W3", "sans-serif";
	font-size: 0.8em;

	}
body#wm { background-color: #A1C8E0;}
body#an { background-color: #B4E3DF;}
body#ex { background-color: #B1E0B1;}
body#kn { background-color: #D4ED9B;}
body#wh { background-color: #96D8E8;}
body#bl { background-color: #F5DFE0;}
body#ml { background-color: #F6F8AF;}


p { font-size: 0.8em; line-height: 1.8em; }

a { color: #996600;}
a:link, a:visited, a:active { color: #996600; }
a:hover { color: #ff9933; }

h1, h2, h3 { margin: 0px; padding: 0px; font-weight: normal; }
h3 { font-size: 1.2em; line-height: 1.5em; }

img { border: none; }

em {
	background: #ededed;
	font-style: normal;
	text-decoration: none;
	padding: 2px;
}

.bold { font-size: 1.0em; font-weight: bold }

.hr1  { height: 1px; color: #ddd; border: none; background-color: #ddd; margin: 5px 0; }
.hr12  { height: 1px; color: #ddd; border: none; background-color: #ddd; margin-top: 0px; margin-bottom: 15px; }
.handhr  { width: 520px; height: 10px; background: url(../image/handhr.gif) no-repeat; border:none;}

.lefty { float: left; padding: 0; margin-right:10px;}
.right { float: right; padding: 0; margin-left:10px;}

.center { text-align: center;}
.txtright { text-align: right;}

.btn { margin-bottom: 3px;}

.read {font-size: 1.0em; margin-top:0; padding: 0;}
.read a { text-decoration: none;}
.read a:hover { text-decoration: underline; }

.akacocco dt { float: left; font-weight: bold; margin-bottom: 1.0em; font-size: 0.8em; line-height: 1.2em; 	clear: both;
}
.akacocco dd { font-size: 0.8em; margin-bottom: 1.0em; margin-left: 7.0em; line-height: 1.2em;  }


.chrono dl {position:absolute}

.chrono dt {
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 1.0em;
	line-height: 1.2em;
	float: left;
	width: 15em;
	clear: both;
}

.chrono dd {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 0 1.0em 15em;
	line-height: 1.2em;
	}

.browser dt { font-weight: bold; margin-top: 1.0em; font-size: 0.8em; line-height: 1.2em; }
.browser dd { font-size: 0.8em; margin-left: 4.0em; line-height: 1.2em;  }



.datalogo {font-size:0.8em;}

/*-----Wrapper Main
-----------------------------------------------------*/

#container {
	margin: 0 auto auto auto;
	text-align: left;
	padding: 0;
	width: 770px;
	background-color: #ffffff;
	border: 1px solid #999999;
	}

#main {
	float: left;
	padding: 0px 30px 0 23px;
	margin: 0;
	border: none;
	width: 575px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 525px;
}

#main li { font-size: 0.8em; line-height: 1.5em; }

#main2 {
	float: left;
	padding: 0px 30px 0 23px;
	margin: 0;
	border: none;
	width: 758px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 705px;
}

/*--Sidebar
------------------------------------------------------------------*/


.topcnr { background: #ddd url(../image/topics_tr.gif) no-repeat top right; }
.btmcnr { background: #ddd url(../image/topics_br.gif) no-repeat bottom right; }
.cnr { width: 11px; height: 11px; border: none; display: block; }


#sidebar, #sidebar2, #sidebar3 { float: left; width: 171px; margin-top:10px;}

#sidebar2 {margin-top: 100px;}


/*--Header
------------------------------------------------------------------*/

.logo {
	margin: 0;
	display: block;
	background-image: url(../image/miyakelogo.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	height: 120px;
	}

.header00, .header01, .header02, .header03, .header04, .header05, .header06, .header07 {
	display: block;
	height: 120px;
}

.header00 {background: url(../image/headerimage00.gif) no-repeat top right;}
.header01 {background: url(../image/headerimage01.gif) no-repeat top right;}
.header02 {background: url(../image/headerimage02.gif) no-repeat top right;}
.header03 {background: url(../image/headerimage03.gif) no-repeat top right;}
.header04 {background: url(../image/headerimage04.gif) no-repeat top right;}
.header05 {background: url(../image/headerimage05.gif) no-repeat top right;}
.header06 {background: url(../image/headerimage06.gif) no-repeat top right;}
.header07 {background: url(../image/headerimage07.gif) no-repeat top right;}


/*--Nav
----------------------------------------------- */
#navi {
	background-color:#f4f4f3;
	color: #000;
	float:left;
	width:770px;
	border:solid #ddd;
	border-width:1px 0;
  }
#navi ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  text-transform: lowercase;
  }
#navi li {
  float: left;
  margin: 0;
  padding: 0;
  line-height: normal;
  text-indent: 0;
  }
#navi a {
  display: block;
  padding: 5px 7px 6px;
  border: solid #ddd;
  border-width: 0 1px 0 0;
  color: #000;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  }

#navi a:hover {
	color: #fff;
 	background-color: #4FBF31;
	background-repeat: no-repeat;
 	}


/*--You Are Here
------------------------------------------------------------------*/


body#home #navi li#nhome a,
body#wm #navi li#nwm a,
body#an #navi li#nan a,
body#ex #navi li#nex a,
body#kn #navi li#nkn a,
body#wh #navi li#nwh a,
body#bl #navi li#nbl a,
body#ml #navi li#nml a {
	background: #4FBF31;
	border-right: 1px solid #eee;
	color: #fff;
}


/*--Sidebar Contents
----------------------------------------------- */


.chief, .nttdata, .volcanoinfo {
	position: relative;
	width: 171px;
	height: 54px;
	margin-bottom: 5px;
}

.chief { background: url(../image/chief_greeting.gif) no-repeat 0 0px; }
.nttdata { background: url(../image/nttdata_greeting.gif) no-repeat 0 0;}
.volcanoinfo { width: 171px; height: 54px; background: url(../image/volcano_info.gif) no-repeat 0 0;}

.topicstop {
	background: url(../image/topics.gif) no-repeat;
	width: 171px;
	height: 27px;
	margin: 0 0 5px 0;
}

#topicsbg { background: url(../image/topics_bg.gif) repeat; width: 171px; }
#sidebarbg { background: url(../image/topics_bg.gif) repeat; width: 171px; }


.info { width: 150px; margin: 0 10px 0 11px; }
.info p { text-decoration: none; font-size: 0.8em; line-height: 1.5em; text-indent: 2px 0 0 0; margin-bottom: 3px; color: #333; }
.info p a:link, .info p a:visited  { color: #333; text-decoration: none; }

.info h2 { color: #333; font-size: 1.0em; line-height: 1.2em; }
.info h3 { color: #ff7f50; font-size: 0.8em; line-height: 1.2em; font-weight: bold; }
.info h3 a:link, .info h3 a:visited  { color: #ff7f50; text-decoration: none; }
.info p a:hover { color: #ff7f50; text-decoration: none; }
.info h3 a:hover{ color: #006699; text-decoration: none; }


.google { width: 150px; margin: 0 10px 0 11px; font-size:1.0em; }
.google img { margin-bottom: -20px; }
.google p { line-height: 1.0em;}


.calender { font-size: 12px; line-height: 150%; }
.calender-focus { font-size: 12px; font-weight: bold; line-height: 150%; color: #da0000; }

.newinfo {
	list-style: none;
	font-size: 0.8em;
	line-height: 1.5em;
	text-indent: 2px 0 0 0;
	margin: 0 0 0 10px;
	padding: 0;
}

.cmmt {
	list-style: none;
	font-size: 0.7em;
	line-height: 1.8em;
	text-indent: 2px 0 0 0;
	margin: 0 0 0 20px;
	padding: 0;
}

#soundmovie {
	background: #eee;
	display: block;
	width: 100px;
	padding: 3px;
	font-size: 0.8em;
	text-align: center;
	margin: 10px 10px 10px 0px;
	border: 1px solid green;
	}


/*-- Header
----------------------------------------------- */

.area {
 	display: block;
	font-size: 0.8em;
	line-height: 1.8em;
	margin-top: 30px;
	margin-bottom: 30px;
	}

.areablk {
	font-size: 2.5em;
	color: #888;
	vertical-align: baseline;
	margin-right: 10px;
	}

.pagetitle2 {
	display: block;
	font-size: 2.0em;
	color: #888;
	margin-top: 30px;
	margin-bottom: 27px;
	}




/*--Area Log Text
----------------------------------------------- */

.wonderdate { font-size: 0.8em; font-weight: bold; }
.wondertitle { font-size: 1.2em; color: #3360aa; font-weight: bold; }
.wondertitle a { text-decoration: none; }
.wondertext { font-size: 0.8em; line-height: 1.8em; }
.wonderwrite { line-height: 0.5em;}
.wondercommt { font-size: 0.7em; line-height: 1.7em; }


/*--PageNation
----------------------------------------------- */
.pagenation {
	display: block;
	font-size: 0.8em;
	margin-top: 15px;
	margin-bottom: 25px;
}



/*--Page of Welcome
------------------------------------------------------------------*/

.wmestopcnr { background: #f9ecbf url(../image/welcmesg_tr.gif) no-repeat top right; }
.wmesbtmcnr { background: #f9ecbf url(../image/welcmesg_br.gif) no-repeat bottom right; }
.wmescnr { width: 16px; height: 16px; border: none; display: block; }

.welcome { background-color: #f9ecbf;
	background: url(../image/paper.gif) 0 0;
	padding: 0px;
	margin-top:10px;
}

.welcometitle { font-weight: normal;
	font-size: 1.0em;
	color: #800000;
	margin-left: 10px;
	vertical-align: bottom;
}
.welcome p {
	display: block;
	margin: 10px;
}

.wmtopcnr { background: #ddd url(../image/wmwr_tr.gif) no-repeat top right; }
.wmbtmcnr { background: #ddd url(../image/wmwr_br.gif) no-repeat bottom right; }
.wmcnr { width: 20px; height: 20px; border: none; display: block; }

.mapwrap {
	width: 100%;
	background-color: #A7CFE2;
	padding: 0;
	margin-bottom: 20px;
}


.mapwrap div.wminfo {
	display: block;
	width: 230px;
	float: left;
	margin: 0px;
	}

.mapwrap p {
	margin:8px 0px;
}

.mapinfo {
	float: left;
	list-style: none;
	width: 220px;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.4em;
	}


.mapinfo li {
	display: block;
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../image/wonder_dot.gif) no-repeat 0 3px;
	}

.mapinfo em {
	background: #fdb36f;
	font-style: normal;
	text-decoration: none;
	margin-left: 10px;
	padding: 2px;
	}

.mapinfo em a {
	color: #000;
	font-style: normal;
	text-decoration: none;
	}

.mapinfo em a:hover {
	color: #ddd;
	font-style: normal;
	text-decoration: none;
	}

/*--Page of WonderMap
----------------------------------------------- */

.wmw { width: 688px; margin: 0; padding: 0 0 0 50px; display: block; }
.wmw ul { font-size: 0.8em; line-height: 1.8em; list-style: none; text-indent: -20px; margin: -1.0em; }


/*--Page of Ecotour
----------------------------------------------- */
.ettopcnr { background: #ddd url(../ecotour/image/tr.gif) no-repeat top right; }
.etbtmcnr { background: #ddd url(../ecotour/image/br.gif) no-repeat bottom right; }
.etcnr { width: 18px; height: 18px; border: none; display: block; }
.et {background: #edeee9; width: 100%; }
.etcts {margin: 10px; }
.etcts h3 {color: #774F07; font-size: 0.8em; line-height: 1.8em; }
.etcts ul {list-style: none; margin: 0px; padding: 0;}
.etcts li {display: block; width: 180px; float: left;
	margin: 5px 10px 5px 25px; padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 5px 10px 5px 35px; padding: 0;
}
.etcts img {margin-bottom: 10px; }
.etmark { float: left; margin: -15px 10px 5px 10px; }

/*--Page of Knowledge
----------------------------------------------- */

.knlist ul {
	list-style: none;
	margin: 0;
}

.knlist li {
	width: 300px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 0.3em;
}

.knimg {float: left;
	margin: 5px 10px 10px 0px;}


/*--Page of Sitemap
----------------------------------------------- */



.sitemap li {
	font-size: 1.4em;
	margin-top: 10px;
	list-style-type: none;
	margin-left:5px
}

.sitemap2 li {
	margin-top: 10px;
	list-style-type: none;
	margin-left:-20px
}




/*--Footer
----------------------------------------------- */

.footer {
	display: block;
	background: #efefef;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.8em;
	color: #555;
	width: 770px;
	padding: 1px 0 1px 0;
	}

.footer a { color: #333; }
.footer a:hover { color: #ff9933; }


/*--Profile
----------------------------------------------- */
.profile dt {
	font-size: 0.8em;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}

.profile dd { font-size: 0.8em; line-height: 1.8em }
.profile dd h2 { font-size: 1.2em; }


/*--CommentWindow
----------------------------------------------- */

#cmt {
	margin: 0 auto auto auto;
	text-align: center;
	padding: 0px;
	width: 370px;
	background-color: #ffffff;
	border: 1px solid #999999;
	}


.cmtmain {
	text-align: left;
	padding: 0px 15px 0 15px;
	width: 340px;
	background-color: #ffffff;
	}

textarea { font-size: 1.0em; }

/*--Garelly
----------------------------------------------- */



.photomt {
	background: url(../image/photomount.gif) 0 0 no-repeat;
	float: left;
	display: block;
	margin: 0;
	padding: 0px;
	width: 177px;
	height: 176px;
}
.photo {
	display:block;
	border:1px solid;
	border-color:#bbb #fff #fff #bbb;
	padding: 0;
	margin-top:30px;
	margin-left:22px;
}

.gphotomt {
	background: url(../image/photomount.gif) 0 0 no-repeat;
	float: left;
	display: block;
	margin: 0 20px 10px ;
	padding: 0px;
	width: 177px;
	height: 176px;
}

.gphoto {
	display:block;
	border:1px solid;
	border-color:#bbb #fff #fff #bbb;
	padding: 0;
	margin-top:20px;
	margin-left:22px;
}


.gallery { float: left; margin: 0; padding: 0;text-align:center; }
.gtext { display: block; margin: 3px; text-align:center; font-size: 0.6em;}

.form { display: block; padding: 20px; }



/* IE5/Mac */

.logo { padding-top: 120px; overflow: hidden; line-height: 200%; }
.chief { padding-top: 57px; overflow: hidden; line-height: 200%; }
.nttdata { padding-top: 57px; overflow: hidden; line-height: 200%; }
.volcanoinfo { padding-top: 57px; overflow: hidden; line-height: 200%; }
.topicstop { padding-top: 57px; overflow: hidden; line-height: 200%; }

/* other IE5/Mac \*/
.logo, .chief, .nttdata, .topicstop, .volcanoinfo { padding-top/**/: 0; text-indent/**/: -9999px; }