@charset "utf-8";
/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container {
}
/*-----------------------------------------------------
.header
-------------------------------------------------------*/
.header {
	width: 100%;
	height: 78px;
	position: relative;
	margin: 0 auto 0 auto;
}
.header div.header_inline {
	width: 100%;
	height: 78px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.header div.header_inline div.wrap {
	width: 940px;
	height: 78px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -471px;
}
.single .header div.black {
	color: #FFFFFF;
	background-color: #000000;
	display: none;
}
.single .header div.white {
	color: #000000;
	background-color: #FFFFFF;
}
#Header ul li.header_reservation {
    height: 55px;
    float: right;
    display: inline;
    overflow: hidden;
    margin: 0 0 0 20px;
}
/* nav
---------------------*/
.header nav {
	position: absolute;
	top: 0;
	left: 350px;
}
.header nav ul {
	width: 100%;
	overflow: hidden;
	margin: 24px 0 0 0;
}
.header nav ul li {
	float: left;
	display: inline;
}
.header nav ul li a {
	height: 20px;
	display: block;
	padding: 0 12px;
	line-height: 20px;
	font-size: 90%;
	text-decoration: none;
}
.header div.black nav ul li a {
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.header div.white nav ul li a {
	color: #000000;
	border-left: 1px solid #000000;
}
.header nav ul li:first-child a {
	border: 0 !important;
}
/* div */
.header nav div {
	width: 9px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 50px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.header div.white nav div {
	background-image: url("../images/common/header_black_navi_icon.png");
}

/* icon
---------------------*/
.header ul.icon {
	position: absolute;
	top: 30px;
	right: 0;
}
.header ul.icon li {
	width: 6px;
	height: 6px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.header div.white ul.icon li {
	background-image: url("../images/common/header_black_icon.png");
}
.header div.black ul.icon li {
	background-image: url("../images/common/header_white_icon.png");
}
.single .inside {
	width: 100%;
	height: 100%;
	position: relative;
}
.single .inside.white {
	color: #000000;
	background-color: #FFFFFF;
}
.inside.white a {
	color: #000000;
}
.single .inside.black {
	color: #FFFFFF;
	background-color: #000000;
}
.inside.black a {
	color: #FFFFFF;
}
.inside a img {
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	background: #FFF;
	display: block;
}
.inside a:hover img {
	opacity: 0.7;
}
.single .inside div.layer_inline {
	width: 940px;
	height: 708px;
	margin: 0 auto 0 auto;
	padding: 60px 0 0 0;
	z-index: 2;
}
.inside div.layer_inline h3 {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.single .inside div.layer_inline sup {
	vertical-align: super;
	font-size: 8px;
}
/* photo
---------------------*/
.inside div.layer_inline div.photo {
	float: left;
	display: inline;
}
/* p */
.inside div.layer_inline div.photo p {
	margin: 0 0 0 1.1em;
	text-indent: -1.1em;
	font-size: 92%;
	letter-spacing: 0.01em;
}
/* detail
---------------------*/
.inside div.layer_inline div.detail {
	float: right;
	display: inline;
	margin: 3px 0 0 0;
}
.inside div.layer_inline div.detail-greeting {
	float: right;
	display: inline;
	margin: 3px 0 0 0;
}
/* h3 */
.inside div.layer_inline div.detail h3 {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 22px;
}
/* h4 */
.inside div.layer_inline h4{
	margin: 0 0 30px 0;
}
/* lead */
.inside div.layer_inline div.detail p.lead {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 125%;
	line-height: 1.9;
	letter-spacing: 0.07em;
}
/* txt */
.inside div.layer_inline div.detail p.txt {
	margin: 0 0 15px 0;
	line-height: 2;
	letter-spacing: 0.07em;
}
.inside div.layer_inline div.detail dl {
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
}
.inside div.layer_inline div.detail dl dt {
	width: 30%;
	float: left;
	font-weight: bold;
}
.inside div.layer_inline div.detail dl dd {
	width: 70%;
	float: left;
}
/* detail_inline */
.inside div.layer_inline div.detail div.detail_inline {
	padding: 20px;
	font-size: 92%;
}
.white div.layer_inline div.detail div.detail_inline {
	background-color: #e6e6e6;
}
/* detail_inline p */
.inside div.layer_inline div.detail div.detail_inline p {
	margin: 0 0 2px 1.1em;
	text-indent: -1.1em;
	line-height: 1.5;
}
/* detail
---------------------*/
div.layer_inline div.detail {
	width: 500px;
}

div.layer_inline div.detail-greeting {
	width: 700px;
}
/*-----------------------------------------------------
#Clinic
-------------------------------------------------------*/
#Clinic .header p.logo {
	width: 317px;
	height: 30px;
	position: absolute;
	top: 20px;
	left: 0;
}
#Clinic .header p.logo a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Clinic .header div.white p.logo a {
	background-image: url("../images/header_black_logo.png");
}
/*-----------------------------------------------------
#Greeting
-------------------------------------------------------*/
#Greeting .header p.logo {
	width: 317px;
	height: 35px;
	position: absolute;
	top: 20px;
	left: 0;
}
#Greeting .header p.logo a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Greeting .header div.white p.logo a {
	background-image: url("../images/greeting_ttl01.png");
}
/* txt */
#Greeting .inside div.layer_inline div.detail p.txt {
	margin: 0 0 15px 0;
	line-height: 2;
	letter-spacing: 0.07em;
}
#Greeting .inside div.layer_inline div.detail p.txt02 {
	margin: 30px 0 15px 0;
	line-height: 2;
	letter-spacing: 0.07em;
}
#Greeting .inside div.layer_inline div.detail p.txt02 span {
	font-weight: bold;
}
#Greeting .inside div.layer_inline div.detail p.txt02 span {
	font-weight: bold;
}
#Greeting .inside div.layer_inline div.gr_section02_box {
	margin: 0 0 30px;
}
#Greeting .inside div.layer_inline div.gr_section02_box div.left {
	width: 500px;
	float: left;
}
#Greeting .inside div.layer_inline div.gr_section02_box div.right {
	width: 440px;
	float: right;
}
#Greeting .inside div.layer_inline div.gr_section02_box .txt03{
	margin: 30px 0;
}
#Greeting .inside div.layer_inline .txt04{
	margin: 30px 0;
}
#Greeting .inside div.layer_inline dl {
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
}
#Greeting .inside div.layer_inline  dl dt {
	width: 25%;
	float: left;
	font-weight: bold;
}
#Greeting .inside div.layer_inline dl dd {
	width: 60%;
	float: left;
}
#Greeting .header nav {
	position: absolute;
	top: 0;
	left: 160px;
}

.greeting-name{
	float: right;
}
/*-----------------------------------------------------
#Characteristic
-------------------------------------------------------*/
#Characteristic .header p.logo {
	width: 317px;
	height: 35px;
	position: absolute;
	top: 20px;
	left: 0;
}
#Characteristic .header p.logo a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Characteristic .header div.white p.logo a {
	background-image: url("../images/characteristic_ttl01.png");
}
#Characteristic .header nav {
	position: absolute;
	top: 0;
	left: 250px;
}
.equipment-wrap{
	margin: 0 0 40px;	
}
.equipment{
	padding: 0 20px 0 0;
	width: 440px;
	float: left;
}
.equipment-txt{
	float: left;
	width: 255px;
}
.equipment-img{
	float: left;
	width: 165px;
	margin: 0 8px 0 ;
}
/*-----------------------------------------------------
#Specialities
-------------------------------------------------------*/
#Specialities .header p.logo {
	width: 200px;
	height: 35px;
	position: absolute;
	top: 20px;
	left: 0;
}
#Specialities .header p.logo a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Specialities .header div.white p.logo a {
	background-image: url("../images/specialities_ttl01.png");
}
#Specialities .header nav {
	position: absolute;
	top: 0;
	left: 200px;
}
#Specialities .inside div.layer_inline div.detail p.txt02 {
	margin: 30px 0 15px 0;
	line-height: 2;
	letter-spacing: 0.07em;
}
.skane img{
	float: left;
	width: 140px;
	margin: 0 20px 0 0;
}
.modal_img_box li {
	float:left;
	position:relative;
}
.modal_img_box li:nth-child(2) {
	margin:0 40px;
}


/*-----------------------------------------------------
#Reservation
-------------------------------------------------------*/
#Reservation .header{
	width:100%;
	height:118px;
	position:relative;
	margin:0 auto 0 auto;
}
#Reservation .header div.header_inline{
	width:100%;
	height:118px;
	overflow:hidden;
	position:absolute;
	visibility:visible;
	top:0;
	left:0;
}
#Reservation .header div.header_inline div.wrap{
	width:940px;
	height:105px;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -470px;
}


#Reservation.er div.white{color:#000000;background-color:#FFFFFF;}

#Reservation .index div.index_inline h3 {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

/* photo
---------------------*/
#Reservation .index div.index_inline div.photo {
	float: left;
	display: inline;
}

/* detail
---------------------*/
#Reservation .index div.index_inline div.detail {
	width: 500px;
	float: right;
	display: inline;
	margin: 3px 0 0 0;
}

/* txt */
#Reservation .index div.index_inline div.detail p.txt {
	margin: 0 0 15px 0;
	line-height: 2;
	letter-spacing: 0.07em;
}
.table-ttl{
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 0 0;
}
/* table 
---------------------*/
#Reservation .index div.index_inline div.detail　table {
  border-spacing: 0;
  font-size:14px;
}

#Reservation .index div.index_inline div.detail table th {
  color: #fff;
  padding: 8px 15px;
  background: #9A9B9B;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  border: solid #000 1px;
}

#Reservation .index div.index_inline div.detail table tr td {
  padding: 8px 15px;
  text-align: center;
  vertical-align: center;
  border: solid #000 1px;
}
#Reservation .index div.index_inline div.detail table tr td.txt-left{
	text-align: left;
}
#Reservation .index div.index_inline div.detail p.txt-right{
	text-align: right;
	margin: 10px 0 0 0;
}
.reservation_tel{
	margin: 0 0 20px 0;
}
#Reservation. .inside div.layer_inline div.detail　table {
  border-spacing: 0;
  font-size:14px;
}

#Reservation .inside div.layer_inline div.detail table th {
  color: #fff;
  padding: 8px 15px;
  background: #9A9B9B;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  border: solid #000 1px;
}

#Reservation .inside div.layer_inline div.detail table tr td {
  padding: 8px 15px;
  text-align: center;
  vertical-align: center;
  border: solid #000 1px;
}
#Reservation .inside div.layer_inline div.detail table tr td.txt-left{
	text-align: left;
}
#Reservation .inside div.layer_inline div.detail p.txt-right{
	text-align: right;
	margin: 10px 0 0 0;
}
form {
	width: 940px;
	margin: 25px 0 0;
	padding: 0 0 0 0;
}

form p {
	margin: 0 0 10px 0;
	font-size: 15px;
}

.form_mark {
	color: #eb6219;
}

form table {
	border-collapse: collapse;
}

form table th {
	width: 200px;
	padding: 10px;
	font-weight: normal;
}

form table td {
	width: 740px;
	padding: 10px;
}

form textarea {
	width: 720px;
	height: 100px;
}
form table td  .day_select{
	float: left;
	margin: 0 0 0 10px;
}
form table td .form_bwr{
	width: 720px;
}

#submit_btn {
	width: 200px;
	height: 30px;
}
.mod_form_importance_btn input{
	float: left;
}
.mod_form_importance_btn p{
	float: left;
}

/* h2 
---------------------*/
#Reservation .header h2{
	width:100%;
	position:absolute;
	top:50px;
	left:0;
}
#Reservation .header h2 span{width:204px;height:38px;}


/* lead 
---------------------*/
#Reservation .header p.lead{
	width:100%;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:0;
	font-size:134%;
}


/* index_icon 
---------------------*/
#Reservation .header ul.icon{
	position:absolute;
	top:106px;
	right:0;
}
#Reservation .header ul.icon li{
	width:6px;
	height:6px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 0 0 10px;
	text-indent:-9999px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 0;
}
#Reservation .header div.white ul.icon li{background-image:url("../images/common/header_black_icon.png");}

/*-----------------------------------------------------
#Topics
-------------------------------------------------------*/
#Topics .header{
	width:100%;
	height:118px;
	position:relative;
	margin:0 auto 0 auto;
}
#Topics .header div.header_inline{
	width:100%;
	height:118px;
	overflow:hidden;
	position:absolute;
	visibility:visible;
	top:0;
	left:0;
}
#Topics .header div.header_inline div.wrap{
	width:940px;
	height:105px;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -470px;
}
/* h2 
---------------------*/
#Topics .header h2{
	width:100%;
	position:absolute;
	top:50px;
	left:0;
}
#Topics .header h2 span{width:204px;height:38px;}

/* lead 
---------------------*/
p.lead{
	width:100%;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:0;
	font-size:134%;
	
}

p.lead_w{
	width:100%;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:0;
	font-size:134%;
}


/* index_icon 
---------------------*/
#Topics .header ul.icon{
	position:absolute;
	top:106px;
	right:0;
}
#Topics .header ul.icon li{
	width:6px;
	height:6px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 0 0 10px;
	text-indent:-9999px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 0;
}
#Topics .header div.white ul.icon li{background-image:url("../images/common/header_black_icon.png");}