body { background: #FFF; border-top: #5c99e9 5px solid; color: #333333; -webkit-font-smoothing: antialiased; }

.center-width-fixed-container { position: relative; margin: 0 auto; max-width: 960px; height: 100%; }

/** header */
.header-container { margin: 8px 0 0 0; border-bottom: 1px solid #dbe3ed; height: 72px; -webkit-transition: height 0.2s; }
.header-container h1 { position: absolute; margin: 4px 0 0 0; padding: 0; left: 8px; height: 72px; width: 240px; text-indent: -9999px; font-size: 1rem; background: url("../images/logo.png") no-repeat; }
.header-container .nav-global { position: absolute; right: 8px; }
.header-container .nav-global ul { margin: 0; padding: 0; list-style: none; }
.header-container .nav-global ul li { display: inline-block; width: 112px; height: 72px; line-height: 72px; }
.header-container .nav-global ul li a { display: block; text-align: center; text-decoration: none; font-size: 0.9rem; color: #333333; border-bottom: 0 #FFF solid; -webkit-transition: border-bottom 0.2s; }
.header-container .nav-global ul li a.nav-global-active { font-weight: bold; border-bottom: 4px #5c99e9 solid; }
.header-container .nav-global ul li a:hover { font-weight: bold; border-bottom: 4px #5c99e9 solid; }

/** contents */
.contents-container { margin: 48px 0 0 0; }
.contents-container .nav-sub { margin: 0 32px 0 0; float: left; width: 24%; }
.contents-container .nav-sub h3 { margin: 0; padding: 0 0 0 8px; height: 44px; line-height: 44px; font-size: 1rem; }
.contents-container .nav-sub ul { margin: 0; padding: 0; list-style: none; }
.contents-container .nav-sub ul li { margin: 1px 0 0 0; border: 1px solid #dbe3ed; height: 44px; line-height: 44px; }
.contents-container .nav-sub ul li a { display: block; padding: 0 0 0 8px; text-decoration: none; font-size: 0.8rem; color: #333333; background: white url("../images/ic-arrow-right-blue.png") no-repeat right; -webkit-transition: background 0.2s; }
.contents-container .nav-sub ul li a.nav-sub-active { font-weight: bold; background: #dbe3ed url("../images/ic-arrow-right-white.png") no-repeat right; }
.contents-container .nav-sub ul li a:hover { font-weight: bold; background: #dbe3ed url("../images/ic-arrow-right-white.png") no-repeat right; }
.contents-container .contents { float: left; width: 72%; min-height: 640px; }
.contents-container .contents .data-container { margin: 32px 0 32px 16px; }
.contents-container .contents .data-form table tr th { width: 160px; }
.contents-container .contents .data-form ul { margin: 0; padding: 0; list-style: none; }
.contents-container .contents .data-form ul li { width: 420px; font-size: 0.9rem; }
.contents-container .contents .data-form input[type="radio"] { margin-right: 8px; }
.contents-container .contents .data-form input[type="text"] { width: 100%; height: 28px; }
.contents-container .contents .data-form input[type="submit"] { display: block; margin: 0 auto; margin-top: 16px; width: 240px; height: 44px; font-size: 1rem; font-weight: bold; border-radius: 4px; border: 0; background: #FFD05B; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.25); }
.contents-container .contents .data-form textarea { width: 100%; height: 200px; }
.contents-container .contents .data-form span.require { color: #F00; }
.contents-container .contents h1 { margin: 0; width: 704px; height: 44px; line-height: 44px; font-size: 1.5rem; font-weight: normal; background: url("../images/border-contents-headline.png") no-repeat bottom; }
.contents-container .contents h2 { position: relative; margin: 24px 0 8px 0; padding: 0 0 0 24px; min-height: 38px; line-height: 38px; font-size: 1.2rem; font-weight: normal; background: #EBF0F4; }
.contents-container .contents h2:before { position: absolute; top: 10px; left: 10px; content: ""; width: 4px; height: 18px; background: #5c99e9; }
.contents-container .contents h3 { margin: 24px 0 0 0; color: #5c99e9; font-size: 1rem; }
.contents-container .contents h4 { font-size: 0.9rem; text-decoration: underline; }
.contents-container .contents p { font-size: 0.9rem; }
.contents-container .contents table { font-size: 0.9rem; width: 100%; }
.contents-container .contents table tr { border-bottom: 1px dotted #BED0E3; height: 44px; text-align: left; }
.contents-container .contents table tr th { width: 120px; padding: 8px; }
.contents-container .contents table tr td { padding: 8px; }
.contents-container .contents table tr:first-child { border-top: 1px dotted #BED0E3; }
.contents-container .contents ol li { font-size: 0.9rem; }
.contents-container .contents ul li { font-size: 0.9rem; }
.contents-container .contents ul.link-ul { margin: 0 0 0 16px; padding: 0; }
.contents-container .contents ul.link-ul li { margin-bottom: 8px; }
.contents-container .contents-center { margin: 0 auto; float: none; }

/** footer */
.footer { clear: both; height: 120px; color: #FFF; background: #5c99e9; }
.footer .nav-footer { padding: 8px 0 0 0; }
.footer .nav-footer ul { margin: 0; padding: 0; list-style: none; }
.footer .nav-footer ul li { display: inline-block; }
.footer .nav-footer ul li a { margin: 8px; padding: 4px; width: 140px; height: 24px; line-height: 24px; text-decoration: none; font-size: 0.8rem; color: #FFF; border: 0 solid #FFF; -webkit-transition: border 0.2s; }
.footer .nav-footer ul li a:hover { border-bottom: 4px solid #FFF; }
.footer .footer-right { position: absolute; right: 8px; bottom: 8px; }
.footer .footer-left { position: absolute; left: 8px; bottom: 8px; }