/* CSS Document */

/***********************************************/
/* CSS file						               */
/* data: 2013/11/11                            */
/* index:                                      */
/*   1# main_contents style				       */ 
/* 	 2# 1st contents style					   */
/* 	 3# 2st contents style				       */
/*   4# 3st contents styles					   */
/*   5# 4st contents styles				       */
/*   6# 5st contents styles				       */
/***********************************************/


/* 1# main_contents style -----------------------------------------------*/

.infiniteslide1{
	height: 400px;
}

.infiniteslide1 ul{
	margin: 0;
	padding: 0;
}
#main_img
{
	height: 400px;
	position: relative;
}
.text
{
	position: absolute;
	left: 16px;
	top: 361px;
	z-index: 100;
}

.clinic_info
{
	position: relative;
	z-index: 100;
	width: 1000px;
	margin: 0 auto;}
.clinic_info img
{
	position: absolute;
	left:;
	top: -223px;
}

.main_contents
{
	margin: 0 auto;
	padding:0;
	overflow: hidden;
	width: 1000px;
}

.main_contents.first
{
	padding: 25px 0 40px 0;
}

.main_contents .list
{
	background: url(../images/main_list_bg.png) no-repeat;
	height: 193px;
	width: 328px;
	float: left;
	margin: 0 5px 0 0;
}

.main_contents .list .list_img
{
	float: left;
}

.main_contents .list .list_ul
{
	width: 170px;
	height: 110px;
	float: left;
	list-style: none;
	padding: 7px 0 7px 5px;
	margin: 0 0 0 5px;
}

.main_contents .list .list_ul ul
{
	margin: 0 0 0 5px;
}

.main_contents .list .list_ul ul li
{
	list-style: none;
	background: url(../images/top_list.png) no-repeat left center;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}


.main_contents .list .list_ul ul li a
{
	text-decoration: none;
}

.main_contents ul.navi
{
	list-style: none;
	margin: 7px 0 0 4px;
	padding: 10px;
	background-color: #F9F9F9;
	height: auto;
	overflow: hidden;
	border: 3px solid;
	border-color: #F2F2F2;
}

.main_contents ul.navi_top
{
	list-style: none;
	margin: 7px 0 0 4px;
	padding: 10px;
	background-color: none;
	height: auto;
	overflow: hidden;
}

.main_contents ul.navi_top li
{
	float: left;
	margin: 10px 12px 0 0px;
	padding: 0;
}


#navi .info
{
	width: 600px;
}

.main_contents .news
{
	border: dotted 1px #ccc;
	background-color: #FAFAFA;
	padding: 15px 5px 5px 5px;
	margin: 15px 0 30px;
}

.main_contents .news .blog_box{
	border-left: 3px solid;
	margin:0px 0px 10px 10px;
	width: 96%;
	border-color: #999999;
}
.main_contents .news .blog_box h3{
	color: #333333;
	font-size:14px;
	background-image:none;
	text-indent:10px;
	margin:0px 0 5px 0;
	padding:0px;
	font-weight:normal;
}
.main_contents .news .blog_box p{
	margin:0px 0px 0px 10px;
	padding:0px;
	font-size: 12px;
}

#container .main_contents .clinic {
	width: 315px;
	border: 1px solid #ccc;
	float: left;
	margin: 10px 10px 0 0;
	background-color: #FFFFFF;
	height: 300px;
}


/* 2# 1st contents style -----------------------------------------------*/

#container_first
{
	/* [disabled]background: url(../images/first_bg.jpg) no-repeat center bottom; */
	padding: 0;
	margin: 0 0 0 0;
}
#container_first p
{
	font-size: 15px;
	line-height: 2em;
	padding: 10px 5px 0 5px;
}

#navi
{
	width: 1000px;
	position: relative;
}

#container_first h1
{
	text-align: center;
	font-size: 38px;
	color: #333333;
	font-weight: normal;
	margin: 0 0 40px 0;
	line-height: 145%;
}
#container_first h1 span
{
	font-size: 15px;
	padding: 10px 0 0 0;
}

#container_first h2
{
	text-align: center;
	font-size: 32px;
	margin: 45px 0 30px 0;
}

#container_first h3
{
	font-size: 20px;
	font-weight: normal;
	background-color: #3585C2;
	color: #fff;
	padding: 10px 0 10px 15px;
	border: none;
}
#container_first h4
{
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	padding: 10px 0 10px 58px;
}

#container_first p.catch
{
	text-align: center;
	font-size: 16px;
}

#container_first .navi_box_01
{
	width: 310px;
	float: left;
	margin: 0 10px 0 15px;
}

#container_first .navi_box_02
{
	width: 310px;
	float: left;
	margin: 0 10px 0;
}

#container_first .navi_box_03
{
	width: 310px;
	float: left;
	margin: 0 10px 0 10px;
}


#container_first .navi_box_01 h2,
#container_first .navi_box_02 h2,
#container_first .navi_box_03 h2
{
	/* [disabled]font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; */
	margin: 5px 0 5px;
	color: #FFF;
	background-color: #F8A0A2;
	padding: 10px 0 10px 12px;
	font-weight: normal;
}

#container_first .navi_box h2 a
{
	text-decoration: underline;
}

#container_first .navi_box p
{
	margin: 0 0 2px;
}

.scale {
	width: 300px;
	height: 280px;
	overflow: hidden;
}
.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}



.spinner2 {
  width: 280px;
  height: 280px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #94CDF3;
	opacity: 0.85;
	/* [disabled]position: absolute; */
	top: 0;
	left: 0;
	-webkit-animation: bounce 4.0s infinite ease-in-out;
	animation: bounce 4.0s infinite ease-in-out;
	position: absolute;
}

.double-bounce2 {
  /*ポイント１：遅延時間*/
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { transform: scale(0.0) }
  50% { transform: scale(1.0) }
}

.double-bounce1 span
{
	position: absolute;
}

img.blinking_01 {
	animation: animation02 3s infinite ease 3s both;
  animation-iteration-count: 5; 
}
@keyframes animation02 {
	from {
		transform: rotateX(0deg);
	}
	to {
		transform: rotateX(360deg);
	}
}

img.blinking_02{
	animation: animation02 4s infinite ease 5s both;
  animation-iteration-count: 5; 
}
@keyframes animation02 {
	from {
		transform: rotateX(0deg);
	}
	to {
		transform: rotateX(360deg);
	}
}

img.blinking_03 {
	animation: animation02 3s infinite ease 7s both;
  animation-iteration-count: 5; 
}
@keyframes animation02 {
	from {
		transform: rotateX(0deg);
	}
	to {
		transform: rotateX(360deg);
	}
}


.balloon-2-top {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 240px;
	height: 40px;
	color: #F6F6F6;
	line-height: 40px;
	text-align: center;
	background: #19283C;
	z-index: 0;
}
.balloon-2-top:after {
	content: "";
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #19283C transparent;
}


.balloon-2-bottom {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 230px;
	height: 40px;
	color: #F6F6F6;
	line-height: 40px;
	text-align: center;
	z-index: 0;
	background-color: #203F6F;
}
.balloon-2-bottom:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #203F6F transparent transparent transparent;
}

#animation-container {   
  animation: skew 2s; 
  animation-iteration-count: 8; 
  -webkit-animation: skew 2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 10;
  background-image: url('../images/point_01.png');
  background-repeat: no-repeat; 
  height: 280px; 
  width: 280px; 
}
@keyframes skew { 
  0%  { transform: skew(0deg,0deg) ; } 
  25% { transform: skew(20deg, 20deg);  } 
  75% { transform: skew(-20deg, -20deg);  } 
  100% { transform: skew(0deg,0deg)        } 
} 
@-webkit-keyframes skew { 
  0%  { -webkit-transform: skew(0deg,0deg) ; } 
  25% { -webkit-transform: skew(10deg, 10deg);  } 
  75% { -webkit-transform: skew(-20deg, -20deg);  } 
  100% { -webkit-transform: skew(0deg,0deg); } 
}



/* 3# 3st contents style -----------------------------------------------*/

#container_second
{
	padding: 0 0 20px;
	margin: 0px 0 0 0;
	clear: both;
}

#container_second .left_area,
#container_second .right_area,
#container_first .left_area,
.main_contents .left_area {
	margin-top: 15px;
	width: 100%;
	margin: 15px 0 30px 0;
}

#container_second .left_area dl,
#container_first .left_area dl,
.main_contents .left_area dl{
	width: 98%;
}

#container_second .left_area dt,
#container_first .left_area dt,
.main_contents .left_area dt
{
	padding: 0 0 0 10px;
	font-size: 25px;
	color: #666;
	margin: 0 0 15px 0;
}

#container_first .left_area dt span
{
	font-size: 14px;
}

#container_second .left_area dd,
#container_first .left_area dd,
.main_contents .left_area dd
{
	padding: 0 0 10px 5px;
	margin: 0;
	line-height: 200%;
}
#container_second .left_area dd img,
#container_first .left_area dd img
{
	margin: 15px 0 0 0;
}



#container_second .left_area dt a
{
}

#container_second .right_area dt
{
	background: url(../images/second_list_bg_pink.png) no-repeat left center;
	padding: 0 0 0 45px;
	font-size: 25px;
	color: #F8A0A2;
}

#container_second .right_area dd
{
	padding: 0 0 10px 45px;
	margin: 0;
}

#container_second .right_area dt a
{
	color: #F99;
}
#container_second h2 
{
	color: #333;
}

#container_second .second_title_bg h2
{
	line-height: 100%;
	color: #FFFFFF;
	text-align: left;
}

#container_second h2 span
{
	font-size: 14px;
}

#container_second h4
{
	font-size: 20px;
}

#container_second h4 span
{
	font-size: 14px;
	color: #CCC;
}

.second_title_bg
{
	width: auto;
	margin: 0 auto;
	background: url(../images/second_title_bg.png);
	height: 80px;
}

.inner
{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

.inner h2
{
	padding: 0;
	margin: 0;
	font-size: 40px;
}

.main_contents h2.bg_pink
{
	background-color: #F8A0A2;
	padding: 8px 15px 8px 10px;
	color: #fff;
	font-size: 25px;
	letter-spacing: 4px;
	margin: 25px 0 40px 0;
	clear: both;
}

.main_contents h2.bg_green
{
	background-color: #78C788;
	padding: 8px 15px 8px 10px;
	color: #fff;
	font-size: 25px;
	letter-spacing: 4px;
	margin: 25px 0 40px 0;
	clear: both;
}



.main_contents h3
{
	font-size: 20px;
	font-weight: normal;
	color: #333333;
	padding: 10px 0 10px 15px;
	border-left: 5px solid #F8A0A2;
	letter-spacing: 2px;
}
.main_contents h3.green
{
	font-size: 20px;
	font-weight: normal;
	color: #333333;
	padding: 10px 0 10px 15px;
	border-left: 5px solid #78C788;
	letter-spacing: 2px;
}


.main_contents h4
{
	background: url(../images/h4_bg.jpg) no-repeat left;
	padding: 10px 0 10px 50px;
	font-size: 20px;
	font-weight: normal;
}
.main_contents h4.itabashi
{
	background: url(../images/h4_itabashi_bg.jpg) no-repeat left;
	padding: 10px 0 10px 50px;
	font-size: 20px;
	font-weight: normal;
	color: #666 !important;
}
.main_contents h4.sugamo
{
	background: url(../images/h4_bg.jpg) no-repeat left;
	padding: 10px 0 10px 50px;
	font-size: 20px;
	font-weight: normal;
	color: #666 !important;
}


.main_contents table h4
{
	margin: 0 0 0 0;
	padding: 0 0 0 50px;
}

.main_contents h5
{
	padding: 10px 0 5px 5px;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

.left_area
{
	float: left;
	width: 450px;
}

.right_area
{
	float: left;
	margin: 0 0 0 45px;
}


.text_right
{
	float: right;
	width: 515px;
	height: 200px;
	margin: 0 0 0 0;
}

.text_left
{
	float: left;
	width: 450px;
	height: 180px;
	margin: 0 0px 0 0;
}

.text_inner
{
	padding: 10px 20px 0 15px;
}

#container_second table
{
	width: auto;
	margin: 0 0 0 10px;
}

#container_second table th
{
	background-color: #FCC;
	color: #fff;
	font-size: 20px;
}

#container_second table th.before
{
	background-color: #9BBBEC;
}

#container_second table th.after
{
	background-color:#F99;
}


#container_second table th.color_01
{
	background-color: #CCCCCC;
}

#container_second table th.color_02
{
	background-color: #A3A3A3;
}

#container_second table th.color_03
{
	background-color: #797979;
}
#container_second table th.color_04
{
	background-color: #515151;
}

.square
{
	background-color: #999999;
	padding: 10px 5px;
	font-size: 20px;
	border-radius: 10px;
	color: #fff;
	margin: 0 12px;
	text-align: center;
}

/* 4# 4st contents style -----------------------------------------------*/

#container_third
{
	padding: 0;
	margin: 0px 0 0 0;
	height: 1520px;
	background-color: #fffaf0;
	clear: both;
}

#container_third p
{
	color: #333;
	font-size: 16px;
}

.third_title_bg
{
	width: auto;
	margin: 40px auto 0 0;
	background: url(../images/third_title_bg.png);
	height: 80px;
	clear: both;
}
.third_title_bg h2
{
	padding: 20px 0 0 0;
	margin: 0 auto;
	font-size: 28px;
	height: 80px;
	font-weight: normal;
	color: #fff;
	width: 1000px;
}

.inner
{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.inner h2
{
	padding: 20px 0 0 0;
	margin: 0;
	font-size: 28px;
	height: 80px;
	font-weight: normal;
	color: #fff;
}


#block_01
{
	position: relative;
	height: 1050px;
}

.photo_01
{
	width: 276px;
	height: 272px;
	position: absolute;
	left: 703px;
	top: 0px;
}
	
.text_01
{
	position: absolute;
	width: 675px;
	height: 175px;
	left: 1px;
	top: 46px;
}


.photo_02
{
	width: 276px;
	height: 272px;
	position: absolute;
	left: 1px;
	top: 259px;
}
	
.text_02
{
	position: absolute;
	width: 663px;
	height: 182px;
	left: 321px;
	top: 290px;
}


.photo_03
{
	width: 276px;
	height: 272px;
	position: absolute;
	left: 720px;
	top: 507px;
}
	
.text_03
{
	position: absolute;
	width: 699px;
	height: 175px;
	left: 2px;
	top: 550px;
}

.photo_04
{
	width: 276px;
	height: 272px;
	position: absolute;
	left: 2px;
	top: 773px;
}
	
.text_04
{
	position: absolute;
	width: 673px;
	height: 175px;
	left: 323px;
	top: 807px;
}


.photo_05
{
	width: 276px;
	height: 272px;
	position: absolute;
	left: 719px;
	top: 997px;
}
.text_05
{
	position: absolute;
	width: 703px;
	height: 175px;
	left: 6px;
	top: 1049px;
}

.photo_06
{
	width: 740px;
	height: 120px;
	position: absolute;
	left: 128px;
	top: 1290px;
}

/* 5# 5st contents style -----------------------------------------------*/

#container_fourth
{
	padding: 0;
	margin: -2px 0 0 0;
	background: url(../images/fourth_bg.png);
	overflow: hidden;
}

#container_fourth p
{
	color:  #333;
}

.fourth_title_bg
{
	width: auto;
	margin: 0 auto;
	background: url(../images/fourth_title_bg.png) repeat-x;
}
#fourth 
{
	height: auto;
	overflow: hidden;
}

#fourth p
{
	font-size: 16px;
	line-height: 180%;
}

#fourth h6
{
	font-size: 17px;
}

/* 6# 6st contents style -----------------------------------------------*/

#container_fifth
{
	padding: 0;
	margin: -2px 0 0 0;
	overflow: hidden;
}

#container_fifth p
{
	color:  #333;
}

.fifth_title_bg
{
	width: auto;
	margin: 0 auto;
	background: url(../images/fifth_title_bg.png) repeat-x;
	height: 80px;
}

#fourth .main_contents p
{
	font-size: 15px !important;
}