@charset "UTF-8";

/*初期設定
----------------------------------------------------*/

html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; } /* =14px */

body {
	line-height: 1.5;
	color: #333;
	font-family:Arial,Verdana,Helvetica,"Lucida Grande","Droid Sans",sans-serif;
	background-color:#fff;
	color:#014d83;
	-webkit-text-size-adjust: 100%;		
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
	margin:0;
}

*{
	margin:0;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0;
	padding: 0;
}

h2,h3,h4{
	font-weight:lighter;
	font-size:14px; font-size:1.4rem;
}

ul,ol{
	list-style-type: none;
}

img {
	vertical-align:bottom;
	border:0;
}

.ie8 img{
  	width: auto;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*clearfix*/

.clear{
	clear:both;
}

.clearfix {
  	zoom: 1;
}

.clearfix:after {
  	content: "";
  	display: block;
  	clear: both;
}

/* リンク */

a{
	color:#014d83;
	text-decoration:none;
}

a:hover{
	color:#76bbec;
}

/* ---------------------------------------------------------------- *
	ヘッダー	
 * ---------------------------------------------------------------- */

header{
	width:auto;
}

#head{
	width:970px;
	margin:0 auto;
	padding:30px 5px 20px 5px;
}

#head .headLeft{
	float:left;
	width:235px;
}

.headLeft h1{
	line-height:1;
}

.headLeft .your{
	text-align:center;
}

#head .headRight{
	float:right;
}

.icon{
	float:right;
}

.fb,.mail{
	float:left;
	padding-left:10px;
}

/* ---------------------------------------------------------------- *
	ヘッダー　/ ナビ
 * ---------------------------------------------------------------- */

nav{
	width:100%;
	background-color:#76bbec;
}

#navBox{
	width:980px;
	margin:0 auto;
	position:relative;
}

#navBox .logo{
	position:absolute;
	top:-84px;
	left:403px;
	z-index:10;
}

ul#navL,ul#navR{
	margin:0;
	padding:0;
}

/*　左側　*/

ul#navL{
	float:left;
}

ul#navR{
	float:right;
}


ul#navL li,ul#navR li{
	margin:0;
	padding:0;
	float:left;
	display:inline;	
}

ul#navL li img,ul#navR li img{
	display:block;
}

/* ---------------------------------------------------------------- *
	コンテンツ
 * ---------------------------------------------------------------- */

#container{
	width:100%;
	background:url(../img/bg_content.jpg) repeat left top;
}

#content{
	width:980px;
	margin:0 auto;
	padding-bottom:80px;
}

/* ---------------------------------------------------------------- *
	コンテンツ / メイン画像
 * ---------------------------------------------------------------- */
 
.mainPh{
	padding-bottom:25px;
	position:relative;
}

.mainPh figure{
	background:url(../img/mainph.png) no-repeat left top;
	height:0;
	padding-top:410px;/*画像の高さ;*/
	overflow:hidden;	
}

/* 下層ページ用 */

.mainPh2{
	padding:0;
}

.mainPh .btnour{
	position:absolute;
	left:20px;
	top:35px;
}

.mainPh2 .aboutImg,
.mainPh2 .contactImg,
.mainPh2 .otherImg,
.mainPh2 .paImg,
.mainPh2 .staffImg{
	height:0;
	padding-top:260px;
	overflow:hidden;	
}

.mainPh2 .aboutImg{
	background:url(../../about/img/mainph_new.png) no-repeat left top;
}

.mainPh2 .contactImg{
	background:url(../../contact/img/mainph.png) no-repeat left top;
}

.mainPh2 .otherImg{
	background:url(../../other/img/mainph_new.png) no-repeat left top;
}

.mainPh2 .paImg{
	background:url(../../patient/img/mainph.png) no-repeat left top;
}

.mainPh2 .staffImg{
	background:url(../../staff/img/mainph.png) no-repeat left top;
}


#main{
	width:620px;
	float:left;
}

#side{
	width:330px;
	float:right;
}

/* コンテンツ左 WHY
------------------------------------------*/

.why{
	margin:10px 0 30px 0;
	padding:50px 15px 10px 0;
	position:relative; 
	background-color:#fff;
	/* 角丸　*/
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}

.why h2{
	position:absolute;
	top:-10px;
	left:0;
}

.why_Txt{
	padding:0 0 5px 20px;
}

.why_Box{
	background-color:#fefedc;
	margin:0 0 5px 15px;
	padding:5px;
}

.why_Btn{
	float:right;
	padding-top:5px;
}

.why_Btn .more_three{
	margin:0;
	padding:5px 15px 0 15px;
	float:left;
	text-align:right;
}

.why_Btn .btn_aboutus{
	float:left;
}

.why_Btn .btn_aboutus a{
	display:block;
	padding:3px 0;
	background-color:#014d83;
	text-align:center;
	color:#fff;
	/* 角丸　*/
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

.why_Btn .btn_aboutus a:hover{
	background-color:#76bbec;
}

/* コンテンツ左 SERVICES
------------------------------------------*/

#services{
	margin-bottom:30px;	
	padding:0 10px 10px 10px; 
	background-color:#fff;
	/* 角丸　*/
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;	
}

#services .patient{
	width:255px;
	float:left;
	padding-right:10px;
}

#services h2{
	padding-top:10px;
	padding-bottom:20px;	
}

#services h3{
	padding-right:20px;
}

#services .btn_one{
	background:url(../img/icon_ar1.jpg) no-repeat left center;
	float:right;
	padding-left:15px;
}

#services .other{
	width:314px;
	float:left;
	padding-left:20px;
	background:url(../img/other_line.jpg) no-repeat left top;
}

.other .otph1{
	width:146px;
	float:left;
}

.other .other_in{
	width:158px;
	float:left;
}

.other .noto1,.other .noto2{
	background:url(../img/icon_arsan.png) no-repeat left center;
	padding-left:20px;
	font-size:13px; font-size:1.3rem;
	color:#969697;
}

.other .noto2{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;

}

.other .other_in2{
	width:146px;
	float:left;
}

.other .other_in2 .jp a{
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:95%;
	background-color:#f9bbbc;
	margin-top:5px;
	padding:5px;
	color:#fff;
	text-align:center;
	/* 角丸　*/
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;		
}

/* コンテンツ左 STAFF
------------------------------------------*/

#staff{
	padding:0 10px 10px 0;
	position:relative;
	background-color:#fdfdd8;
	/* 角丸　*/
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;		
}

#staff .staffph{
	position:absolute;
	top:-15px;
	left:0;
}

#staff h2{
	position:absolute;
	top:-10px;
	left:210px;
}

#staff .staffBox{
	margin-left:220px;
	padding-top:30px;	
}

.btn_triangle{
	background:url(../img/icon_arsan.png) no-repeat right center;
	width:150px;
	float:right;
}


/* コンテンツ右 10TH
------------------------------------------*/

#side .th10{
	background:url(../img/th10_bottom.png) no-repeat left bottom;
	padding-bottom:15px;
	margin-bottom:15px;
	position:relative;		
}

#side .th10 .thImg{
	position:absolute;
	left:-1px;
	top:4px;
}

#side .th10 .th10Txt{
	padding:5px 10px 10px 120px;
	background:url(../img/th10_center.png) repeat-y left top;	
}

/* コンテンツ右 NEWS
------------------------------------------*/

#side #news{
	background:url(../img/bg_newsbottom.png) no-repeat left bottom;
	padding-bottom:36px;
}

#news .newsIn{
	background:url(../img/bg_newscenter.png) repeat-y left top;
	padding:15px;
}

#news .newsIn ul{
	margin:0;
	padding:0 10px 0 0;
	overflow-y:scroll;
	height:250px;	
}

#news .newsIn ul li.day{
	color:#99999a;
	margin:0;
	padding:0;
}

#news .newsIn ul li.news_noto{
	color:#a51a1e;
	margin:0;
	padding:5px 0;
	font-weight:bold;
}

#news .newsIn ul li.news_noto a{
	color:#a51a1e;
}

#news .newsIn ul li.news_noto a:hover{
	text-decoration:underline;
}

#news .newsIn ul li.news_txt{
	padding-bottom:20px;
}

.back{
	clear:both;
	text-align:right;
	padding-top:35px;
}


/* コンテンツ右 FACEBOOK
------------------------------------------*/

.fbBox{
	width:330px;
	margin-top:20px;
}

.fbBox2{
	width:280px;
	padding-top:20px;	
}

/* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */

footer{
	width:100%;
	background-color:#014d87;
}

#foot{
	width:955px;
	margin:0 auto;
	padding:20px 0 20px 25px;
	position:relative;
}

#foot ul{
	margin:0 50px 0 0;
	padding:0;
	width:200px;
	float:left;
}

#foot ul li,#foot ul li.icono{
	margin:0;
	padding:0 0 15px 15px;
	color:#fff;	
}

#foot ul li{
	background:url(../img/icon_footer.jpg) no-repeat left 5px;
}

#foot ul li.icono{
	background:none;
}

#foot ul li a{
	color:#fff;
}

#foot ul li a:hover{
	color:#76bbec;
}

#foot .info{
	position:absolute;
	top:-10px;
	right:0;
	width:330px;
	padding-top:10px;
	background:url(../img/foot_information.jpg) no-repeat left top;
}

#foot .info .infoIn{	
	background-color:#76baec;
	width:290px;
	padding:0 15px 15px 15px;
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.8);
}

.infoIn h2{	
 	color:#fff;
	font-size:13px; font-size:1.3rem;
	padding-top:5px;
}

.infoIn h3{	
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0;
}

.infoIn address{
	font-style:normal;
	padding:0 0 10px 0;	
}

#foot .name{
	padding:50px 0 10px 0;
	text-align:center;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px; font-size:1.8rem;
}

#foot small{
	display:block;
	text-align:center;
	color:#fff;
}

.btn_triangle2{
	background:url(../img/icon_arsan.png) no-repeat right center;
	width:120px;
	float:right;
	font-weight:bold;
}

.btn_triangle2 a{
	color:#014d83;
}

.btn_triangle2 a:hover{
	color:#fff;
}






/* ---------------------------------------------------------------- *
	共有
 * ---------------------------------------------------------------- */

.fl{
	float:left;
}

.fr{
	float:right;
}

.link{
	text-decoration:underline;
}

.color-bule{
	color:#014d87;
}

.color-red{
	color:#a51a1e;
}


.bold{
	font-weight:bold;	
}

.font12{
	font-size:12px; font-size:1.2rem;
}

.font13{
	font-size:13px; font-size:1.3rem;
}

.font16{
	font-size:16px; font-size:1.6rem;
}

.font18{
	font-size:18px; font-size:1.8rem;
}

.ta_center{
	text-align:center;
}

.ta_right{
	text-align:right;
	padding-top:10px;
}


.w100{
	width:100px;
}

.w200{
	width:200px;
}

.w240{
	width:240px;
}

.w270{
	width:270px;
}

.w310{
	width:310px;
}

.wp40{
	width:40%;
}

.wp60{
	width:60%;
}

/* ---------------------------------------------------------------- *
	調整用	
 * ---------------------------------------------------------------- */

.pd0 {
	padding:0;
}
.pdTop5{
	padding-top:5px;
}
.pdTop10{
	padding-top:10px;
}
.pdTop15{
	padding-top:15px;
}
.pdTop20{
	padding-top:20px;
}
.pdTop25{
	padding-top:25px;
}
.pdTop30{
	padding-top:30px;
}
.pdTop35{
	padding-top:35px;
}
.pdTop40{
	padding-top:40px;
}
.pdTop45{
	padding-top:45px;
}
.pdTop50{
	padding-top:50px;
}

.pdBottom2{
	padding-bottom:2px;
}
.pdBottom5{
	padding-bottom:5px;
}
.pdBottom10{
	padding-bottom:10px;
}
.pdBottom15{
	padding-bottom:15px;
}
.pdBottom20{
	padding-bottom:20px;
}
.pdBottom25{
	padding-bottom:25px;
}
.pdBottom30{
	padding-bottom:30px;
}
.pdBottom35{
	padding-bottom:35px;
}
.pdBottom40{
	padding-bottom:40px;
}
.pdBottom45{
	padding-bottom:45px;
}
.pdBottom50{
	padding-bottom:50px;
}
.pdBottom55{
	padding-bottom:55px;
}
.pdBottom60{
	padding-bottom:60px;
}
.pdBottom65{
	padding-bottom:65px;
}
.pdBottom70{
	padding-bottom:70px;
}
.pdBottom75{
	padding-bottom:75px;
}
.pdBottom80{
	padding-bottom:80px;
}
.pdBottom85{
	padding-bottom:85px;
}
.pdBottom90{
	padding-bottom:90px;
}

.pdLeft5 {
	padding-left:5px;
}
.pdLeft10 {
	padding-left:10px;
}
.pdLeft15 {
	padding-left:15px;
}
.pdLeft20 {
	padding-left:20px;
}
.pdLeft25 {
	padding-left:25px;
}
.pdLeft30 {
	padding-left:30px;
}
.pdLeft40 {
	padding-left:40px;
}
.pdLeft45 {
	padding-left:45px;
}
.pdLeft50 {
	padding-left:50px;
}
.pdLeft55 {
	padding-left:55px;
}

.pdRight5 {
	padding-right:5px;
}
.pdRight10 {
	padding-right:10px;
}
.pdRight20 {
	padding-right:20px;
}
.pdRight25 {
	padding-right:25px;
}
.pdRight30 {
	padding-right:30px;
}
.pdRight40 {
	padding-right:40px;
}

.mg0 {
	margin:0;
}
.mgTop5{
	margin-top:5px;
}
.mgTop10{
	margin-top:10px;
}
.mgTop15{
	margin-top:15px;
}
.mgTop20{
	margin-top:20px;
}
.mgTop25{
	margin-top:25px;
}
.mgTop30{
	margin-top:30px;
}
.mgTop40{
	margin-top:40px;
}

.mgBottom5{
	margin-bottom:5px;
}
.mgBottom10{
	margin-bottom:10px;
}
.mgBottom12{
	margin-bottom:12px;
}
.mgBottom15{
	margin-bottom:15px;
}
.mgBottom20{
	margin-bottom:20px;
}
.mgBottom25{
	margin-bottom:25px;
}
.mgBottom30{
	margin-bottom:30px;
}
.mgBottom40{
	margin-bottom:40px;
}
.mgBottom50{
	margin-bottom:50px;
}

.mgLeft5 {
	margin-left:5px;
}
.mgLeft10 {
	margin-left:10px;
}
.mgLeft20 {
	margin-left:20px;
}
.mgLeft30 {
	margin-left:30px;
}
.mgLeft40 {
	margin-left:40px;
}

.mgRight5 {
	margin-right:5px;
}
.mgRight10 {
	margin-right:10px;
}
.mgRight15 {
	margin-right:15px;
}
.mgRight20 {
	margin-right:20px;
}
.mgRight24 {
	margin-right:24px;
}
.mgRight25 {
	margin-right:25px;
}
.mgRight30 {
	margin-right:30px;
}
.mgRight40 {
	margin-right:40px;
}