/* トップページ専用 */ 


/* MAIN_AREA
**************************************/
#MAIN_AREA {
	padding-top: 10px;
}
	#MAIN_AREA #CONTENTS_TITLE {
		margin-bottom: 20px;
		padding: 10px 15px 5px;
		background: #00accf;
	}
		#MAIN_AREA #CONTENTS_TITLE img {
			height: 32px;
		}
	#MAIN_AREA section {
		margin-bottom: 20px;
	}
		#MAIN_AREA section .block_title{
			min-height: 32px;
			margin-bottom: 20px;
			padding-top: 11px;
			padding-left: 53px;
			font-family: "Noto Sans Japanese", sans-serif;
			font-weight: 400;
		}
		/* form */
		#MAIN_AREA #FORM_AREA .block_title {
			background: url(/bin/image/contact/icon_contact.png) no-repeat scroll 0 0;
			background-size: 40px 40px;
		}
	/* FORM_AREA */
	#MAIN_AREA #FORM_AREA {
		margin: 0 10px;
	}
		#MAIN_AREA #FORM_AREA p {
			margin-bottom: 30px;
		}
		#MAIN_AREA #FORM_AREA .topicspath {
			margin-bottom: 15px;
			text-align: center;
		}
			#MAIN_AREA #FORM_AREA .topicspath li {
				position: relative;
				display: inline-block;
				padding: 2px 20px;
				border: 1px solid #64bcd8;
				border-radius: 2px;
				font-family: "Noto Sans Japanese", sans-serif;
				font-weight: 600;
				color: #00accf;
				background: #dff7ff;
			}
			#MAIN_AREA #FORM_AREA .topicspath li+li {
				margin-left: 15px;
			}
			#MAIN_AREA #FORM_AREA .topicspath li+li:before {
				content: ">";
				position: absolute;
				left: -14px;
				top: 4px;
				color: #999999;
				font-size: 12px;
				font-weight: 100;
				transform: scale( 0.7 , 2.0 );
			}
			/* active */
			#MAIN_AREA #FORM_AREA .topicspath li.active {
				border-color: #0099cc;
				color: #FFFFFF;
				background: #0099cc;
			}
			#MAIN_AREA #FORM_AREA .topicspath li.active:after {
				content: "";
				position: absolute;
				bottom: -10px;
				left: 29px;
				border: 5px solid transparent;
				border-top: 5px solid #0099cc;
			}
		#FORM_AREA table {
			width: 100%;
			border-top: 1px solid #000000;
			font-size: 12px;
			color: #666666;
		}
			#FORM_AREA tbody th, 
			#FORM_AREA tbody td {
				border-left: 1px solid #000000;
				border-right: 1px solid #000000;
				border-bottom: 1px solid #000000;
				vertical-align: top;
			}
			#FORM_AREA tbody th {
				display: block;
				padding: 10px 10px 10px;
				font-weight: normal;
				text-align: left;
				background: #f0efef;
			}
			#FORM_AREA tbody td {
				display: block;
				padding: 10px 10px;
				font-weight: normal;
				background: #FFFFFF;
			}
				#FORM_AREA tbody td input {
					width: 100%;
					height: 2em;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				#FORM_AREA tbody td textarea {
					width: 100%;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
			#FORM_AREA tfoot {
				text-align: center;
			}
				#FORM_AREA tfoot td {
					padding-top: 25px;
				}
					#FORM_AREA tfoot td a {
						display: inline-block;
						padding: 7px 20px;
						min-height: 22px;
						border-radius: 5px;
						color: #FFFFFF;
						font-size: 20px;
						font-family: "Noto Sans Japanese", sans-serif;
						font-weight: 200;
						text-decoration: none;
						
						box-shadow:rgba(100, 100, 100, 0.65) 0px 3px 3px -1px;
						-webkit-box-shadow:rgba(100, 100, 100, 0.65) 0px 3px 3px -1px;
						-moz-box-shadow:rgba(100, 100, 100, 0.65) 0px 3px 3px -1px;
						
						
					}
					#FORM_AREA tfoot td a+a {
						margin-left: 20px;
					}
					#FORM_AREA tfoot td a:before {
						content: "▲";
						display: inline-block;
						position: relative;
						top: -3px;
						margin-right: 15px;
						font-size: 10px;
						transform: rotate(90deg);
						-moz-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);
						
					}
					/* blue */
					#FORM_AREA tfoot td a.blue {
						border: 1px solid #0099cc;
						background: #0099cc;
					}
					/* gray */
					#FORM_AREA tfoot td a.gray {
						border: 1px solid #999999;
						background: #999999;
					}
					/* back */
					#FORM_AREA tfoot td a.back {
						padding: 9px 20px;
						font-size: 16px;
					}
					#FORM_AREA tfoot td a.back:before {
						transform: rotate(-90deg);
						-moz-transform: rotate(-90deg);
						-webkit-transform: rotate(-90deg);
					}
					
		/* error */
		#FORM_AREA #ERROR_AREA {
			margin-bottom: 15px;
			padding: 10px;
			border: 1px solid #FF9999;
			border-radius: 3px;
			color: #333333;
			background: #FFCCCC;
		}
			#FORM_AREA #ERROR_AREA ul {
				list-style: none;
			}
				#FORM_AREA #ERROR_AREA li.delete {
					position: relative;
					overflow: hidden;
					z-index: 1;
					margin-bottom: 5px;
					padding-left: 20px;
					min-height: 16px;
					font-size: 14px;
					background: url(/bin/image/contact/icon_error.png) no-repeat scroll 0 2px;
					background-size: 16px;
				}
		#FORM_AREA tbody td .error {
			border: 1px solid #ff3333;
		}
	
	/* complete */
	#MAIN_AREA .complete {}
		#MAIN_AREA .complete dl {
			padding: 40px 15px;
			border: 1px solid #64bcd8;
			border-radius: 5px;
			text-align: center;
		}
			#MAIN_AREA .complete dt {
				margin-bottom: 5px;
				font-size: 16px;
				font-weight: bold;
			}
			#MAIN_AREA .complete dd {
				font-size: 14px;
				line-height: 18px;
			}