#topWrapper {
	background-image: url(../img/top/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#topMain {
	background-image: url(../img/top/main_img_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	height:315px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:10px;
}

#treeDoc > div ,
#about > div ,
#example > div ,
#diary > div {
	padding:15px 20px 20px 20px;
	background-image: url(../img/top/box_blue.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:15px;
}

#example > div {
	background-image: url(../img/top/box_green.gif);
}

#diary > div {
	background-image: url(../img/top/box_orange.gif);
	padding:0px 20px 20px 20px;
}

#treeDoc > div {
	background-image: url(../img/top/box_orange.gif);
}

#treeDoc article {
	padding-left:320px;
	position:relative;
	min-height:20px;
}

#treeDoc article p {
	line-height:1.8;
	margin-bottom:15px;
}

#treeDoc article img {
	position:absolute;
	left:-5px;
	top:0px;
}

#treeDoc article a {
	color:#ff986c;
}

#about h2 {
	padding-bottom:10px;
	line-height:2em;
}

#about ul li {
	list-style:none;	
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:26px;
	padding-bottom:10px;
}

#about ul li:nth-child(1) {
	background-image: url(../img/top/icon1.gif);
}

#about ul li:nth-child(2) {
	background-image: url(../img/top/icon2.gif);
}
#about ul li:nth-child(3) {
	background-image: url(../img/top/icon3.gif);
}
#about ul li:nth-child(4) {
	background-image: url(../img/top/icon4.gif);
}
#about ul li:nth-child(5) {
	background-image: url(../img/top/icon5.gif);
	padding-bottom:0px;
}

#example dl:nth-of-type(1) {
	width:310px;
	float:left;
	background-image:url(../img/top/arrow_y.gif);
	padding-right:70px;
	background-repeat:no-repeat;
	background-position:340px 35px;
}

#example dl:nth-of-type(1) {
	width:305px;
	float:left;
}

#example dl dt {
	width:170px;
	float:left;
}

#diary {
	width:930px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}

#diary ul {
	margin-bottom:10px;
}

#diary ul li {
	list-style:none;
	border-bottom:dotted 2px #000;
	padding-top:25px;
	padding-bottom:25px;
}

#diary ul li:first-child {
	padding-top:20px;
}

#diary ul li p {
	line-height:1.5em;
}

#diary ul li h2 {
	position:relative;
	padding-left:120px;
	font-weight:bold;
	padding-bottom:15px;
	line-height:1;
}

#diary ul li h2 span {
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
}

#diary ul li h2 a {
	font-weight:bold;
}

#diary a:link ,
#diary a:visited {
	color:#FF6600;
	text-decoration:underline;
}

#diary a:hover {
	text-decoration:none;
}

#facebook {
	padding-top:10px;
}

#facebook h1 {
	margin-bottom:10px;
}


/*clearfix*/
#example > div ,
#example dl
{
	zoom:1;
} /* clearfix IE6, 7 */

#example > div:after ,
#example dl:after {
	content:"";
} /* clearfix */