﻿/*文字フォント*/
body{
	font-family:'メイリオ',Meiryo,sans-serif;
}
@page{
size: landscape;
}
html{
	width:100%;
}
}
/*文字フォント*/

/*
span{
padding-left: 15em;
}
*/
/*縦書きcss*/
.tate{
writing-mode: tb-rl;
}


/*文字スペース用*/
.space{
padding: 0em 5em 0em 5em;
}

.space2{
padding: 0em 3em 0em 3em;
}

.space3{
padding-left: 2em;
}

/*文字スペース用*/


/*細菌イタリックフォント用*/
itarictype, .itarictype{
font-family:MS serif;
font-style:italic;
font-size:18px;
}


/*スクロール固定記述
div#hea {
    width: 100%;
    position: absolute;
    top: 0;
    right: 30px;   //スクロール幅
    z-index: 2;
	  background: #fff;
		float: center;

}

div#content {
    height: 100%;
    overflow: auto;
    position: relative;
    z-index: 1;
}
div#con2 {
    padding: 180px 0px 0px;
}
スクロール固定記述ここまで*/


/*ボタンレイアウト*/
#abcd {
color: #555;
border:3px double #eeaaaa;
background: #ffa;
text-align: center;
width: 60px;
font-family:   Meiryo;
font-weight:800;
font-size: 8pt;
border-radius:20px;
}

#efgh, .efgh{
color: #555;
border:3px double #88cc88;
background: #cfc;
text-align: center;
width: 50px;
font-family:  Meiryo;
font-weight:800;
font-size: 8pt;
border-radius:5px;
}

#kensaku {
color: #555;
border:3px double #88ddff;
background: #bff;
text-align: center;
width: 50px;
font-family: Meiryo;
font-size: 9pt;
font-weight:800;
border-radius:8px;

}

#move{
color: #555;
border:3px double #cc8;
background: #ffc; /*url(../images/b040.gif) left bottom repeat-x;*/
text-align: center;
width: 80px;
font-family:  Meiryo;
font-weight:800;
font-size: 10pt;
border-radius:5px;
}

/*ボタンレイアウトここまで*/

.tb{
border-radius:5px;
}
/*左寄せ記述*/
.hidari{
text-align: left;
}

/*右寄せ*/
.migi{
text-align: right;
}

/*太字用クラス*/
.bfont{
font-weight:bold;
/*color: blue;*/
}

.display th{
font-size: 14px;
}

/*index中央揃え*/
.display{
text-align: center;
}


/*トップメニュー*/
#topmenu{
width: 22%;
}

#topmenu td{
padding: 10px 0px 0px 0px;
text-align: center;
}


/*kekka = フリー検査結果レイアウト
  reigai= 例外項目レイアウト*/

 /*ｹﾝｻﾁｭｳ*/
#kekka tbody tr.ggg td {
  color:#000;
}
/*低値*/
#kekka tbody tr.low td {
  color:#2278dd;
}
/*高値*/
#kekka tbody tr.high td {
  color:#dd2278;
}


#kekka th{
background: #dff;
}

#kekka,.reigai{
float: center;
text-align: center;
}

.reigai{
width:1050px;
}

.reigai2{
width:525px;
margin-bottom: 50px;
text-align: center;
}

#kekka{
font-size: 16px;
border: solid 1px #aea;
width: 85%;
margin: 45px 0px 45px 0px;
}

.reigai th, .reigai2 th{
color:#fff;
background: #094;
border-left: solid 3px green;
border-right: solid 3px green;
/*border: solid 1px #fff;*/
}

.reigai td, .reigai2 td{
background: #fffafa;
border-left: solid 3px green;
border-right: solid 3px green;
border-bottom: solid 3px green;
/*border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;*/
}

.reigai_main{
height:400px;
text-align:left;
vertical-align:top;
}

#reigai3{
border: solid 1px green;
}

#reigai3 th{
color:#fff;
border-radius: 3px;
background: #094;
}

/*     */

/*フリー患者属性レイアウト*/
#zokusei{
float: center;
margin: 45px 0px 0px 0px;
text-align: center;
border: solid 2px #fcd;
width: 65%;
}

#zokusei th{
background: #fbc;
}

/*フリー患者属性 */



/*細菌報告書レイアウト*/
/* テーブル内の文字わけ表示 */
#bacteriahou1, #bacteriahou2, #bacteriahou3{
float: center;
text-align: center;
width: 80%;
border: solid 1.5px #88e;
border-radius: 5px;
}

#bacteriahou1 th, #bacteriahou2 th, #bacteriahou3 th, #bacteriahou4 th{
background: #abf;
border-radius: 2px;
/*border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;*/
}

#bacteriahou1 td, #bacteriahou2 td, #bacteriahou3 td{
height: 27px;
border-radius: 2px;
/*border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;*/
}

#bacteriahou4{
border: solid 2px #abf;
}

.L {
width: 150px;
padding-left: 15px;
float:left;
/*background-color:blue;*/
}
.R {
text-align:right;
margin-left:50px;
padding-right:1.0em;
/*background-color:yellow;*/
}

.C {
text-align: left;
background-color:red;
}
/*
#bacteriahou2 td{
text-align: left;
}
*/
/*細菌報告書ここまで*/


/*細胞診報告書レイアウト*/




#selhou1, #selhou2, #selhou3, #selhou4, #selhou5, #selhou6, #selhou7{
float: center;
width: 70%;
border: solid 1px #ac4;
border-radius:5px;
}

#selhou2, #selhou3, #selhou4{
text-align: center;
}

#selhou1 th,#selhou4 th, #selhou2 th{
background: #bd7;
/*border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;*/
}

#selhou2, #selhou4{
margin: 3% 0% 3% 0%;
}

#selhou4 th.ss, #selhou5 th.ss, #selhou7 th{
/*border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;*/
background: #ac4;
}

#selhou2 td, #selhou3 td, #selhou4 td,#selhou1 th{
border-radius: 5px;
}

#selhou4.ss{
width: 2%;
}

#selhou5{
text-align: left;
}

#selhou5 td{
height: 25px;
}

/*細胞診ここまで*/

/*抗酸菌報告レイアウト*/
#anacidhou2, #anacidhou3{
float: center;
text-align: center;
border: solid 1px #fcc;
width: 70%;
}

#anacidhou2 th, #anacidhou3 th, #anacidhou4 th{
background: #fbc;
}

#anacidhou2 td, #anacidhou3 td{
height: 25px;
}


#anacidhou4{
border: solid 1px #fbc;
}


#anacidhou4 th{
border-radius: 3px;
}

/*抗酸菌報告ここまで*/

/*細菌画像レイアウト*/
#imghou1, #imghou2, #imghou3, #imghou4, #imghou5, #imghou6, #imghou8, #imghou10{
margin: 3% 0% 5% 0%;
float: center;
width: 90%;
border: solid 1px #9d9;
border-radius: 5px;
text-align: center;
}

#imghou7, #imghou10{
margin: -5% 0% 5% 0%;
width: 90%;
}

#imghou7 th{
/*color: blue;*/
}

#imghou1 th, #imghou2 th, #imghou3 th, #imghou4 th,
#imghou5 th, #imghou6 th, #imghou8 th, #imghou10 th,
#icsthou1 th, #icsthou4 th, #icsthou6 th{
border-radius: 4px;
background-color: #bef;
font-size: 15px;
}

#imghou1 th, #imghou1 td,#imghou2 th,#imghou2 td,#imghou3 th,
#imghou3 td,#imghou4 th,#imghou4 td,#imghou5 th, #imghou5 td,
#imghou6 th,#imghou6 td,#imghou8 th,#imghou8 td,#imghou10 th,
#imghou10 td,#icsthou1 th, #icsthou1 td, #icsthou4 td, #icsthou6 td{
/*color: blue;*/
/*border:solid 1px black;*/
bordar-radius: 4px;
}

#imghou7 th, #imghou6 td, #imghou8 td{
text-align: left;
}

#imghou8 td{
padding-left: 2em;
}

#imghou4 tr, #imghou5 tr, #imghou6 tr,#icsthou4 tr{
height: 30px;
}

.imghout{
float: center;
margin-bottom: -3%;
}
.imghou_title{
font-size: 25px;
}

/*細菌画像の画像部分*/
#imghou9{
float: center;
width: 90%;
border: solid 2px #296;
text-align:center;
margin:2% 0% 3% 0%
}

.bi{
height: 170px;
}
.bacteria_image_size {
width: 150px;
height: 150px;
border: solid 1px #aaa;
}

.bi_font{
font-size:12px;
padding-left: 1em;
}

.icst_box{
margin:0px auto;
text-align:left;
width: 195px;
height: 160px;
border: solid 2px #7f9;
}

.bi_box2{
margin:0px auto;
line-height:150px;
width: 150px;
height: 150px;
text-align: center;
border: solid 2px #7f9;
}
/*細菌画像ここまで*/

/*検歴レイアウト*/

.box1{
float: left;
width: 60%;
height: 120px;
/*background-color: #fdf;*/
}

.box2{
float: right;
width: 40%;
height: 120px;
/*background-color: #ffd;*/
}
.box3{
float: right;
width:100%;
/*height: 1730px;*/
/*background-color: #adf;*/

}
#rireki1{
margin: 10px 0px 0px 0px;
}

#rireki1 th, #rireki1 td, #rireki2 th, #rireki2 td{
border: solid 1px #666;
}

#rireki1 th, #rireki2 th{
background: #ffa;
}

#rireki2{
float: right;
margin: 10px 0px 0px 0px;
width: 95%;
}

#rireki3{
font-size: 13px;
float: center;
width: 97%;
border: solid 1px #fc7;
/*height:1700px;*/
}

.koname{
padding-left: 1em;
text-align: left;
width: 14%;
}

.value{
text-align: right;
width: 5%;
}

.valuelow{
text-align: right;
width: 5%;
color : blue;
}

.valuehigh{
text-align: right;
width: 5%;
color :red;
}

#rireki3 th{
background: #fd7;
}

.unexpected{
width: 2%;
}

#rireki4{
font-size: 13px;
float: left;
}
#rireki1, #rireki2, #rireki3, #rireki4, .cen{
text-align: center;
}
/*検歴ここまで*/

/*MAST&RAST報告書*/

#masthou1{
width: 1000px;
text-align: center;
float: center;
height: 26px;
}

#masthou1 td, #masthou2 td ,#rasthou1 td, #rasthou2 td, #allehou1 td, .r_kanja td, .comment td{
box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
border:solid 1px #CCC;
border-radius: 3px;
}

#masthou1 th ,#masthou2 th ,#rasthou1 th, #rasthou2 th, #allehou1 th, .r_kanja th, .comment th{
box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
border-radius: 5px;
}

#masthou1 th, #rasthou3 th, #allehou1 th{
background: #adf;
}

.nega{
width: 6%;
background: #dff;
text-align: left;
}

.falp{
width: 6%;
background: #efffef;
text-align: left;
}

.posi2{
width: 6%;
background: #fee;
text-align: left;
}

.posi3{
width: 6%;
background: #fdd;
text-align: left;
}

.posi4{
width: 6%;
background: #fcc;
text-align: left;
}

.posi5{
width: 6%;
background: #fbb;
text-align: left;
}

.posi6{
width: 6%;
background: #faa;
text-align: left;
}

.bla{
width: 3%;
background: #bfb;
}

.alle{
width: 24%;
background: #cfc;
text-align: left;
}

.alle_rast{
width: 30%;
background: #cfc;
text-align: left;
height: 25px;
}

.reco{
width: 10%;
background: #dfd;
text-align: right;
}

.ige{
font-size: 13px;
text-align: left;
}
#masthou2{
border-radius: 6px;
width: 300px;
text-align: center;
float: left;
}

#masthou2 th, .comment th{
background: #afa;
}

.m_gazou{
width: 90px;
height: 80px;
}

.m_gazou2{
width: 90px;
height: 60px;
}
/*rast用*/
.rastbox{
margin-top: 20px;
width: 1000px;
height: 45px;
float: center;
text-align: left;
/*background-color: #dde;*/
}

.rastbox2_l{
float: left;
height: 25px;
/*background-color: #dde;*/
}

.rastbox2_r{
width: 60px;
float: right;
color: blue;
height: 25px;
font-size: 13px;
/*background-color: #edd;*/
}

.rastbox3{
width: 1000px;
height: 20px;
float: center;
text-align:right;
/*background-color: #ded;*/
}

.rastbox4{
margin-top: 20px;
width: 1000px;
height: 400px;
float: center;
text-align: left;
/*background-color: #dde;*/
}

#rasthou1{
width: 460px;
border-radius: 8px;
float: left;
}

#rasthou2{
width: 580px;
float: left;
text-align: center;
border-radius: 8px;
}

#rasthou3{
border:solid 1px #aaf;
}

#rasthou3 th{
border-radius: 5px;;
}

#rasthou3 td{
border-radius: 4px;
}

.rast_sub1{
width: 30px;
background: #bfb;
}

.rast_sub2{
width: 305px;
background: #cfc;
}

.rast_sub3{
width: 100px;
background: #dfd;
text-align: right;
}

.rast_sub4{
width: 25px;
background: #fdd;
}

.rastimg{
width: 600px;
font-size:12px;
float: right;
text-align: center;
border: solid 1px #aaa;
background-color: #eee;
border-radius: 6px;
}

.rastimg td{
border-bottom:solid 1px #777;
border-right:solid 1px #777;
border-top:solid 1px #aaa;
border-left:solid 1px #aaa;
background-color: rgb(238,255,247);
border-radius: 4px;
}

.rastimg th{
border-bottom:solid 1px #777;
border-right:solid 1px #777;
border-top:solid 1px #aaa;
border-left:solid 1px #aaa;
background-color: #ffeaeb;
border-radius: 6px;
}

.r_gazou{
width: 100px;
height: 100px;
}

.r_kanja{
width: 400px;
float: right;
text-align: center;
}

.r_kanja td, .r_kanja th{
border: solid 1px #aaa;
}

.comment{
margin-top: 30px;
width: 350px;
float: left;
border-radius: 8px;
text-align: center;
}

.memori{
text-align: left;
float: right;
font-size: 12px;
color: blue;
width: 435px;
}
/*MAST&RASTここまで*/

/*アイソザイム*/
.isohou{
float:center;
text-align: center;
width: 550px;
height: 22px;
border:solid 2px #fce;
border-radius: 5px;
}

.isohou2{
border:solid 2px #fce;
}

.isohou th{
background-color: #fbe;
border-radius: 4px;
}

.isohou2 th{
background-color: #fbe;
border-radius: 4px;
padding: 0px 10px;
}

.isohou td{
height: 23px;
}

.iso_gazou{
float: left;
}

.iso_gazou2{
float: right;
}

.iso_gazou, .iso_gazou2{
width: 50px;
height: 50px;
vertical-align: top;
z-index: 0;
}
/*アイソザイム*/

/*蛋白分画*/

.pephou1{
width: 550px;
border:solid 2px #9bf;
border-radius: 5px;
text-align: center;
}

.pephou1 td{
height: 23px;
}
.small{
font-size: 12px;
}

#pephou2{
width: 550px;
border:solid 2px #9bf;
text-align: center;
}

.pephou3{
border:solid 2px #9bf;
}

#pephou2 th{
border-right:solid 2px orange;
}

.pepcenter, .pepunder{
border-top:solid 2px orange;

}

.pepunder2, .pepunder3, .pepcenter2, .pepcenter3,.peptop, .peptop2{
/*border-left:dashed 2px orange;*/
vertical-align: top;
}

.pepunder2, .pepunder3, .pepcenter2, .pepcenter3{
border-top:solid 2px orange;
}

.peptop, .pepcenter2, .pepunder2{
border-right:solid 2px orange;
}

.pepunder2, .pepunder3{
border-bottom:solid 2px orange;
}

.pepunder, .pepunder2, .pepunder3{
border-bottom:solid 2px orange;
}

.pep_gazou{
width: 180px;
height: 100px;
float:right;
}

.pepbox{
width: 30px;
height:30px;
border: solid 2px rgb(77, 166, 242);
}

.pepbox2_l{
width: 110px;
float:left;
text-align: left;
/*background-color: green;*/
}

.pepbox2_r{
width: 110px;
float:right;
text-align: right;
/*background-color: orange;*/
}

.kankaku{
letter-spacing:2em;}
/*蛋白分画終わり*/

/*HRT報告書レイアウト*/

.hrthou1{
border:solid 2px #aaa;
}

.hrthou1 th{
background-color: #fec;
border-radius: 4px;
padding: 0px 10px;
}

.hrthou2{
width: 70%;
border: solid 1px #888;
}

.hrthou2 th{
background-color:#ddd;
border-radius: 4px;
}

.hrthou3{
border: solid 1px #888;
width: 70%;
height: 100px;
margin-top: 20px;
}
/*HRT報告書ここまで*/


/*アレルギー報告書*/
.alleimg{
width: 75%;
font-size:12px;
float: center;
text-align: center;
border: solid 1px #aaa;
background-color: #eee;
border-radius: 6px;
margin-top: 100px;
}
.alleimg td{
border-bottom:solid 1px #777;
border-right:solid 1px #777;
border-top:solid 1px #aaa;
border-left:solid 1px #aaa;
background-color:#fff;
border-radius: 4px;
}

.alleimg th{
border-bottom:solid 1px #777;
border-right:solid 1px #777;
border-top:solid 1px #aaa;
border-left:solid 1px #aaa;
background-color: #ffeaeb;
border-radius: 6px;
}


.r_gazou{
width: 100px;
height: 100px;
}

.alle_it{
background: #cfc;
text-align: left;
height: 25px;
}

#allehou1{
width: 500px;
text-align: center;
height: 26px;
margin-top: 50px;
}


.allebox1{
float: left;
width: 50%;
height: 600px;
/*background-color: #fdf;*/
}

.allebox2{
float: right;
width: 50%;
height: 600px;
/*background-color: #ffd;*/
}
.allebox3{
float: right;
width:100%;
height: 120px;
/*background-color: #ff1;*/
}

.allebox4{
width: 80px;
float: left;
color: blue;
height: 50px;
font-size: 12px;
/*background-color: #edd;*/
}

.allekijun{
width: 85%;
text-align: center;
}

.allekijun th{
background-color: #ffd;
box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
border-radius: 5px;
}

.allekijun td{
background-color: #ffd;
box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
border:solid 1px #CCC;
border-radius: 3px;
height:25px;
/*background-color: #cfe;*/
}


/*アレルギー報告書ここまで*/



/*ICST報告書*/
#icsthou1,#icsthou6{
margin: 3% 0% 5% 0%;
float: center;
width: 95%;
border: solid 1px #9d9;
border-radius: 5px;
text-align: center;
}

#icsthou1 th{
font-size: 13px;
}

#icsthou1 td{
font-size: 12px;
}

#icsthou4{
margin: 3% 0% 0% 0%;
float: center;
width: 95%;
border: solid 1px #9d9;
border-radius: 5px;
text-align: center;
font-size: 13px;
}

.icsthou4sub{
margin: 0% 0% 3% 0%;
width: 95%;
text-align: center;
}

.icst_title{
font-size: 20px;
background-color: yellow;
font-color: blue;
}

.icst_title_s{
background-color: yellow
}

#icsthou5 td{
text-align: center;
font-size: 15px;
}

.ssize{
font-size: 13px;
}

/*ICST報告書の画像部分*/
#icsthou2{
float: center;
width: 100%;
border: solid 2px #296;
text-align:center;
margin:2% 0% 3% 0%
}

#icsthou3, #icsthou3 td, #icsthou3 th{
border: solid 1px #7f9;
text-align:center;
margin:2% 0% 3% 0%;
}



.icstbox1{
float: right;
width: 850px;
/*background-color: #ffd;*/
}

.icstbox2{
float: left;
width: 350px;
/*background-color: #aa2;*/
}

.bi{
height: 170px;
}
.icst_image_size {
width: 180px;
height: 180px;
border: solid 1px #aaa;
}

.bi_font{
font-size:12px;
padding-left: 1em;
}

.bi_box{
margin:0px auto;
text-align:left;
width: 195px;
height: 150px;
border: solid 2px #7f9;
}

.bi_box2{
margin:0px auto;
line-height:150px;
width: 150px;
height: 150px;
text-align: center;
border: solid 2px #7f9;
}
/*ICST報告書の画像部分ここまで*/

/*ICST報告書*/


/*検査案内一覧*/
.kensabox1{
float: left;
width: 60%;
height: 200px;
/*background-color: #fdf;*/
}

.kensabox2{
float: right;
width: 40%;
height: 200px;
/*background-color: #ffd;*/
}

.annaikensaku{
float:left;
margin:7px;
}
.annaikensaku td{
width :19px;
height:19px;
text-align: center;

box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
border:solid 1px #CCC;
border-radius: 3px;
}

/*検査案内一覧ここまで*/




/*検査案内詳細*/
.annaisyou{

width:60%;
}
.annaisyou th{
background-color: #cfe;
box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
border-radius: 5px;
}
.annaisyou td{
box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
border:solid 1px #CCC;
border-radius: 3px;
/*background-color: #cfe;*/
}
/*検査案内詳細ここまで*/


/*いかがくロゴ*/

.logo1{
width: 177px;
height: 107px;
position: absolute;
top:3%;
left:2%;
}

/*いかがくロゴここまで*/

/*検査結果帯*/

.band{
width: 70%;
font-size:15pt;
letter-spacing:2em;
float: center;
}


/*検査結果帯*/


/*レイアウト患者属性共通部分(色以外)*/


#selhou1, #reigai3, #anacidhou4, #bacteriahou4, #rasthou3, .isohou2, .pephou3, .hrthou1{
margin: 3% 0% 5% 0%;
border-radius: 5px;
width: 70%;
border-radius:5px;
text-align: center;
}


#zokusei td, #selhou1 td, #selhou7 td, #reigai3 td, #anacidhou4 td,
#bacteriahou4 td, #rasthou3 td,.isohou2 td, .pephou3 td, .hrthou1 td {
border-radius: 5px;
padding-left:2em;
text-align: left;
}


/*レイアウト患者属性共通部分終わり*/



/****************** detepickerの土日の色分け設定(始) ********************/
.sunday .ui-state-default {
	color: red;
 }
.saturday .ui-state-default {
	color: blue;
}
/****************** detepickerの土日の色分け設定(終) ********************/


#bacteriahou4 th, #zokusei th, #bacteriahou1 th, #selhou1 th{
padding:0px 2x 0px 2px;
}

/*レイアウト没
.letter2{
padding-left:42px;
}
.letter3{
letter-spacing: 13px;
padding-left:10px;
}
*/
.letter2{
letter-spacing:2em;
padding-left:2em;
}
.letter4{
letter-spacing:4em;
padding-left:4em;
}
/*
.test{
padding-left:70%;

}



#myTable {
    width: 100px !important;
}
#myTable th {
    color: #333333 !important;
    padding: 0.5em 1em !important;
}
#myTable td {
    color: #333333 !important;
    padding: 0.5em 1em 0.5em 2em !important;
}
#myTable td {
    border: 1px solid #d1d1d1;
}
*/

.hidemenu2{
display: none;
font-size: 10px;
}

.a4reigai th{
color:#fff;
background: #094;
border-left: solid 3px green;
border-right: solid 3px green;
/*border: solid 1px #fff;*/
}

.a4reigai td{
background: #fffafa;
border-left: solid 3px green;
border-right: solid 3px green;
border-bottom: solid 3px green;
/*border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;*/
}
.reigai_insatu{
height:400px;
text-align:left;
vertical-align:top;
}





/*KGレイアウト用共通*/
.bandkg{
width: 70%;
/*font-size:15pt;*/
letter-spacing:6px;
float: center;
color: #fff;
font-size: 25px;
}

.bandkg2{
width: 70%;
/*font-size:15pt;*/
letter-spacing:6px;
float: center;
background-color: #c2d69a;
font-size: 15px;
}
/*KGレイアウト用共通*/



/*KGログイン画面*/
.kgbox{
	width: 68%;
	height: 30%;
	float: center;
	text-align: left;
	background-color: #92d050;
	padding: 10px;
	letter-spacing: 0.15em;
	word-wrap: break-all;
}

.kgbox br {
	letter-spacing: 0;
}

.kgbox2{
width: 40%;
height: 250px;
float: center;
text-align:center;
background-color: #eaf1dd;
padding: 25px;
}
/*KGログイン画面*/



/*KG検索画面*/
#kgkensaku {
	color: #555;
	border:3px double #eeaaaa;
	background: #ffa;
	text-align: center;
	width: 80px;
	font-family:   Meiryo;
	font-weight:800;
	font-size: 10pt;
	border-radius:2px;
	margin-left: 15px;
}

#selec {
color: #555;
border:3px double #F5A9E1;
background: #F6CEF5;
text-align: center;
width: 65px;
font-family:   Meiryo;
font-weight:800;
font-size: 10pt;
border-radius:2px;
margin-left: 8px;
}


.infotable{
	border:solid 2px #c2d69a;
	width: 70%;
	height: 250px;
	padding: 10px;
	letter-spacing: 0.15em;
	word-wrap: break-word;
}

.infotable td{
	border-style: none;
}
/*KG検索画面*/


/*KG検索画面受付日から*/
/*統計情報*/
.tokei{
	color: #555;
	border:3px double #b77573;
	background: #d99795;
	text-align: center;
	width: 90px;
	font-family:   Meiryo;
	font-weight:800;
	font-size: 9pt;
	border-radius:5px;
}


/*詳細*/
.syosai{
	color: #555;
	border:3px double #70b030;
	background: #92d050;
	text-align: center;
	width: 90px;
	font-family:  Meiryo;
	font-weight:800;
	font-size: 9pt;
	border-radius:5px;
}

/*未提出用*/
.miteisyutu {
	color: #555;
	border:3px double #7391b5;
	background: #95b3d7;
	text-align: center;
	width: 90px;
	font-family: Meiryo;
	font-size: 9pt;
	font-weight:800;
	border-radius:5px;
}


.detail{
	color: #555;
	border:3px double #008080;
	background: #00BFFF;
	text-align: center;
	width: 90px;
	font-family:   Meiryo;
	font-weight:800;
	font-size: 9pt;
	border-radius:5px;
}

/*KG検索画面受付日から*/


/*KG検索結果画面*/

/*個人報告書発行*/
#hakko{
color: #555;
border:3px double #a190b6;
background: #b2a1c7;
text-align: center;
width: 125px;
font-family: Meiryo;
font-size: 9pt;
font-weight:800;
border-radius:5px;
}

/*KG検索結果画面*/


/*******************************************/
/*検索ＴＯＰ                               */
/*******************************************/

#link_table {
	margin-top: 50px;
}

#link_table td {
	padding: 5px;
}

/*******************************************/
/*検索ＴＯＰ　終わり                       */
/*******************************************/

/*******************************************/
/*ＦＡＱ画面                               */
/*******************************************/

.faq_table1 {
	width: 70%;
	margin-top: 25px;
	margin-bottom: 20px;
	text-align: left;
	font-family:  Meiryo;
	letter-spacing: 0.15em;
	word-wrap: break-word;
}

.faq_table2 {
	width: 70%;
	border: 5;
	margin-bottom: 25px;
	text-align: left;
	font-family:  Meiryo;
	letter-spacing: 0.15em;
	word-wrap: break-word;
}

.left_td {
	vertical-align: top;
}

/*******************************************/
/*ＦＡＱ画面 終わり                        */
/*******************************************/

/*******************************************/
/*ユーザー管理                             */
/*******************************************/


.user_box1 {
	width: 70%;
	float: center;
	background-color: #E6E6E6;
	padding-top: 0.8%;
	padding-bottom: 2.2%;
}


.user_text {
  background: #E6E6E6;
  color: rgba(0,0,0,0.6);
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
  font-size: 30px;
}

.user_table1 {
	width: 700px;
	height: 450px;
	border: 2px #E6E6E6 solid;
	letter-spacing:6px;
	float: center;
	background-color: #E6E6E6;
	font-size: 15px;
	margin-top: -1;
	margin-bottom: 3.2%;
}


.user_table1 td {
	background-color: #FFFFFF;
	border: 2px #E6E6E6 solid;
	padding: 15px;
}


.user_table2 {
	border-collapse: collapse;
	border: none;
	border-style: hidden;
	letter-spacing: 6px;
	float: center;
	background-color: #c2d69a;
	font-size: 15px;
}


.user_table2 td {
	background-color: #FFFFFF;
	border: none;
	border-style: hidden;
	/*padding: 15px;*/
}


.user_table3 {
	width: 700px;
	height: 150px;
	border: 2px #E6E6E6 solid;
	letter-spacing:6px;
	float: center;
	background-color: #E6E6E6;
	font-size: 15px;
}


.user_table3 td {
	background-color: #FFFFFF;
	border: 2px #E6E6E6 solid;
	padding: 15px;
}


.user_table4 {
	width: 700px;
	height: 150px;
	border: 2px #E6E6E6 solid;
	letter-spacing:6px;
	float: center;
	background-color: #E6E6E6;
	margin-bottom: 3.2%;
	font-size: 15px;
}


.user_table4 td {
	background-color: #FFFFFF;
	border: 2px #E6E6E6 solid;
	padding: 15px;
}


.t_caption {
	text-align: left;
}


.change_pass {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 文字色を白色に指定 */
    color: #fff;

    background-color: #248;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.change_pass:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


#user_select {
	color: #555;
	border: 3px double #70b030;
	background: #92d050;
	text-align: center;
	width: 50px;
	font-family:  Meiryo;
	font-weight:800;
	font-size: 9pt;
	border-radius:5px;
}


/*******************************************/
/*ユーザー管理 終わり                      */
/*******************************************/

/*******************************************/
/*パスワード変更                           */
/*******************************************/

.link_btn {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 6.3px 30px;

    /* 文字色を白色に指定 */
    color: #fff;

    background-color: #248;

    text-decoration: none;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(link, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left link, left top, from(#36d), color-stop(0.5, #248), to(#36d));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.link_btn:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


.user_box2 {
	width: 70%;
	float: center;
	background-color: #E6E6E6;
	padding-top: 0.8%;
	padding-bottom: 2.2%;
}


.pass_table1 {
	width: 700px;
	height: 400px;
	border: 2px #E6E6E6 solid;
	letter-spacing:6px;
	float: center;
	background-color: #E6E6E6;
	font-size: 15px;
	margin-top: 2%;
	margin-bottom: 3.2%;
}


.pass_table1 td {
	background-color: #FFFFFF;
	border: 2px #E6E6E6 solid;
	padding: 15px;
}


/*******************************************/
/*パスワード変更  終わり                   */
/*******************************************/

/*******************************************/
/*ユーザー登録                             */
/*******************************************/


.reg_select {
	color: #555;
	border: 3px double #F5A9E1;
	background: #F6CEF5;
	text-align: center;
	width: 50px;
	font-family:   Meiryo;
	font-weight: 800;
	font-size: 10pt;
	border-radius: 2px;
	margin-left: 8px;
}

/*******************************************/
/*ユーザー登録  終わり                     */
/*******************************************/

/*******************************************/
/*氏名検索                                 */
/*******************************************/


.link_btn2 {

	/* ボタンの配置 */
	position: absolute;
	right: 20px;
	top: 110px;


	/*margin-right: 10px;*/

    /* 文字サイズを1.4emに指定 */
    font-size: 1em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 4px 20px;

    /* 文字色を白色に指定 */
    color: #fff;

    background-color: #248;

    text-decoration: none;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(link, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left link, left top, from(#36d), color-stop(0.5, #248), to(#36d));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.link_btn2:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


/*******************************************/
/*氏名検索  終わり                         */
/*******************************************/

/*******************************************/
/*統計情報                                 */
/*******************************************/

.Statistics_box {
	width: 68%;
	float: center;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top:20px;
}

.Statistics_tbl1 {
	width: 49%;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	letter-spacing: 0.15em;
	word-wrap: break-word;
	margin-bottom: 10px;
}

.Statistics_tbl1 td {
	padding: 4px;
}

.Statistics_tbl2 {
	width: 49%;
	float: center;
	text-align: left;
	background-color: #FFFFFF;
	letter-spacing: 0.15em;
	word-wrap: break-word;
	margin-bottom: 20px;
}

.Statistics_tbl2 td {
	padding: 4px;
}

.ttl{
	letter-spacing: 0.15em;
}

.td_lay {
	float: right;
	margin-left: 17px;
	margin-right: 30px;
}

.td_lay2 {
	float: right;
	margin-left: 7px;
	margin-right: 10px;
	height: 25px;
}

.td_lay3 {
	text-align: center;
	padding: 0px;
}

.sbc_lay {
	float: left;
	margin-left: 250px;
	text-decoration: none;
	border-bottom: solid 2px #000000;
}


#Statistics_tbl tbody{
	widht: 60%p;
	border-radius: 20px;
}

/*******************************************/
/*統計情報  終わり                         */
/*******************************************/

/*******************************************/
/*統計情報Ⅱ                               */
/*******************************************/




.Statistics_tbl4 {
	float: left;
	width: 30%;
	margin-left: 250px;
	border-radius:20px;
	border-style : solid;
	margin-bottom: 10px;
}

.Statistics_tbl4 td {
	padding: 10px;
	border-style : none;
}

.td_left {
	text-align: left;
	margin-left: 10px;
}

.td_center {
	text-align: center;
}

.bkpage {

	float: right;
	margin-right: 100px;

    /* 文字サイズを1.4emに指定 */
    font-size: 0.9em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 7px 20px;

    /* 文字色を白色に指定 */
    color: #fff;

    background-color: #248;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.bkpage:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


.bkpage2 {

    /* 文字サイズを1.4emに指定 */
    font-size: 0.9em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 7px 20px;

    /* 文字色を白色に指定 */
    color: #fff;

    background-color: #248;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.bkpage2:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


.Statistics_tbl5 {
	width: 68%;
	float: center;
	text-align: right;
	background-color: #FFFFFF;
	letter-spacing: 0.15em;
	word-wrap: break-word;
}

.Statistics_tbl5 th {
	width: 20%;
	padding: 4px;
}

.Statistics_tbl5 td {
	padding: 4px;
}

.td_lay4 {
	margin-left: 17px;
	margin-right: 35px;
}

.Statistics_td {
	height: 20px;
	text-align: left;
	font-size: 14px;
	width: 100px;

}

.Statistics_tbl6 {
	width: 100%;
	float: center;
	text-align: left;
	background-color: #FFFFFF;
	letter-spacing: 0.15em;
	word-wrap: break-word;
}

.mth_lay {
	font-size: 20px;
}


/*******************************************/
/*統計情報Ⅱ  終わり                       */
/*******************************************/


/*******************************************/
/*個人報告書                               */
/*******************************************/


.Statistics_tbl8 {
	float: left;
	width: 40%;
	margin-left: 180px;
	border-radius:20px;
	border-style : solid;
	margin-bottom: 10px;
}

.Statistics_tbl8 td {
	padding: 5px;
	border-style : none;
}

.td_left {
	text-align: left;
	margin-left: 10px;
}

.td_center {
	text-align: center;
}

.rept_lay {
	float: left;
	margin-left: 100px;
	text-decoration: none;
	border-bottom: solid 2px #000000;
}

.hidd {
	visibility: hidden;
}

.txt {
	font-size: 1.2em;
}

.Report_PORSON {
	float: center;
	width: 65%;
	margin-top: 10px;
}

.Report_PORSON th, .Report_PORSON td {
	font-size: 1.4em;
}

.bkpage4 {

    /* 文字サイズを1.4emに指定 */
    font-size: 0.9em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 7px 20px;

    /* 文字色を白色に指定 */
    color: #fff;

    background-color: #248;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.bkpage4:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


#rpbtn {
	color: #555;
	border:3px double #eeaaaa;
	background: #ffa;
	text-align: center;
	width: 80px;
	font-family:   Meiryo;
	font-weight: 800;
	font-size: 10pt;
	border-radius: 2px;
}

/*******************************************/
/*個人報告書  終わり                       */
/*******************************************/

/*******************************************/
/*結果一覧                                 */
/*******************************************/


.Statistics_tbl3 {
	float: center;
	width: 70%;
	text-align: center;
}

.Statistics_tbl3 td {
	width: 33%;
}



.Statistics_tbl7 {
	float: left;
	width: 40%;
	margin-left: 220px;
	border-radius:20px;
	border-style : solid;
	margin-bottom: 30px;
}

.Statistics_tbl7 td {
	padding: 5px;
	border-style : none;
}

.td_left {
	text-align: left;
	margin-left: 10px;
}

.td_center {
	text-align: center;
}

.rept_lay {
	float: left;
	margin-left: 100px;
	text-decoration: none;
	border-bottom: solid 2px #000000;
}

.hidd {
	visibility: hidden;
}

.box {
	position: absolute;
	top: 80px;
	right: 10px;
	width: 30%;
	height: 150px;
	background-color: #000;
	margin-right: 150px;
}

.bkpage3 {

	float: right;
	margin-right: 100px;
	margin-bottom: 5px;

    /* 文字サイズを1.4emに指定 */
    font-size: 0.9em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 7px 20px;

    /* 文字色を白色に指定 */
    color: #fff;

    background-color: #248;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.bkpage3:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/*******************************************/
/*結果一覧  終わり                         */
/*******************************************/



