/*
    画面全体に反映
*/

* { 
    margin: 0px; 
    padding: 0px; 
}
body {
/*    background:#ebfdc5;*/
   background-image: url(/images/bground.gif);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;

}

html, body {
    height:95%;
    width:100%;
/*    overflow:auto;//スクロールバー:自動*/
}

/* ========TEMPLATE WIREFRAME======== */
div#top {
   width:1230px;
   margin:0 auto;
   background:#fff;
   border-left:1px solid #CECFCE;
   border-right:1px solid #CECFCE;
}

div#lform {
   margin-top:30px;
   width:1230px;
   position:relative;
}

div#mainimg{
   width:1230px;
   height:300px;
   background-position: center center;
   background-image: url(/images/wbihin_1.gif);
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   position:relative;
}

div#lcontens{
    height:200px;
    background-image: url(/images/rogwaku.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left:auto;margin-right:auto;

}

div#lcontens .login{
    font-size: 17px;
    width:300px;
    margin-top:0px;
    margin-left:auto;margin-right:auto;
    text-align: center;
}
div#lcontens .login tr{
    font-weight:bold;
    color:#594900;
    text-shadow: 0px 1px 1px #FFF;
    height:30px;
}
div#lcontens .login th{
    vertical-align:middle;
    padding:2px;
}

div#lform h2 {
	font-size: 25px;
	line-height: 43px;
	color: #333333;
	font-weight: bold;
	text-shadow: 0px 1px 1px #FFF;
	background-image: url(images/header.png);
	background-repeat: repeat;
	background-position: center top;
	height: 43px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	position: relative;
	margin: 0px;
}

div#header {
   width:1230px;
   height:30px;
   padding:5px;
   margin-top:10px;
   position:relative;
   font-size:90%;
   
}

div#menu {
   float:left;
   width:1230px;
   margin:0;
   border-bottom:1px solid #FF758C;
   background-image: url(../images/menu.gif);
}

div#menu:hover {
   color:#000000;
   background-image: url(../images/menu.gif);
}

div#contents {
   width:1230px;
   clear:both;
   float:left;
   background:url(images/bg_contents.gif) -300px 0 repeat-y;
}

div#main {
   float:right;
   width:1070px;
   padding:10px;
}

div#sub {
   font-size:90%;
   float:left;
   height:370px;
   width:140px;
}

div#footMenu {
   width:1230px;
   clear:both;
   padding:10px 0;
}

div#footer {
   width:1230px;
   clear:both;
   padding:10px 0;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1{
   padding:0 0 10px 10px;
   font-weight:bold;
   font-size:155%;
   color:#fff;
}

div#header p.description {
   margin:0;
   padding:0;
   text-align:left;
   font-size:100%;
}

div#header h1 a {
   color:#333;
   border-bottom:none;
}

div#header h1 a:hover {
   color:#ddd;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
   list-style:none;
   margin:0;
   padding:0;
}
div#menu li {
   font-size:12px;
   float:left;
   text-align:center;
   margin:0;
   padding:0;
   border-bottom:none;
}
div#menu li p {
   border-bottom:none;
}
div#menu li a {
   display:block;
   padding:5px 20px;
   color:#0000E8;
/* 影はいらない
   text-shadow: 1px 1px 1px gray; 
*/
}
div#menu li p img {
   border:none;
}
div#menu li a:hover {
   color:#FFFFFF;
   background:#0039FF;
   border:none;
}

div#menu .current {
/*   background-color:#33FFFF; */
   background-image: url(../images/menusel.gif);
   background-repeat: no-repeat;
   background-position: center center;
   color:#FFFFFF;
}


/* ========MAIN CUSTOMIZE======== */
div#main h2 {
   font-weight:bold;
   font-size:100%;
   line-height:1.0;
}

div#main h3 {
   font-weight:bold;
   font-size:94%;
}

div#main dl {
   margin:0;
   padding:0;
}

div#main dt {
   text-decoration:underline;
}

div#main dd {
   margin:0 0 1em 1em;
}

div#main table.tbllist {
   font-size:80%;
   max-height: 130px;
   overflow: auto;
   border-collapse: collapse;
   border: 2px solid green; /* 外側の枠線 */
}

div#main table.tbllist th {

   height:16px;
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: green; /* 線色：緑 */
   border-style: solid; /* 線種：実線 */
   background-color: green; /* 背景 */
   color: #FFFFFF; /* 文字色 */

}


div#main table.tbllist tbody tr {

   height:16px;
   padding:2px;

}

div#main table.tbllist tbody tr.bkye{
   background-color: #FFFF75; /* 背景 */
}

div#main table.tbllist tbody tr.bkwh{
   background-color: #FFFFFF; /* 背景 */
}

div#main table.tbllist td {

   border-width: 1px 0px; /* 上下だけ引く */
   border-color: green; /* 線色：緑 */
   border-style: solid; /* 線種：実線 */

}

div#main table.tblmstlist {
   border-collapse: collapse;
   border: 2px solid green; /* 外側の枠線 */
}

div#main table.tblmstlist th {
   border-width: 1px; /* 上下だけ引く */
   border-color: green; /* 線色：緑 */
   border-style: solid; /* 線種：実線 */
   padding: 0.3em; /* セル内側の余白 */
   background-color: green; /* 背景 */
   color: #FFFFFF; /* 文字色 */
}

div#main table.tblmstlist td {
   border-width: 1px; /* 上下だけ引く */
   border-color: green; /* 線色：緑 */
   border-style: solid; /* 線種：実線 */
   padding: 0.3em; /* セル内側の余白 */
}

/* 備品リストのテーブル */
div#main table.tblbhnlist {
   font-size:80%;
   max-height: 300px;
   overflow: auto;
   border-collapse: collapse;
   border: 2px solid #FD7E00; /* 外側の枠線 */
}

div#main table.tblbhnlist th {
   height:14px;
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #FD7E00; /* 線色：橙 */
   border-style: solid; /* 線種：実線 */
   padding: 0.3em; /* セル内側の余白 */
   background-color: #FD7E00; /* 橙 */
   color: #FFFFFF; /* 文字色 */
}

div#main table.tblbhnlist tbody tr {
   height:15px;
}

div#main table.tblbhnlist td {
   border-width: 1px 0px; /* 上下だけ引く */
   border-color: #FD7E00; /* 線色：橙 */
   border-style: solid; /* 線種：実線 */
   padding: 0.3em; /* セル内側の余白 */
}

/* 検索項目のdav */
div.schspace {
  font-size:90%;
  width:95%;
  margin:5px; /* 余白 */

}


/* 画面構成のテーブル */
div#main table.tblaction {
  font-size:90%;
  width:95%;
}

div#main table.tblaction tr {
  height:30px;
}

div#main table.tblaction td {
  padding: 0.3em; /* セル内側の余白 */
}

/* ========SUB CUSTOMIZE======== */
div#sub div.section h3 {
   margin:10px;
   padding:5px;
   color:#FF4392;
   border-bottom:2px solid #FF4392;
}

div#sub div.section ul{
   margin:5px 0 0 0;
   padding:0;
   list-style:none;
}

div#sub div.section li{
   margin:0 10px;
   padding-left:10px;
   border-bottom:1px solid #fff;
   line-height:1.4;
   background:url(images/bg_list.gif) 0 50% no-repeat;
}

div#sub div.section li a{
   color:#333;
}

div#sub div.section li a:hover{
   color:#FF4392;
}




/* ========FOOTER CUSTOMIZE======== */
div#footer{
   text-align:center;
   font-size:63%;
   padding:20px 0;
}


/* ========POPUP======== */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}