@charset "Shift_JIS";
/*about.css*/

/* =========================================================
 layout
========================================================= */
#bgTp{height:550px;background:url("../img/abt_bg_top.jpg") center top repeat-x;}
#bgIn{height:1584px;background:white url("../img/abt_bg_in.png") center top no-repeat;}
#bgBt{height:283px;background:url("../img/abt_bg_btm.jpg") center bottom repeat-x;}

/* =========================================================
 contents
========================================================= */

/* ----- framebox ----- */
.framebox{position:absolute;left:-4px;top:190px;}
.frameboxTp{width:968px;height:20px;background:url("../../common/img/cont_frame.png") left top no-repeat;}
.frameboxIn{width:968px;padding:30px 0 42px;background:url("../../common/img/cont_frame_in.png") left top repeat-y;}
.frameboxBt{width:968px;height:20px;background:url("../../common/img/cont_frame.png") left bottom no-repeat;}

/* ----- titlebox ----- */
.titlebox{width:968px;position:relative;z-index:20;}
.titlebox h1{width:582px;height:115px;margin-left:53px;text-align:left;}
.titlebox .txt{width:627px;height:82px;margin:26px 0 0 57px;text-align:left;}
.titlebox .img{width:610px;height:670px;position:absolute;top:-56px;right:-6px;}
.titlebox .aside{margin:49px auto 0px auto;width:859px; height:163px; position:relative; }
.titlebox .aside img{position:absolute; left:0px; top:0px;}
.titlebox .aside a{ position:absolute; left:223px; top:121px; display:block; width:74px; height:16px; }
.titlebox .aside a:hover{ background-color:rgba(255,255,255,0.60); }

/* ----- featureList ----- */
.featureList{margin:23px auto 59px;}

/* ----- itembox ----- */
.itembox{width:861px;margin:34px auto 0;position:relative;z-index:20;}
.itembox #btnPopRule{width:200px;height:42px;position:absolute;bottom:27px;right:34px;z-index:30;}
.notice{width:860px;margin:8px auto 0;text-align:left;}

/* ----- btnPrem ----- */
#btnPrem{width:866px;height:66px;margin:50px auto 0;position:relative;z-index:20;}

/* ----- ruleDetail ----- */
.ruleDetail{position:relative;}
.ruleDetail .ruleDetail{width:860px;height:618px;}
.ruleDetail #btnPopClose{width:60px;height:62px;position:absolute;top:30px;right:30px;z-index:30;}