@charset "utf-8";
/* CSS Document */


/*
=================================================
基本ブロック構成
=================================================
*/

html{
overflow-y:scroll;
	
}

/* --- 基本リンクスタイル --- */
a {
	text-decoration : none;
}
a:link {
	color : #666;
}
a:visited {
	color : #666;
}
a:hover {
	color : #0081a8;
	text-decoration : none;
}

/* フォームマージン（IE用） */
form{
	margin : 0px;
}
.free_wk {
	border: solid 1px #cccccc;
	padding: 10px;
}


img {
	vertical-align: bottom;
	border: 0px;
}
.img_top {
	margin-top: 5px;
}
.img_fot {
	margin-bottom: 8px;
}
.img_fot2 {
	margin-bottom: 15px;
}
.img_flt_l {
	float: left;
	margin: 0px 10px 5px 0px;
}
.img_flt_r {
	float: right;
	margin: 0px 0px 5px 10px;
}
.cpy_r {
	text-align: right;
}
.cpy_c {
	text-align: center;
}


/*
=================================================
clearfix 回り込みクリア
=================================================
*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*
=================================================
全体基本枠の設定
=================================================
*/

html, body {
	height:100%;/* フッターを画面最下部に表示させる設定 */
	margin:0 auto;
	text-align:center;
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* --- トップからフッター頭までのスペース --- */
#container {
	width:100%;
	/* --- ▼フッターを画面最下部に表示させる設定 --- */
	min-height:100%;
	margin:0 auto -360px auto;/* 下マージン ＝ footerの高さ（footerの表示領域をcontainer内に押し上げる） */
	height: auto !important;
	height:100%;
	/*background-color: #FFF;*/
}



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

/* --- ヘッダー --- */
#container #header {
	width:950px;
	margin:0 auto;
	height:70px;
	background-color:#FFF;
}

#container #header dl{
	margin: 0px;
}
#container #header dt{
	margin: 0px;
	float: left;
	padding: 10px 0px 0px 0px;
}
#container #header dd{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: right;
}

#header ul {
	margin: 0px;
	padding: 0px;
}

#header li {
	display: inline;
	margin-left: 5px;
	padding-left: 14px;
	background-image: url(../img/listmak.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* --- フォントチェンジャー用 --- */
#container #header ul#ftchg {
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
#container #header ul#ftchg  li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style-type: none;
	float: right;
}

/*
=================================================
メニューバー（ヘッドメニュー）
=================================================
*/
#container #menu_bar {
	background-color: #00b7ef;
	position: relative;
	z-index: 2;
}

#menu_bar li.btn1a{
	background-image: url(../img/btn01a.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn2a{
	background-image: url(../img/btn02a.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn3a{
	background-image: url(../img/btn03a.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn4a{
	background-image: url(../img/btn04a.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn5a{
	background-image: url(../img/btn05a.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn6a{
	background-image: url(../img/btn06a.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/* --- ヒットコンテンツボタン用 --- */
#menu_bar li.btn1ah{
	background-image: url(../img/btn01b.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn2ah{
	background-image: url(../img/btn02b.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn3ah{
	background-image: url(../img/btn03b.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn4ah{
	background-image: url(../img/btn04b.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn5ah{
	background-image: url(../img/btn05b.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#menu_bar li.btn6ah{
	background-image: url(../img/btn06b.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}


/*
=================================================
トップ画像
=================================================
*/

#container #topimg {
	width: 100%;
	height: 300px;
	background-color: #CCC;
	z-index: 0;
}
.topimg-bese{
  width: 100%;
	height: 300px;
  background-image: url("../img/img03.jpg");
  background-position: center center;
  background-size: cover;
}
.topimg-in{
  position: relative;
  width: 950px;
  min-width: 950px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
}
.topimg-in h2{
  margin: 0;
  line-height: 1.5;
  position: absolute;
  top: 70%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  color: #fff;
  text-shadow: 3px 3px 3px #000;
  font-size: 38px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-feature-settings: "palt";
}

.topimg-bottom{
  margin-bottom: 25px;
}

@media screen and (min-width: 900px) {
  .topimg-bese,
  #container #topimg#topimg-box{
    height: 500px!important;
  }
}

#container #cntimg {
	width: 100%;
	height: 120px;
	background-color: #CCC;
	z-index: 0;
}
.cntimg-bese{
  width: 100%;
	height: 120px;
  background-image: url("../img/c_head.jpg");
  background-size: cover;
  background-position: center bottom;
}
.cntimg-in{
  position: relative;
  width: 950px;
  min-width: 950px;
  height: 120px;
  margin: 0 auto;
  text-align: left;
}
.cntimg-in h2{
  margin: 0;
  line-height: 1.5;
  position: absolute;
  bottom: 20px;
  left: 0;
  color: #fff;
  text-shadow: 3px 3px 3px #000;
  font-size: 32px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-feature-settings: "palt";
}

.cntimg-bottom{
  margin-bottom: 25px;
}


/*
=================================================
コンテンツ
=================================================
*/
/* --- コンテンツ全体枠 --- */
#container #contents {
	width:950px;
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
	position: relative;
	z-index: 1;
	text-align: left;
}

/* --- 診療案内 --- */
#container #contents .lfbox {
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	background-image: url(../img/sinryo_ft1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 190px;
}

#container #contents .lfbox p{
	border-bottom: solid 1px #FF80C0;
	color: #F00;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* --- フロアガイド --- */
#container #contents #flogd{
	margin: 0px 0px 5px 0px;
}
#container #contents #flogd a{
	display: block;
	width: 210px;
	height: 50px;
	background-image: url(../img/flrgd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #contents #flogd a:hover{
	background-image: url(../img/flrgd_b.jpg);
}

#container #contents #flogd2{
	margin: 0px 0px 5px 0px;
}
#container #contents #flogd2 a{
	display: block;
	width: 210px;
	height: 50px;
	background-image: url(../img/flrgd2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #contents #flogd2 a:hover{
	background-image: url(../img/flrgd2_b.jpg);
}

#container #contents #flogd3{
	margin: 0px 0px 5px 0px;
}
#container #contents #flogd3 a{
	display: block;
	width: 210px;
	height: 50px;
	background-image: url(../img/flrgd3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container #contents #flogd3 a:hover{
	background-image: url(../img/flrgd3_b.jpg);
}
#container #contents #minicon {
	margin: 0px;
	padding: 0px;
}




#contents #conall {
	border-collapse: collapse;   /* 枠線の表示方法 */
	border: 0px solid #ffffff;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） */
	/* font-size : 80%;*/	
}


/* --- メニュースペース --- */
#contents #menu {
	width:210px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

/*
#container #contents #minicon th{
	width:210px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align: left;
	border: 0px;
	vertical-align: top;
}
#container #contents #minicon td{
	width:720px;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	text-align: left;
	border: 0px;
	vertical-align: top;
}
*/

/* --- コンテンツ内枠 --- */
#contents #main {
	width:490px;
	/*background-color:#999;*/
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}
#contents #main2 {
	width:720px;
	/*background-color:#999;*/
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	text-align: left;
	line-height: 150%;
	vertical-align: top;
}
#contents #main2 h2{
	color: #036;
	height: 35px;
	line-height: 35px;
	padding-left: 8px;
	margin: 0px 0px 15px 0px;
	font-size: 120%;
	background-image: url(../img/h2base.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contents #main2 h3{
	font-size: 120%;
	margin: 0px 0px 10px 0px;
}

#contents #main2 ol ,ul{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#contents #main2 li{
	margin-bottom: 5px;
}

#contents #main2 dt {
	border-bottom: solid 3px #bce7fc;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 110%;
	color: #069;
}
#contents #main2 dd {
	margin-bottom: 15px;
}

#contents #main2 .w_area{
	padding: 10px;
	border: solid 1px #cccccc;
	margin-bottom: 5px;
}

#contents table.nmltbl {
	border-collapse: collapse;   /* 枠線の表示方法 */
	border: 0px;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） *//* font-size : 80%;*/
	margin-top: 10px;
}
#contents table.nmltbl td {
	border: solid 1px #cccccc;
	padding : 5px;
}

#contents table.mnitbl{
	width: 720px;                 /* テーブルの横幅 */
	border-collapse: collapse;   /* 枠線の表示方法 */
	border: 0px;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） */
	/* font-size : 80%;*/
}


/* THスタイル－項目左 */
#contents table.mnitbl th{
	border: 0px; /* セルの枠線（太さ・色・スタイル） */
	padding : 0px 0px 0px 20px;
	text-align : left;
	width: 210px;
	vertical-align: top;
	font-weight: normal;
}


/* TDスタイル－項目右 */
#contents table.mnitbl td{
	border: 0px;
	padding : 0px;
	text-align : left;
	width: 490px;
	vertical-align: top;
}


#contents table.lintbl{
	width: 720px;                 /* テーブルの横幅 */
	border-collapse: collapse;   /* 枠線の表示方法 */
	border: solid 1px #cccccc;   /* テーブル全体（外枠）の枠線（太さ・色・スタイル） */	/* font-size : 80%;*/
}


/* THスタイル－項目左 */
#contents table.lintbl th{
	border: solid 1px #cccccc; /* セルの枠線（太さ・色・スタイル） */
	padding : 5px;
	text-align : center;
	font-weight: normal;
}


/* TDスタイル－項目右 */
#contents table.lintbl td{
	border: solid 1px #cccccc;
	padding : 5px;
	text-align : center;
}

#contents .w_foot{
	text-align: right;	
}

#contents .tx_r{
	text-align: right;	
}

#contents .tx_l{
	text-align: left;	
}


/* --- 右リストスペース --- */
#contents #r_list {
	width:210px;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}
/* --- 右リスト画像下スペース --- */
#contents #r_list img{
	margin-bottom: 5px;
}

/*
=================================================
フッター
=================================================
*/
/* --- footerと同じ高さ（footerがコンテンツにかぶるのを防ぐ）--- */
#container #footer-space {
	height:360px;
}
#footer {
	width:950px;
	height:360px;
	margin:0 auto 0 auto;
}

#footer table {
	margin: 0px 10px 10px 10px;
	padding-top: 15px;
}
#footer td {
	padding: 0px 10px 0px 10px;
	vertical-align: top;
	line-height: 150%;
}
#footer dl {
	margin: 0px;
	padding: 0px;
}
#footer dt {
	font-weight: bold;
}
#footer dd {
	margin: 0px 0px 10px 20px;
}
#footer .lline {
	border-right: dotted 1px #cccccc;
}


#footer .pgtop {
	padding: 0px 20px 0px 0px;
	text-align: right;
	height: 30px;
	background-image: url(../img/fttop.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#footer .pglink {
	text-align: left;
	height: 230px;
	width: 950px;
	margin: 0 auto;
	background-color: #eeeeee;
}

#footer div.ftaria{
	padding: 0px 20px 0px 20px;
	text-align: left;
	height: 65px;
	background-color:#00b7ef;
	color: #FFF;
	line-height: 1.2;
}

#footer .ftaria ul {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

#footer .ftaria li {
	list-style-type: none;
	display: inline;
	padding: 0px 5px 0px 3px;
	border-right: solid 1px #fff;
	margin: 0px;
}

#footer li.llin{
	border-left: solid 1px #fff;
}

#footer .ftaria a {
	text-decoration : none;
}
#footer .ftaria a:link {
	color : #FFF;
}
#footer .ftaria a:visited {
	color : #FFF;
}
#footer .ftaria a:hover {
	color : #FC0;
 text-decoration : none;
}

#footer .ftaria dl {
	margin: 0px;
	padding: 0px;
	width: 910px;
}
#footer .ftaria dt {
	float: left;
	width: 300px;
}
#footer .ftaria dd {
	margin: 0px;
	float: left;
	text-align: right;
	width: 610px;
}
#footer .cpyrit {
	height: 25px;
	background-color: #00b7ef;
	color: #FFF;
	font-size: 90%;
	text-align: center;
	padding: 0px 0px 0px 0px;
}