@charset "UTF-8";
/* CSS Document */
#recruitMainImage{
clear:both;
margin-bottom:20px;
background:url(../images/recruit_image.jpg) no-repeat 0 0;
width:847px;
height:220px;
}

#leftSide{
width:580px;
text-align:left;
float:left;
margin-bottom:30px;
}

#leftSide h3.message{
background:url(../images/title_message.gif) no-repeat 0 0;
height:20px;
font-size:12px;
text-indent:-9999px;
margin:0 0 10px 0;
}

#leftSide .topMessage{
font-size:0.73em;
line-height:165%;
margin:0 0 40px 0;
}

*+html #leftSide .topMessage{
font-size:0.7em;
}

#leftSide .topMessage .photo{
float:left;
margin:0 10px 10px 0;
}

#leftSide .newGra, #leftSide .career{
width:274px;
padding:2px;
border:1px solid #E0C9AD;
float:left;
}

#leftSide .career{
float:right;
}

#leftSide .newGra p, #leftSide .career p{
font-size:0.73em;
line-height:140%;
padding-left:0.5em;
margin:0;
}

*+html #leftSide .newGra p, *+html #leftSide .career p{
font-size:0.7em;
}

h3.newGraImg, h3.careerImg{
margin:0 0 5px 0;
}

.btnMore{
float:right;
margin:12px 5px 3px 0;
font-size:0.73em;
width:40px;
height:10px;
background:url(../images/btn_more.gif) no-repeat 0 0;
}

.btnMoreNon{
float:right;
margin:12px 5px 3px 0;
font-size:0.73em;
width:40px;
/*height:5px;*/
display:block;
}

.btnMore a{
display:block;
width:40px;
height:10px;
}

.btnMore a span, .btnMoreNon span{
position:absolute;
left:-9999px;
}


#rightSide .bunners{
margin:30px 0 20px 0;
}

#rightSide .bunners img{
margin-bottom:8px;
}


/*右メニュー----------------------------------*/
#rightSide{
width:220px;
float:right;
text-align:left;
padding:0;
margin-bottom:30px;
}

#rightSide h3.recruitNews{
background:#CCC url(../images/title_news.gif) no-repeat 5px 4px;
width:220px;
margin:0 0 10px 0;
height:20px;
}

#rightSide h3.recruitNews span{
position:absolute;
left:-9999px;
}

.recruitRight ul{
margin:5px 0;
list-style-type:none;
padding:0;
}

.recruitRight li{
font-size:0.65em;
line-height:160%;
margin:0 0 8px 0;
background:url(../images/list_marker_news.gif) no-repeat 0 2px;
padding-left:18px;
}

/*------------------------*/
#rightSide .rightMenu{
background-color:#ECECEC;
text-align:center;
padding:10px 0 20px 0;
text-align:left;
}

#rightSide .rightMenu .titleDetail{
background:url(../images/tits_detail.gif) no-repeat 0 0;
width:204px;
height:19px;
text-indent:-9999px;
margin:0 auto;
}

.rightMenu ul{
list-style-type:none;
margin:15px 0 8px 0;
padding:0;
width:204px;
}

.rightMenu li{
font-size:0.8em;
margin-left:10px;
margin-bottom:8px;
text-align:left;
text-indent:-9999px;
}

.rightMenu li.rShopStaff{
background:url(../images/r_m_shopstaff.gif) no-repeat 0 0;
width:77px;
height:13px;
}

.rightMenu li.rShopStaff a{
display:block;
width:77px;
height:13px;
}

.rightMenu li.rShopStaff a:hover{
background:url(../images/r_m_shopstaff.gif) no-repeat -77px 0;
display:block;
width:77px;
height:13px;
}

.rightMenu li.rShopStaff2{
background:url(../images/r_m_shopstaff2.gif) no-repeat 0 0;
width:135px;
height:13px;
}

.rightMenu li.rShopStaff2 a{
display:block;
width:135px;
height:13px;
}

.rightMenu li.rShopStaff2 a:hover{
background:url(../images/r_m_shopstaff2.gif) no-repeat -135px 0;
display:block;
width:135px;
height:13px;
}


.rightMenu li.rCreative{
background:url(../images/r_m_creative.gif) no-repeat 0 0;
width:86px;
height:13px;
}

.rightMenu li.rCreative a{
display:block;
width:86px;
height:13px;
}

.rightMenu li.rCreative a:hover{
background:url(../images/r_m_creative.gif) no-repeat -86px 0;
display:block;
width:86px;
height:13px;
}

.rightMenu li.rOffice{
background:url(../images/r_m_officestaff.gif) no-repeat 0 0;
width:96px;
height:13px;
}

.rightMenu li.rOffice a{
display:block;
width:96px;
height:13px;
}

.rightMenu li.rOffice a:hover{
background:url(../images/r_m_officestaff.gif) no-repeat -96px 0;
display:block;
width:96px;
height:13px;
}

.rightMenu li.rManage{
background:url(../images/r_m_manage.gif) no-repeat 0 0;
width:55px;
height:13px;
}

.rightMenu li.rManage a{
display:block;
width:55px;
height:13px;
}

.rightMenu li.rManage a:hover{
background:url(../images/r_m_manage.gif) no-repeat -55px 0;
display:block;
width:55px;
height:13px;
}


.rightMenu li.rDesigner{
background:url(../images/r_m_designer.gif) no-repeat 0 0;
width:124px;
height:13px;
}

.rightMenu li.rDesigner a{
display:block;
width:124px;
height:13px;
}

.rightMenu li.rDesigner a:hover{
background:url(../images/r_m_designer.gif) no-repeat -124px 0;
display:block;
width:124px;
height:13px;
}

.rightMenu li.rArbeit{
background:url(../images/r_m_arbeit.gif) no-repeat 0 0;
width:63px;
height:11px;
}


.rightMenu li.rOffice2{
background:url(../images/r_m_officestaff2.gif) no-repeat 0 0;
width:73px;
height:13px;
}

.rightMenu li.rOffice2 a{
display:block;
width:73px;
height:13px;
}

.rightMenu li.rOffice2 a:hover{
background:url(../images/r_m_officestaff2.gif) no-repeat -73px 0;
display:block;
width:73px;
height:13px;
}


.rightMenu li.rArbeit a{
display:block;
width:63px;
height:11px;
}

.rightMenu li.rArbeit a:hover{
background:url(../images/r_m_arbeit.gif) no-repeat -63px 0;
display:block;
width:63px;
height:11px;
}

.rightMenu li.rSyokusyu{
background:url(../images/r_m_syokusyu.gif) no-repeat 0 0;
display:block;
width:54px;
height:13px;
}

.rightMenu li.rSyokusyu a{
display:block;
width:54px;
height:13px;
}

.rightMenu li.rSyokusyu a:hover{
background:url(../images/r_m_syokusyu.gif) no-repeat -54px 0;
display:block;
width:54px;
height:13px;
}

.rightMenu li.rGuideline{
background:url(../images/r_m_guideline.gif) no-repeat 0 0;
display:block;
width:54px;
height:13px;
}

.rightMenu li.rGuideline a{
display:block;
width:54px;
height:13px;
}

.rightMenu li.rGuideline a:hover{
background:url(../images/r_m_guideline.gif) no-repeat -54px 0;
display:block;
width:54px;
height:13px;
}

.rightMenu li.rForm{
background:url(../images/r_m_form.gif) no-repeat 0 0;
display:block;
width:109px;
height:13px;
}

.rightMenu li.rForm a{
display:block;
width:109px;
height:13px;
}

.rightMenu li.rForm a:hover{
background:url(../images/r_m_form.gif) no-repeat -109px 0;
display:block;
width:109px;
height:13px;
}

.rmTit {
width:202px;
margin:5px 0 0 9px;
background:url(../images/r_m_dotline.gif) repeat-x left bottom;
padding-bottom:5px;
}