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

/*      　　    　form スタイルシート             */

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

.form {

	width: 577px;

	height: auto;

}

	.form .contents_box {

		width: 540px;

		margin-top: 10px;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 10px;

	}

		.form .contents_box h3 {

			line-height: 2em;

			font-size: 14px;

			color: #003300;

			font-weight: bold;

			text-indent: 10px;

		}

		.form .contents_box h4 {

			line-height: 2em;

			font-size: 12px;

			color: #003300;

			font-weight: bold;

			text-indent: 10px;

		}

		.form .contents_box .contents {

			font-size: 12px;

			line-height: 1.5em;

			margin-left: 10px;

			margin-bottom: 10px;

		}

			.form .contents_box .contents span {

				color: #880000;

				font-weight: bold;

			}

			.form .contents_box .contents em {

				color: #004000;

				font-weight: bold;

				font-style: normal;

			}

			.form .contents_box .contents a {

				color: #003366;

				font-weight: bold;

				text-decoration: none;

			}

				.form .contents_box .contents a:hover {

					color: #880000;

					font-weight: bold;

					text-decoration: underline;

				}

				

				

				

		.form .contents_box .order_main_box{

			/*border: 1px solid #008080;*/

			width: 540px;

			font-size: 12px;

		}

			.href {

				text-decoration: none;

			}

			.order_main_box .main_name {

				background-color: #008080;

				text-indent: 10px;

				line-height: 2em;

				font-weight: bold;

				color: #ffffff;

			}

				.order_main_box .main_name image {

					vertical-align: middle;

					padding-right: 10px;

				}

				.href .main_name {

					background-color: #003366;

				}

					.href .main_name:hover {

						background-color: #880000;

					} 

				.href .main_name span {

					padding-left: 30px;

				}

			.tabname {

				margin-top: 10px;

			}

			.form .contents_box .order_main_box table {

				width: 540px;

				border-collapse: collapse;

				border: 1px solid #008080;

			}

			.tab {

				display: none;

			}

				.form .contents_box .order_main_box table .name {

					width: 120px;

					text-indent: 10px;

					line-height: 2em;

					border-right: 1px solid #008080;

					border-bottom: 1px solid #008080;

				}

				.form .contents_box .order_main_box table .ct {

					width: 380px;

					text-indent: 10px;

					line-height: 2em;

					/*padding-left: 10px;*/

					border-bottom: 1px solid #008080;

				}

					.form .contents_box .order_main_box table .ct input {

						height: 18px;

						line-height: 18px;

						border: 1px solid #008080;

						display: block;

						color: #003366;

						font-weight: bold;

						margin-top: 3px;

						font-size: 14px;

						text-indent: 10px;

						margin-left: 10px;

					}

					.form .contents_box .order_main_box table .w01 input{

						width: 200px;

					}

					.form .contents_box .order_main_box table .w02 input{

						width: 90px;

					}

					.form .contents_box .order_main_box table .w03 input{

						width: 380px;

					}

						.form .contents_box .order_main_box table .ct a {

							color: #003366;

							font-weight: bold;

							text-decoration: none;

							padding-left: 10px;

						}

							.form .contents_box .order_main_box table .ct a:hover {

								color: #880000;

								font-weight: bold;

								text-decoration: underline;

							}

					.form .contents_box .order_main_box table .ct select {

						height: 18px;

						line-height: 18px;

						border: 1px solid #008080;

						margin-top: 3px;

						margin-bottom: 3px;

						font-size: 12px;

						vertical-align: middle;

						color: #003366;

						display: block;

						margin-left: 10px;

					}



						.form .contents_box .order_main_box table .w01 select{

							width: 120px;

						}

					.form .contents_box .order_main_box table .ct textarea {

						height: 100px;

						line-height: 18px;

						border: 1px solid #008080;

						margin-top: 3px;

						margin-bottom: 3px;

						font-size: 12px;

						vertical-align: middle;

						color: #003366;

						display: block;

						font-weight: bold;

						margin-left: 10px;

					}



						.form .contents_box .order_main_box table .w01 textarea{

							width: 380px;

						}

			.mess_box {

				border: 1px solid #008080;

				margin-top: 10px;

			}

				.mess_box p {

					margin-left: 10px;

					line-height: 2em;

				}

					.mess_box a {

						color: #003366;

						font-weight: bold;

						text-decoration: none;

					}

						.mess_box a:hover {

							color: #880000;

							font-weight: bold;

							text-decoration: underline;

						}

				.mess_box textarea {

					border: 1px solid #008080;

					width: 500px;

					height: 100px;

					color: #003366;

					display: block;

					margin-left: auto;

					margin-right: auto;

				}

				.mess_box div {

					width: 310px;

					margin-left: auto;

					margin-right: auto;

					margin-top: 10px;

					margin-bottom: 10px;

				}

					.mess_box div input {

						width: 150px;

						height: 20px;

					}

					

/*form2スタイル*/

.form2_box {

	border-bottom: 1px solid #008080;

	line-height: 2.5em;

}

	.form2_box span {

		padding-left: 10px;

		padding-right: 10px;

		font-weight: bold;

		color: #000080;

	}



.form2_box2 img {

	vertical-align: middle;

	padding-right: 10px;

}

.form2_box2 a{

	color: #003366;

	font-weight: bold;

	text-decoration: none;

	line-height: 3em;

}

	.form2_box2 a:hover {

		color: #880000;

		font-weight: bold;

		text-decoration: underline;

	}





ol.order_howto {

	margin-left: 15px;

	margin-bottom: 1em;

	padding: 0.7em 0.7em 0 0.7em;

	font-size: 14px;

	font-weight: bold;

	color: #003300;

	list-style-position: inside;

	border: 1px solid silver;

}

ol.order_howto li {

	margin-bottom: 0.8em;

}

ol.order_howto li h4 {

	font-size: 14px !important;

	line-height: 1.8em !important;

	text-indent: 0 !important;

	display: inline;

}

ol.order_howto li p {

	margin-left: 1em;

	font-size: 12px;

	color: black;

	font-weight: normal;

}