@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right:0;
}

.white_LayoutDiv2 {
	clear: both;
	float: left;
	margin-left:0;
	width: 100%;
	display: block;
	background-color:#FFF;
}

div#wrapper {  
    width: 100%;  
    margin: 0 auto;  
    text-align: left;
	background-color:#a0d8ef; 
	border-width: medium;
	border-color: #ffffff;
	border-style: dotted ;  
	margin-bottom:10px;
	margin-top:10px;
}
div#wrapper1 {  
    width: 100%;  
    margin: 0 auto;  
    text-align: left;
	background-color:#ffff99; 
	border-width: medium;
	border-color: #ff6600;
	border-style: dotted ;  
	margin-bottom:10px;
	margin-top:10px;
} 
 
/* メニュー*/

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}
/* ロゴ*/

#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* すきま*/
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	display: none;
	text-align:center;
}
/* PC電話*/
#LayoutDiv13 {
 	 clear: none;
 	 float: left;
 	 margin-left: 0;
 	 width: 0;
 	 display: none;
	text-align:right;

}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../image/bg_grassy.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:100px;
}
/* 診療時間*/
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* PCメニュー*/
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	display: none;
}
/* ハンバーガー */
#LayoutDiv14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:right;
	position:absolute;
}
/* スマホ電話*/
#LayoutDiv15 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 100%;
 	 display: block;
}
#LayoutDiv11 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LayoutDiv12 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
h1{
	color:#663300;
	font-size:20px;
	text-align:left;
	padding-left:60px;
	padding-top:20px;
	font-family: "Hiragino Kaku Gothic ProN","meiryo", sans-serif;
	background-image:url(../image/h1_xs.png);
	height:40px;
}
.header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align:center;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
.white_LayoutDiv2 {
	clear: both;
	float: left;
	margin-left:0;
	width: 100%;
	display: block;
	background-color:#FFF;
}

div#wrapper {  
    width: 96%;  
    margin: 0 auto;  
    text-align: left;
	background-color:#a0d8ef; 
	border-width: medium;
	border-color: #ffffff;
	border-style: dotted ;  
	margin-bottom:10px;
	margin-top:10px;
} 
div#wrapper1 {  
    width: 96%;  
    margin: 0 auto;  
    text-align: left;
	background-color:#ffff99; 
	border-width: medium;
	border-color: #ff6600;
	border-style: dotted ;  
	margin-bottom:10px;
	margin-top:10px;
} 

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}

#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	text-align:center;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	display: none;
	text-align:center;
}
#LayoutDiv13 {
 	 clear: none;
 	 float: left;
 	 margin-left: 0;
 	 width: 50%;
 	 display: block;
	text-align:right;

}

#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../image/bg_grassy.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:100px;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv7{    
                                   
  clear: both;
  float: left;
  margin-left: 0;
  width: 50%;
  display: block;
}
#LayoutDiv8{    
                                   
  clear: none;
  float: left;
  margin-left: 0;
  width: 50%;
  display: block;
}
#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv11 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 0;
 	 display: none;
}

#LayoutDiv12 {
 	 clear: none;
 	 float: left;
 	 margin-left: 0;
 	 width: 100%;
 	 display: block;
	 text-align:right;
}
#LayoutDiv14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	display: none;
	text-align:center;
}
#LayoutDiv15 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 0;
 	 display: none;
}
dt{  
  /* background-color : #90EE90;    */     
  padding-top : 2px;    
  padding-bottom : 2px;
  width : 120px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
  text-align:left;
  margin-left:10px;
}
 
dd{    
  /* background-color : #A9A9A9; */
  padding-top : 2px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom :2px;
  width : 100px;
/* dtの幅分の設定 */
  margin-left : 120px;
  text-align:left;
  word-wrap: break-word;
}
h1{
	color:#663300;
	font-size:20px;
	text-align:left;
	padding-left:60px;
	padding-top:20px;
	font-family: "Hiragino Kaku Gothic ProN","meiryo", sans-serif;
	background-image:url(../image/h1_xs.png);
	height:40px;
}
.header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align:center;
	background-image:url(../image/b_top_s.png);
	background-repeat:repeat-x;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 80%;
	max-width: 1080px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}

.white_LayoutDiv2 {
	clear: both;
	float: left;
	margin-left:0;
	width: 69.3877%;
	display: block;
	background-color:#FFF;
	margin-bottom:10px;
	border-radius:10px;
}
div#wrapper {  
    width: 96%;  
    margin: 0 auto;  
    text-align: left;
	background-color:#a0d8ef; 
	border-width: medium;
	border-color: #ffffff;
	border-style: dotted ;  
	border-radius:10px;
	margin-bottom:10px;
	margin-top:10px;
} 
div#wrapper1 {  
    width: 96%;  
    margin: 0 auto;  
    text-align: left;
	background-color:#ffff99; 
	border-width: medium;
	border-color: #ff6600;
	border-style: dotted ;  
	border-radius:10px;
	margin-bottom:10px;
	margin-top:10px;
} 


#LayoutDiv1 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 100%;
 	 display: block;
}
#LayoutDiv2 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 28.5714%;
 	 display: block;
	margin-top: 20px;
}
#LayoutDiv3 {
 	 clear: none;
 	 float: left;
 	 margin-left: 2.0408%;
 	 width: 38.7755%;
 	 display: block;
	margin-top: 20px;
	height:100px;
}
#LayoutDiv13 {
 	 clear: none;
 	 float: left;
 	 margin-left: 2.0408%;
 	 width: 28.5714%;
 	 display: block;
	margin-top: 20px;
	text-align:right;

}

#LayoutDiv4{    
                                   
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#LayoutDiv5{    
                                   
  clear: none;
  float: left;
  margin-left: 2.0408%;
  width: 28.5714%;
  display: block;
	 background-color:#FF9;
	 border-radius:10px;
}

#LayoutDiv6 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../image/bg_grassy.gif);
	text-align:left;
	background-repeat:repeat-x;
	background-position:bottom;
	/* background-color:#fcc800; */
	height:100px;
}

#LayoutDiv7{    
                                   
  clear: both;
  float: left;
  margin-left: 0;
  width: 50%;
  display: block;
}
#LayoutDiv8{    
                                   
  clear: none;
  float: left;
  margin-left: 0;
  width: 50%;
  display: block;
}


#LayoutDiv9{    
                                   
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}
#LayoutDiv10 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 100%;
 	 display: block;
}
#LayoutDiv11 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 48.9795%;
 	 display: block;
}
#LayoutDiv12 {
 	 clear: none;
 	 float: left;
 	 margin-left: 2.0408%;
 	 width: 48.9795%;
 	 display: block;
	 text-align:right;
	margin-top: 10px;
}
#LayoutDiv14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 0;
	display: none;
}
#LayoutDiv15 {
 	 clear: both;
 	 float: left;
 	 margin-left: 0;
 	 width: 0;
 	 display: none;
}
dt{  
  /* background-color : #90EE90;    */     
  padding-top : 2px;    
  padding-bottom : 2px;
  width : 120px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
  text-align:left;
  margin-left:10px;
}
 
dd{    
  /* background-color : #A9A9A9; */
  padding-top : 2px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom :2px;
  width : 200px;
/* dtの幅分の設定 */
  margin-left : 120px;
  text-align:left;
  word-wrap: break-word;
}

h1{
	color:#663300;
	font-size:28px;
	text-align:left;
	padding-left:80px;
	padding-top:35px;
	font-family: "Hiragino Kaku Gothic ProN","meiryo", sans-serif;
	background-image:url(../image/h1.png);
	height:65px;
}
.header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align:center;
	background-image:url(../image/b_top.png);
	background-repeat:repeat-x;
}

}



body{
  color:#3d3d3d;
  text-align:center;
  background-color:#f8f1e3;
  margin:0;
  padding:0;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:15px;
}


.footer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
  	color: #000000; 
	height:100px;
}
.footer2 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	background-color:#ff8300;
  	color: #ffffff; 
}

p{
	text-align:left;
	margin:5px;
	padding:5px;
}

p.link{
	text-align:left;
	margin:5px 0 5px 30px;
}


p.height{
	margin-bottom: 0;
	margin-top: 0;
}
	
h1.height{
	line-height: 28px;
	margin-bottom: 0;
	color:#9f7344;
}

h1.white{
	color:#fff;
	font-size:28px;
	padding-left:10px;
}


h1.center{
	color:#663300;
	font-size:28px;
	text-align:center;
	margin-left:1em ;
	font-family: "Hiragino Kaku Gothic ProN","meiryo", sans-serif;
}
h2{
	color:#762f07;
	font-size:20px;
	font-family: "Hiragino Kaku Gothic ProN","meiryo", sans-serif;
	text-align:left;
	margin-left:1em ;
}

h3{
	color:#ff7f00;
	font-size:30px;
	font-family: "Hiragino Kaku Gothic ProN","meiryo", sans-serif;
	text-align:left;
	margin-left:1em ;
	background-image:url(../image/h2.png);
	background-repeat:no-repeat;
}
h4{
	color:#ffffff;
	font-size:26px;
	font-family: "Hiragino Kaku Gothic ProN","meiryo", sans-serif;
	text-align:left;
	margin-left:1em ;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(../image/h2-1.png);
	background-repeat:no-repeat;
}
table#table-01 {
    width: 96%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

.ta1 {
width: 96%;/*テーブルの幅*/
margin-top:20px;/*テーブルの上にスペース*/
margin-left:0;/*左にスペース*/
margin-bottom:10px;/*下に少しスペース*/
}

.ta1.status {
text-align:center;
}

.ta1.num {
text-align:right;
}

.ta1 th,.ta1 td {
padding:10px 10px;
}

.ta1 th {
border-bottom:double 3px #cccccc;
}

.ta1 td {
border-bottom:solid 1px #cccccc;
}

/*ページトップへ戻るボタン*/

#page-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #241a08;
	/*background: #df161e;*/
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #666;
}
/*ページトップへ戻るボタンここまで*/

div.LayoutDiv1 {
	clear: both;
	float: left;
	width: 100%;
	height: 100%;
	display: block;
    background-color:#fbf0da;
    margin:10px 0 10px 0;
    padding: 10px 0 10px 0;
	border-radius: 10px;
}

a.btn {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	color:#111;
	width: 100px;
	padding: 10px;
	text-decoration: none;
}
.bottom {
	bottom:0;
	text-align:center;
	vertical-align:middle;
}

/*サムネイル*/
/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
 margin:0 0 30px 0;
}
/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
}
.thumbnaillist ul{
}
.thumbnaillist li{
    width:60px;
    height:60px;
    float:left;
    background:none;
    padding:0 10px 0px 0;
    margin:0 0 10px 0;
	list-style-type: none;

}
.thumbnaillist li a{
    display:block;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}
 
/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimglist{
    margin:20px 0 0 0;
}
.mainimglist img{
}

a{
  color:#ffffff;
  text-decoration:none;

}


a:link{
  color:#ffffff;
  text-decoration:none;
}

a:active { 
  color: #ffffff; 
}

a:visited {/*訪問後のリンク*/
    color:#ffffff ;
}

a:hover{
  color:#9fc24d;
  font-weight:ffffff;
}

a.gre{
  color:#ff8c00;
  text-decoration:none;
  font-size:120%;
}
a:link .gre{
  color:#ff8c00;
  text-decoration:none;
}

a:active.gre { 
  color: #ff8c00; 
}

a:visited.gre {/*訪問後のリンク*/
    color:#ff8c00 ;
}

a:hover.gre{
  color:#009933;
  font-weight:cccccc;
}

/*ヘッダーメニューナビ*/
a {
	color:#333;
	text-decoration: none;
}


li {
	list-style-type:none;
}


nav {
	background-repeat: repeat-x;
	text-align:center;
	height:100px;
}
nav ul li{
	float: left;
	width: 12.5%;
	border-top: 3px solid #ffffff;
	box-sizing: border-box;
	height: 100px;
}
nav ul li:last-child {
	border-right: none;
}
nav ul li a{
	display: block;
	width: 100%;
	height:100px;
}
nav ul li a:hover {
}




ul.thin li{
	float: left;
	width: 12.5%;
	border-top: 2px soild #ffffff;
	box-sizing: border-box;
	height: 100px;
}

.color1 {
	color: #000;
}

/*リスト円２*/
ul.en li {
	position: relative;
	text-align:left;
}
ul.en li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 1px solid #b8d200;
	border-radius: 100%;
}


}