@charset "utf-8";



/*===================================================================================================================*/
/*===== ↓ 基本設定 ↓ ==============================================================================================*/

html,body,div,table,tr,th,td,h1,h2,h3,h4,h5,p,form,ul,ol,li,dl,dt,dd,hr,img,strong,em,span,a,address,figure
	{
	 color: #000000;
	 font-style: normal;
	 font-variant: normal;
	 font-weight: bold;
	 font-size: 16px;
	 line-height: 23px;
	 letter-spacing: 1px;
	 text-align: left;
	 text-decoration: none;
	 list-style-type: none;
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
	}

input,textarea,button
	{
	 color: #000000;
	 font-weight: bold;
	 font-size: 16px;
	 letter-spacing: 1px;
	}

button
	{
	 cursor: pointer;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 100;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 200;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 300;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 400;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Bold");
	 font-weight: bold;
	}

@font-face
	{
	 font-family: "Helvetica Neue";
	 src: local("Helvetica Neue Regular");
	 font-weight: 100;
	}

@font-face
	{
	 font-family: "Helvetica Neue";
	 src: local("Helvetica Neue Regular");
	 font-weight: 200;
	}

body,
div#header,
div#main,
div#footer
	{
	 text-align: center;
	}

body
	{
	 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	}

@media all and (-ms-high-contrast: none)
	{
	 body
		{
		 font-family: Verdana, Meiryo, sans-serif;
		}
	}

div#header a,
div#menu a,
div#main a
	{
	 overflow: hidden;
	 outline: none;
	}

div#main a
	{
	 color: #0033ff;
	}

/*======================================================================================*/
/*===== ヘッダー =======================================================================*/

div#header
	{
	 border-top: 5px #186600 solid;
	 padding: 25px 25px 10px 25px;
	}

@media screen and (max-width: 800px)
	{
	 div#header
		{
		 padding: 15px 25px 10px 25px;
		}
	}

div#header table
	{
	 border-collapse: collapse;
	 width: 100%;
	 margin: 0px auto 0px auto;
	}

@media screen and (min-width: 1100px)
	{
	 div#header table
		{
		 width: 1000px;
		}
	}

div#header table tr th
	{
	 text-align: left;
	 vertical-align: middle;
	}

@media screen and (max-width: 800px)
	{
	 div#header table tr th h1 a img
		{
		 vertical-align: top;
		 max-width: 100%;
		 height: auto;
		 width /***/:auto;
		}
	}

div#header table tr td
	{
	 text-align: right;
	 vertical-align: middle;
	 width: 550px;
	}

@media screen and (max-width: 800px)
	{
	 div#header table tr td
		{
		 width: 100px;
		}
	}

@media screen and (max-width: 800px)
	{
	 div#header table tr td a
		{
		 display: none;
		}
	}

div#header table tr td button
	{
	 vertical-align: middle;
	 border: 1px #cccccc solid;
	 border-radius: 20px;
	 padding: 7px 15px;
	}

div#header table tr td a img
	{
	 vertical-align: middle;
	 margin-right: 8px;
	}

div#header table tr th a:hover,
div#header table tr td a:hover
	{
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 filter: alpha(opacity=50);
	}

/*======================================================================================*/
/*===== グランドメニュー ===============================================================*/

div#menu
	{
	 background-color: #ffffff;
	 padding: 0px 25px 10px 25px;
	}

@media screen and (max-width: 800px)
	{
	 div#menu
		{
		 display: none;
		}
	}

div#menu table
	{
	 border-collapse: collapse;
	 width: 100%;
	 margin: 0px auto 0px auto;
	}

@media screen and (min-width: 1100px)
	{
	 div#menu table
		{
		 width: 1000px;
		}
	}

div#menu table tr td
	{
	 text-align: center;
	 vartical-align: top;
	 border-right: 1px #e0e0e0 solid;
	 border-left: 1px #e0e0e0 solid;
	}

div#menu table tr td a
	{
	 font-size: 20px;
	 text-align: center;
	 letter-spacing: 1px;
	 display: block;
	 padding: 16px 0px;
	}

div#menu table tr td:first-child a
	{
	 padding: 0px;
	}

div#menu table tr td a:hover
	{
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 filter: alpha(opacity=50);
	}

/*======================================================================================*/
/*===== グランドメニュー（スマホ用） ===================================================*/

div#spmenu
	{
	 display: none;
	 position: fixed;
	 top: 0px;
	 right: 0px;
	 z-index: 100;
	}

@media screen and (max-width: 800px)
	{
	 div#spmenu
		{
		 display: block;
		}
	}

div#spmenu p
	{
	 color: #ffffff;
	 text-align: center;
	 background-color: #186600;
	 padding: 20px 10px;
	 cursor: pointer;
	}

div#spmenu p:hover
	{
	 color: #ccffdd;
	}

div#spmenu ul
	{
	 display: none;
	}

div#spmenu ul
	{
//	 border: 1px #e0e0e0 solid;
	}

div#spmenu ul li
	{
	 background-color: rgba(255,255,255,0.95);
	 border: 1px #e0e0e0 solid;
	 border-bottom: none;
	}

div#spmenu ul li:last-child a
	{
	 border-bottom: 1px #e0e0e0 solid;
	}

div#spmenu ul li a
	{
	 text-align: right;
	 display: block;
	 padding: 15px 30px;
	}

div#spmenu ul li a:hover
	{
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 filter: alpha(opacity=50);
	}

/*======================================================================================*/
/*===== 基礎パーツ =====================================================================*/

div#main
	{
	 text-align: center;
	 width: 100%;
	 margin: 0px auto 50px auto;
	}

@media screen and (min-width: 1100px)
	{
	 div#main
		{
		 width: 1000px;
		}
	}

h2
	{
	 color: #ffffff;
	 font-size: 26px;
	 line-height: 26px;
	 letter-spacing: 3px;
	 background-color: #186600;
	 border-left: 10px #338800 solid;
	 padding: 15px 0px 15px 10px;
	 margin: 0px 0px 20px 0px;
	}

@media screen and (max-width: 800px)
	{
	 h2
		{
		 font-size: 20px;
		 line-height: 20px;
		 letter-spacing: 2px;
		}
	}

h3
	{
	 border-left: 5px #55aa77 solid;
	 background-color: #e8ffe1;
	 margin: 0px 0px 10px 0px;
	 padding: 5px 5px 5px 5px;
	}

/*======================================================================================*/
/*===== トップバナー ===================================================================*/

div#top
	{
	 text-align: center;
	 background-color: #7f7974;
	 margin: 0px auto 20px auto;
	}

div#top p
	{
	 text-shadow: 2px 2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff, -2px -2px 2px #ffffff;
	 background: #ffffff url(../_img/top.png) no-repeat center;
	 width: 100%;
	 margin: 0px auto;
	}

@media screen and (min-width: 1100px)
	{
	 div#top p
		{
		 width: 1000px;
		}
	}

div#top p em
	{
	 font-size: 18px;
	 line-height: 26px;
	 display: block;
	 padding: 20px 10px;
	}

@media screen and (max-width: 800px)
	{
	 div#top p em
		{
		 font-size: 16px;
		 line-height: 23px;
		}
	}

div#top p em:first-child
	{
	 padding-bottom: 0px;
	}

div#top p strong
	{
	 font-size: 30px;
	 line-height: 36px;
	 letter-spacing: 3px;
	 display: block;
	 padding: 50px 20px;
	}

@media screen and (max-width: 800px)
	{
	 div#top p strong
		{
		 font-size: 22px;
		 line-height: 28px;
		 letter-spacing: 2px;
		 padding: 30px 10px;
		}
	}

/*======================================================================================*/
/*
div#main
	{
	 text-align: center;
	 background-image: url("../_img/main_bg.png");
	 background-position: right bottom;
	 background-repeat: no-repeat;
	 border-top: none;
	 border-bottom: none;
	 padding: 10px 0px 100px 0px;
	}


div#main table
	{
	 border-collapse: collapse;
	 width: 823px;
	 margin: 0px 15px 0px 0px;
	}


div#main table tr th#g_menu,
div#main table tr td
	{
	 vertical-align: top;
	}


div#main table tr th#g_menu
	{
	 background-image: url("../_img/gmenu_header.png");
	 background-position: left top;
	 background-repeat: no-repeat;
	 width: 215px;
	 padding: 4px 0px 0px 0px;
	}
*/
/*===== メインメニュー ===================================*/

div#main table tr th#g_menu ul
	{
	 background-image: url("../_img/gmenu_footer.png");
	 background-position: left bottom;
	 background-repeat: no-repeat;
	 margin: 0px 15px 15px 0px;
	 padding: 0px 0px 4px 0px;
	}


div#main table tr th#g_menu ul li
	{
	 background-image: url("../_img/gmenu_border.gif");
	 background-position: left bottom;
	 background-repeat: no-repeat;
	 padding-bottom: 1px;
	}


div#main table tr th#g_menu ul li.end
	{
	 background-image: url("../_img/gmenu_border2.gif");
	}


div#main table tr th#g_menu ul li a
	{
	 overflow: hidden;
	 outline: none;
	 color: #113377;
	 font-size: 15px;
	 font-weight: bold;
	 text-indent: 38px;
	 line-height: 24px;
	 letter-spacing: 3px;
	 background-image: url("../_img/gmenu_bg.png");
	 background-position: left middle;
	 background-repeat: no-repeat;
	 display: block;
	 padding: 4px 0px 3px 0px;
	}


div#main table tr th#g_menu ul li a.sub
	{
	 font-size: 13px;
	 text-indent: 60px;
	 line-height: 21px;
	 background-image: url("../_img/gmenu_bg_sub.png");
	 padding: 3px 0px 2px 0px;
	}


div#main table tr th#g_menu ul li a.sub2
	{
	 font-size: 13px;
	 text-indent: 60px;
	 line-height: 21px;
	 background-image: url("../_img/gmenu_bg_sub2.png");
	 padding: 3px 0px 2px 0px;
	}


div#main table tr th#g_menu ul li a:hover
	{
	 color: #0066ff;
	 background-position: 0px -31px;
	}


div#main table tr th#g_menu ul li a.sub:hover,
div#main table tr th#g_menu ul li a.sub2:hover
	{
	 background-position: 0px -26px;
	}

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



/*===== 小児眼科を専門とする医師 =========================*/
/*
div#main table tr th#g_menu div
	{
	 background-image: url("../_img/search_bg.png");
	 background-position: 0px 0px;
	 background-repeat: no-repeat;
	 margin: 0px 15px 15px 0px;
	 padding: 10px 0px 20px 0px;


	 padding: 10px 0px 30px 0px;
	}


div#main table tr th#g_menu div p
	{
	 color: #ee4400;
	 font-weight: bold;
	 font-size: 14px;
	 line-height: 23px;
	 margin: 0px 0px 2px 10px;
	}


div#main table tr th#g_menu div p.mtxt
	{
	 color: #333344;
	 font-weight: normal;
	 font-size: 10px;
	 line-height: 16px;
	 letter-spacing: 0px;
	 text-indent: 0px;
	 background-image: none;
	 margin: 0px 0px 6px 10px;
	}


div#main table tr th#g_menu div ol
	{
	 margin: 0px 0px 0px 10px;
	}


div#main table tr th#g_menu div ol li
	{
	 background-image: url("../_img/point.gif");
	 background-position: 0px 3px;
	 background-repeat: no-repeat;
	 margin: 0px 0px 2px 0px;
	 padding: 0px 0px 0px 12px;
	}


div#main table tr th#g_menu div ol li a
	{
	 color: #113377;
	 font-weight: bold;
	 text-decoration: underline;
	}


div#main table tr th#g_menu div ol li a:hover
	{
	 color: #0066ff;
	 text-decoration: none;
	}
*/
/*========================================================*/



/*===== 見出し ===========================================*/
/*
div#main h2
	{
	 color: #aabbcc;
	 font-weight: bold;
	 font-size: 15px;
	 text-indent: 20px;
	 line-height: 24px;
	 letter-spacing: 3px;
	 background-image: url("../_img/h2.png");
	 background-position: 0px 0px;
	 background-repeat: no-repeat;
	 border: 1px #ffccaa solid;
	 margin: 0px 0px 15px 0px;
	 padding: 4px 0px 3px 0px;
	}


div#main h2 em
	{
	 color: #113377;
	 font-weight: bold;
	 font-size: 15px;
	 text-indent: 20px;
	 line-height: 24px;
	 letter-spacing: 3px;
	}
*/
/*========================================================*/

/*======================================================================================*/
/*===== ↓ フッター ↓ =================================================================*/

div#footer
	{
	 border-top: 1px #b2e8a1 solid;
	 background-color: #e8ffe1;
	}

div#footer table
	{
	 width: 100%;
	 margin: 0px auto;
	}

@media screen and (min-width: 1100px)
	{
	 div#footer table
		{
		 width: 1000px;
		}
	}

div#footer table tr td
	{
	 vertical-align: top;
	 padding: 15px;
	 padding-left: 30px;
	}

@media screen and (max-width: 800px)
	{
	 div#footer table tr td
		{
		 display: block;
		}
	 div#footer table tr td:last-child
		{
		 padding-left: 15px;
		}
	}

div#footer table tr td a:hover
	{
	 -moz-opacity: 0.5;
	 opacity: 0.5;
	 filter: alpha(opacity=50);
	}

div#footer table tr td dl dt
	{
	 display: list-item;
	 list-style-type: square;
	 margin-top: 15px;
	}

div#footer table tr td dl dt:first-child
	{
	 margin-top: 0px;
	}

div#footer table tr td dl dd
	{
	 font-size: 14px;
	 line-height: 25px;
	 display: list-item;
	 list-style-type: circle;
	 margin-left: 10px;
	}

div#footer table tr td:last-child dl dt,
div#footer table tr td:last-child dl dd
	{
	 list-style-type: none;
	}

div#footer table tr td dl dd a
	{
	 font-size: 14px;
	 line-height: 25px;
	}

div#footer address
	{
	 color: #ffffff;
	 text-align: center;
	 background-color: #186600;
	 padding: 15px 0px;
	}



