@charset "UTF-8";
html { overflow-y: scroll; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ul li { list-style: none; }

object, embed { border: 0; vertical-align: bottom; outline: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; border: 0; background: transparent; outline: 0; }

a img { border: none; text-decoration: none; outline: 0; }

ins { color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

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

caption, th { text-align: left; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

label { cursor: pointer; }

img { border: none; vertical-align: bottom; }

body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 650px) { body { font-size: 26px; } }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

body { background-color: #f1f2f3; color: #07222e; font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }

input, textarea { font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }

a { -webkit-tap-highlight-color: rgba(189, 185, 185, 0.2); }
a:link { color: #07222e; text-decoration: underline; }
a:visited { color: #07222e; text-decoration: underline; }
a:hover { color: #07222e; text-decoration: none; }
a:active { color: #07222e; }

::selection { background: #21404e; color: #fff; }

::-moz-selection { background: #21404e; color: #000; }

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

.cf { display: inline-block; }

* html .cf { height: 1%; }

.cf { display: block; }

p, li, dt, dd, h1, h2, h3, h4, span, div { word-break: normal !important; word-wrap: normal !important; }

p, li, dt, dd, h1, h2, h3, h4, span { background: url("../images/spacer.gif") 0 0 no-repeat; }

.bold { margin-top: 20px; font-weight: 700;}

.bold_r { color: #F61E22; margin-top: 20px; font-weight: 700;}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }

#wrapper { position: relative; width: 100%; min-width: 640px; }

#bg-site-gnav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background-color: #0a1a21; z-index: 1; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; }
#bg-site-gnav.state-show { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=52); opacity: 0.52; z-index: 12; }

#bg-canvas { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 1; -moz-transition: opacity 0.6s ease-out; -o-transition: opacity 0.6s ease-out; -webkit-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; }
#bg-canvas.state-show { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 15; cursor: pointer; }

#site-header { position: fixed; top: 0; left: 0; width: 100%; min-width: 640px; height: 100px; background-color: #fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-transition: top 0.8s ease-out; -o-transition: top 0.8s ease-out; -webkit-transition: top 0.8s ease-out; transition: top 0.8s ease-out; z-index: 100; }
@media screen and (max-width: 650px) { #site-header { position: fixed; top:0; left:0; height: 100px; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.29); box-shadow: 0 0 20px rgba(0, 0, 0, 0.29); } }
#site-header #site-header-body { position: relative; max-width: 1260px; margin: 0 auto; }

#logo { margin: 0 0 0 0; padding-top: 16px; line-height: 0; margin: 0 0 0 35px; }
@media screen and (max-width: 1600px) { #logo { margin: 0 0 0 30px; } }
@media screen and (max-width: 960px) { #logo { margin: 0 0 0 30px; padding-top: 32px; } }
#logo a { display: block; width: 1370px; height: 56px; background: url("../images/logo.png") 0 0 no-repeat; background-size: 1370px auto; text-indent: -9000px; }
@media screen and (max-width: 1200px) { #logo a { width: 500px; height: 58px; background: url("../images/sm_logo.png") 0 0 no-repeat; -webkit-background-size: 500px auto; background-size: 500px auto; } }
@media screen and (max-width: 960px) { #logo a { width: 600px; height: 58px; background: url("../images/640_logo.png") 0 0 no-repeat; -webkit-background-size: 600px auto; background-size: 600px auto; } }

#t-6 { display: block; width: 200px; height: 50px; background: url("../images/team6logo.jpg") 0 0 no-repeat; background-size: 200px auto; text-indent: -9000px; margin: 0 0 -100px 1200px;}
@media screen and (max-width: 768px) { #t-6 { display: none; } }

#nipack.top .mod-2block-container { margin-bottom: 40px; }
#nipack.top .mod-3block-container { margin-bottom: 40px; }


#site-gnav { position: absolute; top: 78px; left: 120px; }
@media screen and (max-width: 960px) { #site-gnav { display: none; } }
#site-gnav ul li { position: relative; float: left; list-style: none; }
#site-gnav ul li a { display: block; height: 47px; padding: 0 18px; border-bottom: 4px solid transparent; font-weight: bold; font-size: 116%; }
#site-gnav ul li.state-active a { color: #a4a9ab; }
#site-gnav ul li.state-active a:before { position: absolute; bottom: 0; left: 50%; content: ''; margin: 0 0 0 -9px; display: block; width: 18px; height: 10px; background: url('../images/sprite.png') 0 -1103px no-repeat; text-indent: -9999px; }
#site-gnav a { position: relative; text-decoration: none; }

.site-gnav-bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #dddddd; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 90; }
@media screen and (min-width: 768px) { .site-gnav-bg { display: none !important; } }

#site-gnav-drpdwn { position: absolute; top: 100px; left: 0; width: 85%; }
#site-gnav-drpdwn.state-show { display: block !important; }
@media screen and (max-width: 768px) { #site-gnav-drpdwn { display: none; top: 80px; width: 100%; padding-top: 0; background-color: #dddddd; }
  #site-gnav-drpdwn.show { display: none !important; } }
@media screen and (max-width: 650px) { #site-gnav-drpdwn { top: 100px; } }

.mod-gnav-drpdwn-item { display: none; position: relative; width: 860px; margin: 0 0 0 auto; padding-bottom: 45px; background-color: #dddddd; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); box-shadow: 0 0 30px rgba(0, 0, 0, 0.09); *zoom: 1; }
.mod-gnav-drpdwn-item:after { content: ""; display: table; clear: both; }
.mod-gnav-drpdwn-item.state-show { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
@media screen and (max-width: 1200px) { .mod-gnav-drpdwn-item { display: block; margin: 0 auto; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; border-top: 1px solid #fff; }
  .mod-gnav-drpdwn-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #b8263d; }
  .mod-gnav-drpdwn-item:last-child { border-bottom: 1px solid #fff; margin-bottom: 60px; } }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item { width: 100%; padding-bottom: 0; border-top: none; }
  .mod-gnav-drpdwn-item:before { display: none; }
  .mod-gnav-drpdwn-item:last-child { border-bottom: none; } }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item.g-news { border-top: 2px solid #810718; }
  .mod-gnav-drpdwn-item.g-news:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #a01227; z-index: 20; }
  .mod-gnav-drpdwn-item.g-news .block1 { display: none; } }
.mod-gnav-drpdwn-item .body { overflow: hidden; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .body { max-height: 0; -moz-transition: max-height 0.6s ease-in-out; -o-transition: max-height 0.6s ease-in-out; -webkit-transition: max-height 0.6s ease-in-out; transition: max-height 0.6s ease-in-out; }
  .mod-gnav-drpdwn-item .body.state-open { max-height: 1280px; } }
.mod-gnav-drpdwn-item h1 { position: relative; padding: 40px 0 25px 40px; font-size: 153.9%; line-height: 1; color: #444444; pointer-events: none; background-color: #dddddd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item h1 { padding: 44px 0 44px 30px; border-bottom: 2px solid #a01227; font-size: 108%; pointer-events: auto; cursor: pointer; }
  .mod-gnav-drpdwn-item h1:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #777777; }
  .mod-gnav-drpdwn-item h1:before { content: ""; position: absolute; top: 50%; right: 24px; margin-top: -14px; display: block; width: 28px; height: 28px; background: url('../images/retina-sprite.png') 0 -1830px no-repeat; text-indent: -9999px; }
  .mod-gnav-drpdwn-item h1:hover, .mod-gnav-drpdwn-item h1.state-active { background-color: #bcc5c9; }
  .mod-gnav-drpdwn-item h1.state-active:before { display: block; width: 28px; height: 28px; background: url('../images/retina-sprite.png') 0 -1792px no-repeat; text-indent: -9999px; } }
.mod-gnav-drpdwn-item a { line-height: 1.2; text-decoration: none; color: #444444; }
.mod-gnav-drpdwn-item .nav-top a { position: absolute; top: 0; right: 0; display: block; min-width: 190px; padding: 12px 36px 13px 18px; background-color: #444444; }
.mod-gnav-drpdwn-item .nav-top a.on-touch, .mod-gnav-drpdwn-item .nav-top a:hover { background-color: #444444; }
.mod-gnav-drpdwn-item .nav-top a:before { content: ""; position: absolute; top: 50%; right: 10px; margin-top: -7px; display: block; width: 12px; height: 13px; background: url('../images/sprite.png') 0 -799px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .nav-top a { position: relative; padding: 43px 0 44px 30px; background-color: #dddddd; border-bottom: 2px solid #444444; font-size: 116%; }
  .mod-gnav-drpdwn-item .nav-top a.on-touch, .mod-gnav-drpdwn-item .nav-top a:hover { background-color: #444444; }
  .mod-gnav-drpdwn-item .nav-top a:before { position: absolute; top: 50%; right: 16px; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1048px no-repeat; text-indent: -9999px; }
  .mod-gnav-drpdwn-item .nav-top a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #444444; } }
.mod-gnav-drpdwn-item .block1, .mod-gnav-drpdwn-item .block2, .mod-gnav-drpdwn-item .block3, .mod-gnav-drpdwn-item .block4 { float: left; width: 240px; margin-left: 30px; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1, .mod-gnav-drpdwn-item .block2, .mod-gnav-drpdwn-item .block3, .mod-gnav-drpdwn-item .block4 { float: none; width: 100%; margin-left: 0; } }
.mod-gnav-drpdwn-item .block1 ul, .mod-gnav-drpdwn-item .block2 ul, .mod-gnav-drpdwn-item .block3 ul, .mod-gnav-drpdwn-item .block4 ul { position: relative; border-top: 1px solid #444444; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 ul, .mod-gnav-drpdwn-item .block2 ul, .mod-gnav-drpdwn-item .block3 ul, .mod-gnav-drpdwn-item .block4 ul { border-top: none; } }
.mod-gnav-drpdwn-item .block1 ul:after, .mod-gnav-drpdwn-item .block2 ul:after, .mod-gnav-drpdwn-item .block3 ul:after, .mod-gnav-drpdwn-item .block4 ul:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #444444; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 ul:after, .mod-gnav-drpdwn-item .block2 ul:after, .mod-gnav-drpdwn-item .block3 ul:after, .mod-gnav-drpdwn-item .block4 ul:after { display: none; } }
.mod-gnav-drpdwn-item .block1 ul.nav-sp, .mod-gnav-drpdwn-item .block2 ul.nav-sp, .mod-gnav-drpdwn-item .block3 ul.nav-sp, .mod-gnav-drpdwn-item .block4 ul.nav-sp { display: none; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 ul.nav-sp, .mod-gnav-drpdwn-item .block2 ul.nav-sp, .mod-gnav-drpdwn-item .block3 ul.nav-sp, .mod-gnav-drpdwn-item .block4 ul.nav-sp { display: block; } }
.mod-gnav-drpdwn-item .block1 ul li a, .mod-gnav-drpdwn-item .block2 ul li a, .mod-gnav-drpdwn-item .block3 ul li a, .mod-gnav-drpdwn-item .block4 ul li a { position: relative; display: block; padding: 12px 30px 15px 10px; border-bottom: 1px solid #444444; font-size: 116%; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 ul li a, .mod-gnav-drpdwn-item .block2 ul li a, .mod-gnav-drpdwn-item .block3 ul li a, .mod-gnav-drpdwn-item .block4 ul li a { padding: 36px 0 38px 30px; background-color: #777777; border-bottom: 2px solid #ffffff; } }
.mod-gnav-drpdwn-item .block1 ul li a:before, .mod-gnav-drpdwn-item .block2 ul li a:before, .mod-gnav-drpdwn-item .block3 ul li a:before, .mod-gnav-drpdwn-item .block4 ul li a:before { content: ""; position: absolute; top: 50%; right: 16px; margin-top: -7px; display: block; width: 12px; height: 13px; background: url('../images/sprite.png') 0 -781px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 ul li a:before, .mod-gnav-drpdwn-item .block2 ul li a:before, .mod-gnav-drpdwn-item .block3 ul li a:before, .mod-gnav-drpdwn-item .block4 ul li a:before { margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1048px no-repeat; text-indent: -9999px; } }
.mod-gnav-drpdwn-item .block1 ul li a[target="_blank"]:before, .mod-gnav-drpdwn-item .block2 ul li a[target="_blank"]:before, .mod-gnav-drpdwn-item .block3 ul li a[target="_blank"]:before, .mod-gnav-drpdwn-item .block4 ul li a[target="_blank"]:before { display: block; width: 13px; height: 11px; background: url('../images/sprite.png') 0 -671px no-repeat; text-indent: -9999px; }
.mod-gnav-drpdwn-item .block1 ul li a.on-touch, .mod-gnav-drpdwn-item .block1 ul li a:hover, .mod-gnav-drpdwn-item .block2 ul li a.on-touch, .mod-gnav-drpdwn-item .block2 ul li a:hover, .mod-gnav-drpdwn-item .block3 ul li a.on-touch, .mod-gnav-drpdwn-item .block3 ul li a:hover, .mod-gnav-drpdwn-item .block4 ul li a.on-touch, .mod-gnav-drpdwn-item .block4 ul li a:hover { background-color: #777777; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 ul li a.on-touch, .mod-gnav-drpdwn-item .block1 ul li a:hover, .mod-gnav-drpdwn-item .block2 ul li a.on-touch, .mod-gnav-drpdwn-item .block2 ul li a:hover, .mod-gnav-drpdwn-item .block3 ul li a.on-touch, .mod-gnav-drpdwn-item .block3 ul li a:hover, .mod-gnav-drpdwn-item .block4 ul li a.on-touch, .mod-gnav-drpdwn-item .block4 ul li a:hover { background-color: #444444; } }
.mod-gnav-drpdwn-item .block1 ul li a:after, .mod-gnav-drpdwn-item .block2 ul li a:after, .mod-gnav-drpdwn-item .block3 ul li a:after, .mod-gnav-drpdwn-item .block4 ul li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #444444; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 ul li a:after, .mod-gnav-drpdwn-item .block2 ul li a:after, .mod-gnav-drpdwn-item .block3 ul li a:after, .mod-gnav-drpdwn-item .block4 ul li a:after { background-color: #444444; } }
.mod-gnav-drpdwn-item .block1 { margin-left: 40px; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block1 { margin-left: 0; } }
.mod-gnav-drpdwn-item .block4 { margin: 30px 0 0 40px; }
@media screen and (max-width: 650px) { .mod-gnav-drpdwn-item .block4 { margin: 0; } }

.mod-close-gnav-drpdwn-btn { display: none; width: 100%; padding-bottom: 60px; background-color: #dddddd; }
@media screen and (max-width: 1200px) { .mod-close-gnav-drpdwn-btn { display: block; } }
.mod-close-gnav-drpdwn-btn a { display: block; width: 100%; padding: 20px 0; background-color: #fff; text-align: center; text-decoration: none; color: #777777; font-weight: bold; font-size: 15px; }
.mod-close-gnav-drpdwn-btn a span { padding-left: 22px; background: url("../images/btn_menu-close2.png") 0 50% no-repeat; }
@media screen and (max-width: 650px) { .mod-close-gnav-drpdwn-btn a { padding: 35px 0; font-size: 28px; }
 .mod-close-gnav-drpdwn-btn a span { padding-left: 40px; background-image: url("../images/retina-sprite/btn_menu-close2.png"); } }

.mod-gnav-open-btn { position: absolute; top: 20px; right: 40px; display: block; width: 34px; height: 39px; background: url('../images/sprite.png') 0 -239px no-repeat; text-indent: -9999px; display: none; cursor: pointer; }
.mod-gnav-open-btn.state-close { display: block; width: 34px; height: 39px; background: url('../images/sprite.png') 0 -175px no-repeat; text-indent: -9999px; display: none; }
@media screen and (max-width: 650px) { .mod-gnav-open-btn.state-close { display: block; width: 100px; height: 100px; background: url('../images/retina-sprite.png') 0 -85px no-repeat; text-indent: -9999px; background-color: #dddddd; } }
@media screen and (max-width: 1200px) { .mod-gnav-open-btn { display: block !important; } }
@media screen and (max-width: 650px) { .mod-gnav-open-btn { top: 0; right: auto; left: 540px; display: block; width: 100px; height: 100px; background: url('../images/retina-sprite.png') 0 -230px no-repeat; text-indent: -9999px; } }

@media screen and (min-width: 1000px) { .main {display: none;} }
@media screen and (max-width: 650px) { .frame-side {display: none;} }

#site-body { display: block; position: relative; padding-top: 180px; z-index: 10; }
@media screen and (max-width: 1200px) { #site-body { padding-top: 80px; } }
@media screen and (max-width: 960px) { #site-body { padding-top: 140px; } }
@media screen and (max-width: 650px) { #site-body { padding-top: 100px; } }
#site-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #site-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#site-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #site-body.type-one-column.type-search { margin-bottom: 60px; } }
#site-body.type-one-column .frame-main { padding-top: 80px; }
@media screen and (max-width: 650px) { #site-body.type-one-column .frame-main { padding-top: 70px; } }
#site-body.type-two-column { width: 960px; min-height: 980px; margin: 0 auto; font-size: 108%; }
/*@media screen and (max-width: 768px) { #site-body.type-two-column { width: 768px; min-height: 900px; margin: 0 auto; font-size: 108%; } }*/
@media screen and (max-width: 650px) { #site-body.type-two-column { width: 100%; } }
#site-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #site-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 768px) { #site-body.type-two-column .frame-main { margin-left: 10px;margin-right: 10px; } }
@media screen and (max-width: 650px) { #site-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#site-body.type-two-column .frame-main:before { display: none; } }
#site-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#site-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 768px) { #site-body.type-two-column .frame-side { margin-left: 10px; } }
@media screen and (max-width: 650px) { #site-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #site-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#site-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #site-body.type-two-column.type-recommend { border-right: none; } }
#site-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #site-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #site-body.type-two-column.type-recommend:before { display: none; } }
#site-body.type-ir.fz-medium .frame-main { font-size: auto; }
#site-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #site-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#site-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #site-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#site-body0 { display: block; position: relative; padding-top: 0px; z-index: 10; }
@media screen and (max-width: 1200px) { #site-body0 { padding-top: 80px; } }
@media screen and (max-width: 650px) { #site-body0 { padding-top: 100px; } }
#site-body0.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #site-body0.type-one-column { width: 100%; padding-bottom: 80px; } }
#site-body0.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #site-body0.type-one-column.type-search { margin-bottom: 60px; } }
#site-body0.type-one-column .frame-main { padding-top: 80px; }
@media screen and (max-width: 650px) { #site-body0.type-one-column .frame-main { padding-top: 70px; } }
#site-body0.type-two-column { width: 960px; min-height: 600px; margin: 0 auto; font-size: 108%; }
/*@media screen and (max-width: 768px) { #site-body0.type-two-column { width: 768px; min-height: 900px; margin: 0 auto; font-size: 108%; } }*/
@media screen and (max-width: 650px) { #site-body0.type-two-column { width: 100%; } }
#site-body0.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #site-body0.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 768px) { #site-body0.type-two-column .frame-main { margin-left: 10px;margin-right: 10px; } }
@media screen and (max-width: 650px) { #site-body0.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#site-body0.type-two-column .frame-main:before { display: none; } }
#site-body0.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#site-body0.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 768px) { #site-body0.type-two-column .frame-side { margin-left: 10px; } }
@media screen and (max-width: 650px) { #site-body0.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #site-body0.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#site-body0.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #site-body0.type-two-column.type-recommend { border-right: none; } }
#site-body0.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #site-body0.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #site-body0.type-two-column.type-recommend:before { display: none; } }
#site-body0.type-ir.fz-medium .frame-main { font-size: auto; }
#site-body0.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #site-body0.type-ir.fz-large .frame-main { font-size: 100%; } }
#site-body0.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #site-body0.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#site-body1 { display: block; position: relative; padding-top: 90px; z-index: 10; }
@media screen and (max-width: 1200px) { #site-body1 { padding-top: 80px; } }
@media screen and (max-width: 960px) { #site-body1 { padding-top: 140px; } }
@media screen and (max-width: 650px) { #site-body1 { padding-top: 100px; } }
#site-body1.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #site-body1.type-one-column { width: 100%; padding-bottom: 80px; } }
#site-body1.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #site-body1.type-one-column.type-search { margin-bottom: 60px; } }
#site-body1.type-one-column .frame-main { padding-top: 80px; }
@media screen and (max-width: 650px) { #site-body1.type-one-column .frame-main { padding-top: 70px; } }
#site-body1.type-two-column { width: 960px; min-height: 2300px; margin: 0 auto; font-size: 108%; }
/*@media screen and (max-width: 768px) { #site-body1.type-two-column { width: 768px; min-height: 900px; margin: 0 auto; font-size: 108%; } }*/
@media screen and (max-width: 650px) { #site-body1.type-two-column { width: 100%; } }
#site-body1.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #site-body1.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 768px) { #site-body1.type-two-column .frame-main { margin-left: 10px;margin-right: 10px; } }
@media screen and (max-width: 650px) { #site-body1.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#site-body1.type-two-column .frame-main:before { display: none; } }
#site-body1.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#site-body1.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 768px) { #site-body1.type-two-column .frame-side { margin-left: 10px; } }
@media screen and (max-width: 650px) { #site-body1.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #site-body1.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#site-body1.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #site-body1.type-two-column.type-recommend { border-right: none; } }
#site-body1.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #site-body1.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #site-body1.type-two-column.type-recommend:before { display: none; } }
#site-body1.type-ir.fz-medium .frame-main { font-size: auto; }
#site-body1.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #site-body1.type-ir.fz-large .frame-main { font-size: 100%; } }
#site-body1.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #site-body1.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#site-body2 { display: block; position: relative; padding-top: 90px; z-index: 10; }
@media screen and (max-width: 1200px) { #site-body2 { padding-top: 80px; } }
@media screen and (max-width: 650px) { #site-body2 { padding-top: 100px; } }
#site-body2.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #site-body2.type-one-column { width: 100%; padding-bottom: 80px; } }
#site-body2.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #site-body2.type-one-column.type-search { margin-bottom: 60px; } }
#site-body2.type-one-column .frame-main { padding-top: 80px; }
@media screen and (max-width: 650px) { #site-body2.type-one-column .frame-main { padding-top: 70px; } }
#site-body2.type-two-column { width: 960px; min-height: 600px; margin: 0 auto; font-size: 108%; }
/*@media screen and (max-width: 768px) { #site-body2.type-two-column { width: 768px; min-height: 900px; margin: 0 auto; font-size: 108%; } }*/
@media screen and (max-width: 650px) { #site-body2.type-two-column { width: 100%; } }
#site-body2.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #site-body2.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 768px) { #site-body2.type-two-column .frame-main { margin-left: 10px;margin-right: 10px; } }
@media screen and (max-width: 650px) { #site-body2.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#site-body2.type-two-column .frame-main:before { display: none; } }
#site-body2.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#site-body2.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 768px) { #site-body2.type-two-column .frame-side { margin-left: 10px; } }
@media screen and (max-width: 650px) { #site-body2.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #site-body2.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#site-body2.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #site-body2.type-two-column.type-recommend { border-right: none; } }
#site-body2.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #site-body2.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #site-body2.type-two-column.type-recommend:before { display: none; } }
#site-body2.type-ir.fz-medium .frame-main { font-size: auto; }
#site-body2.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #site-body2.type-ir.fz-large .frame-main { font-size: 100%; } }
#site-body2.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #site-body2.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#contents-body { display: block; position: relative; padding-top: -50px; z-index: 10; }
@media screen and (max-width: 1200px) { #contents-body { padding-top: -50px; } }
@media screen and (max-width: 650px) { #contents-body { padding-top: -50px; } }
#contents-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #contents-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#contents-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #contents-body.type-one-column.type-search { margin-bottom: 60px; } }
#contents-body.type-one-column .frame-main { padding-top: 0px; }
@media screen and (max-width: 650px) { #contents-body.type-one-column .frame-main { padding-top: 0px; } }
#contents-body.type-two-column { width: 960px; min-height: 655px; margin: 0 auto; font-size: 108%; }
@media screen and (max-width: 650px) { #contents-body.type-two-column { width: 100%; } }
#contents-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #contents-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 650px) { #contents-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#contents-body.type-two-column .frame-main:before { display: none; } }
#contents-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#contents-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 650px) { #contents-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #contents-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#contents-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #contents-body.type-two-column.type-recommend { border-right: none; } }
#contents-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #contents-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #contents-body.type-two-column.type-recommend:before { display: none; } }
#contents-body.type-ir.fz-medium .frame-main { font-size: auto; }
#contents-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #contents-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#contents-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #contents-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#contents1-body { display: block; position: relative; padding-top: -50px; z-index: 10; }
@media screen and (max-width: 1200px) { #contents1-body { padding-top: -50px; } }
@media screen and (max-width: 650px) { #contents1-body { padding-top: -50px; } }
#contents1-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #contents1-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#contents1-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #contents1-body.type-one-column.type-search { margin-bottom: 60px; } }
#contents1-body.type-one-column .frame-main { padding-top: 0px; }
@media screen and (max-width: 650px) { #contents1-body.type-one-column .frame-main { padding-top: 0px; } }
#contents1-body.type-two-column { width: 960px; min-height: 655px; margin: 90px auto 0 auto; font-size: 108%; }
@media screen and (max-width: 650px) { #contents1-body.type-two-column { width: 100%; } }
#contents1-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #contents1-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 650px) { #contents1-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#contents1-body.type-two-column .frame-main:before { display: none; } }
#contents1-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#contents1-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 650px) { #contents1-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #contents1-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#contents1-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #contents1-body.type-two-column.type-recommend { border-right: none; } }
#contents1-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #contents1-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #contents1-body.type-two-column.type-recommend:before { display: none; } }
#contents1-body.type-ir.fz-medium .frame-main { font-size: auto; }
#contents1-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #contents1-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#contents1-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #contents1-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#contents2-body { display: block; position: relative; padding-top: -50px; z-index: 10; }
@media screen and (max-width: 1200px) { #contents2-body { padding-top: -50px; } }
@media screen and (max-width: 650px) { #contents2-body { padding-top: -50px; } }
#contents2-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #contents2-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#contents2-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #contents2-body.type-one-column.type-search { margin-bottom: 60px; } }
#contents2-body.type-one-column .frame-main { padding-top: 0px; }
@media screen and (max-width: 650px) { #contents2-body.type-one-column .frame-main { padding-top: 0px; } }
#contents2-body.type-two-column { width: 960px; min-height: 655px; margin: 0 auto; font-size: 108%; }
@media screen and (max-width: 650px) { #contents2-body.type-two-column { width: 100%; } }
#contents2-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #contents2-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 650px) { #contents2-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#contents2-body.type-two-column .frame-main:before { display: none; } }
#contents2-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#contents2-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 650px) { #contents2-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #contents2-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#contents2-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #contents2-body.type-two-column.type-recommend { border-right: none; } }
#contents2-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #contents2-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #contents2-body.type-two-column.type-recommend:before { display: none; } }
#contents2-body.type-ir.fz-medium .frame-main { font-size: auto; }
#contents2-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #contents2-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#contents2-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #contents2-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#contents3-body { display: block; position: relative; padding-top: -50px; z-index: 10; }
@media screen and (max-width: 1200px) { #contents3-body { padding-top: -50px; } }
@media screen and (max-width: 650px) { #contents3-body { padding-top: -50px; } }
#contents3-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #contents3-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#contents3-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #contents3-body.type-one-column.type-search { margin-bottom: 60px; } }
#contents3-body.type-one-column .frame-main { padding-top: 0px; }
@media screen and (max-width: 650px) { #contents3-body.type-one-column .frame-main { padding-top: 0px; } }
#contents3-body.type-two-column { width: 960px; min-height: 655px; margin: 0 auto; font-size: 108%; }
@media screen and (max-width: 650px) { #contents3-body.type-two-column { width: 100%; } }
#contents3-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #contents3-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 650px) { #contents3-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#contents3-body.type-two-column .frame-main:before { display: none; } }
#contents3-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#contents3-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 650px) { #contents3-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #contents3-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#contents3-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #contents3-body.type-two-column.type-recommend { border-right: none; } }
#contents3-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #contents3-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #contents3-body.type-two-column.type-recommend:before { display: none; } }
#contents3-body.type-ir.fz-medium .frame-main { font-size: auto; }
#contents3-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #contents3-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#contents3-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #contents3-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#contents4-body { display: block; position: relative; padding-top: -50px; z-index: 10; }
@media screen and (max-width: 1200px) { #contents4-body { padding-top: -50px; } }
@media screen and (max-width: 650px) { #contents4-body { padding-top: -50px; } }
#contents4-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #contents4-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#contents4-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #contents4-body.type-one-column.type-search { margin-bottom: 60px; } }
#contents4-body.type-one-column .frame-main { padding-top: 0px; }
@media screen and (max-width: 650px) { #contents4-body.type-one-column .frame-main { padding-top: 0px; } }
#contents4-body.type-two-column { width: 960px; min-height: 655px; margin: 0 auto; font-size: 108%; }
@media screen and (max-width: 650px) { #contents4-body.type-two-column { width: 100%; } }
#contents4-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #contents4-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 650px) { #contents4-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#contents4-body.type-two-column .frame-main:before { display: none; } }
#contents4-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#contents4-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 650px) { #contents4-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #contents4-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#contents4-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #contents4-body.type-two-column.type-recommend { border-right: none; } }
#contents4-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #contents4-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #contents4-body.type-two-column.type-recommend:before { display: none; } }
#contents4-body.type-ir.fz-medium .frame-main { font-size: auto; }
#contents4-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #contents4-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#contents4-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #contents4-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#contents5-body { display: block; position: relative; padding-top: -50px; z-index: 10; }
@media screen and (max-width: 1200px) { #contents5-body { padding-top: -50px; } }
@media screen and (max-width: 650px) { #contents5-body { padding-top: -50px; } }
#contents5-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #contents5-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#contents5-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #contents5-body.type-one-column.type-search { margin-bottom: 60px; } }
#contents5-body.type-one-column .frame-main { padding-top: 0px; }
@media screen and (max-width: 650px) { #contents5-body.type-one-column .frame-main { padding-top: 0px; } }
#contents5-body.type-two-column { width: 960px; min-height: 655px; margin: 90px auto 0 auto; font-size: 108%; }
@media screen and (max-width: 650px) { #contents5-body.type-two-column { width: 100%; } }
#contents5-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #contents5-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 650px) { #contents5-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#contents5-body.type-two-column .frame-main:before { display: none; } }
#contents5-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#contents5-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 650px) { #contents5-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #contents5-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#contents5-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #contents5-body.type-two-column.type-recommend { border-right: none; } }
#contents5-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #contents5-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #contents5-body.type-two-column.type-recommend:before { display: none; } }
#contents5-body.type-ir.fz-medium .frame-main { font-size: auto; }
#contents5-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #contents5-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#contents5-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #contents5-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

#contents6-body { display: block; position: relative; padding-top: -50px; z-index: 10; }
@media screen and (max-width: 1200px) { #contents6-body { padding-top: -50px; } }
@media screen and (max-width: 650px) { #contents6-body { padding-top: -50px; } }
#contents6-body.type-one-column { width: 960px; min-height: 900px; margin: 0 auto; padding-bottom: 80px; }
@media screen and (max-width: 650px) { #contents6-body.type-one-column { width: 100%; padding-bottom: 80px; } }
#contents6-body.type-one-column.type-search { margin-bottom: 100px; }
@media screen and (max-width: 650px) { #contents6-body.type-one-column.type-search { margin-bottom: 60px; } }
#contents6-body.type-one-column .frame-main { padding-top: 0px; }
@media screen and (max-width: 650px) { #contents6-body.type-one-column .frame-main { padding-top: 0px; } }
#contents6-body.type-two-column { width: 960px; min-height: 655px; margin: 0 auto; font-size: 108%; }
@media screen and (max-width: 650px) { #contents6-body.type-two-column { width: 100%; } }
#contents6-body.type-two-column .frame-main { position: relative; float: left; width: 640px; padding: 0; }
@media screen and (max-width: 960px) { #contents6-body.type-two-column .frame-main { margin-left: 20px; } }
@media screen and (max-width: 650px) { #contents6-body.type-two-column .frame-main { float: none; width: 100%; margin-left: 0; padding: 80px 0 80px; }
#contents6-body.type-two-column .frame-main:before { display: none; } }
#contents6-body.type-two-column .frame-side { position: relative; float: right; width: 240px; padding: 0; }
#contents6-body.type-two-column .frame-side.type-ir-nav { padding-top: 205px; }
@media screen and (max-width: 650px) { #contents6-body.type-two-column .frame-side.type-ir-nav { padding: 80px 30px 80px; } }
@media screen and (max-width: 650px) { #contents6-body.type-two-column .frame-side { float: none; width: 100%; padding: 80px 0 80px; } }
#contents6-body.type-two-column.type-recommend { border-right: 0px solid #fff; }
@media screen and (max-width: 650px) { #contents6-body.type-two-column.type-recommend { border-right: none; } }
#contents6-body.type-two-column.type-recommend:before { content: ""; position: absolute; top: 0; right: 239px; width: 0; height: 100%; border-right: 0px solid #fff; }
@media screen and (max-width: 960px) { #contents6-body.type-two-column.type-recommend:before { right: -60px; } }
@media screen and (max-width: 650px) { #contents6-body.type-two-column.type-recommend:before { display: none; } }
#contents6-body.type-ir.fz-medium .frame-main { font-size: auto; }
#contents6-body.type-ir.fz-large .frame-main { font-size: 123.1%; }
@media screen and (max-width: 650px) { #contents6-body.type-ir.fz-large .frame-main { font-size: 100%; } }
#contents6-body.type-ir.fz-x-large .frame-main { font-size: 138.5%; }
@media screen and (max-width: 650px) { #contents6-body.type-ir.fz-x-large .frame-main { font-size: 100%; } }

.top_img {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

#site-footer { clear: both; display: block; position: relative; width: 100%; min-width: 640px; height: 80px; background-color: #fff; -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); z-index: 10; }
@media screen and (max-width: 650px) { #site-footer { height: auto; } }
#site-footer #site-footer-body { max-width: 1600px; margin: 0 auto; }

#site-footer-nav { float: left; margin-left: 0; padding-top: 32px; font-size: 93%; margin-left: 55px\9; }
#site-footer-nav li { float: left; margin-right: 38px; }
#site-footer-nav li.sp-nav { display: none; }
@media screen and (max-width: 650px) { #site-footer-nav li.sp-nav { display: table; } }
@media screen and (max-width: 1600px) { #site-footer-nav { margin-left: 55px; } }
@media screen and (max-width: 1200px) { #site-footer-nav { float: none; margin-left: 0; padding-top: 20px; text-align: center; }
  #site-footer-nav li { display: inline; float: none; margin: 0 15px; text-align: center; } }
@media screen and (max-width: 650px) { #site-footer-nav { padding-top: 0; }
  #site-footer-nav li { display: table; width: 100%; margin: 0 0; border-bottom: 2px solid #fff; }
  #site-footer-nav li:last-child { border-bottom: 0; }
  #site-footer-nav li:last-child a { border-bottom: 0; }
  #site-footer-nav li a { position: relative; display: table-cell; width: 100%; height: 100px; background-color: #dddfe1; border-bottom: 2px solid #b3bbc0; text-decoration: none; vertical-align: middle; text-align: left; text-indent: 1.2em; }
  #site-footer-nav li a:before { content: ""; position: absolute; top: 50%; right: 30px; margin-top: -9px; display: block; width: 22px; height: 25px; background: url('../images/retina-sprite.png') 0 -1612px no-repeat; text-indent: -9999px; }
  #site-footer-nav li a[target="_blank"]:before { display: block; width: 28px; height: 24px; background: url('../images/retina-sprite.png') 0 -1154px no-repeat; text-indent: -9999px; }
  #site-footer-nav li a.on-touch, #site-footer-nav li a:hover { background-color: #f1f1f1; } }

.copyright { float: right; margin-right: 0; padding-top: 32px; line-height: 1; z-index: 100; margin-right: 50px\9; }
@media screen and (max-width: 1600px) { .mod-copyright { margin-right: 50px; } }
@media screen and (max-width: 1200px) { .mod-copyright { float: none; margin-right: 0; padding-top: 15px; text-align: center; } }
@media screen and (max-width: 650px) { .mod-copyright { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); padding: 50px 0; } }

.mod-pagetop { position: fixed; bottom: 0; right: 0; z-index: 10; -moz-transition: bottom 0.3s ease-out; -o-transition: bottom 0.3s ease-out; -webkit-transition: bottom 0.3s ease-out; transition: bottom 0.3s ease-out; }
.pagetype-top .mod-pagetop { bottom: 40px; display: none\9; }
.relative-layout .mod-pagetop { bottom: 80px; }
.pagetype-top .relative-layout .mod-pagetop { bottom: 120px; }
.mod-pagetop a { display: block; width: 40px; height: 40px; background: url('../images/sprite.png') 0 -1118px no-repeat; text-indent: -9999px; background-color: #66757f; }
.mod-pagetop a.on-touch, .mod-pagetop a:hover { background-color: #7a8d99; }
@media screen and (max-width: 650px) { .mod-pagetop { position: relative; bottom: 0 !important; width: 100%; display: table !important; }
  .mod-pagetop a { position: relative; display: table-cell; width: 100%; height: 85px; background: none; background-color: #66757f; text-align: center; text-indent: 0; text-decoration: none; vertical-align: middle; font-weight: bold; letter-spacing: 0.1em; color: #fff; text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.34); }
  .mod-pagetop a:before { content: ''; display: block; position: absolute; top: 50%; right: 30px; margin-top: -12px; display: block; width: 26px; height: 24px; background: url('../images/retina-sprite.png') 0 -2232px no-repeat; text-indent: -9999px; } }

.pagetype-archive #site-body { z-index: 10; margin-bottom: 100px; }
@media screen and (max-width: 650px) { .pagetype-archive #site-body { margin-bottom: 60px; } }

.mod-page-detail { line-height: 1.8; overflow: hidden; word-break: break-all; }
@media screen and (max-width: 650px) { .mod-page-detail { padding: 0 30px; } }
.mod-page-detail a:link { color: #ffffff;text-decoration: none; }
.mod-page-detail a:visited { color: #ffffff;text-decoration: none; }
.mod-page-detail a:hover { color: #ffffff;text-decoration: none; }
.mod-page-detail a:active { color: #ffffff;text-decoration: none; }
.mod-page-detail img { max-width: 100%; height: auto; }

.mod-2block-container { width: 100%; }
.mod-2block-container .mod-block { position: relative; width: 46.87500%; }
.mod-2block-container .mod-block.block1 { float: left; }
.mod-2block-container .mod-block.block2 { float: right; }
@media screen and (max-width: 650px) { .mod-2block-container .mod-block { float: none; width: 100%; }
 .mod-2block-container .mod-block.block2 { margin-top: 80px; } }
  
.mod-3block-container { width: 100%; }
.mod-3block-container .mod-block { position: relative; width: 100%; }
.mod-3block-container .mod-block.block1 { float: left; }
.mod-3block-container .mod-block.block2 { float: right; }
@media screen and (max-width: 650px) { .mod-3block-container .mod-block { float: none; width: 100%; }
.mod-3block-container .mod-block.block2 { margin-top: 80px; } }

.mod-section { margin-bottom: 20px; overflow: hidden; *zoom: 1; }
.mod-section.last { margin-bottom: 0; }

.mod-pagetitle { margin-bottom: 0px; font-size: 34px; line-height: 1.5; }
.mod-pagetitle.type-arrow { padding-left: 36px; background: url("../images/icn_title-arrow.png") 0 50% no-repeat; }
.mod-pagetitle .sub-title { display: block; padding-left: 26px; background: url("../images/icn_arrow.png") 0 50% no-repeat; font-size: 16px; }
.mod-subject { margin: 0 0 30px 0; font-size: 16px;}
@media screen and (max-width: 650px) { .mod-pagetitle .sub-title { font-size: 24px; } }
@media screen and (max-width: 650px) { .mod-pagetitle { margin: 0 0 40px; font-size: 52px; } }
@media screen and (max-width: 650px) { .mod-subject { margin: 0 0 50px; font-size: 30px; line-height: 1.5; } }

.mod-pagetitle2 { margin-bottom: 60px; font-size: 34px; line-height: 1.5; }
@media screen and (max-width: 1200px) { .mod-pagetitle2 { margin: 0 30px 60px; } }
@media screen and (max-width: 650px) { .mod-pagetitle2 { margin: 0 30px 70px; font-size: 56px; } }

.mod-pagetitle3 { position: relative; display: table; margin-bottom: 75px; font-size: 34px; line-height: 1.1; }
.mod-pagetitle3 img { width: 120px; min-width: 120px; margin-right: 15px; }
.mod-pagetitle3 span { display: table-cell; vertical-align: middle; }
.mod-pagetitle3 .title1 { position: absolute; top: 0; left: 140px; font-size: 16px; }
.mod-pagetitle3 .title2 { padding-top: 25px; }
@media screen and (max-width: 650px) { .mod-pagetitle3 { margin: 0 0 70px; font-size: 56px; }
  .mod-pagetitle3 span { display: block; margin-top: 20px; line-height: 1.3; }
  .mod-pagetitle3 img { width: 160px; min-width: 160px; }
  .mod-pagetitle3 .title1 { position: relative; left: 0; font-size: 20px; }
  .mod-pagetitle3 .title2 { margin-top: 0; padding-top: 0; }
  .mod-pagetitle3 br { display: none; } }

.mod-title-description { margin: -55px 0 80px; font-weight: bold; font-size: 116%; line-height: 1.5; color: #668293; }
@media screen and (max-width: 650px) { .mod-title-description { font-size: 26px; } }

.mod-subtitle { width: 100%; margin-bottom: 40px; padding: 0 0 16px; font-size: 153.9%; font-weight: bold; border-bottom: 1px solid #07222e; line-height: 1.5; }
@media screen and (max-width: 650px) { .mod-subtitle { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 2px solid #07222e; font-size: 32px; } }

.mod-frame-side-title { display: none; }
@media screen and (max-width: 650px) { .mod-frame-side-title { display: block; margin: 0 0 30px 30px; font-size: 40px; font-weight: bold; } }


.mod-btn-base { text-align: center; }
.mod-btn-base a, .mod-btn-base span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 210px; padding: 13px 40px 13px 40px; background: #3a474f; text-align: center; font-weight: bold; color: #fff !important; text-decoration: none; line-height: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }
.mod-btn-base a:hover, .mod-btn-base span:hover { background-color: #516471; }
@media screen and (max-width: 650px) { .mod-btn-base a, .mod-btn-base span { width: 100%; padding: 26px 0 26px 0; } }
.mod-btn-base.type-arrow-left a { background: url("../images/icn_arrow_lft.png") 7% 50% no-repeat #3a474f; }
@media screen and (max-width: 650px) { .mod-btn-base.type-arrow-left a { background: url("../images/retina-sprite/icn_arrow_back_blue.png") 5% 50% no-repeat #3a474f; } }
.mod-btn-base.type-arrow-left a:hover { background-color: #516471; }
.mod-btn-base.type-arrow-right a { background: url("../images/icn_arrow_rgt.png") 93% 50% no-repeat #3a474f; }
@media screen and (max-width: 650px) { .mod-btn-base.type-arrow-right a { background: url("../images/retina-sprite/icn_arrow_blue.png") 95% 50% no-repeat #3a474f; } }
.mod-btn-base.type-arrow-right a:hover { background-color: #516471; }
.mod-btn-base.type-pdf a { background: url("../images/icn_pdf2.png") 92% 50% no-repeat #3a474f; }
@media screen and (max-width: 650px) { .mod-btn-base.type-pdf a { background: url("../images/retina-sprite/icon_pdf.png") 95% 50% no-repeat #3a474f; } }
.mod-btn-base.type-pdf a:hover { background-color: #516471; }
.mod-btn-base.type-off span { background-color: #a9b2b8; }
.mod-btn-base.type-off span:hover { background-color: #a9b2b8; }

.mod-btn-base2 { text-align: center; }
.mod-btn-base2 a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 210px; padding: 13px 70px 13px 70px; background: #dddddd; text-align: center; font-weight: bold; color: #fff !important; text-decoration: none; line-height: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }
.mod-btn-base2 a:hover { background: #bcc5c9; }
@media screen and (max-width: 650px) { .mod-btn-base2 a { width: 100%; padding: 23px 50px 23px 20px; line-height: 1.6; } }
.mod-btn-base2.type-arrow-left a { background: url("../images/icn_arrow_lft.png") 7% 50% no-repeat #dddddd; }
.mod-btn-base2.type-arrow-left a:hover { background: url("../images/icn_arrow_lft_on.png") 7% 50% no-repeat #bcc5c9; }
@media screen and (max-width: 650px) { .mod-btn-base2.type-arrow-left a { padding: 23px 16px 23px 36px; } }
.mod-btn-base2.type-arrow-right a { background: url("../images/icn_menu-arrow3_on.png") 93% 50% no-repeat #dddddd; }
.mod-btn-base2.type-arrow-right a:hover { background: url("../images/icn_menu-arrow3_on.png") 93% 50% no-repeat #bcc5c9; }
@media screen and (max-width: 650px) { .mod-btn-base2.type-arrow-right a { background: url("../images/retina-sprite/icn_arrow_darkred.png") 93% 50% no-repeat #dddddd; }
  .mod-btn-base2.type-arrow-right a:hover { background: url("../images/retina-sprite/icn_arrow_darkred.png") 93% 50% no-repeat #bcc5c9; } }
.mod-btn-base2.type-pdf a { background: url("../images/icn_pdf2.png") 92% 50% no-repeat #dddddd; }
.mod-btn-base2.type-pdf a:hover { background-color: #bcc5c9; }
.mod-btn-base2.type-blank a { background: url("../images/icn_blank.png") 92% 50% no-repeat #dddddd; }
@media screen and (max-width: 650px) { .mod-btn-base2.type-blank a { background: url("../images/retina-sprite/icn_blank_darkred.png") 95% 50% no-repeat #dddddd; } }
.mod-btn-base2.type-blank a:hover { background-color: #bcc5c9; }

.mod-btn-container { width: 450px; margin: 0 auto; }
.mod-btn-container.type-three-btns { width: 100%; }
.mod-btn-container.type-three-btns li { float: left; width: 300px; margin: 0 30px 0 0; }
.mod-btn-container.type-three-btns li.last { margin-right: 0; }
@media screen and (max-width: 650px) { .mod-btn-container.type-three-btns li { width: 100%; margin-bottom: 30px; } }
.mod-btn-container.type-three-btns li a, .mod-btn-container.type-three-btns li span { width: 100%; }
@media screen and (max-width: 650px) { .mod-btn-container { width: 100%; }
  .mod-btn-container li { width: 100%; margin: 0 0 30px; } }

.mod-list li { margin-bottom: 1em; margin-left: 0.6em; padding-left: 1em; text-indent: -1em; line-height: 1.6; }
.mod-list li.last { margin-bottom: 0; }
.mod-list.type-disc li { list-style: inside disc; }
.mod-list.type-square li { list-style: inside square; }
.mod-list.type-decimal { margin-left: 0.5em; }
.mod-list.type-decimal li { text-indent: -1.4em; list-style: inside decimal; }

.mod-inline-list { font-size: 85%; }
.mod-inline-list li { float: left; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 1em; }

.mod-ul-line-list { width: 100%; }
.mod-ul-line-list li { padding: 20px 5px; position: relative; }
@media screen and (max-width: 650px) { .mod-ul-line-list li { padding: 30px 0; } }
.mod-ul-line-list li:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-ul-line-list li:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-ul-line-list li.first { position: relative; }
.mod-ul-line-list li.first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-ul-line-list li.first:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-ul-line-list li.last:after { display: none; }

.mod-dl-line-list { display: table; width: 100%; position: relative; }
.mod-dl-line-list:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-dl-line-list:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-dl-line-list.last { position: relative; }
.mod-dl-line-list.last:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-dl-line-list.last:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-dl-line-list dt, .mod-dl-line-list dd { display: table-cell; padding: 25px 0; }
.mod-dl-line-list dt { font-weight: bold; }
@media screen and (max-width: 650px) { .mod-dl-line-list dt, .mod-dl-line-list dd { display: block; }
  .mod-dl-line-list dt { width: 100%; padding: 30px 0 6px; }
  .mod-dl-line-list dd { padding: 0 0 30px; } }

.mod-dl-line-list2 { width: 100%; padding: 25px 10px; position: relative; }
.mod-dl-line-list2:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-dl-line-list2:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-dl-line-list2.first { position: relative; }
.mod-dl-line-list2.first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-dl-line-list2.first:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-dl-line-list2.last:after { display: none; }
@media screen and (max-width: 650px) { .mod-dl-line-list2 { padding: 30px 0; } }
.mod-dl-line-list2 dt { font-weight: bold; margin-bottom: 6px; }

.mod-dl dt { font-weight: bold; }
.mod-dl dd { margin-bottom: 1em; }

.mod-link-list { width: 100%; margin: 0 auto; position: relative; }
.mod-link-list:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-link-list:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-link-list.hide-line-top:before { display: none; }
.mod-link-list .item { position: relative; width: 100%; position: relative; }
.mod-link-list .item:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-link-list .item:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-link-list .item.hide-line-btm:after { display: none; }
.mod-link-list .item.not-link { width: 100%; padding: 20px 10% 20px 2%; }
@media screen and (max-width: 650px) { .mod-link-list .item.not-link { padding: 30px 70px 30px 30px; } }
.mod-link-list .item .date { font-weight: bold; padding-right: 2em; }
.mod-link-list .item .img { padding-right: 1em; }
.mod-link-list .item a { position: relative; display: table; width: 100%; padding: 20px 10% 20px 2%; text-decoration: none; vertical-align: middle; color: #07222e; }
.mod-link-list .item a:hover { background-color: #dddfe1; }
.mod-link-list .item a:before { content: ''; position: absolute; top: 50%; right: 3%; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -538px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list .item a:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -972px no-repeat; text-indent: -9999px; } }
.mod-link-list .item a.type-pdf-link:before { margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -928px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list .item a.type-pdf-link:before { margin-top: -16px; display: block; width: 32px; height: 32px; background: url('../images/retina-sprite.png') 0 -2048px no-repeat; text-indent: -9999px; } }
.mod-link-list .item a.type-excel-link:before { margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -760px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list .item a.type-excel-link:before { margin-top: -16px; display: block; width: 32px; height: 32px; background: url('../images/retina-sprite.png') 0 -2190px no-repeat; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-link-list .item a { padding: 30px 70px 30px 4%; } }
.mod-link-list.type-blank a:before { margin-top: -6px; display: block; width: 13px; height: 11px; background: url('../images/sprite.png') 0 -703px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list.type-blank a:before { margin-top: -12px; display: block; width: 26px; height: 22px; background: url('../images/retina-sprite.png') 0 -1188px no-repeat; text-indent: -9999px; } }
.mod-link-list.type-2cell .date { display: table-cell; width: 140px; vertical-align: middle; font-weight: bold; }
@media screen and (max-width: 650px) { .mod-link-list.type-2cell .date { display: block; width: 280px; } }
.mod-link-list.type-2cell .title { display: table-cell; vertical-align: middle; line-height: 1.6; }
@media screen and (max-width: 650px) { .mod-link-list.type-2cell .title { display: block; margin-top: 10px; } }
.mod-link-list.type-news { width: 97.91667%; min-height: 300px; }
@media screen and (max-width: 650px) { .mod-link-list.type-news { width: 100%; } }
.mod-link-list.type-news .date { display: table-cell; width: 140px; vertical-align: middle; font-size: 100%; font-weight: bold; padding-right: 0; }
@media screen and (max-width: 650px) { .mod-link-list.type-news .date { display: block; width: 100%; } }
.mod-link-list.type-news .tags { display: table-cell; width: 140px; vertical-align: middle; }
.mod-link-list.type-news .tags li { display: block; width: 120px; padding: 3px 0; background-color: #7b97a8; color: #fff; font-size: 85%; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); line-height: 1; text-align: center; margin-top: 6px; }
.mod-link-list.type-news .tags li:first-child { margin-top: 0; }
@media screen and (max-width: 650px) { .mod-link-list.type-news .tags { display: block; width: 100%; margin-top: 14px; }
  .mod-link-list.type-news .tags li { float: left; width: 230px; margin: 3px 10px 3px 0; padding: 4px 0; }
  .mod-link-list.type-news .tags li:not(:first-child), .mod-link-list.type-news .tags li:first-child { margin-top: 3px; } }
.mod-link-list.type-news .title { display: table-cell; vertical-align: middle; line-height: 1.6; }
@media screen and (max-width: 650px) { .mod-link-list.type-news .title { display: block; margin-top: 10px; } }

.mod-link-list2 { width: 100%; margin: 0 auto; position: relative; }
.mod-link-list2:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-link-list2:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-link-list2.hide-line-top:before { display: none; }
.mod-link-list2 .item { position: relative; width: 100%; position: relative; }
.mod-link-list2 .item:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-link-list2 .item:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-link-list2 .item.hide-line-btm:after { display: none; }
.mod-link-list2 .item a { position: relative; display: table; width: 100%; padding: 3% 10% 3% 2%; text-decoration: none; vertical-align: middle; color: #07222e; }
.mod-link-list2 .item a:hover { background-color: #dddfe1; }
.mod-link-list2 .item a:before { content: ''; position: absolute; top: 50%; right: 3%; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -538px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list2 .item a:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -972px no-repeat; text-indent: -9999px; } }
.mod-link-list2 .item a .img { display: table-cell; width: 70px\9; padding-right: 1em; padding-right: 0em\9; vertical-align: middle; }
@media screen and (max-width: 650px) { .mod-link-list2 .item a .img { padding-right: 0; }
  .mod-link-list2 .item a .img img { width: 120px; } }
.mod-link-list2 .item a .title { display: table-cell; vertical-align: middle; line-height: 1.6; }
@media screen and (max-width: 650px) { .mod-link-list2 .item a .title { padding-left: 20px; } }
.mod-link-list2 .item a.type-pdf-link:before { margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -928px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list2 .item a.type-pdf-link:before { margin-top: -16px; display: block; width: 32px; height: 32px; background: url('../images/retina-sprite.png') 0 -2048px no-repeat; text-indent: -9999px; } }
.mod-link-list2 .item a.type-excel-link:before { margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -760px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list2 .item a { padding: 30px 70px 30px 4%; } }

.mod-link-list3 { width: 100%; margin: 0 auto; position: relative; }
.mod-link-list3:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-link-list3:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-link-list3.hide-line-top:before { display: none; }
.mod-link-list3 .item { position: relative; width: 100%; line-height: 1.6; position: relative; }
.mod-link-list3 .item:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-link-list3 .item:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-link-list3 .item.hide-line-btm:after { display: none; }
.mod-link-list3 .item.not-link { width: 100%; padding: 17px 40px 17px 16px; }
@media screen and (max-width: 650px) { .mod-link-list3 .item.not-link { padding: 30px 70px 30px 30px; } }
.mod-link-list3 .item > a { position: relative; display: block; width: 100%; padding: 17px 40px 17px 16px; text-decoration: none; vertical-align: middle; color: #07222e; }
.mod-link-list3 .item > a:hover { background-color: #dddfe1; }
.mod-link-list3 .item > a:before { content: ''; position: absolute; top: 50%; right: 16px; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -538px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list3 .item > a:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -972px no-repeat; text-indent: -9999px; } }
.mod-link-list3 .item > a.type-pdf-link:before { margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -928px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list3 .item > a.type-pdf-link:before { margin-top: -16px; display: block; width: 32px; height: 32px; background: url('../images/retina-sprite.png') 0 -2048px no-repeat; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-link-list3 .item > a { padding: 30px 70px 30px 4%; } }
.mod-link-list3 .child-item { border-top: 1px solid #d9dcdd; }
@media screen and (max-width: 650px) { .mod-link-list3 .child-item { border-top: 2px solid #d9dcdd; } }
.mod-link-list3 .child-item > a { position: relative; display: block; width: 100%; padding: 14px 40px 14px 35px; text-decoration: none; vertical-align: middle; background-color: #fff; color: #07222e; }
.mod-link-list3 .child-item > a:hover { background-color: #dddfe1; }
.mod-link-list3 .child-item > a:before { content: ''; position: absolute; top: 50%; right: 16px; margin-top: -5px; display: block; width: 9px; height: 10px; background: url('../images/sprite.png') 0 -558px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list3 .child-item > a:before { right: 6%; margin-top: -10px; display: block; width: 18px; height: 20px; background: url('../images/retina-sprite.png') 0 -1124px no-repeat; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-link-list3 .child-item > a { padding: 25px 40px 25px 35px; } }

.mod-link-list4 { width: 100%; margin: 0 auto; position: relative; }
.mod-link-list4:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-link-list4:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-link-list4.hide-line-top:before { display: none; }
.mod-link-list4 .item { position: relative; width: 100%; border-bottom: 1px solid #eaeae8; }
.mod-link-list4 .item.hide-line-btm { border-bottom: none; }
.mod-link-list4 .item a { position: relative; display: table; width: 100%; padding: 14px 50px 14px 24px; text-decoration: none; vertical-align: middle; background-color: #fff; color: #07222e; }
.mod-link-list4 .item a:hover { background-color: #f5f4f0; }
.mod-link-list4 .item a:before { content: ''; position: absolute; top: 50%; right: 25px; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -538px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list4 .item a:before { right: 25px; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -972px no-repeat; text-indent: -9999px; } }
.mod-link-list4 .item a.type-pdf-link:before { margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -928px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-link-list4 .item a.type-pdf-link:before { margin-top: -16px; display: block; width: 32px; height: 32px; background: url('../images/retina-sprite.png') 0 -2048px no-repeat; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-link-list4 .item a { padding: 30px 70px 30px 24px; } }

.mod-dl-link-list { position: relative; display: block; width: 100%; margin: 0 auto; border: 1px solid #3a474f; }
.mod-dl-link-list .title { padding: 7% 10% 3% 7%; font-weight: bold; }
.mod-dl-link-list .item { position: relative; width: 100%; position: relative; }
.mod-dl-link-list .item:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-dl-link-list .item:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-dl-link-list .item.hide-line-btm:after { display: none; }
.mod-dl-link-list .item.type-parent { font-size: 123.1%; font-weight: bold; border-bottom: 1px solid #3a474f; background-color: #fff; }
.mod-dl-link-list .item.type-parent:after { display: none; }
.mod-dl-link-list .item.type-parent a { padding: 6% 11% 6% 7%; }
.mod-dl-link-list .item.type-parent a:before { content: ''; position: absolute; top: 50%; right: 5%; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -817px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-dl-link-list .item.type-parent a:before { margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1086px no-repeat; text-indent: -9999px; } }
.mod-dl-link-list .item.type-parent a:hover { border-color: #dddddd; background-color: #dddddd; color: #fff; }
.mod-dl-link-list .item.type-parent a:hover:before { display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -837px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-dl-link-list .item.type-parent a:hover:before { display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1048px no-repeat; text-indent: -9999px; } }
.mod-dl-link-list .item.not-link { width: 100%; padding: 5% 13% 5% 7%; }
.mod-dl-link-list .item a { position: relative; display: table; width: 100%; padding: 5% 13% 5% 7%; text-decoration: none; color: #07222e; }
.mod-dl-link-list .item a:hover { background-color: #dddfe1; }
.mod-dl-link-list .item a:before { content: ''; position: absolute; top: 50%; right: 5%; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -538px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-dl-link-list .item a:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -972px no-repeat; text-indent: -9999px; } }
.mod-dl-link-list .item a.type-pdf-link:before { margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -928px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-dl-link-list .item a.type-pdf-link:before { margin-top: -16px; display: block; width: 32px; height: 32px; background: url('../images/retina-sprite.png') 0 -2048px no-repeat; text-indent: -9999px; } }
.mod-dl-link-list.type-wide .item.type-parent a { padding: 3% 4% 3% 4%; }
.mod-dl-link-list.type-wide .item a { padding: 2.5% 4% 2.5% 4%; }
.mod-dl-link-list.type-wide .item a:before { right: 3%; }
@media screen and (max-width: 650px) { .mod-dl-link-list.type-wide .item a { padding: 3% 55px 3% 4%; } }

.mod-blank-link-line-list { padding: 20px 10px; position: relative; }
.mod-blank-link-line-list:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-blank-link-line-list:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-blank-link-line-list.first { position: relative; }
.mod-blank-link-line-list.first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-blank-link-line-list.first:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.mod-blank-link-line-list.last:after { display: none; }
@media screen and (max-width: 650px) { .mod-blank-link-line-list { padding: 30px 0; } }
.mod-blank-link-line-list dt { font-size: 123.1%; margin-bottom: 10px; }
.mod-blank-link-line-list dt a:link, .mod-blank-link-line-list dt a:visited, .mod-blank-link-line-list dt a:hover, .mod-blank-link-line-list dt a:active { color: #07222e; }
.mod-blank-link-line-list dt a { padding-right: 18px; margin-right: 5px; background: url("../images/icn_blank2.png") 100% 50% no-repeat; }


.mod-note { padding: 24px; background-color: #dddfe1; font-size: 93%; }

.mod-note2 { border: 1px solid #dddfe1; padding: 18px 18px; background-color: #fcfcfc; }

.mod-note3 { font-size: 93%; text-align: center; }
@media screen and (max-width: 650px) { .mod-note3 { text-align: left; } }

.mod-note4 { font-size: 93%; padding: 20px; border: 1px solid #dddddd; color: #dddddd; font-weight: bold; margin-bottom: 40px; }

.mod-infobox { padding: 40px; border: 10px solid #dddfe1; background-color: #fff; }

.mod-infobox2 { border: 10px solid #dddfe1; background-color: #dddfe1; }
.mod-infobox2 dt { padding: 8px 0 18px; text-align: center; font-weight: bold; font-size: 108%; }
.mod-infobox2 dd { padding: 22px 20px; text-align: center; background-color: #fff; }


.mod-table-container { width: 100%; overflow: auto; }
@media screen and (max-width: 650px) { .mod-table-container .custom-table table { width: 1240px; }
  .mod-table-container .mod-table { width: 1240px; } }

@media screen and (max-width: 650px) { .irp-graph img { width: 580px; } }

.mod-table th, .mod-table td { padding: 8px 6px; border: 1px solid #f1f2f3; vertical-align: middle; text-align: center; font-weight: normal; font-size: 85%; }
.mod-table th.al, .mod-table td.al { text-align: left; }
.mod-table th.ar, .mod-table td.ar { text-align: right; }
.mod-table th.ac, .mod-table td.ac { text-align: center; }
.mod-table th { background-color: #dddfe1; }
.mod-table td { background-color: #fff; text-align: right; }
.mod-table .head { background-color: #7b97a8; font-weight: bold; color: #fff; }
.mod-table .head2 { background-color: #66757f; font-weight: bold; color: #fff; }

.mod-table2 th, .mod-table2 td { padding: 10px 14px; border: 1px solid #f1f2f3; vertical-align: middle; text-align: left; font-weight: normal; }
.mod-table2 th.al, .mod-table2 td.al { text-align: left; }
.mod-table2 th.ar, .mod-table2 td.ar { text-align: right; }
.mod-table2 th.ac, .mod-table2 td.ac { text-align: center; }
.mod-table2 th { background-color: #dddfe1; }
.mod-table2 td { background-color: #fff; }
.mod-table2.type-input-form th, .mod-table2.type-input-form td { padding: 20px 20px; border: 1px solid #f1f2f3; vertical-align: top; }
.mod-table2.type-input-form .mod-input-text, .mod-table2.type-input-form .mod-input-text2 { width: 250px; margin-bottom: .5em; padding: 3px 5px; border: 1px solid #dddfe1; background-color: #fff; -moz-box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.1); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.mod-table2.type-input-form .mod-input-text.state-error, .mod-table2.type-input-form .mod-input-text2.state-error { border-color: #dddddd; }
.mod-table2.type-input-form .mod-input-text2 { width: 100%; }
.mod-table2.type-input-form select.state-error { border-color: #dddddd; }
@media screen and (max-width: 650px) { .mod-table2 { width: 100%; }
  .mod-table2 th, .mod-table2 td { display: block; width: 100%; text-align: left; }
  .mod-table2 th.ar, .mod-table2 th.ac, .mod-table2 td.ar, .mod-table2 td.ac { text-align: left; }
  .mod-table2.type-input-form th, .mod-table2.type-input-form td { padding: 20px 28px; } }


.mod-separator { width: 100%; height: 4px; margin: 40px 0; position: relative; }
.mod-separator:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .mod-separator:before { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }

.mod-main-img { margin-bottom: 40px; }

@media screen and (max-width: 650px) { .mod-panel-link { width: 100% !important; } }
.mod-panel-link a { display: block; border: 1px solid #5f7582; background-color: #fff; text-decoration: none; }
.mod-panel-link a img { width: 100%; height: auto; }
.mod-panel-link a .title { position: relative; padding: 12px 38px 12px 20px; font-weight: bold; font-size: 116%; color: #07222e; }
.mod-panel-link a .presi{ text-align: right; padding: 0 20px 15px; color: #07222e; }
.mod-panel-link a .title:before { content: ""; position: absolute; top: 50%; right: 7%; margin-top: -7px; display: block; width: 50px; height: 15px; background: url('../images/arrow1.png') 0 0px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link a .title:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1086px no-repeat; text-indent: -9999px; } }
.mod-panel-link a.type-blank .title:before { display: block; width: 13px; height: 11px; background: url('../images/sprite.png') 0 -687px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link a.type-blank .title:before { display: block; width: 26px; height: 22px; background: url('../images/retina-sprite.png') 0 -1252px no-repeat; text-indent: -9999px; } }
.mod-panel-link a .text { padding: 0 20px 15px; color: #07222e; }
.mod-panel-link a .text span { color: #dddddd; text-decoration: underline; }
.mod-panel-link a.on-touch, .mod-panel-link a:hover { background-color: #dddddd; }
.mod-panel-link a.on-fr .title, .mod-panel-link a:hover .title { color: #07222e; }
.mod-panel-link a.on-touch .title:before, .mod-panel-link a:hover .title:before { display: block; width: 50px; height: 15px; background: url('../images/arrow1.png') 0 0 no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link a.on-touch .title:before, .mod-panel-link a:hover .title:before { display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1048px no-repeat; text-indent: -9999px; } }
.mod-panel-link a.on-touch.type-blank .title:before, .mod-panel-link a:hover.type-blank .title:before { display: block; width: 13px; height: 11px; background: url('../images/sprite.png') 0 -671px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link a.on-touch.type-blank .title:before, .mod-panel-link a:hover.type-blank .title:before { display: block; width: 26px; height: 22px; background: url('../images/retina-sprite.png') 0 -1220px no-repeat; text-indent: -9999px; } }
.mod-panel-link a.on-touch .text, .mod-panel-link a:hover .text { color: #07222e; }
.mod-panel-link a.on-touch .text span, .mod-panel-link a:hover .text span { color: #fff; text-decoration: none; }

@media screen and (max-width: 650px) { .mod-panel-link1 { width: 100% !important; } }
.mod-panel-link1 a { display: block; border: 1px solid #5f7582; background-color: #fff; text-decoration: none; }
.mod-panel-link1 a img { width: 100%; height: auto; }
.mod-panel-link1 a .title { position: relative; padding: 12px 38px 12px 20px; font-weight: bold; font-size: 116%; color: #07222e; }
.mod-panel-link1 a .presi{ text-align: right; padding: 0 20px 15px; color: #07222e; }
.mod-panel-link1 a .title:before { content: ""; position: absolute; top: 50%; right: 7%; margin-top: -7px; display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link1 a .title:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-link1 a.type-blank .title:before { display: block; width: 13px; height: 11px;text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link1 a.type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
.mod-panel-link1 a .text { padding: 0 20px 15px; color: #07222e; }
.mod-panel-link1 a .text .detail img{ width: 240px; height: auto;}
.mod-panel-link1 a .text span { color: #dddddd; text-decoration: underline; }
.mod-panel-link1 a.on-touch, .mod-panel-link1 a:hover { background-color: #dddddd; }
.mod-panel-link1 a.on-fr .title, .mod-panel-link1 a:hover .title { color: #07222e; }
.mod-panel-link1 a.on-touch .title:before, .mod-panel-link1 a:hover .title:before { display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link1 a.on-touch .title:before, .mod-panel-link1 a:hover .title:before { display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-link1 a.on-touch.type-blank .title:before, .mod-panel-link1 a:hover.type-blank .title:before { display: block; width: 13px; height: 11px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link1 a.on-touch.type-blank .title:before, .mod-panel-link1 a:hover.type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
.mod-panel-link1 a.on-touch .text, .mod-panel-link1 a:hover .text { color: #07222e; }
.mod-panel-link1 a.on-touch .text span, .mod-panel-link1 a:hover .text span { color: #fff; text-decoration: none; }

@media screen and (max-width: 650px) { .mod-panel-link2 { width: 100% !important; } }
.mod-panel-link2 a { display: block; border: 1px solid #5f7582; background-color: #fff; text-decoration: none; }
.mod-panel-link2 a table { margin-top: 20px; border-collapse: collapse; font-size: 0.8em; width:100%; }
@media screen and (max-width: 650px) { .mod-panel-link2 a th { font-size: 0.9em; padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #f62837; }}
.mod-panel-link2 a th { padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ff9999; }
@media screen and (max-width: 650px) { .mod-panel-link2 a td { font-size: 0.9em; padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ffffff; }}
.mod-panel-link2 a td { padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ffffff; }
.mod-panel-link2 a td span{ padding:2px; text-align:left; color: #000000; background-color: #ffffff; }
@media screen and (max-width: 650px) { .mod-panel-link2 a img { width: 320px; height: auto; } }
.mod-panel-link2 a img { width: 240px; height: auto; }
.mod-panel-link2 a .photo { margin: 10px 0 10px }
@media screen and (max-width: 650px) { .mod-panel-link2 a .title:before { font-size: 95%; } }
.mod-panel-link2 a .title { position: relative; padding: 12px 38px 12px 20px; font-weight: bold; font-size: 116%; color: #07222e; }
.mod-panel-link2 a .presi{ text-align: right; padding: 0 20px 15px; color: #07222e; }
.mod-panel-link2 a .title:before { content: ""; position: absolute; top: 50%; right: 7%; margin-top: -7px; display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link2 a .title:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-link2 a.type-blank .title:before { display: block; width: 13px; height: 11px;text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link2 a.type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-panel-link2 a .text { font-size: 0.8em; padding: 0 20px 15px; color: #07222e; } }
.mod-panel-link2 a .text { padding: 0 20px 15px; color: #07222e; }
.mod-panel-link2 a .text span { color: #07222e; text-decoration: none; }
.mod-panel-link2 a .text span .ext{ color:#000000 ; text-decoration: none; }
.mod-panel-link2 a.on-touch, .mod-panel-link2 a:hover { background-color: #fff; }
.mod-panel-link2 a.on-fr .title, .mod-panel-link2 a:hover .title { color: #07222e; }
.mod-panel-link2 a.on-touch .title:before, .mod-panel-link2 a:hover .title:before { display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link2 a.on-touch .title:before, .mod-panel-link2 a:hover .title:before { display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-link2 a.on-touch.type-blank .title:before, .mod-panel-link2 a:hover.type-blank .title:before { display: block; width: 13px; height: 11px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link2 a.on-touch.type-blank .title:before, .mod-panel-link2 a:hover.type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
.mod-panel-link2 a.on-touch .text, .mod-panel-link2 a:hover .text { color: #07222e; }
.mod-panel-link2 a.on-touch .text span, .mod-panel-link2 a:hover .text span { color: #fff; text-decoration: none; }

/* mod */

@media screen and (max-width: 650px) { .mod-panel-linkx { width: 100% !important; } }
.mod-panel-linkx {display: block; border: 1px solid #5f7582; background-color: #fff; text-decoration: none; padding: 1px;}
.mod-panel-linkx table { margin-top: 20px; border-collapse: collapse; font-size: 0.8em; width:100%; }
@media screen and (max-width: 650px) { .mod-panel-linkx th { font-size: 0.9em; padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #f62837; }}
.mod-panel-linkx th { padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ff9999; }
@media screen and (max-width: 650px) { .mod-panel-linkx td { font-size: 0.9em; padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ffffff; }}
.mod-panel-linkx td { padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ffffff; }
.mod-panel-linkx td span{ padding:2px; text-align:left; color: #000000; background-color: #ffffff; }
@media screen and (max-width: 650px) { .mod-panel-linkx img { width: 320px; height: auto; } }
.mod-panel-linkx img { width: 240px; height: auto; }
.mod-panel-linkx .photo { margin: 10px 0 10px }
@media screen and (max-width: 650px) { .mod-panel-linkx a .title:before { font-size: 95%; } }
.mod-panel-linkx .title { position: relative; padding: 12px 38px 12px 20px; font-weight: bold; font-size: 116%; color: #07222e; }
.mod-panel-linkx .presi{ text-align: right; padding: 0 20px 15px; color: #07222e; }
.mod-panel-linkx .title:before { content: ""; position: absolute; top: 50%; right: 7%; margin-top: -7px; display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-linkx .title:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-linkx .type-blank .title:before { display: block; width: 13px; height: 11px;text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-linkx .type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-panel-linkx .text { font-size: 0.8em; padding: 0 20px 15px; color: #07222e; } }
.mod-panel-linkx .text { padding: 0 20px 15px; color: #07222e; }
.mod-panel-linkx .text span { color: #07222e; text-decoration: none; }
.mod-panel-linkx .text span .ext{ color:#000000 ; text-decoration: none; }
.mod-panel-linkx .on-touch .title:before, .mod-panel-linkx a:hover .title:before { display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-linkx a.on-touch .title:before, .mod-panel-linkx a:hover .title:before { display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-linkx a.on-touch.type-blank .title:before, .mod-panel-linkx a:hover.type-blank .title:before { display: block; width: 13px; height: 11px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-linkx a.on-touch.type-blank .title:before, .mod-panel-linkx a:hover.type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
.mod-panel-linkx a.on-touch .text, .mod-panel-linkx a:hover .text { color: #07222e; }
.mod-panel-linkx a.on-touch .text span, .mod-panel-linkx a:hover .text span { color: #fff; text-decoration: none; }
.mod-panel-linkx a.news_link{color: #000; font-weight: 600;}

/* mod */

@media screen and (max-width: 650px) { .mod-panel-link3 { width: 100% !important; } }
.mod-panel-link3 a { display: block; border: 1px solid #5f7582; background-color: #fff; text-decoration: none; }
.mod-panel-link3 a table { margin-top: 20px; border-collapse: collapse; font-size: 0.8em; width:100%; }
@media screen and (max-width: 650px) { .mod-panel-link3 a th { font-size: 0.9em; padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #f62837; }}
.mod-panel-link3 a th { padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ff9999; }
@media screen and (max-width: 650px) { .mod-panel-link3 a td { font-size: 0.9em; padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ffffff; }}
.mod-panel-link3 a td { padding:2px; text-align:center; border: solid 1px #666666; color: #000000; background-color: #ffffff; }
@media screen and (max-width: 650px) { .mod-panel-link3 a img { width: 320px; height: auto; } }
.mod-panel-link3 a img { width: 240px; height: auto; }
.mod-panel-link3 a .photo { margin: 10px 0 10px }
@media screen and (max-width: 650px) { .mod-panel-link3 a .title:before { font-size: 95%; } }
.mod-panel-link3 a .title { position: relative; padding: 12px 38px 12px 20px; font-weight: bold; font-size: 116%; color: #07222e; }
.mod-panel-link3 a .presi{ text-align: right; padding: 0 20px 15px; color: #07222e; }
.mod-panel-link3 a .title:before { content: ""; position: absolute; top: 50%; right: 7%; margin-top: -7px; display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link3 a .title:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-link3 a.type-blank .title:before { display: block; width: 13px; height: 11px;text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link3 a.type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-panel-link3 a .text { font-size: 0.8em; padding: 0 20px 15px; color: #fff; } }
.mod-panel-link3 a .text { padding: 0 20px 15px; color: #07222e; }
.mod-panel-link3 a .text span { color: #fff; text-decoration: none; }
.mod-panel-link3 a.on-touch, .mod-panel-link3 a:hover { background-color: #fff; }
.mod-panel-link3 a.on-fr .title, .mod-panel-link3 a:hover .title { color: #07222e; }
.mod-panel-link3 a.on-touch .title:before, .mod-panel-link3 a:hover .title:before { display: block; width: 50px; height: 15px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link3 a.on-touch .title:before, .mod-panel-link3 a:hover .title:before { display: block; width: 24px; height: 28px; text-indent: -9999px; } }
.mod-panel-link3 a.on-touch.type-blank .title:before, .mod-panel-link3 a:hover.type-blank .title:before { display: block; width: 13px; height: 11px; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-panel-link3 a.on-touch.type-blank .title:before, .mod-panel-link3 a:hover.type-blank .title:before { display: block; width: 26px; height: 22px; text-indent: -9999px; } }
.mod-panel-link3 a.on-touch .text, .mod-panel-link3 a:hover .text { color: #07222e; }
.mod-panel-link3 a.on-touch .text span, .mod-panel-link3 a:hover .text span { color: #fff; text-decoration: none; }


.mod-text-block-link a { position: relative; display: block; border: 1px solid #5f7582; background-color: #fff; text-decoration: none; padding: 30px 22px; color: #07222e !important; font-weight: bold; font-size: 116%; color: #07222e; }
.mod-text-block-link a:before { content: ""; position: absolute; top: 50%; right: 7%; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -817px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-text-block-link a:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1086px no-repeat; text-indent: -9999px; } }
.mod-text-block-link a.on-touch, .mod-text-block-link a:hover { background-color: #dddddd; color: #fff !important; }
.mod-text-block-link a.on-touch:before, .mod-text-block-link a:hover:before { display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -837px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-text-block-link a.on-touch:before, .mod-text-block-link a:hover:before { display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1048px no-repeat; text-indent: -9999px; } }

.mod-profile-block { display: table; background-color: #eae9df; }
.mod-profile-block .image-block { display: table-cell; width: 200px; background-color: #d6d5d2; }
@media screen and (max-width: 650px) { .mod-profile-block .image-block { display: table; width: 100%; }
  .mod-profile-block .image-block img { display: table-cell; width: 100%; min-width: 200px; } }
.mod-profile-block .image-block .name { display: block; padding: 20px; background-color: #d6d5d2; font-weight: bold; }
@media screen and (max-width: 650px) { .mod-profile-block .image-block .name { display: table-cell; vertical-align: middle; width: 68.75000%; padding: 0 9.37500%; } }
.mod-profile-block .image-block .job-category { line-height: 1.4; }
@media screen and (max-width: 650px) { .mod-profile-block .image-block .job-category { font-size: 26px; } }
.mod-profile-block .image-block .name-jp { font-size: 123.1%; line-height: 1.4; }
@media screen and (max-width: 650px) { .mod-profile-block .image-block .name-jp { font-size: 36px; } }
.mod-profile-block .image-block .name-en { color: #dddddd; }
@media screen and (max-width: 650px) { .mod-profile-block .image-block .name-en { font-size: 26px; } }
.mod-profile-block .text-block { position: relative; display: table-cell; vertical-align: top; }
@media screen and (max-width: 650px) { .mod-profile-block .text-block { display: block; } }
.mod-profile-block .text-block dt { font-weight: bold; margin-bottom: 8px; padding: 5%; padding-bottom: 0; }
.mod-profile-block .text-block dd { padding: 5%; padding-top: 0; }

.mod-comment-block { padding: 5%; background-color: #fff; }

.mod-search-container { position: relative; width: 100%; margin-bottom: 60px; padding: 30px 0; background-color: #dddddd; z-index: 10; }
@media screen and (max-width: 650px) { .mod-search-container { padding: 60px 30px; margin-bottom: 60px; } }
.mod-search-container .note { position: relative; top: 5px; left: 20px; color: #fff; }
@media screen and (max-width: 650px) { .mod-search-container .note { top: 10px; left: 0; } }


.mod-select-base { float: left; position: relative; width: 280px; height: 36px; margin-left: 30px; }
.type-two-column .mod-select-base { width: 29.16667%; margin-left: 3.12500%; }
@media screen and (max-width: 650px) { .type-two-column .mod-select-base { width: 100%; margin-left: 0; } }
@media screen and (max-width: 960px) { .mod-select-base { width: 29.16667%; margin-left: 3.12500%; } }
@media screen and (max-width: 650px) { .mod-select-base { float: none; width: 100%; height: 72px; margin-left: 0; margin-top: 30px; } }
.mod-select-base a { text-decoration: none; font-size: 116%; }
.mod-select-base .pulldun-btn { position: relative; }
.mod-select-base .pulldun-btn a { display: block; width: 100%; height: 36px; text-indent: 12px; line-height: 36px; background: url("../images/btn_pulldown.png") 100% 0 no-repeat white; color: #dddddd; }
@media screen and (max-width: 650px) { .mod-select-base .pulldun-btn a { height: 72px; line-height: 72px; background: url("../images/retina-sprite/btn_pulldown.png") 100% 0 no-repeat white; vertical-align: middle; } }
.mod-select-base .pulldun-btn a.open { background: url("../images/btn_pulldown-close.png") 100% 0 no-repeat white; }
@media screen and (max-width: 650px) { .mod-select-base .pulldun-btn a.open { background: url("../images/retina-sprite/btn_pulldown-close.png") 100% 0 no-repeat white; } }
.mod-select-base .select-list { display: none; position: absolute; top: 36px; left: 0; background-color: #dddddd; width: 280px; width: 100%; max-height: 330px; overflow: auto; -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.26); box-shadow: 0 0 30px rgba(0, 0, 0, 0.26); }
@media screen and (max-width: 650px) { .mod-select-base .select-list { top: 72px; max-height: 500px; } }
.mod-select-base .select-list li { border-bottom: 1px solid #b8263d; }
.mod-select-base .select-list li a { display: block; padding: 13px 30px 13px 16px; border-bottom: 1px solid #8a0616; color: #fff; font-size: 14px; background: url("../images/icn_menu-arrow.png") 96% 50% no-repeat; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
.mod-select-base .select-list li a:hover { background-color: #b8263d; }
@media screen and (max-width: 650px) { .mod-select-base .select-list li a { padding: 26px 60px 26px 32px; border-bottom: 2px solid #8a0616; font-size: 28px; background: url("../images/retina-sprite/icn_arrow_darkred.png") 96% 50% no-repeat; } }
.mod-select-base .select-list li:last-child { border-bottom: none; }
.mod-select-base .select-list li:last-child a { border-bottom: none; }

.mod-select-year { position: relative; z-index: 10; }

@media screen and (max-width: 650px) { .mod-search-container.type-award { padding: 30px 30px 60px; } }
.mod-search-container.type-award .mod-select-year { margin-left: 30px; }
@media screen and (max-width: 650px) { .mod-search-container.type-award .mod-select-year { margin-left: 0; } }

.mod-not-results { width: 100%; min-height: 300px; }
.mod-not-results p { margin-top: 150px; text-align: center; font-size: 123.1%; }

.mod-pagination { width: 100%; margin-top: 30px; text-align: center; line-height: 1.1; }
@media screen and (max-width: 650px) { .mod-pagination { margin-top: 60px; } }
.mod-pagination a, .mod-pagination span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 8px; text-align: center; text-decoration: none; font-size: 108%; }
.mod-pagination a.inactive, .mod-pagination a.current, .mod-pagination a.first, .mod-pagination a.last, .mod-pagination span.inactive, .mod-pagination span.current, .mod-pagination span.first, .mod-pagination span.last { width: 40px; padding: 10px 0 10px; border: 1px solid #dddddd; background-color: #fff; color: #dddddd; }
@media screen and (max-width: 650px) { .mod-pagination a.inactive, .mod-pagination a.current, .mod-pagination a.first, .mod-pagination a.last, .mod-pagination span.inactive, .mod-pagination span.current, .mod-pagination span.first, .mod-pagination span.last { width: 50px; padding: 8px 0; border: 2px solid #dddddd; } }
.mod-pagination a.next, .mod-pagination a.prev, .mod-pagination span.next, .mod-pagination span.prev { width: 40px; height: 40px; background: 50% 50% no-repeat; text-indent: -9000px; }
@media screen and (max-width: 650px) { .mod-pagination a.next, .mod-pagination a.prev, .mod-pagination span.next, .mod-pagination span.prev { width: 40px; } }
.mod-pagination a.next, .mod-pagination span.next { background-image: url("../images/btn_next.png"); }
@media screen and (max-width: 650px) { .mod-pagination a.next, .mod-pagination span.next { background-image: url("../images/retina-sprite/btn_next.png"); } }
.mod-pagination a.prev, .mod-pagination span.prev { background-image: url("../images/btn_prev.png"); }
@media screen and (max-width: 650px) { .mod-pagination a.prev, .mod-pagination span.prev { background-image: url("../images/retina-sprite/btn_prev.png"); } }
.mod-pagination a.inactive:hover, .mod-pagination a.first:hover, .mod-pagination a.last:hover, .mod-pagination span.inactive:hover, .mod-pagination span.first:hover, .mod-pagination span.last:hover { background-color: #dddfe1; }
.mod-pagination a.more, .mod-pagination span.more { margin: -6px -2px 0; color: #dddddd; }
.mod-pagination a.current, .mod-pagination span.current { background-color: #dddddd; color: #fff; }

.mod-tab-menu { table-layout: fixed; display: table; width: 100%; }
.mod-tab-menu li { display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #3a474f; border-bottom: none; border-collapse: collapse; }
.mod-tab-menu li a { position: relative; display: block; padding: 24px 0; background-color: #3a474f; }
.mod-tab-menu li a:hover { background-color: #516471; }
.mod-tab-menu li a.state-selected { background-color: #fff; color: #3a474f !important; }
.mod-tab-menu li a.state-selected:before { position: absolute; bottom: -1px; left: 50%; content: ''; margin: 0 0 0 -11px; display: block; width: 22px; height: 15px; background: url('../images/sprite.png') 0 -1083px no-repeat; text-indent: -9999px; background-color: #F1F2F3; }
.mod-tab-menu li a.state-selected.type-bg-glay:before { background-color: #a9b2b8; }
.mod-tab-menu li a:link, .mod-tab-menu li a:visited { color: #fff; text-decoration: none; }
.mod-tab-menu li a:before { position: absolute; bottom: 10px; left: 50%; content: ''; margin: 0 0 0 -10px; display: block; width: 20px; height: 11px; background: url('../images/sprite.png') 0 -1022px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-tab-menu li a:before { bottom: 16px; margin: 0 0 0 -17px; display: block; width: 34px; height: 18px; background: url('../images/retina-sprite.png') 0 -1896px no-repeat; text-indent: -9999px; } }
@media screen and (max-width: 650px) { .mod-tab-menu li a { padding: 22px 20px 44px; font-size: 22px; } }
@media screen and (max-width: 650px) { .mod-tab-menu span { display: block; } }

.mod-tab-menu2 { table-layout: fixed; display: table; width: 100%; }
.mod-tab-menu2 li { display: table-cell; font-size: 93%; line-height: 1.6; text-align: center; border: 1px solid #3a474f; border-collapse: collapse; }
@media screen and (max-width: 650px) { .mod-tab-menu2 li { margin-bottom: 2px; } }
.mod-tab-menu2 li a { position: relative; display: block; width: 100%; padding: 16px 0 22px; background-color: #3a474f; }
.mod-tab-menu2 li a:hover { background-color: #516471; }
.mod-tab-menu2 li a.state-selected { background-color: #fff; color: #3a474f !important; }
.mod-tab-menu2 li a.state-selected:before { position: absolute; bottom: -1px; left: 50%; content: ''; margin: 0 0 0 -11px; display: block; width: 22px; height: 15px; background: url('../images/sprite.png') 0 -1083px no-repeat; text-indent: -9999px; background-color: #F1F2F3; }
.mod-tab-menu2 li a.state-selected.type-bg-glay:before { background-color: #a9b2b8; }
.mod-tab-menu2 li a:link, .mod-tab-menu2 li a:visited { color: #fff; text-decoration: none; }
.mod-tab-menu2 li a:before { position: absolute; bottom: 6px; left: 50%; content: ''; margin: 0 0 0 -8px; display: block; width: 17px; height: 14px; background: url('../images/sprite.png') 0 0 no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-tab-menu2 li { display: block; padding-bottom: 0; text-align: left; }
  .mod-tab-menu2 li a { position: relative; padding-left: 20px; }
  .mod-tab-menu2 li a:hover { background-color: #516471; }
  .mod-tab-menu2 li a:hover:before { display: block; width: 37px; height: 28px; background: url('../images/retina-sprite.png') 0 0 no-repeat; text-indent: -9999px; }
  .mod-tab-menu2 li a:before { position: absolute; bottom: 50%; left: auto; right: 5%; margin: 0 0 -14px 0; display: block; width: 37px; height: 28px; background: url('../images/retina-sprite.png') 0 0 no-repeat; text-indent: -9999px; } }
.mod-tab-menu2 span { display: block; }
@media screen and (max-width: 650px) { .mod-tab-menu2 span { display: inline; } }

.mod-tab-contents { border: 1px solid #3a474f; }
.mod-tab-contents.type-no-frame { border: none; border-top: 1px solid #3a474f; }
.mod-tab-contents .js-tab-content { display: none; }
.mod-tab-contents .state-selected { display: block; }
.mod-tab-contents .tab-content-body { padding: 6.25000%; }
.mod-tab-contents .tab-content-body2 { padding: 20px 10px 10px; }
@media screen and (max-width: 650px) { .mod-tab-contents .tab-content-body2 { padding: 20px 0 20px; } }
.mod-tab-contents .tab-content-title { position: relative; width: 100%; padding: 24px 20px; background-color: #fff; text-align: center; border-top: 1px solid #3a474f; border-bottom: 1px solid #3a474f; }
.mod-tab-contents .tab-content-title:before { position: absolute; bottom: -1px; left: 50%; content: ''; margin: 0 0 0 -11px; display: block; width: 22px; height: 15px; background: url('../images/sprite.png') 0 -1083px no-repeat; text-indent: -9999px; background-color: #F1F2F3; }
.mod-tab-contents .tab-content-title br { display: none; }
@media screen and (max-width: 650px) { .mod-tab-contents .tab-content-title br { display: block; } }
.mod-tab-contents .outer { padding: 40px; }
@media screen and (max-width: 650px) { .mod-tab-contents .outer { padding: 60px 30px; } }

.mod-tab-content-title { padding: 13px 24px; font-weight: bold; background-color: #a9b2b8; font-size: 116%; }
@media screen and (max-width: 650px) { .mod-tab-content-title { padding: 15px 28px; } }

.mod-tab-content-title2 { padding: 9px 24px; font-weight: bold; background-color: #d6d5d2; font-size: 116%; }
@media screen and (max-width: 650px) { .mod-tab-content-title2 { padding: 13px 28px; } }

.js-mod-slide-down-content .js-mod-slide-down-content-body { display: none; }
.js-mod-slide-down-content .js-mod-slide-down-content-body.state-open { display: block; }

.js-mod-slide-down-content.type-normal { margin-bottom: 1px; }
.js-mod-slide-down-content.type-normal.last { margin-bottom: 0; }
.js-mod-slide-down-content.type-normal .js-mod-slide-down-content-btn { padding: 15px 24px; font-weight: bold; font-size: 116%; cursor: pointer; background: url("../images/icn_arrow-slidedown.png") 94% 50% no-repeat #a9b2b8; }
@media screen and (max-width: 650px) { .js-mod-slide-down-content.type-normal .js-mod-slide-down-content-btn { padding: 20px 28px; background: url("../images/retina-sprite/icon_arrow_down_black.png") 95% 50% no-repeat #a9b2b8; } }
.js-mod-slide-down-content.type-normal .js-mod-slide-down-content-btn:hover, .js-mod-slide-down-content.type-normal .js-mod-slide-down-content-btn.state-open { background-color: #dddfe1; }
.js-mod-slide-down-content.type-normal .js-mod-slide-down-content-btn.state-open { background-image: url("../images/icn_arrow-slidedown-close.png"); background-color: #dddfe1; }
@media screen and (max-width: 650px) { .js-mod-slide-down-content.type-normal .js-mod-slide-down-content-btn.state-open { background: url("../images/retina-sprite/icon_arrow_up_black.png") 95% 50% no-repeat #a9b2b8; } }
.js-mod-slide-down-content.type-normal .js-mod-slide-down-content-btn.state-open:hover { background-color: #a9b2b8; }

.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn { display: table; width: 100%; font-weight: bold; cursor: pointer; background: url("../images/icn_arrow-slidedown.png") 97% 50% no-repeat #d6d5d2; overflow: hidden; }
@media screen and (max-width: 650px) { .js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn { padding: 20px 28px; } }
.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn span { display: table-cell; padding: 12px 0; }
.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn .icn { width: 50px; height: 100%; background: url("../../images/pages/ir/stock/faq/icn_q.png") 50% 50% no-repeat #b8b7b4; text-indent: -9000px; }
.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn .title { padding-left: 20px; padding-right: 50px; }
.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn:hover, .js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn.state-open { background-color: #dddfe1; }
.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn:hover .icn, .js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn.state-open .icn { background-color: #a9b2b8; }
.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-btn.state-open { background-image: url("../images/icn_arrow-slidedown-close.png"); background-color: #dddfe1; }
.js-mod-slide-down-content.type-faq .js-mod-slide-down-content-body { display: none; padding: 3%; background-color: #fff; }

.js-mod-item-access { position: relative; padding: 35px 40px 60px; cursor: pointer; position: relative; }
@media screen and (max-width: 650px) { .js-mod-item-access { padding: 30px 30px 120px; } }
.js-mod-item-access:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccd0d2; border-bottom: 1px solid #fff; }
@media screen and (max-width: 650px) { .js-mod-item-access:after { border-top: 2px solid #ccd0d2; border-bottom: 2px solid #fff; } }
.js-mod-item-access.last:after { display: none; }
.js-mod-item-access:hover { background-color: #dddfe1; }
.js-mod-item-access .txt-name { font-weight: bold; text-decoration: underline; }
.js-mod-item-access .txt-address { margin-top: 10px; }
.js-mod-item-access .js-item-access-open-btn { position: absolute; bottom: 20px; right: 20px; display: block; width: 28px; height: 28px; background: url('../images/sprite.png') 0 -142px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .js-mod-item-access .js-item-access-open-btn { position: absolute; bottom: 38px; right: 50%; margin-right: -24px; display: block; width: 48px; height: 52px; background: url('../images/retina-sprite.png') 0 -1924px no-repeat; text-indent: -9999px; } }
.js-mod-item-access.state-open { cursor: default; background-color: #fff; }
.js-mod-item-access.state-open:hover { background-color: #fff; }
.js-mod-item-access.state-open .txt-name { text-decoration: none; }
.js-mod-item-access.state-open .js-item-access-open-btn { display: block; width: 28px; height: 28px; background: url('../images/sprite.png') 0 -109px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .js-mod-item-access.state-open .js-item-access-open-btn { display: block; width: 48px; height: 24px; background: url('../images/retina-sprite.png') 0 -1986px no-repeat; text-indent: -9999px; } }
.js-mod-item-access .mod-map-container { display: none; }
.js-mod-item-access .js-gmap { width: 100%; min-height: 280px; margin: 18px 0 12px; }
.js-mod-item-access .js-gmap img { max-width: none !important; }
@media screen and (max-width: 650px) { .js-mod-item-access .js-gmap { min-height: 520px; } }

.mod-bdr-box { padding: 5%; border: 1px solid #ccd0d2; }

.mod-bdr-box2 { border: 1px solid #ccd0d2; }

.mod-menu-panel { position: relative; width: 240px; height: 120px; }
@media screen and (max-width: 650px) { .mod-menu-panel { display: none; } }
.mod-menu-panel .img { position: absolute; top: 0; left: 0; }
.mod-menu-panel .img img { width: 240px; height: 120px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mod-menu-panel a { position: absolute; top: 0; left: 0; display: block; width: 240px; height: 120px; text-decoration: none; overflow: hidden; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mod-menu-panel a .text-container { z-index: 100; font-size: 93%; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mod-menu-panel a .text-container p { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 134px; height: 20px; padding: 0 5px 0 10px; background: url("../images/bg_title.png") 0 0 no-repeat ; color: #fff; font-size: 104%; letter-spacing: 3px; line-height: 16px; z-index: 20; }
.mod-menu-panel a .text-container p:before { content: ""; position: absolute; top: 0; right: -50px; display: block; width: 50px; height: 20px; background: url("../images/bg_title.png") 100% 0 no-repeat; }
.mod-menu-panel a:hover .text-container { color: #dddddd; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 10; }
.mod-menu-panel a:hover:before { position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background: url("../images/bg_panel.png") 0 0 repeat; z-index: 5; }

.mod-menu-panel2 { position: relative; width: 240px; height: 0px; }
@media screen and (max-width: 650px) { .mod-menu-panel2{ display: none; } }
.mod-menu-panel2 .img { position: absolute; top: -240px; left: 300px; }
.mod-menu-panel2 .img img { width: 360px; height: 240px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.menu-panel { position: relative; width: 240px; height: 530px; margin-bottom: 20px; border: 1px solid #fff; z-index: 10; }
.menu-panel:nth-child(-n+5) { display: block; } 
.menu-panel:after { content: ''; position: absolute; top: 50%; left: -19px; display: block; margin-top: -10px; width: 18px; height: 20px; background: url("../images/icn_arrow_.png") 0 0 no-repeat; text-indent: -9999px; }
.menu-panel .text-container { position: relative; z-index: 10; }
.menu-panel a { position: absolute; top: 0; left: 0; display: block; width: 239px; height: 528px; text-decoration: none; overflow: hidden; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu-panel a:hover:hover:before { position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background: url("../images/bg_panel.png") 0 0 repeat; z-index: 5; }
.menu-panel.type-image .img { position: absolute; top: 0; left: 0; }
.menu-panel.type-image .img img { width: 239px; height: 528px; }
.menu-panel.type-image .text-container { position: absolute; top: 0; left: 0; z-index: 10; }
.menu-panel.type-image .text-container h1 { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 134px; height: 20px; padding: 2px 5px 0 15px; font-size: 100%; line-height: 1.1;letter-spacing: 5px; background: url("../images/bg_title.png") 0 0 no-repeat; color: #fff; }
.menu-panel.type-image .text-container h1:before { content: ""; position: absolute; top: 0; right: -50px; display: block; width: 50px; height: 20px; background: url("../images/bg_title.png") 100% 0 no-repeat; }
.menu-panel.type-image .text-container h1 a:hover { background: url("../images/bg_title_on.png") 0 0 no-repeat #dddddd; }
.menu-panel.type-image .text-container h1 a:hover:before { background: url("../images/bg_title_on.png") 100% 0 no-repeat; }
.menu-panel.type-text h1 { line-height: 1.6; }
.menu-panel.type-text p { margin: 0 0 6px; font-weight: bold; }
.menu-panel.type-text .text-container { position: relative; padding: 20px; z-index: 100; font-size: 93%; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu-panel.type-text:hover .text-container { color: #dddddd; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.menu-panel.type-text:hover .text-container h1, .menu-panel.type-text:hover .text-container p { background-color: #fff; }
.mod-recommend-panel { position: relative; width: 240px; height: 120px; margin-bottom: 20px; border: 1px solid #fff; z-index: 10; }
@media screen and (max-width: 650px) { .mod-recommend-panel { display: none; width: 580px; height: 290px; margin: 0 auto 40px; border: 2px solid #fff; }
.mod-recommend-panel:nth-child(-n+5) { display: block; } }
.mod-recommend-panel:after { content: ''; position: absolute; top: 50%; left: -19px; display: block; margin-top: -10px; width: 18px; height: 20px; background: url("../images/icn_arrow_.png") 0 0 no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-recommend-panel:after { display: none; } }
.mod-recommend-panel .text-container { position: relative; z-index: 10; }
.mod-recommend-panel a { position: absolute; top: 0; left: 0; display: block; width: 239px; height: 118px; text-decoration: none; overflow: hidden; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media screen and (max-width: 650px) { .mod-recommend-panel a { width: 580px; height: 290px; } }
.mod-recommend-panel a:hover:hover:before { position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background: url("../images/bg_panel.png") 0 0 repeat; z-index: 5; }
.mod-recommend-panel.type-image .img { position: absolute; top: 0; left: 0; }
.mod-recommend-panel.type-image .img img { width: 239px; height: 119px; }
@media screen and (max-width: 650px) { .mod-recommend-panel.type-image .img img { width: 580px; height: 290px; } }
.mod-recommend-panel.type-image .text-container { position: absolute; top: 0; left: 0; z-index: 10; }
.mod-recommend-panel.type-image .text-container h1 { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 134px; height: 20px; padding: 2px 5px 0 15px; font-size: 100%; line-height: 1.1;letter-spacing: 5px; background: url("../images/bg_title.png") 0 0 no-repeat; color: #fff; }
@media screen and (max-width: 650px) { .mod-recommend-panel.type-image .text-container h1 { vertical-align: top; line-height: 1.4; min-width: 268px; height: 40px; padding: 0 10px 0 40px; background: url("../images/bg_title2.png") 0 0 no-repeat #3a474f; } }
.mod-recommend-panel.type-image .text-container h1:before { content: ""; position: absolute; top: 0; right: -50px; display: block; width: 50px; height: 20px; background: url("../images/bg_title.png") 100% 0 no-repeat; }
@media screen and (max-width: 650px) { .mod-recommend-panel.type-image .text-container h1:before { right: -100px; width: 100px; height: 40px; background: url("../images/bg_title2.png") 100% 0 no-repeat; } }
.mod-recommend-panel.type-image .text-container h1 a:hover { background: url("../images/bg_title_on.png") 0 0 no-repeat #dddddd; }
@media screen and (max-width: 650px) { .mod-recommend-panel.type-image .text-container h1 a:hover { background-image: url("../images/bg_title2_on.png"); } }
.mod-recommend-panel.type-image .text-container h1 a:hover:before { background: url("../images/bg_title_on.png") 100% 0 no-repeat; }
@media screen and (max-width: 650px) { .mod-recommend-panel.type-image .text-container h1 a:hover:before { background-image: url("../images/bg_title2_on.png"); } }
@media screen and (max-width: 650px) { .mod-recommend-panel.type-text { margin-top: -2px; } }
.mod-recommend-panel.type-text h1 { line-height: 1.6; }
.mod-recommend-panel.type-text p { margin: 0 0 6px; font-weight: bold; }
.mod-recommend-panel.type-text .text-container { position: relative; padding: 20px; z-index: 100; font-size: 93%; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
@media screen and (max-width: 650px) { .mod-recommend-panel.type-text .text-container { padding: 40px; font-size: 24px; } }
.mod-recommend-panel.type-text:hover .text-container { color: #dddddd; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.mod-recommend-panel.type-text:hover .text-container h1, .mod-recommend-panel.type-text:hover .text-container p { background-color: #fff; }

.mod-side-nav-block { display: block; position: relative; width: 100%; border: 1px solid #3a474f; }
@media screen and (max-width: 650px) { .mod-side-nav-block { margin-top: 30px; } }
.mod-side-nav-block .title { display: block; width: 100%; padding: 5% 16px; background-color: #3a474f; color: #fff; font-size: 116%; font-weight: bold; }
@media screen and (max-width: 650px) { .mod-side-nav-block .title { padding: 5% 26px; } }
.mod-side-nav-block .js-mod-slide-down-content-btn { background: url("../images/icn_open.png") 96% 50% no-repeat #3a474f; cursor: pointer; }
@media screen and (max-width: 650px) { .mod-side-nav-block .js-mod-slide-down-content-btn { background: url("../images/retina-sprite/icn_plus_blue.png") 95% 50% no-repeat #3a474f; } }
.mod-side-nav-block .js-mod-slide-down-content-btn:hover { background-color: #516471; }
.mod-side-nav-block .js-mod-slide-down-content-btn.state-open { background-image: url("../images/icn_close.png"); }
@media screen and (max-width: 650px) { .mod-side-nav-block .js-mod-slide-down-content-btn.state-open { background-image: url("../images/retina-sprite/icn_minus.png"); } }
.mod-side-nav-block .link-title a { position: relative; display: block; width: 100%; padding: 5% 16px; background-color: #3a474f; color: #fff; font-size: 116%; font-weight: bold; text-decoration: none; }
@media screen and (max-width: 650px) { .mod-side-nav-block .link-title a { padding: 5% 26px; } }
.mod-side-nav-block .link-title a:before { content: ''; position: absolute; top: 50%; right: 16px; margin-top: -7px; display: block; width: 14px; height: 15px; background: url('../images/sprite.png') 0 -613px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-side-nav-block .link-title a:before { right: 5%; margin-top: -14px; display: block; width: 24px; height: 28px; background: url('../images/retina-sprite.png') 0 -1010px no-repeat; text-indent: -9999px; } }
.mod-side-nav-block .link-title a:hover { background-color: #516471; }
.mod-side-nav-block .inner-box { padding: 18px 15px; }
@media screen and (max-width: 650px) { .mod-side-nav-block .inner-box { padding: 40px 40px; } }
.mod-side-nav-block .mod-blank-link:link { color: #dddddd; }
.mod-side-nav-block .mod-blank-link:visited { color: #dddddd; }
.mod-side-nav-block .mod-blank-link:hover { color: #dddddd; }
.mod-side-nav-block .mod-blank-link:active { color: #dddddd; }

.mod-side-bnr-block { position: relative; display: table; width: 100%; border: 1px solid #3a474f; }
@media screen and (max-width: 650px) { .mod-side-bnr-block { margin-top: 30px; } }
.mod-side-bnr-block.type-irmail a { background: url("../images/icn-mail.png") 23px 50% white no-repeat; }
@media screen and (max-width: 650px) { .mod-side-bnr-block.type-irmail a { background: url("../images/retina-sprite/icn_bnr_mail.png") 44px 50% white no-repeat; } }
.mod-side-bnr-block.type-faq a { background: url("../images/icn-qa.png") 22px 50% white no-repeat; }
@media screen and (max-width: 650px) { .mod-side-bnr-block.type-faq a { background: url("../images/retina-sprite/icn_bnr_faq.png") 44px 50% white no-repeat; } }
.mod-side-bnr-block.type-digest a { background: url("../images/icn-book.png") 22px 50% white no-repeat; }
@media screen and (max-width: 650px) { .mod-side-bnr-block.type-digest a { background: url("../images/retina-sprite/icn_bnr_digest.png") 44px 50% white no-repeat; } }
.mod-side-bnr-block.type-vision a { background: url("../images/icn-eye.png") 22px 50% white no-repeat; }
@media screen and (max-width: 650px) { .mod-side-bnr-block.type-vision a { background: url("../images/retina-sprite/icn_bnr_vision.png") 44px 50% white no-repeat; } }
.mod-side-bnr-block.type-vision a:before { position: absolute; top: 50%; right: 16px; content: ''; margin-top: -8px; display: block; width: 16px; height: 16px; background: url('../images/sprite.png') 0 -928px no-repeat; text-indent: -9999px; }
@media screen and (max-width: 650px) { .mod-side-bnr-block.type-vision a:before { right: 44px; margin-top: -16px; display: block; width: 32px; height: 32px; background: url('../images/retina-sprite.png') 0 -2048px no-repeat; text-indent: -9999px; } }
.mod-side-bnr-block a { position: relative; display: table-cell; width: 100%; height: 80px; padding: 0 0 0 74px; text-decoration: none; font-size: 108%; vertical-align: middle; line-height: 1.6; }
.mod-side-bnr-block a:hover { background-color: #dddfe1; }
@media screen and (max-width: 650px) { .mod-side-bnr-block a { height: 160px; padding: 0 0 0 140px; } }

.right {
    font-size: 0.8em;
    text-align: right;
}

/* for FLOW */

.flow {
  list-style: none;
}
.flow > li {
  margin-bottom: 60px;
}
@media ( min-width : 640px ){
  .flow > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .flow-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .flow-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .flow-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}
.timeline {
position: relative;
margin: 3em auto;
}
.timeline:before {
position: absolute;
top: 0;
width: 4px;
height: 100%;
content: '';
background-color: #e5e5d1;
left: 30px;
}
.timeline .timeline_group {
position: relative;
padding-top: 55px;
}
.timeline .timeline_group:not(:first-of-type) {
margin-top: 4rem;
}
.timeline .time_year {
position: absolute;
top: -30px;
left: 0;
padding: 0.5rem 1.5rem;
color: #fff;
background-color: #463D3D;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.timeline .timeline_item {
margin-bottom: 1em;
position: relative;
padding-left: 80px;
}
.timeline .timeline_item:not(:last-of-type) {
margin-bottom: 2em;
}
.timeline .timeline_item:before {
position: absolute;
z-index: -1;
left: 0;
width: 100%;
height: 3px;
content: '';
background-color: #e5e5d1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.timeline .time {
position: absolute;
left: 0;
box-sizing: border-box;
min-width: 65px;
min-height: 65px;
padding: 0.5em 0.5em;
text-align: center;
color: #fff;
background-color: #6fc173;
top: 50%;
margin-top: -33px;
border-radius: 65px;
line-height: 120%;
}
.timeline .time_day {
font-size: 1em;
font-weight: 600;
display: block;
margin-top: 10px;
}
.timeline .time_single{
font-size: 1em;
font-weight: 600;
display: block;
margin-top: 16px;
}
.timeline .time_month {
font-size: 0.8em;
display: block;
text-transform: uppercase;
}
.timeline .desc {
padding: 0.5em 1em;
border-left: 3px solid #6fc173;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
font-size: 0.9em;
}
.timeline .desc .flag {
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0;
padding-bottom: 0.3em;
}
.smart_br {
display:none;        
    }
@media only screen and (max-width: 767px)
{
#plan br{
display: none;
    }
.timeline:before {
left: 0;
}
.timeline .timeline_group {
padding-top: 40px;
}
.timeline .timeline_item {
padding-top: 60px;
padding-left: 20px;
}
.timeline .timeline_item:before {
top: 90px;
}
.timeline .time {
top: 40px;
border-radius: 0 20px 20px 0;
min-height: 2em;
}
.timeline .time_year {
margin-bottom: 10px;
}
.timeline .time_day,
.timeline .time_single,
.timeline .time_month {
display: inline-block;
margin-top: 0px;
}
.timeline .desc {
font-size: 0.8em;
margin-top: 5px;
}
.smart_br {
display:block;        
}
#dl-menu a {
    text-decoration: none;
    font-size: 0.95em;
}
}
.circle{
  display: inline-block;
  width: 80px;
  height: 80px;
  text-align:center;
  line-height: 80px;
  border-radius: 50%;
  border: solid 3px skyblue;
}
#footerFloatingMenu {
    display: none;
}
#footerFloatingMenu img {
    max-width: 50%;
	height: auto;
}

@media screen and (max-width: 766px) {
    #footerFloatingMenu img {
    max-width: 92%;
	width: auto;
	height: auto;
}
#footerFloatingMenu {
    display: block;
    position: fixed;
    left: 0px;
    bottom: 30px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
}

@media print { * html body { zoom: .7; }
  body { background-color: #fff; }
  #site-header, #site-footer, .frame-side, .mod-print-btn, .mod-search-container, .mod-rss-link, .mod-pagination, .mod-pagetop, .mod-history-recommend, .mod-print-btn, .mod-view-website-btn, .mod-btn-base, .video-container, .mod-btn-base2, .mod-print-pdf { display: none !important; }
  #site-body { padding-top: 0 !important; font-size: 12pt; }
  #site-body .frame-main { width: 90% !important; float: none !important; margin: 0 auto !important; } }