@charset "utf-8";

/* 共通 ============================== */
body { background: red url(../images/abe_body.png) left top no-repeat; letter-spacing: 0.05em; }

div.contWrap { background-color: white; border-left: solid 16px red; border-right: solid 16px red; min-width: 948px; padding-top: 108px; }

div#header { background-color: red; height: 108px; position: fixed; top: 0; width: 100%; z-index: 50; }
div#header div.headerArea { padding: 0 16px; min-width: 948px; }
div#header div.headerArea div.aboutTit { float: left; padding: 25px 0 0 129px; position: relative; }
div#header div.headerArea div.aboutTit p.aboutAbe { position: absolute; left: 5px; top: 5px; z-index: 20; }
div#header div.headerArea p.logo { float: right; padding-top: 20px; }

div.aboutFoot { padding: 5px 16px 35px; text-align: right; line-height: 1.25; }



/* 『あ、安部礼司』とは ============================== */

div.aboutContWrap { width: 828px; margin: 0 auto; }
p.aboutSubtit { padding-bottom: 7px; border-bottom: solid 1px #ccc; }
p.aboutSubtitSec { text-align: center; }

div.aboutSec1 { padding-top: 50px; }
div.aboutSec1 div.abeFig { float: left; width: 268px; }
div.aboutSec1 div.abeFig div.abeSpecFrm { margin: 15px 0 0 6px; background-color: #eee; border-radius: 5px; padding: 5px 12px 8px; display: inline-block; min-width: 190px; }
div.aboutSec1 div.abeFig div.abeSpecFrm dl { line-height: 1.25; }
div.aboutSec1 div.abeFig div.abeSpecFrm dl dt { float: left; text-align: right; width: 6em; padding-top: 5px; letter-spacing: 0; }
div.aboutSec1 div.abeFig div.abeSpecFrm dl dd { margin-left: 7.5em; padding-top: 5px; }
div.aboutSec1 div.sec1cont { float: right; width: 490px; }
div.aboutSec1 div.sec1cont p.sec1txt { margin-top: 20px; }
div.aboutSec1 div.sec1cont p.sec1bTit { margin-top: 60px; }

div.aboutSec2 { padding-top: 70px; }
div.aboutSec2 ul.castList { margin-top: 36px; }
div.aboutSec2 ul.castList li { float: left; width: 236px; margin-right: 60px; }
div.aboutSec2 ul.castList li.row1 { margin-bottom: 48px; }
div.aboutSec2 ul.castList li.rightend { margin-right: 0; }
div.aboutSec2 ul.castList li p.castFig { text-align: center; }
div.aboutSec2 ul.castList li div.castBirth { margin-top: 15px; border-top: dashed 1px #ccc; padding: 3px 10px 0; }
div.aboutSec2 ul.castList li div.castBirth p.birthday { float: left; padding-top: 5px; }
div.aboutSec2 ul.castList li div.castBirth p.abe { float: right; }
div.aboutSec2 ul.castList li p.castCap { margin-top: 5px; border-top: dashed 1px #ccc; padding-top: 10px; }
div.aboutSec2 ul.castList li p.castCapDG { margin-top: 15px; border-top: dashed 1px #ccc; padding-top: 10px; }

div.aboutSec3 { padding: 70px 0 115px; position: relative; }
div.aboutSec3 p.sec3fig { padding-top: 30px; text-align: center; }
div.aboutSec3 a.aboutBtmBtn { position: absolute; bottom: -45px; left: 50%; display: block; height: 90px; width: 490px; margin-left: -245px; background-color: black; border-radius: 8px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 5; }



/* 知られたくない過去 ============================== */

div.leadArea { padding-top: 50px; }
div.leadArea p.untoldLead { padding: 30px 0 0 103px; }

div.untoldContWrap { width: 828px; margin: 0 auto; }

div.untoldSec { margin-top: 70px; }
div.untoldSec div.titLeft { float: left; width: 270px; background-color: red; border-radius: 7px; }
div.untoldSec div.titRight { float: right; width: 270px; background-color: red; border-radius: 7px; }
div.untoldSec div.contLeft { float: left; width: 500px; }
div.untoldSec div.contRight { float: right; width: 500px; }
div.untoldSec p.titTxt { padding-top: 40px; text-align: center; }
div.untoldSec div.titSec1 { background: red url(../images/untoldstory_sec01_fig.png) center center no-repeat; }
div.untoldSec div.titSec2 { background: red url(../images/untoldstory_sec02_fig.png) center center no-repeat; }
div.untoldSec div.titSec3 { background: red url(../images/untoldstory_sec03_fig.png) center center no-repeat; }
div.untoldSec div.titSec4 { background: red url(../images/untoldstory_sec04_fig.png) center center no-repeat; }
div.untoldSec ul.subsecs li { margin-top: 40px; }
div.untoldSec ul.subsecs li:first-child { margin-top: 0; }
div.untoldSec ul.subsecs li div.subtitFrm { padding-bottom: 10px; border-bottom: dashed 1px #ccc; line-height: 1.25; }
div.untoldSec ul.subsecs li div.subtitFrm div.pointFrm { float: left; padding-top: 6px; }
div.untoldSec ul.subsecs li div.subtitFrm div.pointFrm p { background-color: red; display: inline-block; padding: 3px 7px 2px; line-height: 1; }
div.untoldSec ul.subsecs li div.subtitFrm p.subtit { float: left; padding-left: 24px; max-width: 410px; }
div.untoldSec ul.subsecs li p.textFrm { padding-top: 12px; }

div.untoldLastSec { margin-top: 80px; padding-bottom: 100px; position: relative; }
div.untoldLastSec p.untoldMsg { font-size: 340%; letter-spacing: 0.1em; text-align: center; position: relative; }
div.untoldLastSec a.untoldBtmBtn { position: absolute; bottom: -31px; left: 50%; display: block; height: 62px; width: 300px; margin-left: -150px; background-color: black; border-radius: 8px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 5; }