@charset "utf-8";

body {color: #444444; margin: 0; padding: 0; background: #ffffff; font-size: 100%;}
img {border: 0;}
p {line-height: 1.5em;}
li {line-height: 1.5em;}

.img-center {text-align: center; margin: 20px 0;}
.img-right {float: right; margin: 0 15px 20px;}
.txt-center {text-align: center;}
.txt-right {float: right; margin: 0;}
.small {font-size: 80%; color: #555555;}

/* ヘッダー */
#header {height: 136px; background: url('./img/header_back.jpg') repeat-x;}
#header #header-top {width: 900px; margin: 0 auto;}
#header #header-top #header-logo {padding-top: 10px; float: left;}
#header #header-top #header-tel {padding-top: 25px; float: right;}
#index-banner {width: 924px; margin: 10px auto; padding: 0;}

/* ボディー */
#body {width: 910px; margin: 10px auto 0;}
#body #body-right {float: right; width: 659px; margin-left: 10px;}
#body #body-right h1 {margin: 10px 0 0; padding: 0;}
#body #body-right #head-navi {width: 622px; margin: 0 0 10px; padding: 10px; border: 3px solid #6BC3EF;}
#body #body-right #head-navi ul {margin: 0; padding: 0; text-align: center;}
#body #body-right #head-navi li {display: inline; font: 85%/110% sans-serif; padding: 0 10px; text-decoration: none; list-style-type: none;}
#body #body-right #head-navi li a {text-decoration: none; color: #009ec6;}
#body #body-right #head-navi li a:hover {text-decoration: underline;}
#body #body-right #head-navi li .visit1 {background: #ffff99;}
#body #body-right #head-navi li .visit2 {background: #f7d5e3;}
#body #body-right #head-navi li .visit3 {background: #e3f3ce;}
#body #body-right #head-navi li .visit4 {background: #c5e5ea;}
#body #body-right #head-navi li .visit5 {background: #eadaf3;}
#body #body-right #head-navi li .visit6 {background: #f7dfa7;}
#body #body-right #head-navi li .visit7 {background: #f3daf3;}
#body #body-right #campaign {width: 651px; margin: 10px 0;}
#body #body-right #campaign a:hover img {
  filter:alpha(opacity=70); /*IE*/
  -moz-opacity:0.70; /*FF*/
  opacity:0.70;
}
#body #body-right .main-banner {width: 651px; margin: 10px 0;}
#body #body-right .main-banner a:hover img {
  filter:alpha(opacity=70); /*IE*/
  -moz-opacity:0.70; /*FF*/
  opacity:0.70;
}
#body #body-right .main-banner p {margin: 5px;}
#body #body-right .main-banner ul {margin: 20px 5px;}
#body #body-right .main-banner ul li {padding: 3px; display: inline;}

#body #body-right #main-tel {width: 645px; margin: 10px 0;}
#body #body-right #main-tel a:hover img {
  filter:alpha(opacity=70); /*IE*/
  -moz-opacity:0.70; /*FF*/
  opacity:0.70;
}
#body #body-right #sub-banner {width: 644px; margin: 20px 0 10px;}
#body #body-right #sub-banner h2 {width: 395px; margin: 10px; padding: 0; font: bold 120%/150% sans-serif; color: #009ec6;}
#body #body-right #sub-banner a:hover img {
  filter:alpha(opacity=70); /*IE*/
  -moz-opacity:0.70; /*FF*/
  opacity:0.70;
}
#body #body-right .contents {width: 624px; margin: 10px 3px 10px 0; padding: 10px 10px 30px; border: 1px solid #cccccc;}
#body #body-right .contents h2 {margin: 10px; padding: 0; font: bold 120%/150% sans-serif; color: #009ec6;}
#body #body-right .contents h3 {margin: 20px 10px 5px; padding: 0; font: bold 100%/150% sans-serif;}
#body #body-right .contents p {width: 340px; margin: 10px; padding: 0;}
#body #body-right .contents img {margin: 10px 0 0 10px;}
#body #body-right .contents .koe {float: right;}
#body #body-right .contents .koe p {padding: 5px; margin-left: 0;}
#body #body-right .contents .koe .cus {margin-top: 20px; border: 2px solid #94D7E7;}
#body #body-right .contents hr {border: 1px dashed #cccccc; clear: both;}
#body #body-right .contents .faq p {width: 560px; padding: 7px 5px 5px;}
#body #body-right .contents .faq .q {margin-top: 20px; padding-left: 35px; border: 2px solid #94D7E7; background: url('./img/faq_q.gif') no-repeat 8px 50%;}
#body #body-right .contents .faq .a {margin-top: 10px; margin-left: 13px; padding-left: 35px; background: url('./img/faq_a.gif') no-repeat 8px 50%;}
#body #body-right .contents table {margin: 0; padding: 0;}
#body #body-right .contents .profile td,th {padding: 10px;}
#body #body-right .contents table .allow {text-align: center;}
#body #body-right .contents .before-after {padding: 0; margin: 0 0 20p;}
#body #body-right .contents .before-after td {padding: 0 5px;}
#body #body-right .contents .before-after .allow {text-align: center;}
#body #body-right .contents .kotira {width: 600px; text-align: right;}
#body #body-right .contents table p {width: 100%;}
#body #body-right .contents .txt-long {width: 500px;}
#body #body-right .contents h3 a {color: #009EC6; text-decoration: none; margin: 0; padding: 5px 0px 2px;}
#body #body-right .contents h3 a:hover {text-decoration: underline;}
#body #body-right .contents #inquiry th {padding: 10px 5px; font-weight: normal; text-align: center;}
#body #body-right .contents #inquiry td {padding: 10px 5px;}
#body #body-right .contents .reform-navi p {width: 170px;}

#body #body-right .contents2 {width: 624px; margin: 10px 3px 10px 0; padding: 10px; border: 1px solid #cccccc;}
#body #body-right .contents2 h2 {width: 154px; float: left; margin: 10px; padding: 0; font: bold 120%/150% sans-serif; color: #009EC6;}
#body #body-right .contents2 .com-r {width: 420px; float: right; margin: 10px 0 0; padding: 0;}
#body #body-right .contents2 .com-r p {margin: 5px 0 10px; padding: 0;}

#body #body-right .contents3 {width: 624px; margin: 10px 3px 10px 0; padding: 10px; border: 1px solid #cccccc;}
#body #body-right .contents3 h2 {margin: 10px; padding: 0; font: bold 120%/150% sans-serif; color: #009EC6;}
#body #body-right .contents3 h3 {margin: 10px; padding: 5px 0 0; font: bold bold 100%/150% sans-serif;}
#body #body-right .contents3 p {margin: 10px; padding: 0;}
#body #body-right .contents3 .kotira {width: 600px; text-align: right;}
#body #body-right .contents3 ul {margin: 10px; padding: 15px;}
#body #body-right .contents3 .section li {display: inline; padding: 0 5px 0 0;}

#body #body-right .contents4 {width: 649px; margin: 20px 3px 30px 0; padding: 0;}
#body #body-right .contents4 h2 {width: 395px; margin: 10px; padding: 0; font: bold 120%/150% sans-serif; color: #009ec6;}
#body #body-right .contents4 #photo-slide {height: 288px;}
#body #body-right .contents4 #photo-slide #box {display: inline; border: 1px solid #dddddd; position: absolute; overflow: hidden; width: 541px; height: 288px; background-color: #ffffff; margin:0 20px; padding:0;}
#body #body-right .contents4 #photo-slide #box ul {margin: 0 0 0 10px; padding: 0; position: absolute;}
#body #body-right .contents4 #photo-slide #box li {margin:5px 15px; float: left; width: 170px; height: 168px; list-style-type: none; color:#666666;}
#body #body-right .contents4 #photo-slide #box li h3 {margin: 0px 0px 2px; font: 12pt/13pt sans-serif; color: #009ec6;}
#body #body-right .contents4 #photo-slide #box li h3 a {color: #009ec6; text-decoration: none;}
#body #body-right .contents4 #photo-slide #box li h3 a:hover {color: #009ec6; text-decoration: underline;}
#body #body-right .contents4 #photo-slide #box li p {margin: 2px 0 0; font: 11pt/13pt sans-serif; padding: 0;}
#body #body-right .contents4 #photo-slide .leftbtn {display: inline; float: left; width: 30px;}
#body #body-right .contents4 #photo-slide .leftbtn img {padding-top: 100px; padding-bottom: 100px;}
#body #body-right .contents4 #photo-slide .rightbtn {display: inline; float: right; width: 30px;}
#body #body-right .contents4 #photo-slide .rightbtn img {padding-top: 100px; padding-bottom: 100px;}

#body #body-right .to-top {margin: 20px; text-align: right;}
#body #body-right #footer-logo {margin: 30px 20px 10px; text-align: right;}

/* ナビ */
#body #body-left {float: left; width: 241px;}
#body #body-left #left-navi {margin: 0; padding: 0; background: #6BC3EF url('./img/navi/navi_back.jpg') repeat-y;}
#body #body-left #left-navi .left-navi-section {margin: 12px 0; text-align: center;}
#body #body-left #left-navi .left-navi-section #navi2 a {display: block; width: 223px; height: 42px; background: url('./img/navi/navi2.jpg') no-repeat 0 0; margin-left: auto; margin-right: auto;}
#body #body-left #left-navi .left-navi-section #navi2 a:hover {background-position: 0 -42px;}
#body #body-left #left-navi .left-navi-section #navi3 a {display: block; width: 223px; height: 58px; background: url('./img/navi/navi3.jpg') no-repeat 0 0; margin-left: auto; margin-right: auto;}
#body #body-left #left-navi .left-navi-section #navi3 a:hover {background-position: 0 -58px;}
#body #body-left #left-navi #navi4 a {display: block; width: 223px; height: 80px; background: url('./img/navi/navi4.jpg') no-repeat 0 0; margin-left: auto; margin-right: auto;}
#body #body-left #left-navi #navi4 a:hover {background-position: 0 -80px;}
#body #body-left #left-navi #navi5 a {display: block; width: 223px; height: 77px; background: url('./img/navi/navi5.jpg') no-repeat 0 0; margin-left: auto; margin-right: auto;}
#body #body-left #left-navi #navi5 a:hover {background-position: 0 -77px;}
#body #body-left #left-navi ul {background: #ffffff url('./img/navi/navi_back2.jpg') repeat-y; margin: 0 9px 9px; padding: 0;}
#body #body-left #left-navi ul li {margin: 0; padding: 0; line-height: 0; list-style-type: none; background: #6BC3EF;}
#body #body-left #left-navi .navi-bottom  {margin-bottom: 5px;}
#body #body-left #left-navi .navi-bottom li {padding: 5px 0; margin: 0;}
#body #body-left #left-navi .navi-bottom #navi6 a {display: block; width: 223px; height: 57px; background: url('./img/navi/navi6.jpg') no-repeat 0 0;}
#body #body-left #left-navi .navi-bottom #navi6 a:hover {background-position: 0 -57px;}
#body #body-left #left-navi .navi-bottom #navi7 a {display: block; width: 223px; height: 57px; background: url('./img/navi/navi7.jpg') no-repeat 0 0;}
#body #body-left #left-navi .navi-bottom #navi7 a:hover {background-position: 0 -57px;}
#body #body-left #left-navi .navi-bottom #navi8 {padding-bottom: 0;}
#body #body-left #left-navi .navi-bottom #navi8 a {display: block; width: 223px; height: 57px; background: url('./img/navi/navi8.jpg') no-repeat 0 0;}
#body #body-left #left-navi .navi-bottom #navi8 a:hover {background-position: 0 -57px;}
#body #body-left #left-banner {margin: 0; padding: 0;}
#body #body-left #left-banner #left-banner-about {width: 219px; margin: 10px auto; padding: 0;}
#body #body-left #left-banner #left-banner-about1 {margin-bottom: 10px; padding: 0;}
#body #body-left #left-banner #left-banner-about1 .navi-staff a {display: block; height: 116px; width: 219px; background: url('./img/side_banner_staff.jpg') no-repeat 0 0;}
#body #body-left #left-banner #left-banner-about1 .navi-staff a:hover {background-position: 0 -116px;}
#body #body-left #left-banner #left-banner-about2 {margin-top: 10px; padding: 0;}
#body #body-left #left-banner #left-banner-mobile {width: 233px; margin: 10px auto; padding: 0; text-align: center;}

/* フッター */
#footer {clear: both; border-top: 2px double #0082BD;}
#footer #footer-navi {margin: 0; padding: 15px 0 5px; color: #0082BD; text-align: center;}
#footer #footer-navi ul {display: inline; padding-left: 0; border-left: 1px solid #0082BD;}
#footer #footer-navi li {display: inline; list-style-type: none; font: bold 100%/120% sans-serif; padding-left: 10px; padding-right: 10px; border-right: 1px solid #0082BD;}
#footer #footer-navi li a {color: #0082BD; text-decoration: none;}
#footer #footer-navi li a:hover {text-decoration: underline;}
#footer #copyright {margin: 0; padding: 5px 10px 10px; text-align: center;}

/* 共通 */
.ml00 {margin-left: 0;}
.mb00 {margin-bottom: 0;}