@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Form Layout <<<-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* common style */

.section {
	padding-top:20px;}

.section span.plainLink{
	line-height:1.8 !important;
	}
	
.section p{
margin-bottom:10px;}

.section span.plainLink a{
	background:url(/static/images/ico_green.gif) 5px 3px no-repeat;
	padding:3px 5px 3px 25px;
	text-decoration:none;
	}
	
	.section span.plainLink a:hover{
	background:url(/static/images/ico_green_on.gif) 5px 3px no-repeat #88CFFF;
	color:#FFFFFF;
	text-decoration:none;
	}
	
strong.msg{
	color:#FF6600;
	font-weight:bold;
	font-size:112.5%;}
	
.section .planeBox{
	font-size:81.25%;
	}

/* Form Table Style */	

.section table.form{
	font-size:81.25%;
	line-height:1.2;
	border-collapse:collapse;
	margin-bottom:20px;}
	
	.section table.form td,
	.section table.form th{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px;}

	
	.section table.form th{
		text-align:right;
		width:180px;
		background:#F3F3F3;
		border-right:1px dotted #CCC;
		font-weight:bold;
		color:#666;}
		
		.section table.form th .cap{
			font-weight:lighter;}
		
		.section table.form th.required{
		background:#F3F3F3 url(/static/images/icon_required.gif) 0 2px no-repeat;
		}

		.section table.form input.txt{
		border:1px solid #CCC;
		padding:5px;}
		
		.section table.form input.sizeM{
		width:300px;}
		
		.section table.form input.sizeS{
		width:100px;}
		
		
		.section table.form textarea{
		border:1px solid #CCC;
		width:400px;
		height:200px;}
		
		.section table.form p.error{
		color:#CC6699;
		background:url(/static/images/icon_error.gif) 0 3px no-repeat;
		padding-left:15px;
		margin-bottom:5px !important;}
		
		.section table.form input.radio{
			margin-right:5px;}
		
		.section table.form td.required ul{
			margin-left:0;
			list-style-type:none;}
		
		.section table.form td.required li{
		display:block;
		float:left;
		margin-right:20px;
		margin-bottom:10px;
		line-height:100%;
		white-space:nowrap;}
		
		.section table.form td.required li input{
		margin-right:5px;}
		
		.section table.form td.required input#skype_id{
			/*float:left;*/}
		
		
		.section table.form td.required input#confirm_skype_id:hover{
		background:url(/static/images/mypage/btn_check_skype_id.jpg) no-repeat 0 -24px;
		cursor:pointer;}
		
		.section .formArea input.check{
			background:url(/static/images/mypage/btn_check.gif) 0 0 no-repeat;
			display:block;
			border:0;
			width:212px;
			height:44px;
			overflow:hidden;
			text-indent:-9999px;
			margin:0 auto 0 auto;}
			
			.section .formArea input.check:hover{
				cursor:pointer;
				background:url(/static/images/mypage/btn_check.gif) 0 -44px no-repeat;}
		
		
		/* attention */		
		div.attention{
		background:#E8E8E8;
		-webkit-border-radius: 3px;	/* Safari、Google Chrome */
		-moz-border-radius: 3px;	/* Firefox */
		color:#333;
		line-height:130%;
		text-align:left;
		padding:5px;}
		
		div.attention table td{
			border-top:0 !important;
			border-bottom:0 !important;
			font-size:82.15%;
			line-height:140%;}
		
		div.attention strong{
			color:#FF3366;
			font-weight:bold;
			margin-bottom:5px;}
			
		div.attention a.newwin{
		background:url(/static/images/mypage/icon_open_window.gif) no-repeat 0 2px;
		padding-left:15px;
		margin-right:10px;
		font-weight:bold;}
	
		
		/* Check Button */
		.section input.check{
			background:url(/static/images/mypage/btn_check.gif) 0 0 no-repeat;
			display:block;
			border:0;
			width:212px;
			height:44px;
			overflow:hidden;
			text-indent:-9999px;
			margin:0 auto 0 auto;}
			
			.section input.check:hover{
				cursor:pointer;
				background:url(/static/images/mypage/btn_check.gif) 0 -44px no-repeat;}
		
		/* Login Button */
		.section input.login{
			background:url(/static/images/btn_login.gif) 0 0 no-repeat;
			display:block;
			border:0;
			width:212px;
			height:44px;
			overflow:hidden;
			text-indent:-9999px;
			margin:0 auto 0 auto;}
			
			.section input.login:hover{
				cursor:pointer;
				background:url(/static/images/btn_login.gif) 0 -44px no-repeat;}
				
		/* Send Mail Button */
		.section input.sendMail{
			background:url(/static/images/btn_sendmail.gif) 0 0 no-repeat;
			display:block;
			border:0;
			width:212px;
			height:44px;
			overflow:hidden;
			text-indent:-9999px;
			margin:0 auto 0 auto;}
			
			.section input.sendMail:hover{
				cursor:pointer;
				background:url(/static/images/btn_sendmail.gif) 0 -44px no-repeat;}
				
		/* Enter Button */
			
		.section #btnBox{
			width:434px;
			margin:0 auto 0 auto;}
			
		.section input.enter{
			background:url(/static/images/btn_enter.gif) 0 0 no-repeat;
			display:block;
			float:left;
			border:0;
			width:212px;
			height:44px;
			overflow:hidden;
			text-indent:-9999px;
			}
			
			.section input.enter:hover{
				cursor:pointer;
				background:url(/static/images/btn_enter.gif) 0 -44px no-repeat;}
				
			.section a.back{
				background:url(/static/images/btn_back.gif) 0 0 no-repeat;
				display:block;
				float:left;
				border:0;
				width:212px;
				height:44px;
				overflow:hidden;
				text-indent:-9999px;
				margin-right:10px;
				}
				
				.section a.back:hover{
				cursor:pointer;
				background:url(/static/images/btn_back.gif) 0 -44px no-repeat;}
				
				
				
		/* Set Button */
		.section input.set{
			background:url(/static/images/btn_reminder.gif) 0 0 no-repeat;
			display:block;
			border:0;
			width:212px;
			height:44px;
			overflow:hidden;
			text-indent:-9999px;
			margin:0 auto 0 auto;}
			
			.section input.set:hover{
				cursor:pointer;
				background:url(/static/images/btn_reminder.gif) 0 -44px no-repeat;}