@charset "UTF-8";
/****************************************
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/*Custom*/
sup { vertical-align: text-top; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

img { border: none; vertical-align: bottom; font-size: 0; }

.clearfix:after { content: ''; display: block; clear: both; }

.clearfix { zoom: 1; }

html, body { height: 100%; overflow: hidden; }

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; color: #666; line-height: 1.8; }

sup, sub { font-size: 9px; }

.wrap { width: 940px; margin: 0 auto; }

.moveTop, .moveBottom { display: block; }

.moveTop { position: relative; width: 200px; height: 26px; }

.moveBottom { height: 40px; }

.shadow { position: absolute; height: 17px; font-size: 0; text-align: center; clear: both; overflow: hidden; }

.header { position: relative; }
.header .title { background: url(../img/bg_dotted.gif) repeat 0 0; }
.header .title p { float: left; }
.header .title ul li { float: right; width: 174px; padding-left: 2px; }
.header .title ul li a { background: url(../img/header_btn_bg.jpg) no-repeat 0 0; }
.header .navContainer { position: relative; overflow: hidden; }
.header .nav { width: 942px; }
.header .nav ul li { float: left; width: 157px; text-align: center; }
.header .nav ul li a { display: block; }

#dummyFrame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#dummyFrame #fixedMenu { position: absolute; height: 90px; top: -107px; z-index: 1000; *zoom: 1; }
#dummyFrame #fixedMenu .header { background: #fff; }
#dummyFrame #fixedMenu .header .title p { height: 28px; padding-top: 8px; font-size: 0; }
#dummyFrame #fixedMenu .header .nav { position: relative; z-index: 1010; }
#dummyFrame #fixedMenu .header .nav li { background: url(../img/header_nav_line_s.gif) no-repeat right center; font-size: 0; }
#dummyFrame #fixedMenu .header .nav li a { height: 51px; }
#dummyFrame #fixedMenu .header .nav li a.nav1 { background: url("../img/header_nav1_s.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav1:hover { background: url("../img/header_nav1_s_on.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav2 { background: url("../img/header_nav2_s.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav2:hover { background: url("../img/header_nav2_s_on.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav3 { background: url("../img/header_nav3_s.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav3:hover { background: url("../img/header_nav3_s_on.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav4 { background: url("../img/header_nav4_s.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav4:hover { background: url("../img/header_nav4_s_on.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav5 { background: url("../img/header_nav5_s.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav5:hover { background: url("../img/header_nav5_s_on.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav6 { background: url("../img/header_nav6_s.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a.nav6:hover { background: url("../img/header_nav6_s_on.gif") no-repeat center center; }
#dummyFrame #fixedMenu .header .nav li a span { display: none; }
#dummyFrame #fixedMenu .header .shadow { top: 100%; width: 100%; }

#main { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: auto; z-index: 1; }
#main .header { background: #F0F4F4; }
#main .header .title p { padding-top: 9px; }
#main .header .title p img { padding-right: 14px; }
#main .header .nav li { background: url(../img/header_nav_line_b.gif) no-repeat right center; }
#main .header .nav li a { height: 72px; padding-top: 33px; }
#main .header .nav li a.nav1 { background: url("../img/header_nav1_b.gif") no-repeat center center; }
#main .header .nav li a.nav1:hover { background: url("../img/header_nav1_b_on.gif") no-repeat center center; }
#main .header .nav li a.nav2 { background: url("../img/header_nav2_b.gif") no-repeat center center; }
#main .header .nav li a.nav2:hover { background: url("../img/header_nav2_b_on.gif") no-repeat center center; }
#main .header .nav li a.nav3 { background: url("../img/header_nav3_b.gif") no-repeat center center; }
#main .header .nav li a.nav3:hover { background: url("../img/header_nav3_b_on.gif") no-repeat center center; }
#main .header .nav li a.nav4 { background: url("../img/header_nav4_b.gif") no-repeat center center; }
#main .header .nav li a.nav4:hover { background: url("../img/header_nav4_b_on.gif") no-repeat center center; }
#main .header .nav li a.nav5 { background: url("../img/header_nav5_b.gif") no-repeat center center; }
#main .header .nav li a.nav5:hover { background: url("../img/header_nav5_b_on.gif") no-repeat center center; }
#main .header .nav li a.nav6 { background: url("../img/header_nav6_b.gif") no-repeat center center; }
#main .header .nav li a.nav6:hover { background: url("../img/header_nav6_b_on.gif") no-repeat center center; }
#main .header .nav li a span { display: none; }
#main .header .shadow { top: 100%; width: 100%; }
#main #contentsContainer { *zoom: 1; overflow: hidden; }
#main #contentsContainer .content { min-width: 940px; width: 100% !important; width: 100%; position: relative; padding-top: 60px; overflow: hidden; }
#main #contentsContainer .content .shadow { top: 0; margin-left: -12px; }
#main #contentsContainer h3 { font-size: 16px; margin: 32px 0 18px; }
#main #contentsContainer #title { padding-bottom: 76px; }
#main #contentsContainer #title h1 { text-align: center; margin: 37px 0 52px; }
#main #contentsContainer #title p { text-align: center; }
#main #contentsContainer #why { background: url(../img/bg_stripe1.gif) repeat 0 0; padding-bottom: 54px; }
#main #contentsContainer #why .imgBox { text-align: center; margin-top: 46px; }
#main #contentsContainer #what { padding-bottom: 56px; }
#main #contentsContainer #what h3 { margin-bottom: 35px; }
#main #contentsContainer #what ul { margin-bottom: 55px; }
#main #contentsContainer #what ul li { margin-bottom: 20px; }
#main #contentsContainer #what ul li dl { display: table; }
#main #contentsContainer #what ul li dl dt, #main #contentsContainer #what ul li dl dd { display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; }
#main #contentsContainer #what ul li dl dt { border: 5px solid #f2b85f; width: 140px; height: 70px; text-align: center; font-size: 0; }
#main #contentsContainer #what ul li dl dt img { *padding-top: 25px; }
#main #contentsContainer #what ul li dl dd { width: 759px; padding-left: 30px; }
#main #contentsContainer #what .imgBox p { background: url(../img/what_arrow.jpg) no-repeat 564px center; }
#main #contentsContainer #what .imgBox p img { padding-left: 60px; padding-right: 20px; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
#main #contentsContainer #what .imgBox p span { text-align: center; font-size: 16px; color: #f2b85f; font-weight: bold; line-height: 2.8; display: inline-block; vertical-align: middle; width: 340px; *display: inline; *zoom: 1; }
#main #contentsContainer #structure { background: #FBFBEF; padding-bottom: 57px; }
#main #contentsContainer #structure .imgBox { margin-top: 57px; }
#main #contentsContainer #structure .imgBox p { padding-left: 76px; }
#main #contentsContainer #structure .imgBox ul { margin: 11px 0 16px; }
#main #contentsContainer #structure .imgBox ul li { float: left; }
#main #contentsContainer #structure .imgBox ul li.first { width: 76px; }
#main #contentsContainer #structure .imgBox ul li.step { width: 261px; }
#main #contentsContainer #structure .imgBox ul li.step span { display: block; padding-left: 21px; margin-top: -15px; }
#main #contentsContainer #structure .imgBox ul li.step span a { background: url(../img/structure_detail_bg.jpg) no-repeat 0 0; }
#main #contentsContainer #structure .imgBox ul li.last { width: 81px; }
#main #contentsContainer #thema { background: url(../img/bg_stripe2.gif) repeat 0 0; padding-bottom: 96px; }
#main #contentsContainer #thema sup { font-size: 8px; }
#main #contentsContainer #thema #themaList { background: #fff; border: 5px solid #D8E051; text-align: center; word-break: keep-all; padding: 20px; }
#main #contentsContainer #thema #themaList li { display: inline-block; *display: inline; *zoom: 1; font-size: 18px; font-weight: bold; color: #D8E051; line-height: 2.6; letter-spacing: -1px; padding-right: 10px; }
#main #contentsContainer #management { background: #F1F3EC; }
#main #contentsContainer #management .wrap { background: url(../img/management_img.jpg) no-repeat 0 bottom; padding-bottom: 470px; }
#main #contentsContainer #management .imgBox { display: none; }
#main #contentsContainer #contact { padding-top: 80px; padding-bottom: 70px; }
#main #contentsContainer #contact h2 { margin-bottom: 66px; }
#main #contentsContainer #contact p { float: left; width: 627px; }
#main #contentsContainer #contact p img { vertical-align: baseline; }
#main #contentsContainer #contact p img.logo { margin-right: 56px; }
#main #contentsContainer #contact #email { float: left; width: 181px; padding: 18px 0 0 19px; }
#main #contentsContainer #contact #email a { background: url(../img/contact_mail_bg.gif) no-repeat 0 0; }
#main #contentsContainer #footer { background: url(../img/bg_dotted.gif) repeat 0 0; padding: 9px 0; }
#main #contentsContainer #footer ul { float: left; }
#main #contentsContainer #footer ul li { float: left; width: 128px; padding-right: 24px; }
#main #contentsContainer #footer ul li a { display: block; height: 21px; overflow: hidden; *zoom: 1; }
#main #contentsContainer #footer ul li a span { display: none; }
#main #contentsContainer #footer ul li a#privacy { background: url(../img/footer_privacy.gif) no-repeat 0 0; }
#main #contentsContainer #footer ul li a#privacy:hover { background-position: 0 -21px; }
#main #contentsContainer #footer ul li a#note { background: url(../img/footer_note.gif) no-repeat 0 0; }
#main #contentsContainer #footer ul li a#note:hover { background-position: 0 -21px; }
#main #contentsContainer #footer p { float: right; }

#lightwindowSet { display: none; }

.lightwindowContainer#about { width: 624px; padding: 50px 38px; }
.lightwindowContainer#about h2 { margin-bottom: 38px; }
.lightwindowContainer.stepLight { width: 640px; padding: 30px; }
.lightwindowContainer.stepLight#step1 { background: url(../img/step1_img.jpg) no-repeat 295px 75px; }
.lightwindowContainer.stepLight#step2 { background: url(../img/step2_img.jpg) no-repeat 362px 87px; }
.lightwindowContainer.stepLight#step3 { background: url(../img/step3_img.jpg) no-repeat 304px 61px; }
.lightwindowContainer.stepLight#step3 p { padding-bottom: 100px; }
.lightwindowContainer.stepLight h2 { margin-bottom: 25px; }
.lightwindowContainer.stepLight p { font-size: 16px; line-height: 1.5; margin: 30px 0 15px; }
.lightwindowContainer.stepLight ul li { line-height: 1.5; }