/*--------------------------------------------------------------------
基本設定
--------------------------------------------------------------------*/
html,body {
	width:  100%;
	height: 100%;
}

html {
	height: 99%;
	overflow-y: scroll;
}



/* --------------------------------------------------
   text
-------------------------------------------------- */

input, select, textarea{
	padding:2px !important;
	box-sizing:border-box !important;
	border: 1px solid #ccc; 
   border-radius: 0.3em;   
   box-shadow:none;
	
	
}

input[type="file"]{
	border:none;
} 

input[type="checkbox"]{
	font-size:1.1em;
	margin-right:3px;
}


input[type="button"] {
   background-color:#26A69A;
   color:white;
   border: 1px solid #00897B; 
   border-radius: 0.3em;   
   cursor:pointer;
}

input[type="button"]:hover{
	opacity:0.8;
}

/*--Reset-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

ul,ol {
	list-style: none;
}

/*--Text------------------------------------------------------------*/
body {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1 {font-size: 120%;}
h2 {font-size: 114%;}
h3 {font-size: 100%;}
h4 {font-size:  90%;}
h5 {font-size:  80%;}
h6 {font-size:  70%;}

/*--Link------------------------------------------------------------*/
a,
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #777777;
}

a:focus {
	outline: none;
}

/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*--------------------------------------------------------------------
/////▼sample/////
--------------------------------------------------------------------*/
h1 {
	padding: 10px;
}

/*
h2 {
	padding: 10px;
}
*/

#main p {
	padding: 10px;
}

#navi p {
	padding: 10px;
}

#wrap-btm p {
	padding: 10px;
}

/*--------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------*/
#wrapper {
	width: 100%;
}

/*--Wrap-top--------------------------------------------------------*/
#wrap-top {
	width: 100%;
	text-align: center;
}

#wrap-top header {
	background-color: #80CBC4;
	text-align: left;
	margin: 0 auto;
	height: 50px;	/ヘッダーの高さ*/
}

#wrap-top #contents {
	margin: 0 auto;
}

/*--2カラムレイアウト-------------------------------------------------
（サイドバーの幅はここで変更　右は右、左は左で合わせる）
--------------------------------------------------------------------*/
/*
#main {
	overflow: hidden;
	float: right;
	width: 100%;
	margin: 0 0 0 -150px;
}

#main-contents {
	position: relative;
	text-align: left;
	margin: 0 0 0 150px;
}

#navi {
	float: left;
	width: 150px;
	text-align: left;
	background-color: #cccccc;
}
*/

/*--3段レイアウト-----------------------------------------------------
（サイドバーの幅はここで変更　右は右、左は左で合わせる）
--------------------------------------------------------------------*/
#main {
	overflow: hidden;
	float: right;
	width: 100%;
	margin: 0 0 0 0px;
}

#main-contents {
	width: 900px;
	margin: 0 0 0 30px;
	position: relative;
	text-align: left;
}

#login-contents {
	margin: -70px 0 0 -300px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 140px;
	text-align: left;
}

#navi {
	overflow: hidden;
	float: right;
	width: 100%;
	margin: 0 0 0 0px;
}

/*--Wrap-btm--------------------------------------------------------*/
#wrap-btm {
	clear: both;
	width: 100%;
	height: 35px;/*wrap-btm（フッター）の高さ*/
	text-align: center;
}

#wrap-btm footer {
	height: 35px;/*wrap-btm（フッター）の高さ*/
	background-color: #B2DFDB;
	text-align: right;
	margin: 0 auto;
}

/*--------------------------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更 960px）
--------------------------------------------------------------------*/
header,
#contents,
footer {
	width: 960px;
}

/*--------------------------------------------------------------------
Footer固定（Footerを画面下部に固定しない場合はこの欄を削除）
--------------------------------------------------------------------*/
#wrapper {
	position: relative;
	min-height: 100%;
}

* html #wrapper {/*IE6*/
	height: 100%;
}

#wrap-top {
	height: 100%;
	padding-bottom: 100px;/*wrap-btm（フッター）の高さと同じにする*/
}

#contents {
	overflow: hidden;
}

#wrap-btm {
	position: absolute;
	bottom: 0;
}

/*--------------------------------------------------------------------
サイドバー（縦型）
--------------------------------------------------------------------*/
#navi_tate ul{
	list-style: none;
	padding:0 0 0 0;
}

#navi_tate li{
	width: 150px;
	white-space: nowrap;
	margin-bottom: 1px;
}

#navi_tate a{
	font-size: 15px;
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
	background-color: #258;
	display: block;
}

#navi_tate a:hover{
	color: #f90;
	background-color: #111;
}

#navi_tate ul ul{
	display: none;
	position: absolute;
	margin-top: -35px;
	padding-left: 150px;
}

#navi_tate li li{
	clear: left;
	position: relative;
	width: 180px;
	margin-left: 1px;
	margin-bottom: 1px;
}

#navi_tate ul ul a{
	font-size: 15px;
	line-height: 25px;
	text-align: left;
	color: #000000;
	background-color: #bbd4ee;
}

#navi_tate ul li:hover > ul{
	display: block;
}

/*--------------------------------------------------------------------
サイドバー（横型）
--------------------------------------------------------------------*/
#navi_yoko {
	background-color: #009688 !important;
	margin:0 auto;
	width:960px;
}
#navi_yoko ul {
	list-style: none;
	padding:0 0 0 0;
}

#navi_yoko li {
	float: left;
	width: 192px;
	white-space: nowrap;
}

#navi_yoko a {
	font-size: 15px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
	background-color: #009688;
	display: block;
}

#navi_yoko a:hover {
	color: #f90;
	background-color: #111;
}

#navi_yoko ul ul {
	display: none;
	position: absolute;
	z-index: 10;
	padding-top: 2px;
}

#navi_yoko li li {
	clear: left;
	position: relative;
	width: 320px;
	margin-left: 0;
}

#navi_yoko ul ul a {
	font-size: 15px;
	line-height: 1.3;
	text-align: left;
	color: #ffffff;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	background-color: #006064;
}

#navi_yoko ul li:hover > ul {
	display: block;
}



#pageName{
	text-align: left;
	margin: 10px 0 10px 40px;
	color: #004D40;
}



/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
/*	width: auto; */
	width: 900px;
	border-spacing: 0;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	
	border-top:1px solid #285;
	border-left:1px solid #285;
/*
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px;
*/
}

.coder th,
.coder td {
	padding: 8px 8px;
	background:#fff;
	border-right: 1px solid #285;
	border-bottom: 1px solid #285;
}

.coder th {
	background: #4DB6AC;
	color: #ffffff;
	text-align: right;
	padding-right: 15px;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
/*
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
*/
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
/*
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
*/
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
/*
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
*/
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
/*
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
*/
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
/*
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}*/		/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}


#login-contents .coder {
	width: 400px;
}

/* --------------------------------------------------
   coder_list Table
-------------------------------------------------- */
.coder_list {
/*	width: auto; */
	width: 900px;
	border-spacing: 0;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
}

.coder_list th {
	color: #ffffff;
	padding: 8px 8px;
	background: #4DB6AC;
/*
	background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
*/
	font-weight: bold;
	border-left:1px solid #285;
	border-top:1px solid #285;
	border-bottom:1px solid #285;
	line-height: 120%;
	text-align: center;
/*
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
*/
}

/*
.coder_list th:first-child {
	border-radius: 5px 0 0 0;	
}
*/

.coder_list th:last-child {
/*	border-radius:0 5px 0 0; */
	border-right:1px solid #285;
/*	box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset; */
}

.coder_list tr td {
	padding: 8px 8px;
	border-bottom: 1px solid #285;
	border-left: 1px solid #285;
	text-align: center;
}

.coder_list tr td:last-child {
	border-right: 1px solid #285;
/*	box-shadow: 2px 2px 1px rgba(0,0,0,0.1); */
}

.coder_list tr {
	background: #fff;
}

.coder_list tr:nth-child(2n+1) {
	background: #f1f6fc;
}

.coder_list tr:last-child td {
/*	box-shadow: 2px 2px 1px rgba(0,0,0,0.1); */
}

/*
.coder_list tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}

.coder_list tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}
*/

.coder_list tr:hover {
	background: #bbd4ee;
	cursor:pointer;
}

.coder_list td.l {
	text-align: left;
}

.coder_list td.c {
	text-align: center;
}

.coder_list td.r {
	text-align: right;
}


/* --------------------------------------------------
   coder_none Table
-------------------------------------------------- */
.coder_none {
	width: auto;
	border-spacing: 0;
	font-size: 14px;
	border-style:none;
}

.coder_none th,
.coder_none td {
	padding: 0px 0px;
	background: #FFF;
	border-style:none;
}


/* --------------------------------------------------
   form_button
-------------------------------------------------- */
.search_button {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}


/* --------------------------------------------------
   form_button
-------------------------------------------------- */
.form_button {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}


/* --------------------------------------------------
   insert_ctl
-------------------------------------------------- */
.insert_ctl {
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}


/* --------------------------------------------------
   page_ctl
-------------------------------------------------- */
.page_ctl {
/* K2015/09/03 INS START */
	width: 900px;
/* K2015/09/03 INS END */
	margin-top:  5px;
	margin-left:  auto;
	margin-right: auto;
	height: 25px;
}

.page_ctl div.l {
	text-align: left;
	float:left;
}

.page_ctl div.r {
	text-align: right;
}


/* --------------------------------------------------
   error
-------------------------------------------------- */
.error {
	color: #ff0000;
	font-weight: bold;
}


/* --------------------------------------------------
   focus
-------------------------------------------------- */
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
	background: #FFFFC0;
	border: 2px solid #000000;
	color: #000000;
}

/* --------------------------------------------------
   iOS用
-------------------------------------------------- */
input[type="button"] {
  -webkit-appearance: none;
}

/* --------------------------------------------------
   input
-------------------------------------------------- */
input.date {
	width: 90px;
	height: 25px;
	text-align: center;
	ime-mode: disabled;
}

input.numeric {
	width: 70px;
	height: 25px;
	text-align: right;
	ime-mode: disabled;
}

input.name {
	width: 300px;
	height: 25px;
	text-align: left;
	ime-mode: active;
}

input.email {
	width: 300px;
	height: 25px;
	text-align: left;
	ime-mode: disabled;
}

input.tel {
	width: 90px;
	height: 25px;
	text-align: left;
	ime-mode: disabled;
}

input.zip {
	width: 50px;
	height: 25px;
	text-align: left;
	ime-mode: disabled;
}

input.none {
	width: 300px;
	height: 25px;
	text-align: left;
	ime-mode: disabled;
}

input.search {
	width: 60px;
	height: 25px;
	text-align: center;
}

input.insert {
	width: 80px;
	height: 25px;
	text-align: center;
}

input.update {
	width: 60px;
	height: 25px;
	text-align: center;
}

input.delete {
	width: 60px;
	height: 25px;
	text-align: center;
}

input.previous {
	width: 70px;
	height: 25px;
	text-align: center;
}

input.next {
	width: 70px;
	height: 25px;
	text-align: center;
}

input.up {
	width: 30px;
	height: 25px;
	text-align: center;
}

input.down {
	width: 30px;
	height: 25px;
	margin-left: 10px;
	text-align: center;
}

input.regist {
	width: 60px;
	height: 25px;
	text-align: center;
}

input.confirm {
	width: 60px;
	height: 25px;
	text-align: center;
}

input.done {
	width: 60px;
	height: 25px;
	text-align: center;
}

input.back {
	width: 60px;
	height: 25px;
	text-align: center;
}

input.list_back {
	width: 90px;
	height: 25px;
	text-align: center;
}

input.output {
	width: 100px;
	height: 25px;
	text-align: center;
}

input.incident {
	height: 25px;
	text-align: center;
}


/* --------------------------------------------------
   textarea
-------------------------------------------------- */
textarea.memo {
	width: 500px;
	height: 100px;
	ime-mode: active;
}

/* 2020/05/16 INS START */
textarea.big_memo {
	width: 500px;
	height: 200px;
	ime-mode: active;
}
/* 2020/05/16 INS END */
/* --------------------------------------------------
   select
-------------------------------------------------- */
select.list {
	height: 25px;
}


span.input_guide {
	color: #585858;
	font-size: 9px;
}