@charset "utf-8";
/* CSS Document */

#wrapper {
	width: 800px;
	margin: 0px auto;
	background: #FFFFFF;
}
#header {
	height: 50px;
	background: url(../images/top.jpg) no-repeat;
	width: 800px;
}
#header-link {
	width: 400px;
	float: right;
	height: 25px;
	list-style-type: none;
	margin-top: 10px;
}
#header-link ul {
	margin-top: 3px;
}

#header-link li {
	float: right;
	list-style-type: none;
	background-image: url(../images/icon1.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 4px;
	padding-right: 5px;
}





#bg_color {
	background: url(../images/bk.jpg) repeat-x;
	font-size: 80%;
}


#g_menu {
}
#logo a {
	height: 50px;
	width: 180px;
	display: block;
	text-indent: -9999px;
}


#logo span {
	width: 180px;
	height: 50px;
}
#logo {
	float: left;
}
#flash_area {
	height: 200px;
	width: 800px;
	clear: both;
	margin-top: 15px;
	margin-left: 0px;
}
#top_contents-area {
	width: 800px;
}
#left_area {
	width: 160px;
	float: left;
}
#center_area {
	width: 480px;
	float: left;
}
#right_area {
	float: right;
	width: 160px;
}
#footer {
	clear: both;
	height: 40px;
	background: #E0EFE0;
}
/*　メニュー　*/

#globalNav {
	width: 800px;
	background-image: url(../images/menu.jpg);
	height: 28px;
	list-style-type: none;
}
#globalNav li {
	float: left;
	width: 133px;
	display: block;
}
#globalNav   li, #globalNav a{
	display: block;
	height: 28px;
}
	
	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -28px; }
	#nav02 a.stay {
	background-position: -133px -28px;
}
	#nav03 a.stay {
	background-position: -266px -28px;
}
	#nav04 a.stay {
	background-position: -399px -28px;
}
	#nav05 a.stay {
	background-position: -532px -28px;
}
	#nav06 a.stay {
	background-position: -665px -28px;
}

	/* オンマウス */
	#nav01 a:hover {
	background-position:  0     -56px;
	background-image: url(../images/menu.jpg);
}
	#nav02 a:hover {
	background-position: -133px -56px;
	background-image: url(../images/menu.jpg);
}
	#nav03 a:hover {
	background-position: -266px -56px;
	background-image: url(../images/menu.jpg);
}
	#nav04 a:hover {
	background-position: -399px -56px;
	background-image: url(../images/menu.jpg);
}
	#nav05 a:hover {
	background-position: -532px -56px;
	background-image: url(../images/menu.jpg);
}
	#nav06 a:hover {
	background-position: -665px -56px;
	background-image: url(../images/menu.jpg);
}
	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -28px; 
		background-image: url(../images/menu.jpg);}
	#nav02 a.stay {
	background-position: -133px -28px;
	background-image: url(../images/menu.jpg);
}
	#nav03 a.stay {
	background-position: -266px -28px;
	background-image: url(../images/menu.jpg);
}
	#nav04 a.stay {
	background-position: -399px -28px;
	background-image: url(../images/menu.jpg);
}
	#nav05 a.stay {
	background-position: -532px -28px;
	background-image: url(../images/menu.jpg);
}
	#nav06 a.stay {
	background-position: -665px -28px;
	background-image: url(../images/menu.jpg);
}
	
#globalNav span {
	text-indent: -9999px;
	display: block;
	height: 28px;
}
#left_area li {
	list-style-type: none;
	margin-bottom: 5px;
	display: block;
}
#left_area li, #left_area a {
	display: block;
}
#center_area li {
	list-style-type: none;
	background-image: url(../images/topics_icn.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
}
#right_area li {
	list-style-type: none;
}
#center_area h2 span {
	text-indent: -9999px;
	display: block;
}
#center_area #topics {
	background-image: url(../images/topics.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 455px;
}
#center_area #privacy {
	background-image: url(../images/privacy.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 455px;
}
#center_area #sitemap {
	background-image: url(../images/sitemap.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 455px;
}
#center_area_inner {
	width: 455px;
	margin-right: 12.5px;
	margin-left: 12.5px;
	margin-top: auto;
}
#do {
	background-image: url(../images/topics2_titl.jpg);
	height: 36px;
	width: 405px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
.diary  span {
	display: block;
	text-indent: -9999px;
	height: 80px;
}
#left_area_inner {
	margin-top: 20px;
	margin-left: 5px;
}
#left_area_contens-inner {
	margin-top: 0px;
	margin-left: 5px;
}
.card span {
	display: block;
	text-indent: -9999px;
	height: 100px;
	width: 150px;
}
.education span {
	display: block;
	text-indent: -9999px;
	height: 100px;
	width: 150px;
}
.qa span {
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 150px;
}
.report span {
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 150px;
}
.voice span {
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 150px;
}
.about span {
	display: block;
	text-indent: -9999px;
	height: 80px;
}
.pro span {
	display: block;
	text-indent: -9999px;
	height: 100px;
	width: 150px;
}
#right_area_inner {
	margin-top: 0px;
	margin-right: 5px;
}
.intro span {
	display: block;
	text-indent: -9999px;
	height: 100px;
	width: 150px;
}
.recruit span {
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 150px;
}
.dispatch span {
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 150px;
}
#footer_logo {
	float: left;
	background-image: url(../images/footer_logo.jpg);
	height: 35px;
	width: 200px;
}
#footer_logo span {
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 200px;
}
#footer p {
	float: right;
	margin-right: 5px;
	margin-top: 8px;
}
#footer_logo a {
	height: 35px;
	width: 200px;
	display: block;
}
#right_area li, #right_area a {
	display: block;
}

#left-menu-area {
	float: left;
	width: 150px;
	display: block;
}

#left-menu-area h2 {
	font-size: 80%;
	color: #333333;
	text-decoration: none;
	background: #AFD6AF;
	border-top:1px solid #cccccc;
	border-left: 5px solid #3F793E;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #cccccc;
	margin: 0;
	padding: 5px;
}
---------------------------------------------*/
#left-menu-area-secondary {
	font-size: 80%;
}

#left-menu-area-secondary p {
	margin: 5px;
}

	/* リンク
	---------------------------------------------*/
	#left-menu-area-secondary ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 80%;
	}
	#left-menu-area-secondary li {
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(../contents/images/icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
	#left-menu-area-secondary li a {
	display: block;
	width: 130px !important;
	width /**/: 150px; /* Windows Internet Explorer 5用の値 */
	padding: 5px 5px 5px 15px;
	color: #333333;
	text-decoration: none;
	}

	#left-menu-area-secondary li a:hover {
	color: #3F793E;
	background: #EFF8EF url(../contents/images/icon2.png) left center no-repeat;
	}
.stay {
	background-color: #E0EFE0;
	display: block;
	color: #333333;
	background-image: url(../contents/images/icon2.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
.stay_a {
	background-image: url(../contents/images/icon2.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #3F793E;
}
.stay_txt {
	color: #3F793E;
}



.bosyu_txt {
	color: #3F793E;
	font-weight: bold;
}
#clean-main {
float:left;
}
#clean-main h3 {
	background: url(../contents/images/title_bk.jpg) left top no-repeat;
	margin: 0;
	padding: 0px 0 0px 5px;
	font-size: 100%;
}
.clean-top {
	font-size:110%;
	color:#3F793E;
	background-image: url(../contents/images/icon1.png);
	background-repeat: no-repeat;
	padding-left:15px;
	font-weight: bolder;
}
.clean-t {
font-size:110%;
color:#006600;
}


#clean-main ul {
	list-style-type: none;
	background-image: url(../images/icon1.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 2px;

}

#recruit-main {
	float:left;
	width: 100%;
}
#recruit-main h3 {
	background: url(../contents/images/title_bk.jpg) left top no-repeat;
	margin: 0;
	padding: 0px 0 0px 5px;
	font-size: 100%;
}
#recruit-main h4 {
	background: url(../recruit/images/bosyu_bk.jpg) left top no-repeat;
	margin: 0;
	padding: 5px;
	font-size: 120%;
	color: #264925;
}
.recruit-box {
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 2em;
	border: solid 1px #3F793E;
	padding: 5px 5px;
	background-image: url(../recruit/images/bosyu_bk2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 430px;
}

#voice/* ------------------ Append:社員の声---------------------------------------  */
 {
	width: 448px;
	float: left;
	text-align: left;
}
#voice_t {
	height:60px;
	margin:0;
	padding:20px 0 0 0;
	background:   url(../voice/images/voice_bg.gif) no-repeat;
	color:#CC3300;
	text-align: left;
}
#voice-ttl {
	display: block;
	margin-left: 110px;
	float: left;
	text-align: left;
}
#voice_body {
	margin-left:1px;
	line-height:150%;
	color:#333333;
	width: 445px;
	margin-top: 10px;
}
.voice-t-red {
	color: #CC0000;
}
.voice-t-green {
	color: #006600;
}



.customer_v dt {
	height: 19px;
	margin:10px 0;
	background:   url(../voice/images/voice_v.gif) no-repeat;
	line-height: 19px;
	text-indent: 121px;
	color: #CC3300;
}
.customer_v dd {margin-left:0;}




.haken_txt {
	height: auto;
	width: 100%;
	font-size: 120%;
	color: #000099;
	font-weight: bold;
}
.tex-red {
	color: #FF0000;
}


.recruit-top {
	font-size:110%;
	color:#3F793E;
	background-image: url(../contents/images/icon1.png);
	background-repeat: no-repeat;
	padding-left:15px;
	font-weight: bolder;
}
.recruit-haken p {
	color: #3F793E;
}

.recruit-t {
font-size:110%;
color:#006600;
}
#recruit-box {
	background: url(../recruit/images/bosyu_bk2.jpg) no-repeat left top;
	margin-bottom:20px;
	width: 435px;
	padding: 10px 0 10px 10px;
	border: #499871 1px solid;
}

#bosyu .txt {
font-size:80%;
}
.entry   {
	display: block;
	text-indent: -9999px;
	height: 20px;
	width: 100px;
	float: right;
	background-image: url(../recruit/images/entry1.jpg);
	margin: 0 10px 20px 10px;
}
#entry     ul   {
	margin-top: 0px;
}
#entry     li   {
	background-image: url(../recruit/images/entry1.jpg);
	background-repeat: no-repeat;

}

#dispatch h4 {
	background: url(images/bosyu_bk.jpg) left top no-repeat;
	margin: 0;
	padding: 5px;
	font-size: 100%;
}

#keep-main {
float:left;
}
#keep-main h3 {
	background: url(../contents/images/title_bk.jpg) left top no-repeat;
	margin: 0;
	padding: 0px 0 0px 5px;
	font-size: 100%;
}
.keep-top {
font-size:110%;
color:#000099;
	background-image: url(../contents/images/icon1.png);
	background-repeat: no-repeat;
	padding-left:15px;
}
.keep-t {
font-size:110%;
color:#006600;
}

#control-main {
float:left;
}
#control-main h3 {
	background: url(../contents/images/title_bk.jpg) left top no-repeat;
	margin: 0;
	padding: 0px 0 0px 5px;
	font-size: 100%;
}
.control-top {
	font-size:110%;
	color:#3F793E;
	background-image: url(../contents/images/icon1.png);
	background-repeat: no-repeat;
	padding-left:15px;
	font-weight: bolder;
}
.control-t {
font-size:110%;
color:#006600;
}

#security-main {
float:left;
}
#security-main h3 {
	background: url(../contents/images/title_bk.jpg) left top no-repeat;
	margin: 0;
	padding: 0px 0 0px 5px;
	font-size: 100%;
}
.security-top {
	font-size:110%;
	color:#3F793E;
	background-image: url(../contents/images/icon1.png);
	background-repeat: no-repeat;
	padding-left:15px;
	font-weight: bolder;
}
.security-t {
font-size:110%;
color:#006600;
}
#flash_area02 {
	height: 350px;
	width: 380px;
	margin-left: 40px;
	margin-top: 20px;
}

.txt-s {
	font-size:80%;
	}



.company-t {
	font-size:110%;
	font-weight: bolder;
	color: #3D793B;
}
.isottl  {
	color: #3D793B;
	font-weight: bold;
	padding-top: 10px;
}

.company-t-c {
	color: #006E2C;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../company/images/ceo.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
.company-t-c2 {
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.company-t-cb {
	color: #006E2C;
	font-weight: bold;
}



.company-polcy {
	font-size:150%;
	font-weight: bolder;
	color: #305B2F;
}

.company-mission {
	font-size:120%;
	font-weight: bolder;
	color: #305B2F;
}
.company-text {
	font-size:100%;
	font-weight: normal;
}




#company {
	padding: 0 15px 0 15px;
}
#sitemap-l {
	padding-left: 15px;
	width: 200px;
	float: left;
}
#sitemap-r {
	float: left;
	width: 200px;
	padding-left: 15px;
}



#company .ttl {
	padding: 5px 0 5px 5px;
	background: #F8F8F8;
	border-top: 2px solid #333383;
	font-weight: bolder;
	color: #006;
}
#company .txt-t {
	font-weight: bold;
	color: #333333;
}


#company .mTop30 {
	margin-top: 20px;
}

#company .h3Box {
	margin: 20px 0 0 0;
	padding: 1px 0;
	border-top: 1px solid #D6D6E6;
	border-bottom: 1px solid #D6D6E6;
}

#company .txt01 {
	margin: 10px 0 0 0;
}


.isoList ul , 
.isoList ol {
	margin: 10px 0px 0px 5px;
}

.isoList li {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: decimal;
}

br.clear {
	clear:both;
	font-size:0;
	line-height:0;
}

#company div.ttl h3 {
	padding: 8px 6px;
	background: url(../company/image/bg_01.gif) repeat-x left bottom;
}
/* ******************  table style type01  *************** */
#company .tbl01 {
	width: 410px;
	margin: 0 0 0 0;
	padding: 1px 0;
	background: url(../company/images/prt_dotline_06.gif) repeat-x left top;
	text-align: left;
}
#company .tbl01 table {
/*	border-collapse: collapse;*/
}
#company .tbl01 th,
#company .tbl01 td {
	background: url(../company/images/prt_dotline_06.gif) repeat-x left bottom;
}
#company .tbl01 th,
#company .tbl01 th.name {
	width: 114px;
	padding: 7px 6px;
	text-align: left;
	vertical-align: top;
	background: #EEE url(../company/images/prt_dotline_07.gif) repeat-x left bottom;
}
#company .tbl01 th.name {
	background-color: #C2C8CF;
}
#company .tbl01 td {
	padding: 7px 10px;
	color: #000;
}
#company .tbl01 td img {
	/*
	width: 4px;
	height: 7px;
*/
	vertical-align: middle;
	float: none;
	clear: none;
	margin: 0 3px 0 -15px;
	border: none;
	text-align: center;
}
#company .tbl01 td a {
	padding: 0 0 0 7px;
}
#company .tbl01 td .detail {
	margin: 10px 0 0 0;
}
#company .tbl01 td .detail img {
	width: 4px;
	height: 7px;
	vertical-align: middle;
	margin: 0 3px 0 -5px;
	border: none;
}
#company .tbl01 td td {
	margin: 0;
	padding: 0 10px 0 0;
	border: none;
	vertical-align: top;
	background: none;
}
#company .tbl01 td td img {
	width: 4px;
	height: 7px;
	vertical-align: middle;
	margin: 0 3px 0 -5px;
	border: none;
	text-align: center;
}
/* ******************  table style type01  *************** */


#company .h4Box {
	margin: 20px 0 0 0;
	padding: 1px 0;
	border-top: 1px solid #D6D6E6;
	border-bottom: 1px solid #D6D6E6;
}







#institution-link {
	width: 420px;
	margin-top: 5px;
	display: block;
	height: auto;
}
#institution-link ul {
	margin-top: 3px;
	display: block;
}
#institution-link   li  {
	background-image: url(../images/bottun.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: left center;
	margin-left: 8px;
	padding-left: 12px;
	margin-bottom: 5px;

}
#institution-link  li a {
	padding-left: 0px;
	padding-right: 15px;



}

.recruit-haken {
	border-left-color: solid 1px #3F793E;
	bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3F793E;
	border-bottom: solid 1px;
	margin-top: 5px;
	margin-left: 20px;
}
.privacy {
	border-bottom: 1px dotted #4C7549;
	margin-top: 10px;
	font-weight: bold;
	color: #4c7549;
	font-size: 120%;
}
.privacy-l {
	padding-left: 200px;
	margin-top: 20px;

}
.privacy-r {
	margin-top: 20px;
	text-align: right;

}
.privacy-next {
	border: thin groove #006600;
	font-weight: bold;
	color: #3D7840;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	display: block;
	margin-top: 20px;
	margin-left: 100px;
	margin-bottom: 20px;
}
.privacy-next a {
	border: thin groove #006600;
	font-weight: bold;
	color: #3D7840;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	display: block;
	text-decoration: none;
}
.privacy-next a:hover {
	border: thin groove #006600;
	font-weight: bold;
	color: #3D7840;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	display: block;
	text-decoration: none;
	background-color: #D7EAD8;
}

h3.sitemap-menu/*####sitemap####
-----------------------------------------------------------------------------------*/
 {
	padding: 0.2em 0.4em;
	background: #FFF url("../images/sitemap_bk.jpg") repeat-x;
	vertical-align: bottom;
	color: #3D7840;
	font-size: 100%;
	line-height: 120%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #3D7840;
	text-decoration: none;
	margin-top: 20px;
	width: 190px;
	font-weight: bold;
}

#sitemap-menu a {
	display: block;
	padding: 0.2em 0.5em 0.2em 10px;
	background: url("../images/bottun.gif") no-repeat;
	color: #000;
	text-decoration: none;
	background-position: 0 6px;
	margin-left: 5px;
}

#sitemap-menu  a:hover {
	background: #ECF1EB url("../images/bottun.gif") no-repeat;
	color: #333333;
	text-decoration: none;
	background-position: 0 6px;
}

.sitemap-meu div.current {
	background-color: #000000;
	font-weight: bold;
	font-color: #f90;
}
/*-----------------------------------------------------------------------------------*/
.pocketcard-box {
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 2em;
	border: solid 1px #3F793E;
	padding: 5px 5px;
	background-image: url(../pocketcard/images/bk.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 430px;
}
.pocketcard-messege {
	padding-top: 10px;
	padding-left: 5px;
	background-image: url(../pocketcard/images/messege.gif);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	display: block;
	width: 120px;
	height: 30px;
}
.pocketcard-comments {
	background: url(../pocketcard/images/comments.gif) no-repeat;
	height: 30px;
	width: 200px;
	background-position: 10px 10px;
	padding-top: 10px;
}

.pocketcard-messegetxt {
	padding-top: 10px;
	padding-left: 8px;
}


.top {
	float: right;
	height: 20px;
	width: 150px;
	margin-top: 10px;
}
.ok {
	background: url(../dispatch/images/ok.jpg);
	height: 40px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	margin-left: 150px;
	margin-top: 30px;
}
.back {
	background: url(../dispatch/images/back.jpg) no-repeat;
	height: 40px;
	width: 150px;
	float: left;
	text-indent: -999px;
}
#bg_color #wrapper #container #top_contents-area #center_area #center_area_inner #recruit-main #company .tbl01 p font {
	color: #000;
}
#bg_color #wrapper #container #top_contents-area #center_area #center_area_inner #recruit-main #company .tbl01 p font em {
	color: #000;
}

.red{
	color:#F00;
	font-size:14px;
}


.blue{
	color:#009;
	font-size:14px;
	font-weight:bolder;
}