/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
	
body{
	background-color:#efefef;
	}
	
#bodier{
	margin:auto;
	width:825px;
	background-color:#fff;
	border-bottom:1px solid #34c352;
	}
	
.clearer{
	clear:both;
	height:1px;
	overflow:hidden;
	}

	
	
/*トップメニュー*/

ul.menu{
	list-style:none;
	width:825px;
	height:30px;
	}

.menu li {
	display:inline; 
}

li.menu01 {
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu01.gif) left bottom;
	float:left;
	text-indent:-9999px;
	margin:0;
	}

li.menu01 a{
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu01.gif) left top;
	float:left;
	text-indent:-9999px;
	margin:0;
	}
	
li.menu01 a:hover{
	background:url(img/menu01.gif) left bottom;
	}

li.menu02 {
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu02.gif) left bottom;
	float:left;
	text-indent:-9999px;
	margin:0;
	}	

li.menu02 a{
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu02.gif) left top;
	float:left;
	text-indent:-9999px;
	margin:0;
	}
	
li.menu02 a:hover{
	background:url(img/menu02.gif) left bottom;
	}

li.menu03 {
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu03.gif) left bottom;
	float:left;
	text-indent:-9999px;
	margin:0;
	}

li.menu03 a{
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu03.gif) left top;
	float:left;
	text-indent:-9999px;
	margin:0;
	}
	
li.menu03 a:hover{
	background:url(img/menu03.gif) left bottom;
	}

li.menu04 {
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu04.gif) left bottom;
	float:left;
	text-indent:-9999px;
	margin:0;
	}

li.menu04 a{
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu04.gif) left top;
	float:left;
	text-indent:-9999px;
	margin:0;
	}
	
li.menu04 a:hover{
	background:url(img/menu04.gif) left bottom;
	}

li.menu05 {
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu05.gif) left bottom;
	float:left;
	text-indent:-9999px;
	margin:0;
	}

li.menu05 a{
	width:165px;
	height:30px;
	display:block;
	background:url(img/menu05.gif) left top;
	float:left;
	text-indent:-9999px;
	margin:0;
	}
	
li.menu05 a:hover{
	background:url(img/menu05.gif) left bottom;
	}
	

ul.topmenu2{
	float:right;
	padding:20px 20px 0 0;
	color:#CCCCCC;
	text-align:right;
	}

.topmenu2 li {
	list-style:none;
	display:inline;
	font-size:12px;
	}

.topmenu2 li a{
	color:#34c352;
	text-decoration:none;
	}

.topmenu2 li a:hover{
	color:#666666;
	}

/*サブメニュー*/

ul.submenu{
	list-style:none;
	width:825px;
	height:22px;
	background:#F5F5F5;
	}

.submenu li {
	display:inline;
	line-height:22px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

li.submenu01 {
	width:164px;
	height:22px !important;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

li.submenu01 a{
	width:164px;
	height:22px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu01 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
li.submenu02 {
	width:164px;
	height:22px;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

li.submenu02 a{
	width:164px;
	height:22px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu02 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
li.submenu03 {
	width:164px;
	height:22px;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

li.submenu03 a{
	width:164px;
	height:22px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu03 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
li.submenu04 {
	width:164px;
	height:22px;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

li.submenu04 a{
	width:164px;
	height:22px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu04 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
li.submenu05 {
	width:164px;
	height:22px;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

li.submenu05 a{
	width:164px;
	height:22px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu05 a:hover{
	background:#CCCCCC;
	color:#333333;
	}

/*サブメニュー２*/

ul.submenu2{
	list-style:none;
	width:825px;
	height:30px;
	background:#F5F5F5;
	}

.submenu2 li {
	display:inline;
	line-height:120%;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

li.submenu201 {
	width:164px;
	height:30px !important;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	line-height:30px;
	}

li.submenu201 a{
	width:164px;
	height:30px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu201 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
li.submenu202 {
	width:164px;
	height:30px;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

li.submenu202 a{
	width:164px;
	height:30px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu202 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
li.submenu203 {
	width:164px;
	height:30px;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	}

li.submenu203 a{
	width:164px;
	height:30px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu203 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
li.submenu204 {
	width:164px;
	height:30px;
	display:block;
	background:#CCCCCC;
	float:left;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:center;
	line-height:30px;
	}

li.submenu204 a{
	width:164px;
	height:30px;
	display:block;
	background:#F5F5F5;
	float:left;
	margin:0;
	color:#34c352;
	text-decoration:none;
	}
	
li.submenu204 a:hover{
	background:#CCCCCC;
	color:#333333;
	}
	
	
/*ご利用案内*/

.guide h1 {
	margin:15px auto;
	width:750px;
	padding:8px;
	background-color:#daeebd;
	text-align:center;
	}

.guide h2 {
	margin:15px 0 15px 50px;
	border-left:10px solid #34c352;
	padding:5px 10px;
	}

.guide p {
	margin-left:50px;
	font-size:12px;
	color:#333333;
	line-height:160%;
	padding-bottom:15px;
	}

.iso {
	margin:15px 45px;
	padding:15px;
	background-color:#EFEFEF;
	width:710px;
	}

.iso p{
	font-size:12px;
	color:#333;
	line-height:160%;
	margin-left:15px;}

.tableBox {
	margin-left:35px;
	width:700px;
	}

.tableBox h3 {
	margin-left:20px;
	}

.tableBox table{
	width:750px;
	margin-left:5px;
	}

td.box2{
	background:url(img/box_bg.gif) left repeat-y;
	}

	
.tableBox td p {
	margin:10px 0 0 20px;
	color:#333333;
	line-height:160%;
	font-size:12px;
	}
	

td.bt {
	width:135px;
	}


/*環境の仕事とは*/

.environment h1 {
	margin:15px auto;
	width:750px;
	padding:8px;
	background-color:#daeebd;
	text-align:center;
	}

.environment .tableBox{
	margin-bottom:10px;
	}

.environment .tableBox h2 {
	margin-left:30px;
	margin-bottom:10px;
	color:#34c352;
	font-size:18px;
	}
	
.environment .tableBox p{	
	margin-left:30px;
	height:25px;
	color:#333333;
	font-size:14px;
	line-height:180%;
	font-weight:normal;
	}

.environment .tableBox table{
	width:700px;
	margin-left:30px;
	}

td.boximg{
	width:300px;
	vertical-align:top;
	}

td.boximg img{
	width:300px;
	}
	
.environment td.boxtext p{
	margin:10px 0 10px 20px;
	color:#666666;
	line-height:120%;
	font-size:12px;
	}

td.boxtext h3 {	
	margin:0 0 0 20px;
	color:#333333;
	font-size:13px;
	border-bottom:#34c352 1px solid;
	background-color:#daeebd;
	}
	
td.boxtext h3 span{	
	font-size:12px;
	font-weight:normal;
	}

.environment .tableBox h4 {
	margin:5px 20px;
	padding:5px 10px;
	color: #34c352;
	font-size:14px;
	border-top:1px solid #E5E5E5;
	}
	
div.jirei {
	background-color:#fcecf2;
	margin-left:30px;
	padding:5px;
	font-size:12px;
	color:#333333;
	width:700px;
	}
	
.jirei h5 {
	font-size:12px;
	margin-bottom:5px;
	}

/*キャリア登録*/

.career h1 {
	margin:15px auto;
	width:750px;
	padding:8px;
	background-color:#daeebd;
	text-align:center;
	}

.career p {
	font-size:12px;
	color:#333333;
	line-height:160%;
	padding:15px 0;
	margin-left:50px;
	}

.career h2 {
	margin:15px 0 15px 50px;
	border-left:10px solid #34c352;
	padding:5px 10px;
	}

.careerBox {
	width:300px;
	height:130px;
	background:url(img/careerBox.gif) bottom left repeat-x;
	font-size:12px;
	line-height:160%;
	padding:10px 15px 5px 15px;
	color:#666666;
	border:1px solid #CCCCCC;
	margin-left:70px;
	float:left;
	}


.careerBox1 {
	width:170px;
	height:95px;
	background:url(img/careerBox1.gif) bottom left;
	font-size:12px;
	line-height:160%;
	padding:50px 15px 5px 15px;
	color:#666666;
	border:1px solid #CCCCCC;
	margin-left:70px;
	margin-right:35px;
	float:left;
	}
	
.careerBox2 {
	width:170px;
	height:95px;
	background:url(img/careerBox2.gif) bottom left;
	font-size:12px;
	line-height:160%;
	padding:50px 15px 5px 15px;
	color:#666666;
	border:1px solid #CCCCCC;
	margin-right:35px;
	float:left;
	}

.careerBox3 {
	width:170px;
	height:95px;
	background:url(img/careerBox3.gif) bottom left;
	font-size:12px;
	line-height:160%;
	padding:50px 15px 5px 15px;
	color:#666666;
	border:1px solid #CCCCCC;
	float:left;
	}

.careerBox4 {
	width:300px;
	height:130px;
	background:url(img/careerBox4.gif) bottom right;
	font-size:12px;
	line-height:160%;
	padding:10px 15px 5px 15px;
	color:#666666;
	border:1px solid #CCCCCC;
	margin-left:70px;
	float:left;
	}
	
.career .form_bt {
	margin:20px 0 20px 50px;
	font-size:12px;
	text-align:right
	text-align:center;
	}

.career .form_bt p{
	margin:0;
	padding:20px 0;
	text-align:center;
	color:#666666;
	}

.qr{
	float:left;
	margin-left:50px;
	}
	
.career h3 {
	font-size:14px;
	color:#34c352;
	}

/*登録者の傾向*/

.tendency h1 {
	margin:15px auto;
	width:750px;
	padding:8px;
	background-color:#daeebd;
	text-align:center;
	}

.tendency p {
	font-size:12px;
	color:#333333;
	line-height:160%;
	padding:10px 0;
	margin-left:50px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"
	}

.tendency h2 {
	margin:15px 0 15px 50px;
	border-left:10px solid #34c352;
	padding:5px 10px;
	}

.tendency h3 {
	margin:15px 0 15px 0;
	color:#34c352;
	text-align:center;
	font-size:14px;
	}
	
/*事例紹介*/

.jireiBox{
    margin:0 auto 20px;
	width:720px;
	border:1px solid #daeebd;
	}

.jireiBox2{
    margin:0 auto;
	width:720px;
	background:url(img/jirei_bg.gif) bottom repeat-x;
	border:1px solid #daeebd;
	}

.tendency .jireiBox h2 {
	margin:10px;
	color:#666666;
	text-align:left;
	font-size:13px;
	border-left:none;
	font-weight:normal;
	}

.tendency .jireiBox h3 {
	margin:10px;
	border-left:none;
	padding:5px 10px;
	text-align:left;
	}

.jireiBox h4 {
	margin:10px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	}

.jireiBox h5 {
	margin:10px;
	border-left:7px solid #34c352;
	padding-left:5px;
	font-size:16px;
	color:#777777;
	}

.tendency .jireiBox p {
	font-size:12px;
	color:#333333;
	line-height:160%;
	padding:0;
	margin-left:25px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"
	}
	
.jireicomment {
	border:1px solid #34c352;
	background:#FFFFFF;
	width:640px;
	margin:15px auto;
	padding:10px;
	text-align:left;
	}

.tendency .jireiBox .jireicomment p {
	margin:0;
	}
		
/*ご登録情報の取り扱いについて*/

.privacy h1{
	border-top:1px solid #34c352;
	border-bottom:1px solid #34c352;
	padding:20px 0 20px 50px;
	margin-bottom:20px;
	font-size:20px;
	color:#333333;
	}

.privacy p {
	font-size:12px;
	color:#333333;
	line-height:160%;
	margin-left:50px;
	}
	
.privacy ul{
	margin-left:50px;
	font-size:14px;
	color:#666666;
	list-style:none;
	padding-top:30px;
	}

.privacy ul li{
	line-height:160%;
	padding-bottom:10px;
	}

/*マッチングサービス*/

.btbox {
	margin:30px 0 0 80px;
	width:675px;
	}

.btbox a img {
	margin-right:20px;
	}

.btbox a:hover img {
	top:2px;
	left:1px;
	position:relative;
	filter: alpha(opacity=70);
	opacity: 0.7;
	}
	
.matching h1 {
	margin:15px auto;
	width:750px;
	padding:8px;
	background-color:#daeebd;
	text-align:center;
	}

.matching p{
	font-size:12px;
	color:#333333;
	line-height:160%;
	margin:10px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"
	}

.matching h2 {
	margin:15px 0 15px 50px;
	border-left:10px solid #34c352;
	padding:5px 10px;
	}

.matching h3 {
	margin:15px 50px;
	padding:10px 0;
	color:#34c352;
	font-size:16px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	font-weight:normal;
	}

.matching h4 {
	color:#000000;
	margin-left:50px;
	font-size:14px;
	font-weight:normal;
	}

table.directorbox {
	border:1px solid #666666;
	margin:20px auto;
	}

.directorbox h3{
	margin:0;
	padding:5px 0 15px;
	color:#34c352;
	font-size:16px;
	border-bottom:none;
	border-top:none;
	font-weight:normal;

}

.directorbox p{
	font-size:12px;
	color:#333333;
	line-height:160%;
	margin:0 15px 0 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
	}

.pageBox a {
	text-decoration:none;
	color:#52c45e;
	font-size:13px;
}

.pageBox{
	border-bottom:1px solid #52c45e;
	margin:0 auto 5px;
}

.pageBox td {
	padding:10px 0;
	}

.matchBox {
	width:725px;
	margin-left:50px;
	}
	
.matchBox p {
	margin:0;
	padding:0 10px;
	font-size:12px;
	color:#333333;
	line-height:160%;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"
	} 

.textbox{
	margin:0 auto;
	}

.textbox p{
	margin:0;
	color:#333333;
	line-height:160%;
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	} 

.tellist{
	width:650px;
	margin:0 20px;
}

.tellist th {
	padding:10px;
	font-size:14px;
	color:#333333;
	font-weight:normal;
	}
	
.tellist td {
	padding:10px;
	font-size:14px;
	color:#666666;
	}


/*セミナー情報*/

.seminar h1 {
	margin:15px auto;
	width:750px;
	padding:8px;
	background-color:#daeebd;
	text-align:center;
	}

.seminar p {
	font-size:12px;
	color:#333333;
	line-height:160%;
	padding:15px 0;
	margin-left:50px;
	}

.seminar h2 {
	margin:15px 0 15px 50px;
	border-left:10px solid #34c352;
	padding:5px 10px;
	}

.seminar h4 {
	color:#34c352;
	font-size:14px;
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	}

.seminarBox {
	width:695px;
	height:100px;
	background:url(img/careerBox.gif) bottom left repeat-x;
	border:1px solid #CCCCCC;
	margin-left:50px;
	padding:15px;
	}

.seminarBox2{
	width:695px;
	background:url(img/careerBox.gif) bottom left repeat-x;
	border:1px solid #CCCCCC;
	margin-left:50px;
	padding:15px;
	margin-bottom:20px;
	}

.seminarBox p {
	margin:0;
	font-size:13px;
	line-height:160%;
	color:#666666;
	}

.seminarBox2 p {
	margin:0;
	font-size:13px;
	line-height:160%;
	color:#666666;
	padding:10px 0;
	}

.seminarBox2 ul {
	margin:10px 0;
	font-size:12px;
	line-height:160%;
	color:#333333;
	list-style:none;
	}

.seminarBox2 ul li{
	margin-bottom:10px;
	}
	
.seminartable {
	width:725px;
	border:1px solid #CCCCCC;
	border-bottom:none;
	margin:10px 0 10px 50px;
	}

.seminartable th{
	width:80px;
	padding:10px;
	font-size:12px;
	color:#333333;
	background-color:#daeebd;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}

.seminartable td{
	padding:10px;
	font-size:12px;
	color:#333333;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	}

.seminartable td a{
	color:#34c352;
	}

.seminar h3 {
	width:725px;
	margin:10px 0 0 50px;
	background-color:#34c352;
	padding:10px 0;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	}
	
.seminarform {
	width:725px;
	border:1px solid #CCCCCC;
	border-bottom:none;
	margin:10px 0 10px 50px;
	}

.seminarform th{
	width:185px;
	padding:10px;
	font-size:12px;
	color:#333333;
	background-color:#daeebd;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}

.seminarform td{
	padding:10px;
	font-size:12px;
	color:#333333;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	}

.seminarform p {
	margin:0;
	padding:0;
	font-size:11px;
	color:#666666;
	line-height:160%;
	}
	
/*映像個別ページ*/

.movie {
	background:#333333;
	}

#bodier2{
	margin:auto;
	width:825px;
	background-color:#333333;
	}

.movie h1{
	border-bottom:1px solid #34c352;
	padding:20px 0 20px 50px;
	margin-bottom:20px;
	font-size:20px;
	color:#FFFFFF;
	}

.movieBox {
	width:640px;
	margin-left:90px;
	}

.movieBox p{
	text-align:center;
	margin:30px 0;
	display:block;
	}

/*サイトマップ*/

.sitemapBox1 {
	width:320px;
	margin:30px 0 30px 50px;
	float:left
	}

.sitemapBox2 {
	width:320px;
	margin:55px 50px 30px 0;
	float:right
	}

ul.sitemapList {
	margin:0;
	padding:0;
	list-style:none;
	}

ul.sitemapList li a{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	text-decoration:none;
	color:#34c352;
	font-size:14px;
	}
	
ul.sitemapList li a:hover{
	color:#666666;
}
	
ul.sitemapList2 {
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	background:url(img/line_glbg.gif) repeat-y left;
	}	

ul.sitemapList2 li a{
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	list-style:none;
	background:url(img/line_gl.gif) no-repeat left;
	height:19px;
	width:200px;
	display:block;
	text-decoration:none;
	color:#34c352;
	font-size:14px;
	}

ul.sitemapList2 li a:hover{
	color:#666666;
}

ul.sitemapList3 {
	margin:0;
	padding:0;
	list-style:none;
	background:url(img/line_glbg2.gif) repeat-y left;
	}
	
ul.sitemapList3 li a{
	margin:10px 0 0 0;
	padding:0 0 0 45px;
	list-style:none;
	background:url(img/line_gl3.gif) no-repeat left;
	height:19px;
	width:200px;
	display:block;
	text-decoration:none;
	color:#34c352;
	font-size:14px;
	}

ul.sitemapList3 li a:hover{
	color:#666666;
}
	

/*フッター*/

#footer{
	width:825px;
	margin:auto;
	}

.copy {
	font-size:12px;
	color:#333333;
	padding:10px 5px;
	float:left;
	}

ul.footmenu{
	float:right;
	padding:10px 5px;
	}

.footmenu li {
	list-style:none;
	display:inline;
	font-size:12px;
	}

.footmenu li a{
	color:#333333;
	text-decoration:none;
	}

.footmenu li a:hover{
	color:#666666;
	}

p.gothic {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
	
p.osusume a{
	font-size:14px;
	}