@charset "UTF-8";

/* -----------------------------------
 CAT body Treatment
----------------------------------- */
#cat-body-treatment {
	margin: 40px auto;
}

	#cat-body-treatment h2 {
		position: relative;
		text-align: left;
		font-size: 180%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #000;
		background: url(../images/common/lbl_heart.png) no-repeat 0 0;
		height: 40px;
		line-height: 40px;
		padding: 0 0 0 78px;
		overflow: hidden;
	}
	#cat-body-treatment h2:after {
		position: absolute;
		content: "";
		display: inline-block;
		background: #fff;
		border-top: 3px solid #f7c4c1;
		border-bottom: 1px solid #f7c4c1;
		height: 2px;
		width: 100%;
		margin: 0 0 0 20px;
		top: 17px;
	}	
	#cat-body-treatment > * {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

		/* -----------------------------------
		 Visual Image
		----------------------------------- */
		#visual-image {
			background: url(../images/catbodytreatment/visual-image_bg.png) no-repeat 0 0;
			width: 940px;
			height: 302px;
			margin: 40px auto 20px;
			padding: 38px 40px;
			box-sizing: border-box;
		}
			#visual-image p {
				font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho";
				font-size: 230%;
				color: #000;
				line-height: 1.4em;
			}
				#visual-image p em { color: #e87b75;}
			#visual-image .en {
				font-family: "Lora";
				font-style: italic;
				color: #e87b75;
				font-size: 120%;
				letter-spacing: 1px;
				margin: 110px 0 0;
			}

		/* -----------------------------------
		 Message
		----------------------------------- */
		#message {
			width: 940px;
			margin: 0 auto;
		}
			#message p {
				margin: 0 0 30px;
				line-height: 2em;
			}

		/* -----------------------------------
		 Flow
		----------------------------------- */
		#flow {
			width: 940px;
			margin: 40px auto;
		}
			#flow h3 {
				background: #f7c4c1;
				border: none;
				padding: 0;
				color: #fff;
				font-size: 130%;
				text-align: center;
				height: 38px;
				line-height: 38px;
			}
			#flow > div {
				border: 1px solid #f7c4c1;
				border-top: none;
				padding: 36px 41px 20px;
			}
				#flow dl {
					margin: -40px 0 0;
				}
					#flow dt {
						color: #df756f;
						font-size: 120%;
						margin: 40px 0 5px;
					}
					#flow dd {
						line-height: 2em;
					}
						#flow dd .thumb {
							float: left;
							padding: 0 25px 0 0;
						}

				#flow .box {
					background: #faf5f5;
					padding: 30px 33px;
					margin: 26px 0;
				}
					#flow .box dl {}
						#flow .box dt {
							line-height: 1.4em;
							font-size: 120%;
						}
						#flow .box dd {
							line-height: 1.6em;
						}

		/* -----------------------------------
		 Fee
		----------------------------------- */
		#fee {}
			#fee h3 {}
			#fee > div {
				width: 940px;
				margin: 40px auto;
			}
				#fee table {
					width: 100%;
					border-collapse: collapse;
					border-spacing: 0;
				}
					#fee tr {}
						#fee tr > * {
							border: 1px solid #d4d4d4;
							padding: 17px 23px;
						}
						#fee th {
							background: #f3f3f3;
							width: 40%;
						}
						#fee td {
							vertical-align: middle;
							font-weight: bold;
						}
				#fee .notes {
					margin: 10px 0;
				}
					#fee .notes p {}

		/* -----------------------------------
		 Place
		----------------------------------- */
		#place {}
			#place h3 {}
			#place > div {
				width: 940px;
				margin: 40px auto;
			}
				#place .thumb {
					float: left;
					padding: 0 20px 0 0;
				}
				#place .txt {}
					#place .txt p {
						font-size: 110%;
					}
					#place .notes {
						margin: 6px 0;
						font-size: 80%;
					}
						#place .notes p {}

		/* -----------------------------------
		 Voice 
		----------------------------------- */
		#voice {
			padding-bottom: 20px;
		}
			#voice h3 {}
			#voice > div {
				width: 940px;
				margin: 40px auto 0;
				padding: 30px 33px 20px;
				box-sizing: border-box;
				background: #fdf5f5;
				border: 1px solid #efe2e2;
			}
				#voice dl {}
					#voice dt {
						color: #df756f;
						font-size: 110%;
					}
					#voice dd {
						margin: 30px 0 0;
					}
						#voice .photo {
							float: left;
							width: 193px;
						}
						#voice .txt {
							float: right;
							width: 645px;
							margin: -25px 0 0;
						}
							#voice .txt p {
								margin: 25px 0;
							}

		/* -----------------------------------
		 Application
		----------------------------------- */
		#application {
			padding-bottom: 10px;
		}
			#application_inner {
				padding: 0 30px 20px;
			}
			#application div.notes {
				padding: 0;
			}
			#application_form {
				margin: 15px 0;
				background: #f3f3f3;
				border: 1px solid #dddddd;
				padding: 30px 37px;
				box-sizing: border-box;
			}
				#application_form form {
					width: 90%;
					margin: 0 auto;
				}
					#application_form table {
						width: 100%;
					}
						#application_form table th,
						#application_form table td {
							line-height: 1;
							vertical-align: middle;
							padding: 10px 0;
						}
						#application_form table th {
							width: 140px;
							text-align: right;
						}
						#application_form .required {
							color: #dd0000;
							font-size: 80%;
							display: inline-block;
							padding-right: 4px;
						}
						#application_form table td {
							padding-left: 20px;
						}
							/* Text Field */
							#application_form input[type=text],
							#application_form input[type=email],
							#application_form input[type=tel],
							#application_form input[type=date],
							#application_form select,
							#application_form textarea {
								background: #fff;
								border: 1px solid #cecece;
								-webkit-border-radius:3px;
								-moz-border-radius:3px;
								border-radius:3px;
								box-shadow:rgba(113, 135, 164, 0.227451) 0px 0px 6px 0px inset;
								-webkit-box-shadow:rgba(113, 135, 164, 0.227451) 0px 0px 6px 0px inset;
								-moz-box-shadow:rgba(113, 135, 164, 0.227451) 0px 0px 6px 0px inset;
								padding: 3px 7px;
								box-sizing: border-box;
								height: 38px;
							}

							/* Checkbox */
							#application_form span.wpcf7-list-item-label {
								margin-right: 14px;
							}

							/* Radio Button */
							#application_form option {}

							/* Text Area */
							#application_form textarea {
								width: 90%;
								height: 152px;
							}

							/* Submit Button */
							#application_form input[type=submit] {
								position: relative;
								z-index: 1;
								border: none;
								background: #f8b734;
								-webkit-border-radius: 5px;
								-moz-border-radius: 5px;
								border-radius: 5px;
								text-align: center;
								color: #fff;
								font-size: 120%;
								line-height: 2;
								margin-top: 10px;
								padding: 6px 40px;
								cursor: pointer;
								-moz-transition: all .2s ease;
								-webkit-transition: all .2s ease;
								transition: all .2s ease;
							}
							#application_form input[type=submit]:hover {
								background: #ffaa00;
							}

							#application_form ul {}
								#application_form li {
									display: inline-block;
									margin: 0 10px 0 0;
								}

				#application .notes {
					padding-bottom: 10px;
				}
					#application .notes p {
						font-size: 90%;
					}

			/* Contact Form 7  messages & alerts */
			#application .wpcf7-not-valid-tip {
				display: block;
				margin-top: 4px;
			}
			#application .wpcf7-response-output {
				padding: 8px 20px;
				text-align: center;
				border-radius: 6px;
				margin: 20px 0;
			}
			#application .wpcf7-validation-errors {
				background: #FFECEC;
				border-color: #FFBABA;
			}
			#application .wpcf7-mail-sent-ok {
				background: transparent;
				border: none;
				color:#306611;
			}