@charset "utf-8";

/* CSS Document */
#indexImg { background:url(/recruit/img/mainImg_bg.gif) left top repeat-x; }

#indexImg p {
margin:0 auto;
width:891px;
padding: 20px 0;
}



#gNavi.index { margin-bottom:0; }

#indexBanner {
background:url(/recruit/img/index_bnr_bg.gif) left top repeat-x;
margin-bottom:25px;
}

#indexBanner ul { /* clearfix */
margin:0px auto;
width:890px;
padding:10px 0px;
}

#indexBanner ul li {
float:left;
margin:0px 22px 0 0;
padding:0;
}

#indexBanner ul li.last { margin:0; }

#indexCnt { /* clearfix */
width:890px;
margin:0 auto 50px auto;
}

/* ----------------------------------------------------------- #newsArea */
#indexCnt #newsArea { /* clearfix */
float:left;
width:665px;
margin-top:8px;
}

#indexCnt #newsArea .news {
float:left;
width:306px;
margin-right:25px;
}

#indexCnt #newsArea .center {margin-right:0px;}


#indexCnt #newsArea .news .newsHead { /* clearfix */
width:306px;
background:url(/recruit/img/common/h4_bg.gif) left bottom no-repeat;
padding-bottom:11px;
margin-bottom:15px;
}

#indexCnt #newsArea .news .newsHeadCareer { /* clearfix */
width:306px;
background:url(/recruit/img/common/h4_bg_career.gif) left bottom no-repeat;
padding-bottom:11px;
margin-bottom:15px;
}


#indexCnt #newsArea .news .newsHead h2 { float:left; }

#indexCnt #newsArea .news .newsHead ul { /* clearfix */ float:right; }

#indexCnt #newsArea .news .newsHead ul li {
float:right;
margin-left:15px;
}

#indexCnt #newsArea .news dl { /* clearfix */ }

#indexCnt #newsArea .news dl dt {
font-weight:bold;
margin-bottom:10px;
}

#indexCnt #newsArea .news dl dd {
background:url(/recruit/img/common/border_news.gif) left bottom repeat-x;
padding-bottom:10px;
margin-bottom:10px;
}

#indexCnt #newsArea .news dl dd a {
background:url(/recruit/img/common/arrow01.gif) left 0.4em no-repeat;
padding-left:1em;
display:block;
line-height:140%;
text-decoration:none;
}

#indexCnt #newsArea .news dl.career dd a {
background:url(/recruit/img/common/arrow02.gif) left 0.4em no-repeat;
padding-left:1em;
display:block;
line-height:140%;
text-decoration:none;
}

#indexCnt #newsArea .news dl.career dd a:link,
#indexCnt #newsArea .news dl.career dd a:visited{
color:#318655;
}
#indexCnt #newsArea .news dl.career dd a:hover,
#indexCnt #newsArea .news dl.career dd a:active{
color:#CD293B;
}



#indexCnt #newsArea .news dl dd a:hover {
background-image:url(/recruit/img/common/arrow01_on.gif);
text-decoration:underline;
}

/* ----------------------------------------------------------- #sNavi */
#indexCnt #sNavi {
float:right;
width:223px;
}
#indexCnt #sNavi div { background:url(/recruit/img/sNavi_bg.gif) left bottom no-repeat; }
#indexCnt #sNavi div h3 {
margin:0;
padding:0;
}

#indexCnt #sNavi div ol {
margin:12px 12px;
padding-bottom:6px;
}

#indexCnt #sNavi div ol li {
margin-bottom:10px;
line-height:140%;
}
#indexCnt #sNavi div ol li a {
background:url(/recruit/img/common/arrow01.gif) left 0.35em no-repeat;
padding-left:10px;
text-decoration:none;
}
#indexCnt #sNavi div ol.career li a {
background:url(/recruit/img/common/arrow02.gif) left 0.35em no-repeat;
padding-left:10px;
text-decoration:none;
}
#indexCnt #sNavi div ol.career li a:link,
#indexCnt #sNavi div ol.career li a:visited {
color:#318655;
}
#indexCnt #sNavi div ol.career li a:hover,
#indexCnt #sNavi div ol.career li a:active {
color:#CD293B;
}



#indexCnt #sNavi div ol li a:hover {
background:url(/recruit/img/common/arrow01_on.gif) left 0.35em no-repeat;
text-decoration:underline;
}

#indexCnt #sNavi div#sNavi_banner ul {
margin:0 auto;
padding-bottom:2px;
width:219px;
}

/* ----------------------------------------------------------- clearfix */
#indexBanner ul:after,
#indexCnt:after,
#indexCnt #newsArea:after,
#indexCnt #newsArea .newsHead:after,
#indexCnt #newsArea .newsHead ul:after {
content:url(/recruit/img/common/pixel.gif);
display:block;
clear:both;
height:0;
}

#indexBanner ul,
#indexCnt,
#indexCnt #newsArea,
#indexCnt #newsArea .newsHead,
#indexCnt #newsArea .newsHead ul { display:inline-block; }

#indexBanner ul,
#indexCnt,
#indexCnt #newsArea,
#indexCnt #newsArea .newsHead,
#indexCnt #newsArea .newsHead ul { display:block; }

#sNavi_other li{
margin: 1em 0;
}