@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#000; background:#000; font:16px helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; line-height:1.8; text-align:center; min-width:1050px;_display: inline;_zoom:1;  }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#0000ff; text-decoration:underline; }
a:hover{ color:#ff8000; text-decoration:underline; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }

/* color */
.txt-red{ color:#e90000; font-weight:bold; }
.txt-blue{ color:#004bd5; font-weight:bold; }

/*indent */
.idt , ul.assist li , .system li{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }

.underline{ text-decoration:underline; }
.underline-double{ border-bottom:double medium; }

.waveline{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-red{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-blue{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }

.marker{background-color:#fff600; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }
.smt70{ margin-top:70px !important; }
.smt100{ margin-top:100px !important; }
.smt200{ margin-top:200px !important; }
.smt-10{ margin-top:-10px !important; }
.smt-20{ margin-top:-20px !important; }
.smt-30{ margin-top:-30px !important; }
.smt-45{ margin-top:-45px !important; }
.smt-180{ margin-top:-180px !important; }
.smt-210{ margin-top:-210px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }
.smb-30{ margin-bottom:-30px !important; }

.sml0{ margin-left:0px !important; }
.sml10{ margin-left:10px !important; }
.sml25{ margin-left:25px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }
.sml-10{ margin-left:-10px !important; }
.sml65{ margin-left:65px !important; }

.smr0{ margin-right:0px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }
.smr60{ margin-right:50px !important; }
.smr100{ margin-right:100px !important; }

/* paragraph */
p{ margin:0 50px 30px; }
p.lh-reset{ line-height:1.0; }

/* original frame */
.box{ margin:0 50px; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.4); }

table{ border-collapse:separate; border-spacing:1px; background-color:#cdcdcd; line-height:2; font-size:14px; width:860px; margin:0 auto; }
table th , table td{ border:1px solid #fff; padding:5px 10px; }
table th{ font-weight:bold; background-color:#cdcdcd; width:22%; vertical-align:middle; }
table td{ background-color:#fff; }
table ol{ margin-left:20px; }

ul.assist{ font-size:12px; padding:15px 25px 12px; line-height:1.6; border:solid 1px #cdcdcd; }

.system{ font-size:14px; }

dl.rule{ padding:20px; background-color:#f6f6f6; border-radius:3px; border:solid 1px #cdcdcd; font-size:12px; line-height:1.6; text-align:left; }
dl.rule dt{ font-weight:bold; font-size:14px; text-align:center; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:960px; margin:0 auto; position:relative; overflow:hidden; }
.contents .wrap{ text-align:left; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header .wrap { position:relative; height:100px; width:1010px; }
.header .wrap .pre{ position:absolute; top:0px; left:0px; }
.header .wrap .txt{ position:absolute; top:7px; right:0px; }


/* top **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top{ background:url(../images/top_bg.jpg) no-repeat center top; height:1520px; margin-top:-100px; }


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.intro { background:url(../images/intro_bg.png) no-repeat center top; margin-top:120px; text-align:center; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background:url(../images/contents_bg.jpg) center top repeat-y; margin-top:0px; padding:40px 0 10px; }
.contents h2.type1{ background:url(../images/title_type1_base.png) repeat-x center top; height:255px; margin:30px 0 -10px; }

.section2 .movie{ background:url(../images/sec2_movie_bg.png) no-repeat; width:738px; height:522px; padding:120px 45px; margin:0 auto;}
.section2 .box{ width:720px; margin:0 auto; }

.section3 .sp h3{ position:absolute; top:-35px; left:10px; }
.section3 .sp{ background:url(../images/sec3_sp_bg.jpg) repeat-y; margin:40px auto 10px; width:840px; box-shadow: 0px 1px 5px 0px rgba(55, 48, 100, 0.6); border:solid 1px #50497d; position:relative; padding:90px 0 0px}

.section4 .img1{ background:url(../images/sec4_bg.png) no-repeat bottom; }

.section7 .sp1{ background:url(../images/sec7_sp1_bg.jpg) repeat-y; margin:0 auto; width:840px; box-shadow: 0px 1px 5px 0px rgba(55, 48, 100, 0.6); border:solid 1px #3a336e; position:relative; }
.section7 .sp1 h3{ position:absolute; top:-2px; left:-3px; }
.section7 .sp1 .img{ background:url(../images/sec7_sp1_bg.png) no-repeat right; }
.section7 .sp2{ background:url(../images/sec7_sp2_bg.jpg) repeat-y; margin:40px auto 0; width:840px; box-shadow: 0px 1px 5px 0px rgba(55, 48, 100, 0.6); border:solid 1px #922c83; position:relative; }
.section7 .sp2 h3{ position:absolute; top:-2px; left:-4px; }
.section7 .sp2 .img{ background:url(../images/sec7_sp2_bg.png) no-repeat right top; }
.section7 .sp3{ background:url(../images/sec7_sp3_bg.jpg) repeat-y ; margin:40px auto 30px; width:840px; box-shadow: 0px 1px 5px 0px rgba(55, 48, 100, 0.6); border:solid 1px #1b40a3; position:relative; }
.section7 .sp3 h3{ position:absolute; top:-2px; left:-4px; }
.section7 .sp3 .img{ background:url(../images/sec7_sp3_bg.png) no-repeat right top; }

.section10 .box{ background-color:#F7F6FF; width:840px; box-shadow: 0px 1px 4px 0px rgba(55, 48, 100, 0.4); border-radius:10px; padding:20px 0 10px; margin-bottom:40px; }

.section11 .secret{ background:url(../images/sec11_secret_bg.png) repeat-y; margin:0 auto; width:848px; }
.section11 .secret p{ padding-left:15px; }
.section11 .title{ margin:0 auto; width:848px; }
.section11 .box{ background-color:#FFF; box-shadow: 0px 1px 4px 0px rgba(55, 48, 100, 0.4); border-radius:10px; padding:40px 0 2px; margin-bottom:20px; }
.section11 .img{ background:url(../images/sec11_secret5_bg.png) no-repeat right; }
.section11 .list_box{ background-color:#FFF; box-shadow: 0px 1px 4px 0px rgba(55, 48, 100, 0.4); border-radius:10px; padding:40px 20px; margin-bottom:20px; }

.section16 .pri .live{ background-color:#FFF; width:750px; box-shadow: 0px 1px 4px 0px rgba(55, 48, 100, 0.4); border-radius:10px; padding:20px 0 10px; margin:0 0 30px 50px; }
.section16 .pri .live p{ padding-left:0px; }

.section16 .pri{ background:url(../images/sec16_pri_bg.png) repeat-y; margin:0 auto; width:870px; padding:0 0 0 0}
.section16 .pri p{ padding-left:15px; }
.section16 .title{ margin:0 auto; width:870px; }

.section21 .box{ background-color:#FFF; box-shadow: 0px 1px 4px 0px rgba(55, 48, 100, 0.4); border-radius:10px; padding:40px 0 2px; margin-bottom:20px; }

dl.faq{ margin:0 70px 50px; }
dl.faq dt{ position:relative; padding:12px 30px 10px 70px; font-weight:bold; border-radius:6px; }
dl.faq dt.q1{  background:#dcdcdc url(../images/faq_q.png) no-repeat 18px 11px; }
dl.faq dt.q2{  background:#dcdcdc url(../images/faq_q2.png) no-repeat 18px 11px; }
dl.faq dt.q3{  background:#dcdcdc url(../images/faq_q3.png) no-repeat 18px 11px; }
dl.faq dt.q4{  background:#dcdcdc url(../images/faq_q4.png) no-repeat 18px 11px; }
dl.faq dt.q5{  background:#dcdcdc url(../images/faq_q5.png) no-repeat 18px 11px; }
dl.faq dt.q6{  background:#dcdcdc url(../images/faq_q6.png) no-repeat 18px 11px; }
dl.faq dt::after{ position:absolute; top:100%; left:15px; content:''; width:0; height:0; border:7px solid transparent; border-top:12px solid #dcdcdc; }
dl.faq dd.a1{ background:url(../images/faq_a.png) no-repeat 18px 10px; padding:14px 30px 0 66px; margin:10px 0 25px; }
dl.faq dd.a2{ background:url(../images/faq_a2.png) no-repeat 18px 10px; padding:14px 30px 0 66px; margin:10px 0 25px; }
dl.faq dd.a3{ background:url(../images/faq_a3.png) no-repeat 18px 10px; padding:14px 30px 0 66px; margin:10px 0 25px; }
dl.faq dd.a4{ background:url(../images/faq_a4.png) no-repeat 18px 10px; padding:14px 30px 0 66px; margin:10px 0 25px; }
dl.faq dd.a5{ background:url(../images/faq_a5.png) no-repeat 18px 10px; padding:14px 30px 0 66px; margin:10px 0 25px; }
dl.faq dd.a6{ background:url(../images/faq_a6.png) no-repeat 18px 10px; padding:14px 30px 0 66px; margin:10px 0 25px; }
dl.faq dd.a6_2{ padding:14px 30px 0 66px; margin:10px 0 25px; }

.profile{ background:url(../images/profile_bg.png) repeat; border-style: solid; border-width: 1px; border-color: rgb(255, 255, 255); width:830px; margin:50px auto 10px; border-radius:10px; position:relative; box-shadow: 0px 0px 5px 0px rgba(168, 169, 174, 0.6); }
.profile .pic{ background:url(../images/profile_img2.png) right no-repeat; }

.button{ margin:0 auto 30px; width:900px; }
.button iframe{ width:900px; height:740px; }

.seiyaku{ background-color:#f7f7f7; border:solid 1px #d1d1d1; padding:7px 5px 0; border-radius:5px; margin-bottom:30px; }
.seiyaku .in-frame{ border:solid 1px #d1d1d1; background-color:#fff; height:200px; padding:15px 30px; overflow:auto; font-size:12px; margin-bottom:5px; text-align:left;}
.seiyaku h3{ text-align:center; font-weight:bold; font-size:14px; margin-bottom:20px; }
.seiyaku ol{ margin-left:15px; }
.seiyaku li{ margin-bottom:10px; }

audio::-internal-media-controls-download-button { display:none; }
audio::-webkit-media-controls-enclosure { overflow:hidden; }
audio::-webkit-media-controls-panel { width: calc(100% + 30px); / Adjust as needed / }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ background-color:#000; padding:20px 0; text-align:center; margin-bottom:-10px; }

