@charset "utf-8";

/*--------------------------------------
	Style Name : Home
--------------------------------------*/

/*--------------------------------------
	header
--------------------------------------*/

body.home div#home-header {
	position: absolute;
	top: 0px;
	right: 0px;
	width:300px;
	background-color: #0F783D ;
}

body.home div#home-header h1 {
	position:absolute;
	top:17px;
	right:28px;
}

body.home  div#home-header .description {
	position:absolute;
	top:80px;
	right:28px;
	z-index:20;

}

/*--------------------------------------
	#global-nav
--------------------------------------*/

body.home #global-nav {
	position:absolute;
	top:15px;
	right:130px;
	z-index:1;
}

body.home #global-nav ul {
	width:190px;
}

body.home #global-nav li {
	margin:0 0 20px;
	float:left;
}

body.home #global-nav li.global-nav-02 {
	margin-top:50px;
}

body.home #global-nav li.global-nav-03,
body.home #global-nav li.global-nav-05 {
	margin-top:-50px;
}

body.home #global-nav li a {
	color:#fff;
	text-decoration:none;
}

body.home #global-nav li a img {
	vertical-align:middle;
}

* html #global-nav li a img {
	vertical-align:bottom;
}

/*--------------------------------------
	message
--------------------------------------*/

body.home div#message {
	position:absolute;
	top:386px;
	right:20px;
	width: 320px;
	height:220px;
}

body.home div#message img.figure {
	position:absolute;
	top:40px;
	right:40px;
	z-index:0;
}

/*
body.home div#message img.figure {
	position:absolute;
	top:0px;
	right:5px;
	z-index:0;
}
*/

body.home div#message img.textbox {
	position:absolute;
	top: 0px;
	left: 25px;
	z-index:10;
}
body.home div#message img.text {
	position:absolute;
	top:15px;
	left:55px;
	z-index:15;
}


body.home #copyright {
	position:absolute;
	top:608px;
	right:25px;
	color: #99CC99;
	font-size:9px;
	font-weight:normal;
}

/*--------------------------------------
	div#content
--------------------------------------*/

body.home #content {
	position:absolute;
	top:0px;
	left: 65px;
	background-color: #FFFFFF;
	background-image: url(/img/home/visual_01.jpg);
	background-repeat: no-repeat ;
	width:470px;
	height:532px;
}

body.home #content div.guide-nav {
	position:absolute;
	top:80px;
	left:120px;
}

body.home #content div.guide-nav li {
	margin-bottom:10px;
}

body.home #content div.content-nav {
	position:absolute;
	top:110px;
	left:245px;
}

body.home #content div.content-nav li {
	margin-bottom:5px;
}

/*--------------------------------------
	footer
--------------------------------------*/

body.home #footer {
	position:absolute;
	top:532px;
	left: 65px;
	
	padding-top:10px;
	overflow:hidden;
	width:470px;
	height:85px;
	
	background-color:#FFFFFF;
	text-align:left;
}

body.home #footer div.site-information {
	margin-right:15px;
	display:inline;/* for IE6 */
	float:right;
}

body.home #footer div.site-address {
	margin-left:13px;
	display:inline;/* for IE6 */
	float:left;
	color:#0f773a;
	font-size:84%;
}

body.home #footer div.site-address p.signature {
	margin-top:2px;
	margin-bottom:3px;
	font-weight:bold;
}

body.home #footer div.site-address address {
	line-height:1.1;
}

body.home #footer div.site-address address a {
	color:#0f773a;
	text-decoration:none;
}



/*--------------------------------------
	info
--------------------------------------*/
body.home #info {
	position: relative;
	top:30px;
	overflow-y:auto;
	margin-left:auto;
	margin-right:auto;
	width:885px;
	border:1px solid #ababab
}

body.home #info div.info-text {
	margin-top : 10px;
	margin-left:90px;
	width:580px;
	height:70px;
}

body.home #info div.info-link {
	clear:both;
	width:530px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:3px;
	padding-left: 10px;
	
	color: #545454;
}

body.home #info div.info-link h3 {
	width:420px;
	font-size:12px;
	margin-top:2px;
	margin-bottom:0px;
	margin-left:10px;
}

body.home #info div.info-link h3.nocontent {
	color:gray;
}

body.home #info div.info-link p {
	width:510px;
	padding-left: 10px;
	padding-top: 2px;
	font-size:10px;
	font-weight:normal;
}

body.home #info div.info-link p.nocontent {
	color:gray;
}

/*
body.home #info div.info-img{
	float : right;
	position: absolute;
	padding-top:30px;
	
}
*/

body.home div#timeline {
	clear:both;
	
	width: 850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	
	font-weight: normal;
	color: #404040;

}

body.home div#timeline ul{
	margin-left: 2em;
}

body.home div#timeline li{
	list-style-type: circle;
}