@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		: 500;
		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		: bold;
	}

	.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		: 500;
		text-align		: left;
	}

	.agingPage .price table tbody tr td {
		padding			: 5px 10px;
		border			: 1px solid #231815;
		text-align		: right;
		font-weight		: 500;
		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		: 60px;
		margin			: 0 auto;
		padding			: 0 50px;
		background		: #ffffff url(img/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/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 {
			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/index/bg.png) 0 0 no-repeat;
		zoom		: 1;
	}

	#agingIndex > header {
		margin			: 0 0 0 350px;
		font-family		: "YuMincho","游明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		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-family		: "YuMincho","游明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		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/index/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;
		font-family		: "YuMincho","游明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", 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;
		}
	}



/* =========================================================
	laser.html
============================================================ */



	#agingLaser {
	}

	#agingLaser > header {
		padding			: 90px 400px 50px 30px;
		background		: #ffffff url(img/laser/bg.png) right center no-repeat;
		border-bottom	: 3px solid #d20300;
	}


	#agingLaser > header h3 {
		margin			: 0;
		padding			: 0;
		font-weight		: 700;
		font-size		: 13pt;
	}

	#agingLaser > header h2 {
		margin			: 30px 0 0 0;
		padding			: 0;
		font-size		: 12pt;
		font-weight		: 500;
	}

	#agingLaser > header h1 {
		margin			: 30px 0 0 0;
		padding			: 0;
		font-size		: 25pt;
		font-weight		: 700;
		font-family		: "YuMincho","游明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		color			: #d20300;
	}

	#agingLaser .catch {
		margin			: 80px 0 0 30px;
		font-size		: 12pt;
	}

	#agingLaser .catch > img {
		float			: right;
		margin			: -40px 0 0 20px;
	}

	#agingLaser .about {
		width			: 550px;
		margin			: 80px 0 0 30px;
		zoom			: 1;
	}
	#agingLaser .about:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	#agingLaser .recommend {
		margin			: 80px 0 0 0;
		padding			: 30px 0;
		background		: #fcf5f9 url(img/laser/recommend.png) right bottom no-repeat;
		zoom			: 1;
	}
	#agingLaser .recommend:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#agingLaser .recommend h3 {
		margin			: 0 6%;
		padding			: 0;
		font-size		: 14pt;
		font-weight		: 700;
		color			: #d20300;
	}

	#agingLaser .recommend p {
		margin			: 10px 6% 0;
		padding			: 0;
		font-size		: 12pt;
		font-weight		: 700;
	}



	#agingLaser .recommend ul {
		float			: left;
		width			: 44%;
		margin			: 20px 0 0 5%;
		padding			: 0;
	}

	#agingLaser .recommend ul li {
		line-height		: 44px;
		margin			: 0;
		padding			: 0 0 0 60px;
		list-style-type	: none;
		background		: url(img/laser/recommend_check.png) left center no-repeat;
		font-weight		: 700;
		font-size		: 12pt;
	}



	#agingLaser .images {
		margin			: 80px 0 0 0;
		padding			: 0;
		zoom			: 1;
	}
	#agingLaser .images:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#agingLaser .images h3 {
		margin			: 0;
		padding			: 10px 0 10px 70px;
		font-size		: 14pt;
		font-weight		: 700;
		color			: #d20300;
		border-bottom	: 3px solid #d20300;
		background		:url(img/laser/rose.png) left top no-repeat;
	}

	#agingLaser .images .image {
		float			: left;
		width			: 50%;
		margin			: 30px 0 0 0;
	}

	#agingLaser .images .image h4 {
		margin			: 0;
		padding			: 0;
		font-size		: 14pt;
		font-weight		: 700;
		color			: #d20300;
	}

	#agingLaser .images .image img {
		display			: block;
		margin			: 10px auto 0;
	}


	#agingLaser .images .image03 {
	}

	#agingLaser .images .image03 dl {
		margin			: 20px 0 0 0;
		padding			: 0;
	}

	#agingLaser .images .image03 dl dt{
		margin			: 0;
		padding			: 0;
		text-align		: center;
	}

	#agingLaser .images .image03 dl dd{
		margin			: 0;
		padding			: 0;
		text-align		: center;
	}

	#agingLaser .images .video01 {
		display			: block;
		position		: relative;
		float			: left;
		width			: 44%;
		margin			: 30px 0 0 5%;
		background		: #f0f0f0;
	}
	#agingLaser .images .video01:before { 
		content			: "";
    	display			: block;
		margin			: 0; 
		padding			: 56.25% 0 0 0;
	}

	#agingLaser .images .video01 iframe {
	    position		: absolute;
	    top				: 0;
	    left			: 0;
	    width			: 100%;
    	height			: 100%;
	}



	#agingLaser .prices {
		margin			: 80px 0 0 0;
		padding			: 0;
		zoom			: 1;
	}
	#agingLaser .prices:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#agingLaser .prices h3 {
		margin			: 0;
		padding			: 10px 0 10px 70px;
		font-size		: 14pt;
		font-weight		: 700;
		color			: #d20300;
		border-bottom	: 3px solid #d20300;
		background		:url(img/laser/rose.png) left top no-repeat;
	}


	#agingLaser .prices .price {
		margin			: 50px 0 0 30px;
		zoom			: 1;
	}
	#agingLaser .prices .price:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#agingLaser .prices .price h4 {
		margin			: 0;
		padding			: 0;
		font-size		: 12pt;
		font-weight		: 700;
		color			: #d20300;
	}



	#agingLaser .prices .price table {
		float			: left;
		width			: 55%;
		margin			: 10px 0 0 0;
	}

	#agingLaser .prices .price table tr th {
		width			: 70%;
	}



	#agingLaser .prices .price01 dl {
		float			: right;
		width			: 43%;
		margin			: 10px 0 0 0;
		font-size		: 9pt;
	}

	#agingLaser .prices .price01 dl dt {
		margin			: 0;
		padding			: 0;
		font-weight		: 700;
	}

	#agingLaser .prices .price01 dl dd {
		margin			: 0 0 0 2em;
		padding			: 0;
	}

	#agingLaser .prices .price01 dl dd ul {
		margin			: 0;
		padding			: 0;
	}

	#agingLaser .prices .price01 dl dd ul li {
		padding			: 0 0 0 1em;
		text-indent		: -1em;
		list-style		: none;
	}
	#agingLaser .prices .price01 dl dd ul li:before {
		content			: "※";
	}



	#agingLaser .prices .price02 > ul {
		float			: right;
		width			: 43%;
		margin			: 10px 0 0 0;
		font-size		: 9pt;
	}

	#agingLaser .green_title{
		margin			: 80px 0 0 0px;
		padding			: 0;
		zoom			: 1;
	}

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



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



		#agingLaser {
		}

		#agingLaser > header {
			padding				: 30px 30% 30px 5%;
			background-size		: 40% auto;
			background-position	: right -45px center;
		}

		#agingLaser > header h3 {
			font-size		: 12pt;
		}

		#agingLaser > header h2 {
			margin			: 10px 0 0 0;
			font-size		: 10pt;
		}
		#agingLaser > header h2 br {
			display			: none;
		}

		#agingLaser > header h1 {
			margin			: 10px 0 0 0;
			font-size		: 15pt;
		}



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

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

		#agingLaser .catch > img {
			width			: 40%;
			margin			: 0 0 10px 10px;
		}



		/* About --------------------------------- */

		#agingLaser .about {
			clear			: both;
			width			: auto;
			margin			: 0 5%;
			padding			: 30px 0 0 0;
		}



		/* こんな方に ---------------------------- */

		#agingLaser .recommend {
			margin			: 50px 5% 0;
			padding			: 30px 10px;
			background-position	: left bottom;
		}

		#agingLaser .recommend h3 {
			margin			: 0;
			font-size		: 14pt;
			text-align		: center;
		}

		#agingLaser .recommend p {
			margin			: 10px 0;
			padding			: 0;
			font-size		: 10pt;
			font-weight		: 500;
		}

		#agingLaser .recommend ul {
			float			: none;
			width			: auto;
			margin			: 0;
			padding			: 0;
		}

		#agingLaser .recommend ul li {
			font-size		: 10pt;
		}



		/* 症例イメージ -------------------------- */

		#agingLaser .images {
			margin			: 50px 5% 0;
		}

		#agingLaser .images h3 {
		}

		#agingLaser .images .image {
			float			: none;
			width			: auto;
			margin			: 30px 0 0 0;
		}

		#agingLaser .images .image h4 {
			font-size		: 12pt;
		}

		#agingLaser .images .image img {
			display			: block;
			margin			: 10px auto 0;
		}

		#agingLaser .images .video01 {
			width			: 100%;
			margin			: 30px auto 0;
		}



		/* 料金表 -------------------------------- */

		#agingLaser .prices {
			margin			: 50px 5% 0;
		}

		#agingLaser .prices .price {
			margin			: 50px 0 0 0;
		}

		#agingLaser .prices .price h4 {
		}

		#agingLaser .prices .price table {
			float			: none;
			width			: 100%;
			margin			: 10px auto 0;
		}

		#agingLaser .prices .price table tr th {
			width			: auto;
		}

		#agingLaser .prices .price01 dl {
			float			: none;
			width			: auto;
			margin			: 10px 0 0 0;
			font-size		: 9pt;
		}

		#agingLaser .prices .price02 > ul {
			float			: none;
			width			: auto;
			margin			: 10px 0 0 0;
			font-size		: 9pt;
		}

		/* 特徴 -------------------------------- */
		#agingLaser .green_title{
				margin			: 50px 5%;
			}

	}