@charset "utf-8";
/* CSS Document */


@import url(../../styles2017/common_pc.css);
@import url(../../styles2017/common_sp.css) only screen and (max-width: 760px);



/* =========================================================
	Common Parts
============================================================ */



	.agingPage {
		display			: block;
		position		: relative;
		margin			: 0 0 0 10px;
		padding			: 0;
		border-top		: 3px solid #d20300;
		font-weight		: 400;
		zoom			: 1;
	}
	.agingPage:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	/* Price Table ------------------------------- */



	.agingPage .price table {
		table-layout	: auto;
		border			: 1px solid #231815;
		border-spacing	: 0;
		border-collapse	: collapse;
	}

	.agingPage .price table thead {
		background		: #f0f0f0;
	}

	.agingPage .price table thead tr th,
	.agingPage .price table thead tr td {
		padding			: 5px 10px;
		border			: 1px solid #231815;
		text-align		: center;
		font-weight		: 700;
	}

	.agingPage .price table tbody {
		background		: #ffffff;
	}

	.agingPage .price table tbody tr th {
		width			: 60%;
		padding			: 5px 10px;
		border			: 1px solid #231815;
		vertical-align	: top;
		font-weight		: 400;
		text-align		: left;
	}

	.agingPage .price table tbody tr td {
		padding			: 5px 10px;
		border			: 1px solid #231815;
		text-align		: right;
		font-weight		: 400;
		vertical-align	: top;
	}


	.agingPage .price table tbody tr td strong {
		font-size		: 8pt;
		color			: #ff0000;
	}

	.agingPage .price > ul {
		margin			: 10px 0 0 40px;
		padding			: 0;
		font-size		: 8pt;
	}

	.agingPage .price > ul li {
		padding			: 0 0 0 1em;
		text-indent		: -1em;
		list-style		: none;
	}
	.agingPage .price > ul li:before {
		content			: "※";
	}



	/* Common Parts : Buttons ------------------------------ */


	.agingPage .btns {
		display			: block;
		position		: relative;
		margin			: 50px 0 0 0;
		padding			: 0;
		overflow		: hidden;
	}

	.agingPage .btns ul {
		display			: block;
		position		: relative;
		float			: right;
		left			: -50%;
		margin			: 0;
		padding			: 0;
		zoom			: 1;
	}
	.agingPage .btns ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	.agingPage .btns ul li {
		display			: block;
		position		: relative;
		float			: right;
		left			: 50%;
		margin			: 0 10px;
		padding			: 0;
	}

	.agingPage .btns ul li a {
		display			: block;
		width			: 200px;
		height			: 60px;
		line-height		: 65px;
		margin			: 0 auto;
		padding			: 0 50px;
		overflow		: hidden;

		border			: 3px solid #d20300;
		box-shadow			: 0px 0px 5px 1px rgba(0,0,0,0.3);
		-moz-box-shadow		: 0px 0px 5px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow	: 0px 0px 5px 1px rgba(0,0,0,0.3);

		color			: #d20300;
		font-weight		: 700;
		font-size		: 14pt;
		text-align		: center;
		text-decoration	: none;

		background		: #ffffff url(img/next.png) right 10px center no-repeat;
	}

	.agingPage .btns ul li a.prev {
		background		: #ffffff url(img/prev.png) left 10px center no-repeat;
	}

	.agingPage .btns ul li a img {
		vertical-align	: middle;
	}

	.agingPage .btns ul li a:hover {
		background		: #f9bfbe;
		color			: #ffffff;
		text-decoration	: none;
		border-color	: #f9bfbe;
	}





	/* Common Parts : Back Button -------------------------- */



	.agingPage > .back {
		display			: block;
		position		: relative;
		margin			: 100px 0 0;
		padding			: 0;
	}

	.agingPage > .back a {
		display			: block;
		line-height		: 1;
		width			: 200px;
		margin			: 0 auto;
		padding			: 15px;
		background		: #ffffff;
		border			: 2px solid #07b0d8;
/*		border-radius	: 5px; */
		text-align		: center;
		color			: #07b0d8;
		font-weight		: 700;
		font-size		: 12pt;
		text-decoration	: none;
		box-shadow			: 0px 0px 5px 1px rgba(0,0,0,0.3);
		-moz-box-shadow		: 0px 0px 5px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow	: 0px 0px 5px 1px rgba(0,0,0,0.3);
	}

	.agingPage > .back a:hover {
		background		: #f26a7d;
		color			: #ffffff;
		text-decoration	: none;
		border-color	: #f26a7d;
	}



	/* -----------------------------------------------
		SP Extension
	-------------------------------------------------- */



	@media only screen and (max-width: 760px) {



		/* Common Parts ========================== */


		.agingPage {
			margin			: 0;
		}

		.agingPage img {
			width			: auto;
			max-width		: 100%;
			vertical-align	: bottom;
		}



		/* Price Table -------------------------- */


		.agingPage .price table {
			display			: block;
			position		: relative;
			border			: 0;
			margin			: 10px 5% 0;
			padding			: 0;
		}

		.agingPage .price table thead {
			display:none;
		}

		.agingPage .price table tbody,
		.agingPage .price table tbody tr,
		.agingPage .price table tbody tr th,
		.agingPage .price table tbody tr td {
			display			: block;
			position		: relative;
			width			: auto;
			margin			: 0;
			padding			: 0;
			border			: 0;
		}

		.agingPage .price table tbody tr {
			margin			: 10px 0 0 0;
		}
		.agingPage .price table tbody tr:first-child {
			margin			: 0;
		}

		.agingPage .price table tbody tr th {
			padding			: 5px 0;
			border-top		: 1px dotted #666;
		}

		.agingPage .price table tbody tr td {
			margin			: 5px 0 0 0;
			padding			: 5px 0;
			border-bottom	: 1px dotted #666;
		}

		.agingPage .price > ul {
			margin			: 30px 5% 0;
		}



		/* Common Parts : Buttons --------------- */

		.agingPage .btns {
			margin			: 40px 5% 0;
			overflow		: visible;
		}

		.agingPage .btns ul {
			float			: none;
			left			: auto;
		}

		.agingPage .btns ul li {
			float			: none;
			left			: auto;
			margin			: 10px 0 0 0;
			padding			: 0;
		}

		.agingPage .btns ul li a {
			width			: auto;
		}



		/* Common Parts : Back Button ----------- */

		.agingPage > .back {
			margin			: 50px 5% 0;
		}

		.agingPage > .back a {
			width			: auto;
		}
	}



/* =========================================================
	index.html
============================================================ */



	#agingIndex {
		display		: block;
		position	: relative;
		padding		: 100px 0 0 0;
		background	: #fffefe url(img/gynecology/bg.png) 0 0 no-repeat;
		zoom		: 1;
	}

	#agingIndex > header {
		margin			: 0 0 0 350px;
		padding			: 0 40px 0 0;
		font-family		: 'Playfair Display', serif;
		font-weight		: 400;
	}

	#agingIndex > header h2 {
		margin			: 0;
		padding			: 0;
		font-size		: 12pt;
		font-weight		: 700;
	}

	#agingIndex > header h1 {
		margin			: 10px 0 0 0;
		padding			: 0;
		font-size		: 20pt;
		font-weight		: 700;
		line-height		: 1.2;
	}



	/* Catch ------------------------------------- */

	#agingIndex .catch {
		margin			: 40px 40px 0 40px;
		padding			: 0;

		font-family		: 'Playfair Display', serif;
		font-size		: 11pt;
		font-weight		: 400;
		line-height		: 1.5;

		zoom			: 1;
	}
	#agingIndex .catch:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#agingIndex .catch > img {
		float			: left;
		margin			: -110px 15px 20px 0;
	}

	#agingIndex .catch .sign {
		float			: right;
		width			: 15em;
		margin			: 0;
	}



	/* 特長 -------------------------------------- */

	#agingIndex #features {
		display		: block;
		position	: relative;
		margin		: 30px 0 0 0;
		padding		: 10px 40px 30px;
		background	: #fffefe url(img/gynecology/feature.png) left bottom no-repeat;
		border		: 3px solid #d30300;
		border-radius	: 10px;
		zoom		: 1;
	}
	#agingIndex #features:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#agingIndex #features h3 {
		display		: block;
		position	: absolute;
		left		: 30px;
		top			: 40px;
		width		: 300px;
		margin		: 0;
		color		: #d30300;
		font-weight	: 700;
	}


	#agingIndex #features dl {
		margin		: 0 0 0 300px;
		padding		: 0;
	}

	#agingIndex #features dl dt {
		margin		: 30px 0 0 0;
		padding		: 0;

		color			: #d30300;
		font-size		: 12pt;
		font-weight		: 400;
		font-family		: 'Playfair Display', serif;
	}

	#agingIndex #features dl dd {
		margin		: 0;
		padding		: 0;
	}

	#agingIndex #features img {
		float		: right;
	}



	/* -----------------------------------------------
		SP Extension
	-------------------------------------------------- */



	@media only screen and (max-width: 760px) {



		#agingIndex {
			padding		: 150px 0 0 0;
			background-position	: -100px top;
		}

		#agingIndex > header {
			margin			: 0;
			padding			: 0 5%;
		}

		#agingIndex > header h2 {
			margin			: 0;
			font-size		: 12pt;
		}
		#agingIndex > header h2 br {
			display			: none;
		}

		#agingIndex > header h1 {
			font-size		: 15pt;
		}



		/* Catch -------------------------------- */


		#agingIndex .catch {
			margin			: 50px 5% 0;
			font-size		: 10pt;
		}

		#agingIndex .catch > img {
			float			: none;
			display			: block;
			width			: auto;
			max-width		: 90%;
			margin			: 50px auto 20px;
		}



		/* 特長 -------------------------------------- */

		#agingIndex #features {
			margin		: 50px 5% 0;
			padding		: 30px 10px;
			background	: #ffffff;
		}

		#agingIndex #features h3 {
			position	: relative;
			left		: auto;
			top			: auto;
			width		: auto;
			margin		: 0;
			text-align	: center;
		}

		#agingIndex #features dl {
			margin		: 0;
		}

		#agingIndex #features img {
			float		: right;
		}
	}