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

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


/*レイアウト*/
#container{
width:766px;
}
#header{
height:141px;
background-image: url(../images/bg_header_01.gif);
background-repeat: repeat-x;
background-position: left top;
}
#left-box{
float:left;
width:265px;
background-color:#bcdff5;
background-image: url(../images/bg_left-box_01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#right-box{
float:right;
width:501px;
background-color:#fff;
border-bottom:4px solid #8bc3eb;
}
#pagetop{
text-align:right;
padding-right:40px;
margin:30px 0 37px 0;
}
#footer{
clear:both;
width:501px;
padding-top:20px;
margin:0 0 0 265px;
}

/*パーツ*/
#header .siteid{
margin:60px 0 0 40px;
}
#navigation{
height:261px;
background-image: url(../images/bg_navigation_01.gif);
background-repeat: no-repeat;
background-position: left top;
}
#overview{
margin:20px 26px 0 50px;
}
#overview a{
color:#2973c8;
}
#overview table{
margin-top:26px;
}
#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:20px 26px 28px 50px;
padding:20px 0 0 0;
border-top:2px solid #66abe2;
}
#director h3{
font-size:12px;
}
#director p{
margin-top:26px;
font-size:12px;
line-height:1.5 !important;
}

#treatment{
margin:20px 26px 28px 50px;
padding:20px 0 0 0;
border-top:2px solid #2973c8;
}
#treatment h3{
font-size:12px;
}
#treatment p{
margin-top:26px;
font-size:12px;
line-height:1.5 !important;
}

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

strong{
color:#000000;
background-color:#e8fbce !important;
}

#left-box h3{
font-size:18px;
padding:37px 26px 5px 0px;
color:#2973c8;
background-image: url(../images/bg_h3_02.gif);
background-repeat: no-repeat;
background-position: left bottom;}


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


/*ナビゲーション*/
#navigation ul{
padding-top:27px;
padding-left:13px;
}


#navigation li{
list-style:none;
line-height:0;
font-size:0;
}
#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 center;
width:252px;
height:32px;
}
li.navi02{
background-image: url(../images/navi_on_02.gif);
background-repeat: no-repeat;
background-position: left center;
width:252px;
height:32px;
}
li.navi03{
background-image: url(../images/navi_on_03.gif);
background-repeat: no-repeat;
background-position: left center;
width:252px;
height:32px;
}
li.navi04{
background-image: url(../images/navi_on_04.gif);
background-repeat: no-repeat;
background-position: left center;
width:252px;
height:32px;
}
li.navi05{
background-image: url(../images/navi_on_05.gif);
background-repeat: no-repeat;
background-position: left center;
width:252px;
height:32px;
}
li.navi06{
background-image: url(../images/navi_on_06.gif);
background-repeat: no-repeat;
background-position: left center;
width:252px;
height:32px;
}
li.navi07{
background-image: url(../images/navi_on_07.gif);
background-repeat: no-repeat;
background-position: left center;
width:252px;
height:32px;
}



.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:#902d82;
}
.footer-link a:hover{
text-decoration:underline;
color:#902d82;
}


/*画像*/
.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-0{
margin:20px 0 0 0;
border:1px solid #66abe2;
}
.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:60px 0px 0 0;
padding:0 20px 0 0;
text-align:right;
}
#font-size li{
display:inline;
margin:0 0 0 0px !important;
padding:0 !important;
line-height:1;
list-style:none !important;
}

.ul1{
list-style:none;
margin:0 !important;
padding-top:8px;
background-color:#ffecec;
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:0 0 10px 5px !important;
padding:5px 5px 5px 28px !important;
color:#f24499;
background-image: url(../images/bg_li_ul1.gif);
background-repeat: no-repeat;
background-position: left top;
}
.ul1-wrap{
margin:20px 40px 20px 41px !important;
padding-bottom:8px;
background-color:#ffecec;
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:#f24499;
}

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