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

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*--------共通-----*/
.inbox {
	padding: 15px;
}
.leftbox {
	float: left;
	clear: left;
}
.rightbox {
	float: right;
	clear: right;
}

.img_right img,.img_left img {
	}

dd,p,li{ text-align:justify;
text-justify:inter-ideograph;}

.topimg img.eye{
	margin: 0 auto;
	display: block;
}

img.block{ display:block;
margin:0 auto 15px auto;}

/*--------トップページ-----*/
.topimg {
	margin-bottom:30px;
	background: url(../image/common/bg_topimage.png) repeat;
	text-align:center;
	padding:0;
}

.topimg img{ display:block;
margin:0 auto;}

/*---------PR------------*/

#pr{ position:relative;
padding:10px;
	background-color:#ffffff;
box-shadow:0 0 5px #999;
margin:0 auto 30px auto;
border-radius:10px;}


.myButton {
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}


#pr .inbox{ padding:20px 10px 10px 10px;
background:url(../image/top/pr1-2.jpg) no-repeat right top;}

#pr .inbox p{ font-weight:bold;
font-size:17px;
line-height:1.6;
text-align:justify;
text-justify:inter-ideograph;;
margin:0 0 15px 0;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight:500;}

#pr .inbox img{ display:block;
margin:20px auto 0 auto;}


#pr2{ position:relative;
padding:10px;
background:#fff;
box-shadow:0 0 5px #999;
margin:0 auto 30px auto;
border-radius:10px;}

#pr2 .inbox{ padding:0;}

#pr2 .inbox .left{ float:left;}
#pr2 .inbox .left img{ display:block;
margin:0 0 15px 0;}


#pr2 .inbox .right{ float:right;}


#pr2 a:hover p{ color:#666;}



/*---------------*/

#information{ position:relative;}

#information h5{ color:#15C893;
font-size:22px;
border-bottom:2px solid #15C893;
padding-bottom:5px;
}

#newinfo{ padding:0 5px}

#information .inbox{
	padding: 0 0 20px 0;
	margin: 0;}

#information iframe{
	width:95%;
	height:200px;
	padding:10px;}

.edit{
	width: 25px;
	height: 25px;
	float: right;
	position: absolute;
	top: 12px;
	right:20px;
}


/*------共通-----*/
#shoukai,#sejyutu,#jihi{
	margin-bottom: 30px;
}
#greet,#feature,#shashin,#qa,#nagare,
#hoken,#jihi,#ryokin,#voice,#jiko,#jibai,#kouka,#information,#faq,#first,#o2room{
	padding:5px;
	border-radius: 10px;
	margin: 0 0 30px 0;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #888888;
	box-shadow: 0px 0px 5px #888888;
}


/*------------------------
 　　　　院内紹介
-----------------------------*/

/*------当院の特徴-----*/


#feature p {
	margin: 0 10px 25px;
	line-height: 1.6;}
	
#feature p img{ border:4px solid #fff;
box-shadow:0 0 4px #ccc;
margin-bottom:20px;
margin-left:25px;}	


#feature h4{font-size:23px;
padding:0;
margin:0 0 10px 0;
height:auto;
line-height:1.5;
position:relative;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	padding:5px 10px 8px 45px;
	font-family: 'Noto Sans Japanese', sans-serif;}

#feature h4 strong{ color:#FF7327;}




#feature h4:before{ content:"";
display:block;
width:28px;
height:30px;
background:url(../image/shoukai/feature.png) no-repeat left top;
position:absolute;
left:8px;
top:8px;}


#feature p:last-child{ margin-bottom:0;}


/*------院長挨拶-----*/

#greet img.inchou_image {
	border:5px solid #fff;
	box-shadow:0 0 4px #999;
	margin:0 auto 10px auto;
	display:block;}

#greet .incho{ float:left;
width:240px;
margin:0 20px 0 0;}



#greet p.inchou {
	font-weight: bold;
	color: #738CA2;
	text-align:center;}

#greet p.inchou .namae{ font-size:20px;
color:#FF7327;
letter-spacing:1px;}

#greet p.inchou .kana{font-size:13px;
color: #999;
font-weight:bold;
margin:0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;}


#greet p{ margin:0 0 15px 0;
line-height:1.7;
overflow:hidden;
}

#greet .bun p:last-child{ margin-bottom:0;}




/*------院内写真-----*/

#shashin #office_ph {margin:0 auto 0 auto;
width:600px;}


#shashin #office_ph #office_ph_big {
	width:600px;
	text-align: center;
	margin:0 auto 20px auto;
}
#shashin #office_ph ul#imgList { width:600px;
}
#shashin #office_ph ul#imgList li {
	list-style-type: none;
}
#shashin #office_ph #office_ph_big img {
	border:2px solid #eee;
}

#shashin p{ font-weight:bold;
color: #4B8B0A;}


#office_ph li{list-style:none;
display:inline;}
#office_ph li + li{border-left:none;}
#office_ph li img{cursor:pointer;width:142px;height:95px;border:solid 2px #CFC9A9;}
.list1 img{
	border-color: #ccc;
}
.list2 img{
	border-color: #ccc;
}
.list3 img{
	border-color: #ccc;
}
.list4 img{
	border-color: #ccc;
}


/*------よくある質問-----*/

#qa h2 span{ font-weight:normal;
font-size:15px;
margin:0 0 0 10px;}

#faq dl{margin: 0 0 30px 0;
border:1px solid #ddd;
padding:0;}

#faq dt{
	line-height: 30px;
	padding:5px 10px 5px 40px;
	margin: 0 0 10px;
	position:relative;
	font-size:16px;
	background:#EDF2F3;}

#faq dt:before{ content:"Q";
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF8600;
font-size:22px;
position:absolute;
left:12px;
top:5px;}


#faq dd{
	margin:0;
	padding: 0 15px 10px 40px;
	line-height: 26px;
	position:relative;
}


#faq dd:before{ content:"A";
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #7AC5E9;
font-size:22px;
position:absolute;
left:12px;
top:0;}

#faq dd a{ color:#004CFD;
text-decoration:underline;}

#faq dl:last-child{ margin-bottom:0;}


/*------------------------
 　　　　施術内容
-----------------------------*/

/*-------施術の流れ--------*/

dl.nagare{ margin:0 0 20px 0;}

dl.nagare dt{
	font-size: 17px;
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
	line-height:40px;
	background:#EDF2F3;
	border-radius:4px;
}

dl.nagare dt span{
	font-size: 14px;
	background: #FF9906;
	color:#fff;
	padding: 3px 5px 3px 5px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border-radius: 3px;
	margin: 6px 15px 0 8px;
	font-weight:bold;
	float: left;
}

dl.nagare dd{background: url(../image/common/arrow.png) no-repeat 200px 90px;
background-size:55px auto;
padding:0 5px 10px 5px;
margin:0 10px 10px 5px;
line-height:1.7;}

dl.nagare dd img{
	float: right;
	margin: 0 0 0 20px;
	border: #fff 4px solid;
	box-shadow: 0 0 4px #999;
	background-color: #FDECE5;

}

dl.nagare dd:after{ content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;}

dl.nagare dd:last-child{ background:none;
padding-bottom:0;}



/*-------料金表--------*/

#ryokin table{
	margin: 0 auto 10px auto;
	border: #824B44 1px solid;
	font-size: 16px;
	border-collapse: separate;
	width: 97%;
}	

#ryokin table th{
	background: url(../image/common/h3.png);
	padding: 7px 10px;
	color:#765B38;
	border-bottom: #824B44 1px dashed;
	border-left: #824B44 1px solid;
}

#ryokin table th:first-child {
	border-left:none;}
	
#ryokin table tr:last-child th,#ryokin table tr:last-child td{
	border-bottom:none;}	

#ryokin table td{
	text-align: center;
	padding: 5px 10px 5px 10px;
	width: 200px;
	border-bottom: #824B44 1px dashed;
	border-left: #824B44 1px solid;
}

/*-------保険施術-------------*/

#hoken h3,#jihi h3{ background:none;
padding:0 0 0 15px;
border:none;
text-shadow:none;
box-shadow:none;
color:#FF6E00;
border-bottom:1px solid #FF9023;
border-radius:0;}

#hoken h3:before,#jihi h3:before{
	left:0;}


#hoken p,#jihi p{
	margin: 0 15px 20px 15px;
}

#hoken p:after,#jihi p:after{ content:"";
display:block;
clear:both;}


#hoken p:last-child,#jihi p:last-child{ margin-bottom:10px;}

#sejutsu h3{ margin-bottom:20px;}

#hoken p img,#jihi p img,#o2room img{
	padding: 0;
	border:5px solid #fff;
	box-shadow:0 0 5px #aaa;}


#o2room .imgbox{ text-align:center;
margin: 0 10px 20px 10px;}

#hoken .imgbox img,#jihi .imgbox img{	
	border-radius: 5px;
	border:5px solid #fff;
	box-shadow:0 0 5px #aaa;}


/*-------自費施術-------------*/

#jihi p .ryokin{ font-size:1.1em;
color:#BF0003;
font-weight:bold;
letter-spacing:1px;}




/*-------交通事故治療--------*/


#jiko p{	margin: 0 10px 10px;}

#jiko p img{
	margin: 0 0 0 20px;
	float: right;}


#jiko p.none{
	background:none;
	padding:0;
	height:auto;}
	

#jibai p{
	margin: 0 10px 20px 10px;}
	
#jibai p img{
	margin: 0 20px 20px 0;
	float: left;}


/*------酸素ルーム--------*/

#sanso1,#sanso2,#sanso3,#sanso4,#sanso5{ margin-bottom:30px;}

#o2room p img{ margin-bottom:20px;}

#o2room h4{ font-size:17px;
margin:0 10px 15px 10px;
color:#FF5F00;
font-weight:normal;
border-bottom:1px dashed #FF7913;
padding-bottom:6px;}


#o2room p{ margin:0 10px 15px 10px}

#o2room .kouka{background: url(../image/common/green.png);
box-shadow:0 0 4px #aaa;
padding:15px;
margin:0 10px 0 10px;}

#o2room .kouka img{
display:block;
margin:0 auto 0 auto;
box-shadow:none;}



#o2room .kouka ul{ list-style-type:none;
background:#fff;
padding:15px;
font-size:15px;}

#o2room .kouka ul li{ border-bottom:1px dashed #5C9F48;
margin-bottom:8px;
padding-bottom:8px;}

#o2room .kouka ul li:last-child{ margin-bottom:0;
padding-bottom:0;
border-bottom:none;}