/* CSS Document */
@charset "Shift_JIS" ;
*{
	padding:0;
	margin:0;
	line-height:100%;
	}
	
body{
	text-align:center;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	}
	
img {
	vertical-align:top;
	border: none;
	}
	
ol,ul,li,dl,dt,dd {
	line-height:1.5em;
	font-size:12px;
 	}
	
table,td,th{
	border-collapse:collapse;
	font-size:12px;
	line-height:1.5em;
	empty-cells: show;
	}
	
a:link, a:visited, a:hover {
	color:#0066CC;
	text-decoration: none;
	}

a:hover {
	color:#99CCFF;
	}

	
p {
	font-size:12px;
	line-height:1.5em;
	color:#333333;
	text-align:left;
	}
	
.cl {
	clear:both;
	}
	
/*
-------------------------------------------
 header
-------------------------------------------
*/

#title {
	background:url(../img/title.gif);
	width:85px;
	height:44px;
	margin-top:20px;
	margin-bottom:5px;
	float:left;
	padding:0
	}
	
#title h1 a{
	width:85px;
	height:44px;
	text-indent:-5000px;
	display:block;
	float:left;
	}
	
#copy a{/*IE6用*/
	width:235px;
	height:44px;
	margin-top:20px;
	margin-bottom:5px;
	padding:10px 0 0 5px;
	float:left;
	color:#999999;
	font-size:11px;
	background:url(../img/title.gif) no-repeat;
	background-position:right top;
	}
	
#copy>a{/*モダンブラウザ用*/
	width:230px;
	height:34px;
	margin-top:20px;
	margin-bottom:5px;
	padding:10px 0 0 5px;
	float:left;
	color:#999999;
	font-size:11px;
	background:url(../img/title.gif) no-repeat right;
	}
	
#copy p{
	width:235px;
	display:block;
	color:#999999;
	font-size:11px;
	margin:10px 0 0 5px;
	}

#header_navi {
	width:400px;
	float:right;
	display:block;
	margin-top:20px;
	height:44px;
	text-align:right;
	background:url(../img/title.gif) no-repeat right;
	}

#header_navi img{
	float:right;
	margin-left:10px;
	margin-top:10px;
	}
	
#header_navi img.mail{
	border-left:#666666 solid 1px;
	padding-left:10px;
	margin-left:10px;
	}
	

	
/*
-------------------------------------------
 footer
-------------------------------------------
*/

* html #footer {/*IE6用*/
	width:719px;
	background:#F0F0F0;
	border:1px #CCCCCC solid;
	height:50px;
	padding:10px;
	margin-top:5px;
	clear:both;
	}

#footer{
	width:698px;
	background:#F0F0F0;
	border:1px #CCCCCC solid;
	height:50px;
	padding:10px;
	margin-top:5px;
	clear:both;
	}
	
.footer_menu{
	font-size:10px;
	color:#999999;
	margin-bottom:30px;
	text-align:center;
	}

.footer_p{
	font-size:10px;
	color:#999999;
	margin-bottom:30px;
	text-align:center;
	}

#footer p{
	text-align:left;
	font-size:10px;
	color:#666666;
	}
	
/*
-------------------------------------------
 nabi
-------------------------------------------
*/

/*global_menu */
#global_menu {
	display:inline-block;
	border-left:#999999 solid 1px;
	border-top:#999999 solid 1px;
	clear:both;
	}
	
#global_menu ul{
	width:720px;
	padding:0;
	margin:0
	}

#global_menu ul li{
	float: left;
	border-bottom:#999999 solid 1px;
	list-style:none;
	}
	
#global_menu li a{
	display:block;
	height:17px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:1;
	padding:7px 0 1px 0;
	}
	
#global_menu li.menu01 a{
	color:#333333;
	background:#f0f0f0;
	border-right:#999999 solid 1px;
	}
	
#global_menu li.menu01_b a{
	color:#FFFFFF;
	background:#666666;
	}
	
#global_menu li.menu01 a:hover{
	background:#666666;
	color:#FFFFFF
	}

/*w_90 通常のサイズ*/	
.w_90{
	width:90px;
	}
	
.w_85{
	width:77px;
	}
	
.w_95{
	width:94px;
	}
	
.w_140{
	width:129px;
	}

.w_145{
	width:145px;
	}


/*
-------------------------------------------
 layout
-------------------------------------------
*/
	
#container {
	text-align: left;
	width: 720px;
	margin: 0 auto;
	background-color: #fff;
	margin-bottom:5px;
}

#container_main{
	text-align: left;
	width: 720px;
	margin: 0 auto;
	background-color: #fff;
	clear:both;
	padding-top:5px;
	}
	
#area_contents_staff{
	width:540px;
	float:right;
	margin-top:5px;
	background:url(../img/staff_back.gif) no-repeat;
	padding:0;
	height:359px;
	}

#area_contents{
	width:500px;
	float:right;
	padding:110px 10px 20px 30px;
	margin-top:5px;
	}
	
#area_o_contents{
	width:500px;
	float:right;
#	padding:20px 10px 20px 30px;
	padding:64px 10px 20px 30px;
	margin-top:5px;
	}
	

#contents_menu{
	width:180px;
	float:left;
	padding-bottom:20px;
	margin-top:5px;
	}
	
	
/*contents title */
	
div.title {
	width:500px;
	padding:20px 0 10px 0;
	display:block;
	}
	
div.title p{
	color:#FF6600;
	font-size:10px;
	border-bottom:#FF6600 1px solid;
	padding-bottom:5px;
	display:block;
	}
	
div.title h2{
	font-size:16px;
	text-align:left;
	padding-top:5px;
	font-weight:normal;
	}
	
/*contents menu */

div.contents_left ul{
	width:165px;
	padding:0px 0px 10px 15px;
	margin:0
	}
	
div.contents_left li {
	list-style:none;
	}
	
.menu02 a{/*IE6用*/
	width:150px;
	padding:3px 12px 3px 3px;
	margin-bottom:5px;
	background:#FFFFFF;
	border-bottom:#000000 solid 2px;
	border-left:#666666 solid 1px;
	border-right:#000000 solid 2px;
	border-top:#666666 solid 1px;
	color:#333333;
	display:block;
	text-decoration:none;
	font-size:12px;
	line-height:normal;
	background:url(../img/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:-2px center;
	}
	
.menu02>a{/*モダンブラウザ用*/
	width:130px;
	padding:3px 12px 3px 3px;
	margin-bottom:5px;
	background:#FFFFFF;
	border-bottom:#000000 solid 2px;
	border-left:#666666 solid 1px;
	border-right:#000000 solid 2px;
	border-top:#666666 solid 1px;
	color:#333333;
	display:block;
	text-decoration:none;
	font-size:12px;
	line-height:normal;
	background:url(../img/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:-2px center;
	}
	
.menu02 a:visited{/*IE6用*/
	width:150px;
	padding:3px 12px 3px 3px;
	margin-bottom:5px;
	background:#FFFFFF;
	border-bottom:#000000 solid 2px;
	border-left:#666666 solid 1px;
	border-right:#000000 solid 2px;
	border-top:#666666 solid 1px;
	color:#333333;
	display:block;
	text-decoration:none;
	font-size:12px;
	line-height:normal;
	background:url(../img/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:-2px center;
	}
	
.menu02>a:visited{/*モダンブラウザ用*/
	width:130px;
	padding:3px 12px 3px 3px;
	margin-bottom:5px;
	background:#FFFFFF;
	border-bottom:#000000 solid 2px;
	border-left:#666666 solid 1px;
	border-right:#000000 solid 2px;
	border-top:#666666 solid 1px;
	color:#333333;
	display:block;
	text-decoration:none;
	font-size:12px;
	line-height:normal;
	background:url(../img/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:-2px center;
	}
	
.menu02 a:hover{
	background:url(../img/menu_arrow_b.gif);
	background-repeat:no-repeat;
	background-position:-2px center;
	border-bottom:#000000 solid 2px;
	border-left:#666666 solid 1px;
	border-right:#000000 solid 2px;
	border-top:#666666 solid 1px;
	color:#FFFFFF;
	}

div.info{
	width:160px;
	padding:10px;
	background:#666666;
	}
	
div.info h3 {
	background:url(../img/con_menu_info.gif);
	text-indent:-5000px;
	width:160px;
	height:18px;
	margin:0
	}
	
div.info p{
	width:160px;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	border-bottom:#FFFFFF 1px dashed;
	padding:5px 0;
	line-height:1.5em;
	margin:0
	}
	
div.info span{
	color:#FF9900;
	line-height:1.3em;
	}
	
div.info a{
	color:#FF9900;
	}
	
/*
-------------------------------------------
 table,ul.dd
-------------------------------------------
*/

/*table 線あり*/
table.border {
	width:500px;
	border-collapse:collapse;
	border:#999999 solid 1px;
	margin-top:20px;
	}
	
table.border td{
	padding:5px;
	font-size:12px;
	line-height:1.5em;
	border:#999999 solid 1px;
	vertical-align:top;
	}
	
/*table 線なし*/
#area_contents table.no_border {
	width:500px;
	border-collapse:collapse;
	margin-top:20px;
	}
	
#area_contents table.no_border th{
	padding:3px 5px;
	font-size:12px;
	line-height:1.5em;
	border-bottom:#999999 solid 1px;
	text-align:left;
	}
	
#area_contents table.no_border td{
	padding:3px 5px;
	font-size:12px;
	line-height:1.5em;
	vertical-align:top;
	}
	
#area_contents td span{
	font-weight:bold;
	font-size:12px;
	line-height:1.5em;
	}
	
/*table 下線のみ*/
#area_contents table.bottom_border {
	width:500px;
	border-collapse:collapse;
	margin-top:20px;
	}

#area_contents table.bottom_border th{
	padding:5px;
	font-size:12px;
	line-height:1.5em;
	border-bottom:#999999 solid 1px;
	background:#F7F7F7;
	}
	
#area_contents table.bottom_border td{
	padding:5px;
	font-size:12px;
	line-height:1.5em;
	border-bottom:#999999 solid 1px;
	vertical-align:top;
	}
	
.td_w_200px{
	width:200px;
	}
	
.td_w_250px{
	width:250px;
	}
	
.td_w_100px{
	width:100px;
	}
	
.td_w_120px{
	width:120px;
	}
	
/*li*/	
	
.list_area {
	margin-left:20px;
	width:480px;
	}
	
#area_contents .line{
	border-top:#999999 solid 1px;
	}
	
#area_contents .line_bottom{
	border-bottom:#999999 solid 1px;
	}
	
#area_contents .list_area h3{
	font-size:12px;
	float:left;
	line-height:1.5em;
	padding:10px 5px 0 5px;
	margin-top:10px;
	}
	
#area_contents .list_area_arrow h3{
	background:url(../img/ya_9_2.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	font-size:12px;
	float:left;
	line-height:1.5em;
	padding:10px 5px 0 20px;
	margin-left:30px;
	margin-top:10px;
	}

#area_contents .list_area ul{
	float:right;
	display:block;
	margin-top:10px;
	padding-top:10px;
	}
	
ul,ol.textbox_list{
	padding-left:30px;
	}
	
ol.inner_list{
	margin-left:30px;
	}
	
li.number{
	list-style:upper-roman;
	margin-bottom:5px;
	}
	
li.alpha{
	list-style:lower-alpha;
	margin-bottom:5px;
	}
	
li.arrow{
	list-style:url(../img/ya_9_2.gif);
	margin-bottom:5px;
	}
	
/*dd*/

#area_contents .list_area dl{
	float:left;
	display:block;
	margin:10px 0 10px 10px;
	padding-top:10px;
	}
	
#area_contents .list_area dt{
	margin-bottom:5px;
	color:#FF6600;
	padding-left:5px;
	}
	
#area_contents .list_area dd{
	margin-bottom:5px;
	padding-left:20px;
	}
	
#area_contents table.bottom_border dt{
	color:#FF6600;
	}
	
#area_contents table.bottom_border dd{
	padding-left:10px;
	}
	
div.voice_box h3,div.voice_box_non h3{
	font-size:12px;
	float:left;
	line-height:1.5em;
	padding:5px 5px 0 5px;
	margin-left:30px;
	margin-top:5px;
	}
	
div.voice_box dl,div.voice_box_non dl{
	float:right;
	display:block;
	margin-top:10px;
	}

div.voice_box dl span,div.voice_box_non dl span{
	font-weight:bold
	}
	
.h3_w100{
	width:100px;
	}
	
.h3_w150{
	width:150px;
	}
	
.h3_w200{
	width:200px;
	}
	
.dl_w350{
	width:350px;
	}
	
.dl_w250{
	width:250px;
	}
	
.dl_w280{
	width:280px;
	}
	
.dl_w300{
	width:300px;
	}
	
.dl_w320{
	width:320px;
	}
	
	
	
/*text box*/

div.text_box{
	width:400px;
	margin-left:100px;
	display:block;
	margin-top:20px;
	}

	
div.fulltext_box{
	width:480px;
	margin-left:20px;
	display:block;
	margin-top:20px;
	}
	
/*募集要項*/	
div.fulltext_job{
	width:480px;
	margin-left:20px;
	display:block;
	margin-top:20px;
	padding:5px 5px 5px 0;
	border:#999999 1px solid;
	}

/*社員の声*/	
div.voice_box{
	width:500px;
	display:block;
	margin-top:20px;
	border-top:#999999 solid 1px;
	padding-top:10px;
	}
	
div.voice_box_non{
	width:500px;
	display:block;
	margin-top:20px;
	border-top:none;
	padding-top:10px;
	}

/*Pマーク*/	
div.p_mark_box{
	width:480px;
	margin-left:5px;
	display:block;
	margin-top:20px;
	padding:5px 5px 5px 0;
	border:#999999 1px solid;
	}

/*メール関係*/
div.mail_text1{
	width:480px;
	margin-left:120px;
	display:block;
	margin-top:20px;
	padding:5px 5px 5px 0;
	border:#999999 1px solid;
	}
div.mail_text2{
	width:480px;
	margin-left:120px;
	display:block;
	margin-top:20px;
	padding:5px 5px 5px 0;
	border:0px;
	}


/*
-------------------------------------------
 text　style
-------------------------------------------
*/
div.text_box p{
	margin-bottom:10px;
	}
	
div.text_box p span,div.fulltext_box p span,div.voice_box_non p span,div.voice_box p span{
	font-size:12px;
	font-weight:bold;
	}

div.fulltext_box p{
	padding-left:10px;
	margin-bottom:15px;
	}
	
div.fulltext_box p.padding_non{
	padding-left:-10px;
	margin-bottom:15px;
	}

div.voice_box p,div.voice_box_non p{/*IE6用*/
	width:480px;
	margin-left:20px;
	display:block;
	margin-bottom:10px;
	padding-top:10px;
	}
	
div.voice_box>p,div.voice_box_non>p{/*モダンブラウザ用*/
	width:480px;
	margin-left:20px;
	display:block;
	margin-bottom:10px;
	}

p.komidashi{
	position:0 -20;
	margin-bottom:10px;
	}
	
.m_bottom10{
	margin-bottom:10px;
	}
	
.m_bottom20{
	margin-bottom:20px;
	}
	
.syomei{
	text-align:right;
	}
	
.syomei_2{
	margin-left:50px;
	padding-top:10px;
	}
/*
-------------------------------------------
 input ime
-------------------------------------------
*/
input.ime_auto { ime-mode: auto; }
input.ime_active { ime-mode: active; }
input.ime_disabled { ime-mode: disabled; }
input.ime_inactive { ime-mode: inactive; }
