@charset "UTF-8";
*{
	border: none;
	margin: 0;
	padding: 0;
	list-style: none outside;
	font: normal normal normal 100%/1.7em Osaka,Verdana,Arial,Helvetica,sans-serif;
	letter-spacing: 0;
	text-decoration: none;
}

body{
	text-align: center;
	font-size: 80%;
	height: 100%;
	color: #303d3c;
	position: relative;
	background: #fff;
}



#catch{
	position: absolute;
	font-size: 80%;
	color: #838383;
	width: 470px;
	top: 30px;
	left: 10px;
}


/* -------------------- general -------------------- */

hr{
	display: block;
	clear: both;
	color: #fff;
}

.main a:link, .main a:visited{
	color: #a3db09;
	font-weight: bolder;
}

.main a:hover, .main a:active{
	color: #00382a;
}

#content{
	text-align: justify;
	width: 720px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background: #f3fae7 url(./img/forest/content.gif) top center repeat-y;
}



#content p{
	line-height: 1.7em;
	letter-spacing: 0.1em;
}

#header{
	width: 720px;
	height: 181px;
	background: #fff url(./img/forest/head.png) center bottom no-repeat;
}


#header a:link, #header a:visited, address a:link, address a:visited{
	color: #a3db09;
	font-weight: bolder;
}

#header a:hover, #header a:active{
	color: #fff;
}

address a:hover, address a:active{
	color: #fff;
	background-color: #a3db09;
}

table{
	margin: 1em 0;
}

#title{
	height: 181px;
	font-weight: bolder;
	font-size: 130%;
}

#title a{
	display: block;
	position: relative;
	left: 20px;
	top: 72px;
}

#title a:link, #title a:visited{
	color: #fff;
}

#title a:hover, #title a:active{
	padding-left: 1px;
	padding-top: 1px;
}

a#inq, a#cha, a#flo, a#ori{
	display: block;
	width: 130px;
	height: 30px;
	margin: 0 0 0 auto;
	overflow: hidden;
	text-indent: 130px;
	white-space: nowrap;
	color: #a3db09;
}

a#inq:link, a#inq:visited{
	background: url(./img/forest/b_inq.png) 0px 0px no-repeat;
}

a#cha:link, a#cha:visited{
	background: url(./img/forest/b_cha.png) 0px 0px no-repeat;
}

a#flo:link, a#flo:visited{
	background: url(./img/forest/b_flo.png) 0px 0px no-repeat;
}

a#ori:link, a#ori:visited{
	background: url(./img/forest/b_ori.png) 0px 0px no-repeat;
}

a#inq:hover, a#inq:active, a#cha:hover, a#cha:active, a#flo:hover, a#flo:active, a#ori:hover, a#ori:active{
	background-position: 0px -30px;
}

#footer{
	clear: both;
	height: 60px;
	padding-top: 5px;
	color: #fff;
	background: url(./img/forest/foot.png) center bottom no-repeat;
	font-size: 85%;
	text-align: right;
	margin-top: 1em;
	padding-right: 2em;
}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

#footer a:link, #footer a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	border-bottom: dashed 1px #fff;
}

#footer a:hover{
	border-bottom: solid 1px #fff;
}

p.count{
	color: #a3db09;
}



h1{
	background: #fff url(./img/forest/101.gif) 47% 0px no-repeat;
	text-align: right;
	margin-bottom: 2em;
	padding-right: 1em;
	font-weight: bolder;
	border-bottom: solid 1px #444;
	border-right: solid 5px #444;
}

.main{
	width: 480px;
	float: left;
	padding: 10px;
}


.guide{
	background: #fff;
	width: 400px;
	line-height: 2em;
	position: relative;
	bottom: 2em;
	padding-left: 1em;
}

.image{
	margin-left: 310px;
}

address{
	color: #444;
	width: 250px;
	height: 120px;
	position: absolute;
	top: 40px;
	right: 0px;
	font-size: 10px;
	letter-spacing: 0.05em;
	text-align: center;
}


.section{
	background: #fff;
	margin: 1em 0;
	padding: 1em;
	border: solid 1px #434343;
}




.notice{
	background-color: #f3fae7;
	border: dashed 1px #434343;
	margin: 0.5em;
	padding: 0.5em 1em;
	font-size: 90%;
}

.error{
	font-size: 1.2em;
	font-weight: bold;
	color: #ed5349;
}
.add{
	font-size: 85%;
	margin-left: 1em;
}

.emphasis{
	text-align: right;
	overflow: hidden;
}

em{
	font-weight: bold;
}

#form em{
	color: #ed5349;
	font-weight: normal;
}


p.message{
	text-align: right;
	margin-right: 2em;
	margin-top: 1em;
}

p.note{
	text-align: right;
}

#dear{
	margin-bottom: 2em;
}

#from{
	margin-top: 2em;
}
/* //////////////////// books ˆęŽž“I‚Č‚ā‚Ė //////////////////// */

#books dl{
	height: 100%;
}

#books dt{
	width: 150px;
	height: 220px;
	float: left;
}

#books dd{
	margin-left: 150px;
}

/* //////////////////// menu //////////////////// */

.sub{
	margin-left: 500px;
	margin-top: 1em;
}



.menu li{
	width: 180px;
	font-weight: bolder;
	background: #fff url(./img/forest/101.gif) 47% 5% no-repeat;
	text-align: center;
}

.menu ul{
	margin: 1em 0;
}

.menu li ul li{
	height: 2em;
	font-weight: normal;
	background: #fff;
}


.menu li.intro{
	margin-top: 5px;
	margin-left: 25px;
	padding-top: 25px;
	border: solid 1px #434343;
	line-height: 2em;
}
.menu li.about{
	margin-top: -5px;
	margin-left: 10px;
	padding-top: 25px;
	border: solid 1px #434343;
	line-height: 2em;
}
.menu li.example{
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 25px;
	border: solid 1px #434343;
	line-height: 2em;
}
.menu li.inquiry{
	margin-top: 5px;
	margin-left: 15px;
	padding-top: 25px;
	border: solid 1px #434343;
	line-height: 2em;
}
.menu li.charactor{
	margin-top: 10px;
	margin-left: 5px;
	border: none;
	background: transparent;
}

.menu li.external{
	margin-top: -5px;
	margin-left: 15px;
	padding-top: 25px;
	border: solid 1px #434343;
	line-height: 2em;
}

.menu a{
	display: block;
	border: solid 2px #fff;
	height:100%;
}

.menu a:link, .menu a:visited{
	color:  #a3db09;
	font-weight: bold;
	background:  url(./img/forest/menubg.png) repeat-y;
}

.menu a.important:link, .menu a.important:visited{
	background-color: #ffefe0;
}

.menu a:hover, .menu a.important:hover{
	color: #ffffff;
	background:  url(./img/forest/menuhover.gif) repeat-y;
}

.menu a:active, .menu a.important:active{
	background: transparent;
}

.menu a.active{
	color: #ed5349;
}

/* //////////////////// web impact 24 //////////////////// */

.menu li.wip24{
	background: #fff url(./img/forest/101.gif) 47% 2% no-repeat;
}

.menu li.wip24{
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 25px;
	border: solid 1px #434343;
}

.menu li.wip24 ul li{
	font-weight: normal;
	background: #fff;
	height: 100%;
}

.menu li.wip24 a{
	display: block;
	border: none;
}

.menu li.wip24 a:link, .menu li.wip24 a:visited{
	background:  none;
}

.menu li.wip24 a:hover{
	background:  none;
	position:relative; top:1px; left:1px;
}


/* //////////////////// table //////////////////// */

#fund{
	width: 95%;
}

#fund .void, #zenki .void, #total .void{
	background-color: #fff;
	font-size: 80%;
}

#fund span{
	font-size: 80%;
}

#zenki{
	float: left;
	width: 250px;
	background-color: #fff;
	color: #000;
}

#total{
	width: 90%;
	background-color: #fff;
	color: #000;
}

/* //////////////////// seminar //////////////////// */

#seminar{
	height: 100%;
}

#seminar p{
	margin: 0;
	padding: 0;
}

#seminar dl{
	height: 100%;
	margin-top: 2em;
	padding: 0 1em;
}

#seminar dt{
	width: 20%;
	float: left;
	text-align: right;
	background: url(./img/forest/square.png) left center no-repeat;
}

#seminar dd{
	width: 75%;
	margin-left: 20%;
}

dt#seminartitle{
	width: 100%;
	float: none;
	color: #838383;
	font-size: 130%;
	text-align: center;
	font-weight: bolder;
	background: url(./img/forest/seminartitle.png) left top repeat-x;
	height: 50px;
	line-height: 50px;
}


/* //////////////////// announce //////////////////// */

#whatsnew{
	margin-top: 1em;
	margin-bottom: 2em;
	height: 80px;
	overflow: scroll;
	overflow-x: hidden; 
	border: solid 1px #838383;
	background: #fff;
}

#whatsnew h1{
	padding-left: 10px; 
	width: 6em;
	background: #838383 url(./img/forest/whatsnew.png) right top no-repeat;
	color: #fff;
	border: none;
	text-align: justify;
	margin-bottom: 0;
}

#whatsnew dl{
	margin: 10px 20px;
	height: 100%;
}

#whatsnew dt{
	width: 80%;
	padding-left: 5%;
	float: left;
	border-bottom: solid 1px #838383;
	background: url(./img/forest/square.png) left center no-repeat;
}

#whatsnew dd{
	width: 12%;
	float: left;
	text-align: right;
	border-bottom: solid 1px #838383;
}


/* //////////////////// news //////////////////// */

#news p{
	margin: 0 2em;
}

#news p.sumb{
	text-align: center;
	margin: 1em;
}

#news .sumb a{
	border: solid 1px;
}

#news ul{
	background: url(./img/forest/new.png) 25px 3px no-repeat;
	padding-left: 60px;
	margin:  1em 0 0 0;
}

#news a, #whatsnew a{
	font-weight: normal;
}

#news a:link, #whatsnew a:link{
	color: #ff8282;
}

#news a:visited, #whatsnew a:visited{
	color: #ff8282;
}

#news a:hover, #whatsnew a:hover{
	color: #808080;
}

#news li{
	clear: both;
}

#news dl{
	height: 100%;
}

#news ul dt{
	width: 120px;
	float: left;
}

.notice{
	margin-top: 2em;
}

.pdflink{
	height: 33px;
	line-height: 16px;
	background: url(./img/forest/pdftitle.png) 65px 0 no-repeat;
	margin: 1em 0;
}

.pdflink dd{
	margin-left: 130px;
}

.pdflink dd.topic{
	color: #383838;
}

.pdflink dd.column{
	color: #878787;
}

#news h2{
	margin: 2em 0 0 1.5em;
}

#next{
	text-align: right;
	margin-bottom: 2em;
}

/* //////////////////// greet //////////////////// */

#greet{
	background: #fff url(./img/forest/top.gif) 0px 5px no-repeat;
	padding-top: 20px;
	color: #000;
}

#greet img, #info img{
	display: block;
	margin: 0.5em 0;
}

.greet{
	float: left;
	width: 450px;
	clear: both;
	line-height: 2em;
}

#greet p{
	margin-left: 1em;
	margin-right: 1em;
}

#greet p, #info p{
	text-indent: 1em;
	letter-spacing: 0.1em;
	font-family: "E­Eģ E°æ˜Žæœ" serif;
	background: url(./img/forest/border.gif) left bottom repeat-y;
	line-height: 20px;
}


#greet .name, #info .name{
	background: transparent;
}

#from{
	text-align: right;
}

#from img{
	margin: 0.5em 0 0.5em auto;
}

#greet .ins{
	text-indent: 0;
	font-size: 0.9em;
}



/* //////////////////// point //////////////////// */

#point{
	margin-top: 5em;
	background-color: #f7fdf2;
}

#point dl{
	margin: 1.5em 0;
}

#point dt{
	font-weight: bold;
	text-align: right;
	border-bottom: dashed 1px;
}

#point dd{
	font-size: 90%;
}

/* //////////////////// phone //////////////////// */


#phone dl{
	margin: 0 3em;

}

#phone dt{
	margin-top: 2em;
	font-size: 110%;
	font-weight: bold;
	border-bottom: solid 1px #434343;
}

#phone dd{
	font-family: Georgia,"MS UI Gothic", sans-serif;
	font-size: 130%;
	text-align: right;
}

#phone dd.notice{
	font-size: 100%;
	text-align: left;
}

#phone li{
	margin: 1em 0;
}

/* //////////////////// charge //////////////////// */

#charge dl{
	margin: 3em;
}

#charge dt{
	margin: 2em 0;
	padding-left: 0.5em;
	font-size: 110%;
	font-weight: bold;
	border-left: solid 5px #434343;
	list-style: disc incide;
}

#charge dd{
	background: #f3fff3 url(./img/forest/lt.png) no-repeat;
	margin: 0.5em;
	padding: 0.5em 1em;
}

/* //////////////////// faq //////////////////// */

#faq dl{
	margin: 1em;
}

#faq dt{
	height: 3em;
	padding-left: 3em;
	line-height: 2.5em;
	background: url(./img/forest/q.gif) top left no-repeat;
	color: #001730;
}

#faq dd{
	border: dashed 1px #434343;
	padding: 0.5em 1em;
	margin: 0.5em;
	background-color: #f3fff3;
}

#faq dd p{
	margin: 1em 0;
}

#faq dd.answer{
	height: 3em;
	margin: 0;
	padding-left: 3em;
	line-height: 2em;
	background: url(./img/forest/a.gif) top left no-repeat;
	border: none;
	color: #ed5349;
}


/* //////////////////// info //////////////////// */

#info{
	background: #fff url(./img/forest/clover.png) 340px 70px no-repeat;
}

#info ul{
	width: 100%;

}

#info li{
	letter-spacing: 0.1em;
	font-family: "E­Eģ E°æ˜Žæœ" serif;
	background: url(./img/forest/border.gif) left bottom repeat-y;
	font-size: 12px;
	line-height: 20px;
	padding-left : 2em;
	list-style: circle inside; 
}

#info_detail h2{
	padding-left: 0.5em;
}

#info li a:link, #info li a:visited{
	color: #00382a;
}

#info li a:hover, #info li a:active{
	color: #a3db09;
}


/* //////////////////// original //////////////////// */

#original{
	text-align: center;
	height: 100%;
}

#original p{
	text-align: left;
	background-color: #f3fff3;
	margin: 1em 2em;
	padding: 1em;
}

#original p.image{
	background-color: #fff;
	text-align: center;
	margin: 2em auto 0 auto;
	padding: 10px 10px;
	border: solid 1px #222;
}



#original a{
	display: block;
	width: 350px;
	overflow: visible;
}

#original a:link, #original a:visited{
	background-color: #838383;
}

#original a:hover, #original a:active{
	background-color: #a3db09;
}

/* //////////////////// original_detail //////////////////// */

#original_detail{
	padding: 2em 1.2em;
}

#original_detail p.image{
	text-align: center;
	margin: 0 auto;
}

#original_detail h2{
	margin-top: 3em;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	color: #FF4500;
	border-bottom: solid 1px;
	font-family: ‚l‚r ‚oƒSƒVƒbƒN;
}

#original_detail img{
	display: block;
	margin: 1em auto;
}

#original_detail q{
	display: block;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #f3fae7;
}

p.ex{
	background-color: #f5ffda;
	text-align: center;
}

dfn{
	border-top: dashed 1px;
	border-bottom: dashed 1px;
}

#original_detail table{
	background: #f3fae7 url(./img/forest/ex.gif) top left no-repeat;
	width: 95%;
	margin: 1em auto;
	text-align: center;
}


#original_detail .small{
	font-size: 0.85em;
}

#original_detail em{
	font-weight: normal;
	color: red;
}

p.next{
	margin-top: 5em;
	text-align: right;
}



/* //////////////////// form //////////////////// */

#form dl{
	margin: 1em 0;
	height: 150px;
}

#form dt{
	float: left;
	clear: left;
	width: 10em;
}

#form dd{
	margin-left: 10em;
}

#form input{
	border: solid 1px #434343;
	background-color: #fff;
	color: #00382a;
	line-height: 1.2em;
	padding: 0 2px;
}

#form p{
	clear: left;
	margin-top: 1em;
}

#form input.checkbox{
	border: none;
	background: transparent;
	color: #00382a;
	margin: 0 5px;
}

#form textarea{
	border: solid 1px #434343;
	background-color: #fff;
	color: #00382a;
	padding: 2px;
}

#form input.button{
	padding: 0;
	width: 4.5em;
	height: 1.9em;
	border: solid 1px #222222;
	background: #00382a;
	color: #ffffff;
}

#form li{
	margin-top: 1em;
	padding: 1em;
	font-weight: bolder;
	background-color: #f3fff3;
}

#form em{
	color: #ed5349;
}


/* //////////////////// flow //////////////////// */


#flowimage, #info_detail{
	height: 100%;
}


#flowimage h2, #info_detail h2{
	background-color: #87b507;
	clear: both;
	margin-left: 170px;
	margin-top: 100px;
	font-weight: bold;
	color: #fff;
}

#flowimage h2{
	text-align: center;
}

#flowimage h2 em{
	color: #ffe0e1;
}

#flowimage p.image, #info_detail p.image{
	float: left;
	clear: left;
	width: 150px;
	margin: 0;
}

#flowimage p.image2{
	margin-top: 50px;
}

#flowimage p, #flowimage ul, #info_detail p{
	margin-left: 170px;
	background: transparent;
}

#flowimage li{
	list-style:	disc inside;
}



#flowimage p.join{
	height: 150px;
}

#flowimage .emphasis{
	margin-bottom: 200px;
}


/* //////////////////// account //////////////////// */

#account ul{
	margin: 1em 0;
}

p.after{
	margin-left: 260px;
	margin-top: 1em;
}

#account th{
	text-align: right;
	padding: 0 0.2em;
	font-weight: bold;
}

#account tr{
	background-color: #effae5;
}

#account td{
	margin: 0;
	padding: 0 0.2em;
	text-align: right;
}

#account tr.sum1{
	background-color: #a3db09;
}

#account tr.sum2, #account th{
	background-color: #87b507;
	color: #ffffff;
}

#account ol{
	clear: left;
	margin: 0 1em;
}

#account ol li{
	list-style:	inside decimal;
	margin: 1.5em;
	font-weight: bold;
}

#account ol dt{
	font-size: 1.1em;
	font-weight: bold;

}

#account ol dd{
	border-left: solid 5px #00382a;
	padding-left: 1em;
}

.dialogue{
	padding: 1em;
	border: dashed 1px #5c4c3a;
	background-color: #f4fdf4;
}

.dialogue dt{
	margin: 0 0 0.5em 0;
	float: left;
	clear: left;
	width: 95px;
	font-weight: bold;
	text-align: center;
	border: solid 1px #5c4c3a;
}

.dialogue dd{
	margin: 0 0 0.5em 100px;
}

.dialogue dd.insert{
	text-align: center;
	line-height: 3em;
	border-bottom: dashed 1px;
	border-top: dashed 1px;
}

#account strong{
	font-size: 120%;
	font-weight: bold;
}


/* //////////////////// avoidance //////////////////// */


#avoidance ul dl dt{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 3em;
}

#avoidance ul ol dl dt{
	margin-top: 0;
}

#avoidance ul dl dd{
	border-left: solid 5px #5c4c3a;
	padding-left: 1em;
}

#avoidance ol{
	margin: 2em 0 2em 2em;
}


#avoidance ul ol li{
	list-style: inside decimal;
	margin: 2em 2em;
	font-weight: bold;
}

#avoidance ul ol dl{
	margin-top: -1.7em;
	margin-left: 1em;
	font-weight: normal;
	font-size: 85%;
}


/* //////////////////// profile //////////////////// */

#profile{
	background-color: #efffe0;
}


#profile dl{
	border: dashed 1px;
	background: #f5f5e5 url("./img/forest/photo.jpg") 97% 5% no-repeat;
	padding: 0.5em;
	height: 300px;
}


#profile dt{
	float: left;
	width: 10em;
	height: 1.6em;
	border: solid 1px;
	clear: left;
	margin: 0.5em 0;
	text-align: center;
}

#profile dd{
	margin: 0.5em 0 0 11em;
}

#profile strong, #profile em{
	color: #00382a;
	font-weight: normal;
}


/* //////////////////// send //////////////////// */

#send p{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

/* //////////////////// map //////////////////// */

.full{
	padding: 10px;
}

#map{

}


#map h1{
	width: 640px;
}

#map p{
	text-align: center;
}

#map a{
	display: block;
	color: #00382a;
	font-weight: bold;
}

#map a:link, #map a:visited{
	border: solid 2px #a3db09;
}

#map a:hover, #map a:active{
	border: solid 2px #00382a;
}