@charset "utf-8";

/*
=============================================
[c!]COLORS -Think Innovation!-
http://www.colors.gr.jp/
info@colors.gr.jp
(C)2005 COLORS Co.,Ltd. All Rights Reserved.
--
Author: CLSTK @ COLORS! Coding Division
Version: 2005-08-12
---------------------------------------------

This is "form.css".

=============================================

---------------------------------------------
*/

/*
-----------------------------------------------
[1]: Form
-----------------------------------------------*/


.infoTxt {
	margin:15px 0 15px 0;
	font-size:75%;
}






/* item
-----------------------------------------------*/
form .item {
	width:200px;
	float:left;
	font-size:75%;
	font-weight:bold;
	_padding:0 0 0 5px;
}


/* input
-----------------------------------------------*/
form .input {
	width:300px;
	float:left;
	font-size:75%;
}


/* Gray
-----------------------------------------------*/
.BoxGray {
	width:536px;
	_width:558px;
	float:left;
	margin:0 0 0 11px;
	padding:10px 11px 5px 11px;
	background-color:#F2F2F2;
	/*border:1px solid #E47F8A;*/
}

/* White
-----------------------------------------------*/
.BoxWhite {
	width:536px;
	_width:558px;
	float:left;
	margin:0 0 0 11px;
	padding:10px 11px 5px 11px;
	_padding:10px 11px 5px 11px;
	background-color:#FFFFFF;
	/*border:1px solid #E47F8A;*/
}


/* etc
-----------------------------------------------*/

form #SendArea .submit {
	float:right;
	margin:30px 0 0 0;
	text-align:right;
	font-size:75%;
}

/*
form #SendArea .submit {
	margin:30px 0 0 0;
	text-align:right;
	font-size:75%;
}
*/

#FormNoteSet {
	background-color:#FAEEEE;
	margin:10px 0 0 0;
	padding:5px 11px 5px 11px;
	/*border:1px solid #E47F8A;*/
}

/* MLArea
-----------------------------------------------*/
#MLArea {
	width:547px;
	_width:569px;
	float:left;
	margin:0 0 0 -11px;
	padding:10px 11px 5px 11px;
	background-color:#D1EAF4;
	/*border:1px solid #E47F8A;*/
}

/* SendArea
-----------------------------------------------*/
#SendArea {
	/*width:480px;
	_width:520px;*/
	width:400px;
	_width:400px;
	border-top:1px dotted #989FA6;
	margin:50px 0 15px 11px;
	padding:15px 20px 5px 20px;
	/*border:1px solid #E47F8A;*/
}

#SendArea img.icon {
	margin:-5px 0 0 0;
}

#SendArea .NoteSet {
	margin:40px 0 0 0;
}

/* ErrorMessage
-----------------------------------------------*/
.ErrorMessage {
	/* display:block; */
	width:309px;
	_width:323px;
	float:left;
	margin:10px 0 5px 0;
	padding:7px;
	background-color:#FAEEEE;
	border:1px solid #E47F8A;
	color:#C90016;
	font-weight:bold;
	display:none;
}

.ErrorMessage02 {
	float:left;
	margin:30px 0 0 70px;
	text-align:right;
	font-size:75%;
/*	margin:0 20px 0 0; */
	padding:0 0 5px 0;
	color:#C90016;
	font-weight:bold;

}

.ErrorMessage03 {
	float:left;
	margin:30px 0 0 70px;
	text-align:right;
	font-size:75%;
/*	margin:0 20px 0 0; */
	padding:0 0 5px 0;
	color:#2857A5;
	font-weight:bold;
	display:none;

}

.ErrorMessage04 {
	float:left;
	margin:30px 0 0 0;
	text-align:right;
	font-size:75%;
/*	margin:0 20px 0 0; */
	padding:0 0 5px 0;
	color:#C90016;
	font-weight:bold;

}

.ErrorMessage05 {
	float:left;
	margin:30px 0 0 0;
	text-align:right;
	font-size:75%;
/*	margin:0 20px 0 0; */
	padding:0 0 5px 0;
	color:#2857A5;
	font-weight:bold;
	display:none;
}

form .NoteSet03 {
	margin:5px 0 0 0;
}

form input {
	margin:0 0 3px 0;
}

/*
**************************************************
変更分
**************************************************
*/

/* item
-----------------------------------------------*/
.item {
	width:200px;
	float:left;
	font-size:75%;
	font-weight:bold;
	_padding:0 0 0 5px;
}


/* input
-----------------------------------------------*/
.input {
	width:330px;
	float:left;
	font-size:75%;
}

/* Gray
-----------------------------------------------*/
.BoxGray {
	width:500px;
	_width:500px;
	float:left;
	
	/*margin:0 0 0 -11px;
	padding:10px 11px 5px 11px;*/
	background-color:#F2F2F2;
	/*border:1px solid #E47F8A;*/
}

/* White
-----------------------------------------------*/
.BoxWhite {
	width:500px;
	_width:500px;
	float:left;
	/*margin:0 0 0 -11px;
	padding:10px 11px 5px 11px;
	_padding:10px 11px 5px 11px;*/
	background-color:#FFFFFF;
	/*border:1px solid #E47F8A;*/
}


/* SendArea
-----------------------------------------------*/
#SendArea {
	display:block;
	/*width:529px;
	_width:559px;*/
	width:400px;
	_width:450px;
	border-top:1px dotted #989FA6;
	margin:35px 0 0 0;
	_margin:50px 0 0 0;
	padding:15px 20px 5px 20px;
	/*border:1px solid #E47F8A;*/
}



/*
**************************************************
追加分
**************************************************
*/

/*
-----------------------------------------------
[1]: MemberShip
-----------------------------------------------*/
/* Logoff*/
#flogoff {
	float:right;
	margin:-2px -10px 0 0;
	_margin:0 -15px 0 0;
	}



/* Btn MemberShip*/
.membership {
	margin:0;
	padding:0;

}

/*  Login
-----------------------------------------------*/
#LoginCaution {
	border:1px solid #E47F8A;
	margin:25px 0 40px 0;
	padding:5px 10px;
}

#LoginCaution p {
	font-size:62.5%;
}





/* LoginArea*/
#LoginArea {
	margin:0 0 0 -11px;
	_margin:0 0 0 -5px;
	padding:0;
}

#LoginArea td.box {
	width:555px;
	_width:569px;
	margin:0 0 0 0;
	padding:17px 11px 15px 11px;
	background-color:#E8F4FA;
	}


#LoginArea td.box h4 {
	width:500px;
	margin:0 0 4px 0;
	}

/**/
#LoginFormArea {
	width:547px;
	_width:547px;
	padding:0 0 0 15px;
	background-color:#B3E3F2;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #8AB4C1;
	border-bottom:1px solid #8AB4C1;

}

#LoginFormArea td {
	margin:0 auto;
	padding-left:12px;
}

#LoginFormArea .Box {
	/*width:394px;
	_width:394px;
	padding-left:44px;*/
	margin:15px 0 0 44px;
	_margin:15px 0 0 24px;
	float:left;
}

#LoginFormArea .Box .item {
	width:60px;
	margin:0 12px 0 0;
	float:left;
	font-size:75%;
	font-weight:bold;
}

#LoginFormArea .Box .input {
	width:322px;
	float:left;
	font-size:75%;
}

/**/
#LoginInputArea {
	width:525px;
	_width:525px;
	border-bottom:1px solid #8AB4C1;
}

#LoginInputArea td {
	padding-bottom:15px;
}


/**/
#LoginSubmitArea {
	width:525px;
	margin:0 0 10px 0;
	border-top:1px solid #FFFFFF;
	font-size:75%;
}

.LoginSubmit{
	margin:0 0 0 10px;
}

#LoginSubmitArea td {
	margin:0 0 10px 0;
	padding:10px 68px 0 0;
	text-align:right;
}

/**/
#Login {
	margin:30px 0 0 0;
}

#Login .DocTleB {
	width:554px;
	_width:569px;
	
}

#Login p.txt {
	margin-bottom:15px;
}

#Login ol {
	margin-top:0;
}



/*  ContactUs
-----------------------------------------------*/

#ContactUs #Login p.txt {
	margin-top:100px;
	margin-bottom:100px;
	font-size:87.5%;
	font-weight:bold;
	text-align:center;
}

#ContactUs #Login #FormNoteSet {
	margin-bottom:100px;
}




/*  Registration
-----------------------------------------------*/


#Kiyaku textarea {
	width:564px;
	_width:569px;
	margin:30px 0 20px 0;
	padding:0 0 0 5px;
}


#Agreement {
	text-align:right;
	font-size:75%;
	padding:0 20px 50px 0;
	border-bottom: 1px dotted #989FA6;
}



/* View-Registration
-----------------------------------------------*/
#ChangeArea {
	border-top:1px dotted #989FA6;
	margin:50px 0 0 0;
	padding:15px 0 0 0;
}

#ChangeArea .LinkListSet02 {
	padding-left:0;
}
/*EOF*/