/* CSS Document */

body{
	margin: 0px;
	font-size:80%;
	color: #333333;
	background-color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6{font-size:110%;}
a:link {
	color: #0066cc;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #6699cc;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: underline;
	color: #FF0000;
}
h1, h2, h3, h4, h5, h6, p, ul, li{
	margin:0;
	padding:0;
}
.red{color:#FF0000;}
.small{font-size:85%;}
/*---------------------------------------- layout --*/
#wrap{
	width: 100%;
	background-image:url('../images/header_bg.jpg');
	background-repeat:repeat-x;
    height: 128px;
}
#header{
	padding:20px 35px 20px;
	font-size:130%;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
.content1{
	padding: 0;
	margin: 0 auto;
	width: 600px;
}
.content2{
	margin: 0 auto;
	width:95%;
	padding: 0px 0 10px;
}
#footer{
	padding:23px 25px 3px;
	margin-top: 5px;
	clear:both;
	text-align: right;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;
}
#topicpath{
	margin:15px 30px 5px;
}
#noMenu{
	background:url(../images/menu_bg.gif) repeat-x;
	height:30px;
	border-bottom:solid 10px #3c7faf;
	margin-bottom: 20px;
}
#refDATA{
    height: 30px;
    width: 860px;
    margin-left: 120px;
}

/*---------------------------------------- topMenu --*/
#topMenu{
	background: url(../images/menu_bg.gif) repeat-x;
}
#topMenu ul{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 ;
	height: 32px;
	list-style: none;
	width:710px;
}

#topMenu ul li{
	float:left;
}

#topMenu ul li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding:0 0 0 10px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

#topMenu ul li a b{
	float: left;
	display: block;
	padding: 0px 18px 0 8px;
}

#topMenu ul li.others a{
	cursor: pointer;
}

#topMenu ul li.current a{
	color: #fff;
	background: url(../images/menu_h_l.gif) no-repeat;
	background-position: left;
	cursor: auto;
}

#topMenu ul li.current a b{
	color: #fff;
	background: url(../images/menu_h_r.gif) no-repeat right top;
	cursor: auto;
}
/*---------------------------------------- subMenu --*/
#subMenu{
	background-color:#3c7faf;
	padding:7px 5px 5px;
}
#subMenu ul{
	list-style:none;
	height:17px;
	padding:0 0 0 38px;
}
#subMenu ul li{
	float:left;
	margin: 0 auto 0 auto;
}
#subMenu ul li.logout{
	float:right;
	margin: 0 auto 0 auto;
}
#subMenu ul li a{
	padding:0 7px 0;
	margin:0 3px 0;
	float:left;
	display:block;
	font-size:12px;
	height:17px;
	line-height:17px;
	background-color:#3c7faf;
	color:#FFFFFF;
	white-space:nowrap;
	text-decoration:none;
}
#subMenu ul li.current a, #subMenu ul li a:hover{
	color: #000;
	background-position: center bottom;
	background-color:#c6dced;
}
/*------------------------------------------------------------ main --*/
.content1 h2{
	margin:15px 0 10px;
	padding:0 5px 0 30px;
	background: url(../images/midasi.jpg) no-repeat center;
	line-height: 28px;
	border:solid 1px #CCCCCC;
	clear:both;
}
.content2 h2{
	margin:15px 0 10px;
	padding:0 5px 0 30px;
	background: url(../images/midasi2.jpg) no-repeat left;
	line-height: 28px;
	border:solid 1px #CCCCCC;
	clear:both;
}
ul.infoList{
}
ul.infoList li{
	list-style:none;
	background:url(../images/icon.gif) no-repeat;
	padding-left:16px;
}
/*----------------------------------------------------------- step --*/
div.step{
	padding:5px;
}
div.step img{
	padding-right:5px;
	vertical-align:middle;
}
div.step ul{
	padding:0;
	margin: 0 ;
	height: 30px;
	list-style: none;
}
div.step ul li{
	float: left;
	color:#000;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding-left:8px;
	text-align: center;
	cursor: pointer;	
}
div.step ul li b{
	padding-top:4px;
	float: left;
	height: 30px;
	padding-right:18px;
}

div.step ul li{	background: url(../images/step_1l.gif) no-repeat left top;}
div.step ul li b{	background: url(../images/step_1r.gif) no-repeat right top;}

div.step ul li.current{	background: url(../images/step_2l.gif) no-repeat left top;}
div.step ul li.current b{	background: url(../images/step_2r.gif) no-repeat right top;color:#FFFFFF;}

div.step ul li.end{	background: url(../images/step_end1l.gif) no-repeat left top;}
div.step ul li.end b{	background: url(../images/step_end1r.gif) no-repeat right top;}

div.step ul li.end2{	background: url(../images/step_end2l.gif) no-repeat left top;}
div.step ul li.end2 b{	background: url(../images/step_end2r.gif) no-repeat right top;color:#FFFFFF;}

div.step ul li.none{
	padding:0;
	background-image:none;
}
div.step ul li.none img{padding-right:0;}

/*------------------------------------------------------------ message --*/
.message{
	margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.message p{
	margin:5px 0 5px;
}
.err_msg{
	color: #cc0000;
	font-weight: bold;
	border: solid 1px #cc7a7a;
	margin:15px 0 15px;
	padding:1px 15px 1px;
	background-image:url(../images/err_bg.jpg);
	background-repeat:repeat-x;
	line-height:1.3em;
}
.err_msg ul{
	list-style:none;
	padding:10px 0 10px 50px;
	margin:0px;
	background-image: url(../images/icon_err.gif);
	background-repeat:no-repeat;
	background-position: left center;
	display:block;
}
.caution_msg{
	list-style:none;
	color: #009900;
	border: solid 1px #65c365;
	margin:0;
	padding:1px 15px 1px;
	background-image:url(../images/caution_bg.jpg);
	background-repeat:repeat-x;
	line-height:1.3em;
}
.caution_msg li{
	padding:10px 0 10px 50px;
	margin:0px;
	font-weight: bold;
	background-image: url(../images/icon_i.gif);
	background-repeat:no-repeat;
	background-position: left center;
	display:block;
}
.error_msg{
	list-style:none;
	color: #cc0000;
	border: solid 1px #cc7a7a;
	margin:0;
	padding:1px 15px 1px;
	background-image:url(../images/err_bg.jpg);
	background-repeat:repeat-x;
	line-height:1.3em;
}
.error_msg li{
	padding:10px 0 10px 50px;
	margin:0px;
	font-weight: bold;
	background-image: url(../images/icon_err.gif);
	background-repeat:no-repeat;
	background-position: left center;
	display:block;
}

/*------------------------------------------------------------ form button --*/
.inp{border:solid 1px #CCCCCC;}
.pw{border:solid 1px #CCCCCC;}
input:focus {
	background-color: #ffffcc;
}
.btn{
	margin:0 10px 0;
	padding:5px 10px 5px;
	background-color:#eee;
	border:solid 1px #CCCCCC;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
}

.btn_normal {
	text-align:center;
	margin: auto;
    font-weight: 700;
}

a:link.btn_submit, a:visited.btn_submit, a:active.btn_submit, a:hover.btn_submit{
	margin:5px 10px 5px;
	padding:0 20px 0;
	text-align:center;
	line-height:30px;
	display:block;
	float: right;
	color:#333333;
	text-decoration:none;
	background-image: url(../images/btn_submit_off.gif);
	background-repeat: repeat-x;
	border:solid 1px #f8950f;
	border-left:solid 1px #ffdfa4;
	border-top:solid 1px #ffdfa4;
}
a:hover.btn_submit {
	background-image:url(../images/btn_submit_on.gif);
	border:solid 1px #ffdfa4;
	border-left:solid 1px #f8950f;
	border-top:solid 1px #f8950f;
}

a:link.btn_reset, a:visited.btn_reset, a:active.btn_reset, a:hover.btn_reset{
	margin:5px 10px 5px;
	padding:0 20px 0;
	text-align:center;
	line-height:30px;
	display:block;
	float: right;
	color:#333333;
	text-decoration:none;
	background-image: url(../images/btn_reset_off.gif);
	background-repeat: repeat-x;
	border:solid 1px #999;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
a:hover.btn_reset {
	background-image:url(../images/btn_reset_on.gif);
	border:solid 1px #ccc;
	border-left:solid 1px #999;
	border-top:solid 1px #999;
}

a:link.btn_delete, a:visited.btn_delete, a:active.btn_delete, a:hover.btn_delete{
	margin:5px 10px 5px;
	padding:0 20px 0;
	text-align:center;
	line-height:30px;
	display:block;
	float: left;
	color:#333333;
	text-decoration:none;
	background-image: url(../images/btn_delete_off.gif);
	background-repeat: repeat-x;
	border:solid 1px #999;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
a:hover.btn_delete {
	background-image:url(../images/btn_delete_on.gif);
	border:solid 1px #ccc;
	border-left:solid 1px #999;
	border-top:solid 1px #999;
}
/*---------------------------------------- table1 --*/
.table1{
	margin:0 0 15px;
	border:solid 1px #ccc;
	width:100%;
}
.table1 th{
	width:25%;
	padding:3px 5px 3px;
	text-align:right;
	font-weight: normal;
	border:solid 1px #9ac7e6;
	color: #333;
	background: url(../images/th_bg.gif) repeat-x top #bad9ec;
}
.table1 td{
	width:75%;
	padding:3px 5px 3px;
	border-bottom:solid 1px #ccc;
}
/*---------------------------------------- table2 --*/
.table2{
	width: 100%;
	border:solid 1px #ccc;
	border-collapse:collapse;
}
.table2 th{
	padding:3px 5px 3px;
	font-weight: normal;
	border:solid 1px #9ac7e6;
	color: #333;
	background: url(../images/th_bg.gif) repeat-x top #bad9ec;
}
.table2 td{
	padding:3px 5px 3px;
	border: solid 1px #ccc;
}
/*---------------------------------------- table3 --*/
.table3{
	margin:0 0 15px;
	border:solid 1px #ccc;
	width:100%;
}
.table3 th{
	width:25%;
	padding:3px 5px 3px;
	text-align:right;
	font-weight: normal;
	border:solid 1px #9ac7e6;
	color: #333;
	background: url(../images/th_bg.gif) repeat-x top #bad9ec;
}
.table3 td{
	width:37%;
	padding:3px 5px 3px;
	border-bottom:solid 1px #ccc;
}
/*---------------------------------------- table4 --*/
.table4{
	width: 100%;
	border:solid 1px #ccc;
	border-collapse:collapse;
}
.table4 th{
	padding:3px 5px 3px;
	font-weight: normal;
	border:solid 1px #ccc;
	background-color:#494948;
	color: #FFFFFF;
	background-image: url(../images/th_bg2.jpg);
	background-repeat: repeat-x;
	background-position:top;
}
.table4 td{
	padding:3px 5px 3px;
	border: solid 1px #ccc;
}
tr.line{
	background-color:#eee;
}
.table4 th img{
	margin:0 2px 0;
	text-decoration:none;
	border:none;
	vertical-align:middle;
}
.table4 th a:link{
    color: #FFFFFF;
    text-decoration:none;
}
.table4 th a:visited{
    color: #FFFFFF;
    text-decoration:none;
}   

/*---------------------------------------- detailTable --*/
.detailTable{
	margin:0 0 15px;
	border:solid 1px #ccc;
	width:100%;
}
.detailTable td.left{
	width:25%;
	padding:3px 5px 3px;
	text-align:right;
	font-weight: normal;
	border:solid 1px #9ac7e6;
	color: #333;
	background: url(../images/th_bg.gif) repeat-x top #bad9ec;
}
.detailTable td{
	width:75%;
	padding:3px 5px 3px;
	border-bottom:solid 1px #ccc;
}
/*---------------------------------------- pageList --*/
.pageList{
	margin:10px 0 10px;
	padding:0;
	text-align:right;
}
.pageList li{
	list-style:none;
	display:inline;
}
.pageList li.this{
	margin:0;
	margin-right:3px;
	padding:5px 8px 5px;
	width:120px;
	border:solid 1px #999999;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	text-decoration:none;
	color:#fff;
	background-color:#3c7faf;
}

.pageList li a:link,
.pageList li a:visited,
.pageList li a:hover,
.pageList li a:active {
	margin:0;
	padding:5px 8px 5px;
	width:120px;
	border:solid 1px #999999;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	text-decoration:none;
	color:#333333;
}
.pageList li a:hover,
.pageList li a:active{
	background-color:#d1e7f6;
}

/*---------------------------------------- error --*/
.error{
	margin:0 auto 50px;
	width:500px;
}
.error p{
	margin:5px 0 10px;
	line-height:1.3em;
}
.errorTop{
	color:#FF0000;
	font-weight:bold;
	font-size:120%;
}
.errorTop img{
	vertical-align: middle;
	margin-right:10px;
}