﻿@charset "utf-8";

/* --------------------------------------------------------
	1.PC
	2.iPad
	3.SmartPhone
-------------------------------------------------------- */
#msg1908{
  text-align: left;
  margin: 0 auto;
  max-width: 800px;
  margin-top: 20px;
  border: 1px solid #c0c0c0;
  padding: 0 20px 0 20px;
  margin-bottom:20px;

}

#msg1908 h3{
  font-weight: bold;
  font-size: 1.0em;
  margin-bottom: 20px;
  line-height: 1.4em;
}
#msg1908 p{
  font-size:1.0em;
  color: #000000;
  margin-bottom: 10px;
}

.c1{
  color: #ff0000;
}
.price img{
	line-height:0;
	vertical-align:bottom;
}

.clinic-left img{
	line-height:0;
	vertical-align:bottom;
}
span.txtbasic{font-size:0.9em!important;color:#ff0000;}

/* --------------------------------------------------------
	1.PC
-------------------------------------------------------- */
@media screen and (min-width: 1000px){
/*/////SETTING/////*/
*{ margin: 0px; padding: 0px; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}

a:hover img{opacity:0.8;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";}

p { margin: 10px 0px; text-align: left; }
strong.comment { font-weight: bold; font-size: 120%; background: url(../images/clinic_commnet_aicon.png) no-repeat left top; padding-left: 25px;}

h1,h2,h3,h4,h5,h6 {font-size: 100%;}
h3 { padding: 20px 0px;}
h3.copy-sp { display: none; }
h4 {}

p.subtit-sp { display: none; }
.point-sp01 { display: none; }
.point-sp02 { display: none; }

img,abbr,acronym,fieldset {border: 0;}
img{ max-width: 100%; height: auto; width:100% auto;}

body { font-size: 80%; color: #333333; margin:0;padding:0;background: url(../images/body_bg.gif) repeat center top #f7eee2;font-family: "メイリオ", Meiryo;line-height: 1.7em;}

table{width: 90%; text-align: center; margin: 0 auto;}
th { background: #f7dbd8; padding: 5px; text-align: left; }
td { background: #ffffff; padding: 5px; text-align: left; }
.confirm01 { text-align: center; margin: 0 auto; }

br {letter-spacing:normal;}
.clear { clear: both;width: 0;height: 0;margin: 0;padding: 0;line-height: 0;vertical-align: top;}
.line { background: url(../images/line.gif) repeat-x left top; height: 8px; width: 100%; }


#header {width: 100%;height: 105px;text-align: center;margin: 0 auto;background: url(../images/header_bg.png) repeat-x center top;}
#header #header-box {width: 1000px;text-align: center;margin: 0 auto;}
#header #logo {float:left;width: 280px;margin-top: 27px;}
#header #tool {float: right;width: 400px;margin-top: 17px;}

#wrapper {width: 1000px;text-align: center;margin: 0 auto;}
#mainimg {width: 100%;margin: 20px 0px;	}
#mainimg-sp { display: none;}

#searchinfo {width: 100%;margin: 40px 0px;	}
#searchinfo-sp { display: none;}

.main-box {background: url(../images/main_bg.png) no-repeat left top;width: 900px;height: 385px;padding: 30px 50px 40px 50px;margin-bottom: 20px;text-align: left;}
.main-box .box-img { float: left; margin: 35px 20px 0px 0px; }
.main-box .box-cnt { float: right; width: 630px;}
.box-wrap { width: 1000px; margin-bottom: 20px; }
.left-box {float: left;background: url(../images/left_bg.png) no-repeat left top;width: 430px;height: 254px;padding: 30px 30px 30px 40px;text-align: center;}
.right-box {float: right;background: url(../images/right_bg.png) no-repeat left top;width: 430px;height: 254px;padding: 30px 40px 30px 30px;text-align: center;	}

#clinic-box {background: url(../images/clinic_bg.png) no-repeat left top;width: 900px;height: 657px;padding: 36px 50px 40px 50px;margin-top: 40px;margin-bottom: 20px;text-align: left;}
#clinic-box .clinic-left { float: left; width: 433px; text-align: center; }
#clinic-box .clinic-right { float: right; width: 433px; text-align: center; }
#form-box { background: #fff; border: 5px solid #f0bca7; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 0;text-align: center;}


#footer { background: url(../images/footer_bg.gif) repeat-x center top; height: 65px; width: 100%; text-align: center; margin: 0 auto; }
#page-top { position: fixed; bottom: 20px; right: 20px; }
#page-top a { width: 80px; display: block;}
#footer .copyright { text-align: center; padding-top: 27px; bottom: 0; font-family: "Times New Roman", Times, serif; }



}

/* --------------------------------------------------------
	2.iPad
-------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 999px){
img{ max-width: 100%; height: auto; width:100% auto;}

body { font-size: 80%; color: #333333; margin:0;padding:0;background: url(../images/body_bg.gif) repeat center top #f7eee2;font-family: "メイリオ", Meiryo;line-height: 1.7em;}

h3.copy-sp { display: none; }
p.subtit-sp { display: none; }
.point-sp01 { display: none; }
.point-sp02 { display: none; }

table{ width: 98%; font-size: 12px;}
th { padding: 1%; background: #f7dbd8; text-align: left; display: block; width: 99%; }
td { padding: 1%; background: #ffffff; text-align: left; display: block; width: 99%; }
.confirm01 { text-align: center; margin: 0 auto; }

br {letter-spacing:normal;}
.clear { clear: both;width: 0;height: 0;margin: 0;padding: 0;line-height: 0;vertical-align: top;}
.price { margin: 20px 10px;

}



.line { background: url(../images/line.gif) repeat-x left top; height: 8px; width: 100%; }
p { margin: 10px 0px; text-align: left; }
strong.comment { font-weight: bold; font-size: 120%; background: url(../images/clinic_commnet_aicon.png) no-repeat left top; padding-left: 25px;}

#header {width: 100%;height: 105px;text-align: center;margin: 0 auto;background: url(../images/header_bg.png) repeat-x center top;}
#header #header-box {width: 100%;text-align: center;margin: 0 auto;}
#header #logo { text-align: center; margin: 0 auto;padding-top: 10px;}
#header #tool { text-align: center; margin: 0 auto; padding-bottom: 10px;}

#wrapper {width: 100%;text-align: center;}
#mainimg { margin: 20px 0px;}
#mainimg-sp img { display: none;}

#searchinfo {width:95%; margin: 20px auto;text-align: center;	}
#searchinfo-sp { display: none;}


.main-box{ background: #fff;border: 5px solid #ddd4ba; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}
.main-box .box-img { text-align: center; margin: 0 auto; padding: 10px 0px; }
.box-wrap { width: 100%; margin-bottom: 20px; }
.left-box { background: #fff; border: 5px solid #f0bca7; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}
.right-box { background: #fff; border: 5px solid #a6d9e1; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}

#clinic-box { background: #fff;border: 5px solid #ddd4ba; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}

#form-box { background: #fff; border: 5px solid #f0bca7; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 0;text-align: center;}
#frm_cont01 { text-align: center; margin: 0 auto; }

#footer { background: url(../images/footer_bg.gif) repeat-x center top; height: auto; width: 100%; text-align: center; margin: 0 auto; }
#footer img { width: 80%; }
#page-top { position: fixed; bottom: 5%; left: 5%; }
#page-top a { width: 60px; display: block;}
#footer .copyright { text-align: center; padding-top: 27px; bottom: 0; font-family: "Times New Roman", Times, serif; }
}

/* --------------------------------------------------------
	3.SmartPhone
-------------------------------------------------------- */
@media screen and (max-width:480px){
img{ max-width: 100%; height: auto; width:100% auto;}

body { font-size: 80%; color: #333333; margin:0;padding:0;background: url(../images/body_bg.gif) repeat center top #f7eee2;font-family: "メイリオ", Meiryo;line-height: 1.7em;}

h3.copy01, h3.copy02, h3.copy03 { display: none; }
h3.copy-sp { margin: auto; width: 90%; color: #87746a; text-align: left; }
.copy-att { color: #DB3B6B; }

img.subtit { display: none; }
p.subtit-sp { color: #87746a; text-align: left; font-weight: bold; }

.point-01 { display: none; }
.point-sp01 img { width: 60px; height: 43px; }
.point-sp01-ttl { color: #DB3B6B; font-weight: bold; }
.point-sp-01-subttl { color: #87746a; font-weight: bold; }

.point-02 { display: none; }
.point-sp02 img { width: 60px; height: 43px; }
.point-sp02-ttl { color: #DB3B6B; font-weight: bold; }
.point-sp-02-subttl { color: #87746a; font-weight: bold; }

table{ width: 97%; font-size: 8px;}
th { padding: 1%; background: #f7dbd8; text-align: left; display: block; width: 100%; }
td { padding: 1%; background: #ffffff; text-align: left; display: block; width: 100%; }
.confirm01 { text-align: center; margin: 0 auto; }

br {letter-spacing:normal;}
.clear { clear: both;width: 0;height: 0;margin: 0;padding: 0;line-height: 0;vertical-align: top;}
.price { margin: 20px 10px;}
.line { background: url(../images/line.gif) repeat-x left top; height: 8px; width: 100%; }
p { margin: 10px 0px; text-align: left; }
strong.comment { font-weight: bold; font-size: 120%; background: url(../images/clinic_commnet_aicon.png) no-repeat left top; padding-left: 25px;}

#header {width: 100%;height: 105px;text-align: center;margin: 0 auto;background: url(../images/header_bg.png) repeat-x center top;}
#header #header-box {width: 100%;text-align: center;margin: 0 auto;}
#header #logo { text-align: center; margin: 0 auto;padding-top: 10px;}
#header #tool { text-align: center; margin: 0 auto; padding-bottom: 10px;}

#wrapper {width: 100%;text-align: center;}
#mainimg { display: none;}
#mainimg-sp { margin: 20px 10px; z-index: 100; background: url(../images/mainimg_sp.png) no-repeat center top; min-height: 280px;-moz-background-size:100% auto; background-size: 100% auto; !important;}

#searchinfo { display: none;}
#searchinfo-sp { width:95%; margin: 20px auto;text-align: center;}



.main-box { background: #fff;border: 5px solid #ddd4ba; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}
.main-box .box-img { text-align: center; margin: 0 auto; padding: 10px 0px; }
.box-wrap { width: 100%; margin-bottom: 20px; }
.left-box { background: #fff; border: 5px solid #f0bca7; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}
.right-box { background: #fff; border: 5px solid #a6d9e1; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}

#clinic-box { background: #fff;border: 5px solid #ddd4ba; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 5px;text-align: center;}

#form-box { background: #fff; border: 5px solid #f0bca7; -moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 10px;padding: 0;text-align: center;}

#footer { background: url(../images/footer_bg.gif) repeat-x center top; height: auto; width: 100%; text-align: center; margin: 0 auto; }
#footer img { width: 80%; }
#page-top { position: fixed; bottom: 5%; left: 5%; }
#page-top a { width: 30px; display: block;}
#footer .copyright { text-align: center; padding-top: 27px; bottom: 0; font-family: "Times New Roman", Times, serif; }
}



