﻿@charset "utf-8";

body { 	
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	width: 900px;
    	height: auto; 
	margin-top:30px; 
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:30px;
	color: #000000;
	background-color: #ffffff ;
	font-size: 16px;
	text-decoration: none;
	}
a {
	text-decoration: none;
	color: #000000;

}
#wrapper{
	width: 900px;
	height: auto;
	background-color: #ffffff ;
	
}
a:hover{
	color: #ff0000;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:22px;
	padding: 2px 0 4px 5px;
	
}
h3 {
	font-size:20px;
	width: 200px;
	padding: 2px 0 4px 5px;
	margin: 60px 0 10px 0 ;
	border-left: solid 6px #0085d0 ;
	border-bottom: solid 1px #0085d0 ;
}
/* ヘッダー */
#top-header{
	width:900px;
	height:340px;
	padding: 10px 0 10px 10px ;
	background-image: url("../images/topimg02.png");

	
}
#header{
	
	width:900px;
	height:170px;
	padding: 10px 0 10px 10px ;
	margin: 0 0 0 0 ;
	

	
}
.toptext{
	color: #0085d0;
	margin: 0 0 0 0;
}
#logo{
	width: 350px;
	margin: 0 0 0 5px;
	float: left;	
}
.logo {
	width: 150px;
}
.bio {
	
}
.info{  
	
	margin: 0 0 0 650px ;
	padding: 40px 0 0 0 ;
	font-size: 14px;
	
}
.topimg {
	
	margin: 0 0 0 0 ;
}



/* ここまで */

/* ナビゲーション */
#glnavi { 
	width: 900px;
}
.navi{
	
	list-style-type: none;
	margin: -20px auto 0 -40px ;
}
.navi li {
	position: relative;
}
.navi li a{
	
	float: left;
	display:block;
	overflow:hidden;
	margin: 10px 0 0 0 ;
	padding: 0 0 0 0 ;
	background-image:url("../images/navi.png") ;
	width:150px;
	height:46px;
	
}
/* ナビゲーション　サブメニュー */
.navi li ul{
  
  	list-style: none;
  	position: absolute;
  	top: 55px;
  	left: 150px;
  	margin: 0;
  	padding: 0;
  	border-radius: 0 0 3px 3px;
}
.navi li ul li{
  	overflow: hidden;
 	width: 0;
  	height: 0;
  	color: #000000;
  	-moz-transition: .2s;
  	-webkit-transition: .2s;
 	-o-transition: .2s;
  	-ms-transition: .2s;
  	transition: .2s;
}
.navi li ul li a{
  	padding: 14px 0 0 0 ;
  	margin: 0 0 0 0;
  	background: #add8e6;
  	text-align: center;
  	font-size: 14px;
  	font-weight: normal;
}
.navi li:hover ul li{
  	overflow: visible;
  	height: auto;
}
.navi .infomation ul{
  
  	list-style: none;
  	position: absolute;
  	top: 55px;
  	left: 750px;
  	margin: 0;
  	padding: 0;
  	border-radius: 0 0 3px 3px;
}
.navi .infomation ul li{
  	overflow: hidden;
 	width: 0;
  	height: 0;
  	color: #000000;
  	-moz-transition: .2s;
  	-webkit-transition: .2s;
 	-o-transition: .2s;
  	-ms-transition: .2s;
  	transition: .2s;
}
.navi .infomation ul li a{
  	padding: 14px 0 0 0 ;
  	margin: 0 0 0 0;
  	background: #add8e6;
  	text-align: center;
  	font-size: 14px;
  	font-weight: normal;
}
.navi .infomation li:hover ul li{
  	overflow: visible;
  	height: auto;
}

/* ここまで */

/* ナビゲーション　ロール */

.greting a {
	
	width:150px;
	background-position:0 0 ;
}
.job a {
	width:150px;
	background-position:-150px 0 ;
}
.officeinfo a {
	width:150px;
	background-position:-300px 0 ;
}
.recruit a {
	width:150px;
	background-position:-450px 0 ;
}
.staff a {
	width:150px;
	background-position:-600px 0 ;
}
.infomation a {
	width:150px;
	background-position:-750px 0 ;
}
.greting a:hover {
	width:150px;
	background-position:0 -46px ;
}
.job a:hover {
	width:150px;
	background-position:-150px -46px ;
}
.officeinfo a:hover {
	width:150px;
	background-position:-300px -46px ;
}
.recruit a:hover {
	width:150px;
	background-position:-450px -46px ;
}
.staff a:hover {
	width:150px;
	background-position:-600px -46px ;
}
.infomation a:hover {
	width:150px;
	background-position:-750px -46px ;
}
.greting-on a {
	width:150px;
	background-position:0 -46px ;
}
.job-on a {
	width:150px;
	background-position:-150px -46px ;
}
.officeinfo-on a {
	width:150px;
	background-position:-300px -46px ;
}
.recruit-on a {
	width:150px;
	background-position:-450px -46px ;
}
.staff-on a {
	width:150px;
	background-position:-600px -46px ;
}
.infomation-on a {
	width:150px;
	background-position:-750px -46px ;
}
/* ここまで */

/* トップページコンテンツ */
#index-contents{
	height: 350px;
	margin: 70px auto 0 45px ;
	line-height: 1.3em;
}
.index01 {
	float:left;
	width: 220px;
	margin: 0 0 0 30px;
	padding: 0 5px 0 5px;
	font-size: 15px;
}
.index02 {
	float:left;
	width: 220px;
	margin: 0 0 0 30px;
	padding: 0 5px 0 5px;
	font-size: 15px;
}
.index03 {
	
	width: 220px;
	margin: 0 0 0 30px;
	padding: 0 5px 0 5px;
	font-size: 15px;
}
.bkn {
	margin: 5px 0 0 -10px ;
}
/* ごあいさつコンテンツ */
#greting-contents{
	clear:both;
	width: 900px;
	height: 580px;
	margin: 100px auto 0 55px ;
	line-height: 1.5em;
}
.kajiyama01 {
	margin: -60px 0 0 0 ;
	padding: 0 0 0 550px ;
}
/* 会社概要コンテンツ */
#officeinfo-contents{
	height: 650px;
	margin: 100px auto 0 auto ;
	line-height: 1.3em;
	padding: 0 0 0 0 ;
}
.officeinfotable {
	border:1px solid #000000;
	margin: 10px auto 20px auto;
	padding:30px 0 0 0;
	width: 90%;
	text-align: center;
	border-collapse: collapse;
	font-size: 16px;
}
table{
	height: 90%;
}
/* 採用情報コンテンツ */
#recruit-contents{
	height: auto;
	margin: 100px auto 0 auto ;
	line-height: 1.3em;
	padding: 0 0 0 0 ;
}
.recruittable {
	border:2px solid #000000;
	margin: 20px auto 20px auto;
	padding:40px 0 0 0;
	width: 90%;
	text-align: center;
	border-collapse: collapse;
	font-size: 16px;
}
.recruitintable {
	border:1px solid #000000;
	margin: 10px auto 20px auto;
	padding:40px 0 0 0;
	width: 90%;
	text-align: center;
	border-collapse: collapse;
	font-size: 16px;
}
table{
	height: 85%;
}
.infobtn {
	margin: 20px 0 0 350px;
}
.recruitbtn {
	margin: 10px 0 0 0;
}
/* 業務内容コンテンツ */
#job-contents {
	margin: 100px auto 0 auto ;
}
#job-contents h1 {
	margin: 0 0 0 60px;
}
#job-contents ul li {
	list-style-type: none;
	width: 720px;
	height: 250px;
}
#job-contents ul li h2 {
	width: 250px;
	font-size:20px;
	padding: 2px 0 2px 5px;
	margin: 0 0 20px 170px ;
	border-left: solid 6px #0085d0 ;
	border-bottom: solid 1px #0085d0 ;
}
.job001 {
	
	margin: 20px ;
}
.job002 {
	float: left ;
	margin: 0 40px 0 0 ;
	
}
.job003 {
	float: left ;
	margin: -20px 40px 0 0 ;
	
}
.job007 {
	float: left ;
	margin: 0 40px 0 0 ;
	
}
.job008 {
	float: left ;
	margin: 0 40px 0 0 ;
	
}
.kochirabtn {
	margin: 10px 0 0 480px;
}
/* 実験動物飼育管理業務 */
#l-animals-contents {
	width: 750px;
	height: 2450px;
	margin: 80px auto 0 auto ;
	padding: 0 0 0 0;
	line-height: 1.5em;
}
#l-animals-contents h2 {
	width: 400px;
	font-size:20px;
	padding: 2px 0 2px 5px;
	margin: 30px 0 20px 0 ;
	border-left: solid 6px #0085d0 ;
	border-bottom: solid 1px #0085d0 ;
}
.titleicon {
	margin: 0 10px -8px 10px;
	
}
.merit {
	border: solid 1px;
	padding: 20px;
}
.shiikukanri {
	border: solid 1px;
	margin: 10px 0 0 0 ;
	padding: 20px;
}
.tokushu {
	border: solid 1px;
	margin: 10px 0 0 0 ;
	padding: 20px;
}
/* クリーンアップ業務 */
#cleanup-contents {
	width: 750px;
	height: auto;
	margin: 100px auto 80px auto ;
	padding: 0 0 0 0;
	line-height: 1.5em;
}
#cleanup-contents h2 {
	width: 400px;
	font-size:20px;
	padding: 2px 0 2px 5px;
	margin: 30px 0 20px 0 ;
	border-left: solid 6px #0085d0 ;
	border-bottom: solid 1px #0085d0 ;
}
.merit {
	border: solid 1px;
	padding: 20px;
}
.cleanupimage01 {
	margin: 50px 0 0 0 ;
}
.tokushu {
	border: solid 1px;
	margin: 10px 0 0 0 ;
	padding: 20px;
}
/* プライバシーポリシー */
#privacy-contents {
	width: 750px;
	height: auto;
	margin: 100px 0 80px 0 ;
	padding: 0 0 0 60px;
	line-height: 1.5em;
}
#privacy-contents h3 {
	width: 400px;
	font-size:20px;
	padding: 2px 0 2px 5px;
	margin: 30px 0 20px 0 ;
	border-left: solid 6px #0085d0 ;
	border-bottom: solid 1px #0085d0 ;
}
/* スタッフ */
#staff-contents {
	margin: 100px auto 50px 60px ;
	line-height: 1.7em;
}
#staff-contents ul li {
	list-style-type: none;
	width: 750px;
	height: auto;
}
#staff-contents ul li {
	list-style-type: none;
	width: 750px;
	height: 420px;
}
#staff-contents ul li h2 {
	width: 250px;
	font-size:20px;
	padding: 2px 0 2px 5px;
	margin: 0 0 20px 170px ;
	border-left: solid 6px #0085d0 ;
	border-bottom: solid 1px #0085d0 ;
}
.staffcoment {
	width: 450px ;
	padding: 0 0 0 190px ;
}
/* 販売コンテンツ */
#buy-contents {
	width: 750px;
	height: auto;
	margin: 100px auto 80px auto ;
	padding: 0 0 0 0;
}
#buy-contents h3 {
	width: 300px;
}
.buy {
	border: 1px solid #000000 ;
	margin: 0 auto 0 auto;
	width: 600px;
	padding: 0 30px 30px 30px;
}
.kuwasikubtn {
	width: 180px;
	height: auto;
	margin: 10px 0 0 20px ;

}
/* ここまで */
.uvdate {
	width:250px;
	height:auto;
	padding: 30px 0 0 290px;
	float:left;
}
.uvboy {
        padding: 10px 0 0 3px;
	width:200px;
	height:auto;
	
}
/* フッター */
.policy {
	float: left;
	margin: 0 15px 0 0;
	padding: 1px 25px 0 5px;
	border-right: 1px solid #000000;
}
.toppage {
	float: left;
	margin: 0 390px 0 0;
	padding: 1px 0 0 5px;
}
#footer{
	clear:both;
	width:900px;
	height: 20px;
	margin: 0 0 0 0;
	padding: 6px 0 0 0 ;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	border-top: solid 3px #0085d0;;
	
	
}
	
