@charset "utf-8";

/*----copyright(c)TUNE Inc. all rights reserved.-------------------------------
このcssプログラムソースは著作権および著作隣接権によって保護されています。
今回のケースでは改変については許可されていますが、転載・転用に関しては認められていません。
著作権および著作隣接権に関する質問・お問い合わせは下記まで。
info@tuneup.co.jp
-----------------------------------------------------------------------------*/

/*----headwrappe----*/
div#headwrappe{
width:100%;
background:url(../shain/img/common/head_bg_01.gif) repeat-x top;
height:96px;
}

/*--titlecolumn--*/
div#titlecolumn{
width:980px;
height:82px;
margin:0 auto;
padding:0 0 15px;
}

/*--titleleft--*/
div#titleleft{
float:left;
padding-top:15px;
width:257px;
}

div#titleleft h1{
font-size:10px;
}

div#titleleft h1 img{
margin:10px 0 0 0;
}


/*--titleright--*/
div#titleright{
width:723px;
float:right;
text-align:right;
padding-top:10px;
}

div#titleright a{
background:url(../shain/img/common/img_04.gif) no-repeat 0 1px;
padding-left:10px;
}

/*--headnavi--*/
div#headnavi{
padding-top:50px;
margin-right:-5px;
}

*+html div#headnavi{
padding-top:45px;
}

* html div#headnavi{
padding-top:45px;

}

div#headnavi div a{
background:none;
padding-left:0;
}

div#headnavi a#companynavi{
background:url(../img/common/img_03.gif) no-repeat;
display:block;
width:87px;
height:21px;
float:right;
margin-top:-5px;
padding-left:0;
}

div#headnavi a#companynavi:hover{
background:url(../img/common/img_03_ro.gif) no-repeat;
}

/*--headnavisecond--*/
div#headnavisecond{
margin-top:50px;
}

div#headnavisecond a{
background:none;
padding-left:0;
}



/*--pagewrappe--*/
div#pagewrappe{
clear:both;
border-bottom:1px solid #f2f2f2;
}




/*--pagenavigation--*/
div#pagenavigation{
width:980px;
margin:0 auto;
_line-height:110%;
}

div#pagenavigation a{
}

/*--mainwrappe--*/
div#mainwrappe{
}

/*--mainwrappeSecond--*/
div#mainwrappeSecond{
}


/*--middlewrappe--*/
div#middlewrappe{
width:100%;
background:url(../haken/img/common/bg_top_16.gif) repeat-x 0 24px;
}

/*--mainwrappeSecond middlewrappe--*/
div#mainwrappeSecond div#middlewrappe{
width:100%;
background:url(../haken/img/common/bg_top_16.gif) repeat-x 0 24px;
}

/*--title--*/
h2#index{
display:block;
width:980px;
height:200px;
margin:0 auto;
}




div#middlewrappecolumntop{
background:url(../img/common/bg_main_top_13.gif) no-repeat top;
}

div#middlewrappecolumnbottombg{
background:url(../img/common/bg_bottom_52.gif) repeat-x bottom;
}

div#middlewrappecolumnbottom{
background:url(../img/common/bg_main_bottom.gif) no-repeat bottom;
}

div#middlewrappecolumnmain{
background:url(../img/common/bg_top_07.gif) no-repeat top center;
width:965px;
margin:0 auto;
padding:20px;
}

/* Only FireFox 3 */
html>/**/body div#middlewrappecolumnmain , x:-moz-any-link, x:default{
background:url(../img/common/bg_top_07.gif) no-repeat 9px 0;
} 

/*--middleleftwrappe--*/
div#middleleftwrappe{
width:620px;
float:left;
padding:0 0 30px;
}

/*----jobinfowrapper----*/

div#jobinfowrapper{
border:2px solid #dddddd;
padding:20px;
background:url(../img/index/job_bg.jpg);
}

div#jobinfowrapper h2{
margin:0 0 5px 0;
}

div.jobinfo{
width:584px;
}

div.jobtitle{
padding:0 5px;
width:574px;
height:23px;
background:url(../img/index/job_titile_bg.jpg) no-repeat ;
}

ul.joblist{
clear:both;
padding:5px;
background:#ffffff;
}

ul.joblist li{
background:url(../img/index/arrow.jpg) no-repeat 0 15px;
padding:10px 0 10px 15px;
border-bottom:1px dotted #dddddd;
line-height:150%;
}

/*----news---------------------------------*/
h2#newstitle{
margin:30px 0 0 0;
border-bottom:1px solid #dddddd;
padding:0 0 5px;
}

ul#newslist{
border-bottom:1px solid #dddddd;
}

ul#newslist li{
background:url(../img/index/icon.jpg) no-repeat 0 13px;
padding:10px 0 10px 10px;
border-bottom:1px dotted #dddddd;
}

ul#newslist li#newslistLast{
background:url(../img/index/icon.jpg) no-repeat 0 13px;
padding:10px 0 10px 10px;
border-bottom:none;
}

ul#newslist li span.day{
color:#007941;
}

ul#newslist li a{
padding:0 0 0 10px;
}



/*--middlerightwrappe--*/
div#middlerightwrappe{
width:325px;
float:right;
}

/*--skillup--*/
div#middlerightwrappe div#skillup{
background:url(../img/index/seminar_bg.jpg) no-repeat;
padding:42px 19px 5px;
border:9px solid #f0f0f0;
width:266px;
height:48px;
margin:0 0 10px 0;
}

div#middlerightwrappe div#skillup ul{
}

div#middlerightwrappe div#skillup ul li{
background:url(../haken/img/index/img_103.gif) no-repeat;
padding:0 0 5px 15px;
margin-bottom:5px;
border-bottom: 1px dashed #d4d4d4;
}

ul#skilluplist{
border:9px solid #dddddd;
border-top:none;
margin:0 0 10px;
width:300px;
padding:5px 0 0 5px;
}

ul#skilluplist li{
background:url(../haken/img/index/img_103.gif) no-repeat 0 0;
padding:0 5px 5px 20px;
line-height:120%;
margin:0 0 5px;
border-bottom:1px dotted #d4d4d4;
width:265px;
}



div#middlerightwrappe a img{
border:9px solid #dddddd;
margin:0 0 10px 0;
}

/*--rightnavi--*/
div.rightnavi{
clear:both;
}

div.rightnavi ul{

}

div.rightnavi ul li{
border-bottom: 1px dashed #d4d4d4;
background:#efefef;
}

div.rightnavi ul li#Rnavi01{
display:block;
width:304px;
height:23px;
background:url(../img/index/img_ro_29.gif) no-repeat;
}


div.rightnavi ul li#Rnavi01 a{
display:block;
width:304px;
height:23px;
background:url(../img/index/img_29.gif) no-repeat;
}

div.rightnavi ul li#Rnavi01 a:hover{
display:block;
width:304px;
height:23px;
background:none;
}

div.rightnavi ul li#Rnavi02{
display:block;
width:304px;
height:23px;
background:url(../img/index/img_ro_34.gif) no-repeat;
}

div.rightnavi ul li#Rnavi02 a{
display:block;
width:304px;
height:23px;
background:url(../img/index/img_34.gif) no-repeat;
}

div.rightnavi ul li#Rnavi02 a:hover{
display:block;
width:304px;
height:23px;
background:none;
}



div.rightnavi ul li#Rnavi03{
display:block;
width:304px;
height:22px;
background:url(../img/index/img_ro_36.gif) no-repeat;
}

div.rightnavi ul li#Rnavi03 a{
display:block;
width:304px;
height:22px;
background:url(../img/index/img_36.gif) no-repeat;
}

div.rightnavi ul li#Rnavi03 a:hover{
display:block;
width:304px;
height:22px;
background:none;
}

div.rightnavi ul li#Rnavi04{
display:block;
width:304px;
height:25px;
background:url(../img/index/img_ro_43.gif) no-repeat;
}

div.rightnavi ul li#Rnavi04 a{
display:block;
width:304px;
height:25px;
background:url(../img/index/img_43.gif) no-repeat;
}

div.rightnavi ul li#Rnavi04 a:hover{
display:block;
width:304px;
height:25px;
background:none;
}

div.rightnavi ul li#Rnavi05{
display:block;
width:304px;
height:22px;
background:url(../img/index/img_ro_84.gif) no-repeat;
}

div.rightnavi ul li#Rnavi05 a{
display:block;
width:304px;
height:22px;
background:url(../img/index/img_84.gif) no-repeat;
}

div.rightnavi ul li#Rnavi05 a:hover{
display:block;
width:304px;
height:22px;
background:none;
}

div.rightnavi ul li#Rnavi06{
display:block;
width:304px;
height:23px;
background:url(../img/index/img_ro_95.gif) no-repeat;
}

div.rightnavi ul li#Rnavi06 a{
display:block;
width:304px;
height:23px;
background:url(../img/index/img_95.gif) no-repeat;
}

div.rightnavi ul li#Rnavi06 a:hover{
display:block;
width:304px;
height:23px;
background:none;
}

div.rightnavi ul li#Rnavi07{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu1_ro.gif) no-repeat;
}

div.rightnavi ul li#Rnavi07 a{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu1.gif) no-repeat;
}

div.rightnavi ul li#Rnavi07 a:hover{
display:block;
width:304px;
height:23px;
background:none;
}

div.rightnavi ul li#Rnavi08{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu2_ro.gif) no-repeat;
}

div.rightnavi ul li#Rnavi08 a{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu2.gif) no-repeat;
}

div.rightnavi ul li#Rnavi08 a:hover{
display:block;
width:304px;
height:23px;
background:none;
}

div.rightnavi ul li#Rnavi09{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu4_ro.gif) no-repeat;
}

div.rightnavi ul li#Rnavi09 a{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu4.gif) no-repeat;
}

div.rightnavi ul li#Rnavi09 a:hover{
display:block;
width:304px;
height:23px;
background:none;
}

div.rightnavi ul li#Rnavi10{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu3_ro.gif) no-repeat;
}

div.rightnavi ul li#Rnavi10 a{
display:block;
width:304px;
height:23px;
background:url(../img/index/menu3.gif) no-repeat;
}

div.rightnavi ul li#Rnavi10 a:hover{
display:block;
width:304px;
height:23px;
background:none;
}



/*--skillup--*/
div#skillup{
background:url(../img/index/img_107.gif) no-repeat;
padding:42px  20px 5px;
}

div#skillup ul{
}

div#skillup ul li{
background:url(../img/index/img_103.gif) no-repeat;
padding:0 0 5px 15px;
margin-bottom:5px;
border-bottom: 1px dashed #d4d4d4;
}


/*--pagetop--*/
div#pagetop{
width:965px;
margin:0 auto;
padding-bottom:10px;
}


/*--bottomwrappe--*/
div#bottomwrappe{
background:#edf1e9;
padding:30px 0;
width:100%;
}

/*--bottomcolumn--*/
div#bottomcolumn{
width:965px;
margin:0 auto;
}

div#bottomcolumn p,
div#bottomcolumn a{
}

div#bottomcolumn a:hover{
text-decoration:underline;
}

/*--middlecontentswrappe--*/
div#middlecontentswrappe{
width:980px;
margin:20px auto;
}

/*--共通クラス--*/
.icon{
background:url(../img/index/img_110.gif) no-repeat 0 3px;
padding-left:7px;
}