@charset "utf-8";

/*--------------------------------------------------
   Local Module
-------------------------------------------------- */


/*--------------------------------------------------
   Style
-------------------------------------------------- */

/* ---------- Base ----------*/

.pageSet { position: relative; }
.pageSet div, .pageSet p, .pageSet td { word-break: normal; word-wrap: normal; } /*原稿内のみ禁則処理きかす*/

.descArticleArea { position: relative; width: 865px; margin: 0 auto; padding: 20px 20px 12px; background: #fff; }
.descArticleArea.noStaffPoint { margin-top: -32px; }
.descArticleArea.noStaffPoint.noPhoto { margin-top: -12px; }
.descBottomArea { width: 905px; margin: 20px auto 0; padding-bottom: 25px; background: #fff; }



/* ------------ globalPankuzu ------------ */

#globalPankuzu { margin-bottom: 0; }


/* ------------ Fixed Button Area ------------ */

#descFixedButtonArea { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 9990; padding: 7px 0 9px; background: #f6f6fe; border-bottom: 1px solid  #cde; }
#descFixedButtonArea .base { display: table; width: 885px; margin: 0 auto; }
#descFixedButtonArea .base .name,
#descFixedButtonArea .base .attention,
#descFixedButtonArea .base .buttonArea { display: table-cell; vertical-align: middle; }

#descFixedButtonArea .base .name { }
#descFixedButtonArea .base .name .job { font-weight: bold; }
#descFixedButtonArea .base .name .company { font-size: 11px; }

#descFixedButtonArea .base .attention { width: 24%; padding-top: 2px; color: #e75; font-size: 12px; font-weight: bold; text-align: right; }
#descFixedButtonArea .base .attention:after {
margin-right: 5px;
content: "";
display: inline-block;
line-height: 0;
border-top: 4px solid transparent;
border-left: 6px solid #e75;
border-bottom: 4px solid transparent; 
border-top-color: rgba(255,255,255, 0); 
border-bottom-color: rgba(255,255,255, 0); 
}
#descFixedButtonArea .base  .buttonArea { width: 1%; white-space: nowrap; }
#descFixedButtonArea .base  .buttonArea .buttonAreaUnit { display: inline-block; vertical-align: top; }
#descFixedButtonArea .base  .buttonArea .entryButtonArea { margin-right: 7px; }

/* Button | Base */
#descFixedButtonArea .base .buttonAreaUnit .button { }
#descFixedButtonArea .base .buttonAreaUnit .button .btn { position: relative; display: inline-block; vertical-align: middle; width: 100px; text-align: center; height: 25px; padding-top: 2px; line-height: 25px;  color: #fff; font-weight: bold; font-size: 14px;
border-radius: 4px;
}
#descFixedButtonArea .base .buttonAreaUnit .button .btn:hover { opacity: .8; color: #fff; }
#descFixedButtonArea .base .buttonAreaUnit .button .btn:active { box-shadow: none; top: 3px; }

/* Button | entryButtonArea */
#descFixedButtonArea .base .entryButtonArea .button .btn { background: #f60;
box-shadow: 0 2px 0 #E95000;
}

/* Button | interestButtonArea */
#descFixedButtonArea .base .interestButtonArea { position: relative; }
#descFixedButtonArea .base .interestButtonArea .button .btn { background: #7fd049;
box-shadow: 0 2px 0 #66B730;
}

#descFixedButtonArea .interestButtonArea .detailTip { display: none; position: absolute; top: 35px; width: 220px; right: -75px; padding: 15px; background: #ffe; border: 1px solid #ccc; z-index: 800; text-align: left; border-radius: 2px; }
#descFixedButtonArea .interestButtonArea .detailTip:before { position: absolute; top: -9px; left: 50%; margin-left: -9px; content: ""; display: inline-block; line-height: 0; border-left: 9px solid transparent; border-bottom: 9px solid #aaa; border-right: 9px solid transparent;
border-left-color: rgba(255,255,255, 0);
border-right-color: rgba(255,255,255, 0);
}
#descFixedButtonArea .interestButtonArea .detailTip:after { position: absolute; top: -8px; left: 50%; margin-left: -8px; content: ""; display: inline-block; line-height: 0; border-left: 8px solid transparent; border-bottom: 8px solid #ffe; border-right: 8px solid transparent;
border-left-color: rgba(255,255,255, 0);
border-right-color: rgba(255,255,255, 0);
}
#descFixedButtonArea .fn_interest_send { display: block; z-index: 1000; opacity: 0; width: 210px; position: absolute; bottom: -75px; right: -65px; padding: 15px 20px; background: #fff; border: 3px solid  #f60; text-align: center;
box-shadow: 1px 2px 6px rgba(0,0,0,.1);
border-radius: 3px;
}
#descFixedButtonArea .fn_interest_send .text { font-size: 15px; font-weight: bold; }
#descFixedButtonArea .fn_interest_send .text em { color: #f60; }

/* Done */
#descFixedButtonArea .base .buttonAreaUnit .button .btn.done { height: 29px; padding-top: 0; line-height: 29px;background: #c5c5c5; border-color: #aaa; cursor: default;
box-shadow: none;
}
#descFixedButtonArea .base .buttonAreaUnit .button .btn.done:hover { opacity: 1; }
#descFixedButtonArea .base .buttonAreaUnit .button .btn.done:active { top: 0; }


/* ---------- WriterSet ----------*/

.descWriterSet { margin: 20px 40px 0; padding: 8px; background: #fff; }
.descWriterSet .base { background: #FFFEED; border: 3px solid #e80; }
.descWriterSet .contents { margin: 0 auto; }

/* writerArea | contents */
.descWriterSet .contents .photoArea,
.descWriterSet .contents .profileArea,
.descWriterSet .contents .copyArea { vertical-align: middle; border-top: 10px solid  #FFFEED; border-bottom: 10px solid  #FFFEED; }

/* writerArea | copyArea */
.descWriterSet .contents .copyArea { width: 99%; }
.descWriterSet .contents .copyArea .comment { position: relative; padding: 0 15px; background: #FFFEED; }

/* writerArea | profileArea */
.descWriterSet .contents .profileArea { width: 1%; white-space: nowrap; padding: 0 0 0 15px; border-left: 1px solid  #d0d0d0; vertical-align: middle; text-align: right; }
.descWriterSet .contents .profileArea .item { display: block; font-size: 11px; }
.descWriterSet .contents .profileArea .name { display: inline-block; margin-top: 3px; font-weight: bold; font-size: 14px; line-height: 1; }
.descWriterSet .contents .profileArea .name .text { font-size: 11px; font-weight: normal; }
.descWriterSet .contents .profileArea .name .text:after { content: ":"; margin: 0 3px; }

/* writerArea | photoArea */
.descWriterSet .contents .photoArea { width: 1%; white-space: nowrap; vertical-align: middle; padding: 0 10px; }
.descWriterSet .contents .photoArea .photo img { border: 1px solid  #ddd; }


/* ---------- Tab ----------*/

#descTab { overflow: hidden; width: 905px; margin: 20px auto 0; }
#descTab .tabList { float: right; position: relative; letter-spacing: -.30em; margin-right: 30px; }
#descTab .tabList .tabBase { display: inline-block; letter-spacing: normal; }
#descTab .tabList .tabBase .tab { position: relative; display: inline-block; height: 35px; margin-left: 10px; padding: 0 29px; border: 1px solid  #d0dce6; border-top: 4px solid  #a3c6ff; border-bottom: none; background: #e3eff9 ; font-weight: bold; color: #27d; font-size: 14px; line-height: 35px; }
#descTab .tabList .tabBase .tab:hover { background: #cce6ff; border-top-color: #83a6ff; }
#descTab .tabList .selected .tab { background: #fff; border: none; border-top: 4px solid #f60; color: #222; }
#descTab .tabList .selected .tab:hover { background: #fff; border-top-color: #f60; }


/* underDescTab */
#descTab.underDescTab { margin-top: 0; }
#descTab.underDescTab .tabList .tabBase .tab { border: 1px solid  #d0dce6; border-top: none; border-bottom: 4px solid  #a3c6ff; }
#descTab.underDescTab .tabList .tabBase .tab:hover { border-bottom-color: #83a6ff; }
#descTab.underDescTab .tabList .selected .tab { border: none; border-bottom: 4px solid #f60; }
#descTab.underDescTab .tabList .selected .tab:hover { border-bottom-color: #f60; }

/* companyTabBase */
#descTab .tabList .companyTabBase .tab:before  { content: ""; display: inline-block; width: 9px; height: 9px; background: url(../../imageFile/user/global_icon_popup.png) left top no-repeat; margin: 0 4px 0 -3px; vertical-align: middle; }
#descTab .tabList .selected.companyTabBase .tab  { border-top-color: #a97; }
#descTab.underDescTab .tabList .selected.companyTabBase .tab { border-bottom-color: #a97; }


/* ---------- Company Name ----------*/

#descCompanyName { position: relative; padding: 0 20px 20px; background: #fff; text-align: center; }
#descCompanyName .publish { position: absolute; top: -13px; right: -13px; font-size: 11px; color: #999; }
#descCompanyName .publish .item { }
#descCompanyName .publish .item:after { content: ":"; margin-right: 3px; }
#descCompanyName .publish .date { }
#descCompanyName .publish .wave { margin: 0 2px; }
#descCompanyName .base { display: table; margin: 0 auto; }
#descCompanyName .logo,
#descCompanyName .company { display: table-cell; vertical-align: middle; padding: 3px 17px; }
#descCompanyName .logo { padding-left: 0; border-right: 1px solid  #ddd; }
#descCompanyName .company { position: relative; padding-right: 0; font-size: 18px; font-weight: bold; text-align: left; }

#descCompanyName .base .text { margin-right: 10px; }
#descCompanyName .base .icon { display: inline-block; padding: 4px 6px; background: #f00; font-size: 12px; color: #fff; line-height: 1; border-radius: 3px; vertical-align: middle; }
#descCompanyName .base .end { background: #f86; }

#descCompanyName .base .done { display: inline-block; margin-left: 12px; padding: 4px 6px; background: #e80; color: #fff; line-height: 1; }


/* ---------- Job Name ----------*/

#descJobName { padding: 15px; border-top: 3px solid  #e3e3e3; border-bottom: 3px solid  #e3e3e3; }
#descJobName .base { display: table; }
#descJobName .base .item,
#descJobName .base .nameSet { display: table-cell; vertical-align: middle; }
#descJobName .base .item { width: 1%; white-space: nowrap; font-size: 12px; color: #06a; }
#descJobName .base .nameSet { padding-left: 15px; }
#descJobName .base .nameSet .name { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 18px; font-weight: bold; }
#descJobName .base .typeIcon { position: relative; left: 0; display: inline-block; vertical-align: middle; height: 18px; padding: 1px 5px 0; background: #7ae; color: #fff; line-height: 18px; font-size: 11px;
border-radius: 2px;
}
#descJobName .base .typeIcon + .typeIcon { margin-left: 10px; }
#descJobName .base .syaIcon { }
#descJobName .base .keiSyaIcon { }
#descJobName .base .baitoIcon { }
#descJobName .base .trustIcon { }
#descJobName .base .hakenIcon { }
#descJobName .base .shoukaiIcon { }
#descJobName .base .otherIcon { }




/* ---------- IconArea ----------*/

#descsStrongIconArea { padding: 15px 20px 0; }
#descsStrongIconArea .typeIcon { display: inline-block; vertical-align: middle; height: 18px; margin-right: 7px; margin-bottom: 5px; padding: 1px 5px 0; line-height: 18px; font-size: 11px;
border-radius: 2px;
}
#descsStrongIconArea .syaIcon { background: #7ae; color: #fff; }
#descsStrongIconArea .keiiSyaIcon { }
#descsStrongIconArea .strongIcon { display: inline-block; vertical-align: middle; height: 17px; padding-right: 5px; margin: 0 7px 5px 0; border: 1px solid  #aaa; background-color: #fff; font-size: 11px; line-height: 17px;
border-radius: 2px;
}
#descsStrongIconArea .strongIcon:before { content: ""; display: inline-block; vertical-align: top; width: 17px; height: 17px; margin-right: 5px; background-image: url(../../imageFile/user/global_icon_strongIcon.png); background-repeat: no-repeat; border-right: 1px solid  #eee; }
#descsStrongIconArea .strongIcon.beginner:before { background-position: 3px -113px; background-color: #fff5e5; }
#descsStrongIconArea .strongIcon.noMove:before { background-position: 2px 2px; background-color: #fff4e5; }
#descsStrongIconArea .strongIcon.under20:before { background-position: 2px -449px; background-color: #fff5e5; }
#descsStrongIconArea .strongIcon.mustHoliday:before { background-position: 2px -336px; background-color: #fff4e5; }
#descsStrongIconArea .strongIcon.oneInterview:before { background-position: 1px -901px; background-color: #e5f9ff; }
#descsStrongIconArea .strongIcon.noSchool:before { background-position: 1px -675px; background-color: #e5fffa; }
#descsStrongIconArea .strongIcon.jojo:before { background-position: 2px -787px; background-color: #edfffc; }
#descsStrongIconArea .strongIcon.beginnerType:before { background-position: 4px -1013px; background-color: #effff0; }
#descsStrongIconArea .strongIcon.soon:before { background-position: 2px -563px; background-color: #ffeee5; }
#descsStrongIconArea .strongIcon.only:before { background-position: 2px 99px; background-color: #D1F1CC; }


/* ---------- Catch ----------*/

#descCatchArea { overflow: hidden; margin-top: 20px; padding: 0 20px; }
#descCatchArea .photoArea { float: left; width: 240px; margin-right: 20px; padding: 10px; border: 1px solid #ddd; }
#descCatchArea .photoArea .photo { }
#descCatchArea .photoArea .photo img { }
#descCatchArea .photoArea .caption { margin-top: 8px; padding: 0 5px; font-size: 12px; color: #751; line-height: 1.5; }
#descCatchArea .copyArea { float: left; width: 543px; }
#descCatchArea .copyArea .catch { margin-top: 10px; font-size: 18px; font-weight: bold; color: #f60; }
#descCatchArea .copyArea .copy { margin-top: 20px; font-size: 14px; line-height: 1.75; }


/* ---------- Article ----------*/

/* Article Unit */
.descArticleUnit { margin-top: 20px; }
.descArticleUnit:first-child { margin-top: 0; }
.dataWork { margin-top: 40px; }
#descsStrongIconArea + .dataWork { margin-top: 10px; }
.descArticleUnit .title { /*border-top: 4px solid  #39f;*/ padding: 10px 11px 8px; background: #39f; }
.descArticleUnit .title .text { font-size: 16px; line-height: 1; font-weight: bold; color: #fff; }
.descArticleUnit .title .text .name { font-size: 14px; font-weight: normal; }
.descArticleUnit .title .text .name:before { content: "|"; margin: 0 10px; opacity: .6; }

.descArticleUnit .contents { }
.descArticleUnit .contents .dataTable { width: 100%; /*border-bottom: 1px solid #ddd;*/ }

.descArticleUnit .contents .dataTable .item,
.descArticleUnit .contents .dataTable .data { padding: 15px; border-bottom: 1px solid #d5d5d5; font-size: 14px; }
.descArticleUnit .contents .dataTable .item { width: 9em; border-right: 1px solid #d5d5d5; line-height: 1.5; }
.descArticleUnit .contents .dataTable .data { line-height: 1.75; }
.descArticleUnit .contents .dataTable .data { overflow: hidden; /* margin-top: 30px; */ }
.descArticleUnit .contents .dataTable .data .catch { margin-top: 5px; font-size: 14px; line-height: 1.5; color: #333; font-weight: bold; }
.descArticleUnit .contents .dataTable .data .text { margin-top: 18px; font-size: 14px; }
.descArticleUnit .contents .dataTable .data .categorySet + .categorySet { margin-top: 15px; }
.descArticleUnit .contents .dataTable .data .moneyCategorySet { margin-top: 15px; }
.descArticleUnit .contents .dataTable .data .categorySet .categoryIcon { position: relative; display: inline-block; height: 20px; padding: 0 3px 0 6px; background: #39f; font-size: 12px; color: #fff; line-height: 20px; }
.descArticleUnit .contents .dataTable .data .categorySet .categoryIcon:after { position: absolute; right: -8px; top: 0; content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; line-height: 0; border-left: 8px solid #39f; border-top: 10px solid transparent; border-bottom: 10px solid transparent;
border-top-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255, 255, 255, 0);
}
.descArticleUnit .contents .dataTable .data .categorySet .categoryData { margin-top: 7px; }
.descArticleUnit .contents .dataTable .data .stepList { position: relative; padding-left: 5.5em; }
.descArticleUnit .contents .dataTable .data .stepList + .stepList { margin-top: 15px; }
.descArticleUnit .contents .dataTable .data .stepList + .flowText { margin-top: 15px; padding-top: 15px; background: url(../../imageFile/user/line_dot_1px_aaa_pitch2.png) 0 0 repeat-x; }
.descArticleUnit .contents .dataTable .data .stepList .stepItem { position: absolute; top: -2px; left: 0; display: inline-block; width: 5em; height: 20px; background: #def; border: 1px solid  #CBDCED; border-right: none; font-size: 12px; color: #15a; line-height: 20px; text-align: center; font-weight: bold; }
.descArticleUnit .contents .dataTable .data .stepList .stepItem:after,
.descArticleUnit .contents .dataTable .data .stepList .stepItem:before { position: absolute; top: -1px; content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; line-height: 0; border-left: 8px solid #def; border-top: 11px solid transparent; border-bottom: 11px solid transparent;
border-top-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255, 255, 255, 0);
}
.descArticleUnit .contents .dataTable .data .stepList .stepItem:after { right: -7px; }
.descArticleUnit .contents .dataTable .data .stepList .stepItem:before { right: -9px; border-left: 9px solid #CBDCED; }
.descArticleUnit .contents .dataTable .data .stepList .stepItem .num { margin-left: 5px; }
.descArticleUnit .contents .dataTable .data .stepList .stepText { line-height: 1.5; }
.descArticleUnit .contents .dataTable .data .toMap a { display: inline-block; margin: 10px 0 0 20px; padding: 5px 5px 4px 20px; border: 1px solid #27d; background: url(../../imageFile/user/global_icon_popup.png) 7px 7px no-repeat #f4f6f8; border-radius: 2px; line-height: 1; color: #27d; }
.descArticleUnit .contents .dataTable .data .toMap a:hover { opacity: .7; }
.descArticleUnit .contents .dataTable .data .addressUnit { margin-top: 10px; }
.descArticleUnit .contents .dataTable .data .addressUnit .subject { }
.descArticleUnit .contents .dataTable .data .addressUnit .subject:after { content: "／"; margin: 0 2px; }
.descArticleUnit .contents .dataTable .data .addressUnit .text { }

.descArticleUnit .contents .dataTable .catchCopy { padding-top: 15px; padding-bottom: 20px; }
.descArticleUnit .contents .dataTable .catchCopy .catch { display: block; font-size: 16px; }
.descArticleUnit .contents .dataTable .catchCopy .catch.on { font-size: 18px; color: #f60; }
.descArticleUnit .contents .dataTable .catchCopy .copy { margin-top: 15px; }

/* Recruite Site URL */
.descArticleUnit .contents .dataTable .data--url { position: relative; padding-right: 100px; }
.descArticleUnit .contents .dataTable .toggleLink { position: absolute; right: 10px; bottom: 10px; text-decoration: underline; }
.descArticleUnit .contents .dataTable .hideArea { margin-top: 10px; }
.descArticleUnit .contents .dataTable .hideArea { display: none; }
.descArticleUnit .contents .dataTable .hideArea .urlSet + .urlSet { margin-top: 10px; }
.descArticleUnit .contents .dataTable .hideArea .urlSet .siteCopy {}
.descArticleUnit .contents .dataTable .hideArea .urlSet .url {}

/* Photo Area */
#descPhotoArea { overflow: hidden; margin: 30px 0; }
#descPhotoArea .photo { float: left; width: 424px; text-align: center; }
#descPhotoArea .photo + .photo { margin-left: 15px; }
#descPhotoArea .photo .caption { width: 310px; margin: 15px auto 0; line-height: 1.5; text-align: left; }
#descPhotoArea.onePhoto { text-align: center; }
#descPhotoArea.onePhoto .photo { display: inline-block; float: none; }



/* ---------- Staff Point ----------*/

#descStaffPointArea { width: 905px; margin: 20px auto; background: #fc8300; }
#descStaffPointArea .base { padding: 4px; }
#descStaffPointArea .title { padding: 5px; }
#descStaffPointArea .title .text { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; color: #fff; line-height: 1;  }

#descStaffPointArea .content { overflow: hidden; margin-top: 3px; padding: 20px; background: #FFFEED; line-height: 1.75; font-size: 14px; }
#descStaffPointArea .content .movieArea { float: right; margin-bottom: 20px; padding: 20px; background: #FFEDBF; border: 1px solid  #F5E3B5; }
#descStaffPointArea .content .movieArea .movieItem { display: block; border-left: 4px solid  #567; padding: 2px 0 2px 8px; font-size: 15px; color: #567; line-height: 1; font-weight: bold; }
#descStaffPointArea .content .movieArea .movie { margin-top: 10px; }
#descStaffPointArea .content .movieArea .movie a { position: relative; display: block; }
#descStaffPointArea .content .movieArea .movie a:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 200px; height: 150px; background: rgba(0,0,0, .3); }
#descStaffPointArea .content .movieArea .movie a:after { position: absolute; left: 50%; top: 48px; margin-left: -27px; content: ""; display: inline-block; width: 54px; height: 54px; background: url(../../imageFile/user/jobSearch_desc_icon_play.png) 0 0 no-repeat; }
#descStaffPointArea .content .movieArea .movie a img { }
#descStaffPointArea .content .movieArea + .copySet { float: left; width: 595px; }
#descStaffPointArea .content .copySet + .copySet { clear: both; padding-top: 25px; }
#descStaffPointArea .content .copySet .subject { padding: 8px 10px; font-weight: bold; font-size: 15px; line-height: 1; background: #ffedbf; border: 1px solid  #F5E3B5;
border-radius: 3px;
}
#descStaffPointArea .content .yarikibi .subject { height: 18px; }
#descStaffPointArea .content .yarikibi .subject .subjectBase { position: relative; top: -8px; left: 0; }

#descStaffPointArea .content .copySet .subject .fukidashi { display: inline-block; vertical-align: middle; width: 65px; height: 36px; margin-left: 7px; background: url(../../imageFile/user/jobSearch_desc_icon_interview.png) left top no-repeat; line-height: 35px; text-align: center; color: #fff; font-size: 13px; }
#descStaffPointArea .content .copySet .subject .fukidashi + .fukidashi { margin-left: 2px; background-position: right top; }
#descStaffPointArea .content .copySet p.text { margin-top: 10px; padding-left: 3px; }
#descStaffPointArea .content .copySet .yarikibiCopy { padding: 0 10px; }
#descStaffPointArea .content .copySet .yarikibiCopy .yarikibiUnit { margin-top: 15px; }
#descStaffPointArea .content .copySet .yarikibiCopy .yarikibiUnit .icon { display: inline-block; padding: 1px 0 0 7px; border-left: 4px solid  #fc8300; font-weight: bold; line-height: 1; color: #fc8300; }
#descStaffPointArea .content .copySet .yarikibiCopy .yarikibiUnit .copy { display: block; margin-top: 5px; }


/* ---------- About Personal----------*/

.aboutPersonalName { margin-top: 10px; text-align: right; }
.aboutPersonalName a { margin-right: 5px; padding-left: 14px; background: url(../../imageFile/user/global_icon_popup.png) left -105px no-repeat; font-size: 11px; color: #555; }
.aboutPersonalName a:hover { color: #27d; }


/* ---------- Button----------*/

#descButton { position: relative; margin: 80px auto 0; }
#descButton:before { position: absolute; top: -46px; left: 50%; content: ""; display: inline-block; width: 43px; height: 17px; margin-left: -21px; background: url(../../imageFile/user//global_arrow_down_29f.png) left top no-repeat;
}
#descButton .base { padding: 30px 50px 0; text-align: center; }
#descButton .base .buttonAreaUnit { position: relative; }
#descButton .base .buttonAreaUnit .naviCopy { margin-bottom: 10px; font-size: 15px; }
#descButton .attention { margin-bottom: -10px; padding: 8px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; background: #f86; }
#descButton .attention span { position: relative; display: inline-block; padding-left: 50px; }
#descButton .attention span:before {
position: absolute; 
top: 50%; 
left: 20px;
margin-top: -16px; 
content: "\f017"; 
vertical-align: middle; 
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
font-size: 23px;
color: #fff; 
}

#descButton .entryButtonArea,
#descButton .interestButtonArea { display: inline-block; vertical-align: top; }
#descButton .entryButtonArea { display: inline-block; }
#descButton .interestButtonArea { position: relative; display: inline-block; }
#descButton .entryButtonArea + .interestButtonArea { margin-left: 90px; }


/* Button | Base */
#descButton .base .buttonAreaUnit .button { }
#descButton .base .buttonAreaUnit .button .btn { position: relative; display: inline-block; vertical-align: middle; width: 300px; text-align: center; height: 65px; line-height: 65px;  color: #fff; font-weight: bold;
border-radius: 4px;
}
#descButton .base .buttonAreaUnit .button .btn:hover { opacity: .8; color: #fff; }
#descButton .base .buttonAreaUnit .button .btn:active { box-shadow: none; top: 3px; }

/* Button | entryButtonArea */
#descButton .base .entryButtonArea .button .btn { background: #f60; font-size: 22px;
box-shadow: 0 3px 0 #E95000;
}

/* Button | interestButtonArea */
#descButton .base .interestButtonArea .button .btn { background: #7fd049; font-size: 24px;
box-shadow: 0 3px 0 #66B730;
}

#descButton .interestButtonArea .detailTip { display: none; position: absolute; top: 110px; padding: 15px; background: #ffe; border: 1px solid #ccc; z-index: 2000; text-align: left; border-radius: 2px; }
#descButton .interestButtonArea .detailTip:before { position: absolute; top: -9px; left: 50%; margin-left: -9px; content: ""; display: inline-block; line-height: 0; border-left: 9px solid transparent; border-bottom: 9px solid #aaa; border-right: 9px solid transparent;
border-left-color: rgba(255,255,255, 0);
border-right-color: rgba(255,255,255, 0);
}
#descButton .interestButtonArea .detailTip:after { position: absolute; top: -8px; left: 50%; margin-left: -8px; content: ""; display: inline-block; line-height: 0; border-left: 8px solid transparent; border-bottom: 8px solid #ffe; border-right: 8px solid transparent;
border-left-color: rgba(255,255,255, 0);
border-right-color: rgba(255,255,255, 0);
}
#descButton .fn_interest_send { z-index: 1000; opacity: 0; width: 210px; position: absolute; bottom: 40px; left: 50%; margin-left: -125px; padding: 15px 20px; background: #fff; border: 3px solid  #f60; white-space: normal; text-align: center;
box-shadow: 1px 2px 6px rgba(0,0,0,.1);
border-radius: 3px;
}
#descButton .fn_interest_send .text { font-size: 15px; font-weight: bold; }
#descButton .fn_interest_send .text em { color: #f60; }

/* Done */
#descButton .base .buttonAreaUnit .button .btn.done { background: #c5c5c5; border-color: #aaa; cursor: default; height: 68px; line-height: 68px;
box-shadow: none;
}
#descButton .base .buttonAreaUnit .button .btn.done:hover { opacity: 1; }
#descButton .base .buttonAreaUnit .button .btn.done:active { top: 0; }

#descButton .base .buttonAreaUnit .doneCopy { margin-top: 10px;  }
#descButton .base .buttonAreaUnit .doneCopy em { display: block; margin-bottom: 3px; font-size: 15px; font-weight: normal; color: #e00; }
#descButton .base .buttonAreaUnit .doneCopy a { margin-right: 5px; text-decoration: underline; }

/* For Hyoban */
#descButton .hyobanButtonCopy { margin: 0 20px; padding: 12px 5px 10px; background: url(../../imageFile/user/line_dot_1px_aaa_pitch2.png) 0 bottom repeat-x; }

/* Entry Process Text */
#descButton .base .buttonAreaUnit .entryProcessText { display: inline-block; vertical-align: middle; width: 262px; padding: 15px; border: 4px solid #1ac546; font-size: 14px; line-height: 1.55; }
#descButton .base .buttonAreaUnit .entryProcessText em { color: #0b3; }


#descButton .base .buttonAreaUnit .detailCopy { margin-top: 16px; font-size: 12px; color: #e00; }


/* ---------- Bottom Staff Area ----------*/

#bottomStaffArea { width: 895px; margin: 30px auto 0; padding: 5px; background: #fff; }
#bottomStaffArea .base { border: 1px solid #ddd; padding: 0 20px; }
#bottomStaffArea .catch { padding: 16px 0 12px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: bold; color: #b39157; text-align: center; line-height: 1; }
#bottomStaffArea .copy { padding: 20px 20px 20px 118px; background: url(../../imageFile/user/en_logo.png) 20px 42px no-repeat; line-height: 1.75; }
#bottomStaffArea .copy em { margin: 0 3px; }
#bottomStaffArea .copy a { margin: 0 3px; }


/* ---------- To Desc ----------*/

#descReturnToDesc { position: relative; margin: 80px auto 0; text-align: center; }

#descReturnToDesc:before { position: absolute; top: -46px; left: 50%; content: ""; display: inline-block; width: 43px; height: 17px; margin-left: -21px; background: url(../../imageFile/user//global_arrow_down_29f.png) left top no-repeat;
}
#descReturnToDesc .naviCopy { padding-top: 30px; font-size: 15px; }
#descReturnToDesc .toDesc { position: relative; margin-top: 10px; }
#descReturnToDesc .toDesc a { font-size: 24px; text-decoration: underline; }


/* ---------- interest（アラートモーダル） ----------*/

#interestScreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
#interestScreen .screenAlert { position: fixed; top: 50%; left: 50%; display: inline-block; background-color: #fff; margin-top: -68px; margin-left: -194px; padding: 35px 70px; line-height: 28px; border: 4px #fc8300 solid; font-size: 18px; font-weight: bold; text-align: center; box-shadow: 1px 2px 6px rgba(0,0,0,.1); border-radius: 3px; }
#interestScreen .screenAlert em { color: #fc8300; font-size: 20px; }


/* ---------- UnderFunctionArea ----------*/

#descUnderFunctionArea { width: 905px; margin: 30px auto 0; padding-right: 5px; text-align: right; }
#descUnderFunctionArea .snsBtn { display: inline-block; vertical-align: middle; }
#descUnderFunctionArea .snsBtn + .snsBtn { margin-left: 10px; }
#descUnderFunctionArea .snsBtn.facebook { position: relative; top: -3px; }
#descUnderFunctionArea .snsBtn.google { margin-left: 2px; }


/* ---------- globalDescriptionArea ----------*/

.globalDescriptionArea { margin-top: 40px; }