@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:700,400);
/*!
Theme Name: up site
Theme URI: http://www.redman-m.com/
Description: This theme is only for up site.
Author: masanori miyake
Author URI: http://www.redman-m.com/
Version:1.0
*/
@font-face { font-family: "FontAwesome"; src: url("./fonts/fontawesome-webfont.eot"); src: url("./fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/fontawesome-webfont.woff") format("woff"), url("./fonts/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, input, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }

body { font-family: "メイリオ","ＭＳ Ｐゴシック",MS PGothic,"ヒラギノ角ゴ Pro W3",sans-serif; color: #3f4f5f; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; cursor: pointer; }

img { max-width: 100%; *zoom: 1; vertical-align: bottom; }

input:focus { outline: none; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.pdt10 { padding-top: 10px; }

.pdt20 { padding-top: 20px; }

.pdt30 { padding-top: 30px; }

.pdt40 { padding-top: 40px; }

.pdt50 { padding-top: 50px; }

.pdb10 { padding-bottom: 10px; }

.pdb20 { padding-bottom: 20px; }

.pdb30 { padding-bottom: 30px; }

.pdb40 { padding-bottom: 40px; }

.pdb50 { padding-bottom: 50px; }

.contact-form .cont-label, .contact-form .control-box, .menu-box li { clear: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home-icon:before { content: "\f015"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.about-icon:before { content: "\f0f6"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.course-icon:before { content: "\f19d"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.area-icon:before { content: "\f0ac"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.question-icon:before { content: "\f128"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.camp-icon:before { content: "\f0a1"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.corporate-icon:before { content: "\f0f7"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.profile-icon:before { content: "\f0f6"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.message-icon:before { content: "\f0e5"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.recruit-icon:before, .recruit-form-icon:before { content: "\f0c0"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.privacy-icon:before { content: "\f023"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.service-icon:before { content: "\f1cd"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.sitemap-icon:before { content: "\f0e8"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.info-icon:before { content: "\f05a"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.blog-icon:before { content: "\f044"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.contact-icon:before, .request-icon:before, .request-cons-icon:before { content: "\f003"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.search-icon:before { content: "\f002"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.tel-icon:before { content: "\f098"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.menu-icon:before { content: "\f0c9"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.pay-icon:before { content: "\f157"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.rss-icon:before { content: "\f09e"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.twitter-icon:before { content: "\f099"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.facebook-icon:before { content: "\f09a"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.caret-icon:before { content: "\f105"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.cir-donw-icon:before { content: "\f13a"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.cir-up-icon:before { content: "\f139"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.cir-left-icon:before { content: "\f137"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.cir-right-icon:before { content: "\f138"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.plus-icon:before { content: "\f196"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.minus-icon:before { content: "\f147"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.pen-icon:before { content: "\f040"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.icons-sprite { background: url('images/icons-sbf03fb6ff9.png') no-repeat; }

.consultation-icon { display: inline-block; background: url('images/icons-sfaaca807fe.png') 0 0 no-repeat; height: 19px; width: 25px; }

.compare-icon { display: inline-block; background: url('images/icons-sfaaca807fe.png') 0 -19px no-repeat; height: 19px; width: 25px; vertical-align: bottom; }

.admission-icon { display: inline-block; background: url('images/icons-sfaaca807fe.png') 0 -38px no-repeat; height: 21px; width: 19px; vertical-align: bottom; }

.primary-nav li a, #header-contact .req-box a, #nav ul li a, #mb-menu li a, #slider #flexslider, .slide-box .slide-btn, .slide-box .slide-img, .flex-direction-nav a, .cour-box h2 a, .cour-box .thumb-box a, #breadcrumb li a, #tabs .menu-item li a, .contact-form .item-max input, .contact-form .item-max select, .contact-form .item-max textarea, .contact-form .item-l input, .contact-form .item-l select, .contact-form .item-l textarea, .contact-form .item-m input, .contact-form .item-m select, .contact-form .item-s input, .contact-form .item-s select, .contact-form .item-ss input, .contact-form .item-ss select, .contact-form .addr-item input, .contact-form .tel-item input[type='text'], .contact-form .form-btn .btn-blue input[type='submit'], .contact-form .form-btn .btn-pink input[type='submit'], .contact-form .top-link p a, .blog-text a, .layout-info h1 a, .content-main ul li a, .content-main ol li a, .side-menu h3 a, .side-menu ul li a, .side-nav ul li a, .footer-req-box .req-btn a, .footer-bottom p a, #page_404 ul li a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.blog-thumb a, .top-banner ul li a, .side-banner li a { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.archive-link a, .link-box .link-btn a { -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }

.cour-box, .content-box, #news-list a, .page-navigation li a { -webkit-transition: background-color 0.2s linear, color 0.2s linear; -moz-transition: background-color 0.2s linear, color 0.2s linear; -o-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; }

#header-contact .header-tel-box .tel, #header-contact .header-tel-box .appoint span, .ttl-top .sup, .ttl-top-c .sup, .sub-ttl, .dl-menuwrapper button, .tel-contact-box .tel, .tel-contact-box .appoint span, .date, .footer-tel-box .tel, .footer-tel-box .appoint span, #copy small span, .top { font-family: "Roboto Condensed", sans-serif; }

.archive-link a, .link-box .link-btn a { background: #0066cc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.archive-link a:hover, .link-box .link-btn a:hover { background: #3399ff; }

#search-box .search-btn, .search-query, #mb-search-box .search-btn, #news-list span, .post-meta span { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header-contact .header-tel-box, #header-contact .req-box, #nav ul li, .cour-box, .content-box, .top-left, .top-right, #content, #side, .left65, .left60, .left50, .left45, .left30, .top-banner ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; }

.right60, .right50, .right45, .right35, .right30 { float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/**** layout *****/
.wrapper { background: white; height: auto; }

.wrap-box { overflow: hidden; *zoom: 1; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }

.clear { clear: both; }

.clearfix { overflow: hidden; *zoom: 1; }

#header { width: 100%; background: white; }

.header-top { background: #000033; padding: 5px 0; }

.top-inner { *zoom: 1; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }
.top-inner:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.site-des { float: left; font-size: 75%; color: white; padding-top: 5px; }

#primary-box { float: right; *zoom: 1; }
#primary-box:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.primary-nav { float: left; margin-right: 10px; }
.primary-nav li { display: inline-block; margin-right: 5px; }
.primary-nav li a { display: block; font-size: 75%; color: white; font-weight: bold; padding-top: 5px; }
.primary-nav li a i { padding-right: 5px; }
.primary-nav li a:hover { color: #2a9ae5; }

input[type="submit"] { cursor: pointer; border: none; }

#search { position: relative; }

#search.open a, #search.open i { color: #2a9ae5; }
#search.open:after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid #0059b3; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 5px solid transparent; top: -5px; left: 50%; margin-left: -10px; }

#search-box { display: none; position: relative; padding: 10px 0; margin: 0; background: #0059b3; }
#search-box .inner { max-width: 1000px; margin: 0 auto; padding: 0 20px; text-align: right; }
#search-box .search-btn { display: inline-block; width: 32px; height: 32px; vertical-align: bottom; background: url('images/search-icon.png?1407377009') no-repeat center center; }
#search-box input::-webkit-input-placeholder { color: #2a9ae5; font-weight: bold; }
#search-box input:-moz-placeholder { color: #2a9ae5; font-weight: bold; }

.search-query { width: 80%; height: 32px; background: none; padding: 5px 10px; font-size: 132%; color: white; line-height: 1.2em; text-align: right; }

.header-bottom { *zoom: 1; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; padding: 30px 0; }
.header-bottom:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.logo { float: left; }
.logo h1 { margin: 0; padding: 0; }
.logo a { display: block; }

#header-contact { float: right; overflow: hidden; *zoom: 1; }
#header-contact .header-cont-des { font-size: 75%; margin-bottom: 3px; }
#header-contact .header-tel-box .tel { font-weight: bold; font-size: 188%; color: #0066cc; }
#header-contact .header-tel-box .tel:before { content: "\f098"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
#header-contact .header-tel-box .tel:before { font-size: 28px; padding-right: 7px; }
#header-contact .header-tel-box .appoint { font-size: 75%; text-align: right; }
#header-contact .req-box { width: 150px; margin-left: 20px; text-align: center; }
#header-contact .req-box a { display: block; background: #ea920b; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 75%; font-weight: bold; padding: 15px 0; }
#header-contact .req-box a:after { content: "\f105"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
#header-contact .req-box a:after { float: right; padding-right: 10px; }
#header-contact .req-box a:hover { background: #f7b34b; color: #fff; }

.global-menu { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

#nav { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }
#nav ul { *zoom: 1; }
#nav ul:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
#nav ul li { position: relative; width: 14.28571%; border-right: 1px solid #d9d9d9; text-align: center; }
#nav ul li a { display: block; padding: 20px 0; color: #3f4f5f; font-size: 82%; font-weight: bold; }
#nav ul li a:hover { background-color: #e7f5ff; }
#nav ul li i { display: block; font-size: 125%; padding-bottom: 5px; color: #0066cc; }
#nav ul li:first-child { border-left: 1px solid #d9d9d9; }
#nav ul li.current-menu-item a, #nav ul li.current-page-ancestor a { color: white; background: #0066cc; }
#nav ul li.current-menu-item i, #nav ul li.current-page-ancestor i { color: white; }

.mb-header { width: 100%; margin: 0 auto; padding: 50px 0 20px; border-bottom: 1px solid #d9d9d9; }
.mb-header .logo { float: none; }
.mb-header h1 { text-align: center; }

#mobile { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; }

.mb-wrap { position: relative; }

.mb-item-box { *zoom: 1; background: #000033; -webkit-box-shadow: 0 2px 3px #999999; -moz-box-shadow: 0 2px 3px #999999; box-shadow: 0 2px 3px #999999; padding: 0 0 0 10px; }
.mb-item-box:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.mb-primary { float: left; }
.mb-primary ul li { display: inline-block; }
.mb-primary ul li a { display: block; font-size: 125%; padding: 5px; }
.mb-primary ul li a i { color: white; }

#mb-search { position: relative; color: white; }

#mb-search.open i { color: #0066cc; }
#mb-search.open:after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid #0059b3; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 5px solid transparent; top: -5px; left: 50%; margin-left: -10px; }

#mb-search-box { display: none; padding: 10px 0; background: #0059b3; }
#mb-search-box .inner { padding: 0 20px; text-align: right; }
#mb-search-box .search-btn { display: inline-block; width: 32px; height: 32px; vertical-align: bottom; background: url('images/search-icon.png?1407377009') no-repeat center center; }
#mb-search-box input::-webkit-input-placeholder { color: #2a9ae5; font-weight: bold; }
#mb-search-box input:-moz-placeholder { color: #2a9ae5; font-weight: bold; }

#mb-btn { float: right; text-align: center; }
#mb-btn a { display: block; color: white; font-weight: bold; font-size: 125%; padding: 5px 15px; }
#mb-btn .active { color: #0066cc; }

#mb-menu { display: none; position: absolute; top: 10px; left: 1%; width: 96%; background: #fff; border: solid 3px #000033; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 3px 3px #999999; -moz-box-shadow: 2px 3px 3px #999999; box-shadow: 2px 3px 3px #999999; position: relative; }
#mb-menu li { border-bottom: 1px dotted #000033; }
#mb-menu li a { display: block; color: #3f4f5f; padding: 10px 10px; font-weight: bold; }
#mb-menu li a:after { content: "\f105"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
#mb-menu li a:after { float: right; padding-right: 10px; }
#mb-menu li:last-child { border-bottom: none; }

.slide-box .slide-btn { position: absolute; bottom: 0; right: 0; font-size: 12px; font-weight: bold; padding: 10px 20px; background: white; border-top: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.slide-box .slide-btn:before { content: "\f138"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.slide-box .slide-btn:before { padding-right: 10px; }

#slider { width: 1200px; height: 520px; margin: 20px auto 0; background: #fff; position: relative; border: 1px solid #d9d9d9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
#slider #flexslider .slides { zoom: 1; }
#slider #flexslider:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#slider #flexslider:hover .flex-prev { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; left: 10px; }
#slider #flexslider:hover .flex-next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; right: 10px; }

.slide-box { position: relative; }
.slide-box .slide-img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.slide-box .slide-img img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.slide-box a { display: block; }
.slide-box a:hover .slide-img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.slide-box a:hover .slide-btn { background: #0066cc; border-color: #0066cc; color: white; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { font-size: 40px; line-height: 1; color: #0066cc; }
.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.flex-direction-nav { *height: 0; }
.flex-direction-nav a { display: block; position: absolute; width: 34px; height: 40px; margin: 0; top: 50%; z-index: 10; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-prev:before { content: "\f137"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.flex-direction-nav .flex-next { right: 0; text-align: right; }
.flex-direction-nav .flex-next:before { content: "\f138"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.flex-direction-nav .flex-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: default; }

.cour-box, .content-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: white; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; }
.cour-box .thumb-box, .content-box .thumb-box { text-align: center; margin-bottom: 10px; }

.container { overflow: hidden; *zoom: 1; padding: 50px 0 0; }

.top-left { width: 62%; }

.top-right { width: 35%; margin-left: 3%; }

.ttl-top, .ttl-top-c { position: relative; font-size: 175%; font-weight: bold; margin-bottom: 10px; }
.ttl-top .sup, .ttl-top-c .sup { margin-left: 10px; font-size: 16px; color: #0066cc; text-transform: uppercase; }

.ttl-top-c { text-align: center; }

.cour-box { width: 32.258%; margin-left: 1.6129%; margin-bottom: 1.6129%; padding: 20px; }
.cour-box h2 { text-align: center; margin-bottom: 10px; }
.cour-box h2 a { display: block; color: #3f4f5f; }
.cour-box h2 a:hover { color: #3399ff; }
.cour-box .thumb-box a { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.cour-box .thumb-box a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }

.archive-link { position: absolute; right: 0; bottom: 0; }
.archive-link a { display: block; color: white; font-size: 14px; padding: 3px 7px; }

#news .ttl-top { padding-left: 15px; }

#news-list { position: relative; overflow: hidden; height: 390px; background: white; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; padding: 0 10px; margin-bottom: 10px; }
#news-list .news-box { padding: 10px 10px; border-top: 1px dotted #d9d9d9; }
#news-list .news-box:first-child { border: none; }
#news-list h2 { font-weight: normal; line-height: 1.2em; color: #3f4f5f; text-decoration: underline; }
#news-list a { display: block; }
#news-list a:hover { background: #d7ecfa; }
#news-list span { padding-left: 10px; display: inline-block; }

.ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 1px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; }

.ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #3399ff; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: #3399ff; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 1px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; }

.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 0.6; filter: alpha(opacity=60); }

.ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: #3399ff; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); }

.ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 10px; background-color: #0066cc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #187fc4; }

.ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 10px; background-color: #0066cc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; }

.ps-container.ie6 .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ }

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #187fc4; }

.ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden; }

.ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; }

.wrap-content { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; *zoom: 1; padding: 50px 0; }
.wrap-content:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

#content { width: 70%; margin-right: 5%; }

#side { width: 25%; }

.title-box { background: #f1f1e9; border-bottom: 1px solid #d9d9d9; padding-top: 50px; }
.title-box h1 { font-size: 132%; font-weight: bold; text-align: center; padding-bottom: 30px; }
.title-box h1 i { color: #0066cc; padding-right: 10px; }
.title-box p { text-align: center; }

.sub-ttl { font-size: 263%; color: #0066cc; font-weight: bold; margin-bottom: .2em; text-transform: uppercase; }

#breadcrumb ul { padding: 0 0 3px 15px; }
#breadcrumb li { display: inline-block; letter-spacing: normal; *display: inline; *zoom: 1; font-size: 75%; }
#breadcrumb li a { color: #0066cc; }
#breadcrumb li a:hover { color: #3399ff; text-decoration: underline; }
#breadcrumb li i { padding-right: 5px; }
#breadcrumb li.current { font-weight: bold; }
#breadcrumb li.sub:before { content: ">"; letter-spacing: 5px; color: #0066cc; }

.layout p { line-height: 1.5em; margin-bottom: 20px; }
.layout .space { padding: 5px; margin-bottom: 30px; }

.content-box { width: 32%; position: relative; cursor: pointer; margin: 0 0 2% 2%; }
.content-box a { display: block; padding: 20px; color: #3f4f5f; }
.content-box h1 { font-size: 113%; font-weight: bold; text-align: center; padding: 5px 0; margin-bottom: 5px; }
.content-box p { font-size: 88%; line-height: 1.5em; margin-bottom: 20px; }
.content-box .more { position: absolute; bottom: 10px; left: 35%; display: block; font-weight: bold; font-size: 12px; }
.content-box .more:after { content: "\f105"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.content-box .more:after { padding-left: 10px; }
.content-box:hover { background: #0066cc; }
.content-box:hover a { color: #fff; }

.area-box h2 { text-align: center; }

.select-area { display: none; width: 200px; margin: 0 auto; padding: 20px 0; }

/* Common styles of menus */
.dl-menuwrapper { width: 200px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }

.dl-menuwrapper button { background: white; width: 100%; border: 1px solid #d9d9d9; padding: 5px 0; margin: 0; cursor: pointer; outline: none; color: #3f4f5f; position: relative; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.dl-menuwrapper button i { color: white; padding-right: 10px; line-height: 1.24; }

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #187fc4; color: white; }

.dl-menuwrapper ul { padding: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

.dl-menuwrapper li { position: relative; border-bottom: 1px solid #0059b3; border-top: 1px solid #2a9ae5; }
.dl-menuwrapper li:first-child { border-top: none; }
.dl-menuwrapper li:last-child { border-bottom: none; }

.dl-menuwrapper li a { display: block; position: relative; padding: 10px 20px; font-size: 12px; font-weight: bold; color: #fff; outline: none; }

.no-touch .dl-menuwrapper li a:hover { background: #1b8edb; }

.dl-menuwrapper li.dl-back > a { background: rgba(0, 0, 0, 0.1); }

.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; right: 10px; padding: 10px 0 0 0; font-family: 'FontAwesome'; color: white; content: "\f105"; -webkit-font-smoothing: antialiased; }

.dl-menuwrapper li.dl-back { text-align: center; }

.dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 100%; left: 0; margin: 5px 0 0 0; }

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out { -webkit-animation: MenuAnimOut 0.3s; -moz-animation: MenuAnimOut 0.3s; animation: MenuAnimOut 0.3s; }

@-webkit-keyframes MenuAnimOut { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); }
  75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
  100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } }

@-moz-keyframes MenuAnimOut { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); }
  75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
  100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } }

@keyframes MenuAnimOut { 50% { transform: translateZ(-250px) rotateY(30deg); }
  75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
  100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } }

.dl-menu.dl-animate-in { -webkit-animation: MenuAnimIn 0.3s; -moz-animation: MenuAnimIn 0.3s; animation: MenuAnimIn 0.3s; }

@-webkit-keyframes MenuAnimIn { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
  20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
  100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } }

@-moz-keyframes MenuAnimIn { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
  20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
  100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } }

@keyframes MenuAnimIn { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
  20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
  100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } }

.dl-menuwrapper > .dl-submenu.dl-animate-in { -webkit-animation: SubMenuAnimIn 0.3s ease; -moz-animation: SubMenuAnimIn 0.3s ease; animation: SubMenuAnimIn 0.3s ease; }

@-webkit-keyframes SubMenuAnimIn { 0% { -webkit-transform: translateX(50%); opacity: 0; }
  100% { -webkit-transform: translateX(0px); opacity: 1; } }

@-moz-keyframes SubMenuAnimIn { 0% { -moz-transform: translateX(50%); opacity: 0; }
  100% { -moz-transform: translateX(0px); opacity: 1; } }

@keyframes SubMenuAnimIn { 0% { transform: translateX(50%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; } }

.dl-menuwrapper > .dl-submenu.dl-animate-out { -webkit-animation: SubMenuAnimOut 0.3s ease; -moz-animation: SubMenuAnimOut 0.3s ease; animation: SubMenuAnimOut 0.3s ease; }

@-webkit-keyframes SubMenuAnimOut { 0% { -webkit-transform: translateX(0%); opacity: 1; }
  100% { -webkit-transform: translateX(50%); opacity: 0; } }

@-moz-keyframes SubMenuAnimOut { 0% { -moz-transform: translateX(0%); opacity: 1; }
  100% { -moz-transform: translateX(50%); opacity: 0; } }

@keyframes SubMenuAnimOut { 0% { transform: translateX(0%); opacity: 1; }
  100% { transform: translateX(50%); opacity: 0; } }

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }

.no-js .dl-menuwrapper li .dl-submenu { display: block; }

.no-js .dl-menuwrapper li.dl-back { display: none; }

.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1); }

.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }

.area-list { padding: 0 10px; margin-bottom: 30px; }
.area-list dt { font-size: 113%; font-weight: bold; border-bottom: 1px dotted #0066cc; padding-bottom: 5px; margin-bottom: 20px; }
.area-list dd { margin-bottom: 20px; }
.area-list ul { overflow: hidden; *zoom: 1; padding: 0px 10px; }
.area-list li { display: inline; float: left; width: 7em; margin-right: 20px; margin-bottom: 10px; }
.area-list li:first-child { margin-top: 0; }

.ttl-cir1, .ttl-cir2 { font-size: 132%; margin-bottom: 20px; }
.ttl-cir1:before, .ttl-cir2:before { content: "\f10c"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.ttl-cir1:before, .ttl-cir2:before { padding-right: 10px; }

.ttl-squ1, .ttl-squ2 { font-size: 132%; margin-bottom: 20px; }
.ttl-squ1:before, .ttl-squ2:before { content: "\f009"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.ttl-squ1:before, .ttl-squ2:before { padding-right: 10px; }

.ttl-call { font-size: 113%; color: #004e9e; margin-bottom: 20px; padding: 10px 0; }
.ttl-call:before { content: "\f10c"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.ttl-call:before { padding-right: 10px; }

.ttl-cir1 { padding: 10px 15px; color: #004e9e; border: 1px solid #d9d9d9; }

.ttl-cir2 { padding: 10px 15px; color: #fff; background: #004e9e; }

.ttl-squ1 { padding: 10px 15px; color: #004e9e; border: 1px solid #d9d9d9; }

.ttl-squ2 { padding: 10px 15px; color: #fff; background: #004e9e; }

.ttl-pen { font-size: 113%; border-bottom: 1px dotted #004e9e; margin-bottom: 10px; padding-bottom: 5px; }
.ttl-pen:before { content: "\f040"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.ttl-pen:before { padding-right: 10px; }

.ttl-dot { font-size: 100%; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px dotted #004e9e; }

.ttl-dot2 { font-size: 100%; padding: 5px 0 5px 10px; margin-bottom: 20px; border-bottom: 1px dotted #004e9e; border-left: 3px solid #3f4f5f; }

.ttl-light { font-size: 132%; color: #004e9e; margin-bottom: 20px; padding: 10px 15px; border: 1px solid #d9d9d9; }
.ttl-light:before { content: "\f0eb"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.ttl-light:before { padding-right: 10px; }

.ttl-point { font-size: 113%; margin-bottom: 10px; text-align: center; line-height: 2em; border-bottom: dotted 1px #d9d9d9; }

.step-sprite { background: url('images/step-s6ab68396b7.png') no-repeat; }

.ttl-st1, .ttl-st2, .ttl-st3, .ttl-st4, .ttl-st5 { font-size: 132%; padding: 12px 15px 15px 90px; margin-bottom: 20px; color: #0066cc; border-bottom: solid 2px #0066cc; }

.ttl-st1 { background: url('images/step-s52dfee3acc.png') 0 -320px no-repeat; }

.ttl-st2 { background: url('images/step-s52dfee3acc.png') 0 -160px no-repeat; }

.ttl-st3 { background: url('images/step-s52dfee3acc.png') 0 0 no-repeat; }

.ttl-st4 { background: url('images/step-s52dfee3acc.png') 0 -240px no-repeat; }

.ttl-st5 { background: url('images/step-s52dfee3acc.png') 0 -80px no-repeat; }

.ttl-cour { font-size: 132%; line-height: 1.2em; color: #fff; background: #00afec; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.cour-text { padding-top: 50px; font-weight: bold; }

.lineup { background: white; border: 2px solid #004c99; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; }
.lineup h2 { text-align: center; font-size: 132%; font-weight: bold; padding: 10px 0; color: #fff; background: #004c99; }
.lineup .lineup-content { padding: 20px; }

.point-box .point-l, .point-box .point-r { width: 48%; border: solid 1px #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #ebebf1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.point-box { overflow: hidden; *zoom: 1; margin-bottom: 20px; }
.point-box .point-l { float: left; }
.point-box .point-r { float: right; }
.point-box p { padding: 10px; }

.l-line { counter-reset: num; padding: 0 15px; }
.l-line li { line-height: 1.5em; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px dotted #2a9ae5; }

.link-box { border: 1px solid #d9d9d9; color: #3f4f5f; font-weight: bold; padding: 20px; border: 1px solid #d9d9d9; background: #ebebf1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.link-box p { text-align: center; }
.link-box .link-btn { width: 50%; margin: 0 auto; }
.link-box .link-btn a { display: block; text-align: center; color: #fff; font-weight: bold; font-size: 75%; padding: 10px; }
.link-box .link-btn a:after { content: "\f105"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.link-box .link-btn a:after { float: right; padding-right: 10px; }

.note { color: #3f4f5f; font-weight: bold; padding: 3%; border: 1px solid #d9d9d9; background: #ebebf1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.note p { margin: 0; }

.center { text-align: center; }

.point { color: #0066cc; }

#tabs .tab-menu { margin-bottom: 50px; }
#tabs .tab-menu p { font-weight: bold; padding-bottom: 5px; text-align: center; border-bottom: 1px dotted #0066cc; margin-bottom: 20px; }
#tabs .menu-item { width: 90%; margin: 0 auto; overflow: hidden; *zoom: 1; }
#tabs .menu-item li { float: left; width: 23%; margin-left: 1%; border: 2px solid #0066cc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
#tabs .menu-item li a { display: block; padding: 15px 0; text-align: center; color: #0066cc; font-weight: bold; }
#tabs .menu-item li a:hover { background: #0066cc; color: #fff; }
#tabs .menu-item li:first-child { margin-left: 0; }
#tabs .menu-item .ui-tabs-active { border-color: #3399ff; }
#tabs .menu-item .ui-tabs-active a { background: #3399ff; color: #fff; }

#tab-content { min-height: 600px; }
#tab-content h2 { font-size: 132%; color: #004e9e; margin-bottom: 20px; border-bottom: 2px solid #004e9e; }
#tab-content h2:before { content: "\f009"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
#tab-content h2:before { padding-right: 10px; }

.acc .acc-box { border: solid 1px #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; }
.acc .acc-box p { margin: 0; }
.acc .acc-box .q { position: relative; padding: 15px 30px 15px 40px; font-weight: bold; background: url('images/q-icon.png?1403275452') no-repeat 5px #cce5ff; cursor: pointer; }
.acc .acc-box .q .toggle-icon { position: absolute; top: 35%; right: 1%; font-size: 17px; font-weight: bold; }
.acc .acc-box .q .toggle-icon:before { content: "\f196"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.acc .acc-box .a { display: none; line-height: 1.5em; border-top: 1px solid #d9d9d9; padding: 15px 15px 15px 40px; background: url('images/a-icon.png?1403275452') no-repeat 5px 12px #efffff; }
.acc .acc-box .a li { list-style: disc inside; margin-bottom: 7px; }
.acc .acc-box .active .toggle-icon:before { content: "\f147"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }

.message-holder p { margin-bottom: 10px; }
.message-holder .name-box { margin: 30px 0; text-align: right; }
.message-holder .name-box img { padding-right: 50px; }

.privacy-holder { border: 1px solid #d9d9d9; padding: 15px; }
.privacy-holder h3 { line-height: 1.5em; margin-bottom: 10px; }
.privacy-holder ul { margin-bottom: 20px; }
.privacy-holder ul li { list-style: decimal inside; margin-bottom: 7px; }

.tb-outline { width: 100%; margin-bottom: 30px; border: solid 1px #d9d9d9; }
.tb-outline tr { border-bottom: 1px solid #d9d9d9; }
.tb-outline th { padding: 20px; text-align: left; width: 30%; border-right: 1px solid #d9d9d9; }
.tb-outline td { padding: 20px 15px; }

.tb-recruit { width: 100%; margin-bottom: 50px; border: solid 1px #d9d9d9; }
.tb-recruit tr { border-bottom: 1px solid #d9d9d9; }
.tb-recruit th { padding: 20px; text-align: left; width: 30%; border-right: 1px solid #d9d9d9; }
.tb-recruit td { font-size: 88%; padding: 20px 15px; }
.tb-recruit ul { margin: 10px 0; }
.tb-recruit ul li { list-style: disc inside; margin-bottom: 7px; }
.tb-recruit .list-label { font-weight: bold; margin-right: 10px; }

.cont-head { border-bottom: 1px solid #d9d9d9; }

.contact-logo { text-align: center; }
.contact-logo h1 { margin: 0; padding: 0; }
.contact-logo a { display: block; }

.tel-contact-box { width: 70%; margin: 0 auto; text-align: center; }
.tel-contact-box h1 { font-size: 132%; font-weight: bold; margin-bottom: 15px; }
.tel-contact-box p { font-size: 88%; margin-bottom: 5px; }
.tel-contact-box .tel { font-size: 263%; font-weight: bold; color: #0066cc; margin-bottom: 5px; }
.tel-contact-box .tel:before { content: "\f098"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.tel-contact-box .tel:before { font-size: 38px; padding-right: 10px; }
.tel-contact-box .appoint { font-size: 88%; }

.contact-des { margin-bottom: 50px; }
.contact-des p { line-height: 1.5em; margin-bottom: 20px; }
.contact-des .note-form { width: 50%; margin: 0 auto; color: #3f4f5f; font-weight: bold; padding: 20px; text-align: center; border: 1px solid #d9d9d9; background: #ebebf1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.contact-form .item-max input, .contact-form .item-max select, .contact-form .item-max textarea, .contact-form .item-l input, .contact-form .item-l select, .contact-form .item-l textarea, .contact-form .item-m input, .contact-form .item-m select, .contact-form .item-s input, .contact-form .item-s select, .contact-form .item-ss input, .contact-form .item-ss select, .contact-form .addr-item input, .contact-form .tel-item input[type='text'] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 12px; border: solid 1px #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #cce5ff; }
.contact-form .item-max input:focus, .contact-form .item-max select:focus, .contact-form .item-max textarea:focus, .contact-form .item-l input:focus, .contact-form .item-l select:focus, .contact-form .item-l textarea:focus, .contact-form .item-m input:focus, .contact-form .item-m select:focus, .contact-form .item-s input:focus, .contact-form .item-s select:focus, .contact-form .item-ss input:focus, .contact-form .item-ss select:focus, .contact-form .addr-item input:focus, .contact-form .tel-item input[type='text']:focus { background: #fff; }

.contact-form .form-btn .btn-blue input[type='submit'], .contact-form .form-btn .btn-pink input[type='submit'] { padding: 20px 40px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-weight: bold; color: #fff; border-style: none; }

#contact { margin: 0 0 70px; }

.contact-form h2 { font-size: 150%; font-weight: bold; padding-bottom: 5px; border-bottom: 2px solid #0066cc; margin: 20px 0; }
.contact-form h2 .sup { font-size: 14px; font-weight: normal; margin-left: 10px; }
.contact-form .cont-text { line-height: 1.5em; margin-bottom: 30px; text-align: center; }
.contact-form .cont-text a { text-decoration: underline; }
.contact-form .complete-text { margin-bottom: 50px; }
.contact-form .complete-text p { line-height: 1.5em; margin-bottom: 10px; }
.contact-form .top-link { padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; }
.contact-form .top-link p { width: 140px; margin: 0 auto; }
.contact-form .top-link p a { display: block; padding: 10px 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-weight: bold; color: #fff; border-style: none; background: #0066cc; }
.contact-form .top-link p a:hover { background: #3399ff; }
.contact-form textarea { resize: vertical; height: 100px; }
.contact-form .form-group { padding: 15px 0; *zoom: 1; }
.contact-form .form-group:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.contact-form .cont-label { font-weight: bold; line-height: 1.5em; text-align: right; margin: 0; padding: 5px 30px 0 0; float: left; width: 32.66667%; }
.contact-form .control-box { float: left; width: 66.33333%; position: relative; }
.contact-form .item-max input, .contact-form .item-max select, .contact-form .item-max textarea { width: 100%; }
.contact-form .item-l input, .contact-form .item-l select, .contact-form .item-l textarea { width: 80%; }
.contact-form .item-m input, .contact-form .item-m select { width: 50%; }
.contact-form .item-s input, .contact-form .item-s select { width: 25%; }
.contact-form .item-ss input, .contact-form .item-ss select { width: 15%; }
.contact-form .radio, .contact-form .checkbox { padding-top: 10px; }
.contact-form .radio label, .contact-form .checkbox label { padding-right: 7px; }
.contact-form .label-bt label { display: inline-block; padding-bottom: 10px; }
.contact-form .addr-item input { width: 15%; }
.contact-form .tel-item input[type='text'] { width: 15%; }
.contact-form .help { display: block; font-weight: normal; font-size: 88%; margin: 10px 0 10px 5px; }
.contact-form .required { margin-left: 20px; padding: 2px 3px; font-size: 75%; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #0066cc; }
.contact-form .case { padding: 2px 3px; font-size: 88%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; background: #A7B971; margin-right: 10px; }
.contact-form .form-btn { border-top: 1px solid #d9d9d9; margin: 50px 0 20px; padding-top: 30px; text-align: center; }
.contact-form .form-btn .btn-blue input[type='submit'] { background: #0066cc; }
.contact-form .form-btn .btn-blue input[type='submit']:hover { background: #3399ff; }
.contact-form .form-btn .btn-pink input[type='submit'] { background: #e9546b; }
.contact-form .form-btn .btn-pink input[type='submit']:hover { background: #f5aeb9; }
.contact-form .pr-box { width: 80%; margin: 0 auto; }
.contact-form .q { font-weight: bold; }

.contact-form.confirm .cont-label { padding: 0 30px 0 0; line-height: 1em; }
.contact-form.confirm .help, .contact-form.confirm .required { display: none; }
.contact-form.confirm .radio, .contact-form.confirm .checkbox { padding: 0; }

.left65 { width: 65%; }

.left60 { width: 60%; }

.left50 { width: 50%; }

.left45 { width: 45%; }

.left30 { width: 30%; }

.right60 { width: 60%; }

.right50 { width: 50%; }

.right45 { width: 45%; }

.right35 { width: 35%; }

.right30 { width: 30%; }

.blog-thumb { float: left; width: 120px; }
.blog-thumb a { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.blog-thumb a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.blog-text { margin-left: 140px; padding-right: 10px; }
.blog-text a { display: block; line-height: 1.2em; color: #3f4f5f; }
.blog-text a:hover { color: #187fc4; }
.blog-text h1 { margin-bottom: 10px; }
.blog-text .post-meta .date { padding: 0; }

.answer { margin-bottom: 30px !important; border-top: 1px dotted #0066cc; border-bottom: 1px dotted #0066cc; padding: 15px 0; }
.answer span { font-weight: bold; }

.layout-info h1 { font-weight: normal; }
.layout-info h1 a { display: block; line-height: 1.2em; color: #3f4f5f; }
.layout-info h1 a:hover { color: #187fc4; }

.post-box { padding: 30px 0; border-top: 1px solid #d9d9d9; *zoom: 1; }
.post-box:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.post-box:first-child { border-top: none; }

.post-meta { margin-bottom: 10px; }
.post-meta span { padding-left: 10px; display: inline-block; }

.date { font-size: 100%; color: #004e9e; font-weight: bold; margin-right: 10px; vertical-align: middle; }

.cat { font-size: 75%; color: #fff; padding: 5px 10px; margin: 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.tag { font-size: 75%; border: 1px solid #39a869; color: #39a869; font-weight: bold; padding: 5px 10px; margin: 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.news { background: #00afec; }

.event { background: #f7b34b; }

.content-title { margin-bottom: 50px; border-bottom: 1px solid #d9d9d9; }
.content-title .date { font-size: 150%; }
.content-title h1 { margin-bottom: 10px; font-size: 132%; line-height: 1.2em; padding: 10px 0; color: #3f4f5f; }

.post-thumb { margin-bottom: 30px; text-align: center; }

.content-main { margin-bottom: 50px; }
.content-main h2 { font-size: 132%; padding: 10px 15px; color: #004e9e; border: 1px solid #d9d9d9; margin-bottom: 20px; }
.content-main h2:before { content: "\f009"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.content-main h2:before { padding-right: 10px; }
.content-main h3 { font-size: 113%; padding: 5px 0 5px 10px; margin-bottom: 20px; border-bottom: 1px dotted #0066cc; border-left: 5px solid #0066cc; }
.content-main h4 { font-size: 100%; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px dotted #004e9e; }
.content-main h5, .content-main h6 { font-size: 100%; margin-bottom: 10px; }
.content-main p a { color: #0066cc; text-decoration: underline; }
.content-main p a:before { content: "\f0c1"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.content-main p a:before { padding-right: 3px; }
.content-main p a:hover { color: #187fc4; }
.content-main img { padding: 5px; border: 1px solid #d9d9d9; }
.content-main ul, .content-main ol { margin-bottom: 20px; }
.content-main ul li, .content-main ol li { margin-bottom: 10px; }
.content-main ul li a, .content-main ol li a { color: #3f4f5f; text-decoration: none; }
.content-main ul li a:before, .content-main ol li a:before { content: "\f138"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.content-main ul li a:hover, .content-main ol li a:hover { color: #187fc4; text-decoration: underline; }
.content-main ul li a:before, .content-main ol li a:before { padding-right: 10px; }
.content-main .disc { list-style: disc inside; }
.content-main .dec { list-style: decimal inside; }
.content-main blockquote { padding: 10px; background: #fdebce; line-height: 1.5em; margin-bottom: 20px; }
.content-main blockquote:before { content: "\f10d"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.content-main blockquote:after { content: "\f10e"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.content-main blockquote:before { color: #f8c26d; padding-right: 5px; font-size: 132%; }
.content-main blockquote:after { color: #f8c26d; float: right; font-size: 132%; }
.content-main pre { width: 100%; word-wrap: break-word; padding: 10px; margin-bottom: 20px; }
.content-main code { color: #0066cc; }
.content-main em { font-style: italic; }
.content-main table { width: 100%; border: 1px solid #d9d9d9; }
.content-main table caption { color: #0066cc; font-weight: bold; font-size: 100%; margin-bottom: 5px; text-align: left; }
.content-main table tr { border-top: 1px solid #d9d9d9; }
.content-main table tr:first-child { border-top: none; }
.content-main table th { font-weight: bold; padding: 15px; border-left: 1px solid #d9d9d9; background: #f1f1e9; text-align: left; }
.content-main table td { padding: 15px; border-left: 1px solid #d9d9d9; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright { display: inline; float: right; margin-left: 1.2em; }

.alignleft { display: inline; float: left; margin-left: 1.2em; }

.wp-caption { text-align: center; }
.wp-caption img { margin: 0 auto 5px auto; }

.social-box { width: 100%; padding: 0; overflow: hidden; *zoom: 1; }
.social-box li { float: left; margin-right: 12px; }

.share-top { margin-bottom: 10px; }

.share-bottom { border: solid 1px #d9d9d9; padding: 10px 10px; background: #f1f1e9; }

.page-navigation { margin-bottom: 30px; padding-top: 30px; text-align: center; font-weight: bold; letter-spacing: -.4em; border-top: 1px solid #d9d9d9; }
.page-navigation li { display: inline-block; }
.page-navigation li a { display: block; padding: 15px 18px; letter-spacing: normal; color: #0066cc; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.page-navigation li a:hover { color: #fff; background-color: #66b2ff; }
.page-navigation .current { padding: 15px 18px; letter-spacing: normal; color: #fff; background: #66b2ff; }

.sidebar { margin-bottom: 30px; border-bottom: 2px solid #d9d9d9; }

.side-menu { margin-bottom: 15px; }
.side-menu h3 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #0066cc; }
.side-menu h3 a { display: block; color: #3f4f5f; line-height: 1.2em; }
.side-menu h3 a:hover { color: #3399ff; }
.side-menu h3 i { padding-right: 10px; line-height: 1; }
.side-menu ul li a { display: block; padding: 12px 5px; color: #3f4f5f; font-size: 88%; font-weight: bold; }
.side-menu ul li a:before { content: "\f138"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.side-menu ul li a:before { color: #0066cc; padding-right: 10px; }
.side-menu ul li a:hover { color: #3399ff; }
.side-menu ul li.current_page_item, .side-menu ul li.current-cat { background: #cce5ff; }

.side-nav { margin-bottom: 15px; }
.side-nav h3 { margin-bottom: 10px; padding-bottom: 5px; padding: 5px 0; color: #3f4f5f; line-height: 1.2em; border-bottom: 1px dotted #0066cc; }
.side-nav h3:before { content: "\f040"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.side-nav h3:before { padding-right: 10px; }
.side-nav ul li a { display: block; padding: 10px 5px; color: #3f4f5f; font-size: 88%; font-weight: bold; }
.side-nav ul li a:before { content: "\f138"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.side-nav ul li a:before { color: #0066cc; padding-right: 10px; }
.side-nav ul li a:hover { color: #3399ff; }

.top-banner { padding-top: 30px; margin-bottom: 50px; }
.top-banner ul { overflow: hidden; *zoom: 1; }
.top-banner ul li { width: 32%; margin-left: 2%; text-align: center; }
.top-banner ul li a { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.top-banner ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.top-banner ul li:first-child { margin-left: 0; }

.side-banner li { margin-bottom: 15px; text-align: center; }
.side-banner li a { display: block; background-color: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.side-banner li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.top-banner h3, .side-banner h3 { display: none; }

#footer-contact { padding: 30px 0; background: #f1f1e9; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.contact-box { width: 70%; margin: 0 auto; text-align: center; }
.contact-box h1 { font-size: 100%; font-weight: bold; margin-bottom: 25px; }
.contact-box h1 i { color: #0066cc; padding-right: 10px; }
.contact-box .footer-cont-des { font-size: 88%; margin-bottom: 20px; }

.footer-req-box { text-align: center; margin-bottom: 20px; }
.footer-req-box .req-btn { display: inline-block; letter-spacing: normal; *display: inline; *zoom: 1; margin: 0 10px; width: 45%; }
.footer-req-box .req-btn a { display: block; background: #ea920b; color: #fff; font-size: 88%; font-weight: bold; padding: 15px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.footer-req-box .req-btn a:after { content: "\f105"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.footer-req-box .req-btn a:hover { background: #f7b34b; }
.footer-req-box .req-btn a:after { float: right; padding-right: 10px; }

.footer-tel-box .tel { font-size: 263%; font-weight: bold; color: #0066cc; margin-bottom: 5px; }
.footer-tel-box .tel:before { content: "\f098"; font-family: "FontAwesome"; speak: none; display: inline-block; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; vertical-align: baseline; font-style: normal; font-variant: normal; font-weight: normal; }
.footer-tel-box .tel:before { font-size: 38px; padding-right: 10px; }
.footer-tel-box .appoint { font-size: 88%; }

#footer { background: #1b8edb; }

#back-top { position: fixed; z-index: 9999; bottom: 55px; right: 10px; }
#back-top a { display: block; }

#back-top-mb { position: absolute; top: 0; right: 0; }
#back-top-mb a { display: block; }

.footer-top { border-bottom: 1px solid #187fc4; }

.menu-box { overflow: hidden; *zoom: 1; padding: 60px 0; font-size: 88%; }
.menu-box li { float: left; width: 19.2%; }
.menu-box li dt, .menu-box li .menu-page-item { margin-bottom: 10px; font-weight: bold; }
.menu-box li dd { margin-bottom: 7px; }
.menu-box a { display: block; color: white; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.menu-box a:hover { color: #3f4f5f; }
.menu-box i { padding-right: 7px; }

.footer-bottom { background: white; text-align: center; border-top: 1px solid #1570ad; border-bottom: 1px solid #0059b3; padding: 15px 0 17px; }
.footer-bottom p { font-size: 88%; }
.footer-bottom p a { color: #3f4f5f; }
.footer-bottom p a:hover { color: #3399ff; }

#copy { position: relative; border-top: 1px solid #666; width: 100%; background: #0066cc; text-align: center; padding: 20px 0; }
#copy small { font-size: 82%; color: #fff; }
#copy small a { color: #fff; }

.mw_wp_form .error { font-size: 88% !important; color: #fff !important; padding: 5px 10px; background: #ef8192; position: absolute; top: -26px; left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 9999; }
.mw_wp_form .error:after { content: ' '; width: 0; height: 0; position: absolute; top: 100%; left: 10px; border: 6px solid #ef8192; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 4px solid transparent; }

#page_404 { margin: 50px 0; }
#page_404 h2 { margin-bottom: 20px; font-size: 132%; }
#page_404 ul { margin-bottom: 30px; }
#page_404 ul li { list-style: decimal inside; margin-bottom: 10px; }
#page_404 ul li a { color: #0066cc; }
#page_404 ul li a:hover { color: #3399ff; text-decoration: underline; }
#page_404 p { margin-bottom: 15px; line-height: 1.2em; }
#page_404 .text404 { width: 50%; float: left; margin-left: 2%; margin-bottom: 30px; }
#page_404 .img404 { float: left; }

@media screen and (max-width: 1024px) { #slider { width: 100%; height: auto; } }
@media screen and (max-width: 768px) { .top-left, .top-right { margin: 0 auto 50px; float: none; }
  .top-left { width: 620px; }
  .top-right { width: 600px; }
  #select { width: 96%; margin: 0 auto; padding: 0 0 30px; }
  .top-banner ul li { margin-left: 5px; }
  #back-top { bottom: 0; }
  .wrap-content { width: 90%; }
  .content-box { width: 48%; }
  #page_404 { margin: 0; }
  #page_404 .text404 { float: none; width: 100%; margin: 0; }
  #page_404 .img404 { float: none; text-align: center; margin-bottom: 30px; } }
@media screen and (max-width: 640px) { #header-contact, .site-des { display: none; }
  .header-bottom { border-bottom: 1px solid #d9d9d9; }
  .header-bottom h1 { text-align: center; }
  .logo { float: none; }
  .wrap-box, .wrap-content { width: 98%; }
  #news-list { height: 140px; }
  .slide-btn { display: none; }
  .top-left { width: 100%; float: none; margin: 0 auto 50px; }
  .top-left .top-left { padding: 0; }
  .top-right { width: 98%; float: none; margin: 0 auto 50px; }
  .top-banner ul li { width: 100%; float: none; margin: 0 0 10px; text-align: center; }
  .content-box .text-box p { display: none; }
  .content-box .more { display: none; }
  .select-area { display: block; }
  #content { float: none; width: 100%; }
  .link-box p { text-align: left; }
  .link-box .link-btn { width: 100%; }
  .point-box { margin: 0; }
  .point-box .point-l, .point-box .point-r { float: none; width: 100%; margin-bottom: 10px; }
  .blog-thumb { width: 100px; }
  .contact-des { margin-bottom: 20px; }
  .contact-des .note-form { width: 80%; }
  .contact-form { width: 98%; margin: 0 auto; }
  .contact-form h2 { margin: 0 0 10px; padding: 20px 0 5px; }
  .contact-form .cont-text { text-align: left; }
  .contact-form .form-group { padding: 0; margin-bottom: 15px; clear: none; }
  .contact-form .cont-label { width: 100%; text-align: left; margin-bottom: 5px; }
  .contact-form .control-box { width: 100%; }
  .contact-form .item-l input, .contact-form .item-l select { width: 100%; }
  .contact-form .item-m input, .contact-form .item-m select { width: 100%; }
  .contact-form .item-s input, .contact-form .item-s select { width: 50%; }
  .contact-form .radio, .contact-form .checkbox { padding: 0; }
  .contact-form .addr-item input { width: 30%; }
  .contact-form .tel-item input[type='text'] { width: 25%; }
  .contact-form .pr-box { width: 100%; margin: 0 auto; }
  #side { float: none; width: 100%; padding-top: 30px; border-top: 1px solid #d9d9d9; }
  #side .side-inner { padding: 0; }
  .contact-box { width: 100%; margin: 0 auto; }
  .footer-tel-box { display: none; }
  #footer { background: white; }
  .footer-top, #copy { border: none; }
  .footer-bottom { background: #1b8edb; text-align: left; border: none; }
  .footer-bottom p { color: white; }
  .footer-bottom p a { color: white; }
  .menu-box { margin: 30px 0 50px; padding: 10px; }
  .menu-box li { width: 100%; float: none; margin: 0; }
  .menu-box li dt a, .menu-box li .menu-page-item a { background: #0066cc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 10px 20px; }
  .menu-box li dt a:hover, .menu-box li .menu-page-item a:hover { color: #3f4f5f; }
  .menu-box li dd { display: none; } }
@media screen and (max-width: 480px) { .select-box { width: 100%; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; }
  .cour-box { width: 48%; }
  .content-box { float: none; width: 100%; padding: 5px; margin: 0 0 10px; }
  .content-box a { overflow: hidden; *zoom: 1; }
  .content-box .thumb-box { float: left; width: 15%; margin: 0; }
  .content-box .text-box { float: left; margin-left: 30px; }
  .content-box .text-box h1 { padding-top: 10px; }
  .content-box a { padding: 0; }
  .lineup h2 { font-size: 100%; }
  .tb-outline tr, .tb-recruit tr { border-bottom: none; }
  .tb-outline th, .tb-recruit th { text-align: center; padding: 10px 0; width: 100%; color: white; display: block; border: none; background: #2a9ae5; }
  .tb-outline td, .tb-recruit td { display: block; }
  #tabs .menu-item { width: 100%; }
  .blog-text a { font-size: 88%; }
  .cour-text { padding-top: 20px; }
  .left65, .left60, .left50, .left45, .left30, .right60, .right50, .right45, .right35, .right30 { float: none; width: 100%; margin-bottom: 10px; }
  .center { text-align: left; }
  .tel-contact-box { width: 90%; text-align: left; }
  .tel-contact-box h1 { text-align: center; }
  .tel-contact-box .appoint { text-align: center; }
  .contact-box .footer-cont-des { text-align: left; }
  .footer-req-box { text-align: center; margin-bottom: 20px; }
  .footer-req-box .req-btn { display: block; margin: 0 auto 10px; width: 100%; } }