@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

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

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

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

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

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

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

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

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

button[disabled], html input[disabled] { cursor: default; }

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

input { line-height: normal; }

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

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

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

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

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/*  reset
--------------------------------------- */
h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; font-size: 100%; }

ul, ol { list-style: none; }

img { vertical-align: bottom; }

/*  base
--------------------------------------- */
/*  common
--------------------------------------- */
body { color: black; font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 75%; -webkit-text-size-adjust: 100%; line-height: 1.6; }

a { text-decoration: none; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #e60012; text-decoration: underline; }
a:focus { color: #e60012; text-decoration: underline; }
a:active { color: #e60012; text-decoration: underline; }

img { display: block; margin: 0 auto; }

.clearfix { *zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#wrapper { margin: 0 auto; text-align: center; }

.container { width: 980px; margin: 0 auto; text-align: left; }

.row { *zoom: 1; }
.row:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.left { float: left; }

.right { float: right; }

#header { width: 100%; z-index: 9999; }
#header #h_logo .container { text-align: left; }
#header #h_logo .container img { margin-left: 0; }
#header #h_nav { background: #080532; padding: 14px 0; width: 100%; *zoom: 1; }
#header #h_nav:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header #h_nav .left { width: 735px; *zoom: 1; }
#header #h_nav .left:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header #h_nav .left li { float: left; width: 147px; }
#header #h_nav .right { width: 244px; *zoom: 1; }
#header #h_nav .right:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header #h_nav .right li { float: left; width: 112px; margin-left: 10px; }
#header #h_nav .right li.el_01 { _margin-left: 0; }
#header #h_nav_sub { background: #FFFFFF; border-bottom: 1px solid #CCCCCC; *zoom: 1; }
#header #h_nav_sub:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header #h_nav_sub .left { width: 313px; }
#header #h_nav_sub .right { width: 244px; *zoom: 1; }
#header #h_nav_sub .right:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header #h_nav_sub .right li { float: left; margin-left: 20px; }
#header #h_nav_sub .right li.el_01 { width: 54px; _margin-left: 0; }
#header #h_nav_sub .right li.el_02 { width: 49px; }
#header #h_nav_sub .right li.el_03 { width: 79px; }

#footer { background: #080532; color: #FFFFFF; padding-top: 14px; }
#footer a { color: #FFFFFF; }
#footer p { padding-bottom: 14px; }

#main { background: url("../img/main_bg.gif") repeat left top; }
#main .container { padding: 20px 0 70px; }
#main h2 { padding-bottom: 30px; }
#main .content_block { border: 1px solid #e2dcbd; background: #FFFFFF; padding: 30px; }
#main p { margin-bottom: 28px; }
#main a { color: #3566bc; text-decoration: underline; }
#main .mb15 { margin-bottom: 15px; }

#main { background: #FFFFFF; }
#main .container { padding: 100px 10px; }
#main h2 { padding-bottom: 0; }
#main p { margin-bottom: 0; }

#mv { height: 560px; }
#mv .container { position: relative; }
#mv #h_logo { position: absolute; left: 10px; top: 10px; width: 128px; height: 125px; }
#mv .lead { position: absolute; left: 10px; top: 230px; width: 400px; height: 248px; }
#mv #slide-list { position: absolute; width: 60px; height: 10px; right: 0; top: 540px; *zoom: 1; }
#mv #slide-list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#mv #slide-list li { float: left; width: 10px; height: 10px; margin-left: 8px; }
#mv #slide-list li a { width: 10px; height: 10px; background: #d1d1d1; display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#mv #slide-list li a:hover { background: #ceae01; }
#mv #slide-list li.current-slide a { background: #ceae01; }

#sec01 { background: url("../img/top/sec01_bg.jpg") repeat left top; }
#sec01 h2 { padding-bottom: 48px; }
#sec01 .text { padding-bottom: 47px; }

#sec02 { background: url("../img/top/sec02_bg.jpg") no-repeat center top; }
#sec02 .container { padding-bottom: 20px; }

#sec02_01 { background: url("../img/top/sec02_01_bg.png") repeat-x left bottom; }
#sec02_01:after { background: url("../img/top/sec02_01_btm.gif") no-repeat center top #FFFFFF; content: ""; display: block; height: 33px; }
#sec02_01 .container { padding-top: 0; padding-bottom: 40px; }
#sec02_01 h3 { padding-bottom: 60px; }
#sec02_01 .text { background: url("../img/top/sec02_01_img.jpg") no-repeat right top; }
#sec02_01 .support_item { float: left; width: 326px; min-height: 350px; }

#sec02_02 .container { padding-top: 18px; padding-bottom: 40px; }
#sec02_02 .text { position: relative; width: 980px; margin-top: 30px; }
#sec02_02 .text p { padding-top: 95px; padding-bottom: 106px; }
#sec02_02 .text li { position: absolute; width: 268px; height: 282px; }
#sec02_02 .text li.el_01 { top: 0px; left: 357px; }
#sec02_02 .text li.el_03 { top: 199px; right: 14px; }
#sec02_02 .text li.el_04 { top: 555px; right: 95px; }
#sec02_02 .text li.el_05 { top: 555px; left: 95px; }
#sec02_02 .text li.el_06 { top: 199px; left: 14px; }

#sec02_03 { background: #f0f0f6; }
#sec02_03:before { background: url("../img/top/sec02_02_btm.gif") no-repeat center top; content: ""; display: block; height: 33px; }
#sec02_03 .container { padding-top: 18px; }
#sec02_03 h3 { padding-bottom: 50px; }
#sec02_03 .lead { padding-bottom: 30px; }
#sec02_03 ul { *zoom: 1; }
#sec02_03 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#sec02_03 ul li { float: left; width: 192px; }
#sec02_03 ul li.el_01 { width: 247px; }
#sec02_03 ul li.el_05 { width: 157px; }

#sec03 .container { padding-bottom: 21px; }
#sec03 h2 { padding-bottom: 58px; }
#sec03 h3 { padding-bottom: 38px; }
#sec03 .section { padding-bottom: 65px; }
#sec03 .mention { padding-top: 20px; text-align: center; }

#sec04 { background: url("../img/top/sec04_bg.jpg") repeat left bottom; }
#sec04 .container { padding-bottom: 0; }
#sec04 h2 { padding-bottom: 58px; }
#sec04 .section { padding-bottom: 80px; }
#sec04 h3 { padding-bottom: 38px; }
#sec04 .row { background: #FFFFFF; margin-bottom: 20px; }
#sec04 .row p { padding-top: 29px; padding-bottom: 29px; }
#sec04 #sec04_01 .left { width: 380px; }
#sec04 #sec04_01 .right { width: 600px; }

#sec05 { background: url("../img/top/sec05_bg.png") repeat-x left bottom #ffffff; }
#sec05 .container { padding-bottom: 0; }
#sec05 h2 { padding-bottom: 58px; }
#sec05 .section { padding-bottom: 20px; }
#sec05 h3 { padding-bottom: 60px; }
#sec05 .left { width: 380px; }
#sec05 .right { width: 550px; }
#sec05 .right p { padding-bottom: 20px; }
#sec05 .row_2 .left { float: right; }
#sec05 .row_2 .right { float: left; }
#sec05 .row_2 ul .left { float: left; }
#sec05 .row_2 ul .right { float: right; }
#sec05 ul { *zoom: 1; padding-bottom: 13px; }
#sec05 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#sec05 ul .left { width: 258px; }
#sec05 ul .right { width: 260px; }
#sec05 hr { background: url("../img/top/sec05_01_hr.png") no-repeat center center; height: 1px; margin: 20px 0 40px; }

#sec05_02 { background: url("../img/top/sec05_02_bg.png") no-repeat right bottom; position: relative; width: 980px; margin: 0 auto; }
#sec05_02 ul { padding: 0; margin-bottom: 100px; *zoom: 1; }
#sec05_02 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#sec05_02 ul li { float: left; width: 325px; }
#sec05_02 ul li.sec05_02_03 { width: 330px; }
#sec05_02 ul li.sec05_02_04 { width: 330px; }
#sec05_02 ul li.sec05_02_05 { margin-top: -40px; }
#sec05_02 ul li.sec05_02_08 { clear: both; }
#sec05_02 ul li.sec05_02_09 { margin-top: -30px; }
#sec05_02 ul li.sec05_02_10 { width: 330px; margin-top: -30px; }

#sec06 .container { padding-top: 72px; padding-bottom: 36px; }
#sec06 .left { position: relative; width: 458px; height: 232px; }
#sec06 .right { position: relative; width: 458px; height: 232px; }
#sec06 a { position: absolute; display: block; margin: 0 auto; top: 160px; width: 268px; height: 49px; left: 95px; }

#sec07 .container { padding-top: 36px; padding-bottom: 72px; }
#sec07 h2 { padding-bottom: 30px; }
#sec07 p { padding-bottom: 36px; }
#sec07 ul { *zoom: 1; }
#sec07 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#sec07 ul li { float: left; width: 142px; margin-right: 10px; }
#sec07 ul li.sec07_01 { width: 249px; }
#sec07 ul li.last { margin-right: 0; }

#sec08 .container { padding-top: 0; padding-bottom: 72px; }
#sec08 h2 { padding-bottom: 28px; }
#sec08 ul { *zoom: 1; text-align: center; }
#sec08 ul li { display: inline-block; margin: 0 4px; }

#sec09 .container { padding-top: 0; padding-bottom: 72px; }
#sec09 h2 { padding-bottom: 28px; }
#sec09 ul { width: 650px; margin: 0 auto; *zoom: 1; }
#sec09 ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#sec09 ul li { float: left; margin-right: 8px; }
#sec09 ul li.el_01 { width: 90px; }
#sec09 ul li.el_02 { width: 131px; }
#sec09 ul li.el_03 { width: 398px; margin-right: 0; padding-top: 6px; }