﻿@charset "UTF-8";

/**********************************************
 Company
**********************************************/
div#company_comment {
	width:550px; /* [width]550px+(margin:30px+30px)=610px */
	margin:0 30px 20px 30px;
	line-height:20px;
	font-size:12px;
	color:#333333;
}

div#company_photo {
	width:550px; /* [width]550px+(margin:30px+30px)=610px */
	margin:0 30px 10px 30px;
}

table#company_table {
	width:550px; /* [width]550px+(margin:26px+26px)+(line:4px+4px)=610px */
	margin:0 26px 20px 26px;
	font-size:12px;
}

table#company_table th {
	width:100px; /* [width]100px+(padding:5px+5px)+155px+(padding:5px+5px)=275px+275px=550px */
	border-left:solid 4px #009933;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

table#company_table td {
	width:155px;
	padding:5px;
	vertical-align:top;
}


/**********************************************
 Mezasu
**********************************************/
div#mezasu_title {
	background:#009933 url(../company/image/shacho.jpg) no-repeat;
	width:550px; /* [width]550px+(margin:30px+30px)=610px */
	height:270px;
	margin:0 30px;
	color:#ffffff;
}

div#mezasu_title p#title_main {
	width:305px; /* [width]305px+(padding:245px)=550px */
	padding:50px 0 0 245px; 
	font-size:20px;
}

div#mezasu_title p#title_main_en {
	width:320px; /* [width]320px+(padding:230px)=550px */
	padding:50px 0 0 230px; 
	font-size:20px;
}

div#mezasu_title p#title_sub {
	width:275px; /* [width]275px+(padding:30px+245px)=550px */
	padding:40px 30px 0 245px; 
	font-size:14px;
	line-height:26px;
}

div#mezasu_comment {
	background:#ffffff url(../company/image/shadow_mezasu.gif) repeat-x bottom;
	width:510px; /* [width]510px+(padding:20px+20px)=550px+(margin:30px+30px)=610px */
	padding:10px 20px 30px 20px;
	margin:0 30px 20px 30px;
	font-size:12px;
}

div#mezasu_comment p#comment {
	width:470px; /* [width]470px+(padding:20px+20px)=510px */
	margin-bottom:20px;
	padding:0 20px;
	line-height:20px;
}

div#mezasu_comment div#sign {
	width:510px;
	font-weight:bold;
}

div#mezasu_comment div#sign_l {
	float:left;
	width:100px; /* [width]100px+(padding:270px)=370px+140px=510px */
	padding:5px 0 0 270px;
}

div#mezasu_comment div#sign_r {
	float:left;
	width:140px;
}

div#mezasu_comment div#sign_en {
	width:200px; /* [width]200px+(padding:310px)=510px */
	margin-left:310px;
}

div#mezasu_comment div#sign_in_en {
	width:200px;
	margin-top:5px;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}


/**********************************************
 Office , Group
**********************************************/
div.office_container {
	padding-bottom:20px;
}
div.office_container_end {
	padding-bottom:0;
}

h3.office_title {
	background:url(../image/title_index_green.gif) no-repeat;
	width:570px; /* [width]570px+(padding:20px)=590px+(margin:10px+10px)=610px */
	height:20px; /* [height]20pxpx+(padding:10px)=30px */
	padding:10px 0 0 20px;
	margin:0 10px 10px 10px;
	color:#ffffff;
	font-size:14px;
}

div.office_inbox {
	width:590px; /* [width]590px+(margin:10px+10px)=610px */
	margin:0 10px 10px 10px;
	padding:1px 0;
	font-size:12px;
	border-top:solid 1px #009933;
	border-bottom:solid 1px #009933;
}

div.office_name {
	float:left;
	width:175px; /* [width]{175px+(padding:5px)=180px}+350px+60px=590px */
	height:55px;
	background-color:#94cb10;
	padding:5px 0 0 5px;
}

div.office_name h3 {
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}

div.office_data {
	float:left;
	width:345px; /* [width]345px+(padding:5px)=350px */
	padding:5px 0 0 5px;
	color:#333333;
	line-height:16px;
}

div.office_data a {color:#333333;}
div.office_data a:hover {color:#0000ff;}

div.office_link {
	float:left;
	width:55px; /* [width]55px+(padding:5px)=60px */
	padding:10px 5px 0 0;
}

div.office_link a.office_button {
	display:block;
	float:left;
	background:#009933 url(../company/image/btn_office.gif) no-repeat;
	width:47px;  /* [width]47px+(padding:8px)=55px */
	height:22px; 
	line-height:22px;
	padding-left:8px;
	color:#ffffff;
	font-size:12px;
}

div.office_link a.office_button:hover {color:#ffffff;}


/*---------------------------------------------
 Office[Each]
---------------------------------------------*/
div#office_each {
	padding-bottom:20px;
}

div.office_photo {
	float:left;
	width:230px; /* [width](padding:40px)+(left:230px)+(padding:30px)+(right:270px)+(padding:40px)=610px */
	padding:0 30px 0 40px;
}

div.office_photo p.img_box {
	width:230px;
	background:url(../company/office/image/office_shadow.gif) no-repeat bottom;
}

div.office_info {
	float:left;
	width:270px;
	padding-right:40px;
	font-size:12px;
	line-height:16px;
}

div.office_info table {
	margin-top:10px;
}

div.office_info table th {
	vertical-align:top;
	padding-right:10px;
	text-align:right;
	border-right:solid 2px #009933;
	width:45px;
}

div.office_info table td {
	padding:0 0 10px 10px;
}

div.office_info table td.end {
	padding-bottom:0;
}

div.office_info table a#map {
	color:#666666;
}

div.office_info table a#map:hover {
	color:#0000ff;
}

h3#office_access_title {
	background:url(../company/office/image/title_office_access.gif) no-repeat;
	width:490px; /* [width]490px+(padding:20px+20px)=530px+(margin:40px+40px)=610px */
	height:30px;
	line-height:30px;
	margin:0 40px;
	padding:10px 20px 0 20px;
	font-size:14px;
	color:#009933;
	border-bottom:solid 2px #009933;
}

div#office_access_box {
	background:url(../company/office/image/back_office_access.gif) no-repeat bottom;
	width:490px; /* [width]490px+(padding:20px+20px)=530px+(margin:40px+40px)=610px */
	margin:0 40px 10px 40px;
	padding:20px 20px 10px 20px;
	font-size:12px;
}

div#office_access_box h3 {
	background:url(../company/office/image/title_office_access_in.gif) no-repeat;
	width:465px; /* [width]465px+(padding:25px)=490px */
	line-height:25px;
	margin-bottom:5px;
	padding-left:25px;
	color:#ffffff;
	font-size:14px;
}

div#office_access_box h3 span {
	font-size:12px;
}

table.access_table th {
	background:url(../company/office/image/access_table_title.gif) no-repeat top left;
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
	padding:0 10px 0 20px;
	line-height:18px;
}

table.access_table td {
	padding-bottom:5px;
	line-height:18px;
}

table.access_table ol {
	margin-left:20px;
}

table.access_table li {
	margin-bottom:5px;
	line-height:18px;
}

table.access_table p {
	color:#009933;
	margin-bottom:5px;
}


/**********************************************
 Group
**********************************************/
div.group_inbox {
	width:570px; /* [width]570px+(margin:20px+20px)=610px */
	margin:0 20px 20px 20px;
	padding-bottom:20px;
	border-bottom:solid 2px #009933;
}

table.group {
	width:570px; /* [width]570px+(margin:20px+20px)=610px */
}

table.group td.left {
	width:230px;
	vertical-align:top;
}

table.group td.right {
	width:320px; /* [width]320px+(padding:20px)=340px */
	padding-left:20px;
	vertical-align:top;
}


/* ----- Right Area ----- */
table.group td.right h2 {
	font-size:14px;
	margin-bottom:5px;
	border-left:solid 4px #009933;
	line-height:20px;
	padding-left:5px;
}

table.group td.right h3 {
	background:url(../recruit/image/title_index_in_green.gif) no-repeat;
	line-height:18px;
	padding-left:15px;
	margin-bottom:5px;
	color:#009933;
	font-size:12px;
}

table.group table.group_info {
	width:320px;
	margin-bottom:10px;
}

table.group table.group_info th {
	width:46px; /* [width]46px+(padding:2px+2px)=50px */
	padding:0 2px;
	vertical-align:top;
	line-height:16px;
	text-align:right;
}

table.group table.group_info td {
	width:266px; /* [width]266px+(padding:2px+2px)=270px */
	padding:0 2px;
	line-height:16px;
}

table.group p {
	width:310px; /* [width]310px+(padding:10px)=320px */
	border-top:solid 1px #009933;
	padding:10px 0 0 10px;
}


/**********************************************
 NetWork
**********************************************/
table.network {
	width:570px; /* [width]570px+(margin:20px+20px)=610px */
	margin:0 20px;
	border-bottom:solid 2px #009933;
	border-collapse:separate;
	border-spacing:0 1px;
	margin-bottom:10px;
}

table.network td.name {
	padding-left:10px;
	line-height:30px;
	border-bottom:solid 1px #009933;
/*	background-color:#95e11e; */
	font-size:16px;
	font-weight:bold;
	width:320px; /* [width]320px+(padding:10px)=330px */
}

table.network td.url {
	border-bottom:solid 1px #009933;
	padding-left:40px;
	width:200px; /* [width]200px+(padding:40px)=240px */
	background:url(../company/image/web.gif) no-repeat;
}

table.network td.address {
	line-height:24px;
	padding:5px 0 10px 10px;
}


/**********************************************
 History
**********************************************/
table#history {
	width:570px; /* [width]570px+(margin:20px+20px)=610px */
	margin:0 20px;
	border-top:solid 2px #009933;
	border-bottom:solid 2px #009933;
	border-collapse:separate;
	border-spacing:0 2px;
}

table#history th {
	background-color:#95e11e;
	color:#666666;
	line-height:22px;
	width:80px;
}

table#history th p {
	background-color:#53b508;
	background:url(../company/image/back_nengo.gif) repeat;
	line-height:22px;
	color:#ffffff;
}

table#history td {
	padding-left:10px;
	line-height:20px;
	border-bottom:solid 1px #cccccc;
}

table#history td.end {
	border-bottom:none;
}


/**********************************************
 Recruit
**********************************************/
div#recruit_photo {
	width:530px; /* [width]530px+(margin:40px+40px)=610px */
	margin:0 40px 20px 40px;
}

div.recruit_inbox {
	background:url(../recruit/image/line_recruit.gif) repeat-x left bottom;
	width:590px; /* [width]590px+(margin:10px+10px)=610px */
	margin:0 10px 20px 10px;
	padding-bottom:10px;
}

div.recruit_comment {
	width:470px; /* [width]470px+(margin:60px+60px)=590px */
	margin:20px 60px 0 60px;
	color:#009933;
	font-weight:bold;
	line-height:22px;
	font-size:14px;
}

div.recruit_comment span {
	color:#ff7d0a;
}

h3.recruit_comment {
	background:url(../recruit/image/title_index_in_green.gif) no-repeat;
	width:455px; /* [width]455px+(margin:60px+60px)+(padding:15px)=590px */
	margin:20px 60px 5px 60px;
	line-height:20px;
	padding-left:15px;
	color:#009933;
	font-size:14px;
}

h3.recruit_comment span {
	color:#000000;
	font-weight:normal;
	font-size:12px;
}

div.recruit_end {
	width:510px; /* [width]510px+(margin:50px+50px)=610px */
	margin:20px 50px;
	font-size:20px;
	line-height:40px;
	color:#ff0000;
	font-weight:bold;
}


/* ----- Button ----- */
div.recruit_inbox a.recruit_link {
	display:block;
	width:255px; /* [width]255px+(padding:145px)=400px+(margin:90px+90px)=590px */
	height:65px;
	line-height:60px;
	padding-left:145px;
	margin:10px 90px 10px 90px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	background-repeat:no-repeat;
}

div.recruit_inbox a.recruit_link:hover {text-decoration:none;}

a.recruit_link span {padding-left:10px;font-size:12px;}

a#hito {background-image:url(../recruit/image/btn_recruit1-1.gif);}
a#hito:hover {background-image:url(../recruit/image/btn_recruit1-2.gif);}

a#bosyu {background-image:url(../recruit/image/btn_recruit2-1.gif);}
a#bosyu:hover {background-image:url(../recruit/image/btn_recruit2-2.gif);}

a#obo {background-image:url(../recruit/image/btn_recruit3-1.gif);}
a#obo:hover {background-image:url(../recruit/image/btn_recruit3-2.gif);}


/* ----- Access ----- */
div#recruit_access {
	width:490px; /* [width]490px+(margin:40px+40px)+(padding:20px+20px)=610px */
	background:url(../recruit/image/back_recruit_access.gif) no-repeat bottom;
	margin:0 40px;
	padding:15px 20px;
	line-height:20px;
	font-size:12px;
	height:120px; /* [width]120px+(padding:15px+15px)=150px */
}

div#recruit_access h3 {
	color:#009933;
	height:25px;
	margin-bottom:10px;
	padding-left:10px;
	border-bottom:solid 2px #009933;
}


/*---------------------------------------------
 Recruit[Boshu]
---------------------------------------------*/
table#bosyu_table {
	width:530px; /* [width]530px+(margin:30px+30px)=590px */
	font-size:12px;
	line-height:20px;
	border-top:solid 2px #009933;
	border-bottom:solid 2px #009933;
	margin:20px 30px;
	border-collapse:separate;
	border-spacing:0 1px;
}

table#bosyu_table th {
	background-color:#94cb10;
	width:80px; 
	padding:10px;
	color:#ffffff;
	text-align:left;
}

table#bosyu_table td {
	padding:10px;
	border-bottom:solid 1px #cccccc;
}

table#bosyu_table th.end,
table#bosyu_table td.end {
	border-bottom:none;
}


/*---------------------------------------------
 Recruit[Obo,Saiyo]
---------------------------------------------*/
/* ----- Obo ----- */
h3.title_obo {
	background:url(../recruit/image/title_obo.gif) no-repeat;
	width:485px; /* [width]485px+(padding:45px)=530px */
	padding-left:45px;
	margin:0 30px;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
}

div.box_obo {
	background:url(../recruit/image/box_obo.gif) no-repeat bottom;
	width:470px; /* [width]470px+(padding:30px+30px)=530px */
	margin:0 30px 20px 30px;
	padding:10px 30px;
}

div.box_obo a.navi {
	display:block;
	float:left;
	height:40px;
}
div.box_obo a#navi_text {
	margin-top:10px;
	padding-right:30px;
	height:30px; /* [height]30px+(padding:10px)=40px */
	line-height:30px;
	background:url(../recruit/image/navi.gif) no-repeat right;
}

div.box_obo h3 {
	border-bottom:solid 2px #009933;
	line-height:20px;
	margin-bottom:10px;
	color:#009933;
}

table.table_obo {
	margin:10px 0;
	border:solid 2px #009933;
	width:450px;
	border-collapse:separate;
	border-spacing:1px;
}

table.table_obo th {
	background-color:#94cb10;
	color:#ffffff;
	vertical-align:top;
	padding:5px;
	width:100px;
}

table.table_obo td {
	padding:5px;
}

table.table_obo td ol {
	margin-left:20px;
	line-height:20px;
}


/* ----- Saiyo ----- */
div.saiyo_step1,
div.saiyo_step2 {
	width:400px; /* [width]400px+(padding:130px)+(margin:30px+30px)=590px */
	padding-left:130px;
	line-height:30px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	margin:0 30px 5px 30px;
	background-repeat:no-repeat;
}

div.saiyo_step1 {height:70px;}
div.saiyo_step2 {height:50px;}

div.saiyo_step1 span,
div.saiyo_step2 span {
	font-size:12px;
	font-weight:normal;
	padding-left:20px;
}

div.saiyo_step1 p {
	line-height:18px;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}

div#step1 {background-image:url(../recruit/image/saiyo1.gif);}
div#step2 {background-image:url(../recruit/image/saiyo2.gif);}
div#step3 {background-image:url(../recruit/image/saiyo3.gif);}
div#step4 {background-image:url(../recruit/image/saiyo4.gif);}
div#step5 {background-image:url(../recruit/image/saiyo5.gif);margin-bottom:0;}


/**********************************************
 Hito
**********************************************/
/* ----- Top Page ----- */
h2#title_sub_hito {
	border-bottom:solid 2px #009933;
	width:550px; /* [width]550px+(margin:30px+30px)=610px */
	margin:0 30px;
	text-align:center;
	font-size:26px;
	padding:10px 0;
}

h2#title_sub_hito span {
	color:#009933;
}

div#hito_catch {
	width:550px; /* [width]550px+(margin:30px+30px)=610px */
	margin:0 30px;
	padding:10px 0;
	text-align:center;
	font-size:14px;
	line-height:22px;
}

h2.hito_index {
	margin:0 0 5px 10px;
	border-left:solid 4px #009933;
	font-size:14px;
	line-height:20px;
	padding-left:10px;
}

div.btn_hito1,
div.btn_hito2,
div.btn_hito3 {
	float:left;
	width:190px;
	height:105px;
	padding:0 10px 10px 0;
}

div.btn_hito1 {
	padding-left:10px;
}

div.btn_hito1 a,
div.btn_hito2 a,
div.btn_hito3 a {
	display:block;
	width:190px;
	height:105px;
	background-image:url(../hito/image/btn_hito1.gif);
	background-repeat:no-repeat;
}

div.btn_hito1 a:hover,
div.btn_hito2 a:hover,
div.btn_hito3 a:hover {
	text-decoration:none;
	background-image:url(../hito/image/btn_hito2.gif);
}

span.btn_hito_title {
	padding-left:25px;
	color:#ffffff;
	line-height:26px;
	font-size:14px;
}

img.hito_img {
	margin:3px 22px;
	border:solid 2px #ffffff;
}

a.btn_hito1:hover img,
a.btn_hito2:hover img,
a.btn_hito3:hover img {
	border:solid 2px #ff7d0a;
}


/* ----- Person Page ----- */
div#hito_inbox {
	padding:0 20px;
	width:570px; /* [width]570px+(padding:20px+20px)=610px */
}

div#hito_inbox h3 {
	line-height:24px;
	border-bottom:solid 2px #009933;
	padding-bottom:5px;
	margin:20px 0 30px 0;
	font-size:16px;
}

div#hito_inbox p {
	background:url(../recruit/image/title_index_in_green.gif) no-repeat;
	margin-bottom:20px;
	padding-left:15px;
	font-weight:bold;
	color:#009933;
	font-size:14px;
}

div#hito_inbox div.left {
	float:left;
	width:365px; /* [width](left:365px)+(margin:20px)+(right:185px)=570px */
	margin-right:20px;
	line-height:20px;
}

div#hito_inbox div.right {
	float:left;
	width:185px;
}

div#hito_inbox div.right img {
	margin-bottom:10px;
}


/**********************************************
 Development
**********************************************/
div.develop_container {
	border-bottom:solid 2px #009933;
	margin:0 10px 20px 10px;
	padding:0 30px;
	width:530px; /* [width]530px+(margin:10px+10px)+(padding:30px+30px)=610px */
}

h3.develop_title {
	background:url(../recruit/image/title_index_in_green.gif) no-repeat;
	border-bottom:solid 1px #009933;
	line-height:18px;
	width:515px; /* [width]515px+(padding:15px)=530px */
	padding-left:15px;
	margin-bottom:10px;
	color:#009933;
	font-size:12px;
}

div.develop_lead {
	margin-bottom:20px;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
	width:530px;
}

div.develop_inbox {
	margin-bottom:20px;
	line-height:20px;
	width:530px;
}

div.develop_inbox_l {
	float:left;
	margin:0 10px 20px 0;
	width:190px; /* [width](190px+(margin:10px)=200px)+(310px+(padding:20px)=330px)=530px */
	line-height:20px;
}

div.develop_inbox_r {
	float:left;
	background:url(../company/image/yajirusi1.gif) no-repeat;
	padding-left:20px;
	margin:30px 0 20px 0;
	width:310px;
	line-height:20px;
	color:#666666;
}

div#develop_footer {
	width:590px; /* [width]590px+(padding:10px+10px)=610px */
	text-align:center;
	line-height:20px;
	border-bottom:solid 2px #009933;
	margin:0 10px 20px 10px;
	padding-bottom:20px;
}

