.clearfix:after{
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both; 
}

/****************************/
/* ログインフォーム用 */
/****************************/

div.side_login_form {
	width: 180px;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#c3c3c3;
	padding-bottom:5px;
}
div.side_login_form dt{
	float:left;
	padding-right:5px;
	padding-top:7px;
	padding-bottom:0px;
	width:70px;
	height:18px;
	font-size:77%;
	text-align:right;
}
div.side_login_form dd{
	float:left;
	padding-top:6px;
	font-weight:normal;
	font-size:77%;
	width:105px;
}
div.side_login_form p{
	text-align:center;
	font-size:77%;
	padding-top:5px;
}
.loginerror{
	color:#FF0000;
}
div.side_login_form  p.loginnickname{
	font-size:88%;
}
#login_key{
	width:97px;
	border:solid 1px #999999;
	height:18px;
}
#password{
	width:97px;
	border:solid 1px #999999;
	height:18px;
}
#loginbutton{
	display:block;
	background-image:url(../images/login/login_off.gif);
	text-indent:-9999px;
	overflow:hidden;
	width:97px;
	height:21px;
}
#loginbutton:hover,
#loginbutton:active{
	background-image:url(../images/login/login_on.gif);
}
#logoutbutton{
	display:block;
	background-image:url(../images/login/logout_off.gif);
	text-indent:-9999px;
	overflow:hidden;
	width:97px;
	height:21px;
}
#logoutbutton:hover,
#logoutbutton:active{
	background-image:url(../images/login/logout_on.gif);
}


/****************************/
/* ダイアログJS用 */
/****************************/
#overlay{
	position:absolute;
	top:0;
	left:0;
	opacity:0.7;
	background-color:#000000;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}
#preview,#dialog,#uploader{
	position:absolute;
	text-align:center;
	left:0;
	width:100%;
	
}
#preview_inner{
	margin:0 auto;
	padding:10px;
	background-color:#000000;
}
#uploader_inner,#dialog_inner{
	margin:0 auto;
	background-color:#ffffff;
	width:500px;
}


#dialog_inner{
	background-image:url(../images/bg_header_303030.gif);
	background-repeat:repeat-x;
	width:500px;
}
#dialog_content{
	border:none;
	overflow:hidden;
	width:500px;
}
body.dialog {
	width:500px;
}

#school_title{
	background-image:url(../images/dialog/reservation/bg_school_title.jpg);
	background-repeat:no-repeat;
	height:55px;
	text-align:left;
	text-indent:-9999px;
	width:500px;
}
#gym_title{
	background-image:url(../images/dialog/reservation/bg_gym_title.jpg);
	background-repeat:no-repeat;
	height:55px;
	text-align:left;
	text-indent:-9999px;
	width:500px;
}
#reissue_title{
	background-image:url(../images/dialog/password/bg_reissue_title.jpg);
	background-repeat:no-repeat;
	height:55px;
	text-align:left;
	text-indent:-9999px;
	width:500px;
}

#content h2{
	width:480px;
	padding-left:20px;
	margin-top:10px;
}
#content p{
	width:480px;
	padding-left:20px;
	margin-top:10px;
}
#content table{
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	margin-left:20px;
	margin-top:10px;
}
#content table th{
	width:50px;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding:3px;
	font-size:77%;
}
#content table td{
	width:260px;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding:3px;
	font-size:77%;
}
.f2f2f2{
	background-color:#f2f2f2;
}
#editor{
	width:460px;
	margin-top:10px;
	margin-left:20px;
	background:transparent url(../images/naiyo_bg.gif) repeat-x scroll left top;
	margin-bottom:10px;
	padding-bottom:0;
}
/*ie6*/
* html #editor{
	margin-left:10px;
}

.field{
	width:460px;
	margin-bottom:0px;
	background:transparent url(../images/naiyo_bg.gif) repeat-x scroll left bottom;
}
.field_label{
	width:140px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:90%;
}
.field_content{
	width:320px;
	padding-top:10px;
	padding-bottom:10px;
}
.field_footer {
	padding-top:20px;
}

.field_content input{
	width:220px;
}
.field_content textarea{
	width:300px;
}
.req{
	color:#FF0000;
}

.field_footer a.confirm{ background-image:url(../images/dialog/reservation/buttons/confirm_off.gif)}
.field_footer a.confirm:hover,
.field_footer a.confirm:active{ background-image:url(../images/dialog/reservation/buttons/confirm_on.gif);}
.field_footer a.return{ background-image:url(../images/dialog/reservation/buttons/return_off.gif)}
.field_footer a.return:hover,
.field_footer a.return:active{ background-image:url(../images/dialog/reservation/buttons/return_on.gif);}
.field_footer a.reservation{ background-image:url(../images/dialog/reservation/buttons/reservation_off.gif)}
.field_footer a.reservation:hover,
.field_footer a.reservation:active{ background-image:url(../images/dialog/reservation/buttons/reservation_on.gif);}
.field_footer a.send{ background-image:url(../images/dialog/password/buttons/send_off.gif)}
.field_footer a.send:hover,
.field_footer a.send:active{ background-image:url(../images/dialog/password/buttons/send_on.gif);}
.field_footer a.entry{ background-image:url(../images/password/buttons/entry_off.gif)}
.field_footer a.entry:hover,
.field_footer a.entry:active{ background-image:url(../images/password/buttons/entry_on.gif);}

.field_button a.contribution{ background-image:url(../images/bbs/buttons/contribution_off.gif)}
.field_button a.contribution:hover,
.field_button a.contribution:active{ background-image:url(../images/bbs/buttons/contribution_on.gif);}
.field_button a.reset{ background-image:url(../images/bbs/buttons/reset_off.gif)}
.field_button a.reset:hover,
.field_button a.reset:active{ background-image:url(../images/bbs/buttons/reset_on.gif);}
.field_button a.reply{ background-image:url(../images/bbs/buttons/reply_off.gif)}
.field_button a.reply:hover,
.field_button a.reply:active{ background-image:url(../images/bbs/buttons/reply_on.gif);}