@charset "utf-8";

/*-----------------------------------------------
 __login
-----------------------------------------------*/

#login_logout{
	height:28px;
	background:#000;
	text-align:right;
	padding-right:10px;
	color:#FFFFFF;
}

#login_logout a img{
	margin:3px 0 0;
}
/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:950px;
	margin:0 auto;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header{
	margin:0 auto;
	height:90px;
	background:url(/img/roce-online-html/salary/gradation.0.jpg) repeat-x 0 0;
}
#header_container{
	width:950px; height:90px;
	margin:0 auto;
	position:relative;
}
div#logo {
	position:absolute;
	padding:0;
	margin:0;
	top:17px; left:5px;
}
#globalnavi{
	position:absolute;
	bottom:8px; right:0px;
	width:660px; height:36px;
}
#globalnavi_shadow{
	position:absolute;
	bottom:1px; right:0;
	width:660px; height:9px;
	text-indent:-9999px;
	background:url(/img/roce-online-html/salary/shadow_grobalnavi_carousel.jpg) no-repeat 0 0;
	z-index:-1;
}
#globalnavi ul{
  list-style-type: none;
  margin:0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 110px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 36px;
  background-image:url(/img/roce-online-html/salary/globalnavi.0.jpg);
  background-repeat: no-repeat;
  overflow:hidden;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -110px 0;}
#menu3 a{background-position: -220px 0;}
#menu4 a{background-position: -330px 0;}
#menu5 a{background-position: -440px 0;}
#menu6 a{background-position: -550px 0;}
#menu7 a{background-position: -660px 0;}

#globalnavi a:hover{
  background-image:url(/img/roce-online-html/salary/globalnavi.0.jpg);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -36px;}
#menu2 a:hover{background-position: -110px -36px;}
#menu3 a:hover{background-position: -220px -36px;}
#menu4 a:hover{background-position: -330px -36px;}
#menu5 a:hover{background-position: -440px -36px;}
#menu6 a:hover{background-position: -550px -36px;}
#menu7 a:hover{background-position: -660px -36px;}


#menu1 .no_link{background-position: 0 -36px;}
#menu2 .no_link{background-position: -110px -36px;}
#menu3 .no_link{background-position: -220px -36px;}
#menu4 .no_link{background-position: -330px -36px;}
#menu5 .no_link{background-position: -440px -36px;}
#menu6 .no_link{background-position: -550px -36px;}
#menu7 .no_link{background-position: -660px -36px;}
/********************************************************************
__sidebar
********************************************************************/
#secom_trust{
	width:56px;
	height:88px;
}
/*-----------------------------------------------
 __footer
-----------------------------------------------*/
#footer {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#footer address#copyright{
	clear:both;
	text-align:center;
	font-size:10px;
	margin:10px 0;
}
/*------------------------------------------------
 __superfooter
-------------------------------------------------*/
#superfooter{
	border-top:1px solid #CCCCCC;
	background-color:#EFEFEF;
	min-height:1%;
	line-height:1.2em;
	padding:0;
	margin:0;
}
#superfooter-contents{
	width:950px;
	height:180px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#superfooter #roce_logo{
	position:absolute;
	height:50px;
	top:15px;
	left:50px;
	background:#FFF;

}
#superfooter #roce_logo *{
	position:absolute;
	height:50px;
	top:0;
	left:0;
	background:#FFF;
}
#social{
	margin-left:300px;
}
.section{
	float:left;
	width:155px;
	margin:15px 10px 0;
	display:inline;
}
#superfooter h4{
	padding:0;
	margin:0;
}
.section_last{
	float:left;
	width:155px;
	margin:15px 10px 0;
	display:inline;
}
.section ul{
	margin:0px 0;
}
.section_last ul{
	margin:0px 0;
}
.section ul li{
	width:135px;
	font-size:12px;
	display:block;
}
.section_last ul li{
	width:135px;
	font-size:12px;
	display:block;
}
.section small{
	color:#666666;
}
.section_last small{
	color:#666666;
}
/*********link color***********************************/
#superfooter  ul#social li a,#superfooter ul#social li a:visited,#superfooter ul#social li a:link  {
	color:#404040;
	text-decoration:none;
	background:url("/img/common/index.html_super_footer_link.png") no-repeat left;
	padding:1px 16px;
	font-weight:normal;

}
#superfooter #social ul li a:hover,#superfooter ul#social li a:active {
	color:#000000;
	text-decoration:underline;
	padding:1px 16px;
}



/*override*/
h1{color:black;}

a{
	color:#000;
}
a:hover,a:active{
	color:#000;
	text-decoration:underline;
}



#header{
	background:url(/img/roce-online-html/toppage.0.jpg) repeat-x 0 0;
}

/********************************************************************
__main
********************************************************************/
#main {
	width:100%;
	color:black;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.index_serivce_icons{
	margin:5px 0 0;
	width:123px;
	height:83px;
	text-indent:-9999px;
	background:url(/img/roce-online-html/top-page/index.png) no-repeat 0 0;
	display:block;
	float:left;
}
#icon_salary{background-position:0 0;}
#icon_form{background-position:0 -108px;}



article{
	font-size:18px;
}
.column a:link, .column a:visited {
	color:#000;
	text-decoration:none;
}
.column span.titel{
	font-size:105%;
	font-weight:bold;
	display:block;
	padding:5px;
	text-decoration:underline;
}
.column span.titel:hover{
	text-decoration:none;
}
.column span.service_description,.column span.service_description:hover{
	font-size:80%;
	display:block;
	padding:5px;
	color:#999999;
	line-height:160%;
	text-decoration:none !important;
}
#newsbox{
	background-color:#FFFFFF;
	border:1px dashed #CCCCCC;
	margin-bottom:10px;
	height:90px;
	overflow:scroll;
}
#newsbox ul{
	padding:0 0 0 10px;
}
/*-----------------------------------------------
 __carousel
-----------------------------------------------*/
#carousel_wrap{
    float:left;
    width:690px;
    height:350px;
    position:relative;
	padding:0;
	border:4px solid #EEEEEE;
	margin-bottom:10px;
}
#carousel_prev{
    position:absolute;
    top:180px; left:-15px;
    width:30px; height:30px;
	background:url(/img/roce-online-html/salary/carousel_pfeil.0.png) 0 0 no-repeat;
	text-indent:-9999px;
    cursor:pointer;
	z-index:1000;
}
#carousel_prev:hover{
	background:url(/img/roce-online-html/salary/carousel_pfeil.0.png) 0 -31px no-repeat;
}
#carousel_next{
    position:absolute;
    top:180px; right:-15px;
	width:30px; height:30px;
	background:url(/img/roce-online-html/salary/carousel_pfeil.0.png) -38px 0 no-repeat;
	text-indent:-9999px;
    cursor:pointer;
	z-index:1000;
}
#carousel_next:hover{
	background:url(/img/roce-online-html/salary/carousel_pfeil.0.png) -38px -31px no-repeat;
}
#carouse{
    width:100%;
    height:100%;
    overflow:hidden;
}
#carousel_inner div.carousel_column{
    width:690px;
    height:350px;
	background-color:#EBEBEB;
	padding:0px; margin:0;
    list-style-type:none;
    float:left;
}
#carousel_inner div.carousel_column div{
	border:1px solid #0000FF;
	top:200px;
	left:100px;
}
#carouse_inner div.carousel_column div img{
    border:none;
}
#carousel_wrap_shadow{
    margin:0 auto;
	padding:0;
    width:690px;
    height:8px;
	text-indent:-9999px;
	background:url(/img/roce-online-html/salary/shadow_grobalnavi_carousel.jpg) repeat-x 0 -18px;
}
/********************************************************************
__sidebar
********************************************************************/
#sidebar {
	width:250px; height:auto;
	float:right;
	padding:0;
	color:black;
	min-height:1%;
}
#login_button{
	width:221px;
	height:60px;
	display:block;
	margin:0 auto 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/img/roce-online-html/salary/login_button.0.gif) no-repeat 0 0;
}
#login_button:hover{
	background:url(/img/roce-online-html/salary/login_button.0.gif) no-repeat 0 -62px;
}
#register_button{
	width:221px;
	height:65px;
	display:block;
	margin:0 auto 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/img/roce-online-html/salary/registry_button.0.gif) no-repeat 0 0;
}
#register_button:hover{
	background:url(/img/roce-online-html/salary/registry_button.0.gif) no-repeat 0 -67px;
}
#sidebar h4{
	font-size:13px; font-weight:normal;
	color:#333;
	width:250px; height:30px;
	background:url("/img/roce-online-html/salary/sidebar_h3_bg.0.png") no-repeat center;
	margin:2px 0 0;
	text-align:center;
	line-height:250%;
}
div.sidebar_contents{
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0 0 10px;
	padding:0;
	background-color:#FFFFFF;
	width:248px;
}
div.sidebar_contents p{
	margin:0; padding:2px 7px;
	font-size:12px;
	color:#666666;
}
#sidebar ul li a{
	text-align:left;
	margin:0;
	display:block;
}
#sidebar ul li.last{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:none;
}
#secom_trust{
	width:56px;
	height:88px;
	z-index:-999;
}