@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
============================================================ */





	/* 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		: 60px;
		margin			: 0 auto;
		padding			: 0 50px;
		background		: #ffffff url(img/gynecology/next.png) right 10px center no-repeat;
		border			: 3px solid #d20300;
/*		border-radius	: 5px; */
		text-align		: center;
		color			: #07b0d8;
		font-weight		: bold;
		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 .btns ul li a.prev {
		background		: #ffffff url(img/gynecology/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		: bold;
		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 img {
			width			: auto;
			max-width		: 100%;
			vertical-align	: bottom;
		}


		/* 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;
		margin			: 0 0 0 10px;
		padding			: 100px 0 0 0;

		border-top		: 3px solid #d20300;
		background		: #fffefe url(img/gynecology/bg.png) 0 0 no-repeat;
		font-weight		: 500;
		zoom			: 1;
	}
	#agingIndex:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }




	#agingIndex > header {
		margin			: 0 0 0 350px;
		font-weight		: 500;
	}

	#agingIndex > header h2 {
		margin			: 0 0 0 10px;
		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			: 30px 0 0 0;
		padding			: 0;
		font-size		: 12pt;
		font-weight		: 500;
		line-height		: 1.8;
		zoom			: 1;
	}
	#agingIndex .catch:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

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

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



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

	#agingIndex #features {
		display		: block;
		position	: relative;
		margin		: 30px 0 0 0;
		padding		: 10px 30px 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		: 500;
	}

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

	#agingIndex #features img {
		float		: right;
	}



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



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



		#agingIndex {
			margin			: 0;
			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;
		}
	}