﻿

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {;background-color:;
	    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.main  { text-align: center; margin: 10px auto 20px; padding: 0px; 
	width: 98%; overflow: auto;}

header  { background-color: #0000cd; text-align:center; margin: 1px 0 20px 0; 
		padding-top: 10px; padding-bottom: 10px; padding-left: 15px; width: ; overflow:auto }
header h1	{ line-height: 160%; text-align:left; margin: 5px auto 10px; width: 100%; overflow: visible }
span.text_h1-1  { color: white; font-weight: bold; font-size: 0.8em; text-shadow: 3px 3px 2px #555  }
span.text_h1-2	{ color: white; font-size: 1.3em; text-shadow: 3px 3px 2px #555  }
#mainpict_block	{ text-align: center; margin-right: auto; margin-left: auto;margin:15px auto; 
	height: auto;background:#99CC00}
#mainpict   { }
.mainpict1  { width: 98% }


.kensakumado0{ width:100%;height:45px;margin-left:auto;margin-right:auto;margin-bottom:0px; overflow:auto;}
.kensaku2  { float: left; margin: 4px 0px 0px 5px; padding: 0px; width: 50%; display:none}
div.loupeicon{	width:40px;background:blue;text-align:center;float:right}
.loupeicon img{	width:30px;margin:3px}




/* ドロップダウン */
.dropmenu   { width:99% ;background:;text-align: center; list-style-type: none; 
	margin: 5px auto 30px; padding: 0 0 0 2px; *zoom: 1  }
.dropmenu:before, .dropmenu:after { display: table; content: "" }
.dropmenu:after { clear: both }
.dropmenu li  { text-align: center; float: left; margin: 1px;margin-left:8px; 
	padding: 0; position: relative; width: 48% }
.dropmenu li a { color: #1e50a2; font-weight: 600; font-size: 0.9em; 
	text-decoration: none; display: block; margin: 0; padding: 10px 0 }
.dropmenu li ul { list-style-type: none; list-style-position: outside; 
	margin: 0; padding: 0; position: absolute; z-index: 9999; top: 100%; left: 0 }
.dropmenu li ul li    { width: 120% }
.dropmenu li ul li a { color: white; font-weight: normal; background-color: #000080; 
	text-align: left; padding: 5px 15px }
.dropmenu li:hover > a { color: white; background-color: #0000cd }
.dropmenu li a:hover { background-color: #0000cd }

#normal li ul  { display: none }
#normal li:hover ul { display: block }
.ss a  { background-color: white; border: solid 1px #0000cd ;}
.ss a:hover { color: white; background-color: #0000cd; border: solid 1px #0000cd }
.mm a  { background-color: white; border: solid 1px #0000cd ;}
.mm a:hover { color: white; background-color: #0000cd }
.dd a  { font-weight: normal; border-top: 1px solid white ;}
.dd a:hover { font-weight: normal }



h2  { color: white; font-weight: bold; font-size: 115%;  
	background-color: #0000cd; text-align: left; margin-bottom: 18px; padding: 8px;width:96%;
	letter-spacing:3px}
h3  { font-weight: bold; font-size: 105%; line-height: normal; text-align: left; 
	margin-bottom: 15px; margin-left: 0; padding: 6px; 
	border-bottom: 1px solid #ccc; border-left: 4px solid #e47f5c;
	letter-spacing:1px }

.square2     { color: #dcff98; font-weight: bold; font-size: 110%; 
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" }
.onpu { color: purple; font-weight: bold; font-size: 140%; margin-right: 10px }
img  { margin: 0px; padding: 0px; border: none }


.L   { line-height: 150%; margin-top: 15px;margin-bottom:15px; 
	padding: 5px; top: 0px; overflow: auto;background:}

.menu1			{ color: #444; float: left; margin: 0px 2px 2px; 
	border: solid 1px silver; width: 48% }
.menu1 a		{ color: #444; text-decoration: none; background: #f8f8ff ; 
	display: block; margin-bottom: 0px; padding: 8px 0px 8px 5px;font-size:0.85em }
.menu1 a:hover	{ background: #e6e6fa no-repeat; margin-bottom: 0px; 
	padding-top: 8px; padding-bottom: 8px; padding-left: 5px }
span.name	{font-size:120%;margin-left:10px;color:navy}


/*左メニュー『CATEGORY NAME』の箇所------------------------------------------------*/
.category_name	{ color: #0000cd; font-weight: bold; font-size: 1em
		; margin-bottom: 14px; padding: 8px
		; border-top: 1px solid #0000cd; border-bottom: 1px solid #0000cd
		;background-color:white }


/*『CATEGORY NAME』の始まりの■-----------------*/
.square   { color: #0000cd; font-weight: bold; font-size: 120%; 
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" }
/* 
.kanban-txt  { color: #008080; font-weight: bold; background-color: #f5fffa; text-align: center; margin-top: 0px; margin-right: 5px; margin-left: 5px; border-top: medium solid #008080 }
.R { font-size: 85%; line-height: 150%; text-align: center; margin-top: 15px; padding: 5px; top: 0px; width: 99%; overflow: auto }
*/
p  { text-align: left }

article  { font-size:1em ; line-height: 160% ; text-align: ; float:none; 
	margin-left: 0px; padding-bottom: 20px; top: 0px;}
section   { font-size:90%;margin: auto auto 15px ;width:95%;text-align:left }

/* 理念 */
img.rinen_photo { float: right; padding-bottom: 5px; padding-left: 10px }



/* 理事長メッセージ */
.face      { color: navy; font-size: 95%; text-align: center; float: right; margin-left: 20px }
.face img   { margin-top: 8px; margin-bottom: 5px; border: solid 1px silver }
span.face2 { font-size: 80%; line-height: 150%; font-family: "MS UI Gothic" }

table.rireki{ }
.rireki1    { text-align: left; vertical-align: top; padding: 0px 0px 2px; border-bottom: 1px dashed silver;white-space:nowrap }
.rireki2    { text-align: left; vertical-align: top; padding: 0px 0px 2px 5px; border-bottom: 1px dashed silver }


/* 療育紹介 */
span.yo { font-size: 80% }

h4.ryouiku{ text-align:center;font-weight: 600; font-size: 110%; 
	margin: 15px; padding: 5px; border: solid 1px blue }
dl.ryouiku{ background:;overflow:auto;margin-left:15px;margin-right:15px; margin-bottom:10px;
	 padding-bottom:15px;border-bottom:1px gray solid}
dt.ryouiku { color: navy; font-weight: 600;float:none;margin-bottom:8px }
dd.ryouiku1 { float:left;width:;background:white;margin-right:20px;width:35%}
dd.ryouiku1 img { width:100%; 
	border:1px silver solid;}
dd.ryouiku2 { background:;width:60%;float:left }



/* 問い合わせ */
ul.inquiry   { margin-bottom: 20px; margin-left: 20px }


/* 研修会・講習会 */
ul.semi   { text-align: ; list-style:disc; margin-left: 10px; padding-left: 20px }
.semi li { margin-bottom:15px}
ul.semi2   { text-align: ; list-style:circle; margin-left: 10px; padding-left: 20px }
.semi2 li { margin-bottom:0px}


/* 構成 */
table.kousei  { text-align:left; margin: auto auto 20px; 
	border-top: 1px solid; border-left: 1px solid;margin:auto ;width:95%}
th.kousei  { font-weight: normal; background-color: #f0fff0; padding: 4px; 
	border-right: 1px solid; border-bottom: 1px solid;text-align:center;width:33%}
td.kousei { padding: 4px; border-right: 1px solid; border-bottom: 1px solid }
caption.kousei { font-weight:bold}
ul.kousei{
	list-style-type:circle;margin-left:20px
}


/* 募集 */
ul.bosyuu { list-style-type: circle; margin-bottom: 10px; margin-left: 30px }


/* ニュース */
.newsphoto  { color: blue; font-size: 85%; text-align: center; margin: 10px auto }
.newsphoto img { text-align: center; border: solid 1px silver }


/* --サイマップ-- */
ul.sitemap{	list-style-type:disc;margin-left:30px;}
ul.sitemap1{ list-style:circle;margin-left:30px
	
}


/* 
.B  { color: white; text-align: center; margin: 0px auto; padding-top: 15px; padding-bottom: 15px; width: 100%; overflow: auto }
*/

footer { color: white; line-height: 150%; background: #0000cd; text-align: center; 
		margin: 50px auto 0px; padding-top: 15px; height:auto; overflow: auto ;
		padding-left:10px;padding-right:10px}
.copyright  { color: white; font-size: 0.7em; text-align: center; margin: 20px auto 12px;
		border-top:1px white dashed;line-height:150% }

ul.f0 { margin-right: auto; margin-left: auto; overflow: auto;padding-left:30px }
.f1  { font-size: 0.7em; text-align: left; list-style-type: disc; list-style-position: inside; float:none}
.f1 a  { color: white; text-decoration: none }
.f1 a:hover { color: red }



a#pagetopBtn img {
  position:fixed;
  bottom:10px;
  right:1px;
}



.red { color: red }
.green { color: #008000 }