/*
New Style 2011
*/
/* BG img */
#content { background-image: none; }

#content h2 {
height: 20px;
margin-top: 0px;
margin-bottom: 10px;
padding: 0;
display: block;
clear: both;
}

#content h2.info { background: url(../recruit/img/title_info.gif) no-repeat 0 0; }

#content h2.qanda { background: url(../recruit/img/title_qa.gif) no-repeat 0 0; }

/* ! content box */
#rec_info{
background: url(../recruit/img/list_bg_off.gif) repeat 0px 0px;
border-top: solid 1px #dedede;
margin-bottom: 50px;
}

#accordion {
background: url(../recruit/img/list_bg_off.gif) repeat 0px 0px;
border-top: solid 1px #dedede;
}

/* ! Recruiting infomation */
#rec_info div {
border-bottom: solid 1px #dedede;
border-top: solid 1px #fff;
padding-left: 80px;
padding-top: 22px;
padding-bottom: 16px;
display: block;
color: #a6a6a6;
/* clear */
overflow: hidden;
zoom: 1;
}

#rec_info h3 {
width: 588px;
height: 25px;
float: left;
display: block;
padding: 0px;
margin: 0px;
}

#rec_info p {
width: 588px;
float: left;
display: block;
padding: 0px;
margin: 0px;
}

/* 募集がある時にボタンを表示 */
#rec_info div.on {
/* background: url(../recruit/img/list_bg_on.gif) repeat 0px 0px; */
/* background: url(../recruit/img/circle_on.png) no-repeat 25px center rgba( 255,255,255,0.5 ); */
background: url(../recruit/img/circle_on.png) no-repeat 25px center rgb( 248,248,248 );
}

#rec_info div.on h3 {
color: #77b205;
}

#rec_info div.on p {
color: #888;
}


#rec_info div.on.hover {
background: url(../recruit/img/circle_on.png) no-repeat 25px center #f3f9e9 ;
}

#rec_info a {
background: url(../recruit/img/linkbtn.gif) no-repeat right center;
width: 222px;
height: 26px;
float: right;
display: block;
margin-top: 4px;
margin-right: 8px;
_margin-top: 2px;
_margin-right: 4px;
}

#rec_info a:hover {
background: url(../recruit/img/linkbtn_hover.gif) no-repeat right center;
}

/* 募集が無い場合に表示 */
#rec_info .off {
background: url(../recruit/img/circle_off.png) no-repeat 25px center;
}

#rec_info i {
background: url(../recruit/img/nonebtn.gif) no-repeat right center;
width: 222px;
height: 26px;
float: right;
display: block;
margin-top: 4px;
margin-right: 8px;
_margin-top: 2px;
_margin-right: 4px;

}

/* タイトル画像 */
#rec_info .on .shoplong { background: url(../recruit/img/list_text_shoplong_on.png) no-repeat left top; }

#rec_info .off .shoplong { background: url(../recruit/img/list_text_shoplong.png) no-repeat left top; }

#rec_info .on .shopshort { background: url(../recruit/img/list_text_shopshort_on.png) no-repeat left top; }

#rec_info .off .shopshort { background: url(../recruit/img/list_text_shopshort.png) no-repeat left top; }

#rec_info .on .other { background: url(../recruit/img/list_text_other_on.png) no-repeat left top; }

#rec_info .off .other { background: url(../recruit/img/list_text_other.png) no-repeat left top; }

#rec_info .on .regular { background: url(../recruit/img/list_text_regular_on.png) no-repeat left top; }

#rec_info .off .regular { background: url(../recruit/img/list_text_regular.png) no-repeat left top; }

/* ! Q and A */
#accordion dt {
border-bottom: solid 1px #dedede;
border-top: solid 1px #fff;
font-size: 16px;
color: #666;
background: url(../recruit/img/qa_btn_open.gif) no-repeat right center;
}

#accordion dt .dtttl {
background: url(../recruit/img/icon_q.gif) no-repeat 15px center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 60px;
display: block;
position: relative;
}

#accordion dt.over {
background: url(../recruit/img/qa_btn_open_over.gif) no-repeat right center #ebf0f3;
/*
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
*/
cursor: pointer;
}

#accordion dt.selected {
border-bottom: dashed 1px #dedede;
background: url(../recruit/img/qa_btn_close.gif) no-repeat right center #fff;
/*
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
*/
}

#accordion dt.selected.over {
background: url(../recruit/img/qa_btn_close_over.gif) no-repeat right center #fff;
}

#accordion dt.selected .dtttl {
background: url(../recruit/img/icon_q_select.gif) no-repeat 15px center;
}

#accordion dd {
background: url(../recruit/img/shadow_top.png) no-repeat center bottom #fff;
padding-bottom: 20px;
margin: 0;
color: #555;
}

/*影が下に重なる案
#accordion dd {
background: url(../recruit/img/shadow_bottom.png) no-repeat center bottom;
padding-bottom: 10px;
margin-bottom: -22px;
position: relative;
}
*/

#accordion p {
/*padding-bottom: 30px; ←影が下に重なる案の時にON*/
min-height: 40px;
padding-top: 20px;
padding-left: 95px;
padding-bottom: 25px;
margin: 0;
background: url(../recruit/img/icon_a.gif) no-repeat 10px 20px #fff;
}

.qa_bottom {
border-bottom: solid 1px #dedede;
border-top: solid 1px #fff;
background-color: #ebf0f3;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: #666;
}

.qa_bottom strong {
color: #628ba7;
font-weight: bold;
padding-bottom: 5px;
padding-left: 40px;
padding-right: 8px;
padding-top: 5px;
background: url(../recruit/img/icon_bubbles.gif) no-repeat left center;
}