@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio[controls], canvas, video { display: inline-block; *display: inline; zoom: 1; }

html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, form, figure { margin: 0; }

body, button, input, select, textarea { font-family: sans-serif; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

pre, code, kbd, samp { font-family: monospace,monospace; _font-family: 'courier new',monospace; font-size: 1em; }

pre { white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

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

small { font-size: 75%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

body, div, pre, p, blockquote, form, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, embed, object { margin: 0; padding: 0; vertical-align: baseline; font-size: 100.01%; }

/*
	Kube Professional CSS-framework Version 2.0.0

	Copyright (c) 2013, Imperavi Inc.

	http://imperavi.com/kube/
*/
/* =Reset
-----------------------------------------------------------------------------*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

/* =Tables
-----------------------------------------------------------------------------*/
tfoot th, tfoot td { background-color: #f2f2f2; }

th, td { border-bottom: 1px solid #eeeeee; padding: 0.5em 0.8em; }

table caption { text-transform: uppercase; padding: 0 1em; color: #999999; font-size: 0.85em; }

table.table-flat td, table.table-flat th { border: none; padding: 0; }

table.table-simple td, table.table-simple th { border: none; padding: 0.825em 0.7em 0.825em 0; }

table.table-simple caption { padding-left: 0; }

table.table-bordered td, table.table-bordered th { border: 1px solid #ddd; }

table.table-stroked td, table.table-stroked th { border-bottom: 1px solid #eee; }

table.table-striped tbody tr:nth-child(odd) td { background-color: #f5f5f5; }

table.table-hovered tbody tr:hover td, table.table-hovered thead tr:hover th { background-color: #f6f6f6; }

/* Responsive Tables */
.table-container { width: 100%; overflow: auto; margin-bottom: 1.65em; }

.table-container table { margin-bottom: 0; }

.table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }

.table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, 0.3); }

/* =Lists
-----------------------------------------------------------------------------*/
.lists-simple { margin-left: 0; list-style: none; }

.lists-simple ul, .lists-simple ol { list-style: none; margin-left: 1.5em; }

.lists-dash { margin-left: 18px; }

.lists-dash li { list-style-type: none; }

.lists-dash li:before { content: "\2013"; position: relative; margin-left: -10px; left: -7px; }

/* =Forms
-----------------------------------------------------------------------------*/
.forms label { display: block; margin-bottom: 1.65em; }

.forms input[type="text"], .forms input[type="password"], .forms input[type="email"], .forms input[type="url"], .forms input[type="phone"], .forms input[type="tel"], .forms input[type="number"], .forms input[type="datetime"], .forms input[type="date"], .forms input[type="search"], .forms input[type="range"], .forms input[type="file"], .forms input[type="datetime-local"], .forms textarea, .forms select, .forms button { display: block; }

.forms-inline input[type="text"], .forms-inline input[type="password"], .forms-inline input[type="email"], .forms-inline input[type="url"], .forms-inline input[type="phone"], .forms-inline input[type="tel"], .forms-inline input[type="number"], .forms-inline input[type="datetime"], .forms-inline input[type="date"], .forms-inline input[type="search"], .forms-inline input[type="range"], .forms-inline input[type="file"], .forms-inline input[type="datetime-local"], .forms-inline textarea, .forms-inline select, .forms-inline button, .forms-inline-list input[type="text"], .forms-inline-list input[type="password"], .forms-inline-list input[type="email"], .forms-inline-list input[type="url"], .forms-inline-list input[type="phone"], .forms-inline-list input[type="tel"], .forms-inline-list input[type="number"], .forms-inline-list input[type="datetime"], .forms-inline-list input[type="date"], .forms-inline-list input[type="search"], .forms-inline-list input[type="range"], .forms-inline-list input[type="file"], .forms-inline-list input[type="datetime-local"], .forms-inline-list textarea, .forms-inline-list select, .forms-inline-list button { display: inline-block; }

.forms-list, .forms-inline-list { margin: 0; padding: 0; margin-bottom: 1.65em; list-style: none; }

.forms-list label, .forms-inline-list li, .forms-inline-list li label { display: inline-block; margin-bottom: 0; }

.forms-inline-list li label { margin-right: 1.65em; }

.forms-list li { margin-bottom: 6px; }

.forms-desc { margin-top: 4px; color: #999999; font-size: 0.85em; line-height: 1.4em; }

.forms fieldset { padding-bottom: .5em; border-radius: .5em; }

fieldset.forms-row { padding: 0; border: none; margin-bottom: 0; }

.forms-columnar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.forms-columnar input[type="range"], .forms-columnar input[type="file"], .forms-columnar select[multiple="multiple"] { display: inline-block; }

.forms-columnar p { position: relative; padding-left: 170px; }

.forms-columnar label { float: left; width: 150px; text-align: right; top: 0; left: 0; position: absolute; }

.forms-columnar .forms-list, .forms-columnar .forms-inline-list { margin-left: 170px; }

.forms-columnar .forms-list label, .forms-columnar .forms-inline-list label { position: static; float: none; width: auto; text-align: left; margin-right: 0; }

.forms-columnar .forms-inline-list label { margin-right: 1.65em; }

.forms-push { position: relative; padding-left: 170px; }

.forms-section { font-weight: bold; border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin-bottom: 1em; line-height: 1; }

.forms-columnar .forms-section { padding-left: 170px; }

input[type="radio"], input[type="checkbox"] { position: relative; top: -1px; }

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="phone"], input[type="tel"], input[type="number"], input[type="datetime"], input[type="date"], input[type="search"], input[type="datetime-local"], textarea, select[multiple="multiple"] { position: relative; z-index: 2; font-family: 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif; border: 1px solid #ccc; margin: 0; padding: 3px 2px; background-color: white; color: #333333; font-size: 1em; line-height: 1; border-radius: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -webkit-transition: border ease 0.5s; -moz-transition: border ease 0.5s; -o-transition: border ease 0.5s; transition: border ease 0.5s; }

input[type="range"] { position: relative; top: 3px; }

textarea { line-height: 1.4em; }

select { margin-bottom: 0 !important; }

/* Errors and Success */
.error, .success { margin-left: 5px; font-weight: normal; font-size: 0.85em; }

input.input-error, textarea.input-error, select.input-error, .input-error { border-color: #da3e5a; box-shadow: 0 0 0 2px rgba(218, 62, 90, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }

input.input-success, textarea.input-success, select.input-success, .input-success { border-color: #18a011; box-shadow: 0 0 0 2px rgba(24, 160, 17, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }

input.input-gray, textarea.input-gray, select.input-gray, .input-gray { border-color: #ccc; box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }

input:focus, textarea:focus { outline: none; border-color: #5ca9e4; box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }

input.input-search, input[type="search"] { padding-right: 10px; padding-left: 10px; margin-bottom: 0; border-radius: 15px; }

.input-append, .input-prepend { display: inline-block; background-color: #eee; height: 23px; border: 1px solid #ccc; margin: 0; padding: 1px 8px; color: #333; font-size: 1em; line-height: 23px; }

.input-prepend { margin-right: -1px; }

.input-append { position: relative; z-index: 1; margin-left: -1px; }

/* Placeholder */
:-moz-placeholder { color: #999999; }

::-moz-placeholder { color: #999999; }

:-ms-input-placeholder { color: #999999; }

::-webkit-input-placeholder { color: #999999; padding: 2px; }

/* =Images
-----------------------------------------------------------------------------*/
.image-left { float: left; margin: 0 1em 1em 0; }

.image-right { float: right; margin: 0 0 1em 1em; }

.image-left img, .image-right img { position: relative; top: .4em; }

.image-centered { text-align: center; }

.image-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.image-content { overflow: hidden; }

/* =Grid
-----------------------------------------------------------------------------*/
.units-container:after, .units-row-end:after, .units-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.units-container { /* it's the trick to not collapse padding-top in the child element */ padding-top: 1px; margin-top: -1px; }

.units-container, .units-row-end, .units-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.units-row { margin-bottom: 1.5em; }

.units-row-end { margin-bottom: 0; }

.width-100, .unit-100 { width: 100%; }

.width-80, .unit-80 { width: 80%; }

.width-75, .unit-75 { width: 75%; }

.width-70, .unit-70 { width: 70%; }

.width-66, .unit-66 { width: 66.6%; }

.width-60, .unit-60 { width: 60%; }

.width-50, .unit-50 { width: 50%; }

.width-40, .unit-40 { width: 40%; }

.width-33, .unit-33 { width: 33.3%; }

.width-30, .unit-30 { width: 30%; }

.width-25, .unit-25 { width: 25%; }

.width-20, .unit-20 { width: 20%; }

input.width-100, input.unit-100 { width: 98.6%; }

textarea.width-100, textarea.unit-100 { width: 98.8%; }

select.width-100, select.unit-100 { width: 99.4%; }

.width-100, .width-80, .width-75, .width-70, .width-66, .width-60, .width-50, .width-40, .width-33, .width-30, .width-25, .width-20, .units-row .unit-100, .units-row .unit-80, .units-row .unit-75, .units-row .unit-70, .units-row .unit-66, .units-row .unit-60, .units-row .unit-50, .units-row .unit-40, .units-row .unit-33, .units-row .unit-30, .units-row .unit-25, .units-row .unit-20, .units-row-end .unit-100, .units-row-end .unit-80, .units-row-end .unit-75, .units-row-end .unit-70, .units-row-end .unit-66, .units-row-end .unit-60, .units-row-end .unit-50, .units-row-end .unit-40, .units-row-end .unit-33, .units-row-end .unit-30, .units-row-end .unit-25, .units-row-end .unit-20 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.units-row .unit-80, .units-row .unit-75, .units-row .unit-70, .units-row .unit-66, .units-row .unit-60, .units-row .unit-50, .units-row .unit-40, .units-row .unit-33, .units-row .unit-30, .units-row .unit-25, .units-row .unit-20, .units-row-end .unit-100, .units-row-end .unit-80, .units-row-end .unit-75, .units-row-end .unit-70, .units-row-end .unit-66, .units-row-end .unit-60, .units-row-end .unit-50, .units-row-end .unit-40, .units-row-end .unit-33, .units-row-end .unit-30, .units-row-end .unit-25, .units-row-end .unit-20 { float: left; margin-left: 3%; }

.units-row .unit-80:first-child, .units-row .unit-75:first-child, .units-row .unit-70:first-child, .units-row .unit-66:first-child, .units-row .unit-60:first-child, .units-row .unit-50:first-child, .units-row .unit-40:first-child, .units-row .unit-33:first-child, .units-row .unit-30:first-child, .units-row .unit-25:first-child, .units-row .unit-20:first-child, .units-row-end .unit-100:first-child, .units-row-end .unit-80:first-child, .units-row-end .unit-75:first-child, .units-row-end .unit-70:first-child, .units-row-end .unit-66:first-child, .units-row-end .unit-60:first-child, .units-row-end .unit-50:first-child, .units-row-end .unit-40:first-child, .units-row-end .unit-33:first-child, .units-row-end .unit-30:first-child, .units-row-end .unit-25:first-child, .units-row-end .unit-20:first-child { margin-left: 0; }

.units-row .unit-80, .units-row-end .unit-80 { width: 79.4%; }

.units-row .unit-75, .units-row-end .unit-75 { width: 74.25%; }

.units-row .unit-70, .units-row-end .unit-70 { width: 69.1%; }

.units-row .unit-66, .units-row-end .unit-66 { width: 65.66666666666666%; }

.units-row .unit-60, .units-row-end .unit-60 { width: 58.800000000000004%; }

.units-row .unit-50, .units-row-end .unit-50 { width: 48.5%; }

.units-row .unit-40, .units-row-end .unit-40 { width: 38.2%; }

.units-row .unit-30, .units-row-end .unit-30 { width: 27.9%; }

.units-row .unit-33, .units-row-end .unit-33 { width: 31.333333333333332%; }

.units-row .unit-25, .units-row-end .unit-25 { width: 22.75%; }

.units-row .unit-20, .units-row-end .unit-20 { width: 17.6%; }

.unit-push-80, .unit-push-75, .unit-push-70, .unit-push-66, .unit-push-60, .unit-push-50, .unit-push-40, .unit-push-33, .unit-push-30, .unit-push-25, .unit-push-20 { position: relative; }

.unit-push-30 { left: 30.9%; }

.unit-push-80 { left: 82.4%; }

.unit-push-75 { left: 77.25%; }

.unit-push-70 { left: 72.1%; }

.unit-push-66 { left: 68.66666666666666%; }

.unit-push-60 { left: 61.800000000000004%; }

.unit-push-50 { left: 51.5%; }

.unit-push-40 { left: 41.2%; }

.unit-push-33 { left: 34.33333333333333%; }

.unit-push-25 { left: 25.75%; }

.unit-push-20 { left: 20.6%; }

.unit-push-right { float: right; }

.centered, .unit-centered { float: none !important; margin: 0 auto !important; }

.unit-padding { padding: 1.65em; }

.units-padding .unit-100, .units-padding .unit-80, .units-padding .unit-75, .units-padding .unit-70, .units-padding .unit-66, .units-padding .unit-60, .units-padding .unit-50, .units-padding .unit-40, .units-padding .unit-33, .units-padding .unit-30, .units-padding .unit-25, .units-padding .unit-20 { padding: 1.65em; }

.units-split .unit-80, .units-split .unit-75, .units-split .unit-70, .units-split .unit-66, .units-split .unit-60, .units-split .unit-50, .units-split .unit-40, .units-split .unit-33, .units-split .unit-30, .units-split .unit-25, .units-split .unit-20 { margin-left: 0; }

.units-split .unit-80 { width: 80%; }

.units-split .unit-75 { width: 75%; }

.units-split .unit-70 { width: 70%; }

.units-split .unit-66 { width: 66.6%; }

.units-split .unit-60 { width: 60%; }

.units-split .unit-50 { width: 50%; }

.units-split .unit-40 { width: 40%; }

.units-split .unit-33 { width: 33.3%; }

.units-split .unit-30 { width: 30%; }

.units-split .unit-25 { width: 25%; }

.units-split .unit-20 { width: 20%; }

/* =Blocks
-----------------------------------------------------------------------------*/
.blocks-2, .blocks-3, .blocks-4, .blocks-5, .blocks-6 { padding-left: 0; list-style: none; margin-left: -3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.blocks-2:after, .blocks-3:after, .blocks-4:after, .blocks-5:after, .blocks-6:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.blocks-2 > li, .blocks-3 > li, .blocks-4 > li, .blocks-5 > li, .blocks-6 > li { height: auto; float: left; margin-bottom: 1.65em; margin-left: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.blocks-2 > li { width: 47%; }

.blocks-3 > li { width: 30.333333333333332%; }

.blocks-4 > li { width: 22%; }

.blocks-5 > li { width: 17%; }

.blocks-6 > li { width: 13.666666666666666%; }

.block-first { clear: both; }

/* =Tablet and Desktop
-----------------------------------------------------------------------------*/
@media (min-width: 768px) { .desktop-hide { display: none; } }
/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { .mobile-text-centered { text-align: center; }
  .mobile-hide { display: none; } }
/* =Media
-----------------------------------------------------------------------------*/
/* Responsive images and other embedded objects */
img, video { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

audio { width: 100%; }

.video-wrapper { height: 0; padding-bottom: 56.25%; /* ratio 16:9 */ position: relative; margin-bottom: 1.65em; }

.video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { .units-row .unit-80, .units-row .unit-75, .units-row .unit-70, .units-row .unit-66, .units-row .unit-60, .units-row .unit-50, .units-row .unit-40, .units-row .unit-33, .units-row .unit-30, .units-row .unit-25, .units-row .unit-20, .units-row-end .unit-80, .units-row-end .unit-75, .units-row-end .unit-70, .units-row-end .unit-66, .units-row-end .unit-60, .units-row-end .unit-50, .units-row-end .unit-40, .units-row-end .unit-33, .units-row-end .unit-30, .units-row-end .unit-25, .units-row-end .unit-20 { width: 100%; float: none; margin-left: 0; margin-bottom: 1.65em; }
  .unit-push-80, .unit-push-75, .unit-push-70, .unit-push-66, .unit-push-60, .unit-push-50, .unit-push-40, .unit-push-33, .unit-push-30, .unit-push-25, .unit-push-20 { left: 0; }
  .units-row-end .unit-push-right, .units-row .unit-push-right { float: none; }
  .units-mobile-50 .unit-80, .units-mobile-50 .unit-75, .units-mobile-50 .unit-70, .units-mobile-50 .unit-66, .units-mobile-50 .unit-60, .units-mobile-50 .unit-40, .units-mobile-50 .unit-30, .units-mobile-50 .unit-33, .units-mobile-50 .unit-25, .units-mobile-50 .unit-20 { float: left; margin-left: 3%; width: 48.5%; }
  .units-mobile-50 .unit-80:first-child, .units-mobile-50 .unit-75:first-child, .units-mobile-50 .unit-70:first-child, .units-mobile-50 .unit-66:first-child, .units-mobile-50 .unit-60:first-child, .units-mobile-50 .unit-40:first-child, .units-mobile-50 .unit-30:first-child, .units-mobile-50 .unit-33:first-child, .units-mobile-50 .unit-25:first-child, .units-mobile-50 .unit-20:first-child { margin-left: 0; } }
/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { .blocks-2, .blocks-3, .blocks-4, .blocks-5, .blocks-6 { margin-left: 0; margin-bottom: 1.65em; }
  .blocks-2 > li, .blocks-3 > li, .blocks-4 > li, .blocks-5 > li, .blocks-6 > li { float: none; margin-left: 0; width: 100%; }
  .blocks-mobile-50 > li, .blocks-mobile-33 > li { float: left; margin-left: 3%; }
  .blocks-mobile-33, .blocks-mobile-50 { margin-left: -3%; }
  .blocks-mobile-50 > li { width: 47%; }
  .blocks-mobile-33 > li { width: 30.333333333333332%; } }
/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { .nav-h, .nav-h ul, .nav-h ul li, .nav-h, .nav-g, .nav-g ul, .nav-g ul li, .nav-g, .nav-v ul, .nav-v, .nav-tabs ul, .nav-pills, .nav-pills ul { float: none; }
  .nav-h ul li, .nav-g ul li { margin: 0; margin-bottom: 1px; }
  .nav-tabs ul li { float: none; margin-right: 0; }
  .nav-tabs ul li a, .nav-tabs ul li span, .nav-tabs ul li .active { margin-top: 0; bottom: 0; padding: 8px 12px 9px 12px; border: 1px solid #ddd; border-bottom: none; }
  .nav-tabs-v { border-bottom: 1px solid #ddd; border-right: none; }
  .nav-tabs-v ul li span { margin-top: 0; bottom: 0; margin-right: 0; } }
/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) { .forms-columnar label { float: none; text-align: left; width: auto; margin-bottom: 0; }
  .forms-push label { position: relative; }
  .forms-push, .forms-columnar .forms-section { padding-left: 0; }
  .forms-columnar .forms-list, .forms-columnar .forms-inline-list { margin-left: 0; } }
.align-center { text-align: center; }

.align-right { text-align: right; }

.align-left { text-align: left; }

img { vertical-align: bottom; -ms-interpolation-mode: bicubic; }

img.right { float: right; margin-left: 20px; margin-bottom: 10px; }

img.left { float: left; margin-right: 20px; margin-bottom: 10px; }

.right { float: right; }

.left { float: left; }

.pc-none { display: none; }

.sp-none { display: block; }

#wrap:before, #wrap:after, .units-row:before, .units-row:after, .cf:before, .cf:after { content: ""; display: table; }

#wrap:after, .units-row:after, .cf:after { clear: both; }

#wrap, .units-row, .cf { zoom: 1; }

body { color: #333; background: #fff; font: 14px/1.6 "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; /* font: 13px/1.6 Arial, Helvetica, "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; */ *font: x-small; border-top: solid 5px #282f62; }

h1, h2, h3, h4, h5 { font-family: "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; }

/*
a { color: #5FD2B4;
}
a:hover { color: #ffa500;
}
*/
a:hover img { opacity: 0.6; filter: alpha(opacity=60); }

/* =Layout
-----------------------------------------------------------------------------*/
.inner, #wrap { margin: 0 auto; width: 950px; }

#wrap { padding-top: 30px; }

#facebook { margin-bottom: 40px; }
#facebook .fbcomments, #facebook .fb_iframe_widget, #facebook .fb_iframe_widget[style], #facebook .fb_iframe_widget iframe[style], #facebook .fbcomments iframe[style], #facebook .fb_iframe_widget span { width: 100% !important; }

#facebook, aside { width: 33%; float: left; }

article { width: 65%; float: right; line-height: 1.7; margin-bottom: 30px; min-height: 1400px; font-size: 93%; }

/* =Header
-----------------------------------------------------------------------------*/
header { text-align: right; margin-bottom: 20px; }
header img.twitter-btn { width: 60px; }

/* =Nav
-----------------------------------------------------------------------------*/
/* =Aside
-----------------------------------------------------------------------------*/
aside h1 { margin-bottom: 1em; padding: 0 0 5px; }
aside ul { list-style: none; }
aside div#side-main { border: solid 1px #ECF0F1; margin-bottom: 25px; }
aside div#side-main p#catch-txt { color: #282f62; text-align: center; font-weight: bold; }
aside div#side-main #logo-area { background: url(../../img/common/side/title-bg.jpg); }
aside section { padding: 20px; }
aside nav { background: #282f62; color: #fff; padding: 20px; }
aside nav p { color: #fff; }
aside nav a { color: #fff; text-decoration: none; }
aside nav a:hover { color: #627abc; }
aside nav ul { margin-left: 0; font-weight: bold; margin-bottom: 1em; font-size: 123.1%; }
aside nav ul li { border-top: solid 1px #fff; }
aside nav ul li a { padding: 0.7em 0.3em; display: block; }
aside nav ul li.top { border: none; }
aside nav ul li.top a { margin-top: 0; padding-top: 0; }
aside nav ul a:hover { color: #999; }
aside section.side-bot div.category-nav { text-align: center; font-size: 108%; }
aside section.side-bot div.category-nav h3 { background: #282f62; color: #fff; padding: 5px 0; margin-bottom: 0.5em; }
aside section.side-bot div.category-nav ul li { margin-bottom: 0.5em; }
aside section.side-bot div.category-nav ul li a { color: #282f62; text-decoration: none; font-weight: bold; }
aside section.side-bot div.category-nav ul li a:hover { color: #4a55c3; }
aside div.s-icon { padding-top: 15px; }
aside div.s-icon .pmark { width: 20%; float: left; }
aside div.s-icon ul { width: 70%; float: right; padding-top: 26px; }
aside div.s-icon ul li { width: 18%; float: right; margin-left: 6px; }
aside #search { margin-bottom: 5px; }
aside #search img.icon { width: 10%; float: left; padding: 5px; }
aside #search #search-input { width: 80%; float: right; margin-top: 10px; }

/* =Footer
-----------------------------------------------------------------------------*/
footer { clear: both; background: #F5F5F5; }
footer #footer-nav { padding: 30px 0 10px; }
footer #footer-nav ul { list-style: none; margin-left: 0; }
footer #footer-nav ul a { color: #282f62; text-decoration: none; }
footer #footer-nav ul a:hover { color: #4a55c3; text-decoration: underline; }
footer #footer-nav ul.foot-nav-main { font-weight: bold; margin-bottom: 40px; }
footer #footer-nav ul.foot-nav-main ul { margin-left: 2em; font-weight: normal; }
footer #footer-nav ul.foot-nav-main ul.block li { display: block; margin-bottom: 0; }
footer #footer-nav ul.foot-nav-main ul li { display: inline; margin-right: 5px; margin-bottom: 8px; white-space: nowrap; }
footer #footer-right { border-left: solid 1px #fff; }
footer #footer-right #footer-right-in { padding-left: 2em; }
footer #footer-right h4 { margin-bottom: 14px; font-size: 131%; border-bottom: solid 1px #282f62; color: #282f62; font-weight: normal; }
footer #footer-right ul { margin-bottom: 30px; }
footer #copyright { background: #282f62; color: #fff; text-align: center; padding: 10px 0; }

/* =Main
-----------------------------------------------------------------------------*/
article { /* table-basic
──────────────────── */ /* FAQ
============================================= */ /* pagination
──────────────────── */   /* #pagination { padding: 20px 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 85%;

 span, a { margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; border: 1px solid #282F62; color: #282F62; }
 a:hover { color: #fff; background: #282F62; }
 .current { padding: 6px 9px 5px 9px; background: #282F62; color: #fff; } } //#pagination */ }
article h2 { margin-bottom: 20px; }
article h3 { background: #282f62; color: #fff; text-align: center; font-size: 131%; padding: 10px; margin-bottom: 15px; }
article h4 { color: #282f62; }
article p { margin-bottom: 1em; }
article p.bot0 { margin-bottom: 0; }
article .bd { border: solid 1px #999; padding: 10px; }
article section { margin-bottom: 2.5em; }
article ul, article ol { margin-left: 23px; }
article ul.list-indent { margin-left: 0; list-style: none; }
article ul.list-indent li { text-indent: -1em; margin-left: 1em; }
article .pc-60 { width: 60%; }
article .pc-80 { width: 80%; }
article .pc-90 { width: 90%; }
article table.table-basic { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #c8cbcd; margin-bottom: 1em; }
article table.table-basic th, article table.table-basic td { padding: 0.6em 0.8em; border-bottom: 1px solid #c8cbcd; border-right: 1px solid #c8cbcd; }
article table.table-basic th { background: #e8f7f7; text-align: left; vertical-align: top; white-space: nowrap; font-weight: normal; }
article table.table-basic thead th { background: #AB9378; color: #FFFFFF; border-color: #fff; }
article table.table-basic td { background: #fff; }
article table.table-bd { width: 100%; }
article table.table-bd th, article table.table-bd td { border-color: #c8cbcd; }
article table.table-bd tr.top th, article table.table-bd tr.top td { border-top: solid 1px #c8cbcd; }
article .txt-big { font-size: 153.9%; }
article .txt-small { font-size: 85%; }
article .txt-green { color: #5FD2B4; }
article .faq dt { background: url(../../img/faq/q.png) no-repeat 5px 0.2em; font-size: 108%; color: #282f62; padding-left: 30px; padding-top: 5px; font-weight: bold; min-height: 25px; height: auto !important; height: 25px; }
article .faq dd { margin-bottom: 2em; }
article .faq dd h4 { background: #edf7f8 url(../../img/faq/a.png) no-repeat 5px 0.2em; color: #00a0a4; padding-left: 30px; padding-top: 5px; margin-bottom: 10px; min-height: 20px; height: auto !important; height: 20px; }
article .faq dd p { margin-left: 32px; }
article div#pagenation { padding: 20px 0; position: relative; overflow: hidden; font-size: 85%; }
article div#pagenation ul { position: relative; left: 50%; float: left; list-style: none; }
article div#pagenation li { position: relative; left: -50%; float: left; }
article div#pagenation li a { border: 1px solid #282F62; margin: 0 3px; padding: 4px 9px; display: block; text-decoration: none; color: #282F62; background: #fffff; }
article div#pagenation li.active a, article div#pagenation li a:hover { border: solid 1px #666666; color: #FFFFFF; background: #282F62; }

ul.split-blocks-2, ul.split-blocks-3, ul.split-blocks-4 { margin-left: 0; list-style: none; }

ul.split-blocks-2 li { width: 50%; float: left; }

ul.split-blocks-3 li { width: 33.33333%; float: left; }

ul.split-blocks-4 li { width: 25%; float: left; }

/* Retina 用のスタイルシート */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { article .faq dt { background-image: url(../../img/faq/qx2.png); background-size: 18px 24px; }
  article .faq dd h4 { background-image: url(../../img/faq/ax2.png); background-size: 18px 24px; } }