/* global style */
body {
	font-size:12px;
	margin:0px;
	padding:0px;
	}

img {
	border:none;
	}

a {
	text-decoration:none;
	color:#09f;
	}

a:hover {
	text-decoration:underline;
	color:#0c9;
	}

#container {
	width:800px;
/*	height:583px;
	overflow:hidden;*/
	margin:auto;
	border:solid #ddd 1px;
	background: url(../images/container_bg.gif) repeat-x top #fff;
	} 
	
/* header object */	
#header {
	width:780px;
	height:60px;
	border-bottom:solid #fff 1px;
	margin:auto;
	background: url(../images/header_bg.gif) repeat-x top;
	}

h1 {
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	width:203px;
	height:60px;
	background: url(../images/h1_logo.jpg) no-repeat;
	float:left;
	}

#sub_navi {
	margin-top:8px;
	float:right;
	}

#sub_navi ul,#sub_navi li {
	list-style:none;
	margin:0px;
	margin-top:8px;
	padding:0px;
	}
	
#sub_navi li {
	float:left;
	margin-left:20px;
	font-size:10px;
	}

/* contents area */	
#contents {
	width:795px;
	margin:auto;
	margin-left:7px;
}
/* side navigation */
#navi {
	float:left;
	width:166px;
	height:510px;
	margin-right:10px;
	overflow:hidden;
	position:relative;
	}
#navi ul li div{
	z-index:10;
}
#navi ul,#navi li{
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:10px;
	font-size:10px;
	z-index:10;
	position:inherit;
	}

#navi .home,#navi .jk,#navi .biz,#navi .case,#navi .company,#navi .recruit,#navi .haken,#navi .soho,#navi .topics,#navi .com,
#navi .home_on,#navi .jk_on,#navi .topics_on,#navi .com_on{
	width:166px;
/*	margin-bottom:5px;*/
	}

#navi li a{
	display:block;
	text-indent:-999px;
}

#navi .home a      {background:url(../images/navi_home.jpg) no-repeat;}
#navi .home a:hover {background:url(../images/navi_home_on.jpg) no-repeat;}
#navi .home_on    {background:url(../images/navi_home_on.jpg) no-repeat;}

#navi .topics a      {background:url(../images/navi_topics.jpg) no-repeat;}
#navi .topics a:hover {background:url(../images/navi_topics_on.jpg) no-repeat;}
#navi .topics_on {background:url(../images/navi_topics_on.jpg) no-repeat;}

#navi .jk a      {background:url(../images/navi_jk.jpg) no-repeat;}
#navi .jk a:hover {background:url(../images/navi_jk_on.jpg) no-repeat;}
#navi .jk_on    {background:url(../images/navi_jk_on.jpg) no-repeat;}

#navi .biz      {background:url(../images/navi_biz.jpg) no-repeat;}

#navi .case       {background:url(../images/navi_case.jpg) no-repeat;}

#navi .company       {background:url(../images/navi_company.jpg) no-repeat;}

#navi .recruit       {background:url(../images/navi_recruit.jpg) no-repeat;}

#navi .haken       {background:url(../images/navi_haken.jpg) no-repeat;}

#navi .soho       {background:url(../images/navi_soho.jpg) no-repeat;}

#navi .com       {background:url(../images/navi_com.jpg) no-repeat;}


/* main contents area */
/*#content_body{
	width:620px;
	float:left;
	line-height:140%;
	height:500px;
	overflow:auto;
}
#content_main{
	width:585px;
	margin-right:2px;
	clear:both;
	margin-bottom:30px;
}*/
#content_body{
	width:618px;
	float:left;
	line-height:140%;
	height:500px;
	overflow:hidden;
	color:#666666;
}
#content_main{
	width:615px;
	clear:both;
	height:425px;
	overflow:auto;
	margin-top:0px;
}


/* footer object */
#footer {
	width:780px;
	height:20px;
	margin:auto;
	text-indent:-999px;
	background:url(../images/copyright.gif) no-repeat center;
	}

#navi p{
	position:absolute;
	top:415px;
	margin:0px;
	padding:0px;
	width:133px;
	height:95px;
	z-index:1;
}


/* 20080826 */
#content_topics{
	width:587px;
	margin:0px;
	padding:0px;
}
#content_body h2{
	margin:0px;
	padding:0px;
}
#content_body img{
	margin:0px;
	padding:0px;
}
#content_main div#merit{
	background:url(../images/merit_yes.gif) right top no-repeat;
	padding-top:27px;
	width:585px;
}
#merit img{
	margin:0px;
	padding:0px;
}
#merit_main{
 background:url(../images/merit_upper.gif) top left no-repeat;
 padding-top:9px;
}
#merit span{
	color:#ff0000;
}

#merit h3{
	font-size:14px;
	font-weight:normal;
	color:#ff0000;
	padding:17px 20px 15px;
	margin:0px;
	background:#f4f7f6;
	border-right:1px solid #65be94;
	border-left:1px solid #65be94;
}
div#merit_bottom{
 background:url(../images/merit_bottom.gif) bottom left no-repeat;
 padding-bottom:9px;
 width:585px;
 clear:both;
}
p.standard{
	margin:20px 0px 0px 0px;
	width:565px;
	padding:0px 0px 0px 15px;
	border-left:5px solid #2d70ac;
}
#content_main div.standard{
	margin:20px 0px 0px 0px;
	width:565px;
	padding:0px 0px 0px 15px;
	border-left:5px solid #2d70ac;
}
#content_main div.standard p{
	margin:0px;
	padding:0px;
}
#content_main div.standard p.detail_left{
	float:left;
	width:410px;
}
#content_main div.standard p.detail_right{
	float:right;
	width:125px;
}
#content_end{
	margin-top:10px;
	width:585px;
	height:30px;
	background:url(../images/content_end_bg.gif) left bottom repeat-x;
}
#content_end p{
	text-align:right;
}
iframe{
	width:615px;
	height:427px;
}
.recruit_menu{
	width:585px;
	margin:10px 0px 0px 0px;
	padding:3px 0px 7px;;
	background:url(../images/recruit_menu_bg.gif) left top no-repeat;
}
.recruit_menu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:135px;
	display:inline;
	height:20px;
}
.recruit_menu li{
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	width:27px;
	height:20px;
	list-style-type:none;
}
.recruit_menu a{
	text-indent:-999px;
	line-height:10px;
	width:27px;
	height:20px;
	background:url(../images/recruit_menu.gif) no-repeat left top;
	display:block;
}

.rm01 a{background-position:0px 0px;}
.rm01 a:hover{background-position:0px -21px;}
.rm02 a{background-position:-27px 0px;}
.rm02 a:hover{background-position:-27px -21px;}
.rm03 a{background-position:-54px 0px;}
.rm03 a:hover{background-position:-54px -21px;}
.rm04 a{background-position:-81px 0px;}
.rm04 a:hover{background-position:-81px -21px;}
.rm05 a{background-position:-108px 0px;}
.rm05 a:hover{background-position:-108px -21px;}

#content_body_job{
	width:615px;
	float:left;
	line-height:140%;
	height:500px;
	overflow:hidden;
}
#content_body_job div#content_main{
	width:615px;
	clear:both;
	height:427px;
	overflow:hidden;
	margin-top:0px;
}
#content_body_job h2{
	margin:0px;
	padding:0px;
}
#content_body_job img{
	margin:0px;
	padding:0px;
}
.joblist{
	margin-top:0px;
	width:585px;
}
.joblist p{
	margin:0px;
	padding:0px;
}
.joblist p.page{
	text-align:right;
	margin-top:5px;
	margin-bottom:2px;
	font-weight:bold;
}
.joblist p.up_date{
	text-align:right;
	margin-bottom:2px;
}
.joblist p.job_tittle{
	color:#ffffff;
	background:#65bc91;
	padding:3px 0px 3px 6px;
	width:428px;
	line-height:12px;
	float:left;
	margin-bottom:10px;
}
.joblist p.number{
	border:1px solid #65bc91;
	padding:2px 0px 2px 6px;
	width:143px;
	float:right;
	margin-bottom:10px;
	line-height:12px;
}
.joblist_main{
	width:565px;
	padding-left:15px;
	border-left:5px solid #2d70ac;
	clear:both;
}
.joblist table{
	width:425px;
	border-collapse:collapse;
	margin-bottom:5px;
	float:left;
	line-height:14px;
}
.joblist_main th{
	color:#66cc99;
	font-weight:normal;
	text-align:left;
	width:75px;
	vertical-align:top;
	padding:2px 0px 4px;
	margin:0px;
	border:none;
}
.joblist_main td{
	width:340px;
	vertical-align:top;
	margin:0px;
	padding:2px 0px 4px;
	border:none;
}
.joblist_main td.divider{
	width:10px;
	text-align:center;
}
.joblist_photo p{
	margin-bottom:10px;
}
.photo_area{
	width:125px;
	float:right;
}
.joblist p.joblist_photo{
	width:125px;
}
.joblist p.pr_main{
	width:527px;
	line-height:140%;
	padding:5px 19px;
	background:url(../images/pr_bg.jpg) left top repeat-y;
}
.joblist_main span{
	color:#66cc99;
}
.pr_content{
	width:565px;
	clear:both;
}

.joblist_photo img{
	margin-bottom:3px;
}
.joblist p.job_tittle span{
	color:#ff0000;
	font-weight:bold;
}
p.ptop{
	width:585px;
	margin:0px;
	padding:0px;
	text-align:right;
}


.biz div,.biz_crnt div{
  display:none;
  width:166px;
  height:183px;
  background:url(../images/navi_biz_f2.jpg) no-repeat bottom left;
}
.case div{
  display:none;
  width:166px;
  height:117px;
  background:url(../images/navi_biz_f.jpg) no-repeat bottom left;
}
.company div{
  display:none;
  width:166px;
  height:69px;
  background:url(../images/navi_company_f.jpg) no-repeat bottom left;
}
.recruit div{
  display:none;
  width:166px;
  height:45px;
  background:url(../images/navi_recruit_f.jpg) no-repeat bottom left;
}
.haken div{
  display:none;
  width:166px;
  height:32px;
  background:url(../images/navi_haken_f.jpg) no-repeat bottom left;
}
.soho div{
  display:none;
  width:166px;
  height:45px;
  background:url(../images/navi_soho_f.jpg) no-repeat bottom left;
}
.com div{
  display:none;
  width:166px;
  height:45px;
  background:url(../images/navi_com_f.jpg) no-repeat bottom left;
}

#navi .biz ul{
  width:166px;
}
#navi li .sub{
height:28px;
display:block;
}
#navi li.biz:hover {
  background:url(../images/navi_biz_h.jpg) no-repeat;
}
#navi li.case:hover {
  background:url(../images/navi_case_h.jpg) no-repeat;
}
#navi li.company:hover {
  background:url(../images/navi_company_h.jpg) no-repeat;
}
#navi li.recruit:hover {
  background:url(../images/navi_recruit_h.jpg) no-repeat;
}
#navi li.haken:hover {
  background:url(../images/navi_haken_h.jpg) no-repeat;
}
#navi li.soho:hover {
  background:url(../images/navi_soho_h.jpg) no-repeat;
}
#navi li.com:hover {
  background:url(../images/navi_com_h.jpg) no-repeat;
}


.sub01 a,.sub02 a,.sub03 a,.sub04 a,.sub05 a,.sub06 a,.sub07 a,.sub08 a,.sub09 a,.sub10,
.sub11 a,.sub12 a,.sub13 a,.sub14 a,.sub15 a{
text-indent:-999px;
width:166px;
}

li.sub01,li.sub02,li.sub03,li.sub04,li.sub05,li.sub06,li.sub07,li.sub08,li.sub09,li.sub10,
li.sub11,li.sub12,li.sub13,li.sub14,li.sub15
{
float:left;
margin:0px;
}

li.biz .sub01		{background:url(../images/navi_biz_01.jpg) no-repeat;height:12px;width:166px;text-indent:-999px;}

li.biz .sub02 a		{background:url(../images/navi_biz_02.jpg) no-repeat;height:12px;}
li.biz .sub02 a:hover{background:url(../images/navi_biz_02_on.jpg) no-repeat;}
li.biz .sub03 a		{background:url(../images/navi_biz_03.jpg) no-repeat;height:12px;}
li.biz .sub03 a:hover{background:url(../images/navi_biz_03_on.jpg) no-repeat;}
li.biz .sub04 a		{background:url(../images/navi_biz_04.jpg) no-repeat;height:12px;}
li.biz .sub04 a:hover{background:url(../images/navi_biz_04_on.jpg) no-repeat;}
li.biz .sub05 a		{background:url(../images/navi_biz_05.jpg) no-repeat;height:12px;}
li.biz .sub05 a:hover{background:url(../images/navi_biz_05_on.jpg) no-repeat;}
li.biz .sub06 a		{background:url(../images/navi_biz_06.jpg) no-repeat;height:12px;}
li.biz .sub06 a:hover{background:url(../images/navi_biz_06_on.jpg) no-repeat;}
li.biz .sub07 a		{background:url(../images/navi_biz_07.jpg) no-repeat;height:12px;}
li.biz .sub07 a:hover{background:url(../images/navi_biz_07_on.jpg) no-repeat;}

li.biz .sub08	{background:url(../images/navi_biz_08.jpg) no-repeat;height:12px;width:166px;text-indent:-999px;}

li.biz .sub09 a		{background:url(../images/navi_biz_09.jpg) no-repeat;height:12px;}
li.biz .sub09 a:hover {background:url(../images/navi_biz_09_on.jpg) no-repeat;}

li.biz .sub10 a		{background:url(../images/navi_biz_10.jpg) no-repeat;height:12px;}
li.biz .sub10 a:hover {background:url(../images/navi_biz_10_on.jpg) no-repeat;}
li.biz .sub11 a		{background:url(../images/navi_biz_11.jpg) no-repeat;height:12px;}
li.biz .sub11 a:hover {background:url(../images/navi_biz_11_on.jpg) no-repeat;}
li.biz .sub12 a		{background:url(../images/navi_biz_12.jpg) no-repeat;height:12px;}
li.biz .sub12 a:hover {background:url(../images/navi_biz_12_on.jpg) no-repeat;}
li.biz .sub13	{background:url(../images/navi_biz_13.jpg) no-repeat;height:12px;width:166px;text-indent:-999px;}
li.biz .sub14 a		{background:url(../images/navi_biz_14.jpg) no-repeat;height:12px;}
li.biz .sub14 a:hover {background:url(../images/navi_biz_14_on.jpg) no-repeat;}
li.biz .sub15 a		{background:url(../images/navi_biz_15.jpg) no-repeat;height:12px;}
li.biz .sub15 a:hover {background:url(../images/navi_biz_15_on.jpg) no-repeat;}





li.case .sub01		{background:url(../images/navi_case_01.jpg) no-repeat;height:13px;}
li.case .sub01:hover{background:url(../images/navi_case_01_on.jpg) no-repeat;}
li.case .sub02		{background:url(../images/navi_case_02.jpg) no-repeat;height:13px;}
li.case .sub02:hover{background:url(../images/navi_case_02_on.jpg) no-repeat;}
li.case .sub03		{background:url(../images/navi_case_03.jpg) no-repeat;height:12px;}
li.case .sub03:hover{background:url(../images/navi_case_03_on.jpg) no-repeat;}
li.case .sub04		{background:url(../images/navi_case_04.jpg) no-repeat;height:12px;}
li.case .sub04:hover{background:url(../images/navi_case_04_on.jpg) no-repeat;}
li.case .sub05		{background:url(../images/navi_case_05.jpg) no-repeat;height:13px;}
li.case .sub05:hover{background:url(../images/navi_case_05_on.jpg) no-repeat;}
li.case .sub06		{background:url(../images/navi_case_06.jpg) no-repeat;height:13px;}
li.case .sub06:hover{background:url(../images/navi_case_06_on.jpg) no-repeat;}
li.case .sub07		{background:url(../images/navi_case_07.jpg) no-repeat;height:12px;}
li.case .sub07:hover{background:url(../images/navi_case_07_on.jpg) no-repeat;}
li.case .sub08		{background:url(../images/navi_case_08.jpg) no-repeat;height:13px;}
li.case .sub08:hover{background:url(../images/navi_case_08_on.jpg) no-repeat;}
li.case .sub09		{background:url(../images/navi_case_09.jpg) no-repeat;height:13px;}
li.case .sub09:hover{background:url(../images/navi_case_09_on.jpg) no-repeat;}


li.company .sub01 a		{background:url(../images/navi_company_01.jpg) no-repeat;height:13px;}
li.company .sub01 a:hover{background:url(../images/navi_company_01_on.jpg) no-repeat;}
li.company .sub02 a		{background:url(../images/navi_company_02.jpg) no-repeat;height:13px;}
li.company .sub02 a:hover{background:url(../images/navi_company_02_on.jpg) no-repeat;}
li.company .sub03 a		{background:url(../images/navi_company_03.jpg) no-repeat;height:12px;}
li.company .sub03 a:hover{background:url(../images/navi_company_03_on.jpg) no-repeat;}
li.company .sub04 a		{background:url(../images/navi_company_04.jpg) no-repeat;height:13px;}
li.company .sub04 a:hover{background:url(../images/navi_company_04_on.jpg) no-repeat;}
li.company .sub05 a		{background:url(../images/navi_company_05.jpg) no-repeat;height:13px;}
li.company .sub05 a:hover{background:url(../images/navi_company_05_on.jpg) no-repeat;}

li.recruit .sub01, li.recruit .sub02, li.recruit .sub03			{height:13px;margin:0px;float:left;}
li.recruit .sub01		{background:url(../images/navi_recruit_01.jpg) no-repeat;}
li.recruit .sub01:hover{background:url(../images/navi_recruit_01_on.jpg) no-repeat;}
li.recruit .sub02		{background:url(../images/navi_recruit_02.jpg) no-repeat;}
li.recruit .sub02:hover{background:url(../images/navi_recruit_02_on.jpg) no-repeat;}
li.recruit .sub03		{background:url(../images/navi_recruit_03.jpg) no-repeat;}
li.recruit .sub03:hover{background:url(../images/navi_recruit_03_on.jpg) no-repeat;}

li.haken .sub01, li.haken .sub02, li.haken .sub03			{height:13px;margin:0px;float:left;}
li.haken .sub01		{background:url(../images/navi_haken_01.jpg) no-repeat;}
li.haken .sub01:hover{background:url(../images/navi_haken_01_on.jpg) no-repeat;}
li.haken .sub02		{background:url(../images/navi_haken_02.jpg) no-repeat;}
li.haken .sub02:hover{background:url(../images/navi_haken_02_on.jpg) no-repeat;}

li.soho .sub01, li.soho .sub02, li.soho .sub03			{height:13px;margin:0px;float:left;}
li.soho .sub01 a		{background:url(../images/navi_soho_01.jpg) no-repeat;height:13px;}
li.soho .sub01 a:hover{background:url(../images/navi_soho_01_on.jpg) no-repeat;}
li.soho .sub02 a		{background:url(../images/navi_soho_02.jpg) no-repeat;height:13px;}
li.soho .sub02 a:hover{background:url(../images/navi_soho_02_on.jpg) no-repeat;}
li.soho .sub03 a		{background:url(../images/navi_soho_03.jpg) no-repeat;height:13px;}
li.soho .sub03 a:hover{background:url(../images/navi_soho_03_on.jpg) no-repeat;}

li.com .sub01, li.com .sub02, li.com .sub03			{height:13px;margin:0px;float:left;}
li.com .sub01 a		{background:url(../images/navi_com_01.jpg) no-repeat;height:13px;}
li.com .sub01 a:hover{background:url(../images/navi_com_01_on.jpg) no-repeat;}
li.com .sub02 a		{background:url(../images/navi_com_02.jpg) no-repeat;height:13px;}
li.com .sub02 a:hover{background:url(../images/navi_com_02_on.jpg) no-repeat;}
li.com .sub03 a		{background:url(../images/navi_com_03.jpg) no-repeat;height:13px;}
li.com .sub03 a:hover{background:url(../images/navi_com_03_on.jpg) no-repeat;}

textarea,input{
	font-size:12px;
}
#conf_btn{background:url(../images/btn_conf.gif) left top no-repeat;}
#clear_btn{background:url(../images/btn_clear.gif) left top no-repeat; margin-left:30px;}
#tran_btn{background:url(../images/btn_tran.gif) left top no-repeat;}
#back_btn{background:url(../images/btn_back.gif) left top no-repeat; margin-left:30px;}
#out_btn{background:url(../images/btn_out.gif) left top no-repeat;}
#ichiran_btn{background:url(../images/btn_ichiran.gif) left top no-repeat;}
#shousai_btn{background:url(../images/btn_shousai.gif) left top no-repeat;}