@charset "utf-8";



/* CSS Document */



/*



==========================TOC(Table Of Contents)==========================



Style Name Last Up 04 03 2009 Susumu Nakahara







11:ページ個別スタイル4(login.css)



==========================================================================



*/



/*main content_free start*/











.form

{	



	font-size:90%;



	line-height:1.2;



	margin:20px auto 20px auto;



	width:640px;



	



	background-color:#FFF8F8;



	border:1px solid #BE80BC;



	color:#8C1D88;



	text-align:center;



	



	-moz-border-radius: 4px; /* for Fx */



	-webkit-border-radius: 4px; /* for Safari */



}



.form h3



{



	text-align:left;



	margin:0;



	padding:4px 8px 2px 8px;



	font-size:120%;



	background-image:url(form/bg_form_head.gif) ;



	background-repeat: repeat-x;



	background-position: left 2px;



}







.form .formcontent



{



	text-align:left;



	margin:10px auto 10px auto;



	width:620px;



}





.form table



{



	color:#8C1D88;



	width:100%;



	list-style:none;



	margin:0px;



	padding:0px;



}







.form tr



{



/*visibility: collapse;*/



}







.form th



{



	font-size:90%;



	padding: 6px;



	vertical-align: top;



	text-align: right;



	font-weight: bold;



	white-space:nowrap;







}











.form td



{

	padding: 1px;

	text-align:left;

	vertical-align:center;

}







.form .subcaption



{



	margin:0 2px 0 2px;



}











.form label



{



	margin-left:4px;



	margin-right:4px;



}







.form fieldset



{



	margin:4px;



	padding:0px 8px 0px 8px;



	-moz-border-radius: 8px; /* for Fx */



	-webkit-border-radius: 8px; /* for Safari */



	



	border:1px solid #BE80BC;



}











.form fieldset legend



{



	line-height:1.2;



	font-size:90%;



	font-weight:bold;



	padding:8px;



	color:#8C1D88;



	padding:4px;



	



}







.form fieldset ul.checklist



{



	clear:left;



	margin:0;



	padding:0;



	list-style:none;



}











.form fieldset li.checkitem



{



	margin:0;



	float:left;



	display:block;



	padding:2px 0 2px 0;



	width:190px;



}



.form fieldset li.checkitem input



{



	line-height:1.3em;



    margin:0;



	padding:0;



    float: left;



    width:1em;



}







.form fieldset li.checkitem label



{



	margin:0 0 0 1.2em;



	line-height:1.3em;



    display: block;



}







.form fieldset .clearleft



{



	clear:left;



	margin-top:8px;



}











.form .essential



{



	margin:0 4px 0 4px;



	font-weight:bold;



	color:#cc3366;



}



.form .help

{

	font-size:80%;

}







.form .comment



{



	margin:16px 8px 16px 8px;



	font-size:90%;



	font-weight:bold;



	padding:4px;



	border-bottom:1px dotted #BE80BC;



}







.form .error



{



        margin:16px 8px 16px 8px;



        font-size:90%;



        font-weight:bold;



        padding:4px;



        border-bottom:1px dotted #BE80BC;



	color: #c9171e;



}







.form .subblock



{



	padding:8px;



}











.form .text



{



	border:1px solid #BE80BC;



}







.form .checkbox



{



	border:1px solid #BE80BC;

	border:none;

	margin-top:5px;



}







.form .select



{



	border:1px solid #BE80BC;



	margin-right:4px;



}















.form .fullwidth



{



	width:400px;



}











.form .midwidth



{



	width:12em;



}







.form .smallwidth,

.form .minwidth



{



	width:8em;



}



.form .daywidth,

.form .twowidth,

.form .monthwidth

{

	width:2em;

}

.form .yearwidth

{

	width:3em;

}



.form .telwidth

{

	width:10em;

}









.form .buttons



{



	padding:8px 32px 8px 32px;



	text-align:right;



}



.form .buttons_center



{
	padding:8px 32px 8px 32px;
	text-align:center;
}



.form .buttons .button, .form .buttons_center .button



{



	line-height:30px;



	font-size:14px;



	font-weight:bold;



	color:#FFFFFF;



	border:none;



	background-color:#d81a78;



	background-image:url(form/btn_form.gif) ;



	background-repeat: no-repeat;



	background-position: left top;



	width:108px;



	height:34px;



}







.form .buttons a.button



{



        line-height:30px;



        font-size:14px;



display:block;



text-decoration:none;



text-align:center;



padding-top:3px;



        font-weight:bold;



        color:#FFFFFF;



        border:none;



        background-color:#d81a78;



        background-image:url(form/btn_form.gif) ;



        background-repeat: no-repeat;



        background-position: left top;



        width:108px;



        height:31px;



}







.form .buttons .button.long



{



	background-image:url(form/btn_form_long.gif) ;



	width:170px;



}







.form .buttons .button.long2



{



	background-image:url(form/btn_form_long2.gif) ;



	width:220px;



}











.form .links



{



	padding:8px;



	text-align:center;



}











.form .formscroll



{



	color:#333333;



	border:1px solid #BE80BC;



	background-color:#ffffff;



	height:300px;



	overflow:scroll;



	margin:8px 0 8px 0;







}







.form .formscroll .content



{



	font-size:90%;



	line-height:1.3;



	padding:4px;







}







/*main form extend style start*/







.form.login



{



	margin:100px auto 100px auto;



	width:440px;



}







.form.login .formcontent



{



	width:420px;



}







/*main form extend style end*/















/*main content_free end*/




