@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

.clear{
	clear: both;
}

a{
	color: #0A00FF;
	text-decoration: none;
}


/*====================各ボックスの共通設定==============================*/

body{
	font-family: 'UD デジタル 教科書体 NK-B','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	/*background: linear-gradient(#ffffff, #87cefa);*/
	background-image: url("../images/bg_image.jpg");
	/*background-size: cover;
	background-repeat: no-repeat;*/
}


/*====================コンテナ(共通)====================*/
#container{
	width: 90%;
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	min-height: 950px;
}

/*====================ヘッダー(共通)====================*/
#headimg{
	width: 70%;
	float: left;
	padding-top: 50px;
}

#headimg h1 a img{
	width:50%;
}


#contact{
	margin-top: 3rem;
	width: 30%;
	font-size: 0.8rem;
	float: right;
}


/*ナビゲーションバー（横並び）*/
#nav {
	
	margin-top: 20px;
}

#nav ul{
	text-align: center;
}

#nav ul li {
	display: inline-block;/*メニューを横並び、幅、高さの設定を可能にする*/
	height: 31px;/*画像の高さと同じにする*/
	vertical-align: bottom;/*下揃え*/
	padding-bottom: 5px;/*枠線（下）にかぶらないようにする*/
}

/*==========ナビゲーションメニューのロールオーバー===========================*/
#list01_home {
    background-image: url("../images/nav_home_hover.png");
    background-repeat: no-repeat;
}


#list01_home a:hover img{
	visibility: hidden;
}

#list02_inchosyoukai {
	background-image: url("../images/nav_inchosyoukai_hover.png");
	background-repeat: no-repeat;
}

#list02_inchosyoukai a:hover img{
	visibility: hidden;
}

#list03_about {
	background-image: url("../images/nav_about_hover.png");
	background-repeat: no-repeat;
}
#list03_about a:hover img{
	visibility: hidden;
}

#list04_access {
	background-image: url("../images/nav_access_hover.png");
	background-repeat: no-repeat;
}
#list04_access a:hover img{
	visibility: hidden;
}

#list05_contact {
    background-image: url("../images/nav_contact_hover.png");
    background-repeat: no-repeat;
}
#list05_contact a:hover img{
	visibility: hidden;
}
/*==============================================*/

#nav ul li img {
	vertical-align: bottom;
}

#nav_underline{
	border-bottom: 3px solid #0B36FF;
}

#responsive_menu{
	display: none;   /*レスポンシブ用にMENUをリンクさせる（PCでは非表示）*/
}

.responsive_slideshow{
	display: none;
}

.responsive_menu{
	display: none;
}

.font_color_red {  /*「実在しないＨＰです」を赤色太字にする*/
	color: red;
	font-weight: bold;
}
.font_color_black {
	text-align: center;/*「実在しないＨＰです」を赤色太字にする*/
	color: #000;
	font-weight: bolder;
	font-size: 1.2rem;
	border: 3px solid #FF0000;
	margin-top: 1rem;
	background-color: #00FFEB;
	
}
/*====================サイドバー(共通)====================*/
.sidebar{
	width: 20%;
	clear: both;
	float: left;
	/*background-color: rgba(255,255,255,0.5);*/
	/*min-height: 1800px;*/
}
/*======サイドメニューのロールオーバー=========*/
#side_list_home{
	background-image: url("../images/logo_home_hover.png");
	background-repeat: no-repeat;
}
#side_list_home a:hover img {
	visibility: hidden;
}

#side_list_inchosyoukai{
	background-image: url("../images/logo_inchosyoukai_hover.png");
	background-repeat: no-repeat;
}
#side_list_inchosyoukai a:hover img {
	visibility: hidden;
}

#side_list_about{
	background-image: url("../images/logo_about_hover.png");
	background-repeat: no-repeat;
}
#side_list_about a:hover img {
	visibility: hidden;
}

#side_list_access{
	background-image: url("../images/logo_access_hover.png");
	background-repeat: no-repeat;
}
#side_list_access a:hover img {
	visibility: hidden;
}

#side_list_contact{
	background-image: url("../images/logo_contact_hover.png");
	background-repeat: no-repeat;
}
#side_list_contact a:hover img {
	visibility: hidden;
}

.sidebar_access{
	width: 75%;
	margin: 0 auto;
	border: 5px dotted #1200FD;
	border-radius: 10%;
	padding: 1rem;
	background-color: #FCDCDD
}
.sidebar_access h2{
	font-size: 1rem;
}


.sidebar_access .map{
	text-align: center;
}

.sidebar_access .map img{
	width: 100%;	
}

.sidebar_access .font_size_click{
	font-size: 0.8rem;
	text-align: center;
	font-weight: bolder;
	color: #FF5B5E
}

.sidebar_access .yuubin{
	font-size: 0.5rem;
}


.sidebar_access p{
	font-size: 0.7rem;
}




/*==============================================*/




.menu {
	margin-top: 20px;
}

.menu li{
	margin-top: 10px;
	margin-left: 30px;
	/*border-bottom: 1px solid;*/
}

.menu_smartphone{
	display: none; /*レスポンシブ用メニューをＰＣでは表示させない*/
}

.responsive_sidebar{
	display: none;
}

/*====================メイン(共通)====================*/
#main{
	width: 75%;
	float: left;
	background-color: rgba(255,255,255,0.5);
	margin-top: 1rem;
	padding: 2.5%;
	margin-bottom: 1rem;
	border-radius: 5rem;
	/*min-height: 1800px;*/
	
}


.gabyo_1 img{
	width:7%;
	float: left;
}
.ottosei_1{
	width: 15%;
	float: left;
}
.ottosei_1 img{
	width: 100%;
}

.toppage_main_icon{
	width: 55%;
	margin-top: 2rem;
	margin-right:  auto;
	margin-left: auto;
}

.toppage_main_icon img{
	width: 100%;
}

.toppage_main_icon {
	float: left;
}

.ottosei_2{
	width: 15%;
	float: right;
}

.ottosei_2 img{
	width: 100%;
}

.gabyo_2 img{
	width:7%;
	float: right;
}

#main h2 {
	margin-top: 1rem;
}
	

/*====================フッター(共通)====================*/
#footer{
	background-color: gray;
	width: 100%;
	clear: both;
	padding-top: 1rem;
}

#footer p {
	text-align: center;
}
#footer p a {
	text-decoration: none;
	color: white;
}

/*====================リストスタイルの設定(共通)====================*/
li {
	list-style-type: none;
}

/*====================トップページ(index.html)の設定====================*/
.toppage_main_icon img {
	width:10%;
	float: left;
	margin-left: 40%;
}

.toppage_message{
	text-align: center;
	font-size: 1.5rem;
}
.toppage_message a{
	font-weight: bolder;
}

#inchosyoukai {
	width: 90%;
	margin: 0 auto;
}

#main h3 {
	margin-top: 1rem;
}

#main p {
	padding-left: 1rem;
	padding-top: 1rem;
}

/*トップ画*/
#topimg{
	margin-top: 2rem;
}

#topimg img{
	width: 100%;
}
/*news*/
#news {
	font-size: 0.8rem;
	margin-top: 1rem;
}

.td_padding_left{
	padding-left: 1rem;
}

.tablecolor1 {
	background-color: aqua;
}

.tablecolor1:hover {
	background-color: #aaa;
}

.tablecolor2 {
	background-color: #b0c4de;
}

.tablecolor2:hover {
	background-color: #aaa;
}

#moreinfo {
	text-align: right;
}

#sinryoujikan {
	margin-top:1rem;
	margin-left: 2rem;
	background-color: #FFFFFF;
}
#sinryoujikan th {
	background-color: #FFD67E;
}


/*====================院長紹介(inchosyoukai.html)の設定====================*/
#inchosyoukai h3 {

	padding-left: 0.5rem;
	border-top: 1px solid #0000ff;
	border-left: 5px solid #0000ff;
	border-right: 1px solid #0000ff;
	border-bottom: 1px solid #0000ff;
	font-size: 1.5rem;
	font-weight:bold;
	background-color: #008080;
	color: #fff; 
}
#incho_message{
	margin-top: 1rem;
	margin-left: 1rem;
	width: 90%;
	float: left;
	padding: 3px;
}
#incho_message p{
	line-height: 2rem;
	font-size: 1rem;
}

p#incho_name{
	text-align: right;
}
#incho_img{
	width: 100%;
	text-align: center
}
#incho_img img {
	width: 50%
}

#keireki{
	clear: both;
	margin-left: 1rem;
}

#keireki table {
	margin-left: 1.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}


/*====================当院について(about.html)の設定====================*/
#about {
	width: 90%;
	margin: 0 auto;
}

#about h3 {
	margin-left: 5%;
	margin-bottom: 5%;
	padding-left: 0.5rem;
	border-top: 1px solid blue;
	border-left: 5px solid blue;
	border-right: 1px solid blue;
	border-bottom: 1px solid blue;
	font-size: 1.5rem;
	font-weight:bold;
	background-color: #008080;
	color: #fff; 
}

#about h4, #about p{
	margin-left: 10%;
}
#tokucho img {
	margin-left: 15%;
}

#tokucho{
	width: 80%;
	margin: 0 auto;
}

#tokucho h4 {
	color: #800000;
	background-color: #ffb6c1;
	border-radius: 5px;
	vertical-align: bottom;
	font-size: 1.5rem;
	height: 2rem;
	margin-top: 2rem;
	text-align: center;
}


#shinryoukamoku{
	width: 90%;
	margin: 0 auto 10% auto;
}

#shinryoukamoku table tr th{
	background-color: #ffffe0;
	border-radius: 20px;
}
#shinryoukamoku table{
	margin-left: 10%;
}

#shinryoukamoku table tr th, #shinryoukamoku table tr td {
	width: 20%;
}
#shinryoukamoku table tr th:hover{
	background-color: #7fffd4;
} 

/*====================アクセス(access.html)の設定====================*/


#access {
	width: 90%;
	margin: 0 auto;
}

#access h3 {

	padding-left: 0.5rem;
	border-top: 1px solid #0000ff;
	border-left: 5px solid #0000ff;
	border-right: 1px solid #0000ff;
	border-bottom: 1px solid #0000ff;
	font-size: 1.5rem;
	font-weight:bold;
	background-color: #008080;
	color: #fff; 
}

#adress,#map{
	margin-left: 1rem;
}

#adress p{
	margin-left: 15%;	
}

/*====================お問合せ(contact.html)の設定====================*/

#contact_page {
	width: 90%;
	margin: 0 auto 1.5rem auto;
}

#otoiawase {
	width: 90%;
	line-height: 1.5rem;
	margin-left: 10%;
}

#contactform tr th {
	font-size: 0.8rem;
} 
#contactform tr th,#contactform tr td{
	padding: 0.5rem;
}
/*====================プライバシーポリシー(privacy.html)の設定====================*/

.praivacy {
	width: 90%;
	margin: 5% auto;
}

/*====================サイトマップ(sitemap.html)の設定====================*/

#sitemap {
	width: 50%;
	margin: 0 auto;
}

#sitemap h3 {
	margin-top: 1.5rem;
	margin-left: 10%;
	margin-bottom: 1.5rem;
}

#sitemap h4 {
	margin-left: 20%;
	margin-top: 1rem;	
}

#sitemap a {
	text-decoration: none;
	color: #000000;
}

#sitemap a:hover {
	text-decoration: underline;
	color: #ff0000;
}

/*====================タブレット・スマホ向け(共通)==============================*/

@media screen and (max-width:769px){
	
	#container{
		width: 100%;
	}
	
	#headimg{
		width: 50%;
	}
	#headimg h1 a img{
		width: 100%;
	}
	#contact{
		width: 50%;
	}
	
	
	#nav {
		display: none;　/*ナビゲーションメニューを表示させない*/
	}
	#nav_underline {
		display: none;
	}
	
	#topimg{
		display: none;
	}
	
	p.font_color_black{
		margin-bottom: 1rem;
	}
	
	.responsive_slideshow{
		display: block;
		width: 80%;
		margin:0 auto;
	}
	
	.responsive_menu{ /*レスポンシブ用のメニューを表示させる*/
		display: block;
		background-color: rgba(248,191,192,0.5);
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	.spmenu{
		width: 50%;
		margin: 0 auto;
	}
	
	.spmenu li{
		width: 100%;
		text-align: left;
	}
	
	.spmenu li img{
		cursor: pointer;
		margin-right: 80%;
		width: 30%
	}
	
	.child_spmenu{
		width: 100%;
		display: none;
	}
	.responsive_menu ul li {
		font-size:1rem;
		text-align: center;
		width: 100%;
		padding: 10px;
		margin-top:0.5rem;
		margin-right: auto;
		border-radius: 1rem;
	}
	
	
	.spmenu .child_spmenu li a{
		display: block;
	}
	
	.bg_color_1{
		background-color: #5750FF;
	}
	.bg_color_1 a{
		color:#fff;
	}
	.bg_color_1:hover , .bg_color_2:hover{
		background-color: #ccc;		
	}
	.bg_color_2{
		background-color: #00FFFB;
	}
	.bg_color_2 a{
		color:#000;
	}
	li.bg_color_3{
		background-color: #C58FFB;
		cursor: pointer;
		display: block;
		text-align: right;
		padding-bottom: 1rem;
	}
	.bg_color_3 a{
		color:#000;
	}
	.bg_color_3:hover{
		color: blue;
	}
	
	.link_top{
		display: block;
		text-align: center;
		float: right;
		margin-right: 2rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
		padding: 1rem;
		background-color: #05FF29;
		border-radius: 2rem;
		font-size:1.5rem;
	}
	
		#headimg{
		margin-bottom: 2rem;
	}


	/*====================メイン====================*/
	#main{
		width:85%;
		clear: both;
		margin-left: 5%;
		border-radius: 5px;
	}
	
	
	
	.sidebar{
		display: none;
	}
	
	.responsive_sidebar{
		display: block;
		margin-bottom: 2rem;
	}

	.gabyo_1 , .gabyo_2 , .toppage_main_icon , .ottosei_1 , .ottosei_2{
		display: none;
	}
	

}