@charset "utf-8";

#footer {

}

#about1day,
#flowend,
#info,
#price,
#message {
	padding-top:50px;
    margin-top:-50px;

}

footer {
	display:block;
}

html {
	color:#434343;
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku GothicPro", osaka, sans-serif;
	font-size:62.5%;
}

body {
	font-size:20px;
	font-size:2rem;
}

.end {
	margin-right:0 !important;
	margin-bottom:0 !important;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

a {
	color:#3474d6;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .80; /* Safari 1.x */
}

a:focus {
	overflow:hidden;
	outline:none;
}


.b {font-weight:bold;}
.s {font-size:0.75em;}
.center {text-align:center;}

.red {color:#dd2e2f;}
.pink {color:#E85377;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}



table {
	margin-bottom:20px;
	border-top:1px solid #ccc;
}

table tr {
	background:none;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

table tr th,
table tr td {
	text-align:left;
	padding:8px 12px;
	line-height:1;
}

table tr th {
	background:none;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
	color:#01378a;
	border-right:1px solid #ccc;
}

table tr td {
	border-right:1px solid #ccc;
	line-height:1.4;
}

p{margin-bottom: 8px;}

/* ------------------------------------------------
	■ clearfix ■
------------------------------------------------ */
.cf,
header,
footer,
.wrap,
nav,
#main,
#container { zoom: 1; }

.cf:before, .cf:after,
header:before, header:after,
.wrap:before, .wrap:after,
footer:before, footer:after,
nav:before, .nav:after,
#main:before, #main:after,
#container:before, #container:after { content: ""; display: table; }

.cf:after,
header:after,
.wrap:after,
.footer:after,
nav:after,
#main:after,
#container:after { clear: both; }


/* ------------------------------------------------
	■ width ■
------------------------------------------------ */
.wrap,
nav ul,
#main ,
#footer section {
	max-width:950px;
	margin:0 auto;
}



/* ------------------------------------------------
	■ nav ■
------------------------------------------------ */
nav select {
      display: none;
}

nav h1 {display: none;}

@media screen and (min-width: 950px) {
nav {
	background:#e95378;
	min-height:60px;
	position:fixed;
	width:100%;
}

nav ul li a {
	background:url(../../img/nav.png) no-repeat;
	float:left;
	display:block;
	min-height:60px;
	text-indent:-9999px;
	overflow:hidden;
	white-space:nowrap;
}

nav ul li.nav01 a {width:91px;background-position:0px 0px;}
nav ul li.nav02 a {width:177px;background-position:-91px 0px;}
nav ul li.nav03 a {width:169px;background-position:-268px 0px;}
nav ul li.nav04 a {width:145px;background-position:-437px 0px;}
nav ul li.nav05 a {width:109px;background-position:-582px 0px;}
nav ul li.nav06 a {width:163px;background-position:-691px 0px;}
nav ul li.nav07 a {width:96px;background-position:-854px 0px;}

nav ul li.nav01 a:hover {width:91px;background-position:0px -60px;}
nav ul li.nav02 a:hover {width:177px;background-position:-91px -60px;}
nav ul li.nav03 a:hover {width:169px;background-position:-268px -60px;}
nav ul li.nav04 a:hover {width:145px;background-position:-437px -60px;}
nav ul li.nav05 a:hover {width:109px;background-position:-582px -60px;}
nav ul li.nav06 a:hover {width:163px;background-position:-691px -60px;}
nav ul li.nav07 a:hover {width:96px;background-position:-854px -60px;}

}

@media screen and (max-width: 949px) {
nav {
	background:#e95378;
	position:fixed;
	width:100%;
}

nav ul li {
	white-space:nowrap;
}

nav ul li a {
	background:none;
	text-indent:0;
	color:#fff;
	text-decoration:none;
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	float:left;
	border-right:1px solid #fff;
	padding:1.321052631578947% 1.61052631578947%;
}

nav ul li:last-child a {

}

.wrap {
	padding:0 3.125%;
}

}




/* ------------------------------------------------
	■ main ■
------------------------------------------------ */
#main {
	padding:8% 0 0px 0;
	margin-bottom:45px !important;
}

#main h1 {
	margin:0 0 3.789473684210526% 0;
	background:none;
	padding:0;
	height:auto;
	line-height:0;
}

#main h2 {
	margin:0 0 3.789473684210526% 0;
}

#main .copy {margin-bottom:20px;}
#main .copy dl dt {
	width:57.89473684210526%;
	float:left;
}
#main .copy dl dt img {
	margin-bottom:15px;
}

#main .copy dl dd {
	width:38.94736842105263%;
	float:right;
}



/* ------------------------------------------------
	■ wrap ■
------------------------------------------------ */
section {
	margin-bottom:70px;
}

section h1 {
	backgorund-color:#e95378;
	background-image:url(../../img/title_bg.png),url(../../img/title_bg_bg.png);
	background-repeat:no-repeat,repeat-x;
	background-position:center center,0px 0px;
	height:80px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:52px;
	font-size:5.2rem;
	line-height:1.7;
	margin:0 0 40px 0;
}

section h2.h2_common {
	color:#E85377;
	font-size:32px;
	font-size:3.2rem;
}

section h2.h2_common2 {
	font-size:30px;
	font-size:3rem;
	color:#6A1A00;
	font-weight:normal;
	margin:0 0 10px;
}

.gray {
	background:#f0f0f0;
	padding:4% 3.125% 1px 3.125%;
	margin:0 0 40px;
	border-radius:10px;
}

.gray h3 {
	color:#E85377;
	font-size:32px;
	font-size:3.2rem;
	text-align:center;
	font-weight:normal;
	margin:0 0 14px;
}

.gray p.center {
	margin-bottom:10px !important;
}

.lrbox .left {
	width:628px;
	float:left;
}

.lrbox .right {
	width:300px;
	float:right;
}


/* ------------------------------------------------
	■ why ■
------------------------------------------------ */
#why p {
	line-height:40px;
	line-height:4rem;
	margin:0 0 40px;
}

#why .left {
	width:526px;
	float:left;
}

#why .cf {
	margin:0 0 30px;
}

#why .right {
	width:401px;
	float:right;
}

#why .right p {
	margin:0 0 10px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
}

#why .right p .b {
	font-size:18px;
	font-size:1.8rem;
}



/* ------------------------------------------------
	■ about1day ■
------------------------------------------------ */
#about1day dd,
#about1day li,
#about1day p {
	line-height:40px;
	line-height:4rem;
	margin:0 0 40px;
}

#about1day li {
	margin:0;
}

#about1day li .pink {
	font-weight:bold;
}

#about1day section {
	margin:0 0 20px;
}

#about1day dl dt {
	background:#e85377;
	color:#fff;
	border-radius:5px;
	font-size:24px;
	font-size:2.4rem;
	padding:7px 14px 5px;
	font-weight:bold;
}



/* ------------------------------------------------
	■ price ■
------------------------------------------------ */
#price .inner:first-child {
	border-top:none;
	padding-top:0;
	margin-top:0;
}

#price .intro {
	background:#f0f0f0;
	border-radius:5px;
	padding:10px 14px;
	margin:0 0 30px 0;
}

#price .intro dt {
	color:#E85377;
	font-size:32px;
	font-size:3.2rem;
	font-weight:normal;
}

#price .price_graph {
	text-align:center;
	margin: 0 0 12px 0;
}

#price .price_graph li {
	display:inline-block;
}

#price .pink {font-weight:bold;}

#price .all4one_price {
	width:72.63157894736842%;
	margin:0 auto;
}

#price .all4one_price dl dt {
	width:49.85507246376812%;
	float:left;
}

#price .all4one_price dl dd {
	width:46.3768115942029%;
	font-size:14px;
	font-size:1.4rem;
	float:right;
	padding-top:53px;
}

#price p.day1cure_price {
	text-align:center;
}

#price .seramic_menu p {
	text-align:center;
}



/* ------------------------------------------------
	■ message ■
------------------------------------------------ */
#message dd,
#message li,
#message p {
	line-height:40px;
	line-height:4rem;
	margin:0 0 40px;
}

#message dt {
	color:#E85377;
}

#message dd {
	margin:0 0 0 3%;
}

#message .photo {
	float:left;
	width:31.57894736842105%;
}

#message .photo li {
	margin-bottom:0;
}

#message .content {
	float:right;
	width:66.31578947368421%;
}

#message .content p {
	margin:0 0 20px 0;
}

#message div.cf {
	border-bottom:1px solid #C8C8C8;
	margin:0 0 30px 0;
}

#message ul.img {
	text-align:center;
}

#message ul.img li {
	display:inline-block;
	width:26.31578947368421%;
	vertical-align:top;
	text-align:center;
	margin:0 14px;
}

#message ul.img li p {
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	line-height:20px;
	line-height:2rem;
}

#message .gray ul li {
	float:left;
	width:15.8%;
	margin-right:1%;
	color:#fff;
	background:#e85377;
	border-radius:5px;
	text-align:center;
	padding:1.2% 0;
	font-weight:bold;
}

#message .gray ul li:last-child {
	margin-right:0;
}



/* ------------------------------------------------
	■ info ■
------------------------------------------------ */
#info .inner:first-child {
	border-top:none;
	margin-top:0;
	padding-top:0;
}

#info .info h3 {
	color:#E85377;
	margin-bottom:20px;
}

#info .left,
#info .right {
	padding-bottom:20px;
	width:44%;
}

#info .left {float:left;}
#info .right {float:right;width:50%;}

#info .right p,
#info .right dd {
	line-height:40px;
	line-height:4rem;
}

#info .access .left {
	float:left;
	width:31.57894736842105%;
}

#info .access .right {
	float:right;
	width:66.31578947368421%;
}





/* ------------------------------------------------
	■ flowend ■
------------------------------------------------ */
#flowend dl {
	margin:0 0 50px;
}

#flowend dl dt {
	background:#e85377;
	color:#fff;
	border-radius:5px;
	font-size:24px;
	font-size:2.4rem;
	padding:7px 14px 5px;
	font-weight:bold;
	margin:0 0 30px;
}



/* ------------------------------------------------
	■ footer ■
------------------------------------------------ */
#footer {
	background:#F0F0F0;
	padding:50px 0 80px 0;
	margin-bottom:0 !important;
}

#footer h1 {
	background:none;
	margin:0 0 50px 0;
	padding:0;
}

#footer .intro p {
	text-align:center;
	margin:0 0 30px 0;
}

#footer .estimate ul {
	text-align:center;
	margin:0 0 10px 0;
}

#footer .estimate ul li {
	display:inline;
}



/* ------------------------------------------------
	■ form ■
------------------------------------------------ */
#form table th,
#form table td {
	text-align:left;
	vertical-align:top;
	color:#333;
	font-weight:normal;
}

#form table th {
	background:#e6e6e6;
}

#form .must {
	float:right;
}

#form td table,
#form td table tr,
#form td table tr th,
#form td table tr td {
	border:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	color:#333;
	margin:0;
}



/* -----------------------------
	footer
----------------------------- */
footer #footer_inquiry {
	background:#e95378;
	padding:12px 0;
}

footer #footer_inquiry #footer_inquiry_inner {
	max-width:950px;
	margin:0 auto;
	
}

footer #footer_inquiry #footer_inquiry_inner .section {width:100%;}

footer #footer_inquiry .tel {float:left;width:50%}
footer #footer_inquiry .mail {float:right;width:32%;}

footer #footer_inquiry .tel img,
footer #footer_inquiry .mail img {width:100%;}

footer #footer_inquiry p {color:#fff;font-size:0.83em;}

footer #footer_link {
	background:#969696;
	padding-bottom:20px;
}

footer #footer_link #footer_link_inner {
	max-width:950px;
	margin:0 auto;
	
}

footer #footer_link p.message {
	color:#fff;
	text-align:center;
	border-bottom:1px dotted #fff;
	padding:8px 0 8px;
	margin-bottom:12px;
	width:100%;
}

footer #footer_link .link {
	color:#fff;
	float:left;
}

footer #footer_link .link a {
	color:#fff;
	font-size:0.83em;
	text-decoration:none;
}

footer #footer_link .link a:hover {
	text-decoration:underline;
}

footer #footer_link .time {
	background:#fff;
	border-radius:5px;
	padding:15px;
	max-width:76%;
	float:right;
}

footer #footer_link .time dl {
	float:left;
	width:40%
}

footer #footer_link .time dl dt img {
	width:58%;
}

footer #footer_link .time dd {
	font-size:0.83em;
	color:#646464;
}

footer #footer_link .time p {
	float:right;
	width:60%
}

footer #footer_link .time p img {
	width:100%;
}

footer #copyright {
	background:#646464;
	padding:4px 0;
	text-align:center;
	color:#fff;
	font-size:0.83em;
}

#footer section .inner {
	margin:0 0 4%;
}

#footer section .inner dd,
#footer section .inner p {
	line-height:40px;
	line-height:4rem;
}

#pagetop {
	max-width:950px;
	margin:0 auto;
	text-align:right;
	line-height:0;
}

button {
	background:url(../../img/btn_send.png) no-repeat 0px 0px;
	width:250px;
	height:54px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
}


/* ------------------------------------------------
	■ res ■
------------------------------------------------ */
.res {
	text-align:center;
	padding:2.157894736842105% 0;
	margin:0 0 6% 0;
}

.res_sp {
	display:none;
}
















/* ------------------------------------------------
	■ tablet ■
------------------------------------------------ */
@media screen and (min-width: 641px) and (max-width: 800px){ 

#message .photo {float:none;width:auto;}
#message .photo ul li {display:inline-block;text-align:left;margin:0;}
#message .content {float:none;width:auto;}


section h1 {
	font-size:24px;
	font-size:2.4rem;
	background:#E85377;
	height:auto;
	margin:0 0 10px 0;
}



#info .left,
#info .right {
	float:none;
	width:auto;
}

#footer .estimate ul li {width:30%;display:inline-block;}
textarea {width:100% !important;}

#message .gray ul li {
	width:49%;
	margin:0 1% 1% 0;
}

#message .gray ul li:nth-child(2n) {
	margin-right:0;
}

}
























/* ------------------------------------------------
	■ sp ■
------------------------------------------------ */
@media screen and (max-width: 640px) {

#main .copy {margin-bottom:20px;text-align:center;}
#main .copy dl dt {
	width:auto;
	float:none;
	text-align:center;
}
#main .copy dl dt span.copy01 {width:85.9375%;display:inline-block;}
#main .copy dl dt span.copy02 {width:71.875%;display:inline-block;}

#main .copy dl dt img {
	margin-bottom:1%;
}

#main .copy dl dd {
	width:90%;
	float:none;display:inline-block
}
.res_pc {
	display:none;
}
.res_sp {
	display:block;
	margin:0 3.125%;
}

nav {
	
	padding:6px 0;
}

nav select {
	display:block;
	float:right;
	margin-right:5px;
	font-size:16px;
	font-size:1.6rem;
}

nav h1 {
	display:inline;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	float:left;
	margin:6px 0 0 5px;
}

nav ul { display: none; }

section h2.h2_common {
	font-size:12px;
	font-size:1.2rem;
}

.inner h2 {
	font-size:20px !important;
	font-size:2rem !important;
}


.intro dt {
	font-size:24px !important;
	font-size:2.4rem !important;
}

#footer {
	padding-top:34px !important;
}

#flow01,
#formality_day1,
#day1_allon4.
#disease_reason,
#anesthesia,
#all4one,
#day1,
#info,
#price,
#implant,
#disease,
#message,
#formality {
	padding-top:80px;
    margin-top:-80px;

}

section {
	margin-bottom:30px !important;
}

section h1 {
	font-size:24px;
	font-size:2.4rem;
	background:#E85377;
	height:auto;
	margin:0 0 10px 0;
}

body #main {
	background-size:20%;
	padding-bottom:30px;
	margin-bottom:20px !important;
}

.lrbox .right,
.lrbox .left {
	width:100%;
	float:none;
}

.lrbox .left {
	margin:0 0 20px;
}

.lrbox .right {
	text-align:center;
}

.wrap {
	padding:0 3.125%;
}

.gray h3 {
	font-size:22px;
	font-size:2.2rem;
}

#message .photo,
#message .content {
	float:none;
	width:100%;
}

#message .photo {
	text-align:center;
}

#message ul.img li {
	width:100%;
	margin:0 0 10px 0 !important;
}

#price .all4one_price dl dt,
#price .all4one_price dl dd {
	float:none;
	width:auto;
	margin:0;
	padding:0;
}

#info {
	padding-bottom:80px;
}

#info .left,
#info .right {
	float:none;
	width:auto;
}

#info .access .right {
	float:none;
	width:100%;
}

#info .access .left {
	float:none;
	width:100%;
}

#info .access .left p,
#info .access .left dl {
	text-align:center;
}

#message .gray ul li {
	width:49%;
	margin:0 1% 1% 0;
}

#message .gray ul li:nth-child(2n) {
	margin-right:0;
}



/* ------------------------------------------------
	■ why ■
------------------------------------------------ */
#why .right,
#why .left {
	width:100%;
	float:none;
}

#why .right p:first-child {
	text-align:center;
}

#message ul.img li p {
	display:block;
	text-align:center;
}

#footer {
	padding:20px 0 40px 0;
}

#footer h1 {
	margin-bottom:10px;
}

#footer section {
	margin:0 3.125%;
}

#footer .estimate ul li {
	display:block;
	text-align:center;
}

footer #footer_inquiry .tel {
	float:none !important;
	text-align:center !important;
	width:100%;
}

#form table {
	background:#969696;
	margin-bottom:20px;

}

#form table th,
#form table td {
	padding:6px 9px;
	vertical-align:top;
	text-align:left;
	white-space:normal;
}

#form table th {
	background:#e6e6e6;
	width:28%;
}

#form table td {
	background:#fff;
}

#form table td table {
	margin-bottom:0;
}

#form table td table td {
	padding:0;
}

#form table textarea {width:96% !important;}

#form table th,
#form table td {font-size:0.83em;}

#form table.cti td input {display:block;}

/* -----------------------------
	footer
----------------------------- */

#pagetop {
	line-height:0;
	text-align:right;
}

footer #footer_inquiry {
	background:#e95378;
	padding:12px 10px;
}

footer #footer_inquiry #footer_inquiry_inner {
	max-width:950px;
	margin:0 auto;
	width /***/:auto;
}

footer #footer_inquiry .tel {text-align:center;}
footer #footer_inquiry .mail {text-align:center;}

footer #footer_inquiry .tel img {width:420px;}
footer #footer_inquiry .mail img {width:260px;}

footer #footer_inquiry p {color:#fff;font-size:0.83em;}

footer #footer_link {
	background:#969696;
	padding:4px 20px 20px 20px;
}

footer #footer_link #footer_link_inner {
	margin:0 auto;
}

footer #footer_link p.message {
	color:#fff;
	border-bottom:1px dotted #fff;
	padding:8px 0 8px;
	margin-bottom:12px;
	text-align:center;
	font-size:16px;
}

footer #footer_link .link {
	float:none;
}

footer #footer_link .link ul li {
	border-bottom:1px dashed #ccc;
	padding-bottom:2%;
	margin-bottom:2%;
	text-align:center;
}

#footer_inquiry_inner .time {
	text-align:center;
	float:none;
	width:100%;
	
}

footer #footer_link .link ul li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:16px;
}


footer #footer_link .time {
	background:#fff;
	padding:15px;
	border-radius:5px;
	text-align:center;
	margin-bottom:12px;
	max-width:100% !important;
	float:none;
}

footer #footer_link .time p {text-align:center;float:none;width:100%;}

footer #footer_link .time dl {
	float:none;
	width:100%;
}

footer #footer_link .time dt {
	text-align:center;
	float:left;
	width:40%;
}

footer #footer_link .time dt img {width:100% !important;}

footer #footer_link .time dd {
	font-size:12px;
	font-size:1.2rem;
	color:#646464;
	float:left;
	width:58%;
	padding-left:1%;
}

footer #copyright {
	background:#646464;
	padding:4px 0;
	text-align:center;
	color:#fff;
	font-size:16px;
}

#form .must {
	float:none;
}

form#mailformpro select {
	margin:0 0 2%;
}

#main {
	padding-top:56px;
}


}


/* ------------------------------------------------
	■ margin ■
------------------------------------------------ */
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}