html {height: 100%;}

body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#333333;
  margin: 0px;
  padding: 0px;
  background-image:url(../img/bg.gif);
  font-size:12px;
  line-height: 22px;
}

#container {
  width:920px;
  margin:0 auto 0;
  padding:0;
  background-image:url(../img/header_bg.gif);
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  border-left:#f8e1cb 10px solid;
  border-right:#f8e1cb 10px solid;
}

#header {
  margin:0 auto 0;
  width:882px;
  height:88px;
  position:relative;
}

ul.navi{
width:882px;
margin:0 auto 0;
padding:0;
clear:both;
}

ul.navi li{
list-style:none;
float:left;
margin:0;
padding:0;
}

a:link {text-decoration:underline; color:#0098ff}
a:visited {text-decoration:underline; color:#0098ff}
a:hover {text-decoration:none; }
a:active { text-decoration:none; }

#main{
width:920px;
height:435px;
clear:both;
background:url(../img/main.gif) no-repeat;
position:relative;
}
#main_jw{
width:920px;
height:435px;
clear:both;
background:url(../img/main_jw.gif) no-repeat;
position:relative;
}

#main p,#main_jw p{
margin:0;
top:386px;
right:48px;
position:relative;
}

/*==========年齢認証==========*/
#age_verification{
  background:#FFF;
  width:380px;
  height:150px;
  position:absolute;
  left:70px;
  bottom:23px;
}
#age_verification #text{
  padding:10px;
  text-align:center;
}
#age_verification a{
  text-decoration:none;
  display:block;
  text-align:center;
  color:#FFF;
  -webkit-box-shadow: 0px 1px 1px #666;
  font-weight:bold;
  border:solid #666 3px;
  border-radius:10px;
  -webkit-border-radius:10px;
  position:absolute;
}
#age_verification a:hover{
  text-decoration: none;
}
#age_verification a:nth-child(2){
  height:80px;
  width:200px;
  bottom:10px;
  left:8px;
  font-size:20px;
  line-height:80px;
  text-shadow:0px 1px 3px #570112;
  background:-webkit-gradient(linear, left top, left bottom, from(#FFF),
  color-stop(0.05, #ff2655),
  color-stop(0.5, #e5002a),
  color-stop(0.5, #d50025),
  to(#9d001f));
}
#age_verification a:nth-child(3){
  height:60px;
  width:140px;
  bottom:10px;
  right:8px;
  font-size:14px;
  line-height:60px;
  text-shadow:0px 1px 3px #004749;
  background:-webkit-gradient(linear, left top, left bottom, from(#FFF),
  color-stop(0.05, #7efdfa),
  color-stop(0.5, #15c7ce),
  color-stop(0.5, #13bac1),
  to(#0b8f92));
}
/*==========/年齢認証==========*/

#header_entry1{
  background-image:url(../img/header_entry.gif);
  display:block;
  position:absolute;
  top:85px;
  right:170px;
  text-decoration:none;
  text-indent:-9999px;
  width:176px;
  height:35px;
}
#header_entry1:hover{background-position:left bottom;}

#header_entry2{
  background-image:url(../img/header_entry.gif);
  display:block;
  position:absolute;
  top:85px;
  right:0px;
  text-decoration:none;
  background-position:167px 0px;
  text-indent:-9999px;
  width:167px;
  height:35px;
}
#header_entry2:hover{background-position:right bottom;}

.midentry{
  margin:0px auto;
  width:734px;
  height:230px;
  position:relative;
  background-image:url(../img/pic02back.gif);
}

.midentry a.entry1{
  width:330px;
  height:80px;
  display:block;
  position:absolute;
  top:40px;
  right:0px;
  text-decoration:none;
  text-indent:-9999px;
  background-image:url(../img/midentry_btn.gif);
}
.midentry .entry1:hover{background-position:right top;}

.midentry a.entry2{
  width:330px;
  height:70px;
  display:block;
  position:absolute;
  bottom:40px;
  right:0px;
  text-decoration:none;
  text-indent:-9999px;
  background-position:left bottom;
  background-image:url(../img/midentry_btn.gif);
}
.midentry .entry2:hover{background-position:right bottom;}

.tit2_entry1{
  width:100px;
  height:36px;
  display:block;
  position:absolute;
  top:0px;
  right:100px;
  text-decoration:none;
  text-indent:-9999px;
  background-image:url(../img/tit2_entry.gif);
}
.tit2_entry1:hover{background-position:left bottom;}

.tit2_entry2{
  width:100px;
  height:36px;
  display:block;
  position:absolute;
  top:0px;
  right:0px;
  text-decoration:none;
  text-indent:-9999px;
  background-position:right top;
  background-image:url(../img/tit2_entry.gif);
}
.tit2_entry2:hover{background-position:right bottom;}

/*サイト紹介*/

#about{
width:800px;
text-align:center;
margin:0 auto 0;
position:relative;
}

#about .pic02{
margin:0 auto 0;
background:url(../img/about_pic02.jpg);
width:745px;
height:285px;
position:relative;
}

#about .pic02 p{
text-align:left;
position:absolute;
width:444px;
left:278px;
top:63px;
margin:0;
}


/*お給料について*/

#pay{
width:800px;
text-align:center;
margin:0 auto 0;
position:relative;
}

#pay .pic03{
margin:0 auto 0;
padding:0;
background:url(../img/pay_pic03.gif) no-repeat;
width:742px;
height:230px;
text-align:left;
}

#pay .pic03 ul{margin-top:0; line-height:20px;}
#pay .pic03 li{list-style:url(../img/pay_maru.gif); margin:0;}


#pay .pic04{
margin:0 auto 0;
padding:0;
background:url(../img/pay_pic04.gif) no-repeat;
width:742px;
height:262px;
text-align:left;
}

#pay .pic04 ul{margin-top:0; line-height:20px;}
#pay .pic04 li{list-style:url(../img/pay_batu.gif); }


#pay .pic05{
margin:0 auto 0;
padding:13px 0 0 15px;
background:url(../img/pay_pic05.gif) no-repeat;
width:725px;
height:80px;
text-align:left;
line-height:18px;
}

#pay .pic05 strong{
font-size:14px;
font-weight:bold;
}

#pay .pic07{
margin:0 auto 0;
background:url(../img/pay_pic07.gif) no-repeat;
width:740px;
height:300px;
position:relative;
}
#pay .pic07_jw{
margin:0 auto 0;
background:url(../img/pay_pic07_jw.gif) no-repeat;
width:740px;
height:300px;
position:relative;
}

#pay .pic07 p.text1,#pay .pic07_jw p.text1{
  text-align:left;
  position:absolute;
  font-size:12px;
  line-height:18px;
  top:247px;
  margin:0;
  left: 2px;
}

#pay .pic07 p.text2,#pay .pic07_jw p.text2{
  text-align:left;
  position:absolute;
  font-size:12px;
  line-height:18px;
  top:247px;
  margin:0;
  left: 386px;
}



/*お仕事内容*/

#work{
width:800px;
text-align:center;
margin:0 auto 30px;
position:relative;
}

#work .pic02{
margin:0 auto 0;
background:url(../img/work_pic02.gif) no-repeat;
width:740px;
height:230px;
position:relative;
}

#work .pic02 p.text1{
  text-align:left;
  position:absolute;
  font-size:12px;
  line-height:18px;
  top:175px;
  margin:0;
  left: 2px;
}

#work .pic02 p.text2{
  text-align:left;
  position:absolute;
  font-size:12px;
  line-height:18px;
  top:175px;
  margin:0;
  left: 256px;
}

#work .pic02 p.text3{
  text-align:left;
  position:absolute;
  font-size:12px;
  line-height:18px;
  top:175px;
  margin:0;
  left: 510px;
}


#work .pic04{
margin:0 auto 0;
width:740px;
text-align:left;
}

#work .pic04 img{
float:left;
margin-right:20px;
}


#work .pic05{
margin:0 auto 0;
width:740px;
text-align:left;
}

#work .pic05 img{
float:left;
margin-right:20px;
}

#work .pic06{
margin:0 auto 0;
width:740px;
height:122px;
text-align:left;
}

#work .pic06 img{
float:left;
margin-right:20px;
}

#work .line{
margin:20px 0 20px 0;
}



/*ご登録の流れ*/

#flow{
width:800px;
text-align:center;
margin:0 auto 20px;
position:relative;
}

/*応募資格*/

#shikaku{
width:800px;
text-align:center;
margin:0 auto 30px;
position:relative;
}


/*よくあるご質問*/

#faq{
width:800px;
text-align:center;
margin:0 auto 30px;
position:relative;
}

#faq .q1{
width:360px;
text-align:left;
margin:0;
float:left;
}

#faq .q2{
width:360px;
text-align:left;
margin:0;
float:right;
}

#faq .q3{
width:360px;
text-align:left;
margin:0;
float:left;
}

#faq .q4{
width:360px;
text-align:left;
margin:0;
float:right;
}

.link{
    color:#0098ff;
    text-decoration: underline;
    cursor: pointer;
}
.link:hover{color:#0098ff; text-decoration: none;}



.openbox dt {
    padding-left: 18px;
    background: url(../img/faq_q.gif) no-repeat left center;
}

.openbox dt.open {
    background: url(../img/faq_q.gif) no-repeat left center;
}
.openbox dd {
    display: none;
  text-align:left;
  line-height:20px;
    margin-bottom: 0.7em;
    padding:5px;
  margin:0px;
    background: #ECF5B9;
}

.openbox dt#long {
    padding-left: 18px;
    background: url(../img/faq_q2.gif) no-repeat left top;
}

/*会社概要*/

#company{
width:800px;
text-align:center;
margin:0 auto 30px;
position:relative;
}


/*お問い合わせ*/

#contact{
width:800px;
text-align:center;
margin:0 auto 30px;
position:relative;
}

#contact .text{
text-align:left;
margin:20px 0 0 135px;
}


#contact table{
width:530px;
margin:auto;
}

#contact table td{
text-align:left;
}

#contact table th{
width:140px;
text-align:left;
}

/*LINE応募*/
#line{
  border: solid #aaa 3px;
  font-size: 16px;
  margin: 60px;
  padding: 30px;
  text-align: center;
}

#line .caption{
  border-bottom: solid #333 2px;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 40px;
  padding-bottom: 10px;
  text-align: left;
}

#line .caption span{
  color: #00b833;
}

#line img{
  border: solid #666 1px;
  display: block;
  margin: 20px auto;
}

.line-entry{
  background: url(//fromp.jp/images/line-entry.png);
  color: transparent!important;
  display: block;
  font-size: 1px;
  height: 120px;
  margin-left: 480px;
  position: fixed;
  left: 50%;
  top: 20px;
  width: 70px;
}


/*フッター*/

#footer_link{
text-align:center;
}

#footer{
text-align:center;
background-color:#e5e5e5;
border-top:solid 3px #eeeeee;
margin:10px 0 0 0;
padding:10px 0 20px 0;
}



/*ページトップへ*/

.pagetop{
width:745px;
text-align:right;
margin:20px auto 20px;}

/*20120107追加*/

h1{float:left; font-size:10px; font-weight:bold; margin-left:20px;}

.entrybtn{float:right; margin-top:10px; border:none;}

.right{float:right;}
.clear{clear:both;}
.view{margin-top:333px; margin-right:61px; float:right; border:none;}

#pickup{margin:15px auto;}

#pickup p{margin:0; line-height:1.7em;}
.pickupbox1,.pickupbox2,.pickupbox3{width:235px; height:110px; padding:50px 10px 15px 10px; float:left; margin-bottom:30px;}

.pickupbox1{margin-left:50px; background:url(../img/pickup_01.gif) no-repeat;}
.pickupbox2{margin-left:30px; background:url(../img/pickup_02.gif) no-repeat;}
.pickupbox3{margin-left:30px; background:url(../img/pickup_03.gif) no-repeat;}

img{border:none;}


/*================================================================
　お問い合わせフォーム（2018/10）
=================================================================*/
#formwrap{
}

#formwrap table{
  margin: 40px auto 0;
}

#formwrap table th,td{
  box-sizing: border-box;
}

#formwrap table th{
  text-align: left;
}

#formwrap input[type="text"]{
  box-sizing: border-box;
  border: none;
  outline: none;
  background: none;
  padding: 5px 10px;
  border: solid #999 1px;
  background: transparent;
  border-radius: 3px;
  font-size: 14px;
}

#formwrap textarea{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  padding: 10px;
  border: solid #999 1px;
  outline: none;
  background: transparent;
  box-sizing: border-box;
}

#formwrap input[type="submit"],
#formwrap input[type="button"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  color: #fff;
  background: #999;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  line-height: 2em;
  margin: 10px;
  width: 160px;
}

#formwrap input[type="submit"]:hover,
#formwrap input[type="button"]:hover{
  opacity: 0.75;
}

#formwrap .err{
  margin: 40px;
  text-align: center;
}
#formwrap .err_title{
  font-size: 14px;
  font-weight: bold;
}

#formwrap .err_txt{
  color: #f00;
  font-size: 14px;
}

#contact #thanks{
  margin: 60px 0;
  position: relative;
  font-size: 18px!important;
  line-height: 1.5em!important;
}

#contact #formwrap .caption,
#contact #thanks .caption{
  height: 36px;
  margin: 80px 0;
  text-align: left;
}


/*＝＝＝＝＝＝＝＝＝＝プライバシーポリシー＝＝＝＝＝＝＝＝＝＝*/
#privacy{
  padding: 80px;
}

#privacy h2{
  background: #e7ffc1;
  color: #339900;
  font-size: 22px;
  line-height: 36px;
  padding: 0 20px;
}