/*基本
---------------------------------------------*/
html,body {
	width: 100%;
	height: 100%;
}
html {
	height: 100%;
	overflow-y: scroll;
}



/*リセット
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
img {
	border: none;
	vertical-align: middle;
}
ul,ol {
	list-style: none;
}



/*テキスト
---------------------------------------------*/
body {
	font-weight: normal;
	font-family: 'Kozuka Gothic Pro','小塚ゴシックPro','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


body { font-size:62.5%; } /* 10px */
p  { font-size: 1.2em; } /* 12px */
li { font-size: 1.0em; } /* 10px */




/*リンク
---------------------------------------------*/
a:link	{ color: #000000; }
a:visited	{ color: #000000; }
a:hover	{ color: #c9bc9c; }
a	{text-decoration: none;}
a:hover img {
	opacity:0.7;/* IE6 */
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}



/*コンテナー
---------------------------------------------*/
#container{
	width: 1180px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}



/*header
---------------------------------------------*/
#header{
	height:40px;
	color: #ffffff;
	text-align: left;
	background: #c9bc9c;
}


#header p{
	padding: 10px 0 10px 25px;
}



/*メインメニュー
---------------------------------------------*/
ul#navi {
	height: 85px;
	padding: 37px 0 0 12px;
}

ul#navi li {
	display:inline; /* IE6 */
	float:left;
	line-height:0;
	padding-left: 50px;
	font-weight: bolder;
}




/*nivoSlider
---------------------------------------------*/
.nivoSlider {
	position:relative;
	width:1180px; /* 画像の幅 */
	height:606px;
	margin:0;
	padding:0;
}

#slider {
}

.nivo-directionNav a {
   text-indent:-9999px;
   position:absolute;
   z-index:99;
}
a.nivo-nextNav {
   background-position:-30px 0;
   top:45%; right:15px;
}
a.nivo-prevNav {
   top:45%; left:15px;
   width:500px;
}

.nivo-controlNav a {
   position:relative;
   z-index:99;
   cursor:pointer;
}

#slider .nivo-controlNav {
   position:absolute;
   left:0;
   bottom:-100px;
   width:660px;
}
#slider .nivo-controlNav img {
   display:inline;
   position:relative;
   
}

.nivoSlider a.nivo-imageLink {
   position:absolute;
   top:0; left:0;
   width:100%; height:100%;
   margin:0; padding:0;
   z-index:60;
   display:none;
}



/*TOP
---------------------------------------------*/
.bar {text-align: center;padding: 40px 0 20px 0;}



h1 {text-align: center;font-size: 3.3em;padding: 20px 0 40px 0 ;}



.box1_top {height:501px; background-image: url("../images/TOP (1).jpg")}
.sbox1_top {width:500px;padding:140px 0 0 370px;line-height:2.5em;}
.sbox1_top h2{color: #c9bc9c;padding: 20px 0;}
.for_details1 {text-align: center;padding: 20px 0;margin-left: -70px;}



.box2_top {padding: 10px 0 0 85px;}
.sbox2_top {text-align: center;width:247px;padding: 0 45px;float: left;}
.sbox2_top h2{padding: 20px 0;font-size: 1.65em;}
.sbox2_top p{text-align: left;line-height:2em;font-size: 1.05em;}
.for_details2 {text-align: center;padding: 30px 0 20px 0;clear: both;}



.box3_top {height:380px;padding: 10px 0 0 255px;}
.sbox3_top {text-align: center;width:247px;padding: 0 45px;float: left;}
.sbox3_top p{text-align: left;line-height:2em;font-size: 1.2em;}
.for_contact {text-align: center;padding: 180px 0 10px 0;clear: both;}



.box4_top {height:385px;padding: 10px 0 0 80px;}
.sbox4_top {text-align: left;width:293px;padding: 0 23px;float: left;}
.sbox4_top h2{padding: 20px 0 0px 0;font-size: 1.65em;}
.sbox4_top p{text-align: left;line-height:1.8em;font-size: 1.05em;}
.for_more_information {text-align: center;padding: 50px;clear: both;}




.box5_top {height:113px;padding: 10px 0 50px 80px;}
.sbox5_top {text-align: left;width:293px;padding: 0 23px;float: left;}
.sbox5_top h2{padding: 20px 0 0px 0;font-size: 1.65em;}
.sbox5_top p{text-align: left;line-height:1.8em;font-size: 1.05em;}






/*what_miraclecolours
---------------------------------------------*/

.kasou h1 {text-align: left;font-size: 3.3em;padding: 90px 0 40px 60px;}

.box1_what_miraclecolours {padding:0px 0 0 60px;font-size: 2.1em;line-height:2.6em;}
.box1_what_miraclecolours h2{color: #c9bc9c;padding: 70px 0 50px 0;}
.box1_what_miraclecolours p {font-size: 1.0em;line-height:1.8em;}

.sbox1_what_miraclecolours {width:600px;padding: 0px 0 40px 0;}
.sbox2_what_miraclecolours {width:700px;float: left;}
.sbox3_what_miraclecolours {padding: 50px 0 70px 0;clear: both;}



/*flow_of_treatment
---------------------------------------------*/
.box1_flow_of_treatment {padding:30px 0 50px 140px;}
.box1_flow_of_treatment h1{padding: 0 0 20px 0;}
.box1_flow_of_treatment h2{font-size: 2.5em;}
.box1_flow_of_treatment p{font-size: 1.7em;}
.sbox1_flow_of_treatment {float: right;width: 650px;padding-top: 20px;}



/*therapist_introduction
---------------------------------------------*/
.box1_therapist_introduction {padding:30px 0 50px 140px;width: 920px;}
.box1_therapist_introduction h1{padding: 0 0 50px 0;}
.box1_therapist_introduction h2{font-size: 2.5em;}
.box1_therapist_introduction p{font-size: 1.9em;line-height: 2em;}
.sbox1_therapist_introduction {float: right;width: 520px;padding-top: 90px;}
.sbox2_therapist_introduction {clear: both;;padding: 50px 0;}
.sbox3_therapist_introduction {padding-top: 20px;}



/*customers_voice
---------------------------------------------*/
.box1_customers_voice {padding:0px 0 100px 140px;width: 920px;}
.box1_customers_voice h1{padding: 0 0 0 0;}
.box1_customers_voice h2{color:#c9bc9c;font-size: 1.9em;padding: 60px 0 20px 0;}
.box1_customers_voice p{font-size: 1.5em;line-height:1.6em;}
.customers_voice_rink{text-align: center;font-size: 1.5em;padding: 0 0 50px 0;}



/*access_contact
---------------------------------------------*/
.box1_access_contact {padding:30px 0 50px 200px;width: 800px;}
.box1_access_contact h1{padding: 0 0 50px 0;}
.box1_access_contact h2{font-size: 2.5em;}
.box1_access_contact p{font-size: 1.9em;line-height: 2em;}
.sbox1_access_contact {float: right;width: 340px;padding: 0 0 0 50px ;}
.sbox2_access_contact {clear: both;;padding: 50px 0;}
.access_contact_tel{font-weight: bold; font-size: 4.3em !important;}
.access_contact_adress{font-weight: bolder ; font-size: 2.5em !important;
line-height: 1.5em !important;}
.access_contact_time{font-weight: bolder ; font-size: 2.0em !important;
line-height: 1.5em !important;}

/*form
---------------------------------------------*/
#form{}






/*フッター
---------------------------------------------*/
#footer {
	height:103px;
	color: #ffffff;
	text-align: center;
	background: #c9bc9c;
}



ul#foot_navi {
	height:20px;
	margin-left: 300px;
	padding: 20px 0;
}

ul#foot_navi li {
	display:inline; /* IE6 */
	float:left;
	line-height:1.5;
	padding-left: 60px;
}

ul#foot_navi li a {
	color: #ffffff;
	font-size: 1.1em;
}
ul#foot_navi li a:hover	{ color: #000000; }


#copyright {
	height:25px;
	clear: left;
	padding-bottom: 20px;
}











.clear {
	clear:both;
}