@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");



/* top
-----------------------------------------------------------------------*/

#mainimg{
width: 762px;
position:relative;
margin-bottom:30px;
}
.mainimg02{
position: absolute;
bottom: 35px;
right:17px;
}

.contbana{
text-align:center;
margin-bottom:20px;
}

.flowbox{
width: 442px;
background:url(../img/diagnosis03.jpg) no-repeat right 10px;
padding-right:308px;
margin:0px auto 30px auto;
}
.flow-ya{
width: 441px;
background: url(../img/diagnosis04.gif) no-repeat center bottom;
padding-bottom:30px;
}
.flow{
background:url(../img/flowback.gif) repeat-y left top;
width: 441px;
}
.flow p{
background:url(../img/flowbtm.gif) no-repeat left bottom;
padding:10px 15px;
line-height:180%;
}

.resultsbox{
width: 747px;
margin: 0px auto 20px auto;
background:url(../img/results-back02.gif) repeat-y left top;
}
.resultsbox02{
width: 747px;
background:url(../img/results-back.gif) no-repeat left bottom;
}
.results{
width: 747px;
position:relative;
overflow:hidden;
background:url(../img/results05.gif) no-repeat 335px center;
}
.before{
float:left;
width: 324px;
}
.after{
float: right;
width: 368px;
}

.before ul{
padding: 15px 15px 25px 30px;
width: 279px;
}
.after ul{
padding: 15px 15px 15px 30px;
width: 323px;
}
.before li,.after li{
line-height:150%;
}



.message{
background:url(../img/message03.gif) no-repeat right top;
width: 510px;
margin: 15px auto;
line-height:180%;
padding-right: 200px;
}






/* about
-----------------------------------------------------------------------*/
.service01{
width: 342px;
background: url(../img/inner/service-back.gif) no-repeat right top;
margin: 0px auto;
line-height:180%;
padding-right:370px;
}
.service01 p{
padding-left: 45px;
}
.service02{
width: 477px;
background:url(../img/inner/service-back02.jpg) no-repeat left top;
line-height:180%;
padding-left:260px;
margin-bottom:30px;
}
.service03{
width: 477px;
position:relative;
overflow:hidden
}
.service03 div{
float:left;
width: 141px;
}
.service03 p{
float:left;
width: 311px;
padding-top:10px;
}
.service02 table{
width: 477px;
background: #E6E6E6;
margin: 10px 0px;
}
.service02 table th{
background: #95CEEA;
width: 180px;
text-align:left;
font-weight:normal;
padding: 5px 10px;
}
.service02 table td{
background: #ECF9FF;
width: 272px;
padding: 5px 10px;
}


.policy{
width: 712px;
margin: 0px auto 30px auto;
}
.policy ul{
width: 712px;
list-style:none;
padding-top:20px;
}
.policy li{
list-style:none;
}

.policy02{
width: 712px;
position:relative;
overflow:hidden;
}
.policy02-l{
float:left;
}
.policy02-r{
float:left;
background:url(../img/inner/policy09.gif) no-repeat left top;
padding-top:60px;
padding-left: 30px;
line-height:180%;
width: 325px;
}


.definition{
background: url(../img/inner/definition01.jpg) no-repeat left top;
width: 497px;
margin: 20px auto;
padding-left: 215px;
line-height:180%;
}





table.access{
width: 712px;
margin-bottom:40px;
background: #E6E6E6;
}
table.access th{
background: #95CEEA;
width: 180px;
text-align:left;
padding: 5px 10px;
}
table.access td{
background: #ECF9FF;
padding: 5px 10px;
}




/*----------------------------------------------------------------------- contact ----*/

.contbox{
line-height:180%;
padding: 15px;
background: #FFF5AD;
border:1px solid #F8CD44;
}
.contbox02{
width: 712px;
margin: 30px auto;
line-height:180%;
font-size:14px;
}

.contactbox{
font-size:14px;
width: 712px;
margin: 0px auto 30px auto;
}

.contact {
background:#AEAEAE;
width: 712px;
margin: 30px auto 20px auto;
}
.contact th{
background: #CAE2EE;
padding: 10px 10px;
text-align:left;
font-size:14px;
}
.contact td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
font-size:14px;
}
.contact th.must{
background: url(../img/inner/must.gif) no-repeat 130px center #CAE2EE;
width: 150px;
padding: 10px 10px;
text-align:left;
}


.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


#F-MAIL,#F-POST {width: 57%;margin: 5px 0px 5px 0px;}
#F-MAIL2 {width: 57%;margin: 0px 0px 5px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-MESSAGE02 { width: 90%; height: 50px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}
#sex01, #sex02{ vertical-align:top;}
#F-kikake {width: 20%;margin: 5px 0px 5px 0px;}
/* ragio-btn */
#ITEM01,#ITEM02{ margin-top: -2px;}

#kikake01,#kikake02,#kikake03,#kikake04,#kikake05{ margin-top: -3px;}
#keiyaku01,#keiyaku02{ margin-top: -3px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}
.cont-txt02{
font-weight: normal;
}

.txt01{
line-height:180%;
}







































