@charset 'UTF-8';
.wrapper {  }
.container { position: relative; z-index: 1; background: url(https://imgfp.hotp.jp/doc/jmb/pc/images/bg_pc.png) no-repeat fixed;/*width: 950px; margin: 0 auto; padding-bottom: 20px; background-color: #fff;*/ }
.inner {  width: 950px; margin: 0 auto; }
/* topicPath */
.topicPath { width: 950px; margin: 0 auto; padding: 10px 0 0; /*background-color: #fff;*/ }
.topicPath > ol { float: left; margin: 0 auto; }
.topicPath > ol > li { display: inline; }
.topicPath > ol > li + li { margin-left: 6px; }
.topicPath > ol > li > a { padding-right: 13px; background: url('/SYS/cmn/images/common/bg_chevron.gif') no-repeat right center; }
/* social */
.socialArea { float: right; /*width: 320px;*/width: auto; /*padding: 5px 0 0 0;*/ }
.socialArea li { display: block; float: left; height: 20px; }
.btnSocialTwitter { width: 94px; }
.btnSocialFacebook { /*width: 105px;*/ }
.btnSocialGplus { width: 65px; }
.btnSocialHatena { width: 55px; }
/* main */
.conteinerWrap { margin: 0 auto; text-align: center; background-color: #fff; }
.mainWrap { position: relative;/* height: 320px; background: url(../images/img_main_bg.png) top center no-repeat;*/ }
/*.mainTtl { position: absolute; top: 0px; left: 0px;}*/ 
.mainTerm h2 { font-size: 190%; margin-top: 20px; text-align: center; color: #e60101; }
.mainTerm p { font-size: 140%; font-weight: bold; margin-top: 5px; text-align: center; }
/* .specialFlow */
.specialFlowWrap { width: 950px; background: url(../images/img_lot_flow_bg.png) no-repeat 0 40px ; }
.specialFlowTtl img { margin: 0 auto; padding: 0; text-align: center; }
.specialFlowTtlInner { font-weight: bold; line-height: 18px; display: block; }
.specialFlowList { display: block; margin-top: 10px; padding: 4px 20px 30px ; text-align: center; }
.specialFlowList > li { position: relative; float: left; width: 216px; }
.specialFlowList > li:after { position: absolute; top: 45%; right: -12px; width: 8px; height: 26px; content: ''; background: url('../images/img_lot_arrow01.png') no-repeat right center; }
.specialFlowList > li.lastChild:after { background: none; }
.specialFlowList > li + li { margin-left: 15px; }
.specialFlowIll { padding: 0; text-align: center; }
/* .specialOutline */
.specialOutlineWrap { margin-top: 510px; padding-bottom: 50px; background-color: #fff; }
.specialOutlineTtl { font-size: 180%; font-weight: bold; padding: 12px; -moz-border-radius: 5px; border-radius: 5px; background: #e52d1d; }
.specialOutlineTtl span { font-weight: bold; line-height: 15px; display: block; padding-left: 8px; color: #fff; border-left: 4px solid #fff; }
.specialOutlineInner { width: 950px; margin: 0 auto; padding-top: 284px ; border-radius: 6px; /*background-color: #fff;*/ }
.specialOutlineInnerTtl { font-size: 140%; font-weight: bold; line-height: 15px; /*display: block;padding-left: 6px;*/  color: #333; /*border-left: 4px solid #333;*/ }
.specialOutlineList { /*margin-bottom: 30px;*/ padding: 0 30px; }
.specialOutlineList dt { margin-bottom: 24px; /*padding: 12px; border-bottom: dotted 1px #ccc;*/ }
.specialOutlineList dd { font-size: 120%; /*padding: 0 22px;*/ }
.specialOutlineList dd p { margin-bottom: 20px; }
.specialOutlineList ul { margin-bottom: 20px; }
.specialOutlineList ul li { line-height: 150%; margin-top: 2px; }
.specialOutlineList ul li ul { width: 100%; padding-left: 1em; vertical-align: bottom; }

/* button */
.entryBtnWrap { overflow: hidden; padding: 20px 0 80px 0; text-align: center; background-color: #fff; }
.entryBtn[disabled] { zoom: 1 /* for IE7 */; cursor: default !important; opacity: 0.7 !important; filter: alpha(opacity=70) !important/* for IE8 */; }
/* text-indent */
.attention > li { font-size: 12px; position: relative; margin-left: 1em; }
.attention > li:before { font-size: 11px; position: absolute; left: -1em; width: 1em; content: '※'; }
.attention > li.notice { color: #DF0003; }
.attention > li.notice:before { font-size: 11px; position: absolute; left: -1em; width: 1em; content: '※'; color: #DF0003; }
.disc > li { font-size: 12px; position: relative; margin-left: 1em; }
.disc > li:before { font-size: 12px; position: absolute; left: -1em; width: 1em; content: '・'; }
/* close */
.endTxt { font-size: 200%; font-weight: bold; line-height: 120%; position: relative; margin-bottom: 10px; padding: 50px 0; text-align: center; background-color: #dcdcdc; }
/* scrollTop */
.scrollWrap { position: fixed; z-index: 300; right: 20px; display: block; min-width: 85px; height: 85px; cursor: pointer; }