@charset "utf-8";


/* =========================================== *
 *	contents
 * =========================================== */

h2 {
	margin-bottom: 18px;
}

div#about {
	
}
div#about h3 {
	margin-bottom: 18px;
}
div#about dl {
	position: relative;
}
/*div#about dl dt {
	position: absolute;
	top: 0;
	right: 0;
}
div#about dl dd {
	width: 365px;
}*/
div#about dl dd img {
	margin-bottom: 10px;
}
div#about ul.category {
	margin: 20px 0;
}
div#about ul.category li {
	width: 238px;
	height: 54px;
	margin-right: 7px;
	float: left;
	display: inline;
}
div#about ul.category li.right {
	margin-right: 0;
}

div.section {
	margin: 25px 0;
}
div.section p.catchcopy {
	margin: 25px 0;
}
div.section div.list {
	min-height: 133px;
	height: auto !important;
	height: 133px;
	position: relative;
}
div.section div.list p {
	position: absolute;
	top: 0;
	left: 0;
}
div.section div.list ol {
	height: 1%;
	margin-left: 450px;
}
div.section div.list ol li {
	margin-bottom: 4px;
	padding-left: 20px;
	list-style: none outside;
}
div.section div.list ol li.no1 {
	background: url("../images/no1-red.gif") no-repeat;
}
div.section div.list ol li.no2 {
	background: url("../images/no2-red.gif") no-repeat;
}
div.section div.list ol li.no3 {
	background: url("../images/no3-red.gif") no-repeat;
}
div.section div.list ol li.no4 {
	background: url("../images/no4-red.gif") no-repeat;
}
div.section div.list ol li.no5 {
	background: url("../images/no5-red.gif") no-repeat;
}
div.section div.list ol li.no6 {
	background: url("../images/no6-red.gif") no-repeat;
}
div.section div.list ol li.no7 {
	background: url("../images/no7-red.gif") no-repeat;
}
div.section div.list ol li.no8 {
	background: url("../images/no8-red.gif") no-repeat;
}
div.section ul.detail {
	margin-top: 25px;
}
div.section ul.detail li {
	width: 353px;
	float: left;
	position: relative;
	list-style: none outside;
}
div.section ul.detail li h4 {
	margin-bottom: 10px;
	padding-left: 22px;
	border-bottom: 1px solid #c98f07;
	color: #c98f07;
	font-size: 114%;
}
div.section ul.detail li p.image {
	width: 185px;
	float: left;
	text-align: center;
}
div.section ul.detail li p.image img {
	margin-bottom: 5px;
}
div.section ul.detail li p.text {
	margin-left: 190px;
}

.listitem {	margin-right: 29px;
}

div.section ul.detail li.no1 {
	background: url("../images/no1-yellow.gif") no-repeat;
}
div.section ul.detail li.no2 {
	background: url("../images/no2-yellow.gif") no-repeat;
}
div.section ul.detail li.no3 {
	background: url("../images/no3-yellow.gif") no-repeat;
}
div.section ul.detail li.no4 {
	background: url("../images/no4-yellow.gif") no-repeat;
}
div.section ul.detail li.no5 {
	background: url("../images/no5-yellow.gif") no-repeat;
}
div.section ul.detail li.no6 {
	background: url("../images/no6-yellow.gif") no-repeat;
}
div.section ul.detail li.no7 {
	background: url("../images/no7-yellow.gif") no-repeat;
}
div.section ul.detail li.no8 {
	background: url("../images/no8-yellow.gif") no-repeat;
}

div.section div.other {
	min-height: 155px;
	height: auto !important;
	height: 195px;
	margin: 15px 0;
	padding: 15px;
	border: 6px solid #f4e1b4;
	position: relative;
}
div.section div.other ul {
	width: 300px;
}
div.section div.other ul li {
	margin: 6px 0;
	padding-left: 22px;
	list-style: none outside;
}
div.section div.other ul li.no1 {
	background: url("../images/no1-yellow.gif") no-repeat;
}
div.section div.other ul li.no2 {
	background: url("../images/no2-yellow.gif") no-repeat;
}
div.section div.other ul li.no3 {
	background: url("../images/no3-yellow.gif") no-repeat;
}
div.section div.other ul li.no4 {
	background: url("../images/no4-yellow.gif") no-repeat;
}
div.section div.other ul li.no5 {
	background: url("../images/no5-yellow.gif") no-repeat;
}
div.section div.other ul li.no6 {
	background: url("../images/no6-yellow.gif") no-repeat;
}
div.section div.other ul li.no7 {
	background: url("../images/no7-yellow.gif") no-repeat;
}
div.section div.other ul li.no8 {
	background: url("../images/no7-yellow.gif") no-repeat;
}
div.section div.other p.image {
	position: absolute;
	top: 20px;
	right: 20px;
}
div.section div.other p.image img {
	vertical-align: top;
}

div#info {
	width: 735px;
	height: 231px;
	margin: 20px 0;
	background: url("../images/infoBg.jpg") no-repeat;
	position: relative;
}
div#info h3,
div#info p.text,
div#info dl {
	display: none;
}
div#info p.btn {
	position: absolute;
	top: 130px;
	left: 35px;
}