/* Firefox などのモダンブラウザheight:100%用 */
body > #bg {
	height: auto;
}

/* 以下の3箇所にheight:100%;を記述。 */ 
html{
	height:100%;
}
body{
	height:100%;
	background-color:#8E8E7D;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"\30e1\30a4\30ea\30aa","Meiryo", sans-serif;
	}
	/* text-align:left; IEのセンター寄せ用 */
#bg{
	background:url(../image/ems/bg.gif);
	width:810px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 9px;
	height:100%;
	text-align:left;
}
	/* margin:0px auto 0px auto; IE以外のセンター寄せ用　※Mac対応の場合はこのコメントを消してください。 */
	/* text-align:left; 上記body内に記述したtext-align:center;の解除用 */

/* 共通スタイル */	
#head,#menu,#main,td,th{
	font-size:12px;
	line-height:16px;
	}
form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
.button{
	background-color:#DBD1BB;
	border:2px outset #cccccc;
	}
textarea,input,select{
	border-color:#DBD1BB;
	}
#list table,#form table{
	width:100%;
	}

	
	
/* 項目表示用 */
h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	}

/* ヘッダー */
#head{
	width:800px;
	height:49px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../image/ems/head_bg.gif);
	}
h1{
	margin:0px 0px 0px 10px;
	padding:20px 0px 0px 0px;
	font-size:16px;
	color:#48483F;
	float:left;
	}
.home{
	float:right;
	margin:0px 10px 0px 0px;
	padding:30px 0px 0px 0px;
}
#head a{
	color:#009900;
}
#head a:hover{
	background-color:#009900;
	color:#ffffff;
}


/* 横用メニュー */	
#menu{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:27px;
	background:url(../image/ems/menu_bg.gif);
	width:800px;
	}
#menu ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
#menu li{
	display:block;
	float:left;
	background:url(../image/ems/menu_line.gif);
	background-repeat:no-repeat;
	background-position:100% 0%;
	padding:0px 5px 0px 5px;
	margin:0px 0px 0px 0px;
	}
#menu a{
	color:#ffffff;
	text-decoration:none;
	}
#menu a:hover{
	text-decoration:none;
	}


/* メインコンテンツ */	
#main{
	width:780px;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	}
#main .screen_title{
	background:url(../image/ems/page_title.gif);
	height:27px;
	margin:15px 0px 15px 0px;
	}
h2{
	font-size:14px;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 15px;
	color:#48483F;
	height:27px;
	}
#main a{
	color:#009900;	
}
#main a:hover{
	background-color:#009900;
	color:#ffffff;
}

/* 一覧ひょう（「ひょう」を漢字で書くとMacintoshでバグが起きるので、ひらがなで記述しています） */	
#list{
	width:780px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}
#list .table_bg{
	background-color:#6A6A59;
}
#list th{
	background-color:#DBD1BB;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
}
#list td{
	background-color:#FFFFFF;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
}
#list th.point{
	background-color:#FFCCCC;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#990000;
}
#list td.red{
	background-color:red;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#ffffff;
}
#list td.yellow{
	background-color:FFFF00;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#000000;
}
#list .point{
	color:#990000;
}
#list .alert{
	background-color:#FFCCCC;
}
#list .submit{
	background-color:#9A9A89;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	color:#48483F;
	text-align:center;
}
	

	/* 入力フォーム */	
#form{
	width:780px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}
#form .table_bg{
	background-color:#6A6A59;
}
#form th{
	background-color:#DBD1BB;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
	text-align:left;
}
#form td{
	background-color:#FFFFFF;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
}
#form .submit{
	background-color:#9A9A89;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	color:#48483F;
	text-align:center;
}
#form .point{
	color:#ff0000;
	font-size:11px;
}
#form .readonly{
	border: 1px solid black;
	background-color:#FFCCCC;
}

/* エラー */	
#errors ul{
	list-style:none;
	}
#errors li{
	background:url(../image/ems/check.gif);
	color:#ff0000;
	background-repeat:no-repeat;
	background-position:0% 30%;
	padding:0px 0px 0px 15px;
	}
#errors .error_bg{
	background:#FFCCCC;	
	}

#error{
	color:#ff0000;
}



/* 完了 */	
#complete ul{
	list-style:none;
	margin:0px 0px 15px 10px;
	padding:5px 5px 5px 5px;
	}
#complete li{
	background:url(../image/ems/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0% 40%;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	}


/* ライン */	
.line_01{
	background:url(../image/ems/line_01.gif);
	width:100%;
	height:1px;
	margin:0px 0px 15px 0px;
	}
.line_02{
	background:url(../image/ems/line_02.gif);
	width:100%;
	height:1px;
	margin:0px 0px 15px 0px;
	}

/* フッター・コピーライト */
.foot{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:25px;
	background:url(../image/ems/foot_bg.gif);
	width:800px;
	}
#copy{
	color:#6A6A59;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:right;
	background:#DBD1BB;
	width:800px;
	height:30px;
	}
#copy .copy_right{
	padding:0px 5px 0px 0px;
}

/* トップページ　スタイル　*/
div.icon_box {
	padding:0px;
	margin:0px;
	width:180px;
	height:160px;
	padding:5px 0px 10px 10px;
	float:left;
	vertical-align:top;
	font-size: 15px;
}
div.icon_box a {
	text-decoration: none;
}

/* color */
.red{
	color: #FF0000;
}
.blue{
	color: #0000FF;
}
.green {
	color: #006600;
}

#plan_div_group label {
  display: inline-block;
  width: 160px;
}