@charset "utf-8";

/* 共通 ============================== */
body { background-color: black; letter-spacing: 0.05em; }

.lpWrapper { min-width: 960px; }
.contArea { margin: 0 auto; width: 960px; }

div.headLine { text-align: center; padding: 2px 0; line-height: 1.25; }

div.lpSec1 { background-color: red; position: relative; padding-bottom: 124px; }
div.sec1frm { padding: 30px 0 0 30px; background: url(../images/index_head_2lines.png) 130px 0 no-repeat; }
div.sec1frm div.sec1cont { float: left; background-color: white; border-top: solid 10px black; border-bottom: solid 10px black; padding: 20px; width: 650px; box-shadow: 3px 3px 6px rgba(0,0,0,0.3); }
div.sec1cont div.sec1block { border-bottom: dashed 1px #ccc; }
div.sec1cont p.sec1sub { display: inline-block; background-color: black; border-radius: 5px; padding: 3px 8px 2px; line-height: 1.25; }

div.sec1cont div.sec1logo { padding: 20px 0 45px; text-align: center; }
div.sec1cont div.sec1about { padding: 20px 15px 25px; }
div.sec1about p.aboutTit { display: inline-block; border: double 3px red; padding: 5px 10px; line-height: 1.25; }
div.sec1about p.aboutTxt { margin-top: 15px; }
div.sec1cont div.sec1sound { padding: 20px 0; }
div.sec1sound div.soundArea { background: url(../images/index_sound_abe.png) left top no-repeat; padding: 3px 0 0 100px; min-height: 77px; }
div.sec1sound div.player { margin-top: 10px; }
div.sec1cont div.sec1info { padding-top: 20px; }
div.sec1info p.infoSubtit { width: 80px; text-align: center; float: left; }
div.sec1info p.infoTxt { float: right; width: 540px; }
div.sec1info p.infoTxt1 { padding-top: 2px; }
div.sec1cont div.sec1info2 { margin-top: 15px; }
div.sec1frm div.sec1abe { float: right; width: 200px; text-align: center; padding-top: 134px; }
div.sec1abe div.sec1abeBln { margin-top: 20px; background-color: white; border: solid 3px #ccc; border-radius: 5px; padding: 8px; box-shadow: 3px 3px 6px rgba(0,0,0,0.3); position: relative;}
div.sec1abeBln p.arrowUp { position: absolute; top: -10px; left: 50%; margin-left: -3px; z-index: 5; }
div.sec1abe p.charaNote { margin-top: 90px; background-color: white; line-height: 1.35; padding: 10px 15px 8px; text-align: center; display: inline-block; border-radius: 5px; position: relative; }
div.sec1abe p.charaNote img.arrow { position: absolute; z-index: 5; bottom: -20px; left: 50%; margin-left: -10px; }

div.lpSec1 p.blnSub { display: inline-block; background-color: #999; border-radius: 2px; padding: 2px 6px 0; line-height: 1.25; }
div.lpSec1 p.blnName { margin-top: 7px; line-height: 1.35; }
div.lpSec1 p.blnBirth { margin-top: 10px; line-height: 1.35; border-top: dashed 1px #ccc; padding-top: 10px; letter-spacing: 0; }

div.lpSec1 div.charas { position: absolute; bottom: 0; z-index: 10; cursor: pointer; }
div.charas div.balloon { position: relative; width: 184px; text-align: center; z-index: 20; background-color: white; border: solid 3px #ccc; border-radius: 5px; padding: 8px; box-shadow: 3px 3px 6px rgba(0,0,0,0.3); margin-bottom: 10px; position: relative; display: none; }
div.charas div.balloon p.arrow { position: absolute; bottom: -10px; margin-left: -3px; z-index: 25; }

div.lpSec1 div.YUarea { left: 3%; }
div.lpSec1 div.YUarea img.yu { margin-left: 14px; }
div.lpSec1 div.YUarea p.arrow { left: 20px; }
div.lpSec1 div.INOarea { left: 12%; }
div.lpSec1 div.INOarea img.ino { margin-left: 88px; }
div.lpSec1 div.INOarea p.arrow { left: 104px; }
div.lpSec1 div.KRYarea { left: 28%; }
div.lpSec1 div.KRYarea img.kry { margin-left: 79px; }
div.lpSec1 div.KRYarea p.arrow { left: 104px; }
div.lpSec1 div.OBAarea { right: 35%; text-align: right; }
div.lpSec1 div.OBAarea img.oba { margin-right: 60px; }
div.lpSec1 div.OBAarea p.arrow { right: 68px; }
div.lpSec1 div.HIMEarea {right: 18%; text-align: right; }
div.lpSec1 div.HIMEarea img.hime { margin-right: 65px; }
div.lpSec1 div.HIMEarea p.arrow { right: 76px; }
div.lpSec1 div.ANJUarea { right: 7%; text-align: right; }
div.lpSec1 div.ANJUarea img.anju { margin-right: 110px; }
div.lpSec1 div.ANJUarea p.arrow { left: 77px; }
div.lpSec1 div.IGAarea { right: 0%; text-align: right; }
div.lpSec1 div.IGAarea img.iga { margin-right: 20px; }
div.lpSec1 div.IGAarea p.arrow { right: 28px; }

div.lpSec2 { background: #eee url(../images/index_arrow_red.png) center top no-repeat; padding: 62px 0 50px; }
div.sec2frm { padding-left: 156px; background: url(../images/index_abe_victory.png) left center no-repeat; min-height: 310px; }
div.sec2frm p.sec2lead { line-height: 1.25; }
div.sec2frm div.sec2wrap { margin-top: 15px; }
div.sec2wrap div.sec2txt { float: left; width: 463px; line-height: 1.8; }
div.sec2wrap div.sec2btns { float: right; width: 312px; } 
div.sec2btns p.btnNote { border: solid 1px red; background-color: white; padding: 3px 0 1px; line-height: 1.25; text-align: center; }
div.sec2btns p.btnNote2 { margin-top: 30px; }
div.sec2btns a.lpbtn { display: block; margin-top: 8px; }

div.lpSec3 { background: white url(../images/index_arrow_gray.png) center top no-repeat; padding-top: 42px; text-align: center; }
div.lpSec3bg { background: white url(../images/index_bg_bldgs.png) center bottom repeat-x; padding-bottom: 172px; position: relative; }
div.lpSec3bg p.bldg1 { position: absolute; bottom: 0; left: 30%; z-index: 5; }
div.lpSec3bg p.bldg2 { position: absolute; bottom: 0; left: 40%; z-index: 5; }



p.copy { background-color: black; text-align: right; padding: 60px 10px 1px; }