@charset "utf-8";
/* CSS Document */

@import url(common.css);


/*
-----------------------------------------------------------------------
Copyright(c) Bluewell Corporation all rights reserved.
-----------------------------------------------------------------------
*/

body#personal div#gnavbox ul li.n02,
body#personal div#gnavbox ul li.n02 a{
	background-position:0 -53px;
}


body#personal div#contbox02 ul{
	
}

body#personal div#contbox02 ul li{
	width:176px;
	float:left;
}

body#personal div#contbox02 ul li a{
	display:block;
	height:0;
	padding-top:48px;
	overflow:hidden;
	margin-right:20px;
}

body#personal div#contbox02 ul li a:hover{
	background-position:0px -48px;
}

body#personal div#contbox02 ul li.n01 a{background-image:url(../img/personal/personal_app_01.jpg);}
body#personal div#contbox02 ul li.n02 a{background-image:url(../img/personal/personal_app_02.jpg);}


body#personal div#contbox03 div.contsubbox{
	width:644px;
	height:63px;
	background:url(../img/personal/personal_bg.gif) no-repeat;
	margin:0 auto;
	padding-top:33px;
}


body#personal div#contbox03 div.contsubbox p{
	background-image:url(../img/personal/personal_btn.jpg);
	width:231px;
	margin:0 0 30px 382px;
}

body#personal div#contbox03 div.contsubbox p a{
	background-image:url(../img/personal/personal_btn.jpg);
	width:231px;
	height:0;
	padding-top:30px;
	overflow:hidden;
	display:block;
	
}



body#personal div#contbox03 div.contsubbox p a:hover{
	background-position:0px -30px;
}









p.errortxt{
	color:#FF0000;
	font-weight:bold;
	clear:both;
	font-size:12px;
}


body#login h1{
	height:16px;
	border-bottom:1px dotted #CCCCCC;
	background:url(../img/personal/logintitle.gif) no-repeat;
	text-indent:-9999em;
	padding-bottom:10px;
	margin-bottom:10px;
}

body#login p#copyright{
	font-size:10px;
	text-align:right;
	color:#999999;
}

body#login p#login_btn{
	width:60px;
	float:left;
}

body#login p#login_btn input{
	cursor:pointer;
	width:60px;
}

body#login dl{
	/*padding-left:23px;*/
	height:31px;
	width:360px;
	float: left;
	padding-top: 1px;
}

body#login dt{
	width:60px;
	height:14px;
	text-indent:-9999em;
	float:left;
	padding-bottom:5px;
}

body#login dd{	
	float:left;
	width:120px;
	margin-left:0;
}

body#login dl dt#lid{
	background:url(../img/personal/login.gif) no-repeat 0px 2px;
}

body#login dt#lpw{
	background:url(../img/personal/pswd.gif) no-repeat 0px 2px;
}

body#login dl dd input{
	width:110px;
}

div#loginwrapper{
	width:452px;
	margin:20px auto 0;
	text-align:center;
	
}

div#logincontainer{
	text-align:left;
	margin:0 auto 5px;
	padding:15px;
	border:1px solid #CCCCCC;
}

/*

body#personal div#contbox03 div.contsubbox{
	width:604px;
	background:url(../img/personal/personal_bg.gif) no-repeat #FCE9CE;
	margin:0 auto;
	padding-top:84px;
	padding-bottom:15px;
}

body#personal div#contbox03 div.contsubbox p#login_btn{
	width:176px;
	height:31px;
	float:left;
}

body#personal div#contbox03 div.contsubbox p#login_btn input{
	cursor:pointer;
}

body#personal div#contbox03 div.contsubbox dl{
	padding-left:23px;
	height:31px;
	width:360px;
	float: left; padding-top: 7px;
}

body#personal div#contbox03 div.contsubbox dl dt{
	width:60px;
	height:14px;
	text-indent:-9999em;
	float:left;
	padding-bottom:5px;
}

body#personal div#contbox03 div.contsubbox dl dd{	
	float:left;
	width:120px;
}

body#personal div#contbox03 div.contsubbox dl dt#lid{
	background:url(../img/personal/login.gif) no-repeat 0px 2px;
}

body#personal div#contbox03 div.contsubbox dl dt#lpw{
	background:url(../img/personal/pswd.gif) no-repeat 0px 2px;
}

body#personal div#contbox03 div.contsubbox dl dd input{
	width:110px;
}



body#personal div#contbox03 div.contsubbox p.errortxt{
	color:#FF0000;
	 font-weight:bold;
	 clear:both;
	 padding-left:18px;
}

*/



body#personal div#contbox01 div.contbox_header{
	
}


body#personal div#contbox01 div.subcontbox{
	width:654px;
	margin:0 auto 10px;
	padding:15px;
}

body#personal div#contbox01 div.subcontbox h4{
	margin-bottom:12px;
}

body#personal div#contbox01 div.subcontbox h5{
	margin-left:12px;
	margin-bottom:5px;
}

body#personal div#contbox01 div.subcontbox dl{
	margin-left:16px;
	margin-bottom:23px;
}

body#personal div#contbox01 div.subcontbox dl.lastdl{
	margin-bottom:0px;
}

body#personal div#contbox01 div.subcontbox dt{
	float:left;
	clear:both;
	font-weight:bold;
}

body#personal div#contbox01 div.subcontbox dd{
	margin-left:100px;
}


body#personal div#contbox01 div#subcontbox01{
	background:#ECF1F9;
}

body#personal div#contbox01 div#subcontbox01 h5{
	color:#325C9C;
}

body#personal div#contbox01 div#subcontbox02{
	background:#EDF5EB;
}

body#personal div#contbox01 div#subcontbox02 h5{
	color:#4B853F;
}

body#personal div#contbox01 div#subcontbox03{
	background:#F6EDDC;
}

body#personal div#contbox01 div#subcontbox03 h5{
	color:#B57D15;
}



div#ph{
	height:50px;
	margin-bottom:10px;
}

p#btnkw{
	width:111px;
	height:28px;
	background-image:url(../img/personal/btn_knowledge.jpg);
	background-repeat:no-repeat;
	float:right;
}

p#btnkw a{
	display:block;
	width:111px;
	height:28px;
	background-image:url(../img/personal/btn_knowledge.jpg);
	background-repeat:no-repeat;
	text-indent:-9999em;
}

p#btnkw a:hover{
	background-position:0px -28px;
}




/*
-----------------------------------------------------------------------
clear-fix
-----------------------------------------------------------------------
*/


div.contbox ul,
body#personal div#contbox01 div.subcontbox dl,
body#personal div#contbox03 div.subcontbox dl,
body#personal div#contbox03 div.contsubbox,
body#login dl,
div#logincontainer,
body#personal div#contbox03 div.contsubbox form,
div#ph{
	overflow: hidden;
}

div.contbox ul:after,
body#personal div#contbox01 div.subcontbox dl:after,
body#personal div#contbox03 div.subcontbox dl:after,
body#personal div#contbox03 div.contsubbox:after,
body#login dl:after,
div#logincontainer:after,
body#personal div#contbox03 div.contsubbox form:after,
div#ph:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

/*\*/
* html div.contbox ul,
* html body#personal div#contbox01 div.subcontbox dl,
* html body#personal div#contbox03 div.subcontbox dl,
* html body#personal div#contbox03 div.contsubbox,
* html body#login dl,
* html div#logincontainer,
* html body#personal div#contbox03 div.contsubbox form,
* html div#ph{
    height: 1em;
    overflow: visible;
}
/**/

