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

/**************************************
treat
***************************************/
#wrapper .contents .treat_back2 {
background: url(../treat/img/img01.jpg) no-repeat 619px 511px;
}

#wrapper .contents .treat_back {
background: url(../treat/img/img03.jpg) no-repeat bottom left;
}

#wrapper .contents .treat_1 table {
border: 1px solid #AFAFAF;
border-collapse: collapse;
text-align: center;
margin: 5px 0px 7px 0px;
}

#wrapper .contents .treat_1 table th {
font-weight: normal;
padding: 4px;
border-right: 1px solid #AFAFAF;
border-bottom: 1px solid #AFAFAF;
text-align: right;
}

#wrapper .contents .treat_1 table td {
font-weight: normal;
padding: 4px 15px;
border-right: 1px solid #AFAFAF;
border-bottom: 1px solid #AFAFAF;
}

#wrapper .contents .mother .treat_1 {
margin-bottom: 90px;
}


#wrapper .contents .treat_2 img {
margin-top: -40px;
}

#wrapper .contents .treat_2 p {
margin-top: -60px;
}

#wrapper .contents .treat_3 {
padding-bottom: 40px;
}

#wrapper .contents .treat_3 li img {
width: 455px;
float: right;
}

#wrapper .contents .treat_3 ul {
margin-left: 45px;
}

#wrapper .contents .treat_3 li ul {
margin-top: -22px;
}

#wrapper .contents .treat_3 li ul li {
list-style-image: none;
list-style-type: disc;
}







/**************************************
father
***************************************/
#wrapper .contents .father p span {
color: #ff8349;
}

#wrapper .contents .father ul li h5 {
color: #2F7AB2;
font-size: 100%;
} 

#wrapper .contents .father ul li img {
width: 232px;
float: right;
margin-top: -23px;
} 

#wrapper .contents .father ul span img {
width: 205px;
float: right;
margin-left: 35px;
} 


#wrapper .contents .father ul {
margin: 20px 0px 20px 30px;
}

#wrapper .contents .father .father_1 {
background: url(../father/img/img02.jpg) no-repeat right bottom;
} 



/**************************************
mother
***************************************/
#wrapper .contents .mother h4 {
margin-bottom: 7px;
}

#wrapper .contents .mother div {
width: auto;
margin-bottom: 40px;
}

#wrapper .contents .mother ul li {
list-style-image: url(../reserve/img/li.gif);
list-style-position: outside;
margin-left: 19px;
}

#wrapper .contents .mother .mother_1 {
background: url(../mother/img/img01.jpg) no-repeat 100% 70%;
}

#wrapper .contents .mother .mother_2 img {
width: 173px;
float: right;
margin-left: 10px;
}



/**************************************
birth
***************************************/
#wrapper .contents .birth_back {
background:url(../birth/img/img06.jpg) no-repeat bottom left;
}

#wrapper .contents .box .birth {
width: auto;
margin-bottom: 40px;
}

#wrapper .contents .box .birth h4 {
margin-bottom: 7px;
}

#wrapper .contents .box .birth_1 {
width: auto;
}

#wrapper .contents .box .birth_7 {
margin-top: 40px;
}


#wrapper .contents .box .birth_2 {
width: auto;
}

#wrapper .contents .box .birth_4 {
width: auto;
}

#wrapper .contents .box .birth_5 {
width: auto;
}

#wrapper .contents .box .birth_1 img {
width: 198px;
float: left;
}

#wrapper .contents .box .birth_2 img {
width: 230px;
float: right;
margin: -30px 0px 0px 15px;
}


#wrapper .contents .box .birth_3 h5 {
font-size: 100%;
margin-top: 20px;
}

#wrapper .contents .box .birth ul li {
list-style-image: url(../reserve/img/li.gif);
list-style-position: outside;
margin-left: 19px;
}

#wrapper .contents .box .birth_3 {
background: url(../birth/img/img03.gif) no-repeat 80% 100%;
padding-bottom: 85px;
width: auto;
}

#wrapper .contents .box .birth_4 img {
width: 215px;
float: left;
margin-right: 15px;
}

#wrapper .contents .box .birth_5 img {
width: 256px;
float: right;
}

#wrapper .contents .box .birth_6 {
margin-bottom: 167px;
}

#wrapper .contents .box .birth_6 p {
width: 520px;
float: right;
}

#wrapper .contents .box .birth_6 h4 {
width: 138px;
float: left;
}



/**************************************
gyne
***************************************/
.gyne dl {
width: 713px;
margin-top: 30px;
}

.gyne span dl {
margin-top: 10px;
}

.gyne dl dt {
display: block;
width: 168px;
float: left;

}

.gyne dl dd {
display: block;
width: 520px;
float: right;
margin-top: 7px;
}

#wrapper .contents .gyne ul li {
list-style-image: url(../reserve/img/li.gif);
list-style-position: outside;
margin-left: 19px;
}

/**************************************
faci
***************************************/
.faci dl {
width: 713px;
margin-top: 30px;
}

.faci span dl {
margin-top: 10px;
}

.faci dl dt {
display: block;background: url(../faci/img/sen.gif) no-repeat right top;
width: 200px;
float: left;
font-size: 90%;
line-height: 120%;
}

.faci dl dd {
display: block;
width: 503px;
float: right;
margin-bottom: 30px;font-size: 12px;
line-height: 140%;
text-align: center;
}

#wrapper .contents .faci ul li {
list-style-image: url(../reserve/img/li.gif);
list-style-position: outside;
margin-left: 19px;
}

.mt1{margin-right: 14px;margin-bottom: 10px;}
.mt2{margin-right: 30px;margin-bottom: 10px;}



/**************************************
reserve
***************************************/
#wrapper .contents .reserve01 ul li {
list-style-image: url(../reserve/img/li.gif);
list-style-position: outside;
margin-left: 19px;
}

#wrapper .contents .reserve01 ul {
margin: 20px 0px 40px 0px;
}

#wrapper .contents .reserve01 .reserve02 {
margin: 12px 0px 0px 0px;
width: auto;
}


#wrapper .contents .reserve01 .reserve02 p {
background: url(../reserve/img/bt.gif) no-repeat;
width: 323px;
text-align: center;
padding-top: 12px;
float: left;
font-size: 110%;
line-height: 150%;
margin-bottom: 40px;
}

#wrapper .contents .reserve01 p span {
font-size: 10px;
display: block;
margin-top: 16px;
}

*html #wrapper .contents .reserve01 p span {
font-size: 75%;
}


#wrapper .contents .reserve01 .reserve02 div {
width: 340px;
float: right;
}

#wrapper .contents .reserve01 .reserve02 div p {
font-size: 10px;
line-height: 150%;
text-align: left;
width: 260px;
float: right;
background: none;
}

*html #wrapper .contents .reserve01 .reserve02 div p {
font-size: 80%;
}


#wrapper .contents .reserve01 .reserve02 div img {
width: 66px;
float: left;
}

#wrapper .contents .reserve01 h4 {
margin-bottom: 12px;
}

#wrapper .contents .reserve01 p span.bt {
background: url(../reserve/img/bt02.gif) no-repeat;
width: 323px;
height: 55px;
display: block;
font-size: 110%;
text-align: center;
padding-top: 14px;
margin: 10px auto 30px auto;
}




/**************************************
greet
***************************************/
#wrapper .contents .greet_back {
background: url(../greet/img/img02.jpg) no-repeat bottom right;
}


#wrapper .contents .box .greet02 {
width: auto;
margin-top: 50px;
margin-bottom: 120px;
}

#wrapper .contents .box .greet02 img {
width: 239px;
float: left;
margin-right: 35px;
margin-top: -90px;
margin-bottom: 150px;
}

#wrapper .contents .box .greet02 h4 span {
color: #75AAD7;
}



#wrapper .contents .box .greet01 {
width: auto;
}

.greet01 p {
width: 437px;
float: left;
}

#wrapper .contents .box .greet01 div {
width: 205px;
float: right;
background: url(../greet/img/back01.gif) no-repeat top;
line-height: 150%;
padding: 15px 15px;
text-align: center;
font-size: 10px;
height: 410px;
}

*html #wrapper .contents .box .greet01 div {
font-size: 85%;
}

*:first-child+html #wrapper .contents .box .greet01 div {
font-size: 85%;
}

#wrapper .contents .box .greet01 div img {
margin-bottom: 12px;
}

#wrapper .contents .box .greet01 div p {
text-align: left; 
border-bottom: #ffffff 2px solid;
width: 100%;
padding: 4px 0px;
}

#wrapper .contents .box .greet01 div p span {
font-size: 150%;
}

#wrapper .contents .box .greet01 div dl {
text-align: left; 
border-bottom: #ffffff 2px solid;
width: 100%;
}

#wrapper .contents .box .greet01 div dl dt {
display: block;
width: 23%;
float: left;
}

#wrapper .contents .box .greet01 div dl dd {
display: block;
width: 77%;
float: right;
}







/**************************************
common
***************************************/
#wrapper {
background: url(../common/back.gif) top;
background: url(../common/back_contents.gif) top repeat-y;
}

#wrapper h1 {
text-indent: -9999em;
}

#wrapper h1 a {
display: block;
width: 137px;
height: 91px;
float: left;
overflow: hidden;
background: url(../common/back_head.gif) no-repeat 1px top;
}

#wrapper h1 a:hover {
background: url(../common/back_head-on.gif) no-repeat 1px top;
}

#wrapper address {
background: url(../common/back_head.gif) no-repeat right top;
height: 73px;
text-align: right;
font-style: normal;
font-size: 75%;
line-height: 130%;
padding: 18px 15px 0px 0px;
width: 649px;
float: right;
}

#wrapper .contents {
width: 800px;
}

#wrapper .contents h2 {
width: 800px;
height: auto;
background: none;
} 

#wrapper .contents h3 {
padding: 30px 0px 23px 0px; 
}

#wrapper .contents div {
width: 800px;
background: url(../common/in_foot.gif) no-repeat bottom;
background-color: #FFFFFF;
padding-bottom: 15px;
}

#wrapper .contents div div {
background: none;
padding-bottom: 0px;
}

#wrapper .contents .box {
width: 713px;
border-right: 1px #000000 solid;
border-left: 1px #000000 solid;
padding: 0px 35px 0px 50px;
font-size: 12px;
line-height: 180%;
}

*html #wrapper .contents .box {
font-size: 75%;
}

*:first-child+html #wrapper .contents .box {
font-size: 75%;
}