@charset "utf-8";

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
}

body{
font-family: Helvetica,Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
font-size:14px;
background:#fff;
color: #4d4d4d;
}

/*------------------------------------------------------------
	リンク
------------------------------------------------------------*/
a {
	text-decoration: none;
}
a:link{
color:#4d4d4d;
}

a:visited{
color:#4d4d4d;
}

a:active{
color:#4d4d4d;
}


#wrap{
}

.red {color: #C00;}

#head{
padding:10px 8px;
overflow:hidden;
}

#home #head{
}

#head:after{
content:"";
display:block;
clear:both;
}

#head h1{
}

#head h1 img{
float:left;
width:170px;
}


#head p {
padding:3px 5px 0 5px;
}

#head p:after{
content:"";
display:block;
clear:both;
}

#head p.headFreedial {
float:right;
margin:0 0 0 5px;
}
#head p.headFreedial img{
width:110px;
}


#visual img{
width:100%;
margin-bottom:10px;
}

#visual:after{
content:"";
display:block;
clear:both;
}

/*------------------------------------------------
   common
------------------------------------------------*/
.pagetop a{
float:right;
font-size:10px;
margin-right:20px;
padding:10px;
background:#FFF;
border:1px solid #CCC;
border-bottom:none;
border-radius:5px 5px 0 0;
display:block;
heigh:44px;
color:#39C;
}
.pagetopl:after{
content:"";
display:block;
clear:both;
}

#treatmentMenu h2, #accessMenu h3, #reserveMenu h4, #access h2 {
border-top:2px solid #037596;
font-size:16px;
padding: 12px 0 12px 10px;
background: #1ca8d0;
color:#FFF;
/*-webkit-box-shadow: #CDCDCD 0px 3px 3px ;
-moz-box-shadow: #CDCDCD 0px 3px 3px ;
box-shadow: #CDCDCD 0px 3px 3px ;*/
}

.commonBtn {
	text-align:center;
	margin:0 0 10px;
}

.commonBtn img {
	width:95%;
}

/*------------------------------------------------
   #home
------------------------------------------------*/

#home ul.mainBtn {
	text-align:center;
	margin:10px 0 10px;
}

#home ul.mainBtn li {
	margin-bottom:10px;
}

#home ul.mainBtn img {
	width:95%;
}


/*------------------------------------------------
   footer
------------------------------------------------*/


#footer {
clear:both;
padding:5px 10px 10px;
font-size:10px;
color:#fff;
text-align:center;
border-top:2px solid #037596;
background:#1ca8d0;
}


#footer .deviceLink li {
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
}
#footer .deviceLink li:first-child {
	border-right: 1px solid rgba(255,255,255,.3);
	padding-right: 10px;
	margin-right: 5px;
}
#footer .deviceLink li a {
	vertical-align: middle;
	color: #fff;
}
#footer .deviceLink li:last-child a {
	background-color: #fff;
 color:#c6970c;
	display: block;
	padding: 0 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#footer .copyright {
	color: #fff;
	margin-top: 10px;
}


/*------------------------------------------------
   #nav
------------------------------------------------*/

#nav{
}

#nav ul {
}


#nav ul li a{
position:relative;
display:block;
height:44px;
padding:0 10px 0 23px;
font-size:14px;
text-decoration:none;
line-height:44px;
border-bottom:1px solid #cdcdcd;
background: no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.50, #efefef), color-stop(0.50, #efefef), color-stop(0.49, #fff));
background: no-repeat 10px center, -webkit-linear-gradient(top, #fff 49%, #efefef 50%, #efefef 50%, #fff 100%);
background: no-repeat 10px center, -moz-linear-gradient(top, #fff 49%, #efefef 50%, #efefef 50%, #fff 100%);
background: no-repeat 10px center, -o-linear-gradient(top, #fff 49%, #efefef 50%, #efefef 50%, #fff 100%);
background: no-repeat 10px center, -ms-linear-gradient(top, #fff 49%, #efefef 50%, #efefef 50%, #fff 100%);
background: no-repeat 10px center, linear-gradient(to bottom, #fff 49%, #efefef 50%, #efefef 50%, #fff 100%);
}


#nav ul li.pixel a{
font-size:10px;
}

#nav ul li:last-child {
border-bottom:none;
}

#nav ul li a:before{
position:absolute;
left:3px;
top:50%;
margin:-9px 0 0 3px;
display:block;
content:"";
width:13px;
height:16px;
background:url(../img/nav_mark.png) no-repeat;
-webkit-background-size:13px 16px;
background-size:13px 16px;
}

#nav ul li a:after{
position:absolute;
right:7px;
top:50%;
margin:-5px 0 0 0;
display:block;
content:"";
width:5px;
height:9px;
background:url(../img/nav_arrow.png) no-repeat;
-webkit-background-size:5px 9px;
background-size:5px 9px;
}

#nav ul li a:hover{
background: #e9ca6e;
}

/*------------------------------------------------
   #accessMenu
------------------------------------------------*/

#accessMenu ul{
	margin:15px;
}

#accessMenu ul li {
margin:0 0 10px 0;
list-style:none;
}

#accessMenu ul li a {
position:relative;
display:block;
height:45px;
padding:8px 10px 0 10px;
font-size:12px;
text-decoration:none;
line-height:55px;
border-radius:5px;
border:1px solid #cdcdcd;

/*androidで表示させるためぼかしに1px追加*/
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.20);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.96, #e5e5e5), color-stop(0.75, #fff), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -o-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: linear-gradient(to bottom, #fff 0%, #fff 75%, #e5e5e5 96%);
	text-align:center;
}

#accessMenu ul li a img {
	width:260px;
}

#accessMenu ul li a:hover{
background: #e9ca6e;
}


#accessMenu ul li a:after{
content:"";
display:block;
clear:both;
background-size:20px 20px;
}



/*------------------------------------------------
   #reserveMenu
------------------------------------------------*/

#reserveMenu ul{
	margin:15px;
}

#reserveMenu ul li {
margin:0 0 10px 0;
list-style:none;
}

#reserveMenu ul li {
position:relative;
display:block;
height:50px;
padding:8px 10px 0 10px;
font-size:12px;
text-decoration:none;
line-height:65px;
border-radius:5px;
border:1px solid #cdcdcd;

/*androidで表示させるためぼかしに1px追加*/
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.20);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.96, #e5e5e5), color-stop(0.75, #fff), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -o-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: linear-gradient(to bottom, #fff 0%, #fff 75%, #e5e5e5 96%);
	text-align:center;
}

#reserveMenu ul li img {
	width:235px;
}

#reserveMenu ul li:hover{
background: #e9ca6e;
}


#reserveMenu ul li:after{
content:"";
display:block;
clear:both;
background-size:20px 20px;
}

/*------------------------------------------------
   access
------------------------------------------------*/

#access .mapImg {
	text-align:center;
	margin:20px 0 10px;
}

#access .mapImg img {
	width:90%;
}

#access .contents {
	margin:0 5%;
	margin-bottom:20px;
}

#access h3{
	border-left:4px solid #1ca8d0;
	padding:5px 6px;
	margin:10px 0;
text-shadow:1px 0px 1px #black;
}
#access p {
	line-height:1.8;
}
#access p em{
	font-weight:bold;
	font-style:normal;
text-shadow:1px 0px 1px #black;
}

#access table {
	width:100%;
}

#access table td {
	padding:5px 0 5px 7px;
	line-height:1.8;
	border:1px solid #b2b2b2;
}
#access table th{
	padding:5px;
	background: #c4e8f2;
	border:1px solid #b2b2b2;
	white-space:nowrap;
}
/*------------------------------------------------
   #access p.tc
------------------------------------------------*/

#access p.tc {
	text-align:center;
	margin:0px 15px 15px;
}

#access p.tc a{
position:relative;
display:block;
height:34px;
padding:0 10px;
font-size:14px;
text-decoration:none;
line-height:34px;
border-radius:5px;
border:1px solid #cdcdcd;

/*androidで表示させるためぼかしに1px追加*/
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.20);
-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.20);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.96, #e5e5e5), color-stop(0.75, #fff), color-stop(0.00, #fff));
background: -webkit-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -moz-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -o-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: -ms-linear-gradient(top, #fff 0%, #fff 75%, #e5e5e5 96%);
background: linear-gradient(to bottom, #fff 0%, #fff 75%, #e5e5e5 96%);
}

#access p.tc a:hover{
background: #e9ca6e;
}

#access p.tc a:after{
position:absolute;
right:10px;
top:50%;
margin:-10px 0 0 0;
display:block;
content:"";
width:20px;
height:20px;
background:url(../img/btn_icon.png) no-repeat;
-webkit-background-size:20px 20px;
background-size:20px 20px;
}


/*------------------------------------------------
  #menu #nav
------------------------------------------------*/

#menu #nav ul li a:after{
position:absolute;
right:10px;
top:50%;
margin:-10px 0 0 0;
display:block;
content:"";
width:55px;
height:20px;
background:url(../img/btn_icon_pc.png)no-repeat;
-webkit-background-size:55px 20px;
background-size:55px 20px;
}

/*------------------------------------------------
  #care
------------------------------------------------*/
#care .contents {
	margin:0 2.5%;
	margin-bottom:20px;
}

#care h2.title{
	border-left:4px solid #427dc1;
	padding:5px 6px;
	font-size:16px;
	color:#427dc1;
	margin-bottom:10px;
}

#care h2.titleSmall{
	border-left:4px solid #427dc1;
	padding:5px 6px;
	font-size:16px;
	color:#427dc1;
	margin-bottom:10px;
	line-height:1.3;
}

#care h3.title{
	clear:both;
	border-left:4px solid #dc162e;
	padding:5px 6px;
	font-size:16px;
	color:#dc162e;
	margin-bottom:10px;
}

#care h4.title{
	clear:both;
	font-size:14px;
	color:#6a4904;
	margin-bottom:10px;
}

#care .recommend img,
#care .about img,
#care .mb10 img {
	width:100%;
	margin-bottom:10px;
}

#care .mb0 img {
	width:100%;
}

#care p.text {
	line-height:1.7;
	margin-bottom:20px;
}

#care .machinePict{
	float:right;
	padding-left:5px;
	padding-bottom:5px;
}

#care p.caseText {
	line-height:1.5;
	text-align:center;	
	font-size:12px;
}

#care ul.point{
	list-style:decimal;
	line-height:1.5;
	margin-left:1.5em;
	margin-top:-1em;
	margin-bottom:1em;
}

/*------------------------------------------------
   Default
------------------------------------------------*/
.cf:after{
content:"";
display:block;
clear:both;
}