/*-----LP目もとのお悩みに-----*/
@charset "utf-8";
@import url("common.css");

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.4em;
}
.boxInner {
  width: 980px;
  margin: 0 auto;
}

a img:hover {
  top: 1px;
  left: 1px;
  position: relative;
}
a img.telBtn {
  top: 0;
  left: 0;
}
/*--header--*/
#header {
  background: url(../img/head_bg.gif) bottom repeat-x;
  height: auto;
  width: 100%;
  padding: 12px 0 14px 0;
}
#header .boxInner h1 {
  float: left;
  margin-top: 6px;
}
#header .boxInner .contactBox {
  float: right;
  width: 562px;
}
#header .telBtn {
  float: left;
  margin-top: 2px;
}
#header .flR {
  float: right;
  width: 261px;
}
#header .flR img {
  float: left;
}
#header .flR img.btn01 {
  margin-bottom: 4px;
}
#header .flR img.btn03 {
  float: right;
}

/*--mainVisual--*/
#mainWrap {
  background: url(../img/mainbg_gra.jpg) top repeat-x;
}
#mainInner {
  background: url(../img/main_img2.webp) top center no-repeat;
}
#mainVisual {
  margin: 0 auto;
  width: 980px;
  height: 404px;
}
#mainVisual img {
  top: 40px;
  left: 460px;
  position: relative;
}

.contactBox2 {
  padding: 16px 20px;
  border: 5px solid #c5b49e;
  background: #fff5fa;
  text-align: center;
  width: 900px;
  margin: 0 auto 35px auto;
  -webkit-box-shadow: 0 0 5px 0 #777; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #777; /* Firefox用 */
  box-shadow: 0 0 5px 0 #777; /* CSS3 */
}
.contactBox2 div.telBox {
  background: url(../img/contact2_line.gif) top repeat-x;
  margin-top: 12px;
  padding-top: 14px;
  width: 900px;
}
.contactBox2 .mailBtn {
  float: left;
  margin-top: 3px;
}
.contactBox2 .telBtn {
  float: right;
}

/*--onayami--*/
#onayami {
  background: url(../img/onayami_arrow.jpg) bottom center no-repeat;
  padding-bottom: 91px;
  margin-bottom: 50px;
}

/*--contactBox3--*/
.contactBox3 {
  padding: 20px 0px;
  border: 4px solid #ffa6c3;
  border-left: none;
  border-right: none;
  background: #f9e5ec;
  text-align: center;
  width: 100%;
  -webkit-box-shadow: 0 0 5px 0 #777; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #777; /* Firefox用 */
  box-shadow: 0 0 5px 0 #777; /* CSS3 */
}
.contactBox3 div.telBox {
  background: url(../img/contact3_line.gif) top repeat-x;
  margin-top: 10px;
  padding-top: 13px;
  width: 980px;
}
.contactBox3 .clinicBtn {
  float: left;
  margin-right: 7px;
}
.contactBox3 .mailBtn {
  float: left;
}
.contactBox3 .telBtn {
  float: right;
}

/*--palns--*/
#plansWrap {
  background: url(../img/plan_bg.gif) top repeat-x;
  padding-bottom: 50px;
  margin-bottom: 80px;
  border-bottom: #d0cab2 6px solid;
}
#plans {
  background: url(../img/plan_ribbon.png) top center no-repeat;
}
img#plansMid {
  margin: 18px auto 14px 112px;
}
/* tabList */
ul#tabs {
  list-style: none;
  width: 980px;
  height: 65px;
  border-bottom: #ff2382 solid 7px;
  display: flex;
}
#tabs li {
  float: left;
  list-style: none;
  margin-left: 4px;
  width: 160px;
  text-indent: -9999px;
}
#tabs li:first-child {
  margin-left: 0;
}
#tabs li:last-child {
  margin-left: 0;
  float: right;
}
#tabs li a {
  margin-top: 9px;
  display: block;
  height: 56px;
}
#tabs li#nav01 a {
  background: url(../img/btn_plan1_off.png);
}
#tabs li#nav02 a {
  background: url(../img/btn_plan2_off.png);
}
#tabs li#nav03 a {
  background: url(../img/btn_plan3_off.png);
}
#tabs li#nav04 a {
  background: url(../img/btn_plan4_off.png);
}
#tabs li#nav05 a {
  background: url(../img/btn_plan5_off.png);
}
#tabs li#nav06 a {
  background: url(../img/btn_plan6_off.png);
}

/*--image--*/
#tabs li a:hover {
  margin-top: 0;
  height: 65px;
}
#tabs li#nav01 a:hover {
  background: url(../img/btn_plan1_on.png);
}
#tabs li#nav02 a:hover {
  background: url(../img/btn_plan2_on.png);
}
#tabs li#nav03 a:hover {
  background: url(../img/btn_plan3_on.png);
}
#tabs li#nav04 a:hover {
  background: url(../img/btn_plan4_on.png);
}
#tabs li#nav05 a:hover {
  background: url(../img/btn_plan5_on.png);
}
#tabs li#nav06 a:hover {
  background: url(../img/btn_plan6_on.png);
}

#tabs li a.selected {
  margin-top: 0;
  height: 65px;
}
#tabs li#nav01 a.selected {
  background: url(../img/btn_plan1_on.png);
}
#tabs li#nav02 a.selected {
  background: url(../img/btn_plan2_on.png);
}
#tabs li#nav03 a.selected {
  background: url(../img/btn_plan3_on.png);
}
#tabs li#nav04 a.selected {
  background: url(../img/btn_plan4_on.png);
}
#tabs li#nav05 a.selected {
  background: url(../img/btn_plan5_on.png);
}
#tabs li#nav06 a.selected {
  background: url(../img/btn_plan6_on.png);
}

/* tabList2 */
ul#tabs2 {
  border-top: #ff2382 solid 7px;
  list-style: none;
  width: 980px;
  height: 65px;
}
#tabs2 li {
  float: left;
  list-style: none;
  margin-left: 4px;
  width: 160px;
  text-indent: -9999px;
}
#tabs2 li:first-child {
  margin-left: 0;
}
#tabs2 li:last-child {
  margin-left: 0;
  float: right;
}
#tabs2 li a {
  margin-top: 0;
  display: block;
  height: 56px;
}
#tabs2 li#nav01 a {
  background: url(../img/btn2_plan1_off.png);
}
#tabs2 li#nav02 a {
  background: url(../img/btn2_plan2_off.png);
}
#tabs2 li#nav03 a {
  background: url(../img/btn2_plan3_off.png);
}
#tabs2 li#nav04 a {
  background: url(../img/btn2_plan4_off.png);
}
#tabs2 li#nav05 a {
  background: url(../img/btn2_plan5_off.png);
}
#tabs2 li#nav06 a {
  background: url(../img/btn2_plan6_off.png);
}

/*--image--*/
#tabs2 li a:hover {
  margin-top: 0;
  height: 65px;
}
#tabs2 li#nav01 a:hover {
  background: url(../img/btn2_plan1_on.png);
}
#tabs2 li#nav02 a:hover {
  background: url(../img/btn2_plan2_on.png);
}
#tabs2 li#nav03 a:hover {
  background: url(../img/btn2_plan3_on.png);
}
#tabs2 li#nav04 a:hover {
  background: url(../img/btn2_plan4_on.png);
}
#tabs2 li#nav05 a:hover {
  background: url(../img/btn2_plan5_on.png);
}
#tabs2 li#nav06 a:hover {
  background: url(../img/btn2_plan6_on.png);
}

#tabs2 li a.selected {
  margin-top: 0;
  height: 65px;
}
#tabs2 li#nav01 a.selected {
  background: url(../img/btn2_plan1_on.png);
}
#tabs2 li#nav02 a.selected {
  background: url(../img/btn2_plan2_on.png);
}
#tabs2 li#nav03 a.selected {
  background: url(../img/btn2_plan3_on.png);
}
#tabs2 li#nav04 a.selected {
  background: url(../img/btn2_plan4_on.png);
}
#tabs2 li#nav05 a.selected {
  background: url(../img/btn2_plan5_on.png);
}
#tabs2 li#nav06 a.selected {
  background: url(../img/btn2_plan6_on.png);
}

/*--tab contents--*/
#tabWrap {
  border: #d0cab2 solid 1px;
  border-top: none;
  padding: 30px 0 17px 0;
  background: #fff;
}
/*--Innerofpanel--*/
#planTab .panel {
  display: none;
}
.eyeDetail {
  width: 960px;
  margin: 0 auto;
}
.eyeDetail p {
  padding: 10px 0 14px 5px;
}
.eyeType {
  margin-left: 5px;
  margin-bottom: 26px;
}
.eyeType .flR img {
  float: left;
}
.eyeImg {
  margin-top: 28px;
  margin-right: 5px;
}
#plan4 .eyeImg,
#plan6 .eyeImg {
  margin-top: 18px;
}

.planDetailWrap {
  background: url(../img/plandetail_top.gif) top no-repeat;
}
.planDetail {
  background: url(../img/plandetail_btm.gif) bottom no-repeat;
  padding: 25px 35px 45px 35px;
}
.timeBox {
  width: 880px;
  margin-left: 16px;
}

/*--グロー--*/
img.glowImg {
  -webkit-box-shadow: 0 0 5px 0 #aaa; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #aaa; /* Firefox用 */
  box-shadow: 0 0 5px 0 #aaa; /* CSS3 */
}

/*--5つの理由--*/
#reason5 {
  margin-bottom: 130px;
  text-align: center;
}
.reason5BoxWrap {
  background: url(../img/reason5_wakutop.gif) top no-repeat;
  margin-top: 16px;
}
.reason5Box {
  width: 920px;
  background: url(../img/reason5_wakubtm.gif) bottom no-repeat;
  padding: 44px 30px;
}
.reason5Content {
  float: left;
  width: 690px;
  text-align: left;
}
.reason5Content img {
  margin-bottom: 12px;
}
.reason5Content p {
  font-size: 14px;
  width: 680px;
}
.reason5Photo {
  float: right;
}

/*--clinicLlist--*/
#clinic {
  background: url(../img/cliniclist_bg.jpg) top repeat-x;
  width: 100%;
}
.clinicInfo {
  text-align: center;
  margin-bottom: 20px;
}
.clinicInfo img {
  margin-bottom: 10px;
}
.clinicInfo p {
  color: #e53887;
  font-size: 12px;
  line-height: 1.2em;
}

.clinicList {
  border: 10px solid #e5e5e5;
  overflow-y: scroll;
  height: 350px;
  display: block;
  padding: 10px;
  margin-bottom: 50px;
}
.clinicList table {
  width: 930px;
}
.clinicList.war {
  width: 137px;
  height: 250px;
  float: left;
  padding: 0px;
  margin: 0px;
}

.clinicList .waku {
  width: 135px;
  height: 210px;
  border: #cccccc solid 1px;
  float: left;
  padding: 6px 1px 3px 5px;
  margin: 0px 5px 15px 5px;
  text-align: center;
}

.clinicList p {
  text-align: left;
}
.clinicList .tel {
  color: #ff2281;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.clinicList .tel img {
  vertical-align: bottom;
}
.clinicList .name {
  font-size: 14px;
  border-bottom: #693d1d solid 1px;
  margin: 0px;
  padding: 0px;
}
.clinicList .reg {
  width: 120px;
  padding: 2px 0 0 0;
  margin: 2px 10px 0 0;
  color: #753735;
  font-weight: bold;
  float: left;
  font-size: 14px;
}
.clinicList .addr {
  font-size: 12px;
  line-height: 1em;
  padding: 0;
  margin: 0;
}
.clinicList .fs08 a {
  font-size: 0.8em;
  color: #4b2c11;
  text-decoration: none;
}
.clinicList .fs08 a:hover {
  text-decoration: underline;
}

/*--Dr.--*/
#doctorInfo {
  width: 900px;
  margin: 0 auto 30px auto;
  background: url(../img/dr_bg.gif) top repeat-x;
  padding: 30px 40px;
  -webkit-box-shadow: 0 0 5px 0 #999; /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #999; /* Firefox用 */
  box-shadow: 0 0 5px 0 #999; /* CSS3 */
}
#doctorInfo p,
#doctorInfo table {
  float: left;
}
#doctorInfo p:first-child {
  margin-right: 80px;
  font-size: 11px;
  text-align: center;
}
#doctorInfo table {
  margin-right: 130px;
}
#doctorInfo th {
  font-weight: normal;
  padding-right: 20px;
}

#footer {
  background: url(../img/foot_bg.gif) top repeat-x;
  text-align: center;
  padding: 20px 0 5px 0;
  font-size: 11px;
  color: #666;
}

/*--side--*/
#sideBar {
  position: fixed;
  width: 33px;
  bottom: 100px;
  right: 0;
}
#sideBar img {
  margin-bottom: 3px;
}

.mB10 {
  margin-bottom: 10px;
}
.mB14 {
  margin-bottom: 14px;
}
.mB20 {
  margin-bottom: 20px;
}
.mB30 {
  margin-bottom: 30px;
}
.mB35 {
  margin-bottom: 35px;
}
.mB40 {
  margin-bottom: 40px;
}
.mB50 {
  margin-bottom: 50px;
}
.mB70 {
  margin-bottom: 70px;
}
.mB90 {
  margin-bottom: 90px;
}

.mT15 {
  margin-top: 15px;
}
.mT30 {
  margin-top: 30px;
}
.mT50 {
  margin-top: 50px;
}

/* LPカスタマイザ
------------------------------*/

#customizer {
  width: 100%;
  background-color: #fdf1f6;
  border-top: 1px solid #fdf1f6;
  border-bottom: 1px solid #fdf1f6;
}

#customizer p {
  line-height: 1.2;
  text-align: center;
  margin: 10px 0;
  font-size: 36px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
    "Hiragino Mincho Pro", serif;
  font-weight: bold;
}

#customizer p span {
  font-size: 46px;
  font-weight: bold;
  color: #f36;
}

.container {
  width: 980px;
  height: 100%;
  text-align: left;
  margin: 0 auto;
}