@charset "utf-8";

@import "default.css";

/* ===================================================================
format
=================================================================== */

/*	body
----------------------------------------------------*/
body {background:#daf2ff; text-align:center;font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------*/
a			{color:#0068b7;text-decoration:none;}
a:link		{color:#0068b7;text-decoration:none;}
a:visited	{color:#0068b7;}
a:hover		{text-decoration:underline;}
a:active	{color:#0068b7;}

/* ===================================================================
Layout
=================================================================== */
#wrap			{background:#FFFFFF; width:900px; margin:0 auto;}
#header			{
    position: fixed;
	width:900px;
    height: 120px;
    background: #fff;
    z-index: 9999;
}
#g_nav			{}
#container		{}
#maincolumn		{
    padding-top: 120px;
}
#sidebar		{}
#footer			{
	background-color: #0078b9;
	width: 900px;
	height: 33px;
	padding-top: 20px;
}

/* ===================================================================
Layout-contents
=================================================================== */

/*	header
----------------------------------------------------*/
#header h1 {
font-size:10px;
color:#303030;
}

.logo {
float: left;
margin: 6px 0 0 8px;
}

.contact {
float: right;
width:320px;
height:73px;
margin: 4px 7px 0 0;
}

#header .clinic{
margin: 8px 0 0 8px;
}

#header .clinic li{
float: left;
margin: 0 7px 0 0;
background: #275fbb;
text-align: center;
padding: 4px 6px;
font-size: 12px;
}

#header .clinic li a{
color: #fff;
}


/*	maincolumn
----------------------------------------------------*/

#maincolumn p {
font-size: 16px;
line-height: 1.7em;
color: #333;
margin: 19px 0 8px 17px;
}

#maincolumn span {
font-weight: bold;
color: #FF0000;
}


.main_img {
background:url(../images/mainImage_v3.jpg) no-repeat;
width:900px;
height:341px;
position:relative;
}

.main_img .btn01 {
position: absolute;
top: 136px;
left: 283px;
}

.main_img .btn02 {
position: absolute;
left: 283px;
top: 223px;
}

.three_a {
background:url(../images/three-a_bg.gif) no-repeat;
width:900px;
height:175px;
position: relative;
}

.three_a ul {
position: absolute;
left: 34px;
top: 64px;
}

.three_a li {
float: left;
display: inline;
margin:0 0 0 21px;
}

.three_a li:first-child {
margin-left:0;
}

.hokei_text {
font-size: 16px;
color: #333;
line-height: 1.7em;
margin: 19px 0 0 17px;
}

.hokei_text span {
font-weight: bold;
color: #FF0000;
}

.syurui {
background: url(../images/kind_bg_v2.jpg) no-repeat;
height: 159px;
width: 900px;
position: relative;
}

.syurui .btn01 {
position: absolute;
left: 657px;
top: 11px;
}

.syurui .btn02 {
position: absolute;
left: 657px;
top: 81px;
}

.feature {
margin:0 0 22px 0;
}

.hokei_nayami {
background: url(../images/hokei_nayami_v2.jpg) no-repeat;
height: 159px;
width: 900px;
position:relative;
}

.hokei_nayami .btn01 {
position: absolute;
left: 657px;
top: 11px;
}

.hokei_nayami .btn02 {
position: absolute;
left: 657px;
top: 81px;
}

.campaign {
background:url(../images/campaign_bg.gif) no-repeat;
width:900px;
height:305px;
position:relative;
}

.campaign .btn {
position: absolute;
left: 36px;
top: 214px;
}

#maincolumn .campaign p {
font-size: 12px;
line-height: 1.5em;
color: #2e2e2e;
position: absolute;
left: 220px;
top: 194px;
}

.gakuwari {
background:url(../images/gakuwari_bg.gif) no-repeat;
width:900px;
height:342px;
position:relative;
}

.gakuwari .btn {
position: absolute;
left: 36px;
top: 224px;
}

#maincolumn .gakuwari p {
font-size: 12px;
line-height: 1.5em;
color: #2e2e2e;
position: absolute;
left: 220px;
top: 204px;
}

.move_area {
position: relative;
height: 425px;
width: 900px;
}

.move_area .left_video {
width: 362px;
position: absolute;
left: 43px;
top: 24px;
}

.move_area .left_video h4 {
margin:0 0 13px 0;
}

.move_area .right_video {
width: 362px;
position: absolute;
left: 493px;
top: 24px;
}

.move_area .right_video h4 {
margin:0 0 13px 0;
}

#maincolumn .move_area p {
position: absolute;
left: 43px;
top: 316px;
margin: 0px;
font-size: 14px;
color: #2e2e2e;
}

#maincolumn .move_area span {
font-size: 11px;
color: #2e2e2e;
position: absolute;
left: 43px;
top: 390px;
}

.voice .bg01 {
background: url(../images/voice_bg01.gif) no-repeat;
height: 421px;
width: 900px;
position: relative;
margin:0 0 15px 0;
}

#maincolumn .voice .bg01 p {
font-size: 13px;
width: 515px;
position: absolute;
left: 51px;
top: 126px;
margin: 0px;
}

.voice .bg02 {
background: url(../images/voice_bg02.gif) no-repeat;
height: 421px;
width: 900px;
position: relative;
margin:0 0 15px 0;
}

#maincolumn .voice .bg02 p {
font-size: 13px;
width: 515px;
position: absolute;
left: 51px;
top: 126px;
margin: 0px;
}

.expense {
background: url(../images/expense_bg_v2.jpg) no-repeat;
height: 159px;
width: 900px;
position: relative;
}

.expense .btn01 {
position: absolute;
left: 657px;
top: 11px;
}

.expense .btn02 {
position: absolute;
left: 657px;
top: 81px;
}

.cost {
position: relative;
width: 900px;
height: 715px;
}

.cost h4 {
margin:10px 0 0 0;
}


.cost .chokei {
position: absolute;
top: 60px;
left: 15px;
}

.cost .chokei .head {
background-color: #0078b9;
font-size: 18px;
color: #FFFFFF;
font-weight: normal;
}

.cost  .chokei table {
width: 280px;
border-top: 1px solid #8bbee9;
border-right: 1px solid #8bbee9;
border-left: 1px solid #8bbee9;
background-color: #d1eaff;
}

.cost .chokei th {
width:130px;
padding: 7px 0 7px 9px;
font-size: 13px;
color: #1c1c1c;
border-bottom: 1px solid #8bbee9;
font-weight: normal;
}

.cost .chokei td {
padding:0 9px 0 0;
font-size: 15px;
font-weight:bold;
color: #1c1c1c;
text-align: right;
border-bottom: 1px solid #8bbee9;
}

.cost .souro {
position: absolute;
top: 60px;
left: 607px;

}

.cost .souro .head {
font-size: 18px;
color: #FFFFFF;
font-weight: normal;
background-color: #0078b9;
}

.cost  .souro table {
width: 280px;
background-color: #d1eaff;
border-top: 1px solid #8bbee9;
border-right: 1px solid #8bbee9;
border-left: 1px solid #8bbee9;
}

.cost .souro th {
padding: 7px 0 7px 9px;
font-size: 13px;
color: #1c1c1c;
width:130px;
border-bottom: 1px solid #8bbee9;
font-weight: normal;
}

.cost .souro td {
padding:0 9px 0 0;
font-size: 15px;
font-weight:bold;
color: #1c1c1c;
text-align: right;
border-bottom: 1px solid #8bbee9;
}

.cost .wakiga {
position: absolute;
top: 60px;
left: 310px;
}

.cost .wakiga .head {
font-size: 18px;
color: #FFFFFF;
font-weight: normal;
background-color: #0078b9;
}

.cost  .wakiga table {
width: 280px;
border-top: 1px solid #8bbee9;
border-right: 1px solid #8bbee9;
border-left: 1px solid #8bbee9;
background-color: #d1eaff;
}

.cost .wakiga th {
width:130px;
padding: 7px 0 7px 9px;
font-size: 13px;
color: #1c1c1c;
font-weight: normal;
border-bottom: 1px solid #8bbee9;
}

.cost .wakiga td {
padding:0 9px 0 0;
font-size: 15px;
font-weight:bold;
color: #1c1c1c;
text-align: right;
border-bottom: 1px solid #8bbee9;
}

.cost .danseiki {
position: absolute;
top: 215px;
left: 15px;
}

.cost .danseiki .head {
font-size: 18px;
color: #FFFFFF;
background-color: #0078b9;
font-weight: normal;
}

.cost  .danseiki table {
width: 576px;
background-color: #d1eaff;
border-top: 1px solid #8bbee9;
border-right: 1px solid #8bbee9;
border-left: 1px solid #8bbee9;
}

.cost .danseiki th {
width:300px;
padding: 7px 0 7px 9px;
font-size: 13px;
color: #1c1c1c;
font-weight: normal;
border-bottom: 1px solid #8bbee9;
}

.cost .danseiki td {
padding:0 9px 0 0;
font-size: 15px;
font-weight:bold;
color: #1c1c1c;
text-align: right;
border-bottom: 1px solid #8bbee9;
}

#maincolumn .cost .cautions {
position: absolute;
top: 215px;
left: 610px;
width: 265px;
margin: 0px;
font-size: 12px;
color: #FF0000;
}

#maincolumn .cost .remarks {
position: absolute;
top: 495px;
left: 15px;
margin:0;
font-size: 12px;
color: #1c1c1c;
}

.cost .payment {
position:absolute;
top:605px;
left:25px;
}

.cost .payment {
width:94%;
}

.cost .payment th {
padding:10px;
}

.cost .payment .card {
padding:5px 10px 0 10px;
vertical-align:top;
font-size: 14px;
color: #333;
border: 1px solid #b4b4b4;
background: url(../images/card.gif) no-repeat;
}

.cost .payment .card2 {
padding:5px 10px 0 10px;
vertical-align:top;
border: 1px solid #b4b4b4;
}

.cost .payment .head {
width:240px;
height:70px;
padding:0 0 0 10px;
font-size: 18px;
color: #FFFFFF;
font-weight: normal;
border-right: 1px solid #FFF;
background-color: #0078b9;
}

.cost .payment .kakaku {
width: 188px;
padding:5px 0 0 10px;
vertical-align:top;
font-size: 14px;
color: #333;
border-top: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
background: url(../images/3000.gif) no-repeat;
}

.cost .payment .package {
width: 188px;
padding:0 0 0 10px;
text-align:center;
font-size: 14px;
font-weight: normal;
border-top: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
}


.step_box {
background: url(../images/step01.gif) no-repeat;
height: 273px;
width: 900px;
position: relative;
}

.step_box .step1 {
width: 235px;
position: absolute;
left: 45px;
top: 100px;
}

#maincolumn .step_box .step1 p {
font-size: 14px;
line-height: 1.4em;
margin: 0px;
}

.step_box .step2 {
width: 235px;
position: absolute;
left: 330px;
top: 100px;
}

#maincolumn .step_box .step2 p {
font-size: 14px;
line-height: 1.4em;
margin: 0px;
}

.step_box .step3 {
width: 235px;
position: absolute;
left: 620px;
top: 100px;
}

#maincolumn .step_box .step3 p {
font-size: 14px;
line-height: 1.4em;
margin: 0px;
}

.step_box02 {
background: url(../images/step02.gif) no-repeat;
height: 260px;
width: 900px;
position: relative;
}

.step_box02 .step4 {
width: 235px;
position: absolute;
left: 45px;
top: 90px;
}

#maincolumn .step_box02 .step4 p {
font-size: 14px;
line-height: 1.4em;
margin: 0px;
}

.step_box02 .step5 {
width: 235px;
position: absolute;
left: 330px;
top: 90px;
}

#maincolumn .step_box02 .step5 p {
font-size: 14px;
line-height: 1.4em;
margin: 0px;
}

.step_box02 .step6 {
width: 235px;
position: absolute;
left: 620px;
top: 90px;
}

#maincolumn .step_box02 .step6 p {
font-size: 14px;
line-height: 1.4em;
margin: 0px;
}

.tomorrow {
background: url(../images/tomorrow_bg.gif) no-repeat;
height: 226px;
width: 900px;
position: relative;
}

#maincolumn .tomorrow p {
font-size: 16px;
width: 630px;
position: absolute;
left: 150px;
top: 132px;
margin: 0px;
}

.clinic_list {
background: url(../images/clinic_bg_v2.jpg) no-repeat;
height: 160px;
width: 900px;
position: relative;
}

.clinic_list .btn01 {
position: absolute;
left: 657px;
top: 11px;
}

.clinic_list .btn02 {
position: absolute;
left: 657px;
top: 81px;
}




.main_img2 {
background: url(../images/mainImage02_v3.jpg) no-repeat;
height: 379px;
width: 900px;
position: relative;
}

.main_img2 .btn01 {
position: absolute;
top: 166px;
left: 283px;
}

.main_img2 .btn02 {
position: absolute;
left: 283px;
top: 253px;
}


/*	footer
----------------------------------------------------*/
#footer .f_navi {
float: left;
}

#footer .f_navi li {
font-size: 10px;
display: inline;
margin:0 0 0 30px;
}

#footer .f_navi li a {
color: #FFFFFF;
text-decoration: underline;
}

#footer .f_navi li a:hover {
text-decoration: none;
}

#footer .copy {
float: right;
color: #FFFFFF;
margin:0 30px 0 0;
}