@charset "utf-8";
/* CSS Document */

@import "base.css";
@import "common.css";
/* ------------------------------------------------------------------------------------ contents */

/* main banner */

#contents .bn{ 
float:left;
width:645px;
padding-top:30px;
}

#contents .l_box{
float:left;
width:410px;
}

#contents .r_box{
float:right;
width:220px;
}
 
#contents .zestmerit a{
margin:0px 15px 15px 0px;
width:410px;
height:160px;
display:block;
background:url(../images/top/zestmerit.jpg) no-repeat left top;
text-indent:-9999px;
}

#contents .zestmerit a:hover{
background:url(../images/top/zestmerit_o.jpg) no-repeat left top;
}

#contents .dl a{
margin:0 0 10px;
width:410px;
height:45px;
display:block;
background:url(../images/top/dl.jpg) no-repeat left top;
text-indent:-9999px;
}

#contents .dl a:hover{
background:url(../images/top/dl_o.jpg) no-repeat left top;
}

#contents .head a{
margin-bottom:15px;
width:220px;
height:106px;
display:block;
background:url(../images/top/head.jpg) no-repeat left top;
text-indent:-9999px;
}

#contents .head a:hover{
background:url(../images/top/head_o.jpg) no-repeat left top;
}

#contents .cc a{
width:220px;
height:99px;
display:block;
background:url(../images/top/cc.jpg) no-repeat left top;
text-indent:-9999px;
}

#contents .cc a:hover{
background:url(../images/top/cc_o.jpg) no-repeat left top;
}


/* --------------------main-bottom-------------------- */

#cap_center{
width:625px;
margin:auto;
margin-bottom:30px;
}

#cap_center_top{
width:625px;
margin:auto;
margin-bottom:30px;
line-height:20px;
}

#cap_center h4{
padding:10px 20px 10px 20px;
line-height:20px;
text-align:left;
font-weight:normal;
}


/* --------------------recruit-------------------- */

#contents .recruit{
width:625px;
margin:auto;
margin-bottom:30px;
}

#contents .recruit ul{
width:625px;
}

/* recruit 新着 */

#contents .recruit li.new{
clear:both;
color:#D3242B;
font-weight:bold;
height:18px;
font-size:14px;
background:url(../images/icon_new.gif) no-repeat left bottom;
padding-top:30px;
}

#contents .recruit li.new p{
margin-left:130px;
text-align:left
}

/* recruit 急募 */

#contents .recruit li.hurry{
clear:both;
color:#FF9900;
font-weight:bold;
height:18px;
font-size:14px;
background:url(../images/icon_hurry.gif) no-repeat left bottom;
padding-top:30px;
}

#contents .recruit li.hurry p{
margin-left:130px;
text-align:left
}

/* recruit 随時 */

#contents .recruit li.regu{
clear:both;
color:#3E7634;
font-weight:bold;
height:18px;
font-size:14px;
background:url(../images/icon_regular.gif) no-repeat left bottom;
padding-top:30px;
}

#contents .recruit li.regu p{
margin-left:130px;
text-align:left
}


/* recruit detail */
#contents .recruit ul.detail{
width:625px;
}

#contents .recruit li.text{
float:left;
padding-top:10px;
margin-left:20px;
text-align:left;
line-height:16px;
}

#contents .recruit li.detail{
width:100px;
float:right;
background:url(../images/top/yajirushi.gif) no-repeat left bottom;
padding-top:10px;
padding-left:20px;
text-align:left;
line-height:16px;
}


#contents .recruit li.detail a{
text-decoration:underline;
}

#contents .recruit li.detail a:hover{
text-decoration:none;
}


/* --------------------whatsnew-------------------- */

#contents .whatsnew{
clear:both;
padding-top:30px;
width:625px;
margin:auto;
}

#contents .whatsnew ul{
width:625px;
padding-bottom:50px;
}

/* recruit 新着 */

#contents .whatsnew li.seminor{
color:#333333;
font-weight:normal;
font-size:14px;
background:url(../images/icon_seminor.gif) no-repeat left top;
margin-top:30px;
}

#contents .whatsnew li.seminor p{
margin-left:130px;
text-align:left;
line-height:20px;
}

#contents .whatsnew li.news{
color:#333333;
font-weight:normal;
font-size:14px;
background:url(../images/icon_news.gif) no-repeat left top;
margin-top:30px;
}

#contents .whatsnew li.news p{
margin-left:130px;
text-align:left;
line-height:20px;
}

#contents .whatsnew li.mtg{
color:#333333;
font-weight:normal;
font-size:14px;
background:url(../images/icon_mtg.gif) no-repeat left top;
margin-top:30px;
}

#contents .whatsnew li.mtg p{
margin-left:130px;
text-align:left;
line-height:20px;
}

#contents .whatsnew li a{
text-decoration:underline;
}

#contents .whatsnew li a:hover{
text-decoration:none;
}


