/* CSS Document */
/*-------------index.htmlに指定-------------
--------------------------------------------*/
/*=========================
ul#recruitNavに指定
=========================*/
#recruitDust{
padding: 21px 0 5px 0;
width: 545px; height: 18px;
color: #666666;
text-align: left;
text-indent: -1px;
letter-spacing: 2px;
border-bottom: 1px solid #E1E1E1;
}
ul#recruitNav{
display: block;
position: relative;
top: 0px;
left: 0px;
width: 545; height: 20px;
list-style: none;
}
ul#recruitNav li{
margin: 1px 0 0 0;
padding: 0 0;
float: left;
}
li#r_recruit a{
display: block;
width: 91px; height: 20px;
text-indent: -9999px;
background: url(img/index_btn.gif) left top no-repeat;
}
li#r_recruithome{
display: block;
width: 91px; height: 20px;
text-indent: -9999px;
background: url(img/index_btn.gif) left bottom no-repeat;
}
li#r_new a{
display: block;
width: 142px; height: 20px;
text-indent: -9999px;
background: url(img/new_btn.gif) left top no-repeat;
}
li#r_newhome{
display: block;
width: 142px; height: 20px;
text-indent: -9999px;
background: url(img/new_btn.gif) left bottom no-repeat;
}
li#r_career a{
display: block;
width: 143px; height: 20px;
text-indent: -9999px;
background: url(img/career_btn.gif) left top no-repeat;
}
li#r_careerhome{
display: block;
width: 143px; height: 20px;
text-indent: -9999px;
background: url(img/career_btn.gif) left bottom no-repeat;
}
li#r_entry a{
display: block;
width: 111px; height: 20px;
text-indent: -9999px;
background: url(img/entry_btn.gif) left top no-repeat;
}
li#r_entryhome{
display: block;
width: 111px; height: 20px;
text-indent: -9999px;
background: url(img/entry_btn.gif) left bottom no-repeat;
}
/*-------------ロールオーバー-----------*/
li#r_recruit a:hover{
background-position: 0 -20px;
}
li#r_new a:hover{
background-position: 0 -20px;
}
li#r_career a:hover{
background-position: 0 -20px;
}
li#r_entry a:hover{
background-position: 0 -20px;
}
/*===========================
billboardに指定
===========================*/
.billboardimg_r{
margin-top: 46px;
width: 545px; height: 59px;
}
* html .billboardimg_r{
margin-top: 66px;
width: 545px; height: 59px;
}
/*===========================
#recruitに指定
===========================*/
dl#informationbg{
width: 544px; height: 537px;
background: url(img/recruitinformationimg.jpg) left top no-repeat;
border: 1px solid #CBCBCB;
}
dt.rInfo, dd.rInfo{
display: none;
}
ul#memberListTop{
float: left;
list-style: none;
width: 493px; height: 49px;
}
li.memberT a{
display: block;
position: relative;
top: 451px;
left: 23px;
width: 148px; height: 49px;
text-indent: -9999px;
background: url(img/takahashi_btn.gif) left top no-repeat;
}
li.memberJ a{
display: block;
position: relative;
top: 402px;
left: 196px;
width: 148px; height: 49px;
text-indent: -9999px;
background: url(img/jinbo_btn.gif) left top no-repeat;
}
li.memberK a{
display: block;
position: relative;
top: 353px;
left: 368px;
width: 148px; height: 49px;
text-indent: -9999px;
background: url(img/kamiya_btn.gif) left top no-repeat;
}
/*--------- ロールオーバー ------------*/
li.memberT a:hover{
background-position: 0 -49px;
}
li.memberJ a:hover{
background-position: 0 -49px;
}
li.memberK a:hover{
background-position: 0 -49px;
}
/*---------------employee_01.htmlに指定---------------
------------------------------------------------------*/
#recruit{
width: 544px; height: auto;
border: 1px solid #AEAEAE;
background-color: #FFFFFF;
}
#recruitEmployee01{
width: 544px; height: 739px;
border: 1px solid #AEAEAE;
background-color: #FFFFFF;
}
* html #recruitEmployee01{
width: 544px; height: auto;
border: 1px solid #AEAEAE;
background-color: #FFFFFF;
}
#recruitEmployee02{
width: 544px; height: 727px;
border: 1px solid #AEAEAE;
background-color: #FFFFFF;
}
* html #recruitEmployee02{
width: 544px; height: auto;
border: 1px solid #AEAEAE;
background-color: #FFFFFF;
}
#recruitEmployee03{
width: 544px; height: 823px;
border: 1px solid #AEAEAE;
background-color: #FFFFFF;
}
* html #recruitEmployee03{
width: 544px; height: auto;
border: 1px solid #AEAEAE;
background-color: #FFFFFF;
}
#recruitEntry{
width: 544px; height: auto;
}
dl#interviewT{
width: 544px; height: 212px;
background: url(img/interviewprofimgt.jpg) left top no-repeat;
}
dl#interviewJ{
width: 544px; height: 212px;
background: url(img/interviewprofimgj.jpg) left top no-repeat;
}
dl#interviewK{
width: 544px; height: 212px;
background: url(img/interviewprofimgk.jpg) left top no-repeat;
}
dt.iProf, dd.iProf{
display: none;
}
ul#interviewList01{
float: left;
width: 219px;
margin-bottom: 31px;
padding-left: 36px;
list-style: none;
}
li.interviewTitle01{
margin-top: 29px;
margin-bottom: 5px;
display: block;
width: 220px; height: 56px;
text-indent: -9999px;
background: url(img/myworktitle.gif) left top no-repeat;
}
dt.interview{
padding-top: 2px;
padding-left: 5px;
color: #143C61;
border-left: 4px solid #3A9DFF;
}
dd.interviewsub{
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 5px;
color: #143C61;
font-size: 10px;
line-height: 16px;
letter-spacing: 1.5px;
border-bottom: 1px dashed #D0D9E0;
}
dd.interviewsubBottom{
margin-bottom: 5px;
padding-top: 7px;
padding-left: 5px;
color: #143C61;
font-size: 10px;
letter-spacing: 1.5px;
line-height: 16px;
}
ul#interviewList02{
float: left;
width: 219px;
padding-left: 36px;
list-style: none;
}
li.interviewTitle02{
margin-top: 25px;
margin-bottom: 5px;
display: block;
width: 220px; height: 56px;
text-indent: -9999px;
background: url(img/comenttitle.gif) left top no-repeat;
}
* html dt.interview{
margin-top: -13px;
padding-left: 5px;
color: #143C61;
border-left: 4px solid #3A9DFF;
}
* html dd.interviewsub{
padding-left: 5px;
color: #143C61;
font-size: 10px;
border-bottom: 1px dashed #D0D9E0;
}
/*===========================
othersInterviewに指定
===========================*/
p.othersInterview{
clear: both;
width: 476px;
margin-left: 36px;
margin-bottom: 19px;
text-indent: 17px;
line-height: 15px;
border-bottom: 1px dashed #D0D9E0;
background: url(img/arrow.gif) left top no-repeat;
}
ul#memberList{
position: relative;
left: 36px;
}
* html ul#memberList{
margin-left: 36px;
}
ul#memberList li{
float: left;
list-style: none;
}
li.takahashi a{
display: block;
/*margin-right: 7px;*/
width: 154px; height: 50px;
text-indent: -9999px;
background: url(img/takahashi_sub_btn.gif) left top no-repeat;
}
li.takahashi{
display: block;
margin-right: 7px;
width: 154px; height: 50px;
text-indent: -9999px;
background: url(img/takahashi_sub_btn.gif) left bottom no-repeat;
}
li.jinbo a{
display: block;
/*margin-right: 7px;*/
width: 154px; height: 50px;
text-indent: -9999px;
background: url(img/jinbo_sub_btn.gif) left top no-repeat;
}
li.jinbo{
display: block;
margin-right: 7px;
width: 154px; height: 50px;
text-indent: -9999px;
background: url(img/jinbo_sub_btn.gif) left bottom no-repeat;
}
li.kamiya a{
display: block;
width: 154px; height: 50px;
text-indent: -9999px;
background: url(img/kamiya_sub_btn.gif) left top no-repeat;
}
li.kamiya{
display: block;
width: 154px; height: 50px;
text-indent: -9999px;
background: url(img/kamiya_sub_btn.gif) left bottom no-repeat;
}
li.takahashi a:hover{
background-position: 0 -50px;
}
li.jinbo a:hover{
background-position: 0 -50px;
}
li.kamiya a:hover{
background-position: 0 -50px;
}
/*----------------- entry.html に指定 ---------------
-----------------------------------------------------*/
/*=============================
formに指定
=============================*/
#recruitForm{
margin-top: 15px;
width: 545px; height: auto;
background-color: #FFFFFF;
}
.FormBox{
padding-left: 20px;
width: auto; height: 737px;
}
p#formBoxIntroduction{
font-size: 10px;
padding: 16px 0 14px 0;
}
dt#formContactTitle{
margin-bottom: 6px;
width: 544px; height: 21px;
color: #FFFFFF;
background: url(../contact/img/mailtitlebg.gif) left top no-repeat;
text-indent: 20px;
letter-spacing: 0px;
line-height: 21px;
}
dd.inputConfirm{
margin-bottom: 16px;
line-height: 19px;
letter-spacing: 0px;
}
.small{
font-size: 10px;
}
/*----------entryFormTableに指定---------*/
td.entrybg{
padding: 3px 0 16px 16px;
width: 121px; height: 20px;
text-indent: 18px;
font: 10px "ＭＳ ゴシック", "Osaka−等幅";
background: url(img/entrybg.gif) left top no-repeat;
}
/*-------------form bg---------------------*/
.Name, .MailName{
margin-left: 10px;
padding-top: 1px;
width: 312px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.birth01{
margin-left: 10px;
padding-top: 1px;
width: 44px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.birth02, .birth03{
padding-top: 1px;
width: 33px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.oldyear{
margin-left: 10px;
padding-top: 1px;
width: 33px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.sex{
margin-left: 10px;
padding-top: 1px;
width: 33px; height: 17px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.radio01{
margin-left: 10px;
margin-top: 5px;
}
.radio02{
margin-left: 26px;
margin-top: 5px;
}
.Zip1{
margin-left: 10px;
padding-top: 1px;
width: 33px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.Zip2{
padding-top: 1px;
width: 48px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.Tel1{
margin-left: 10px;
padding-top: 1px;
width: 44px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.Tel2, .Tel3{
padding-top: 1px;
width: 44px; height: 15px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.Expl{
margin-left: 10px;
padding-top: 1px;
width: 312px; height: 87px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.Expl01, .Expl02{
margin-left: 10px;
margin-bottom: 14px;
padding-top: 1px;
width: 312px; height: 87px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.Expl03{
margin-left: 10px;
padding-top: 1px;
width: 312px; height: 87px;
border: 2px inset #DEE5EB;
background-color: #E7ECF0;
}
.CFTTerm{
letter-spacing: 2px;
line-height: 15px;
}
.CFTTerm02{
letter-spacing: 2px;
margin-bottom: 10px;
margin-left: 5px;
font-size: 10px;
}
.CFTTerm03{
letter-spacing: 2px;
margin-left: 5px;
font-size: 10px;
}
.btn{
margin-left: 383px;
margin-top: 19px;
margin-bottom: 16px;
}
* html .btn{
margin-bottom: 20px;
}
/*----------------- confirm.html に指定 ---------------
-----------------------------------------------------*/
/*=============================
formに指定
=============================*/
#recruitForm{
margin-top: 15px;
margin-bottom: 20px;
width: 545px; height: auto;
background-color: #FFFFFF;
}
.FormBoxConfirm{
padding-top: 20px;
padding-left: 20px;
width: auto; height: auto;
}
p#formBoxIntroduction{
font-size: 10px;
padding: 16px 0 14px 0;
}
/*p.inputConfirm{
margin-bottom: 6px;
width: 545px; height: 21px;
background: left top no-repeat;
color: #FFFFFF;
text-indent: 20px;
letter-spacing: 0px;
line-height: 21px;
}*/
p.inputConfirm{
margin-bottom: 6px;
width: 544px; height: 21px;
color: #FFFFFF;
background: url(../contact/img/mailtitlebg.gif) left top no-repeat;
text-indent: 20px;
letter-spacing: 0px;
line-height: 21px;
}
p.attentionConf{
margin-bottom: 16px;
line-height: 20px;
}
td.inputtext{
width: 330px; height: 20px;
font-size: 10px;
letter-spacing: 2px;
line-height: 19px;
}
td.bgConf{
padding: 3px 6px 16px 16px;
width: 179px; height: 20px;
text-indent: 18px;
font: 10px "ＭＳ ゴシック", "Osaka−等幅";
background: url(../share/CFTTermbg.gif) left top no-repeat;
}
.space{
height: 10px;
}
td.etcbgConf{
padding: 3px 6px 16px 16px;
width: 179px; height: 35px;
text-indent: 18px;
font: 10px "ＭＳ ゴシック", "Osaka−等幅";
background: url(../share/etcbg01.gif) left top no-repeat;
}
.btnConf01{
display: block;
position: relative;
top: 0px;
left: 328px;
margin-top: 17px;
padding-right: 20px;
}
.btnConf02{
display: block;
position: relative;
top: -37px;
left: 426px;
margin-top: 17px;
padding-right: 20px;
}
/*----------------- new.html に指定 ---------------
-----------------------------------------------------*/
#newInfo{
width: 545px; height: 143px;
background: url(img/newbg.gif) left top no-repeat;
}
.newInfoSub{
padding-left: 22px;
padding-top: 23px;
}
a.careerDetail{
display: block;
margin: 24px 0 0 22px;
width: 157px; height: 16px;
text-indent: -9999px;
background: url(img/careerdetail_btn.gif) left top no-repeat;
line-height: 0px;
}
a.careerDetail:hover{
background-position: 0 -16px;
}
/*----------------- career.html に指定 ---------------
-----------------------------------------------------*/
a.entryDetail{
display: block;
position: relative;
top: 6px; left: 412px;
width: 117px; height: 16px;
text-indent: -9999px;
line-height: 0px;
background: url(img/entrydetail_btn.gif) right top no-repeat;
}
a.entryDetail:hover{
background-position: 0 -16px;
}
#bgcareer{
width: 545px; height: auto;
}
#bgcareer1{
margin-top: 40px;
width: 545px; height: auto;
}
table#careertable{
width: 545px; height: auto;
}
td.careerA{
width: 75px; height: auto;
padding: 11px 15px 9px 15px;
vertical-align: top;
line-height: 21px;
background-color: #EAEAEA;
border-bottom: 1px solid #FFFFFF;
}
td.careerB{
width: 400px; height: auto;
padding: 11px 15px 9px 15px;
line-height: 21px;
background-color: #FFFFFF;
border-bottom: 1px solid #E8E8E8;
}
td.careerC{
width: 5px; height: auto;
background: url(img/careerbgleftside.gif) left top repeat-y;
}
td.careerD{
width: 4px; height: auto;
background: url(img/careerbgrightside.gif) left top repeat-y;
}
td.careerF{
width: 545px; height: 5px;
background: url(img/careerbottombg.gif) center bottom repeat-y;
}
td.careerG{
width: 399px; height: auto;
padding: 11px 16px 9px 16px;
line-height: 21px;
background-color: #FFFFFF;
}
td.careerH{
width: 75px; height: auto;
padding: 11px 15px 9px 15px;
vertical-align: top;
line-height: 21px;
background-color: #EAEAEA;
}
td.careerI{
width: 75px; height: auto;
padding: 11px 15px 9px 15px;
line-height: 21px;
background-color: #EAEAEA;
border-bottom: 1px solid #FFFFFF;
}
td.careercon{
width: 545px; height: 60px;
background: url(img/consultingtitle.gif) center top no-repeat;
}
td.careeroff{
width: 545px; height: 60px;
background: url(img/officeworktitle.gif) center top no-repeat;
}
td.careerinput{
width: 545px; height: 60px;
background: url(img/datainputtitle.gif) center top no-repeat;
}
td.careerdelivery{
width: 545px; height: 60px;
background: url(img/deliverytitle.gif) center top no-repeat;
}