@charset "UTF-8";


/**********************************************************************************************/
/* トップページ                 */
/***********************************************/
body {
     margin:0;   
     padding:0; 
text-align:center;
background-color:#f8f8f8;
background-image:url(img/Top_headerBG.gif);
background-repeat:repeat-x;
font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

#MainArea{
text-align:center;
margin-left:auto;
margin-right:auto;
padding:0px 0px 0px 0px;
height:274px;
background-image:url(img/Top_FlashBG.gif);
background-repeat:no-repeat;
}
#LogoSide{
width:260px;
padding:0px 0px 0px 6px;
float:left;
}
#LogoSide h1{
text-align:center;
margin:0px;
padding:10px 0px 10px 0px;
}
#FlashSide{
height:264px;
width:604px;
padding:3px 0px 0px 0px;
float:left;
position:relative;
}
div#FlashSide div#html-layer {
display:block;
width:600px;
height:85px;
margin:0px;
background-image:url(img/newsBG.png);
background-repeat:no-repeat;
behavior: url("iepngfix.htc");
position:absolute;
top:172px;
left:5px;
text-align:left;
padding:3px;
}
html>body div#FlashSide div#html-layer {
display:block;
width:600px;
height:85px;
margin:0px;
padding:0px;
background-image:url(img/newsBG.png);
background-repeat:no-repeat;
behavior: url("iepngfix.htc");
position:absolute;
top:178px;
left:2px;
text-align:left;

}
#html-layer dl{
padding:2px;
}
#html-layer dt{
color:red;
font-size:13px;
padding:3px 0px 5px 0px;
}
#html-layer dd{
font-size:12px;
padding:3px 0px 0px 3px;
margin:0px;
}

.TopH2{
margin:0px 0px 0px 9px;
padding:10px 0px 0px 0px;
border-bottom:solid 5px #c00e37;
width:auto;
text-align:left;
}
#JobType{
width:620px;
margin:0px 0px 20px 5px;
padding:6px 0px 0px 0px;
}

ul.Type_Menu{
width:auto;
margin:0px;
padding:7px 0px 0px 5px;
list-style:none;
text-align:center;
}

*html ul.Type_Menu li{
width:140px;
height:40px;
margin:0px 0px 0px 0px;
padding:0px 5px 5px 7px;
float:left;
text-align:right;
}

ul.Type_Menu li{
width:140px;
height:40px;
margin:0px 0px 0px 0px;
padding:5px 5px 10px 7px;
float:left;
text-align:right;
}
ul.Type_Menu li img{
border:solid 1px #dddbdb;
margin:0px;
padding:0px;
}
ul.Type_Menu a{
text-decoration:none;
}

ul.Type_Menu a:hover img{
text-decoration:none;
border:solid 1px #001e6d;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
margin:0px;
padding:0px;
}

#LeftArea{
width:630px;
padding:0px;
margin:0px 0px 0px 0px;
text-align:left;
float:left;
}

#RightArea{
width:250px;
float:left;
text-align:center;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#RightArea ul{
width:auto;
margin:0px 15px 0px 0px;
padding:0px 0px 0px 10px;
list-style:none;
text-align:left;
font-size:12px;
}
#RightArea li{
padding:10px 0px 5px 0px;
margin:0px;
text-align:left;
border-bottom:dashed 1px #FF0000;
}

#RightArea strong{
font-size:12px;
color:#FF6600;
}
#RightArea img{
padding:0px 15px 5px 0px;
}
.TopAbout{
background-image:url(img/top_aboutBG.gif);
background-repeat:no-repeat;
text-decoration:none;
color:#333333;
display:block;
padding:5px 0px 0px 65px;
width:160px;
height:61px;
}
.TopCalendar{
background-image:url(img/top_calendarBG.gif);
background-repeat:no-repeat;
text-decoration:none;
color:#333333;
display:block;
padding:5px 0px 0px 65px;
width:160px;
height:61px;
}
.TopBlog{
background-image:url(img/top_blogBG.gif);
background-repeat:no-repeat;
text-decoration:none;
color:#333333;
display:block;
padding:5px 0px 0px 65px;
width:160px;
height:61px;
}
.TopVoice{
background-image:url(img/top_voiceBG.gif);
background-repeat:no-repeat;
text-decoration:none;
color:#333333;
display:block;
padding:5px 0px 0px 65px;
width:160px;
height:61px;
}
.TopQA{
background-image:url(img/top_qaBG.gif);
background-repeat:no-repeat;
text-decoration:none;
color:#333333;
display:block;
padding:5px 0px 0px 65px;
width:160px;
height:61px;
}
#RightArea a:hover{
text-decoration:none;
color:#0033FF;
}


#companyType{
width:620px;
margin:0px 0px 0px 2px;
padding:6px 0px 0px 5px;
}
.companyList{
width:200px;
padding:10px 0px 10px 6px;
float:left;
font-size:11px;
letter-spacing:-1px;
}
.companyList h3{
font-size:14px;
color:#c00e37;
background-color:#f2f2f2;
}
.companyList a{
text-decoration:none;
color:#333333;
display:block;
width:200px;
padding:5px 0px 5px 0px;
vertical-align:middle;
}
.companyList span{
text-decoration:none;
color:#ccc;
display:block;
width:200px;
padding:5px 0px 5px 0px;
vertical-align:middle;
}
.companyList a:hover{
text-decoration:none;
color:#000099;
background-color:#e7f1fd;
display:block;
width:200px;
padding:5px 0px 5px 0px;
vertical-align:middle;
}
a:hover.TopAbout,
a:hover.TopCalendar,
a:hover.TopBlog,
a:hover.TopVoice, 
a:hover.TopQA {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.companyList img{
padding:0px 0px 2px 5px;
margin:0px 0px 0px 0px;
vertical-align:middle;
}
/***********************************************/
/* トップページ                 */
/**********************************************************************************************/