/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

#header {
	width: 822px;
	height: 66px;
	margin: 0px auto;
}

/** MENU */

#menu {
	float: left;
}

#menu ul {
	margin: 0px;
	padding: 29px 0px 0px 25px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 21px;
	padding: 8px 17px 0px 19px;
	background: url(../../images/subpage1_01.gif) no-repeat left center;
}

#menu .first a {
	background: none;
}

/** SEARCH */

#search {
	float: right;
}

#search form {
	padding: 34px 38px 0px 0px;
}

/** CONTENT */

#content {
	width: 822px;
	margin: 0px auto;
}

#left {
	float: left;
	width: 480px;
	padding: 0px 0px 0px 22px;
}

#right {
	float: right;
	width: 297px;
	padding: 0px 22px 0px 0px;
}

/** FOOTER */

#footer {
	width: 822px;
	height: 66px;
	margin: 0px auto;
	padding-top: 20px;
}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
	min-height: 77px;
	height: 77px;
	padding: 20px 20px 20px 20px;
}

html>body #box2 {
	height: auto;
}

#box2 .list1 {
	float: left;
	width: 49%;
}

/** BOX3 */

#box3 {
	float: left;
	width: 206px;
	padding: 14px 0px 0px 11px;
}

#box3 .content {
	padding-left: 25px;
}

/** BOX4 */

#box4 {
	float: left;
	width: 212px;
	padding: 14px 0px 0px 28px;
}

#box4 .content {
	padding-left: 25px;
}

/** BOX5 */

#box5 {
	height: 199px;
	min-height: 199px;
	padding: 14px 0px 0px 11px;
}

html>body #box5 {
	height: auto;
}

#box5 .content {
	padding: 0px 27px 0px 25px;
}

/** BOX6 */

#box6 {
	padding: 14px 0px 0px 11px;
}

#box6 .content {
	padding: 0px 24px 0px 25px;
}

/** BOX7 */

#box7 {
	padding: 14px 0px 0px 11px;
}

#box7 .content {
	padding: 0px 25px;
}

/** BOX8 */

#box8 {
	clear: both;
	padding: 14px 22px 0px 33px;
}

#box8 .content {
	padding: 0px 25px;
}