@charset "utf-8";
/* 新卒採用情報－若手社員の声 */

body {/*ブラウザスタイルの初期化*/
	font-size:100%;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 に */
	padding: 0;/*IE 5* ブラウザではコンテナが中央揃えに。テキストは、#container セレクタの初期設定である左揃えに設定 */
	color: #000000;
	text-align:center;
	letter-spacing:0;/*IE7ページの拡大対策*/
}

br {letter-spacing:0;}/*IE7ページの拡大対策*/

html {/*firefoxで縦スクロールバーを常に表示させて中央揃えの位置がずれるのを防ぐ*/
	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; 
	width:780px;
	
}
*html div#container {
	width:781px;
}

div#header {
	margin:0;
	padding:0;
	background: url(../images/header_bg.jpg) no-repeat;
}

div#top_navi {
	margin:0;
	padding: 5px 15px 3px  0;
	background: #FFFFFF;
	border-bottom:#CCCCCC 1px solid;
	border-right:#FFFFFF 3px solid;
	border-left:#FFFFFF 1px solid;
	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;
}

div#logo_area {
	margin:0;
	padding:10px 6px 0 0;
	height:40px;
}
img.lftfloat {
	float:left;
}
img.rgtfloat {
	float:right;
}
/*　ナビゲーション部設定　*/

div#r_navi {
	margin:0;
	padding:0;
	height:25px;
	overflow:hidden;
}

#r_navi ul {
	margin: 0;
	padding:0 0 0 1px;
}

#r_navi li {
	display:inline;
	list-style-type:none;
}

#r_navi li a{
	height:25px;
	display:block;
	float:left;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

/*------link*/
li#recruit-top a{ 
	background: url(../images/r_navi1.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_navi2.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 {
	visibility:hidden;
}

/*パンくずナビ*/
div#crumb {
	/*margin:0;
	padding:5px 0 5px 20px;
	font-size:90%;*/
	margin:0;
	padding:2px 0 2px 20px;
	color:#666666;
	font-size:82%;
}
div#crumb a{
	padding-bottom:1px;
	text-decoration:underline;
}
#cramb:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#cramb {display:inline-block;}

/*Hides from IE-mac \*/
* html #cramb {height:1%;}
#cramb {display:block;}
/* End hide from IE-mac */ 

/* for IE7 */  
*+html #cramb {   
	display:inline-block;   
}  

/*メインエリア（sidebar+mainContent外枠）*/

 div#main_area {
	margin:0 0 0 1px;
	padding:0;
	background: url(../images/voice/ie_main_area_bg.gif) no-repeat;
	font-size:80%;
}
 div#footer {
	clear:both;
	background:url(../images/footer-bg.gif) no-repeat;
	margin:0 0 0 1px;
	padding:7px 5px;
}
div#sidebar {
	margin:0;
	padding:14px 0 0 0;
	float:left;
	width: 235px;
}
#sidebar ul {
	margin: 0;
	padding:5px 0 0 0;
}

#sidebar li {
	list-style-type:none;
}

#sidebar li a{
	height:100px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

/*---sidebarメニュー*/
li#voice01 a { 
	background: url(../images/voice/voice-sidebar1.gif) no-repeat 0 0;
	width:235px;
}
li#voice02 a { 
	background: url(../images/voice/voice-sidebar1.gif) no-repeat 0	-100px;
	width:235px;
}
li#voice03 a { 
	background: url(../images/voice/voice-sidebar1.gif) no-repeat 0 -200px;
	width:235px;
}
li#voice04 a { 
	background: url(../images/voice/voice-sidebar1.gif) no-repeat 0 -300px;
	width:235px;
}
li#voice05 a { 
	background: url(../images/voice/voice-sidebar1.gif) no-repeat  0 -400px;
	width:235px;
}
/*---sidebarメニュー（ロールオーバー）*/
li#voice01 a:hover { 
	background: url(../images/voice/voice-sidebar2.gif) no-repeat 0 0;
	width:235px;
}
li#voice02 a:hover { 
	background: url(../images/voice/voice-sidebar2.gif) no-repeat 0	-100px;
	width:235px;
}
li#voice03 a:hover { 
	background: url(../images/voice/voice-sidebar2.gif) no-repeat 0 -200px;
	width:235px;
}
li#voice04 a:hover { 
	background: url(../images/voice/voice-sidebar2.gif) no-repeat 0 -300px;
	width:235px;
}
li#voice05 a:hover { 
	background: url(../images/voice/voice-sidebar2.gif) no-repeat  0 -400px;
	width:235px;
}
div#mainContent {
	margin: 0 0 0 235px;
	padding: 0 0 20px 0;
}
div#mainContent h1 {
	margin:0;
	padding:10px 0 0 0;
}
div#mainContent h2 {
	margin:30px 0 10px 0 ;
	padding:0 0 5px 10px;
}

div#mainContent p {
	margin:0;
	padding:0 45px 0 30px;
	line-height:1.5;
}
p.bkto_pagetop {
	text-align:right;
}
img.bkto_pagetop {
	margin-top:40px;
}
/*フッター設定*/
div#footer {
	clear:both;
	margin:0;
	padding:5px 0 3px 10px;
	background: url(../images/footer-bg.gif)  no-repeat;
	font-size:80%;
}
div#footer ul {
	margin:0;
}
div#footer li {
	padding-left:30px;
	background:url(../images/top_navi_mark.gif) no-repeat left top;
	list-style-type:none;
	float:left;
}
div#footer a {
	color: #666666;
	text-decoration:none;
}
div#footer a:hover {
	color: #0066FF;
	text-decoration: underline;
}


div#footer address {
	margin:0 10px 0 0;
	color:#999999;
	font-style:normal;
	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;
}
*/
