@charset "UTF-8";
/* CSS Document */

/*INIT*/
*{
margin:0;
padding:0;
}
a img{
border:none;
}
body{
color:#4c4c4c;
background-color:#fff;
padding-bottom:20px;
}
ul{
list-style:none;
}
a{
text-decoration:none;
}


/*レイアウト*/
#container{
width:800px;
border-right:1px solid #c5e2b4;
border-bottom:1px solid #c5e2b4;
}
#header{
height:90px;
border-top:10px solid #eaeaea;
}
.left-box{
position:relative;
float:left;
width:260px;
}
#box-wrap{
height:100%;
background-image: url(../images/bg_box-wrap_01.gif);
background-repeat: repeat-y;
background-position: left;
}
#box-wrap .left-box{
display:inline-block;
height:100%;
background-image: url(../images/bg_box-wrap_01.gif);
background-repeat: repeat-y;
background-position: left;
}

#box-wrap:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
.right-box{
float:right;
width:538px;
}
#pagetop{
text-align:right;
padding-right:20px;
margin:30px 0 37px 0;
}
#footer{
clear:both;
width:501px;
padding-top:20px;
margin:0 0 0 265px;
}

#line{
clear:both;
padding:2px 0;
width:800px;
height:10px;
}
.line1{
float:left;
height:10px;
width:260px;
background-color:#aed984;
}
.line2{
float:right;
height:10px;
width:538px;
background-color:#5ba544;
}
.line3{
float:left;
height:10px;
width:260px;
background-color:#c5e2b4;
}
.line4{
float:right;
height:10px;
width:538px;
background-color:#e2f0d9;
}
.line5{
float:left;
height:10px;
width:260px;
background-color:#aed984;
}
.line6{
float:right;
height:10px;
width:538px;
background-color:#5ba544;
}

/*パーツ*/
#header .siteid{
margin:20px 0 0 30px;
}
#navigation{
height:261px;
}
#overview{
margin:20px 0 0 0;
padding:0 0 10px 0;
}
#overview a{
color:#5ba544;
}
#overview table{
margin-top:26px;
margin-left:10px;
margin-right:5px;
}
#overview h3{
margin:0 10px;
padding:5px 0 10px 0;
background-image: url(../images/bg_h3_02.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#overview th{
font-size:12px;
text-align:left;
white-space:nowrap;
vertical-align:top;
padding:3px 3px 5px 3px;
}
#overview td{
font-size:12px;
padding:3px 3px 5px 3px;
}
#director{
margin:0;
padding:20px 0 0 0;
}
#director h3{
margin:0 10px;
padding:5px 0 10px 0;
font-size:14px;
background-image: url(../images/bg_h3_02.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#director p{
margin-top:26px;
margin-left:10px;
font-size:12px;
line-height:1.5 !important;
}

#treatment{
margin:0;
padding:20px 0 0 0;
}
#treatment h3{
margin:0 10px;
padding:5px 0 10px 0;
font-size:14px;
background-image: url(../images/bg_h3_02.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#treatment p{
margin-top:26px;
margin-left:10px;
font-size:12px;
line-height:1.5 !important;
}

/*テキスト*/
.right-box h1{
font-size:16px;
margin:0 20px 0 40px;
padding:30px 0px 10px 5px;
color:#5ba544;
background-image: url(../images/bg_h1_01.gif);
background-repeat: no-repeat;
background-position: bottom;
}
.right-box h2{
font-size:16px;
padding:37px 0px 12px 0px;
color:#5ba544;
margin:0 20px 0 40px;
border-bottom:1px solid #aed984;
}
.right-box h3{
font-size:16px;
padding:37px 0px 12px 10px;
color:#5ba544;
margin:0 20px 0 40px;
border-left:4px solid #aed984;
}
.right-box p{
font-size:0.85em;
line-height:1.6;
margin:26px 0 0 0;
padding:0px 20px 37px 40px;
color:#4c4c4c;
}
.right-box dl{
margin:26px 420px 0 40px;
}
.right-box dt{
font-size:0.9em;
line-height:1.6;
padding:0px 20px 5px 40px;
color:#6d7987;
}
.right-box dd{
font-size:0.8em;
line-height:1.6;
padding:0px 20px 10px 40px;
color:#6d7987;
}
#-right-box ul{
margin:20px 0 0 0;
}

strong{
color:#5ba544;
background-color:#f6f6e8 !important;
}

.left-box h3{
font-size:18px;
padding:37px 26px 5px 10px;
color:#5ba544;
}

#footer h2{
font-size:1em;
margin-bottom:10px;
color:#2973c8;
}
#footer h2 a{
color:#5ba544;
text-decoration:none;
}
#footer p{
font-size:0.8em;
line-height:1.5;
}


/*ナビゲーション*/
#navigation ul{
padding-top:27px;
padding-left:10px;
}
#navigation li{
list-style:none;
line-height:0;
font-size:0;
padding-bottom:15px;
}
#navigation li a{
display:block;
}
#navigation li a:hover {
background-color:transparent;
}
#navigation li a:hover img{
visibility:hidden;
}
li.navi01{
background-image: url(../images/navi_on_01.gif);
background-repeat: no-repeat;
background-position: left top;
width:199px;
height:17px;
}
li.navi02{
background-image: url(../images/navi_on_02.gif);
background-repeat: no-repeat;
background-position: left top;
width:199px;
height:17px;
}
li.navi03{
background-image: url(../images/navi_on_03.gif);
background-repeat: no-repeat;
background-position: left top;
width:199px;
height:17px;
}
li.navi04{
background-image: url(../images/navi_on_04.gif);
background-repeat: no-repeat;
background-position: left top;
width:199px;
height:17px;
}
li.navi05{
background-image: url(../images/navi_on_05.gif);
background-repeat: no-repeat;
background-position: left top;
width:199px;
height:17px;
}
li.navi06{
background-image: url(../images/navi_on_06.gif);
background-repeat: no-repeat;
background-position: left top;
width:199px;
height:17px;
}
li.navi07{
background-image: url(../images/navi_on_07.gif);
background-repeat: no-repeat;
background-position: left top;
width:199px;
height:17px;
}



.price{
margin:0 40px 37px 40px;
border-top:1px solid #72838a;
border-left:1px solid #72838a;
}
.price th{
font-size:0.8em;
padding:3px;
color:#dd4d13;
background-color:#f1ebce;
border-right:1px solid #72838a;
border-bottom:1px solid #72838a;
text-align:left;
white-space:nowrap;
}
.price td{
font-size:0.8em;
padding:3px;
border-right:1px solid #72838a;
border-bottom:1px solid #72838a;
text-align:right;
}
.price caption{
font-size:0.7em;
text-align:right;
}

.table01{
margin:20px 60px 20px 60px !important;
border-collapse:collapse;
border-spacing:1px;
}
.table01 th{
font-size:0.8em;
text-align:left;
padding:3px;
color:#4387c3;
background-color:#bcdff5;
white-space:nowrap;
border:1px solid #4387c3;
}
.table01 td{
font-size:0.8em;
padding:3px;
background-color:#fff;
border:1px solid #4387c3;
}
.table01 a{
color:#4387c3;
}

.padding-l40{
padding-left:40px !important;
}

.nutrient{
margin:0 20px;
padding-bottom:40px;
}
.nutrient ul{
margin:0;
padding:0;
}
.nutrient li{
margin:0 40px !important;
padding:3px 3px 3px 20px !important;
list-style:disc;
list-style-position:inside;
border-bottom:1px dotted #902d82;
}

.price2{
background-color: #eceeed;
margin: 5px 20px 30px 20px !important;
border: 1px solid #cccccc;
border-top: none;
}
.price2 dt{
font-weight: normal;
color: black;
margin: 0;
padding: 5px 0 5px 5px !important;
border-top: 1px solid #cccccc;
width: 100px;
float: left;
}
.price2 dd {
background-color: #ffffff;
margin: 0 0 0 102px;
padding: 5px !important;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

.table-flow01{
margin:40px 40px 20px 40px;
font-size:0.7em;
border-top:1px solid #902d82;
border-right:1px solid #902d82;
}
.table-flow01 th{
padding:5px;
text-align:left;
vertical-align:top;
font-weight:normal;
width:145px;
border-left:1px solid #902d82;
border-bottom:1px solid #902d82;
}
.table-flow01 td{
padding:5px;
border-left:1px solid #902d82;
border-bottom:1px solid #902d82;
}
.bg-flow01{
background-color:#eceeed;
}
.bg-flow02{
background-color:#ebbfe8;
}
.footer-link{
margin:10px 20px;
font-size:80%;
color:#902d82;
text-align:right;
}
.footer-link li{
display:inline;
}
.footer-link a{
padding-left:5px;
text-decoration:none;
background-image: url(../images/bg_li_footerlink_01.gif);
background-repeat: no-repeat;
background-position: left center;
color:#5ba544;
}
.footer-link a:hover{
text-decoration:underline;
color:#cb2d3a;
}


/*画像*/
.img-border01{
border:1px solid #cee5f1;
}
.img-border02{
margin-top:26px;
border:1px solid #cee5f1;
}
.img-float-left{
float:left;
border:1px solid #cee5f1;
margin:0 10px 5px 0;
}
.img-ml20{
margin-left:20px;
}
.img-ml40{
margin-left:40px;
}
.img-m20-0-0-10{
margin:20px 0 0 10px;
border:1px solid #5ba544;
}
.img-m20-0-20-40{
margin:20px 0 20px 40px;
}
.img-m20-0-0-40{
margin:20px 0 0px 40px;
}

/*文字サイズ変更*/
#logo{
float:left;
}
#font-size{
float:right;
margin:15px 20px 0 0;
padding:0;
font-size:10px;
}
#font-size li{
display:inline;
margin:0 0 0 5px;
}

.ul1{
list-style:none;
margin:0 !important;
padding-top:8px;
background-color:#c5e2b4;
background-image: url(../images/bg_ul_head.gif);
background-repeat: no-repeat;
background-position: left top;
}
.ul1 li{
font-size:95%;
font-weight:bold;
margin:5px 0 10px 5px !important;
padding:5px 5px 5px 28px !important;
color:#2574ea;
background-image: url(../images/bg_li_ul1.gif);
background-repeat: no-repeat;
background-position: left top;
}
.ul1-wrap{
margin:20px 20px 20px 40px !important;
padding-bottom:8px;
background-color:#c5e2b4;
background-image: url(../images/bg_ul_foot.gif);
background-repeat: no-repeat;
background-position: left bottom;
}


.flow-reservation{
margin:20px 40px;
font-size:0.85em;
}
.flow-reservation th{
padding:2px;
vertical-align:top;
text-align:left;
}
.flow-reservation td{
padding:2px 2px 2px 10px;
color:#2574ea;
}

.toppage-p{
font-size:1em !important;
font-weight:bold;
color:#000000 !important;
}