@charset "utf-8";
/*---------------------------------------------------------------------------
 __default style clear
---------------------------------------------------------------------------*/
html,body{
    height:100%;
	margin:0;
	padding:0;
}
body {
	font:Arial, Helvetica, sans-serif;
	color:#666666;
}
ul,ol,li {
list-style: none;
}
dl{
	border:1px solid #E6E6E6;
	border-radius: 5px;         /* CSS3 */
   	-moz-border-radius: 5px;    /* Firefox */
   	-webkit-border-radius: 5px; /* Safari,Chrome */
	padding:0.5em;
}
p{
	color:#666666;
	font-size:80%;
	line-height:2em;
	padding:0 1em;
}
dt{
	border-left:5px solid #666666;
	padding-left:0.3em;
	font-weight: bold;
}
dd{
	color:#666666;
	list-style-type:circle;
	display:list-item;
	font-size:90%;
	padding:0.5em 0 0 0;
}
.input-submit
    {
    cursor:pointer;
    color:#CC0000;
    width:80px;
    height:25px;
    background-color:#eee;
    background-image:url('/img/btn_login.png');
    border-width:1px 1px 1px 1px;
    border-color:#000;
    border-style:solid solid solid solid;
    }

pre {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
	margin: 0;
	padding: 0;
 }
h1 {
	font-size:130%;
	font-style:normal;
	font-weight:bold;
}

h2 {
	font-size:125%;
	font-style:normal;
	font-weight:bold;

}
h3 {
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
	font-size:100%;
	border:solid #CCC;
	border-width:1px;
	background-color:#EBEBEB;
	padding:5px 5px 5px 10px;
	margin:0 0 10px;
	r
}
h4 {
	font-size:105%;
	font-style:normal;
	font-weight:bold;
	color: #2B4368;
}
h5{
	font-size:80%;
	font-style:normal;
}
table{
	margin-left:7px;
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #CCCCCC;
	width:98%;
}
caption{
	text-align:left;
}
th{
	border:1px solid #CCCCCC;
	background-color:#F6F6F6;
	color:#333333;
	font-size:90%;
	padding:4px;
}

td{
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:80%;
	background-color:#FFFFFF;
	padding:4px;
}
.supplementary_note {
	font-size: 70%;
	color: #999999;
	margin:0 1em;
	line-height:1.2em;
}
td .supplementary_note {
	font-size: 85%;
	color: #999999;
	margin:0 1em;
	line-height:1.2em;
}
.margin-td_20{
	margin:20px 0;
}


.bold{font-weight:bold !important;}
.nowrap {white-space: nowrap;}
/*---------------------------------------------------------------------------
 __text-align Setting
---------------------------------------------------------------------------*/
.text_mid{text-align:center !important; margin:auto !important;}
.text_right{text-align:right; !important;}
.text_left{text-align:left; !important;}


/*---------------------------------------------------------------------------
 __margin Setting
---------------------------------------------------------------------------*/
.margin-top_5{margin-top:5px;}
.margin-top_10{margin-top:10px;}
.margin-top_20{margin-top:20px;}
.margin-top_30{margin-top:30px;}

.margin-bottom_5{margin-bottom:10px;}
.margin-bottom_10{margin-bottom:10px;}
.margin-bottom_20{margin-bottom:20px;}
.margin-bottom_30{margin-bottom:30px;}
.margin-td_30{margin:30px 0;}

.margin-left_5{margin-left:10px;}
.margin-left_10{margin-left:10px;}
.margin-left_20{margin-left:20px;}
.margin-left_30{margin-left:30px;}
.margin-left_35{margin-left:35px;}


.margin-right_5{margin-right:10px;}
.margin-right_10{margin-right:10px;}
.margin-right_20{margin-right:20px;}
.margin-right_30{margin-right:30px;}
.margin-right_35{margin-right:35px;}


.margin-rl_5{margin:0 5px;}
.margin-rl_10{margin-left:0 10px;}
.margin-rl_20{margin-right:0 20px;}


/*---------------------------------------------------------------------------
 __padding Setting
---------------------------------------------------------------------------*/
.padding_5{
	padding: 5;
}
.padding_10{padding:10px;}
.padding_20{padding:20px;}
.padding_30{padding:30px;}

.padding-top_5{padding-top:5px;}
.padding-top_10{padding-top:10px;}
.padding-top_20{padding-top:20px;}
.padding-top_30{padding-top:30px;}

.padding-bottom_5{padding-bottom:10px;}
.padding-bottom_10{padding-bottom:10px;}
.padding-bottom_20{padding-bottom:20px;}
.padding-bottom_30{padding-bottom:30px;}
.padding-td_30{padding:30px 0;}

.padding-left_5{padding-left:10px;}
.padding-left_10{padding-left:10px;}
.padding-left_20{padding-left:20px;}
.padding-left_30{padding-left:30px;}
.padding-left_35{padding-left:35px;}


.padding-right_5{padding-right:10px;}
.padding-right_10{padding-right:10px;}
.padding-right_20{padding-right:20px;}
.padding-right_30{padding-right:30px;}
.padding-right_35{padding-right:35px;}



.do_inline{display:inline;}
.do_block{display:block;}
.do_inline-block{display:inline-block !important;zoom:1 !important;}
.do_display{display:block;!important;}
.do_no_display{display:none !important;}
.hidehide{display:none !important;}


/*---------------------------------------------------------------------------
 __line-height Setting
---------------------------------------------------------------------------*/
.line-height_105{line-height:105%;}
.line-height_110{line-height:110%;}
.line-height_115{line-height:115%;}
.line-height_120{line-height:120%;}
.line-height_125{line-height:125%;}
.line-height_130{line-height:130%;}
.line-height_140{line-height:140%;}
/*---------------------------------------------------------------------------
 __float Setting
---------------------------------------------------------------------------*/
.float_right{float:right;}
.float_left{float:left;}


/*---------------------------------------------------------------------------
 __postion Setting
---------------------------------------------------------------------------*/
.target_position{
	position:relative;
}
.target_box1{
	position:absolute;
	top:0; left:3%;
}
.target_box2{
	position:absolute;
	top:0; right:0;
}
/*-----------------------------------------------
 __height Setting
-----------------------------------------------*/
.clear{clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.clearer {
	 clear: both;
	 display: block;
	 margin: 0;
	 padding: 0;
	 height: 0;
	 line-height:1px;
	 font-size:1px;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




vertical_mid{vertical-align:bottom;}
.border_add{
	border:1px solid #EFEFEF;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px;
}
.link_underbar{
	text-decoration:underline !important;
}
.link_underbar:hover{
	text-decoration:underline !important;
}

/*-----------------------------------------------
 __height Setting
-----------------------------------------------*/
.height-50{	min-height:50px;height:auto !important;height:50px;}
.height-75{	min-height:75px;height:auto !important;height:75px;}
.height-100{min-height:100px;height:auto !important;height:100px;}
.height-125{min-height:125px;height:auto !important;height:125px;}
.height-150{min-height:150px;height:auto !important;height:150px;}
.height-175{min-height:175px;height:auto !important;height:175px;}
.height-200{min-height:200px;height:auto !important;height:200px;}
/*-----------------------------------------------
 __width Setting
-----------------------------------------------*/
.width-50{	min-width:50px;width:50px !important;}
.width-75{	min-width:75px;width:75px !important;}
.width-100{min-width:100px;width:100px !important;}
.width-125{min-width:125px;width:125px !important;}
.width-150{min-width:150px;width:150px !important;}
.width-175{min-width:175px;width:175px !important;}
.width-200{min-width:200px;width:200px !important;}

/*-----------------------------------------------
 __width Setting
-----------------------------------------------*/
.column {
	float:left;
	display:block !important;
	border:1px solid #CFCFCF;
}
.column img{
	margin:5px;
}
.grid2col, .grid3col, .grid4col, .grid5col, .grid6col {width:100%;}
.grid2col .column {width:49%;}
.grid2col .grid2col .column {width:47.8%;}
.grid3col .grid2col .column {width:46%;}
.grid4col .grid2col .column {width:45%;}
.grid3col .column {margin-left:2%;width:32%;}
.grid2col .grid3col .column {width:31%;}
.grid4col .column {margin-left:3%;width:23%;}
.grid5col .column {margin-left:2%;width:18.4%;}
.grid6col .column {margin-left:2%;width:15%;}
.column.first, .column.last {margin-left:0 !important;}
.column.last {float:right !important;}
/********************************************************************
  __color Setting
********************************************************************/
.color_base{color:#2B4368;}
.color_black{color:black !important;}
.color_gray{color:gray !important;}
.color_white{color:white !important;}
.color_silver{color:silver !important;}
.color_aqua{color:aqua !important;}
.color_teal{color:teal !important;}
.color_blue{color:blue !important;}
.color_navy{color:navy !important;}
.color_green{color:green !important;}
.color_olive{color:olive !important;}
.color_lime{color:lime !important;}
.color_yellow{color:yellow !important;}
.color_fuchsia{color:fuchsia !important;}
.color_purple{color:purple !important;}
.color_red{color:red !important;}
.color_maroon{color:maroon !important;}
.color_orange{color:#FFA500 !important;}

.color_deeppink{color:#E50C72 !important;}
.color_lightgray{color:#F5F5F5 !important;}

.color_salary{color:#0099FF !important;}
.color_forms{color:#F08500 !important;}
.color_agent{
	color:#2B4368 !important;
}
.color_advisor{
	color:#FF9900 !important;
}
.color_hover{color:#FFFFDD !important;}
/********************************************************************
  __background-color Setting
********************************************************************/
.bg_black{background-color:black !important;}
.bg_gray{background-color:gray !important;}
.bg_white{background-color:white !important;}
.bg_silver{background-color:silver !important;}
.bg_aqua{background-color:aqua !important;}
.bg_teal{background-color:teal !important;}
.bg_blue{background-color:blue !important;}
.bg_navy{background-color:navy !important;}
.bg_green{background-color:green !important;}
.bg_olive{background-color:olive !important;}
.bg_lime{background-color:lime !important;}
.bg_yellow{background-color:yellow !important;}
.bg_pink{background:#FFCCFF !important;}
.bg_fuchsia{background-color:fuchsia !important;}
.bg_purple{background-color:purple !important;}
.bg_red{background-color:red !important;}
.bg_maroon{background-color:maroon !important;}
.bg_navajowhite{background-color:#FFDEAD !important;}
.bg_orange{background-color:#FFA500 !important;}

.bg_deeppink{background-color:#E50C72 !important;}
.bg_lightgray{background-color:#F5F5F5 !important;}

.bg_salary{background-color:#0099FF !important;}
.bg_forms{background-color:#F08500 !important;}
.bg_agent{background-color:#2B4368 !important;}

.bg_hover{background-color:#FFFFDD !important;}
/********************************************************************
  __border-color Setting
********************************************************************/
.bc_black{border-color:black !important;}
.bc_gray{border-color:gray !important;}
.bc_white{border-color:white !important;}
.bc_silver{border-color:silver !important;}
.bc_aqua{border-color:aqua !important;}
.bc_teal{border-color:teal !important;}
.bc_blue{border-color:blue !important;}
.bc_navy{border-color:navy !important;}
.bc_green{border-color:green !important;}
.bc_olive{border-color:olive !important;}
.bc_lime{border-color:lime !important;}
.bc_yellow{border-color:yellow !important;}
.bc_pink{background:#FFCCFF !important;}
.bc_fuchsia{border-color:fuchsia !important;}
.bc_purple{border-color:purple !important;}
.bc_red{border-color:red !important;}
.bc_maroon{border-color:maroon !important;}
.bc_navajowhite{border-color:#FFDEAD !important;}
.bc_orange{border-color:#FFA500 !important;}


.bc_deeppink{border-color:#E50C72 !important;}
.bc_lightgray{border-color:#F5F5F5 !important;}

.bc_salary{border-color:#0099FF !important;}
.bc_forms{border-color:#F08500 !important;}
.bc_agent{border-color:#2B4368 !important;}

.bc_hover{border-color:#FFFFDD !important;}
/*---------------------------------------------------------------------------
 __Base Link Color Setting
---------------------------------------------------------------------------*/

a:link, a:visited{
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#000000;
}
a:hover, a:hover,a:active{
	text-decoration:underline;
}
/*-----------------------------------------------
 __login
-----------------------------------------------*/

#login_logout{
	height:28px;
	background-color:#000000;
	padding-right:10px;
	color:#FFFFFF;
	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;
	background:url(/img/roce-online-html/salary/gradation.0.jpg) repeat-x 0 0;
	background:#FFFFFF;
}
#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:5px; right:0;
	width:660px; height:36px;
}
.globalnavi ul{
  list-style-type: none;
  margin:0;
  padding: 0;
}

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

#globalnavi_user a{
  display: block;
  width: 100%;
  height: 36px;
  background-image:url(/img/roce-online-html/salary/globalnavi.0.jpg);
  background-repeat: no-repeat;
  overflow:hidden;
}
#globalnavi_user .menu1 a{background-position: 0 0;}
#globalnavi_user .menu2 a{background-position: -110px 0;}
#globalnavi_user .menu3 a{background-position: -220px 0;}
#globalnavi_user .menu4 a{background-position: -330px 0;}
#globalnavi_user .menu5 a{background-position: -440px 0;}
#globalnavi_user .menu6 a{background-position: -550px 0;}
#globalnavi_user .menu7 a{background-position: -660px 0;}


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


#globalnavi_user .menu1 .no_link{background-position: 0 -36px!important;}
#globalnavi_user .menu2 .no_link{background-position: -110px -36px!important;}
#globalnavi_user .menu3 .no_link{background-position: -220px -36px!important;}
#globalnavi_user .menu4 .no_link{background-position: -330px -36px!important;}
#globalnavi_user .menu5 .no_link{background-position: -440px -36px!important;}
#globalnavi_user .menu6 .no_link{background-position: -550px -36px!important;}
#globalnavi_user .menu7 .no_link{background-position: -660px -36px!important;}

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

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


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


#globalnavi_agent .menu1 .no_link{background-position: 0 -108px!important;}
#globalnavi_agent .menu2 .no_link{background-position: -110px -108px!important;}
#globalnavi_agent .menu3 .no_link{background-position: -220px -108px!important;}
#globalnavi_agent .menu4 .no_link{background-position: -330px -108px!important;}
#globalnavi_agent .menu5 .no_link{background-position: -440px -108px!important;}
#globalnavi_agent .menu6 .no_link{background-position: -550px -108px!important;}
#globalnavi_agent .menu7 .no_link{background-position: -660px -108px!important;}

/*グローバルナビの影*/
#globalnavi_shadow_for_user, #globalnavi_shadow_for_agent{
	position:absolute;
	bottom:0; right:0;
	width:660px;
	text-indent:0;
	z-index:0;
	height:5px;
}
/*グローバルナビの影のカラム*/
#globalnavi_shadow_for_user div, #globalnavi_shadow_for_agent div{
	float:left;
	width:110px;
	height:5px;
	margin:0; padding:0;
	text-indent:-9999px;
}
/*サブナビの帯　一般ユーザ用*/
#sub_navi_box_for_user{
	background:#ECECEC;
	border-bottom:1px solid #EFEFEF;
	border-left:0;
	border-right:0;
	margin:0 0 10px 0;
}
/*サブナビの外部ファイル読み込み先　一般ユーザ用*/
#sub_navi_space_for_user{
	width:950px;
	background-color:#DFDFDF;
	color:#FFFFFF;
	margin:0 auto;
	height:25px;
}
/*サブナビの帯　士業様用*/
#sub_navi_box_for_agent{
	background-color:#EFEFEF;
	border-top:1px solid #2B4368;
	border-bottom:1px solid #EFEFEF;
	border-left:0;
	border-right:0;
	margin:0 0 10px 0;
}
/*サブナビの外部ファイル読み込み先　士業様用*/
#sub_navi_space_for_agent{
	width:950px;
	background:#DFDFDF;
	color:#FFFFFF;
	margin:0 auto;
	height:25px;
}
.navi_link{
	padding:0;
	margin:0;
	display:none;
}
.navi_link li{
	float:left;
    list-style-type: none;
	height:25px;
	margin-left:5px;
}
.navi_link li a{
	color:#666666;
	font-size:75%;
	line-height:2.3em;
	padding-left:8px;
	display:block;
	margin-left:20px;
	background:url(/img/roce-online-html/salary/list_image.gif) no-repeat;
}

/********************************************************************
__main
********************************************************************/
#using_by_sidebar_loading{
	display:none;
}


/********************************************************************
__sidebar
********************************************************************/
#sidebar {
	width:240px; height:auto;
	float:left;
	padding:0;
	margin:0;
	color:black;
	min-height:1%;
}

#sidebar h4{
	font-size:100%;
	width:242px; height:30px;
	background:url("/img/roce-online-html/salary/sidebar_h3_bg.0.png") no-repeat center;
	margin:0;
	text-align:center;
	line-height:1.9em;
	color:#FFFFFF;
}
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:240px;
}
#sidebar ul{
	font-size:90%;
	text-align:left;
	margin:0;
	padding:0 10px;
}
#sidebar ul li {
	border-bottom:dashed 1px #CCC;
	line-height:2em;
	text-align:left;
	padding:0;
	margin:0;
	color:#999999;
}
#sidebar ul{
	font-size:90%;
	text-align:left;
	margin:0; padding:2px 7px;
	color:#666666;
}
#sidebar ul li {
	border-bottom:dashed 1px #CCCCCC;
	line-height:190%;
	display:block;
	padding-left:15px;
	background:url(/img/roce-online-html/salary/list_image.gif) no-repeat 0 -56px;
}
#sidebar ul li a{
	text-align:left;
	display:block;
}
#sidebar ul li.last{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:none;
}
.banner{
	background:url(/img/roce-online-html/salary/sidebar_links.png) no-repeat;
	padding:0;
	border:0;
	text-indent:-9999px;
	width:240px;
	display:block;
	overflow:hidden;
}

#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;
	color:#999999;
}
/*------------------------------------------------
 __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;
	margin:0 auto;
	padding:0;
	position:relative;
}
#superfooter-contents a{
	text-decoration:none;
}
#superfooter-contents a:hover{
	text-decoration:underline;
}
#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;
	border-right:1px solid #CCCCCC;
	height:165px;
}
#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;
}