@charset "utf-8";
/* 共通設定 */

body {/*ブラウザスタイルの初期化*/
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 に */
	padding: 0;/*IE 5* ブラウザではコンテナが中央揃えに。テキストは、#container セレクタの初期設定である左揃えに設定 */
	color: #000000;
	text-align:center;
}

html {
overflow-y:scroll;
}

img {border:none;}

div#container {
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding: 0;
	background: url(images/container_bg.jpg) repeat-y;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	width: 780px;
	
}

div#header {
	margin:0 0 0 1px;
	padding:0;
	background:url(images/top_header_bg.jpg) no-repeat;
	height:30px;
	vertical-align: top;
	position:relative;
}
div#top_navi {
	margin:0;
	padding: 5px 15px 0 0;
	font-size: 80%;
	text-align:right;
}
div#top_navi a {
	color: #666666;
	text-decoration:none;
}
div#top_navi a:hover {
	color: #0066FF;
	text-decoration: underline;
}
img.lftfloat {
	float:left;
}
img.rgtfloat {
	float:right;
	margin-right:15px;
}
/*　ナビゲーション部設定　*/

div#r_navi {
	margin:-5px 0 0 0;
	padding:0;
	height:25px;
	overflow:hidden;
}

#r_navi ul {
	margin: 0;
	padding:0 0 0 1px;
}

#r_navi li {
	margin:0;
	display:inline;
	list-style-type:none;
}

#r_navi li a{
	height:25px;
	display: block;
	float:left;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

/*------r_navi link*/
li#recruit-top a{ 
	background:  url(images/r_navi_top1.gif) no-repeat 0 0;
	width:203px;
}
li#company-info a{ 
	background: url(images/r_navi1.gif) no-repeat -203px 0;
	width:140px;
}
li#recruit-info a{ 
	background: url(images/r_navi1.gif) no-repeat -343px 0;
	width: 130px;
}
li#voice a{ 
	background: url(images/r_navi1.gif) no-repeat -473px 0;
	width: 150px;
}
li#inquiry a{ 
	background: url(images/r_navi1.gif) no-repeat -623px 0;
	width: 150px;
}
/*------トップナビ（ロールオーバー）link hover*/

li#recruit-top a:hover{ 
	background: url(images/r_navi_top2.gif) no-repeat 0 0;
	width:203px;
}
li#company-info a:hover{ 
	background: url(images/r_navi2.gif) no-repeat -203px 0;
	width:140px;
}
li#recruit-info a:hover{ 
	background: url(images/r_navi2.gif) no-repeat -343px 0;
	width: 130px;
}
li#voice a:hover{ 
	background: url(images/r_navi2.gif) no-repeat -473px 0;
	width: 150px;
}
li#inquiry a:hover{ 
	background: url(images/r_navi2.gif) no-repeat -623px 0;
	width: 150px;
}
.text-hidden {
	text-indent:-9999px;
}
/*メインエリア（sidebar+mainContent外枠）*/
div#main_area {
	margin:0 0 0 1px;
	padding:0;
	background: url(images/main_area_bg.gif) no-repeat;
	font-size:90%;
	width:780px;
}

div#mainContent {
	margin: 0;
	padding: 0 15px 0 0;
	width:765px;
}

table#outside {
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	width:770px;
}
table#outside td {
	padding: 6px 6px 6px 12px;
	vertical-align:top;
}

table#topics {
	margin:0;
	padding:0;
	border: #5276AD 1px solid;
	border-collapse:collapse;
	font-size: 90%;
}
table#topics th {
	padding:0;
}
table#topics td {
	padding:3px 3px 3px 10px;
	border-bottom: #5276AD 1px dotted;
	letter-spacing:1px;
}

img.topics {
	text-align:right;
}
/*フッター設定*/
div#footer {
	clear:both;
	margin:0;
	padding:5px 0 3px 10px;
	background: url(images/footer-bg.gif) no-repeat;
	font-size:80%;
}
div#footer a {
	color: #666666;
	text-decoration:none;
}
div#footer a:hover {
	color: #0066FF;
	text-decoration: underline;
}


address {
	margin:-15px 10px 0 0;
	color:#999999;
	font-style:normal;
	text-align:right;
}
