@charset "UTF-8";
/*-------------------------
          reset
--------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
}
fieldset, img {
	border:0;
	display: inline;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
q:before, q:after {
c ontent:'';
}

.ui-tabs-hide {
	display: none;
}
@charset "UTF-8";

body {
}

#box {
	float:left;
	width: 448px;
	background-color: #FFFFFF;
	padding:10px;
	border: 1px solid #999999;
	margin:20px 0px 0px 0px;
}

#box2 {
	width: 455px;
	background-color: #FFFFFF;
	margin:0px 0px 0px 10px;
}

/*-------------------------
        containter
--------------------------*/

#containter {
	width:772px;
	margin:0px auto;
	background-image:url(images/containter_back.jpg);
}

#wapper {
	width: 750px;
	margin: 0px 10px;
}

#header_left {
	float:left;
	width:240px;
	height:217px;
	text-align:center;
	padding:10px 0px 0px 0px;
}


/*-------------------------
        header
--------------------------*/

#header {
	height:227px;
	background-image:url(images/mark_back.jpg);
	background-repeat: no-repeat;
}

#header_right {
	float:right;
	width:510px;
}



#header_band {
	height:23px;
	background-image:url(images/header_back.jpg);
	background-repeat:repeat-x;
}

#header_band h1 {
	font-size:7pt;
	text-align:right;
	padding:5px 10px 0px 0px ;
	color:#ffffff;
}

#header_photo_top {
	width:510px;
	height:204px;
	background-image:url(images/image_top.jpg);
}
#header_photo_job {
	width:510px;
	height:204px;
	background-image:url(images/img_job.jpg);
}
#header_photo_human {
	width:510px;
	height:204px;
	background-image:url(images/img_human.jpg);
}
#header_photo_privacy {
	width:510px;
	height:204px;
	background-image:url(images/img_privacy.jpg);
}
#header_photo_company {
	width:510px;
	height:204px;
	background-image:url(images/img_company.jpg);
}
#header_photo_contact {
	width:510px;
	height:204px;
	background-image:url(images/img_contact.jpg);
}
#header_photo_find {
	width:510px;
	height:204px;
	background-image:url(images/img_find.jpg);
}
#header_photo_qa {
	width:510px;
	height:204px;
	background-image:url(images/img_find.jpg);
}


/*-------------------------
        contents
--------------------------*/

#contents {
	width:750px;
	display: inline;
}



/*-------------------------
        menu
--------------------------*/
#menu {
	float:left;
	width:228px;
	margin:0px 0px 0px 12px;
	display: inline;
}	


#navi {
	background-image:url(images/menu_back__mid.jpg);
	background-repeat:repeat-y;
}

#navi_bottom {
	width:228px;
	height:30px;
	background-image:url(images/menu_back_bottom.jpg);
}

#navi ul {
	margin:0px 0px 0px 25px;
}


.navi_find a:hover {
	background-image:url(images/navi_find.jpg);
	padding:0px -35px;
}

#CollapsiblePanel1 ul, #CollapsiblePanel2 ul, #CollapsiblePanel3 ul, #CollapsiblePanel4 ul {
	margin:0px 0px 0px 0px;
}

.inner_menu {
	padding:10px 0px 0px 0px;
}

.inner_menu2 {
	padding:3px 0px 0px 0px;
}

.inner_menu3 {
	padding:1px 0px 0px 0px;
}

.navi01, .navi02, .navi03, .navi04, .navi10, .navi11, .navi12, .navi20, .navi21, .navi30, .navi31, .navi40, .navi41  {
	display:inline;
	text-indent:-9999px;
  	margin:10px 0px 0px 0px;
}


.navi01 a {
	display:block;
	width:175px;
	height:40px;
	background-image:url(images/navi_job.jpg);
}

.navi02 a {
	display:block;
	width:175px;
	height:40px;
	margin:10px 0px 0px 0px;
	background-image:url(images/navi_human.jpg);
}

.navi03 a {
	display:block;
	width:175px;
	height:40px;
	margin:20px 0px 0px 0px;
	background-image:url(images/navi_company.jpg);
}

.navi04 a {
	display:block;
	width:175px;
	height:40px;
	margin:10px 0px 0px 0px;
	background-image:url(images/navi_contact.jpg);
}

.navi10 a {
	display:block;
	width:167px;
	height:24px;
	margin:0px 0px 0px 4px;
	background-image:url(images/navi_find01.jpg);
}
.navi11 a {
	display:block;
	width:167px;
	height:24px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_find02.jpg);
}
.navi12 a {
	display:block;
	width:167px;
	height:24px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_find03.jpg);
}

.navi20 a {
	display:block;
	width:167px;
	height:24px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_human01.jpg);
}

.navi21 a {
	display:block;
	width:167px;
	height:24px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_human02.jpg);
}

.navi30 a {
	display:block;
	width:167px;
	height:24px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_privacy01.jpg);
}

.navi31 a {
	display:block;
	width:167px;
	height:35px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_privacy02.jpg);
}

.navi40 a {
	display:block;
	width:167px;
	height:24px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_qa01.jpg);
}

.navi41 a {
	display:block;
	width:167px;
	height:24px;
	margin:5px 0px 0px 4px;
	background-image:url(images/navi_qa02.jpg);
}

.navi01 a:hover {
	background-image:url(images/navi_job.jpg);
	background-position:0px -40px;
}

.navi02 a:hover {
	background-image:url(images/navi_human.jpg);
	background-position:0px -40px;
}
.navi03 a:hover {
	background-image:url(images/navi_company.jpg);
	background-position:0px -40px;
}
.navi04 a:hover {
	background-image:url(images/navi_contact.jpg);
	background-position:0px -40px;
}

.navi10 a:hover {
	background-image:url(images/navi_find01.jpg);
	background-position:0px -24px;
}

.navi11 a:hover {
	background-image:url(images/navi_find02.jpg);
	background-position:0px -24px;
}

.navi12 a:hover {
	background-image:url(images/navi_find03.jpg);
	background-position:0px -24px;
}

.navi20 a:hover {
	background-image:url(images/navi_human01.jpg);
	background-position:0px -24px;
}

.navi21 a:hover {
	background-image:url(images/navi_human02.jpg);
	background-position:0px -24px;
}


.navi30 a:hover {
	background-image:url(images/navi_privacy01.jpg);
	background-position:0px -24px;
}


.navi31 a:hover {
	background-image:url(images/navi_privacy02.jpg);
	background-position:0px -35px;
}


.navi40 a:hover {
	background-image:url(images/navi_qa01.jpg);
	background-position:0px -24px;
}


.navi41 a:hover {
	background-image:url(images/navi_qa02.jpg);
	background-position:0px -24px;
}


/*.navi02_01, .navi02_02, .navi02_03, .navi04_01, .navi04_02 {
	text-indent:0px;
	font-size:12px;
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	background-image:none;
}*/

.sub_menu {
/*	display:inline;
	position:relative;
	top: 0px;
	left: -50px;*/
	font-size:12px;
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;

}

/*html*div .sub_menu {
	padding:15px 0px 0px 0px;

}*/

#mark {
	width:165px;
	padding:20px 30px;
}

#mark p {
	margin-top:5px;
	line-height:1.5em;
	font-size:7pt;
}

#mark img {
	text-align:center;
}


/*-------------------------
        contents_rigrh
--------------------------*/
#contents_right {
	width:510px;
	float:right;
}

#l_navi {
	width:510px;
	height:65px;
}

#l_navi li {
	float:left;
	display:inline;
/*	text-indent:-9999px;
*/}

#l_navi a {
	text-indent:-9999px;
}

.l_navi01 a {
	display:block;
	width:87px;
	height:65px;
	background-image:url(images/l_navi01.jpg);
}

.l_navi02 a {
	display:block;
	width:74px;
	height:65px;
	background-image:url(images/l_navi02.jpg);
}
.l_navi03 a {
	display:block;
	width:122px;
	height:65px;
	background-image:url(images/l_navi03.jpg);
}
.l_navi04 a {
	display:block;
	width:122px;
	height:65px;
	background-image:url(images/l_navi04.jpg);
}
.l_navi05 a {
	display:block;
	width:105px;
	height:65px;
	background-image:url(images/l_navi05.jpg);
}

.l_navi01 a:hover {
	display:block;
	width:87px;
	height:65px;
	background-image:url(images/l_navi01.jpg);
	background-position:0px -65px;
}

.l_navi02 a:hover {
	display:block;
	width:74px;
	height:65px;
	background-image:url(images/l_navi02.jpg);
	background-position:0px -65px;
}
.l_navi03 a:hover {
	display:block;
	width:122px;
	height:65px;
	background-image:url(images/l_navi03.jpg);
	background-position:0px -65px;
}
.l_navi04 a:hover {
	display:block;
	width:122px;
	height:65px;
	background-image:url(images/l_navi04.jpg);
	background-position:0px -65px;
}
.l_navi05 a:hover {
	display:block;
	width:105px;
	height:65px;
	background-image:url(images/l_navi05.jpg);
	background-position:0px -65px;
}

.l_navi01_on a {
	display:block;
	width:87px;
	height:65px;
	background-image:url(images/l_navi01.jpg);
	background-position:0px -65px;
}

.l_navi02_on a {
	display:block;
	width:74px;
	height:65px;
	background-image:url(images/l_navi02.jpg);
}
.l_navi03_on a {
	display:block;
	width:122px;
	height:65px;
	background-image:url(images/l_navi03.jpg);
}
.l_navi04_on a {
	display:block;
	width:122px;
	height:65px;
	background-image:url(images/l_navi04.jpg);
}
.l_navi05_on a {
	display:block;
	width:105px;
	height:65px;
	background-image:url(images/l_navi05.jpg);
}

/*-------------------------
        content1
--------------------------*/

#content0 {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}


#content1 {
	color:#686868;
	font-size:10pt;
	letter-spacing:1px;
	line-height:140%;
	margin-left: 10px;
	clear: both;
}

#content3 {
	color:#686868;
	font-size:10pt;
	letter-spacing:1px;
	line-height:140%;
}

#content1 p {
	margin:10px 0px 0px 10px;
	line-height:1.4em;
}

#content1 ul {
	margin:10px 10px 0px 40px;
}

#content1 li {
	margin:10px;
	line-height:1.3em;
	list-style-type: circle;
}

.link {
	text-align:right;
	color:#0066FF;
	font-size:12pt;
	margin-top: 20px;
}

#re_top {
	font-size:10pt;
	color:#0066FF;
	text-align:right;
	clear: both;
	margin-top: 25px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*-------------------------
        *
--------------------------*/

#waku_top{
	height:10px;
	background-image: url(images/waku_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#waku_middle {
	width:435px;
	background-image: url(images/waku_middle.jpg);
	background-repeat: repeat-y;
	padding: 10px;
}

#waku_middle2{
	width:430px;
	background-image: url(images/waku_middle.jpg);
	background-repeat: repeat-y;
	padding: 10px 15px 10px 10px ;
}

#waku_human {
	font-size:10pt;
	color:#686868;
}

/*#waku_middle2{
 width:435px;
 padding:10px;
 background:url(images/waku_middle.gif) repeat-y;
}*/

.human_title {
	font-size:13pt;
	padding:0px 0px 5px 0px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	color: #000000;
}

#waku_p {
	width:255px;
	font-size:10pt;
	color:#686868;
	float: left;
	margin:10px 0px 0px 0px;
	line-height:1.3em;
}

/*#waku_p_test {
		width:255px;
	font-size:10pt;
	color:#686868;
}*/

#waku_p2 {
	width:255px;
	font-size:10pt;
	color:#686868;
	float: left;
	margin:0px;
	line-height:1.3em;
}

#waku_p ul, #waku_p2 ul {
	margin:0px 0px 0px 0px;
	border:solid #CC0000 1px;
	padding:5px;
}

#waku_p li {
	list-style-type: square;
	/*	width: 225px;
*/	margin:5px 0px 0px 20px;
	line-height:1.3em;
}

#waku_p2 li {
	list-style-type: square;
	/*	width: 225px;
*/	margin:5px 0px 0px 20px;
	line-height:1.3em;
}

/*#waku_p_test ul, #waku_p2 ul {
	margin:0px 0px 0px 0px;
	border:solid #CC0000 1px;
	padding:5px;
}

#waku_p_test li, #waku_p2 li {
	list-style-type: square;
	margin:5px 0px 0px 20px;
	line-height:100%;
}*/

.waku_p_left {
	font-size:10pt;
	color:#686868;
	float: left;
	width:210px;
}

.waku_p_right {
	float:right;
	width:200px;
}

.point_red {
	color:#FFFFFF;
	margin:10px 0px 0px 0px;
	height:20px;
	display:block;
	padding:5px 0px 0px 10px;
	_padding:15px 0px 0px 10px;
	background-color:#CC0000;
	font-weight: bold;
}

/*#waku_human p {
	width:205px;
	font-size:10pt;
	color:#686868;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}*/

/*.qphoto {
	padding:5px;
	border:1px solid #cfcfcf;
	margin:0px;
	height: 150px;
}*/	


/*#waku_middle img{
	padding:5px;
	border:1px solid #cfcfcf;
	margin:0px;
  	width:200px;
	display: block;
	height: 150px;
	margin-top: 5px;
}*/
/*#waku_middle p{
	float:left;
	width:200px;
	display: block;
	margin-top: 5px;
}*/
/*#waku_middle p img{
 padding:0px;
 border:0px solid #cfcfcf;
 margin:0px 0px 0px 0px;
}*/

#waku_photo {
	float:right;
	margin:10px 0px 0px 0px;
}

#waku_photo2 {
	float:right;
	margin:0px;
}

#waku_bottom{
	width:455px;
	height:10px;
	clear:both;
	background-image: url(images/waku_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


/*-------------------------
        *
--------------------------*/

#content1 h4 {
	font-size:11pt;
	padding:0px 0px 5px 0px;
	margin:20px 0px 5px 10px;
	background-image: url(human/images/h4.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

/*-------------------------
        *
--------------------------*/

#company_p {
	display:block;
	height:200px;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	margin:15px 0px 0px 0px;
}

/*-------------------------
        *
--------------------------*/

.qa_q{
	height:20px;
	padding:5px 0px 0px 10px;
	font-weight:bold;
	letter-spacing:2px;
	background-image: url(qa/images/q.jpg);
	background-repeat: no-repeat;
	text-indent:20px;
}

/*#waku_qa {
	width:435px;
	font-size:10pt;
	color:#686868;
	background-image: url(images/waku_middle.gif);
	background-repeat: repeat-y;
	padding: 10px;
}*/

#waku_qa {
	width:100%;
	font-size:10pt;
	color:#686868;
	margin:0px;
}

h3 {
	margin:25px 0px 5px 0px;
	padding:0px 0px 10px 0px;
	font-size:140%;
	line-height: 1.4em;
	color: #333333;
}

/*-------------------------
        *
--------------------------*/

.doui{
	display: block;
	height: 50px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}


.doui a{
 display:block;
 width:95px;
 height:21px;
 padding:4px 0px 0px 35px;
 border:3px double #888888;
 color:#888888;
 float:left;
 margin:5px 20px;
}
.doui a:hover{
 display:block;
 border:3px double #888888;
 color:#ffffff;
 background:#cccccc;
}
.doui2{
margin:10px 0px 0px 50px;
}
.doui2 a{
 display:block;
 width:95px;
 height:21px;
 padding:4px 0px 0px 40px;
 border:3px double #888888;
 color:#888888;
 float:left;
 margin:5px 20px;
}
.doui2 a:hover{
 display:block;
 border:3px double #888888;
 color:#ffffff;
 background:#cccccc;
}
.doui3{
margin:10px 0px 10px 50px;
}
.doui3 a{
 display:block;
 width:95px;
 height:21px;
 padding:4px 8px 0px 24px;
 border:3px double #888888;
 color:#888888;
 float:left;
 margin:5px 20px;
}
.doui3 a:hover{
 display:block;
 border:3px double #888888;
 color:#ffffff;
 background:#cccccc;
}

.doui4{
	margin:10px 0px;
	float:right;
}
.doui4 a{
	display:block;
	width:95px;
	height:21px;
	padding:4px 10px 0px 10px;
	border:3px double #990000;
	color:#990000;
	background-color:#FFFFFF;
	float:left;
	margin:5px 0px;
	text-align:center;
}
.doui4 a:hover{
 display:block;
 border:3px double #FFFFFF;
 color:#ffffff;
 background:#990000;
}

#job_touroku {
	float:left;
	color:#000000;
	line-height:1.4em;
	width:290px;
	font-size: 90%;	
}

#job_touroku_waku {
	float:left;
	border: 1px solid #666666;
	width:430px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	background-color: #EFEFEF;
}
/*-------------------------
        footer
--------------------------*/

#footer {
	height:20px;
	background-color:#8D978D;
	font-size:8pt;
	text-align:right;
	color:#FFFFFF;
	display: block;
	width: 735px;
	margin: 10px 0px 0px 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 0px;
}

#main_content {
	color:#686868;
	font-size:10pt;
	letter-spacing:1px;
	line-height:1.3em;
}



.sub_title {
	font-size:11pt;
	padding:0px 0px 5px 10px;
	margin:20px 0px 0px 0px;

}

#main_content p {
	padding:10px 0px 0px 10px;
}

.main_title{
	display:block;
	font-size:140%;
	padding:0px 0px 7px 0px;
	margin:0px 0px 0px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
}

/*-------------------------
        find_menu
--------------------------*/

#find_menu {
	display:block;
	height:18px;
}

#find_menu ul li {
	margin:0px;
	padding:0px;
	list-style:none;
}

#find_menu ul {
	margin-left:20px;
}

#find_menu li {
	float:left;
}

#find_menu a {
	display:block;
	width:140px;
	height:18px;
	text-indent:-9999px;
	margin-left:5px;
}


.find_menu01 {
	background-image:url(find/images/find_menu01.jpg);
	background-repeat: no-repeat;
}

.find_menu02 {
	background-image:url(find/images/find_menu02.jpg);
	background-repeat: no-repeat;
}

.find_menu03 {
	background-image:url(find/images/find_menu03.jpg);
	background-repeat: no-repeat;
}

.find_menu01 a:hover {
	background-image:url(find/images/find_menu01.jpg);
	background-position:-5px -18px;
	background-repeat: no-repeat;
}

.find_menu02 a:hover {
	background-image:url(find/images/find_menu02.jpg);
	background-position:-5px -18px;
	background-repeat: no-repeat;
}

.find_menu03 a:hover {
	background-image:url(find/images/find_menu03.jpg);
	background-position:-5px -18px;
	background-repeat: no-repeat;
}

#P001 {
	margin:0px 0px 0px 25px;
	line-height:1.3em;
}

#P002 {
	margin:0px 0px 0px 40px;
	line-height:1.3em;
}