/* 2008.03.11 sure=== */
/* ================== */
/* ============ */
/* ============ */
/* Base */
/* Flame */
/* Flame content in */
/* LOGIN  */
/* Menu */
/* Footer */
/* Link */
/* FORM */
/* ============ */

body,h1,h2,h3,h4,h5,div,p,ul,li,ol,dl,dt,dd,form,table,th,td,address{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.35;
	font-weight:normal;
	font-style:normal;
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	}

input{
	line-height:1.3;}

a{	text-decoration:none;
	outline:none;
	color:#003399;}
a:hover,
a.on{
	color:#003399;
	text-decoration: underline;}
a img,
img,
button{ border:none;
		outline:none;
		vertical-align:bottom;}

table{
	border:none;
	border-collapse: collapse;}

td,th{
	border:none;
	}


.f_l{
	float:left;}
.f_r{
	float:right;}
.f_center{
	margin:0 auto;}
	
.t_r{
	text-align:right;}
.t_l{
	text-align:left;}
.t_c{
	text-align:center;}

.v_top{
	vertical-align:top;}

.b{
	font-weight:bold;}

.pa10{
	padding:10px;}

.pa_w5{
	padding-left:5px;
	padding-right:5px;}
.pa_w10{
	padding-left:10px;
	padding-right:10px;}

.ma_w10{
	margin-left:10px;
	margin-right:10px;}

.pa_t5{
	padding-top:5px;}
.pa_t10{
	padding-top:10px;}
.pa_t20{
	padding-top:20px;}
.pa_t25{ padding-top:25px;}
.pa_t30{ padding-top:30px;}

.ma_t5{
	margin-top:5px;}
.ma_t10{
	margin-top:10px;}
.ma_t20{
	margin-top:20px;}
.ma_r5{
	margin-right:5px;}
.ma_r10{
	margin-right:10px;}
.ma_b70{
	margin-bottom:70px;}


.red{ color:#cc6666;}
.red2{ color:#cc0000;}

.clear{
	clear:both;}
br.clear{
	height:0;
	line-height:0;
	font-size:0;}



/* ===================================================== */

body{
	background:url(../images/bg.gif) repeat-x top left;}

#main{
	width:860px;
	padding:0 10px;
	margin:0 auto;}

#passform #main{
	width:700px;
	margin:0 auto;}

#timeslist #main{
	width:450px!important;
	margin:0 auto;}
	
#header{
	height:83px;}
	
#header h1{
	float:left;}

#header .navi{
	float:right;
	width:300px;
	clear:right;
	}
	#header .navi .fontcange{
		width:200px;
		height:32px;
		float:right;}
		#header .navi .fontcange ul{
		 margin-left:126px;
		 padding-top:7px;}		 
		#header .navi .fontcange ul li{
			float:left;
			padding-right:6px;}
		#header .navi .fontcange ul a{
			height:17px;
			width:17px;
			display:block;
			text-indent:-9999px;}
	
	#header .navi .sub{
		width:245px;
		padding-top:12px;
		float:right;}
	#header .navi ul li{
		float:left;}

/* Flame =============================================== */

#main .content{
	clear:both;
	background-color:#fff;
	height:1%;}
	
#main .pankuzu{
	padding:7px 3px 3px;
	min-height:20px;
	color:#666666;}
html > body #main .pankuzu{
	height:auto;}
html #main .pankuzu{
	height:20px;}/* For IE6 */
	

/* Flame content in  ================================== */

#main .content div.main{
	height:1%;
	padding:20px 0;}
 
#leftcl{
	float:left;
	width:190px;
	height:1%;}


#rightcl{
	float:right;
	width:640px;
	height:1%;
	}

 
/* LOGIN =============================================== */
#leftcl div.login{
	padding-bottom:10px;
	width:190px;}

#leftcl .login form{
	border:2px solid #ccccff;
	background-color:#e6e6fa;
	height:1%;
	margin-bottom:10px;
	padding-bottom:5px;
	}
html > body #leftcl .login table{
	width:190px;
	margin:5px 0 2px;}
html #leftcl .login table{
	width:185px;} /* For IE6 */
	
	#leftcl .login table th{
			padding-right:3px;
			font-weight:bold;
			color:#333333;
			text-align:right;}
	#leftcl .login table td{
			text-align:right;
			width:105px;
			padding:2px 5px 2px 0;}
	#leftcl .login input.log{
		width:105px;
		height:1.1em;
		margin-left:3px;
		margin-right:3px;
		vertical-align:middle;}	
	#leftcl .login .save{
		margin:3px 3px 5px 7px;}
		#leftcl .login .save input{
			margin-right:5px;
			margin-bottom:1px;}
			html* #leftcl .login .save input{
			margin-bottom:-2px;}	
		
	
#leftcl .login button{
	border:none;
	width:82px;
	height:20px;
	display:block;
	float:right;
	margin-bottom:10px;
	background:url(../images/icon_login.gif) no-repeat top left;
	cursor:pointer;
	text-indent:-99999px;
	}
html:\66irst-child #leftcl .login button{
	height:15px;
	}
	
html body .login td{
	text-align:right;}

html>/**/ body .login td{
	font-size:10px;}

	#leftcl .login td{
	text-align:right;}



/* Menu =============================================== */
#menu {
	margin-bottom:20px;
	height: 280px;
	}
	
.menu {
	background:url(../images/menu.gif) no-repeat -190px 0;
	}
	
	.menu li,
	.menu li a{
		height:40px;
		width:190px;
		display:block;
		text-indent:-9999px;
		}
	.menu li.menu01 a{
		background:url(../images/menu.gif) no-repeat 0px 0px;}
	.menu li.menu02 a{
		background:url(../images/menu.gif) no-repeat 0px -40px;}
	.menu li.menu03 a{
		background:url(../images/menu.gif) no-repeat 0px -80px;}
	.menu li.menu04 a{
		background:url(../images/menu.gif) no-repeat 0px -120px;}
	.menu li.menu05 a{
		background:url(../images/menu.gif) no-repeat 0px -160px;}
	.menu li.menu06 a{
		background:url(../images/menu.gif) no-repeat 0px -200px;}
	.menu li.menu07 a{
		background:url(../images/menu.gif) no-repeat 0px -240px;}
		
	.menu li.menu01 a:hover{
		background:url(../images/menu.gif) no-repeat 190px 0px;}
	.menu li.menu02 a:hover{
		background:url(../images/menu.gif) no-repeat 190px -40px;}
	.menu li.menu03 a:hover{
		background:url(../images/menu.gif) no-repeat 190px -80px;}
	.menu li.menu04 a:hover{
		background:url(../images/menu.gif) no-repeat 190px -120px;}
	.menu li.menu05 a:hover{
		background:url(../images/menu.gif) no-repeat 190px -160px;}
	.menu li.menu06 a:hover{
		background:url(../images/menu.gif) no-repeat 190px -200px;}
	.menu li.menu07 a:hover{
		background:url(../images/menu.gif) no-repeat 190px -240px;}
	

/* Footer =============================================== */

.totop{
	clear:both;
	float:right;
	height:1%;
	padding:15px 0 10px;}
	
	.totop a{
	 width:94px;
	 height:18px;
	 display:block;
	 text-indent:-9999px;
	 background:url(../images/totop.gif) no-repeat;}

#top #footer{
	margin-top:30px;}

#footer{
	clear:both;
	background:url(../images/footer_bg.gif) repeat-x top left;
	min-height:30px;
	height:1%;
	padding:10px;
	}


.copyright{
	float:right;
	color:#999999;
	clear:right;}


/* Link =============================================== */

.link{
	padding-left:15px;
	background:url(../images/icon_arrow.gif) no-repeat 0em 0.1em;}
.outlink{
	padding-left:15px;
	background:url(../images/icon_window.gif) no-repeat 0em 0.2em;}
	
.arrow{
	padding-left:15px;
	background:url(../images/icon_arrow2.gif) no-repeat left center;}


/*  FORM =============================*/

form .input_40w input,
form input.input_40w{
	width:40px;}
form .input_160w input,
form input.input_160w{
	width:160px;}
form .input_250w input{
	width:250px;}
form .input_100p input,
form input.input_100p{
	width:100%;}
form .textarea_250w30h textarea{
	width:250px;
	height:130px;}	
.headtit .date {
	text-align: right;
	color: #999999;
}