﻿body {
	padding: 50px 0;
	background: url("../design/bg.gif") 0 0 repeat-x;
	font: 0.9em/1.6 "calibri", sans-serif;
}
ul {
	margin: 15px 0;
}
table {
	padding: 0px;
	margin: 0px 0;
}
p {
	margin: 0px 0 0px 0;
	color: #666666;
}
ol {
	margin: 15px 0;
}
fieldset {
	margin: 15px 0;
}
dl {
	margin: 0px 0;
}
blockquote {
	margin: 15px 0;
}
address {
	margin: 15px 0;
}
h6 {
	margin: 15px 0;
}
h5 {
	margin: 15px 0;
}
h4 {
	margin: 15px 0;
	background-color: #E9E9E9;
}
h3 {
	margin: 15px 0;
}
h2 {
	margin: 15px 0;
}
h1 {
	margin: 15px 0;
}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */
#main {
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}
#header {
	position: relative;
	height: 80px;
	padding: 0 20px;
	overflow: hidden;
}
#header #logo {
	margin: 0;
}
#header #logo img {
	display: block;
}
#header #nav {
	position: absolute;
	top: 30px;
	right: 20px;
	margin: 0;
	color: #808080;
}
#header #nav span {
	margin: 0 10px;
}
#promo {
	position: relative;
	height: 250px;
	overflow: hidden;
}
#promo p {
	margin: 0;
}
#promo p img {
	margin: 0;
}
#promo p#slogan {
	position: absolute;
	top: 90px;
	right: 0;
	z-index: 999;
}
#promo ul#slider {
	margin: 0;
}
#footer {
	padding-bottom: 20px;
	font-size: 85%;
}
#footer p {
	margin: 0;
}
/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */
.cols3 {
	width: 940px;
	margin: 20px -20px;
	padding: 20px 0;
}
.cols3 .cols3-content {
	padding-left: 20px;
	background: url("../design/cols3.gif") 0 0 repeat-y;
}
.cols3 .cols3-bottom {
	width: 940px;
	height: 3px;
	background: url("../design/cols3-bottom.gif") 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
.cols3 .col {
	float: left;
	width: 270px;
	margin-right: 15px;
	padding: 0 10px 10px 10px;
}
.cols3 .col.last {
	margin-right: 0;
}
.cols3 .col h2 {
	margin: 0 0 10px 0;
	padding: 15px 10px;
	font-size: 100%;
	font-weight: bold;
	background-color: #004488;
}
.cols3 .col h2 a {
	text-decoration: none;
}
.cols3 .col h2 a:hover {
	text-decoration: underline;
}
cols3 .col p {
	margin: 0;
}
.cols3 .col img {
	margin-bottom: 0px;
	clip: rect(auto, auto, 0px, auto);
	bottom: 0px;
}
cols3 .col ul {
	margin: 10px 0 10px 10px;
}
.cols3 .col ul li {
	padding-left: 15px;
	background: url("../design/ul.gif") 0 7px no-repeat;
}
/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */
#title {
	margin: 0;
	padding: 27px 20px;
	font: 270%/1 "calibri",sans-serif;
	letter-spacing: -1px;
}
#subnav {
	margin: 0;
	padding: 15px 20px;
	color: #676767;
}
#subnav span {
	margin: 0 10px;
}
.content {
	width: 940px;
	margin: 0 -20px 20px -20px;
	padding: 20px 0;
}
.content .content-in {
	padding: 10px 40px;
	background: url("../design/content.gif") 0 0 repeat-y;
}
.content .content-bottom {
	width: 940px;
	height: 3px;
	background: url("../design/content-bottom.gif") 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	margin-top: -1px;
}
.content .perex {
	border-bottom: 1px solid #ddd;
	font-size: 170%;
}
.content .box-01 {
	padding: 15px;
}
.content .col50 {
	float: left;
	width: 420px;
}
.content ul {
	margin: 15px 25px;
}
.content ul ul {
	margin: 0 0 0 25px;
}
.content ul li {
	padding-left: 15px;
	background: url("../design/ul.gif") 0 7px no-repeat;
}
.content ul ul li {
	padding-left: 15px;
	background: url("../design/ul-ul.gif") 0 7px no-repeat;
}
.content table {
	padding: 10px;
	margin: 0px;
	border-collapse: collapse;
}
.content table td {
	padding: 0px;
}
.content table th {
	padding: 10px 10px;
}
.content table th {
	text-align: center;
	font-weight: bold;
}
.content dt {
	font-weight: bold;
}
.content dd {
	margin-left: 0px;
	margin-bottom: 0px;
}
.content h2 {
	font-size: 200%;
}
.content h1 {
	font-size: x-large;
	color: #333333;
	font-weight: bold;
	font-family: Calibri, Arial, sans-serif;
	text-decoration: underline;
}
.content h3 {
	font-size: large;
	font-weight: normal;
	color: #333333;
}
.content h4 {
	font-size: 120%;
}
h6 {
	font-size: 100%;
}
.content h5 {
	font-size: small;
	font-weight: normal;
	font-style: oblique;
	color: #999966;
}
/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */
img.f-right {
	margin-left: 20px;
}
img.f-left {
	margin-right: 20px;
}
.input {
	padding: 5px;
	background: url("../design/input.gif") 0 0 no-repeat;
	font: 100%/1 "calibri",sans-serif;
}
.input-submit {
	padding: 5px;
	font: bold 100%/1 "calibri",sans-serif;
}
.smaller {
	font-size: 85%;
}
.block {
	display: block;
}

