body {
	color: #2c3c33;
	font-family: Helvetica, sans-serif;
	background: #c7ddd0 url(../img/common/bg-bottom.png) no-repeat center bottom;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

.cf {
    zoom:1;
}

.m1 {
	margin-top: 10px;
}

.m2 {
	margin-top: 20px;
}

.fs {
	font-size: 12px;
}

.tc {
	text-align: center;
}

.box {
	position: relative;
	padding: 15px;
	background: url(../img/common/box.png);
	border: 1px solid #f6f6f6;
}

.box .icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 115px;
	height: 109px;
	background: url(../img/top/info-icon.png) no-repeat;
}

h2 {
	margin-bottom: 0.6em;
}

h2.title {
	margin: 20px 0 30px;
	text-align: center;
}

p, dt, dd, li {
	font-size: 14px;
	line-height: 1.7;
}

dt {
	padding-bottom: 0.5em;
	color: #5d6a62;
	font-weight: bold;
	float: left;
}

dd {
	padding-bottom: 0.5em;
	margin-left: 10em;
}

hr {
	margin: 15px 0 0;
	padding: 0 0 15px;
	font-size: 0;
	border-top: 1px solid #f6f6f6;
}

a {
	color: #024620;
}

a:hover {
	color: #10cfff;
}

#wraper {
	background: url(../img/common/bg-top.png) no-repeat center top;
}

#document {
	position: relative;
	width: 940px;
	min-height: 1100px;
	margin: 0 auto;
}

#menu {
	position: relative;
	width: 330px;
	float: left;
	z-index: 201;
}

#menu .inner {
	margin-left: 20px;
	width: 290px;
	text-align: center;
}

#content {
	position: relative;
	width: 610px;
	float: right;
	z-index: 101;
}

nav li {
	margin-bottom: 10px;
}

footer {
	padding: 70px 0 20px;
	text-align: center;
}

ul.cast {
	list-style: none;
}

ul.cast li {
	margin-bottom: 1em;
	letter-spacing: 0.2em;
	float: left;
}

ul.cast li img {
	display: block;
}

ul.cast li.p1,
ul.cast li.p2,
ul.cast li.p3 {
	width: 180px;
	font-size: 16px;
	text-align: center;
}

ul.cast li.p2 {
	margin-left: 18px;
	margin-right: 18px;
}

ul.cast li.text {
	margin-left: 18px;
}