<style type="text/css">
<!--

/* ========BASIC======== */

html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#333;
   background:#E5E5E5;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#DF8713;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}
.footer {
	position: fixed;
    bottom: 0;
    width: 90%;
    min-width: 700px;
   clear:both;
   text-align:right;
   vertical-align:bottom;
   margin:auto atuo 0px auto;
   margin:0 2px;
}
/* ========TEMPLATE LAYOUT======== */
.top {
   width:90%;
   min-width:700px;
   min-height: 100vh;
   margin:0 auto;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   background:#F0F8FF;
}


.heddermenu {
   margin:0px;
}

.contents {
   clear:both;
   margin:5px 5px 0px 5px;
}

.main {
   width:100%;
   padding:0px;
}


/* 回り込み解除 */
.contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}



/* ========HEADER CUSTOMIZE======== */
.banner {
   position: relative;
   width:100%;
   margin:0px;
   background:linear-gradient(#005EBC,#001F3F);
}

.banner h1 {
   position: relative;
   margin:0;
   padding:0 10px;
   font-size:24px;
   color:#F0F8FF;
   line-height:65px;
}

.banner #changePassword
{
	z-index:2;
	width: 100px;
	height: 25px;
	position: absolute;
	bottom: 5px;
	right: 110px;
}
.banner #logout
{
	z-index:2;
	width: 100px;
	height: 25px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.banner #help
{
	z-index:2;
	position: absolute;
	height: 25px;
	top: 5px;
	right: 5px;
}
/* ========MENU CUSTOMIZE======== */
.heddermenu ul {
   margin:0;
   padding:0;
   list-style:none;
}

.heddermenu li {
   float:left;
   background:#ddd;
   position: relative;
}

.heddermenu li a{
   display:block;
   margin:0px 1px;
   color:#00533E;
   text-align:center;
   line-height:2.5;
   background:#5DAD94;
}

.heddermenu li a:hover{
   color:#fff;
   background:#DF8713;
}

/* 回り込み解除 */
.heddermenu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.heddermenu li ul {
   display:none;
	z-index:2;
	position: absolute;
	width: 100%;
}
.heddermenu li ul li {
   float:none;
   padding: 1px;
}


.heddermenu li:hover > ul {
display: block; /* マウスが乗ったら表示する */
}


/* ========MAIN CONTENTS CUSTOMIZE======== */

.main h2 {
   margin-bottom:3px;
   padding:2px 2px 2px 15px;
   font-size:15px;
   font-weight:bold;
   background:#005FBF;
   color:#FFFFFF;
}

.main h3 {
   color:#005FBF;
   margin-bottom:2px;
   padding-left:5px;
   font-size:15px;
   border-bottom:double 3px #005FBF;
}

.main h4 {
   margin:0 0 5px 0;
   font-size:15px;
}

.main h5 {
   margin:0 0 5px 0;
   padding:2px;
   font-size:13px;
   color:#fff;
   background:#9C6565;
}

.main h6 {
   margin:0 0 5px 0;
   font-size:13px;
   color:#4E3333;
   border-bottom:2px solid #4E3333;
}

.main p{
   margin:0 0 1em 0;
}

.main dl {
   margin:0;
   padding:0;
}

.main dt {
   font-weight:bold;
}

.main dd {
   margin:0 0 1em 0;
   padding:0;
}

.main ul,
.main ol {
   margin:0 0 1em 40px;
   padding:0;
}

.main table{
	border-collapse: collapse;
	width:100%;
	text-align:left;
	table-layout: fixed;
}
.main a:link {
	color: #CB4042;
	text-decoration: underline;
}
.main a:visited {
 color: #CB4042;
 text-decoration: underline;
}
/* ======== ===================== */
.inputForm th{
	text-align:left;
	padding:5px 0px 3px 10px;
	font-weight:normal;
	border:solid 1px #112B4C;
	background-color:#007FFF;
	color:#FFFFFF;
}
.inputForm th a:link{
	color:#FFFFFF;
}

.inputForm th a:visited{
	color:#FFFFFF;
}
.inputForm td {
	padding:3px 10px;
	border:solid 1px #112B4C;
}
.table_grid tr:nth-child(even){
	 background: #FFFFFF;
}

/*------------------------------------------------------------
ログイン画面に関するスタイルの設定
---------------------------------------------------------------*/
#logincontents {
	width:auto;
	margin:50px 30% 0px 30%;
}

#logincontents table {
	text-align: left;
}

#logincontents th {
	font-size: large;
	text-align: left;
	height: 10px;
	font-weight: bold;
	border-bottom: 3px double #999999;
}
#logincontents td {
	width:100%;
}
/* ページトップへのボタン */

/* 添付ファイル一覧のスタイル */
#appendFileArea
{
	margin:0;
	padding: 0;
	list-style: none;
}

/* 添付ファイル一覧のスタイル */
#appendFileArea li
{
	margin:0;
	padding: 0;
	height: 25px;
}
.page-top
{
	margin: 0 ;
	padding: 0 ;
	width: 100%;
}
.page-top p
{
	width:auto;
	padding-top: 5px ;
	bottom: 10px ;
	text-align: right;
}

.move-page-top
{
	display: block ;
	background: #005FBF ;
	width: auto ;
	height: auto ;
	color: #fff ;
	line-height: auto ;
	text-decoration: none ;
	text-align: center ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}
/* オーバレイの設定 */
.overlay{
        display: block;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        margin:0 auto; /* ブロック要素の中央揃え */
        z-index: 100;
        background: rgba(0,0,0,0.7);
    }

 .overlay_in {
 position:absolute; /* 絶対配置 */
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width:90%;
	max-height:90%;
	margin: auto;
}
/* カレンダー入力の設定 */
.ui-datepicker {
	font-size: 80%;
}
.datepicker {
	width: 90px;
}
/* textボックスの設定 */
input[type="text"],input[type="password"] ,select,textarea{

}
/* ボタンの設定 */
input[type="submit"], input[type="button"] ,input[type="reset"] {
	background-color:#5DAD94;
	color:#00533E;
	border:none;
	padding:5px 10px;
//	border-radius:5px;
//	-webkit-border-radius:5px;
//	-moz-border-radius:5px;

}

/* ボタンの設定 */
input[type="submit"][disabled], input[type="button"][disabled] ,input[type="reset"][disabled] {
	background-color:#96ADA6;
	color:#EAFFF9;
	border:none;
	padding:5px 10px;
//	border-radius:5px;
//	-webkit-border-radius:5px;
//	-moz-border-radius:5px;

}


/* ボタンのマウスオーバ時の設定 */
input[type="submit"]:hover, input[type="button"]:hover ,input[type="reset"]:hover {
	background-color:#DF8713;
	color:#00533E;
}

/* ボタンのマウスオーバ時の設定 */
input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover ,input[type="reset"][disabled]:hover {
	background-color:#96ADA6;
	color:#EAFFF9;
}
/* 確定ボンタンの背景色、フォント色の設定 */
input.definition {
	background-color:#CB4042;
	color:#EDBBC4;
}
/* 確定ボンタンマウスオーバ時の背景色、フォント色の設定 */
input.definition:hover {
	background-color:#EBB7B8;
	color:#CB4042;
}

.login_contents{
	margin-left:auto;
	margin-right:auto;
	width:80%;
	text-align:center;
}

.errorStyle {
	color: #FF0000 !important;;
}

.errorInput {
	background-color: #FF7F7F !important;;
}

.hedder_menu
{
	border-bottom:double 3px #005FBF;
}

table.hedder_menu td
{
	border:none;
}
table.hedder_menu th
{
	font-size:15px;
	font-weight:bold;
	background-color: #F0F8FF;
	color:#005FBF;
	border:none;
}
/*------------------------------------------------------------
すべての画面に関するスタイルの設定
---------------------------------------------------------------*/
.contentsHedderButton {
	margin-top: 5px;
}
/* 確定ボンタンマウスオーバ時の背景色、フォント色の設定 */
*.imagelist
{
	vertical-align:top;
	max-width:100%;
}
.imagelist *
{
	vertical-align:top;
	margin:0px;
	padding:3px;
	width:auto;
	height:100px;
}
.imagelist img
{
	max-width:100%;
	max-height: 100px;
}

.imagelist img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
.imagelist input[type="button"]
{
	background-color:#F0F8FF;
	border:solid 1px #000000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
/*------------------------------------------------------------
個別入力のスタイル
---------------------------------------------------------------*/
#careateCaseFrom,#careateCaseTo
{
	width: 50px;
	text-align: right;
	ime-mode: disabled;
}
.delAddButtonHeader
{
	width: 100px;
}

.categoryRow img
{
	width:20px;
	height: 20px;
}
input[type="text"].datepicker
{
	width: 90px;
}

#btnUpdateProject
{
	width: 150px;
}
#objectSearchhedder th
{
	padding-right:50px;
	text-align: left;
	width:100px;
}
#objectSearchhedder td:nth-child(2)
{
	width: auto;
}
#objectSearchhedder input[type="text"]
{
	width: 50px;
	ime-mode: disabled;
}
#objectSearchhedder td:nth-child(3)
{
	width: 170px;
	text-align: right;
}
#objectSearchhedder td:nth-child(4)
{
	width: 100px;
	text-align: right;
}
#objectSearchhedder br
{
	display: none;
}
.inputMasterMent td
{
	padding:0px;
	height: 30px;
}
.inputMasterMent tr:nth-child(even) input[type="text"]{
	background-color: #F0F8FF;
}
.inputMasterMent tr:nth-child(odd) input[type="text"]{
	background-color: #ffffff;
}

.inputMasterMent input[type="text"]
{
	width: 100%;
	height: 100%;
	border:0px;
	-moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
 	box-sizing: border-box;
}
.inputMasterMent tr:nth-child(odd) input[type="text"]:focus
{
	background-color: #ffff80;
}
.inputMasterMent tr:nth-child(even) input[type="text"]:focus
{
	background-color: #ffff80;
}

//-->
</style>