﻿@charset "utf-8";
/* **************************
 BASE
************************** */

/*-----------------------------------------------
RESET
-----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,br{ margin: 0px; padding: 0px;}

ul,li{
 list-style:none;
	}
img{
	vertical-align: bottom ;
	border:0;
 }

body, textarea { font-family: "Arial", "ＭＳ Ｐゴシック", sans-serif;}
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }
textarea, input { border:1px solid #ccc; background:#fff; padding:3px;}


/* --------------------------------------------
 BODY
----------------------------------------------*/
body{
	width:100%;
	margin:0px auto;
	padding:0px;
	color: #333;
 line-height:1; 
	font-size:80%;
	background:#fff url(../img/bg.jpg) top center no-repeat;
	border-top:#4F69B0 20px solid;
}
	body{
-webkit-text-size-adjust: 100%;
}
	

/* For modern browsers */
.clearfix:before,.clearfix:after{
	content:"";
	display:table;
}
.clearfix:after{ clear:both; }
.clearfix{ overflow:hidden;}

/* For IE 6/7 (trigger hasLayout) */
.clearfix{ zoom:1; }
.clearfix{ overflow:hidden;}


/*-----------------------------------------------
LINK COLOR
-----------------------------------------------*/
a:link{ 
	color: #4F69B0;
	text-decoration:none;
}
a:visited{ 
	color: #4F69B0;
}
a:hover {
	color: #3399CC;
	text-decoration:underline ;
}
a:active {
	color: #4F69B0;
		text-decoration:underline ;
}

.ltx{font-size: 120%;}
.stx{font-size: 85%;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.lset{float: left;}
.rset{float: right;}
.tsp5{margin-top: 5px;}
.tsp10{margin-top: 10px;}
.tsp15{margin-top: 15px;}
.tsp20{margin-top: 20px;}
.tsp30{margin-top: 30px;}
.tsp40{margin-top: 40px;}

.bsp5{margin-bottom: 5px;}
.bsp10{margin-bottom: 10px;}
.bsp15{margin-bottom: 15px;}
.bsp20{margin-bottom: 20px;}
.bsp30{margin-bottom: 30px;}
.bsp40{margin-bottom: 40px;}

.lsp5{margin-left: 5px;}
.lsp10{margin-left: 10px;}
.lsp15{margin-left: 15px;}
.lsp20{margin-left: 20px;}
.lsp30{margin-left: 30px;}
.lsp40{margin-left: 40px;}

.rsp5{margin-right: 5px;}
.rsp10{margin-right: 10px;}
.rsp15{margin-right: 15px;}
.rsp20{margin-right: 20px;}
.rsp30{margin-right: 30px;}
.rsp40{margin-right: 40px;}

.w40{width: 40px; height: auto;}
.w50{width: 50px; height: auto;}
.w80{width: 80px; height: auto;}
.w100{width: 100px; height: auto;}
.w150{width: 150px; height: auto;}
.w200{width: 200px; height: auto;}
.full-width{width: 100%; height: auto;}

/* --------------------------------------------
 HEADER
----------------------------------------------*/
#header{
	margin:0px auto;
	height:127px;
	width:920px;
	background:#FFF url(../img/hd_bg.jpg) bottom center no-repeat;
	position: relative;
}
#header::after{
	content: '最終更新日：平成29年8月4日';
	position: absolute;
	font-size: 0.85em;
	width: 200px;
	height: 20px;
	top:6px;
	right: 10px;
	color: #4A68B5;
	text-align: right;
	z-index: 100;
}
#p_header{
	margin:0px auto;
	height:120px;
	width:920px;
	background:#FFF;
	position: relative;
}
#p_header::after{
	content: '最終更新日：平成29年8月4日';
	position: absolute;
	font-size: 0.85em;
	width: 200px;
	height: 20px;
	top:6px;
	right: 10px;
	color: #4A68B5;
	text-align: right;
	z-index: 100;
}
.logo{
	margin:16px;
}

/*-----------------------------------------------
 MENU
-----------------------------------------------*/
#menu{
	margin:0px auto;
	width:920px;
}
#menu ul{
	width:920px;
}
#menu li{
	float:left;
}


/* --------------------------------------------
 BASE 
----------------------------------------------*/

#main_img{
	margin:0px auto;
	width:920px;
}
#main_img img{
	float:left;
}
#main_img img.imgset{ margin-right: 80px;}
#main_img h2.maintxt{
	text-align: left;
	color: #4F69B0;
	line-height: 1.8;
	font-size: 2.4em;
	letter-spacing: 0.08em;
	padding: 100px 40px;
	text-shadow:1px 0px 4px rgba(255,255,255,0.4),-1px 0px 4px rgba(255,255,255,0.4),0px 1px 4px rgba(255,255,255,0.4),0px -1px 4px rgba(255,255,255,0.4),0px 0px 3px rgba(255,255,255,0.4);
	font-family: "Arial","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}

#pttl{
	margin:46px auto 5px;
	width:920px;
}
#pttl img{
	margin-left:619px;
}
/*#pttl img.clinich2{
	margin-left:549px;
}*/
#pttl h2.pageh2{
	text-align: center;
	color: #4F69B0;
	font-size: 2.2em;
	letter-spacing: 0.08em;
	padding: 14px 40px;
	text-shadow:1px 0px 4px rgba(255,255,255,0.4),-1px 0px 4px rgba(255,255,255,0.4),0px 1px 4px rgba(255,255,255,0.4),0px -1px 4px rgba(255,255,255,0.4),0px 0px 3px rgba(255,255,255,0.4);
	font-family: "Arial","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}
#contents{
	margin:35px auto 50px;
	padding:0px;
	width:920px;
}

#lside{
	float:left;
	width: 273px;
	/*margin-right:19px;*/
}
#lside a.bnr{display: block; margin:0 auto 10px; width: 96%;}
#lside a.bnr img{width: 100%; height: auto;}

#robotbox{
	margin:0 0 5px;
	background:#FFF url(../img/top_robot_bg.gif) repeat-y;
	width:273px;
}
#robotbox dl{
	padding:8px 15px 0 15px;
	list-style:none;
	line-height:1.4;
	}
	
#robotbox dt{
 padding: 0 0 2px 0;
		}
	
#robotbox dd{
	padding:0 0 5px 0;
	margin-bottom:10px;
	border-bottom:#d8d8da dotted 1px;
}


#rside{
 margin:0px;
	padding:0px;
	width:628px;
	float:right;
	}
	
	
.top_news{
	background:#FFF url(../img/top_news_bg.gif) repeat-y;
	}
	
.top_news dl{
	padding:5px 30px 10px 20px;
	list-style:none;
	line-height:1.9;
	}
	
.top_news dt{
	clear: left;
 float: left;
 margin: 1em 0 0 0;
 width: 8em;
 padding: 0 0 7px 0.2em;
		}
	
.top_news dd{
	padding:1em 0 7px 10em;
	border-bottom:#d8d8da dotted 1px;
}
.top_news_btn{
	float:right;
	margin-right:20px;
}

#page_bnr{
	margin:0px auto 30px;
	width:920px;
}

#page_bnr img{
	margin:10px 15px;
}


/* --------------------------------------------
 FOOTER
----------------------------------------------*/
#footer{
	width:920px;
	margin:0px auto 10px;
	color:#fff;
	line-height:1.2;
} 

#ftmenu{
}
#ftmenu ul{
	color:#4F69B0;
	margin:0px;
	float:left;
}
#ftmenu li{
	color:#4F69B0;
	float:left;
	padding:0px 10px;
	border-right:#4F69B0 1px solid;
}
#ftmenu .leftline{
	border-left:#4F69B0 1px solid;
}
#ftmenu p.pagetop{
	padding:0px;
	float:right;
	
}


#footer_base{
	padding:8px 15px;
	background:#4F69B0;
	text-align:right;
	font-size:13px;
}

/* --------------------------------------------
 PANKUZU
----------------------------------------------*/
#pttl p#pan{
	margin:25px 0px 0px;
}
#pttl p#pan strong{
	font-weight:normal;
	color:#4F69B0;
}

/* --------------------------------------------
 PAGE CONTENTS
----------------------------------------------*/
#p_contents{
	margin:0px auto 50px;
	padding:60px 100px;
	width:720px;
	background:#FFF;
}
.centertxt{
	text-align:center;
}

#p_contents h3{
	font-size:150%;
	line-height:1.5;
}
#p_contents .pdtp30{
		padding-top:30px;
}

#p_contents h3 span{
	color:#4F69B0;
}
#p_contents h4.lineh4{
	color:#4F69B0;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1.1;
	border-bottom: 1px dotted #4F69B0;
	padding-bottom: 0.3em;
	position: relative;
	text-indent: 30px;
	margin-bottom: 20px;
}
#p_contents h4.lineh4::before{
	content: '';
	position: absolute;
	top:0;
	left: 10px;
	width: 6px;
	height: 1.1em;
	background-color:#4F69B0;
}
#p_contents h4.lineh4::after{
	content: '';
	position: absolute;
	bottom:1px;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px dotted #4F69B0;
}

#p_contents .about_righttext{
	text-align:right;

	
}
#p_contents .lefttext{
	text-align:left;

	
}
#p_contents table{
				width:720px;
				margin:10px 0px;
    border-spacing: 0;
    border-top: 1px solid #999;
				border-left: 1px solid #999;
				line-height:1.5;
}
#p_contents th,
#p_contents td {
    padding:8px 15px;
    background:#FFF;
    border-bottom:solid 1px #999;
    border-right:solid 1px #999;
}
#p_contents th {
    background: #f6f6f6;
				text-align:center;
    color:#4F69B0;
				font-weight:100;
}
#p_contents .professor_tbl th{
	width:140px;
}

#p_contents p{
	padding:20px 5px 40px;
	font-size:110%;
	line-height:1.5;
}

#p_contents p img{
	margin:5px 20px;
	float:right;
}

/* --------------------------------------------
 about
----------------------------------------------*/
#p_contents p.theme{
	font-size:130%;
	color:#4F69B0;
	padding:20px 5px 10px;
}

/* --------------------------------------------
 PROFESSOR BOX
----------------------------------------------*/
.professor_box{
width:100%;
margin:0 auto 40px;
padding:0;
}

.professor_box dt{
width:200px;
height:176px;
padding:0;
float:left;
}

.professor_box dd{
width:500px;
margin:0;
padding:10px 0;
float:left;
}
.professor_box dd p{
	border-top:2px solid #4F69B0;
padding-top:15px;
font-size:115%;
line-height:1.5;
}


/* --------------------------------------------
 MEMBER CONTENTS
----------------------------------------------*/
#p_contents_member{
	margin:0px auto 50px;
	padding:60px 100px;
	width:720px;
	background:#FFF;
}
.centertxt{
	text-align:center;
}

#p_contents_member h3{
	font-size:150%;
	line-height:1.5;
	margin-bottom:40px;
	text-align:center;
}

#p_contents_member h4{
	color:#4F69B0;
	font-size:130%;
	line-height:1.5;
	text-align:center;
}

#p_contents_member .pdtp30{
		padding-top:30px;
}


#p_contents_member p{
	padding:20px 5px 40px;
	font-size:110%;
	line-height:1.5;
}
#p_contents_member p.pdbt_non{
	padding:20px 5px 10px;
	
}
#p_contents_member  ol{
	margin-left:30px;
	font-size:110%;
	line-height:1.5;
	padding-bottom:40px;
}
#p_contents_member ol li{
	list-style:outside lower-roman;
}


#p_contents_member p span{
	color:#4F69B0;
	padding-right:30px;
}


/* --------------------------------------------
 CONTACT CONTENTS
----------------------------------------------*/



#contact_contents{
	margin:20px 0px;
	padding:0px;
	width:758px;
}


#contact_contents table{
				margin:20px 2px 40px;
    border-spacing: 0;
	 		width:754px;
    border-top: 1px solid #999;
				border-left: 1px solid #999;
				line-height:1.5;
}
#contact_contents th,
#contact_contents td {
    padding:10px 40px;
    background:#FFF;
    border-bottom:solid 1px #999;
    border-right:solid 1px #999;
}
#contact_contents th {
    background: #ddd;
				text-align:center;
    color:#0b5497;
				font-weight:100;
}
#contact_contents th span{
    color:#cc0000;
				font-size:90%;
}

input[type="radio"]{margin-left: 7px; margin-right: 4px;}
/*-----------------------------------------------
 SEND
-----------------------------------------------*/
.send{
	margin:0px;
	padding:15px 0px;
	text-align:center;
	line-height:1;
}

.send img{
 padding:0px 10px ;
	}
	
.send input{
 padding:0px;
	margin:0px 10px;
	
	}
	.cside{ text-align:center; }
.red{color: #CC0000 ;}

/*-----------------------------------------------
 news
-----------------------------------------------*/

.page_news{
	margin:0;
	padding:0;
	}
	
.page_news dl{
	padding:5px 30px 10px 20px;
	list-style:none;
	line-height:1.9;
	}
	
.page_news dt{
	clear: left;
 float: left;
 margin: 1em 0 0 0;
 width: 8em;
 padding: 0 0 7px 0.2em;
		}
	
.page_news dd{
	padding:1em 0 7px 10em;
	border-bottom:#d8d8da dotted 1px;
}
/*-----------------------------------------------
 Clinic
-----------------------------------------------*/
#pttl img.clinich2{
	margin-left:549px;
}
.clinicmap{border: 2px solid #ddd;
margin: 10px 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.btnbox{
	width: 100%;
	margin: 30px 0;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4;
	
}
.btnbox .gotelbox{
	width: 300px;
	display: inline-block;
	margin: 0 15px;
	padding: 25px 10px 20px;
	background-color: #eee;
	vertical-align: middle;
}
.btnbox .gotelbox span{font-size: 0.9em;}
.btnbox .gotelbox a{font-size: 1.8em; font-weight: bold;}
.btnbox a.go_btn{
	width: 300px;
	display: inline-block;
	margin: 0 15px;
	background-color:#65B349;
	border: 1px solid #1E7A8C;
	border-radius: 8px;
	color: #ffffff;
	padding: 25px 10px;
	vertical-align: middle;
	
}
.btnbox a.go_btn:hover{background-color:#65C541;}
.btnbox a.go_btn strong{font-size: 1.3em; font-weight: bold;}
.btnbox a.go_btn span{font-size: 0.85em; font-weight: normal;}



