/* CSS Document */
*{
	letter-spacing:1px;
	margin:0px;
	padding:0px;
	font-family:"メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:150%;
}
.h1_top{
	width:521px;
	padding:7px 0 7px 0;
	font-size:14px;
	line-height:18px;
	font-weight:600;
	color:#314666;
}.h1_top{
	width:521px;
	padding:7px 0 7px 0;
	font-size:14px;
	line-height:18px;
	font-weight:600;
	color:#666;
}

/* ページtopへボタン */
.top{
	_width:516px;
	text-align:right;
	padding:11px 5px 0 0;
}
.top a{
	font-size:11px;
	color:#314666;
	text-decoration:underline;
}
.top_bottom{
	_width:516px;
	text-align:right;
	padding:11px 5px 16px 0;
}
.top_bottom a{
	font-size:11px;
	color:#314666;
	text-decoration:underline;
}

img, table {
	border: none;
}

/* ++++++++++ container ++++++++++ */
#container{
	width:840px;
	margin:auto;
	border:solid 1px #666;
}


/* ++++++++++ header ++++++++++ */
#header{
	width:840px;
	height:94px;
}
.header_l{
	width:359px;
	height:84px;
	float:left;
}
.header_r{
	width:481px;
	height:84px;
	float:left;
}
.header_line{
	width:840px;
	height:10px;
	clear:left;
}


/* ++++++++++ main ++++++++++ */
#main{
	width:840px;
}

/* ---------- global_navi ---------- */
#global_navi{
	width:240px;
	float:left;	
	text-align:left;
	padding-left:19px;
	padding-right:18px;
	padding-top:9px;
}
/* ---------- 納得！給与制度 ---------- */
#navi_salary{
	width:240px;
	height:135px;
}
#navi_salary ul{
	list-style:none;
}
#navi_salary li{
	display:inline;
}
#navi_salary li a span{
	display:none;
}
#navi_salary li a{
	display:block;
	height:45px;
	width:240px;
	background-repeat:no-repeat;
	background:url(../images/salary.jpg);
}
#navi_salary li a.salary1{background-position:0px 0px;}
#navi_salary li a.salary1:hover{background-position:-240px 0px;}
#navi_salary li a.salary2{background-position:0px -45px;}
#navi_salary li a.salary2:hover{background-position:-240px -45px;}
#navi_salary li a.salary3{background-position:0px -90px;}
#navi_salary li a.salary3:hover{background-position:-240px -90px;}
/* ---------- 会社概要・セミナー参加者の声・導入企業の実例 ---------- */
#voice3{
	width:240px;
	padding-top:11px;
}
#voice3 ul{
	list-style:none;
}
#voice3 li{
	margin-bottom:1px;
}
#voice3 li a span{
	display:none;
}
#voice3 li a{
	display:block;
	height:35px;
	width:240px;
	background-repeat:no-repeat;
	background:url(../images/voice3.jpg);
}
#voice3 li a.company{background-position:0px 0px;}
#voice3 li a.company:hover{background-position:-240px 0px;}
#voice3 li a.voice{background-position:0px -35px;}
#voice3 li a.voice:hover{background-position:-240px -35px;}
#voice3 li a.example{background-position:0px -70px;}
#voice3 li a.example:hover{background-position:-240px -70px;}
/* ---------- 代表者プロフィール ---------- */
#profile{
	width:240px;
	height:50px;
	padding-top:8px;
}
#profile ul{
	list-style:none;
}
#profile li{
	margin-bottom:1px;
}
#profile li a span{
	display:none;
}
#profile li a{
	display:block;
	height:50px;
	width:240px;
	background-repeat:no-repeat;
	background:url(../images/profile.jpg);
}
#profile li a.prof{background-position:0px 0px;}
#profile li a.prof:hover{background-position:-240px 0px;}
/* ---------- お問い合わせ ---------- */
#contact_top{
	width:240px;
	padding-top:11px;
}
#contact{
	width:240px;
	height:30px;
}
#contact ul{
	list-style:none;
}
#contact li{
	display:inline;
}
#contact li a span{
	display:none;
}
#contact li a{
	display:block;
	height:30px;
	width:240px;
	background-repeat:no-repeat;
	background:url(../images/contact.jpg);
}
#contact li a.cont{background-position:0px 0px;}
#contact li a.cont:hover{background-position:-240px 0px;}
#contact_bottom{
	padding-bottom:16px;
}

/* ---------- main_contents ---------- */
#main_line{
	float:left;	
	width:6px;
	background-repeat:repeat-y;
	background-image:url(../images/line_length.jpg);
}
#main_contents{
	width:521px;
	float:left;	
	text-align:left;
	padding-top:16px;
	padding-left:24px;
}
/* ---------- セミナーのご案内 ---------- */
.seminar_guide{
	width:521px;
	padding-top:11px;
}
.cms{
	width:507px;
	padding-top:11px;
	padding-bottom:11px;
	padding-right:7px;
	padding-left:7px;
	border-bottom:dotted thin #666;
}
.cms h1{
	color:#bd1c3e;
	background-color:#ffeaea;
	font-size:14px;
	padding-left:5px;
}
.cms ul{
	padding-top:11px;
	padding-bottom:5px;
}
.cms li{
	font-size:11px;
	color:#000;
	list-style-type:disc;
	list-style-position:inside;
	line-height:20px;
}
.cms a{
	font-size:11px;
	color:#000;
	list-style-type:disc;
	list-style-position:inside;
	line-height:20px;
	text-decoration:none;
	_font-size:10px;
}
.cms a:hover{
	text-decoration:underline;
	color:#36F;
}
/*IE7用*/*first-child+html .cms a{
	font-size:10px;
	color:#000;
	list-style-type:disc;
	list-style-position:inside;
	line-height:20px;
	text-decoration:none;
}
/*IE7用*/*first-child+html .cms a:hover{
	text-decoration:underline;
	color:#36F;
}
/* ---------- トピックスボタン ---------- */
.topics{
	clear:left;
	width:521px;
	padding-top:16px;
	padding-bottom:16px;
}
.topics_voice{
	width:256px;
	float:left;
}
.topics_example{
	padding-left:9px;
	width:256px;
	float:left;
}
/* ---------- フッター ---------- */
.footer{
	clear:left;
	width:521px;
	border-top:solid 2px #6384C9;
}
.footer p{
	padding-top:11px;
	color:#000;
	font-size:10px;
}
.footer a{
	color:#000;
	font-size:10px;
	_font-size:9px;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
	color:#000;
}
/*IE7用*/*first-child+html .footer a{
	color:#000;
	font-size:10px;
	_font-size:9px;
	text-decoration:none;
}
/*IE7用*/*first-child+html .footer a:hover{
	text-decoration:underline;
	color:#000;
}
.footer address{
	padding-top:3px;
	padding-bottom:11px;
	color:#000;
	font-size:10px;
}