@charset "utf-8";

@import "common.css";
@import "layout.css";


.recruit-bar { background-image: url(../img/recruit-bar.jpg); background-repeat: no-repeat; height: 36px; width: 800px; margin-bottom: 20px; }
.recruit-bar h2 { height: 36px; width: 800px; text-indent: -9999px; display: block; }

.recruit-img1 { background-image: url(../img/recruit-img101.jpg); background-repeat: no-repeat; height: 380px; width: 800px; position: relative; margin-bottom: 30px; }
.recruit-img1 .bar1 { height: 30px; width: 275px; background-image: url(../img/recruit-img102.jpg); background-repeat: no-repeat; position: absolute; left: 0px; top: 10px; }
.recruit-img1 .bar1 h2 { text-indent: -9999px; }
.recruit-img1 .text1 { font-size: 18px; line-height: 20px; font-weight: bold; color: #FFFF00; position: absolute; left: 40px; top: 50px; }
.recruit-img1 .bar2 { height: 30px; width: 275px; background-image: url(../img/recruit-img103.jpg); background-repeat: no-repeat; position: absolute; left: 0px; top: 145px; }
.recruit-img1 .bar2 h2 { text-indent: -9999px; }
.recruit-img1 .text2 { font-size: 18px; line-height: 20px; font-weight: bold; color: #FFFF00; position: absolute; left: 40px; top: 185px; }


.recruit-img1 .bar3 { background-image: url(../img/recruit-img104.jpg); background-repeat: no-repeat; height: 30px; width: 800px; text-indent: -9999px; position: absolute; left: 0px; top: 330px; }
.contents .recruit_waku { height: 400px; width: 800px; position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom-width: 4px; border-bottom-style: double; border-bottom-color: #E7234A; }
.recruit_waku .recruit2-img1 { background-image: url(../img/recruit2-img1.jpg); background-repeat: no-repeat; height: 400px; width: 380px; position: absolute; left: 0px; top: 0px; }
.recruit_waku .recruit2-img1 h2 { height: 60px; width: 380px; text-indent: -9999px; }

.recruit_waku .recruit2-img2 { background-image: url(../img/recruit2-img2.jpg); background-repeat: no-repeat; height: 400px; width: 380px; position: absolute; top: 0px; right: 0px; }
.recruit_waku .recruit2-img2 h2 { height: 60px; width: 380px; text-indent: -9999px; }
.recruit_waku .recruit2-img1 dl { padding: 5px; }
.recruit_waku .recruit2-img1 dt { font-size: 14px; line-height: 20px; color: #FF6; font-weight: bold; padding: 4px; float: left; width: 80px; height: 20px; display: block; }
.recruit_waku .recruit2-img1 dd { font-size: 14px; line-height: 20px; padding: 4px; font-weight: bold; color: #FFF; width: 270px; float: left; height: auto; clear: right; display: block; }
.recruit_waku .recruit2-img2 .faq { height: 330px; width: 370px; overflow: scroll; scrollbar-base-color: #EE6287; scrollbar-track-color: #E8375A; scrollbar-face-color: #EE6287; scrollbar-shadow-color: #E8375A; scrollbar-darkshadow-color: #E8375A; scrollbar-highlight-color: #E8375A; scrollbar-3dlight-color: #E8375A; scrollbar-arrow-color: #ffffff; overflow-x:hidden; padding-top: 5px; padding-left: 5px; }


.recruit_waku .recruit2-img2 .faq dt { font-size: 14px; line-height: 20px; font-weight: bold; color: #FF6; background-image: url(../img/icon02.gif); background-repeat: no-repeat; background-position: left center; text-indent: 18px; margin-bottom: 5px; }
.recruit_waku .recruit2-img2 .faq dd { font-size: 12px; line-height: 18px; color: #FFF; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #e7234a; padding-left: 36px; background-image: url(../img/icon01.gif); background-repeat: no-repeat; background-position: 18px 3px; }
.inquiry { width: 800px; height: auto; background-image: url(../img/side-recruit.gif); background-repeat: no-repeat; }

/*フォーム設定-------------------------------------------------------------------------------------------------*/
.form_waku { font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 12px; line-height: 16px; color: #600; height: auto; width: 600px; float: right; }
.form_txt { font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 12px; line-height: 18px; font-weight: bold; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.form_txt10 { font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 10px; line-height: 14px; color: #FFF; }
.form_waku .bottun { cursor: pointer; }
.send { color: #ff0000; font-weight: bold; font-size: 20px; cursor: pointer; }
.return { color: #000000; font-size: 10px; cursor: pointer; }
.form_waku .td1 { border: 1px solid #E7234A; background-color: #EB4768; padding: 5px; width: 35%; height: auto; margin: 1px; font-size: 14px; line-height: 18px; color: #FF6; font-weight: bold; }
.form_waku .td2 { padding: 5px; height: auto; width: 65%; border: 1px solid #E7234A; background-color: #EE6287; margin: 1px; font-size: 14px; line-height: 18px; color: #FFF; font-weight: bold; }
/*記入欄設定---------------------------------------------------------------------------------------------------*/
.act_txt { width: 360px; font-size: 14px; color: #FFF; ime-mode: active; height: 20px; border: 1px solid #F28A9F; background-color: #EA4264; }
.area_txt { width: 360px; height: 120px; font-size: 14px; color: #FFF; ime-mode: active; background-color: #EA4264; border: 1px solid #F49FB0; }
.dis_txt { width: 360px; font-size: 14px; color: #FFF; ime-mode: disabled; height: 20px; background-color: #EA4264; border: 1px solid #F28A9F; }
.dis_txt2 { width: 50px; font-size: 12px; color: #990000; ime-mode: disabled; }
/*エラー設定---------------------------------------------------------------------------------------------------*/
div.baloon { font-size: 11px; color: #900; position: absolute; padding-left: 5px; background: url("../img/baloon.gif") no-repeat top left; z-index: 1; }
div.baloon a { color: blue; text-decoration: none; padding: 2px; margin-right: 2px; }
div.baloon a:hover { background-color: #eef; }
div.baloon div { background: url("../img/baloon_right.gif") no-repeat top right; padding: 7px 7px 14px 0;    white-space: nowrap; }
.recruit-bar1 { height: 24px; width: 600px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.recruit-bar1 h2 { font-size: 16px; line-height: 24px; font-weight: bold; color: #FFF; }

.photo { height: 550px; width: 140px; float: left; }