/* 
body {
	background-image: url(/img/common/body_bg.jpg);
	background-position: 1px 0px;
	background-repeat: repeat-x;
}
*/

h1 {
	left: 31px;
	top: 9px;
	width: 272px;
	height: 72px;
	text-indent: -9999px;
	background-image: url(../../img/common/header/logo.png);
	background-repeat: no-repeat;
}
h2 {
	margin-bottom: 10px;
	font-size: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
p, li, dt, dd {
	color: #333;
	line-height: 150%;
}
a {
	color: #0066CC;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	color: #77B8E8;
	text-decoration: underline;
}


/* --- Head --- */

#head {
	position: relative;
	height: 375px;
	margin-bottom: 15px;
	/*background-image: url(/img/common/body_bg.jpg);*/
	/*background-image: url(/img/mainimg.jpg);*/
	background-position: 383px 34px;
	background-repeat: no-repeat;
}
#head dl,#head h1,#head p,#head dt,#head dd,#head li {
	position: absolute;
}
#head ul {
	left: 383px;
	top: 4px;
}
#head .btn {
	left: 262px;
	top: 199px;
}
#head ul.btn li {
	top: 4px;
	width: 166px;
	height: 30px;
	list-style: none;
}
#head ul.btn li a {
	width: 166px;
	height: 25px;
	padding-top: 5px;
	display: block;
	background-image: url(../../img/common/menu/bt_out.gif);
	font-weight: bold;
	color: white;
	text-align: center;
	text-decoration: none;
}
#head ul.btn li.firsttime {
	left: 383px;
}
#head ul.btn li.firsttime a {
}
#head ul.btn li.faq {
	left: 557px;
}
#head ul.btn li.faq a {
}
#head ul.btn li.close {
	left: 732px;
	background-image: url(../../img/common/bt_close.gif);
	background-repeat: no-repeat;
}
#head ul.btn li.close a {
}
#head p.control {
	left: 1px;
	top: 7px;
}
#head .control a {
	width: 5px;
	height: 5px;
	font-size: 1px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../img/common/control.gif);
	background-repeat: no-repeat;
}
#head .close {
	width: 166px;
	height: 50px;
	margin-left:1200px;
	background-image: url(../../img/common/button/bt_close.gif);
	background-repeat: no-repeat;
}


/* --- Login --- */
#login {
	position: absolute;
	left: 0px;
	top: 87px;
	/*width: 350px;*/
	width: 500px;
	height: 287px;
	padding: 70px 0px 0px 50px;
	/*background-image: url(../../img/common/login_bg2.bmp);*/
	background-image: url(../../img/common/login_bg2.jpg);
	background-repeat: no-repeat;
}

#login .warn_box {
	color: red;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#login .warn_box2 {
	background-color: white;
	border:           1px  solid #000000;
	color:            red;
	font-size:        12px;
	font-weight:       bold;
	text-align:       left;
}
#login .id, #login .pass, #login .ugid {
	padding-right: 6px;
	font-family: 'Arial Black', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
}
#login dd.idInput {
	left: 95px;
	top: 115px;
}
#login dd.passInput {
	left: 95px;
	top: 150px;
}
#login dd.idInput input,#login dd.passInput input {
	/*width: 150px;*/
	width: 350px;
	height:250px;
	padding: 2px;
}
#login .notice {
	left: 95px;
	top: 272px;
	font-size: 80%;
}



#info_system_1 {
	position: absolute;
	left: 530px;
	top: 87px;
	width: 500px;
	height: 300px;
	padding: 25px 0px 0px 0px;
	background-image: url(../../img/common/info_system_1.gif);
	background-repeat: no-repeat;
	overflow:auto;
}
#info_system_1 .iframe_system_1 {
	width: 500px;
}
#info_system_1 .iframe_system_1 iframe {
	width: 430px;
}

.info_system_div
{
	margin-top:10px;
	border-top:dashed;
	border-width:1px;
	border-color:#939393;
	border-left:none;
	border-right:none;
	border-bottom:none;
	width:830px;
	height: 255px;
}
#info_system_1 .info1_div
{
	margin-top:5px;
	margin-left:5px;
	width:840px;
	height: 255px;
}
.info1_div li {
	padding: 5px 0px 0px 15px;
	background-image: url(../../img/common/circle.gif);
	background-position: 0px 10px;
	background-repeat: no-repeat;
	list-style: none;
}

.info1_div iframe
{
	margin-top:10px;
	width:830px;
}

#info_system_2 {
	position: absolute;
	left: 530px;
	top: 380px;
	width: 500px;
	height: 300px;
	padding: 25px 0px 0px 0px;
	background-image: url(../../img/common/info_system_2.gif);
	background-repeat: no-repeat;
	overflow:auto;
}
#info_system_2 .iframe_system_2 {
	width: 500px;
}
#info_system_2 .iframe_system_2 iframe {
	width: 430px;
}


#info_system_2 .info2_div
{
	margin-top:5px;
	margin-left:5px;
	width:840px;
	height: 255px;
}
.info2_div iframe {
	margin-top:10px;
	margin-left:10px;
	width:830px;
}
.info2_div dt {
	padding: 5px 0px 0px 15px;
	background-image: url(../../img/common/arrow.gif);
	background-position: 0px 10px;
	background-repeat: no-repeat;
	list-style: none;
}

/* --- INFORMATION --- */

#info {
	float: left;
	width: 600px;
	margin-left:30px;
}
#info h2 {
	width: 105px;
	height: 17px;
	background-image: url(../../img/common/information_h2.gif);
}
#info ul {
	border-top: dashed #B2B2B2 1px;
}
#info li {
	padding: 15px 0 15px 15px;
	border-bottom: dashed #B2B2B2 1px;
	background-image: url(../../img/common/circle.gif);
	background-position: 0px 20px;
	background-repeat: no-repeat;
	list-style: none;
}
#info div.frame {
	border-top:dashed;
	border-width:1px;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-color:#939393;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
}
/* --- Top Page --- */
#top_page {
	position: absolute;
	left: 0px;
	top: 87px;
	width: 1040px;
	height: 600px;
	padding: 20px 0px 0px 50px;
	background-repeat: no-repeat;
}

.top_page_body_college {
	background-image: url(../../img/common/toppage/TOP-BG-College.jpg);
	background-position: 1px 0px;
	background-repeat: repeat-x;
}
.top_page_body_jh {
	background-image: url(../../img/common/toppage/TOP-BG-JH.jpg);
	background-position: 1px 0px;
	background-repeat: repeat-x;
}
.top_page_body_sh {
	background-image: url(../../img/common/toppage/TOP-BG-SH.jpg);
	background-position: 1px 0px;
	background-repeat: repeat-x;
}
#top_page_head {
	position: relative;
	height: 375px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}
#top_page_head dl,#top_page_head h1,#top_page_head p,#top_page_head dt,#top_page_head dd,#top_page_head li {
	position: absolute;
}
#top_page_head ul {
	left: 383px;
	top: 4px;
}
#top_page_head .btn {
	left: 262px;
	top: 199px;
}
#top_page_head ul.btn li {
	top: 4px;
	width: 166px;
	height: 30px;
	list-style: none;
}
#top_page_head ul.btn li a {
	width: 166px;
	height: 50px;
	background-image: url(../../img/common/menu/bt_out.gif);
	background-repeat: no-repeat;
}
#top_page_head ul.btn li.firsttime {
	left: 383px;
}
#top_page_head ul.btn li.firsttime a {
}
#top_page_head ul.btn li.faq {
	left: 557px;
}
#top_page_head ul.btn li.faq a {
}
#top_page_head ul.btn li.close {
	/*left: 732px;*/
	left: 1100px;
	width: 166px;
	height: 50px;
	background-image: url(../../img/common/bt_close.gif);
	background-repeat: no-repeat;
}
#top_page_head ul.btn li.close a {
}
#top_page_head p.control {
	left: 1px;
	top: 7px;
}
#top_page_head .control a {
	width: 5px;
}
#top_page_head .close {
	width: 166px;
	height: 50px;
	margin-top:0px;
	margin-left:1200px;
	background-image: url(../../img/common/button/bt_close.gif);
	background-repeat: no-repeat;
}
.btn_menu {
	float: right;
	width: 200px;
	min-width: 200px;
	height: 37px;
	background-image: url(../../img/common/toppage/menu-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	color: white;
	font-weight:900;
	font-size:20px;
	text-indent: 40px;
	text-align: left;
}
#admin_update dd {
	padding-left: 15px;
}
.skin_index_foot {
	margin-top:220px;
	font-size:12px;
	text-align:center;
	color:#666666;
}
.skin_top_page_footer {
	margin-top:10px;
	clear: both;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
}