@charset "utf-8";

/* 

	ページ毎のデザイン
	一部重複するかも、しないかも。

 */




/* title */

div.title {
	margin:0px auto;
	position:relative;
	width: 1200px;
	height: 200px;
	background-color: #000;
	background-image: url(../images/title.jpg);
	background-position: top -200px center;
	background-size: cover;
	background-repeat: no-repeat;
	line-height: 200px;
}

div.title p {
	text-align:right;
	padding-top: 60px;
	padding-right: 50px;
	font-size:36pt;
	font-weight:bold;
	color: #ffffff;
	text-shadow: 1px 1px 1px #606060, -1px 1px 1px #606060, 1px -1px 1px #606060, -1px -1px 1px #606060, 1px 1px 1px #606060, -1px 1px 1px #606060, 1px -1px 1px #606060, -1px -1px 1px #606060;

}

/* login */

div.loginArea {}

div.loginArea label {
	display:block;
	margin:10px 0;
}

div.loginArea label input{
	width:20em;
}

div.loginArea div.buttonArea button {
	margin:0 5px;
}





/* main */



div.indexMenu ul{
	padding:0;
	text-align:left;

}

div.indexMenu ul li {
	display:inline-block;
	margin-right:10px;

}

div.indexMenu ul li a,
div.indexMenu ul li a:hover {
	width:180px;
	text-align:left;
	position:relative;

	background: #48CFAD;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #48CFAD), color-stop(0.5, #37BC9B));
	background: -moz-linear-gradient(top, #48CFAD 50%, #37BC9B 50%);
	background: linear-gradient(top, #48CFAD 50%, #37BC9B 50%);

	color:#ffffff;

	border: 1px solid #37BC9B;
	border-bottom: 1px solid #03A678;
	text-shadow: 0px 1px 0px #666;
}

div.indexMenu ul li a:before,
div.indexMenu ul li a:after{
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	content:"";
	vertical-align:middle;
}

div.indexMenu ul li a:before {
	right: 10px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* registArea　データの登録！ */

div#modal-company {
	display:none;
	height:90%;
	overflow-y:scroll;
}

div#modal-company > div {
	margin:10px;
}

div#modal-company table.List td {
	text-align:left;
}

div#modal-company div.buttonArea button {
	margin:0 5px;
}



div.registArea dl.formList dd label {
	vertical-align:baseline;
}
div.registArea dl.formList dd input {
	width:500px;
}

div.registArea dl.formList dd.company button {
	margin-left:10px;
}

div.registArea dl.formList dd.zip input {
	width:100px;
}

div.registArea dl.formList dd.tel input,
div.registArea dl.formList dd.fax input {
	width:200px;
}

div.registArea dl.formList dd.date0 input,
div.registArea dl.formList dd.date1 input,
div.registArea dl.formList dd.date2 input {
	width:200px;
}

div.registArea dl.formList dd.specimen input[type="text"]{
	width:200px;
	display:none;
}

div.registArea dl.formList input[type="text"].other {
	width:200px;
	display:none;
	margin-left:10px;
}



div.registArea dl.formList .inspection0,
div.registArea dl.formList .inspection1,
div.registArea dl.formList .inspection2,
div.registArea dl.formList .inspection3,
div.registArea dl.formList .inspection4,
div.registArea dl.formList .inspection5,
div.registArea dl.formList .inspection6,
div.registArea dl.formList .inspection7 {
	display:none;
}

div.registArea dl.formList .inspection7 input {
	width:100%;
}


div.registArea dl.formList .medicalcheckup {
	display:none;
}


div.registArea dl.formList dd.inspection label {
	display:inline-block;
}


div.registArea dl.formList dd.inspection {
	padding-left:180px;
}


div.registArea dl.formList .inspection0 label.bacteria-name {
	margin-left:-20px;
	margin-right:20px;
}

div.registArea dl.formList .inspection5 h3 {
	font-size:12pt;
	line-height: 20px;
	border-bottom: solid 1px #E9573F;
	margin-top:10px;
}

div.registArea dl.formList .note textarea {
	width:990px;
	height:120px;
}


table.individual {
	width:100%;
}

table.individual input{
	width:100%;
}

table.individual td:nth-child(1) { /* 測番 */
	width:100px;
}
    table.individual td:nth-child(2) { /* 整理番号 */
        width: 250px;
    }

    table.individual td:nth-child(3) { /* 依頼書番号 */
        width: 250px;
    }
    table.individual td:nth-child(4) { /* 検体番号 */
        width: 250px;
    }
    table.individual td:nth-child(5) { /* アドレス */
        width: 200px;
    }

/* inspection のHeadとか固定するところ →HEADとmenuはmain.cssで一括処理してます。bodyにClass付与してね */

body.inspection div.inspectionHead {
	top:70px;
}

body.inspection div.inspectionMenu {
    top: 225px;
}

body.inspection div.inspectionBody {
	position:absolute;
	top:295px;
}


/* inspectionHead */

div.inspectionHead div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;
}

div.inspectionHead div.inner div {	display:inline-block; margin:5px 0;}

div.inspectionHead div.date input { width:115px;}
div.inspectionHead div.no1 input { width:60px;}
div.inspectionHead div.no2 input { width:60px;}
div.inspectionHead div.address input { width:120px;}

div.inspectionHead div.animal input {	margin:auto 2px;}
div.inspectionHead div.animal input:nth-child(2) { width:160px;}
div.inspectionHead div.animal input:nth-child(3) { width:120px;}
div.inspectionHead div.animal input:nth-child(4) { width:80px; margin:0 10px;}
div.inspectionHead div.animal input:nth-child(5) { width:40px;}
div.inspectionHead div.animal input:nth-child(6) { width:120px;}
div.inspectionHead div.animal input:nth-child(7) { width:80px; margin:0 10px;}
div.inspectionHead div.animal input:nth-child(8) { width:40px;}
div.inspectionHead div.animal input:nth-child(9) { width:120px;}
div.inspectionHead div.requester {}
div.inspectionHead div.requester input {	width:140px;}


div.inspectionHead div.inner div.buttonArea{
	margin:0px;
	text-align:right;
}




/* inspectionMenu */

div.inspectionMenu div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;

}


div.inspectionMenu div.buttonArea {
	text-align:right;
}

div.inspectionMenu div.buttonArea button,
div.inspectionMenu div.buttonArea input[type="submit"] {
	margin-left:10px;
}


/* inspection */

div.inspectionBody table {
	table-layout: fixed;
}

div.inspectionBody table th {
	font-size:10pt;
}

div.inspectionBody table td {
	font-size:8pt;
}

div.inspectionBody td input[type="text"] {
	width:100%;
}

div.inspectionBody td select {
	width:100%;
}

/* 以下地獄のようなセル毎の固定化がはじまる。ｹﾞﾝﾅﾘ */

div.inspectionBody td:nth-child(1){} /* ←これテンプレートね。番号がセルの番号表してる */

div.inspectionBody th:nth-child(1){	width:80px;} /* 検査種別 */
div.inspectionBody th:nth-child(2){	width:70px;} /* 検査年 */
div.inspectionBody th:nth-child(3){	width:130px;} /* 受付日 */
div.inspectionBody th:nth-child(4){	width:190px;} /* 依頼主1 pタグで挟むと...になるよ　 */
div.inspectionBody th:nth-child(5){	width:190px;} /* 依頼主2 */
div.inspectionBody th:nth-child(6){	width:80px;} /* 整理番号 */
div.inspectionBody th:nth-child(7){	width:80px;} /* 依頼書番号 */
div.inspectionBody th:nth-child(8){	width:60px;} /* 通版 */
div.inspectionBody th:nth-child(9){	width:145px;} /*  */
div.inspectionBody th:nth-child(10){	width:100px;} /* 産地 */
div.inspectionBody th:nth-child(11){	width:100px;} /* 動物種 */
div.inspectionBody th:nth-child(12){	width:100px;} /* 材料名 */
div.inspectionBody th:nth-child(13) {	width:130px;} /* 依頼日 */
div.inspectionBody th:nth-child(14) {	width:130px;} /* 請求日 */
div.inspectionBody th:nth-child(15) {	width:130px;} /* 報告日 */
div.inspectionBody th:nth-child(16) {   width:130px;}/* 輸入検疫中検体 */
div.inspectionBody th:nth-child(17) {	width:130px;} /* アドレス */
div.inspectionBody th:nth-child(18) {	width:130px;} /* 発行番号 */
div.inspectionBody th:nth-child(19) {	width:130px;} /* 症状 */
div.inspectionBody th:nth-child(20){	width:100px;} /* 情報備考 */

/* 残りはとりあえず3文字で改行されるようになってる*/

div.inspectionBody th.moji3 {width:65px;}/* 数値 */
div.inspectionBody th.moji5 {width: 188px;}/* 文字大 */
div.inspectionBody th.moji4 {width: 90px;}/* 文字中(+++等) */
div.inspectionBody th.moji6 {width: 73px;}/* 文字小(+-不定のみ) */
/* searchHead */

div.searchHead div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;
}
div.searchHead div {
	margin:5px 0;
}

div.searchHead dd.date input { width:120px;}
div.searchHead dd.requester input {	width:500px;}

div.searchHead dd.no1 input { width:120px;}
div.searchHead dd.no2 input { width:120px;}
div.searchHead dd.address input { width:120px;}

div.searchHead dd.type select {	width:200px;}
div.searchHead dd.name select { width:200px;}

div.searchHead div.buttonArea{
	text-align:center;
}





/* reportHead */

div.reportHead div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;
	overflow:hidden;
}
body.report div.reportHead {
    top: 70px;
}
div.reportHead div.reportL {
	width:500px;
	float:left;
	margin-right:10px;
}

div.reportHead div.reportC {
	width:330px;
	float:left;
	margin-right:10px;
}


div.reportHead div.reportR {
	width:330px;
	float:left;
}
body.report div.reportBody {
    position: absolute;
    top: 437px;
    width: 100%;
}


div.reportHead dd.date input { width:120px;}
div.reportHead dd.no1 input { width:60px;}
div.reportHead dd.no2 input { width:60px;}
div.reportHead dd.address input { width:120px;}

div.reportHead dd.nend select {	width:70px;}

div.reportHead dd.requester {}
div.reportHead dd.requester input {	width:205px;}
div.reportHead dd.requester button {	    vertical-align: baseline;	margin-left:5px;}


div.reportC label {
	display:block;
}

div.reportC label.selectkomoku {
	margin-left:1em;
}


div.reportR div.kensa {
	border:solid 1px #E9573F;
	height:10em;
	width:100%;
	overflow-y:scroll;
	padding:5px;
}


div.reportR div.kensa label {
	display:block;
}


div.reportHead div.buttonArea{
	clear:both;
	margin:0px;
	text-align:right;
}

div.reportHead div.buttonArea select {
	margin:0 10px;
}




/* reportMenu */


div.reportMenu div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;

}


div.reportMenu div.buttonArea {
	text-align:right;
}

div.reportMenu div.buttonArea button {
	margin-left:10px;
}



/* reportBody */


div.reportBody table {
	table-layout: fixed;
}

div.reportBody table th {
	font-size:10pt;
}

div.reportBody table td {
	font-size:8pt;
}

div.reportBody td input[type="text"] {
	width:100%;
}

div.reportBody td select {
	width:100%;
}

div.reportBody th:nth-child(1){	width:100px;} /* ID(普段は見えない) */
div.reportBody th:nth-child(2){ width:100px;}/* 受付日 */
div.reportBody th:nth-child(3){ width:80px;}/* 整理番号　 */
div.reportBody th:nth-child(4){ width:190px;}/* 依頼主1 pタグで挟むと...になるよ　 */
div.reportBody th:nth-child(5){ width: 80px;}/* 依頼書番号 */
div.reportBody th:nth-child(6){ width: 60px;}/*通版 */
div.reportBody th:nth-child(7){ width: 80px;}/* 検体番号 */
div.reportBody th:nth-child(8){ width:100px;}/* 報告日 */
div.reportBody th:nth-child(9){ width:100px;} /* 報告日 */


/* 残りはとりあえず3文字で改行されるようになってる*/

div.reportBody th.moji3 {	width:60px;}


/* invoiceHead */
body.invoice div.invoiceBody {
    position: absolute;
    top: 295px;
    width: 100%;
}
body.invoice div.invoiceHead {
    top: 70px;
}
div.invoiceHead div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;
	overflow:hidden;
}
div.invoiceHead div.inner div {	display:inline-block;}

div.invoiceHead div.date input { width:110px;}
div.invoiceHead div.no1 input { width:60px;}
div.invoiceHead div.no2 input { width:60px;}
div.invoiceHead div.address input { width:120px;}

div.invoiceHead div.nend select {	width:70px;}

div.invoiceHead div.requester {}
div.invoiceHead div.requester input {	width:160px;}
div.invoiceHead div.requester button {	    vertical-align: baseline;	margin-left:5px;}

div.invoiceHead div.inner div.buttonArea{
	margin:0px;
	text-align:right;
}




/* monthlyHead */
body.monthly div.monthlyBody {
    position: absolute;
    top: 295px;
}


body.monthly div.monthlyHead {
    top: 70px;
}

div.monthlyHead div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;
	overflow:hidden;
}
div.monthlyHead div.inner div {	display:inline-block;}

div.monthlyHead div.date input { width:80px;}

div.monthlyHead div.inner div.buttonArea{
	margin:0px;
	text-align:right;
}




/* monthlyMenu */


div.monthlyMenu div.inner {
	margin:10px auto;
	text-align: left;
	border-bottom: solid 1px #d8d8d8;
}

div.monthlyMenu div.buttonArea {
	text-align:right;
}

div.monthlyMenu div.buttonArea button {
	margin-left:10px;
}



/* monthly */


div.monthlyBody table.List {
	width:100%;
}

div.monthlyBody td input[type="text"] {
	width:100%;
}

div.monthlyBody td select {
	width:100%;
}

div.monthlyBody td label.check span {
	padding-left:0;
}


div.montlyBody td:nth-child(3),
div.montlyBody td:nth-child(4) {	width:140px;} /* 受付日と依頼日 */

/* analyzer */
body.analyzer div.analyzerBody {
    position: absolute;
    top: 125px;
}

div.analyzerHead {
    text-align: right;
    top: 70px;
}

div.analyzerHead button {
	margin-left:10px;
}

div.analyzerBody {
	margin-top:20px;
}

div.analyzerBody table {
	table-layout: fixed;
}

div.analyzerBody table td input[type="text"] {
	width:100%;
}

div.analyzerBody table th:last-child,
div.analyzerBody table td:last-child { /* 右端の削除ボタン */
	width:195px;
}

div.analyzerBody table td:last-child button {
	margin-left:5px;
}

div.analyzerBody table th:nth-child(1),
div.analyzerBody table td:nth-child(1) { /* 日付 */
	width:180px;
}

div.analyzerBody table th:nth-child(2),
div.analyzerBody table td:nth-child(2) { /* 動物番号 */
	width:100px;
}
div.analyzerBody table th:nth-child(3),
div.analyzerBody table td:nth-child(3) { /* 動物番号 */
    width: 100px;
}
    div.analyzerBody th.moji3 {
        width: 70px;
    }

/* client */


body.client div.clientMenu {
    top: 70px;
}

div.clientMenu div.inner {
    margin: 10px auto;
    text-align: left;
    border-bottom: solid 1px #d8d8d8;
}

div.clientMenu div.buttonArea {
    text-align: right;
}

    div.clientMenu div.buttonArea button {
        margin-left: 10px;
    }



/* clientBody */

body.client div.clientBody {
    position: absolute;
    top: 143px;
    width: 100%;
}

div.clientBody table.List {
    width: 100%;
}



div.clientBody td:nth-child(1) {
    width: 200px;
    text-align: left;
}
/* label */
div.clientBody td:nth-child(2) {
    width: 200px;
    text-align: left;
}
/* 担当者名 */
div.clientBody td:nth-child(3) {
    width: 85px;
}
/* 郵便番号 */
div.clientBody td:nth-child(4) {
    text-align: left;
}
/* 住所 */
div.clientBody td:nth-child(5) {
    width: 100px;
}
/* 電話 */
div.clientBody td:nth-child(6) {
    width: 100px;
}
/* FAX */

div.clientBody td:nth-child(7) {
    width: 210px;
}
    /* ボタン */
    div.clientBody td:nth-child(7) button {
        width: 60px;
        margin-left: 5px;
    }
/* ボタン */



/* 編集とか削除とかいろいろモード編 */
body.client div.clientBody.Edit {
    position: absolute;
    top: 70px;
}

div.clientBody.Edit div.buttonArea button {
    margin-left: 10px;
}


div.clientBody.Edit dl.formList.Edit input {
    width: 500px;
}




/* annual */


body.annual div.annualMenu {
    top: 70px;
}

div.annualMenu div.inner {
    margin: 10px auto;
    text-align: left;
    border-bottom: solid 1px #d8d8d8;
}

div.annualMenu div.buttonArea {
    text-align: right;
}

    div.annualMenu div.buttonArea button {
        margin-left: 10px;
    }



/* annualBody */

body.annual div.annualBody {
    position: absolute;
    top: 143px;
    width: 100%;
}

div.annualBody table.List {
    width: 100%;
}



div.annualBody td:nth-child(1) {
    width: 100px;
}
/* 消費税率 */
div.annualBody td:nth-child(2) {
    width: 100px;
}
/* 検査年 */
div.annualBody td:nth-child(3) {
    width: 100px;
}
/* 消費税切替 */
div.annualBody td:nth-child(4) {
    width: 100px;
}
/* 依頼書番号 */
div.annualBody td:nth-child(5) {
    width: 100px;
}
/* 整理番号 */
div.annualBody td:nth-child(6) {
    width: 100px;
}
/* 発行番号 */

div.annualBody td:nth-child(7) {
    text-align: left;
}
    /* ボタン */
    div.annualBody td:nth-child(7) button {
        width: 60px;
        margin-left: 5px;
    }
/* ボタン */





/* 編集とか削除とかいろいろモード編 */
body.annual div.annualBody.Edit {
    position: absolute;
    top: 70px;
}

div.annualBody.Edit div.buttonArea button {
    margin-left: 10px;
}


div.annualBody.Edit dl.formList.Edit input {
    width: 500px;
}

th.colsel {
    background-color: #b9cef0 !important;
    border-top-color: #b9cef0;
    border-left-color: #b9c1f0;
}