@charset "utf-8";

/* ----------------------------------------------------------------------------------------

Theme Name:INODA EYE CLINIC

	Font-size Adjustment

	77% = 10px	|	122% = 16px	|	167% = 22px
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

---------------------------------------------------------------------------------------- */

body {
	text-align: center;
	font-size: 14px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #000;
	font-family: Verdana, "メイリオ", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}


/* Firefox 3用 */

body,x:-moz-broken {
	margin-left:-1px;
}

.wrapper {
	margin: 0 auto;
	padding:0;
	text-align: left;
	width:950px;
}

a { color: #000;}
a:hover { color: #699aec;}

img{
	border:none;
	max-width: 100%;
}

/* head
---------------------------------------------------------------------------------------- */
#head{
	margin:0 auto;
}

#logo{
	width:100%;
}

#head_Logo{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	height:auto;
}

#headerContact {
	float:right;
	margin:0;
	padding:0;
	width:450px;
	height:auto;
}




#headerContact div {
	font-family: Arial, Helvetica, sans-serif;
	font-size:189%;
	font-weight:bold;
	color:#07439a;
}

#headerContact div span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	vertical-align: middle;
}

#headerContact p {
	font-size:13px;
	color:#666;
}

/* #globalNavi
----------------------------------------------------- */
#globalNavi {
	overflow: hidden;
	background: url(images/global_navi_bg.gif) repeat-x ;
	height: 54px;
	padding:0;
	margin:0;
}

#globalNavi ul {
	padding: 0;
	margin:0;
}

#globalNavi ul li {
	display: inline;
	float: left;
	width: 134px;
	margin: 0;
	font-size:122%;
	line-height:30px;
}

#globalNavi ul li p{
	font-size:77%;
	color:#c1c1c1;
	margin:0;
}

#globalNavi ul li a {
	display: block;
	height: 54px !important;
	height /**/: 54px;
	padding: 12px 0 0;
	border-bottom: none;
	color: #000;
	text-align: center;
	text-decoration: none;
	background: url(images/global_navi.gif) no-repeat left top;
}

#globalNavi ul li a:hover {
	background:url(images/global_navi_over.gif) no-repeat left top;
	color:#699aec;
	text-decoration: none;
}

#globalNavi ul li.last {
	display: inline;
	float: left;
	width: 146px;
	margin: 0;
	font-size:122%;
	line-height:30px;
}


#globalNavi ul li.last a {
	display: block;
	height: 44px !important;
	height /**/: 54px;
	padding: 12px 0 0;
	border-bottom: none;
	color: #000;
	text-align: center;
	text-decoration: none;
	background: url(images/global_navi_last.gif) no-repeat left top;
}

#globalNavi ul li.last a:hover {
	background:url(images/global_navi_last_over.gif) no-repeat left top;
	color:#699aec;
	text-decoration: none;
}

/* float
----------------------------------------------------- */
.left { float: left;}
.right { float: right;}


/* #container
---------------------------------------------------------------------------------------- */
#container{
	background:url(images/himg_bottom.gif) no-repeat left 0;
	width:950px;

}

/* #contents
---------------------------------------------------------------------------------------- */
#contents{
	width:717px;
}


/* TOPPAGE
----------------------------------------------------- */
.newsDl dt,
.newsDl dd {
	line-height: 1.5;
}

.newsDl dt{
	background: url(images/news_icon.gif) no-repeat 5px 13px;
	padding:5px 10px 0 15px;
	font-weight:bold;
	color:#000;
}

.newsDl dd {
	/*margin: -1.7em 0 8px 0;
	padding: 2px 0 3px 8em;*/
	margin:0;
	padding:0;
}

.newsDl dd span {
	display: block;
	padding: 0 0 0 20px;
}
.newsDl dd span a{ color: #07439a;}

.news{
	clear: both;
}
.news dl {
	padding: 20px 15px;
}
.news dt{
	float: left;
	clear: both;
	width: 70px;
	padding:5px 10px 0 15px;
	background: url(images/news_icon.gif) no-repeat 5px 13px;
}
.news dd {
	float: left;
	width: 550px;
	padding-top: 5px;
	padding-left: 10px;
}

.news dd span {
	display: block;
	padding: 0 0 0 20px;
}
.news dd span a{ color: #699aec;}


.news2{
	clear: both;
}
.news2 dl {
	padding: 0;
}
.news2 dt{
	width: 100%;
	padding:5px 0 0 15px;
	background: url(images/news_icon.gif) no-repeat 5px 13px;
}
.news2 dd {
	width: 100%;
	margin:0 0 10px 0;}

.news2 dd span {
	display: block;
	padding: 0 0 0 20px;
}
.news2 dd span a{ color: #699aec;}


/* #right
----------------------------------------------------- */
#right {
	float: right;
	width: 223px;
}

.subBox {
	margin-bottom: 15px;
}

.subContactBox {
	margin-bottom: 15px;
	/*background: url(../images/sub_menu_middle.gif) repeat-y 0 0;*/
	height: 100%;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
}

.subContactBox ul {
	margin-bottom: 0;
}

.subContactBox ul li {
	background: url(images/sub_menu_icon.gif) no-repeat 25px 15px;
	margin-bottom:3px;
	padding:10px 0 10px 3.9em;
}

.subContactBox ul li a {
	color:#000;
	text-decoration:none;
}

.subContactBox ul li a:hover {
	color:#699aec;
	text-decoration:none;
}

.subNavi ul li {
	margin-bottom: 7px;
}

/* headimg
----------------------------------------------------- */
.hImg{
	background-color:#eaeaea;
	padding:10px 0;
}

.imgBorder{
	border:3px solid #d6d6d6;
}


/* h[x]
----------------------------------------------------- */
h1{
	padding-top:15px;
	font-size:77%;
}

h2{
	background:url(images/h2_bg.gif) repeat-x left top;
	padding:7px 0 7px 20px;
	font-size:92%;
	font-weight:bold;
	color:#000;
	margin:0;
}

/*h3{
	background: url(images/h3_bg.gif) repeat-x left top;
	padding:7px 5px 13px 10px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}*/


h3.information{
	background: url(images/h3_informaiton_bg2.gif) no-repeat;
	padding:9px 5px 13px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
		margin: 0;

}

h4{
	background: url(images/h4_bg.jpg) no-repeat left top;
	padding:7px 5px 13px 10px;
	margin:20px 0 5px 0;
	font-size:100%;
	font-weight:bold;
	color:#07439a;
}

.dammy{
	background: url(images/h4_bg.jpg) no-repeat left top;
	font-family: "メイリオ";
	font-size:122%;
	font-weight:bold;
	color:#07439a;
	line-height:20px;
	text-indent:10px;
}

.dammy2{
	background: url(images/h5_bg.gif) no-repeat left 10px;
	padding:7px 0 13px 15px;
	margin:10px 0;
	font-size:100%;
	line-height:15px;
}

.dammy3{
	background: url(images/h4_bg.jpg) no-repeat left top;
	padding:0 0 0 10px;
	margin-bottom:5px;
	margin-left:2px;
	font-family: "メイリオ",Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#07439a;
	border-bottom:1px dotted #ccc;
}



h3.title{
	font-size: 110%;
	font-weight:bold;
	color:#07439a;
}



h5{
	background: url(images/h5_bg.gif) no-repeat left 10px;
	padding:7px 5px 13px 10px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}

h6{
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:77%;
	font-weight:bold;
	color:#000;
}

/* table
----------------------------------------------------- */
.ta{
	width: 100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
}

.ta th{
	border:1px solid #ccc;
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
	background-color: #07439A;
	color:#FFF;
	width:120px;
}

.ta td{
	border:1px solid #ccc;
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
	text-align:left;
	text-indent:10px;
}


.ta2{
	width: 100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
}

.ta2 th{
	border:1px solid #ccc;
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
	color:#000;
	width:100px;
	font-weight: normal;
}

.ta2 td{
	border:1px solid #ccc;
	padding: 10px;
	vertical-align: top;
	line-height: 1.5;
	text-align:left;
}






.profile {
	width: 100%;
	margin-bottom:15px;
	text-align:center;
}

.profile tr{
	width:100%;
	border-bottom:1px dotted #CCC;
}

.profile th{
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
	width:150px;
}

.profile td{
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
	text-align:left;
}




/* box
----------------------------------------------------- */

.box { margin: 0 0 10px;}

.box105{ width:105px;}

.box110{ width:110px;}

.box215{ width:215px; padding:5px;}

.box230Border{ width:230px; border:1px solid #dcdcdc; margin:0 0 5px 0; padding:0;}

.box270{ width:270px;}

.box281{ width:281px;}

.box425{ width:425px;}

.box440{ width:440px;}

.box717{ width:717px;}

.box343{ width:338px; border:1px solid #dcdcdc; margin:0 0 5px 0; padding:0;}

.box343{ padding:5px; width:338px;}

/* section
----------------------------------------------------- */

.section { margin: 0 0 10px;}

/* margin
-------------------------------------------- */
.marB5 { margin-bottom: 5px;}

.marR13 { margin-right: 10px;}

/* padding
-------------------------------------------- */

.padT15 { padding-top:15px;}

/* font
----------------------------------------------------- */
.textR{	text-align:right;}
.textC{	text-align:center;}

.fontS{ font-size:77%;}

p{line-height:1.5;}

/* #footer
---------------------------------------------------------------------------------------- */

#footer {
	background-color:#f1f1f1;
	border-top: 1px solid #e0e0e0;
	margin-top:15px;
	padding: 20px 0 20px;
}

#footerbox{
	margin: 0 auto;
	width:950px;
}

#footerLogo{
	float: right;
	width:178px;
}

#footerNavi {
	float:left;
	padding: 2px 0 0 0;
	font-size:77%;
	width:700px;
}

#footerNavi p {
	margin-bottom: 0;
	text-align:left;
}

#footerNavi a {
	text-decoration:none;
}

address{
	text-align:left;
}

address a {
	color:#666666;
	text-decoration:none;
}

address a:hover {
	color:#666666;
	text-decoration:none;
}


/* .clearfix
---------------------------------------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

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

html {
	overflow-y: scroll;
}

 /* h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  }*/

/*ol, ul {
	list-style: none;
}

fieldset, img {
	border: 0;
}

/*img {
	vertical-align: bottom;
}

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

caption, th {
	text-align: left;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

/*input, textarea, select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/*input,
textarea {
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

textarea {
	font-size: 100%;
}*/

/**************************txt*************************/

.breadcrumbs{
	width:950px;
	margin:0 auto;
	padding:10px 0;
	text-align:right;
}

.breadcrumbs a {
	color:#699aec;
}


.fLeft {
	float: left;
	padding-left:10px;
}

.fLeft a{
	color:#699aec;
}
.fRight {
	float: right;
	padding-right:10px;
}

.fRight a{
	color:#699aec;
}




.box_inner{
	margin:20px 20px 10px;
}

.txt1{
	padding:5px 0 0 15px;
	background: url(images/news_icon.gif) no-repeat 5px 13px;
	font-size:16px;
	border-bottom:1px dotted #CCCCCC;
}

.data{
	text-align:right;
}

/*PagiNavi*/
.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 25px;
}
.wp-pagenavi a,
.pages,
.current {
	margin-right: 4px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
}
.wp-pagenavi a:hover,
.current{
	color: #fff;
	background: #3793ce;
}

.pd5{
	padding:0 5px;
}

.red{
	color:#F00;
}

.t92{
	font-size:92%
}

.bo1{
	border-bottom:1px solid #CCC;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:100%;
	height:auto;
}

.park{
	margin: 20px auto;
	width: 600px;
}

.flex {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
}

.grid-container{
	display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}

.map1{
	width:350px;
	height:auto;
	float:left;
	margin:0;
}

.map2{
	width:350px;
	height:auto;
	float:right;
	margin:0;
}


.newsbox{
	width:100%;
	height:auto;
	padding:0 10px 10px 10px;
	margin:10px 0 0 0;
}

.newsbox th{
	background-color:#86F6B8;
}

.newsbox td{
	text-align:left;
	text-indent:15px;
}

.ma10{
	margin-top:10px;
}

.ma20{
	margin-top:20px;
}

.bgblue{
	color:#fff;
	background-color:#09C;
}

.bgred{
	color:#FFF;
	background-color:#F13412;
}

table{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
}

th{
	width:89px;
	height:auto;
	padding:5px 0;
	border:1px solid #ccc;
}

td{
	padding:5px 0;
	border:1px solid #ccc;
}

.shimi{
	color:#3D9E39;
}

.take{
	color:#2B66BA;
}

.blue{
	color:#07439a;
}

.topfl{
	width:100%;
	height:auto;
	margin:0 0 20px 0;
}

.topfl_left{
	width:350px;
	height:auto;
	float:left;
	margin:0;
	border:1px solid #CCC;
}

.topfl_right{
	width:350px;
	height:160px;
	float:right;
	margin:0;
	border:1px solid #CCC;
}

.topfl_left table{
	width:340px;
	margin:10px auto;
}

.topfl_left table td{
	text-align:left;
	text-indent:15px;
}

.topfl_right p{
	width:340px;
	float:right;
	margin:50px auto;
	text-align:center;
}

.ma30{
	margin-top:30px;
}

.contact{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
	margin:10px 0 0 0;
}

.contact th{
	height:auto;
	padding:5px 10px;
	border:1px solid #ccc;
	background-color:#5EC3E1;
}

.contact　td{
	padding:5px 20px;
	border:1px solid #ccc;
}

.big{
	font-size:16px;
}

.wi{
	width:180px;
}

.wi2{
	width:70px;
}

.ga{
	margin:0;
	padding:0;
}

.ga ul{
	list-style:none;
	margin:0;
	padding:0;
}



.ga1{
	width:168px;
	float:left;
	margin:0 15px 0 0;
}

.ga2{
	width:168px;
	float:left;
	margin:0;
}

.ga3{
	margin:100px 0 0 0;
	padding:0;
	float:right;
}

.ga3 ul{
	list-style:none;
	margin:0;
	padding:0;
}

.ga3 ul li{
	float:left;
}

.ga3 p{
	margin:0;
	text-align:center;
}

.osirase{
	width:80%;
	height:auto;
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:5px;
}

.osirase th{
	border:1px solid #CCC;
	background:#F0F0F0;
	font-weight:normal;
	width:30%;
	padding:5px 10px;
}

.osirase td{
	border:1px solid #CCC;
	text-align:left;
	text-indent:15px;
	padding:5px 10px;
}

ol li{
	margin-bottom:20px;
}

ol li span{
	font-weight:114%;
	text-decoration:underline;
	font-weight:bold;
}

ul.map{
	list-style: none;
	margin-left: -30px;
}

ul.map li{
	margin-bottom:20px;
	width:100%;
	padding-bottom:10px;
	border-bottom: 1px solid #cccccc;
}


.map li a{
	text-decoration:none;
}

.map li a:hover{
	text-decoration:underline;
}

.mt10{
	margin-top: 10px;
}

.mt20{
	margin-top: 20px;
}

.mt30{
	margin-top: 30px;
}

.mt40{
	margin-top: 40px;
}

.mt50{
	margin-top: 50px;
}

.inner{
	width: 98%;
	margin: 20px auto;
}

ul.list{
	margin-left: -30px;
}

ul.list li{
	margin-bottom: 15px;
	list-style: disc;
}