@charset "utf-8";

/*==========================================

common

==========================================*/
.fLeft{    float:left;}
.fRight{float:right;}
.alignR{text-align:right !important;}
.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignVM{vertical-align:middle !important;}
.alignVT{vertical-align:top !important;}
.alignVB{vertical-align:bottom !important;}
.alignVBase{vertical-align:baseline !important;}
em{
    font-weight: bold;
    font-style: normal;
}
.first-child{margin-top:0px !important;}
.mAuto{margin:0 auto !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}

.pt0{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.font10{font-size: 10px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.colorRed{color:#aa0000 !important;}
.colorGreen{color:#1e9b58 !important;}
.bold{font-weight:bold;}
.w525{width:525px;}
.w645{width:645px;}

/* list */
#contents ul.note01 li,
#contents p.note01{
    text-indent:-2.2em;
    margin-left:2.2em;
    line-height:150%;
}
#contents p.note02,
#contents ul.note02 li{
    text-indent:-1.352em;
    margin-left:1.352em;
    line-height:150%;
}

/*==========================================

Layout

==========================================*/
/* contents
------------------------------------------*/
#contents {
    width:948px;
    margin:13px auto 20px;
    color:#332233;
    background: url(../images/bg_mid.jpg) repeat-y left top;
    position:relative;
}
#contents_top {
    background: url(../images/bg_top.jpg) no-repeat left top;
}
#contents_btm {
    background: url(../images/bg_btm.jpg) no-repeat left bottom;
}

#contents a{
    color:#068eb7;
}


/* key visual */
#contents .kv_wrap{
    height:713px;
    width:100%;
    position:relative;
}
#contents .kv{
    height:511px;
    width:887px;
    background: url(../images/bg_kv.jpg) no-repeat left top;
    top:113px;
    left:31px;
    position:absolute;
}
#contents .kv .logo{
    position:absolute;
    top:-72px;
    left:264px;
}
#contents .kv h2{
    position:absolute;
    top:117px;
    left:242px;
}
#contents .kv .img_01{
    position:absolute;
    top:-69px;
    left:22px;
}
#contents .kv .img_02{
    position:absolute;
    top:-69px;
    right:15px;
}
#contents .kv .img_03{
    position:absolute;
    left:-14px;
    bottom:-79px;
}
#contents .kv .txt{
    position:absolute;
    width:887px;
    top:165px;
    text-align:center;
    line-height:1.8;
}
#contents .kv .jobArea{
    width:812px;
    margin:20px auto 0;
}

#contents .kv .jobBox{
    width:200px;
    height:196px;
    _height:195px;
    float:left;
    margin:0 4px 0 0;
    background: url(../images/bg_job.png) no-repeat left bottom;
}
#contents .kv .jobBox.last{
    margin-right:0;
}
#contents .kv .jobBox dt{
    line-height:1;
    height:53px;
}
#contents .kv .jobBox dd{
    font-size:14px;
    font-weight:bold;
    text-align:left;
    width:130px;
    height:42px;
    _height:41px;
    margin-left:70px;
}
#contents .kv .jobBox dd span{
    font-size:12px;
    font-weight:normal;
    display:block;
    margin-top:-6px;
}

/* section */
#contents .sec{
    width:887px;
    margin:0 auto;
}
#contents .sec h3{
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding-bottom:12px;
}
#contents .sec .sec_top{
    background: url(../images/bg_sec_top.png) no-repeat left top;
}
#contents .sec .sec_btm{
    padding-bottom:1px;
    background: url(../images/bg_sec_btm.png) no-repeat left bottom;
}
#contents .sec .sec_about{
    min-height:437px;
    _height:437px;
    background: url(../images/bg_sec_about.png) no-repeat left top;
}

#contents .sec .wrap{
    padding:25px 30px;
}

#contents .sec .left_box{
    float:left;
    width:396px;
    padding-right:17px;
    line-height:1.8;
}
#contents .sec .right_box{
    float:right;
    width:396px;
    padding-left:18px;
    line-height:1.8;
}

#contents .product{
    height:420px;
    width:340px;
    margin:30px 60px 0;
}
#contents .product .btn_set{
    margin:12px 0 0 4px;
}


/* copyright */
#contents .copy{
    padding:15px 0 11px;
    text-align:center;
    background: url(../images/bg_copy.jpg) no-repeat left bottom;
}