@charset "Shift_JIS";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333; background:#000 url(../images/header_bg.jpg) no-repeat center top ; font-size:16px; line-height:1.8; text-align:center; letter-spacing:normal; min-width:1100px; _display:inline; _zoom:1; }
body:not(:target){ letter-spacing:1px\9; }
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:top; font-weight:normal; }
table td{ word-break:break-all; }

a:link , a:visited{ color:#3a92ff; text-decoration:none; }
a:hover{ color:#3a92ff; text-decoration:underline; }

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

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

.fontSS{ font-size:10px; }
.fontS{ font-size:12px; }
.fontM{ font-size:16px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }
.font4L{ font-size: 36px !important; }

.tcR{ color:#ed2323; font-weight:bold; }
.tcB{ color:#257bda; font-weight:bold; }

.str{ font-weight:bold; }
.strN{ font-weight:normal; }
.ilc{ font-style:italic; }
.uLine{ text-decoration:underline; }
.uLine2{ border-bottom:double medium #333; }
.uLineR{ background:url(../images/line_red.png) repeat-x left bottom; padding-bottom:4px; }
.waveLine{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveLineR{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveLineB{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }
.marker{background-color:#fff600; padding:3px 2px 2px; }

.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idtS{ padding-left:0.5em; text-indent:-0.5em; }

.spt5{ padding-top:5px; }
.spt10{ padding-top:10px; }
.spt15{ padding-top:15px; }
.spt20{ padding-top:20px; }
.spt25{ padding-top:25px; }
.spt30{ padding-top:30px; }
.spt35{ padding-top:35px; }

.spb5{ padding-bottom:5px; }
.spb10{ padding-bottom:10px; }
.spb15{ padding-bottom:15px; }
.spb20{ padding-bottom:20px; }
.spb25{ padding-bottom:25px; }
.spb30{ padding-bottom:30px; }
.spb35{ padding-bottom:35px; }
.spb80{ padding-bottom:80px; }

.smt5{ margin-top:5px; }
.smt10{ margin-top:10px; }
.smt15{ margin-top:15px; }
.smt20{ margin-top:20px; }
.smt25{ margin-top:25px; }
.smt30{ margin-top:30px; }
.smt35{ margin-top:35px; }
.smt-10{ margin-top:-10px; }
.smt-45{ margin-top:-45px; }
.smt-60{ margin-top:-60px; }

.smb5{ margin-bottom:5px; }
.smb10{ margin-bottom:10px; }
.smb15{ margin-bottom:15px; }
.smb20{ margin-bottom:20px; }
.smb25{ margin-bottom:25px; }
.smb30{ margin-bottom:30px; }
.smb35{ margin-bottom:35px; }
.smb40{ margin-bottom:40px; }
.smb45{ margin-bottom:45px; }
.smb70{ margin-bottom:70px; }
.smb-25{ margin-bottom:-25px; }

.sml20{ margin-left:20px; }
.sml30{ margin-left:30px; }
.sml-10{ margin-left:-10px; }

.smr20{ margin-right:20px; }
.smr30{ margin-right:30px; }
.smr40{ margin-right:40px; }
.smr50{ margin-right:50px; }
.smr60{ margin-right:60px; }
.smr70{ margin-right:70px; }
.smr-30{ margin-right:-30px; }

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

p{ margin:0 50px 25px; }
p.spN{ margin-bottom:2px; }
p.spSS{ margin-bottom:5px; }
p.spS{ margin-bottom:10px; }
p.spL{ margin-bottom:30px; }
p.spLL{ margin-bottom:50px; }
p.lhN{ line-height:1.0; }

.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.6); }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* For modern browsers */
.cf:before , .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf{ zoom:1; } 


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:980px; margin:0 auto; text-align:left; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ padding-top:0px; }


/* intro **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.intro{ background:url(../images/intro_bg.png) no-repeat center bottom; padding-bottom:30px; }
.intro .catch{ height:295px; background:url(../images/catch_bg.png) no-repeat center; margin-top:15px; padding-top:40px; }
.intro .pv{ background:url(../images/pv_bg.png) no-repeat; width:748px; height:515px; margin:0 auto; padding-top:132px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background:url(../images/contents_bg.jpg) repeat;  border-radius:10px 10px 0 0; padding-bottom:30px; }

.contents h2{ position:relative; height:162px; padding:20px 0 80px; }
.contents h2 img{ position:absolute; top:30px; left:-30px; }

.contents h3{ text-align:center; margin-bottom:30px; }

.contents .unit{ width:902px; padding:0 30px 30px;}

.prologue .pic1{ background:url(../images/prologue_img1.png) no-repeat right top 160px; margin-right:50px; }
.section1 .pic1{ background:url(../images/sec1_img2.png) no-repeat right top 140px; margin-right:50px; }
.section1 .pic2{ background:url(../images/sec1_img3.png) no-repeat right top 15px; margin-right:50px; }
.section2 .pic2{ background:url(../images/sec2_img2.png) no-repeat right top 20px; margin-right:50px; }
.section2 .pic3{ background:url(../images/sec2_img3.png) no-repeat right top 40px; margin-right:50px; }
.section2 .pic4{ background:url(../images/sec2_img4.png) no-repeat right top 10px; margin-right:50px; }
.section2 .pic5{ background:url(../images/sec2_img5.png) no-repeat right top 0px; margin-right:50px; }
.section3 .pic1{ background:url(../images/sec3_img1.png) no-repeat right top -20px; margin-right:2px; }
.section3 .pic2{ background:url(../images/sec3_img2.png) no-repeat right top 50px; margin-right:50px; }
.section3 .pic3{ background:url(../images/sec3_img3.png) no-repeat right top 0px; margin-right:50px; }
.section4 .pic1{ background:url(../images/sec4_img1.png) no-repeat right top 20px; margin-right:50px; }
.section4 .pic2{ background:url(../images/sec4_img2.png) no-repeat right top 30px; margin-right:50px; }
.section6 .pic1{ background:url(../images/sec6_img1.png) no-repeat right top 20px; margin-right:50px; }
.section6 .pic2{ background:url(../images/sec6_img2.png) no-repeat right top 0px; margin-right:50px; }

.profile{ background:url(../images/profile_bg.png) no-repeat; width:898px; height:1258px; margin: 0 auto 30px; padding-top:60px; }
.profile .photo{ float:right; margin:0 35px 25px 25px; }
.profile p{ margin:0 60px 25px; }

/* 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; margin:0 50px; }
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; }


/* form **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.form{ width:940px; height:350px; margin:10px auto 0px; background:url(../images/form_bg.png) no-repeat; }
.form .name , .form .mail{ width:318px; height:33px; padding:4px; box-sizing:border-box; border:transparent; background:transparent; font-size:16px; }
.form .name{ position:absolute; top:185px; left:200px; }
.form .mail{ position:absolute; top:233px; left:200px; }
.form .btn { position:absolute; top:182px; left:540px; }

/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ background-color:#333; text-align:center; padding:20px 0; font-size:12px; }