body:not(.top) > header h1 span{margin-left:.5em}
body:not(.top) > header{margin-bottom:32px;height:256px;}
body:not(.top) > header .bg{opacity:.72;position:relative !important;margin-left:auto;margin-right:auto;top:56px;width:976px;height:192px;background-size:100%}
body:not(.top) > header .inner{padding-top:8px;width:960px;height:248px;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
body:not(.top) figure.logo{position:absolute;top:-8px;width:64px;height:100px;background-color:#000;-webkit-transition:top .5s;-moz-transition:top .5s;-o-transition:top .5s;transition:top .5s}
body:not(.top) figure.logo img{margin-top:8px}
body:not(.top) figure.logo:hover{top:0}
body:not(.top) > header h1{line-height:40px;margin-left:96px;font-size:16px}
body:not(.top) > header .tel{white-space:nowrap;margin-left:8px}
body:not(.top) > header nav.breadcrumbs{left:-8px;width:976px}
.breadcrumbs a{-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
.breadcrumbs a:not(:last-child){margin-right:8px}
.breadcrumbs a:hover{color:#85bbd2}

main > .inner,
body > footer > .inner{width:960px;margin-left:auto;margin-right:auto;position:relative}

body:not(.top) #content{width:674px;padding:0 8px}

section > header ul li:not(.is-active) a{-webkit-transition:color .5s,background-color .5s;-moz-transition:color .5s,background-color .5s;-o-transition:color .5s,background-color .5s;transition:color .5s,background-color .5s}
section > header ul li:not(.is-active) a:hover{background-color:#85bbd2;color:#000}

.content p .enclosure-image{position:relative}
.content .enclosure-image figcaption{line-height:1.4;margin-bottom:1em}

.text-based section > .content p,
.text-based section > .content li li{color:#e0e0e0;font-size:12px}
.text-based section > .content strong,
.text-based section > .content > * > li{color:#b8b8b8;font-size:11px}


section > header h2 span{display:block;margin-top:8px;font-size:11px;color:#8f8f8f}
/*article > header h2{font-size:20px;letter-spacing:.12em;color:#85bbd2}
*/
.list-based.expandable section .content ul:first-child{padding-left:8px;margin-bottom:40px}
.list-based.expandable section .content ul:first-child li a{display:inline-block;line-height:24px}
.list-based section .flexible-line.list a{padding:8px}
.list li p small{font-size:10px;color:#8f8f8f}
/*.list-based:not(.expandable) .list li p{line-height:1.4}*/
/*.list-based:not(.expandable) .list li p:last-child{margin-bottom:8px;}*/
.list-based section .list li a{-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
.list-based section .list li a:hover{color:#e0e0e0}
.list-based.expandable section .list li > strong{display:block;color:#247397;padding:16px 8px 8px 8px;font-weight:normal}
.list-based.expandable section .list p:last-child{margin-bottom:16px}


.shortcut a{color:#b8b8b8;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
.shortcut a:hover{color:#85bbd2}
.list.borderless .flexible-line{margin-bottom:32px}
.list p{font-size:11px;color:#b8b8b8}
.list .flexible-line strong{color:#85bbd2;letter-spacing:.12em}
.list.borderless .flexible-line > strong{font-size:13px;font-weight:normal;padding-bottom:8px;border-bottom:1px solid #292929;margin-bottom:10px}

.grid .primary{-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.grid .secondary strong{-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
.grid a:hover .primary{opacity:.72}
.grid a:hover .secondary strong{color:#85bbd2}

.service.grid .primary .inner{-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}
.service.grid a:hover .primary .inner{background-color:#292929}


.form-based form textarea{height:200px}

/*article .secondary.content dt,
article .secondary.content dd{font-size:12px}
*/
article .content table{width:100%;font-size:11px}

.pager a{-webkit-transition:color .5s,background-color .5s;-moz-transition:color .5s,background-color .5s;-o-transition:color .5s,background-color .5s;transition:color .5s,background-color .5s}
.pager a:hover{color:#b8b8b8;background-color:#292929}

.related-nav{width:80%;margin-left:auto;margin-right:auto}
/*.related-nav li,
.related-nav a{line-height:32px}
.related-nav li{color:#8f8f8f}
*/.related-nav a{-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
.related-nav a:hover{color:#fff}

.banner-nav{width:616px}

.drawer-nav .ctrls{display:none}
.drawer-nav .flexible-line{font-size:11px}
.drawer-nav .item a{-webkit-transition:color .5s,background-color .5s;-moz-transition:color .5s,background-color .5s;-o-transition:color .5s,background-color .5s;transition:color .5s,background-color .5s}
.drawer-nav .item a:hover{color:#fff;text-shadow:0 0 4px #247397}
.drawer-nav .bgless .item a:hover{background-color:#141414}
.drawer-nav .ad a{transition:opacity .3s}
.drawer-nav .ad a:hover{opacity:.72}


footer .common-link a{-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
footer .common-link a:hover{color:#85bbd2}
/*footer .common-link a.external-link:hover{color:#85bbd2}*/

#page-top a span{-webkit-transition:border-left-color .5s,border-top-color .5s;-moz-transition:border-left-color .5s,border-top-color .5s;-o-transition:border-left-color .5s,border-top-color .5s;transition:border-left-color .5s,border-top-color .5s}
#page-top a:hover span{border-left-color:#e0e0e0;border-top-color:#e0e0e0}