@charset "utf-8";

/* format
----------------------------------------------------------------------------------*/
a{color:#0293d3;}
#index #container strong{font-weight:normal;}


/* common parts
----------------------------------------------------------------------------------*/
body{
background:url(../images/index_header_bg.jpg) center top no-repeat;
}

/* header */
#header{
position:relative;
background:#5a96ff;
}
#header h1{
position:absolute;
top:-1.5em;
float:none;
margin:0;
padding:0;
font-size:83%;
font-weight:normal;
}
#header h1 img{
vertical-align:bottom;
}
#header #logo{
position:absolute;
float:none;
margin:0;
padding:0;
width:213px;
}
* html #header #headnav li.beginner{
background:url(../images/cmn_headnav01.png) center top no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/cmn_headnav01.png',sizingMethod='crop');
}
* html #header #headnav li.contact{
background:url(../images/cmn_headnav02.png) center 1px no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/cmn_headnav02.png',sizingMethod='crop');
}
* html #header #headnav li.sitemap{
background:url(../images/cmn_headnav03.png) center 1px no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/cmn_headnav03.png',sizingMethod='crop');
}

/* conainer */
#container{
background:url(../images/index_container_bg.gif) left top repeat-y;
}

/* sideContents */
#sideContents form{
position:relative;
top:-24px;
}
#sideContents #login{
margin:0 0 -16px;
padding:36px 12px 8px;
width:190px;
background:url(../images/login_bg.png) center top no-repeat;
}
* html #sideContents #login{
background:url(../images/login_bg.png) left top no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/login_bg.png',sizingMethod='crop');
}
#sideContents #login .id,
#sideContents #login .pass,
#sideContents #login .login,
#sideContents #login .eTimesheet,{
position:relative;
}
#sideContents #localNav{
background:#d1eeff;
padding:20px 16px 20px 12px;
width:186px;
}
#sideContents #localNav #blog{
margin:0;
}
#sideContents #localNav #blog .blogger .txt span{
color:#0293d3;
}

/* footer */
#footer{
background:#fff url(../images/index_footer_bg.gif) left top no-repeat;
}
#footer #footnav{
color:#0293d3;
float:left;
width:37em;
margin:0;
padding:0;
text-align:left;
font-size:84%;
}


/* index.html
----------------------------------------------------------------------------------*/
/*  wrapper  */
#index #wrapper{
float:left;
margin:0;
padding:0;
width:692px;
}

/*  contents  */
#index #contents{
float:right;
margin:0;
padding:0 0 53px;
width:466px;
}
#index .hidden{
position:absolute;
overflow:hidden;
width:213px;
height:106px;
font-size:1px;
z-index:0;
}
#index #mainvisual{
margin:0;
padding:0;
}
#header #mainvisual img{
vertical-align:bottom;
}
#index #contents #gnav{
list-style-type:none;
margin:8px 0 8px;
padding:0;
width:466px;
}
#index #contents #gnav li{
float:left;
width:155px;
margin:0;
padding:0;
}
#index #contents p{
margin:0 0 0.2em;
}
#index #contents h2{
margin-bottom:10px;
}

#index #contents #recruitInfo{
margin:0 0 20px;
}
#index #contents #dispatchInfo{
position:relative;
float:left;
width:226px;
}
#index #contents #dispatchInfo h3{
margin-bottom:8px;
padding:6px 0 7px 4px;
border-top:2px solid #75a0eb;
background:url(../dispatch/images/cmn_lnav_line.gif) left bottom repeat-x;
}
#index #contents #dispatchInfo ul{
margin:0;
padding:0;
list-style-type:none;
}
#index #contents #dispatchInfo li{
margin:0;
padding:0;
}
#index #contents #dispatchInfo li a{
padding-left:15px;
background:url(../common/images/cmn_arw_blue.gif) left top no-repeat;
color:#3f79df;
}
#index #contents #dispatchInfo p.list{
position:absolute;
top:10px;
right:4px;
}

#index #contents #employeesInfo{
position:relative;
float:right;
width:226px;
}
#index #contents #employeesInfo h3{
margin-bottom:8px;
padding:6px 0 7px 4px;
border-top:2px solid #ff6d68;
background:url(../introduction/images/cmn_lnav_line.gif) left bottom repeat-x;
}
#index #contents #employeesInfo ul{
margin:0;
padding:0;
list-style-type:none;
}
#index #contents #employeesInfo li{
margin:0;
padding:0;
}
#index #contents #employeesInfo li a{
padding-left:15px;
background:url(../common/images/cmn_arw_red.gif) left top no-repeat;
color:#ff2018;
}
#index #contents #employeesInfo p.list{
position:absolute;
top:10px;
right:4px;
}

#index #contents #eventInfo{
position:relative;
clear:both;
margin-bottom:25px;
color:#666666;
}
#index #contents #eventInfo a{
color:#333333;
}
#index #contents #eventInfo h3{
margin-bottom:8px;
padding:6px 0 7px 4px;
border-top:2px solid #b0b0b0;
background:url(../client/images/cmn_lnav_line.gif) left bottom repeat-x;
}
#index #contents #eventInfo dl{
margin:0;
padding:0;
}
#index #contents #eventInfo dt{
margin:0;
padding:0 0 0 15px;
width:6em;
background:url(../common/images/cmn_arw_gray.gif) left center no-repeat;
}
#index #contents #eventInfo dd{
position:relative;
z-index:10;
margin:-1.5em 0 0.5em 6em;
padding:0;
}
#index #contents #eventInfo p.list{
position:absolute;
top:10px;
right:4px;
}

#index #contents #dispatchInfo li img,
#index #contents #employeesInfo li img,
#index #contents #eventInfo dd img{
margin-left:3px;
}

#index #contents #job{
}
#index #contents #job h3{
margin-bottom:8px;
padding:6px 0 7px 4px;
border-top:2px solid #b0b0b0;
background:url(../client/images/cmn_lnav_line.gif) left bottom repeat-x;
}
#index #contents #job ul{
margin:0;
padding:0;
}
#index #contents #job li{
float:left;
margin:0 2.5% 0 0;
padding:0 0 15px;
width:29%;
list-style-type:none;
}
#index #contents #job li.none{
margin:0;
}


/* sideBanners */
#index #sideBanners{
float:right;
margin:8px 0 53px;
padding:0;
width:152px;
text-align:center;
}
#index #sideBanners #categoryBanners,
#index #sideBanners #supportBanners,
#index #sideBanners #infoBanners,
#index #sideBanners #certificate{
margin:0 0 16px;
_margin:0 0 8px;
padding:0;
width:152px;
list-style-type:none;
}
#index #sideBanners #categoryBanners li,
#index #sideBanners #supportBanners li,
#index #sideBanners #infoBanners li,
#index #sideBanners #certificate li{
margin:0 0 8px;
padding:0;
}
#index #sideBanners img{
vertical-align:bottom;
}