@charset "UTF-8";
/*-----------------------------------
DEFAULT CSS
FILE DATA: frame.css
-------------------------------------*/

/*-----------------------------------*/
/* LAYOUT */
body{
	background:url(../images/header_bg.jpg) repeat-x;
	text-align:center;
}
div#contents{
	margin:0 auto;
	text-align:left;
	width:900px;
}
/*-----------------------------------*/
/* header */
div#header{
	padding:20px 0 0 0;
	width:900px;
	height:65px;
}
h1 a{
	background:url(../images/logo.jpg) no-repeat 0 0;
	width:130px;
	height:55px;
	text-indent:-99999em;
	display:block;
	float:left;
}
div#header p{
	margin:12px 0 0 0;
	padding:0 200px 0 0;
	background:url(../images/title.png) no-repeat;
	text-indent:-999999em;
	width:495px;
	height:35px;
	float:right;
}

/* --------------------------- */
/* main_area */
div#main_area{
	width:900px;
}
div#main{
	width:680px;
	float:left;
}
div#main_menu{
	margin:0 0 15px 0;
	width:680px;
	height:40px;
}
div#main_menu ul li{
	width:136px;
	float:left;
}
div#main_menu ul li a{
	width:136px;
	height:51px;
	text-indent:-999999em;
	display:block;
}
li.main1 a{
	background:url(../../shared/images/menu01.jpg) no-repeat;
}
li.main2 a{
	background:url(../../shared/images/menu02.jpg) no-repeat;
}
li.main3 a{
	background:url(../../shared/images/menu03.jpg) no-repeat;
}
li.main4 a{
	background:url(../../shared/images/menu04.jpg) no-repeat;
}
li.main5 a{
	background:url(../../shared/images/menu05.jpg) no-repeat;
}
/* pan */
#pan{
	width:680px;
	height:15px;
	font-size:70%;
	letter-spacing:0.1em;
}
#pan ul li{
	padding:0 5px 0 0;
	float:left;
}
#pan ul li a{
	color:#0071BC;
	text-decoration:none;
}
#pan ul li a:hover{
	text-decoration:underline;
}
/* --------------------------- */
/* side */
div#side{
	width:200px;
	float:left;
	margin:0 0 15px 20px;
	display:inline;
}
/* login */
div#login{
	background:url(../images/bg.jpg);
	width:200px;
	text-align:center;
}
div#login h4{
	background:url(../images/login_title.jpg) no-repeat;
	width:174px;
	height:14px;
	text-indent:-99999em;
	margin:5px auto;
}
div#login_form{
	padding:0 0 0 5px;
	margin:0 auto;
	width:180px;
	text-align:left;
}
.input_txt{
	margin:3px auto;
	border:#cccccc solid 1px;
	width:170px;
	font-size:80%;
}
div#login_top{
	background:url(../images/login_top.jpg) no-repeat;
	width:200px;
	height:4px;
	line-height:0;
	font-size:0;
}
div#login_footer{
	background:url(../images/login_bottom.jpg) no-repeat;
	width:200px;
	height:4px;
	line-height:0;
	font-size:0;
}
h5#id_txt{
	margin:5px 0 0 0;
	background:url(../images/id_txt.png) no-repeat;
	width:65px;
	height:9px;
	text-indent:-99999em;

}
h5#password_txt{
	margin:5px 0 0 0;
	background:url(../images/pass_txt.png) no-repeat;
	width:65px;
	height:9px;
	text-indent:-99999em;

}
input#login_bt{
	margin:5px 0 5px 0;
}
#dummybt{
	margin:5px 0 5px 0;
}

div#login ul{
	margin:0 0 5px 0;
	padding:0;
	line-height:1em;
	text-align:left;
}
div#login ul li a{
	padding:0 0 0 10px;
	background:url(../images/list_mark.jpg) no-repeat 0 50%;
	font-size:70%;
	letter-spacing:0.05em;
	color:#FFFFFF;
	text-decoration:none;
}
div#login ul li a:hover{
	color:#00C7FF;
	text-decoration:underline;
}
div#resist{
	margin:10xp 0 0 0;
}
div#resist a{
	margin:0 auto;
	background:url(../images/resist_bt.png) no-repeat;
	width:180px;
	height:45px;
	text-indent:-99999em;
	display:block;
}
p#user{
	width:155px;
	margin:5px 0;
	padding:10px;
	background:#FFFFFF;
	font-size:80%;
}
/**/
#error_log{
	padding:5px;
	width:154px;
	background:#FFFFFF;
	color:#FF0000;
	border:#FF0000 solid 3px;
	font-size:80%;

}

/* banner */
a.bn00{
	margin:5px 0 0 0;
	display:block;
	background:url(../images/banner00.gif);
	width:200px;
	height:153px;
	text-align:center;
	text-indent:-9999em;
}
a.bn01{
	margin:5px 0 0 0;
	display:block;
	background:url(../images/banner01.jpg);
	width:200px;
	height:65px;
	text-align:center;
	text-indent:-9999em;
}
a.bn02{
	margin:5px 0 0 0;
	display:block;
	background:url(../images/banner02.jpg);
	width:200px;
	height:59px;
	text-align:center;
	text-indent:-9999em;
}
a.bn03{
	margin:5px 0 0 0;
	display:block;
	background:url(../images/banner03.jpg);
	width:200px;
	height:60px;
	text-align:center;
	text-indent:-9999em;
}
/* qr */
#qr{
	margin:10px 0 0 0;
	padding:10px;
	width:176px;
	border:#F2F2F2 solid 2px;
	font-size:70%;
	background:#E5E5E5;
}
#qr h4{
	margin:0 0 5px 0;
	background:url(../images/qr_title.jpg) no-repeat;
	width:107px;
	height:5px;
	text-indent:-99999em;
}
#qr img{
	padding:0 5px 0 0;
	width:65px;
	float:left;
}
#qr p{

}
/* --------------------------- */
/* footer */
div#footer{
	width:900px;
}
div#footer ul{
	margin:0 0 5px 0;
	width:900px;
}
div#footer ul li{
	border-left:#000000 solid 1px;
	float:left;
	font-size:70%;
	padding:0 10px;
}
div#footer ul li.first {
	border-left:none;
	padding:0 10px 0 0;
}
div#footer ul li a{
	color:#000000;
	text-decoration:none;
}

div#footer ul li a:hover{
	color:#00C7FF;
	text-decoration:underline;
}
address{
	clear:both;
	width:900px;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	border-top:#000000 solid 2px;
	background:url(../images/copy.jpg) no-repeat right 5px;
	text-indent:-999999em;
}