@charset "utf-8";

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

 ++++ 椿の力 Stylesheet ++++

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

/* ---------------------------------
  Common
--------------------------------- */
body {
	background: #fff5eb;
}

em {
	font-weight: bold;
	color: #dd406b;
}


/* ---------------------------------
  Container
--------------------------------- */
#main {
	width: 100%;
	margin: 0 auto;
	background: url(../img/bg_main.png) center top repeat-y;
	text-align: center;
}

#container {
	width: 100%;
	margin: 0 auto;
	background: url(../img/bg_top.png) center top no-repeat;
	text-align: center;
}

/* ---------------------------------
  Keyvis
--------------------------------- */
#keyvis {
	background: url(../img/keyvis.png) center top no-repeat transparent;
	display: block;
	height: 1510px;
}

	#keyvis ul {
		display: table;
		width: 880px;
		padding-top: 1260px;
		margin: 0 auto;
		text-align: left;
	}

		#keyvis ul li {
			display: table-cell;
			width: 360px;
			padding: 0 25px;
			line-height: 1.7;
		}


/* ---------------------------------
 Toshimi
--------------------------------- */
.toshimi {
	width: 958px;
	margin: 0 auto;
	background: #fff5f8;
	padding: 0 0 20px;
}
	.toshimi h2 {
		margin-bottom: 20px;
	}

	.toshimi_table {
		width: 808px;
		margin: 0 auto;
	}
		.toshimi_table .row1 td {
			vertical-align: top;
		}

		.toshimi_name {
			background: url(../img/toshimi_name.png) left top no-repeat;
			width: 194px;
		}
			.toshimi_name p {
				padding-top: 155px;	
			}
				.toshimi_official {
					background-image: url(../img/toshimi_btn_official.png);
					background-repeat: no-repeat;
					background-position: 0 0;
					width: 170px;
					height: 27px;
					display: block;
				}
				.toshimi_official:hover {
					background-position: 0 -27px;
				}

		.toshimi_product {
			background: url(../img/toshimi_product.png) left top no-repeat;
			width: 184px;
		}

		.toshimi_price {
			background: url(../img/toshimi_price.png) left 10px no-repeat;
			width: 175px;
		}
			.toshimi_price p {
				padding-top: 90px;	
			}
				.toshimi_movie_btn {
					background-image: url(../img/toshimi_btn_watchmovie.png);
					background-repeat: no-repeat;
					background-position: 0 0;
					width: 151px;
					height: 94px;
					display: block;
				}
				.toshimi_movie_btn:hover {
					background-position: 0 -94px;
				}

		.toshimi_order {
			width: 255px;
		}
			.toshimi_order p {}

				.toshimi_order_btn {
					background-image: url(../img/toshimi_btn_order.png);
					background-repeat: no-repeat;
					background-position: 0 0;
					width: 255px;
					height: 186px;
					display: block;
				}
				.toshimi_order_btn:hover {
					background-position: 0 -186px;
				}

	.toshimi_table .row2 td {
		padding-top: 20px;
	}

/* ---------------------------------
 安 心
--------------------------------- */
#anshin {
	width: 960px;
	margin: 40px auto;
}

	#anshin_footer {
		background: url(../img/anshin_box_bg_bottom.png) center bottom no-repeat;
		height: 54px;
	}
	#anshin_header {
		background: url(../img/anshin_box_bg_top.png) center top no-repeat;
		height: 54px;
	}
	#anshin_body {
		background: url(../img/anshin_box_bg_body.png) center top repeat-y;
		padding: 10px 116px;
		text-align: center;
	}

		#anshin h3 {
			margin-bottom: 20px;
		}
		#anshin_txt {
			text-align: left;
			background: url(../img/anshin_photo.png) left top no-repeat;
			padding-left: 280px;
			font-size: 90%;
			line-height: 1.8;
		}

		#anshin_shigeki {
			margin-top: 20px;
		}
			#anshin_shigeki h4 {
				line-height: 1;
				padding: 0;
				margin: 0;
			}
				#anshin_shigeki h4 img {
					vertical-align: bottom;
				}

			#anshin_shigeki p {
				margin: 0 4px;
				padding: 12px 0;
				font-size: 90%;
				background: #fff;
				border: 1px solid #eba121;
			}
				#anshin_shigeki p em {
					color: #eba121;
				}

/* ---------------------------------
 ユーザーの声
--------------------------------- */
#voices {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 50px;
	background: url(../img/bg_uservoice.png) center top no-repeat;
}
	#voices h3 {
		text-align: center;
	}
		#voices h3 img {
			vertical-align: bottom;
		}

	#voices_box {
		width: 808px;
		margin: 0 auto;
		border: 1px solid #ff8c84;
		background: rgba(255,255,255,.5);
		box-sizing: border-box;
		text-align: left;
		padding: 36px 0 50px 0;
	}

		#voices_box #voices_monitor {
			padding: 0 0 10px;
			text-align: center;
		}

		#voices_box #voices_uservoice {
			width: 706px;
			margin: 0 auto;
		}
			#voices_uservoice h5 {
				margin: 0 0 10px;
			}

			#voices_box #voices_uservoice_box {
				height: 400px;
				border: 1px solid #ff8c84;
				box-sizing: border-box;
				overflow-y: scroll;
				overflow-x: hidden;
				background: #fff;
			}

				#voices_box #voices_uservoice_box dl {
					font-size: 80%;
					padding: 12px 20px;
					line-height: 1.5;
				}

					#voices_box #voices_uservoice_box dl dt {
						font-weight: bold;
						color: #dd406b;
					}

					#voices_box #voices_uservoice_box dl dd {
						border-bottom: 1px dotted #999;
						margin: 0 0 10px;
						padding: 0 0 6px;
					}

/* ---------------------------------
  Related Items
--------------------------------- */
#related-items {
	width: 958px;
	margin: 0 auto 40px;
	text-align: center;
}

	#related-items_content {
		width: 786px;
		margin: 12px auto;
		padding: 12px;
		background: #f7f6f2;
		text-align: center;
	}
		#related-items_content li {
			margin: 12px 0;
		}
		#related-items_content li a {
			display: block;
			width: 769px;
			margin: 0 auto;
			height: 160px;
		}
		#related-items_content li a:link,
		#related-items_content li a:visited {
			background-repeat:none;
			background-position: 0 0;
		}
		#related-items_content li a:hover {
			background-position: 0 -160px;
		}

/* ---------------------------------
  Interview
--------------------------------- */
#interview {
	width: 958px;
	margin: 0 auto 56px;
	text-align: center;
}

	#interview h3 {
		margin: 0;
		text-align: left;
	}

	#interview_content {
		width: 808px;
		margin: 0 auto;
		text-align: left;
	}
		#interview_header {
			background: url(../img/interview_header.png) left top no-repeat;
			height: 147px;
		}

		#interview_body {
			background: url(../img/interview_bg_body.png) left top repeat-y;
			padding: 0px 32px 30px;
		}

			#interview_body dl {
				padding: 2px 0 28px 0;
			}
				#interview_body dt {
					font-weight: bold;
					color: #3fb0ae;
					padding: 22px 0 12px;
					line-height: 1.7;				
				}
				#interview_body dd {
					line-height: 1.7;
				}

			#interview_profile {
				background: #e9f2f2;
			}
				#interview_profile_inner {
					background: url(../img/interview_profile.png) left top no-repeat;
					padding: 16px 28px 16px 130px;
				}
				#interview_profile_inner h4 {
					font-weight: bold;
					line-height: 1.6;
				}
				#interview_profile_inner p {
					font-size: 80%;
					line-height: 1.5;
					padding: 2px 0;
				}
					#interview_profile_inner p a {
						color: #dd406b;
					}

		#interview_footer {
			background: url(../img/interview_footer.png) left top no-repeat;
			height: 34px;			
		}

/* ---------------------------------
 Continue
--------------------------------- */
#continue {
	width: 958px;
	margin: 0 auto;
	background: #2f2f2f;
	padding: 66px 0 40px;
}

/* ---------------------------------
 Footer
--------------------------------- */
#footer {
	width: 958px;
	margin: 0 auto;	
	background: #dd406b;
	color: #fff;
	padding: 6px 0;
}
	#footer p {
		text-align: right;
		font-size: 70%;
		padding: 0 20px;
	}