/*　上位画像の640用を非表示にしておく（メディアクエリで640用の整合性を取る為、）　*/
img.smallpng{
	display:none;
}



body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; 
	background:url(../image/top_bg.png) center top no-repeat;
    /* background-color:#ffffff; */
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	text-align:center; /*ページ全体を中央寄せ*/
}

/*サブフォームに背景画像が適用されないようにする*/
/*
body.sub {
	background-image: none;
}
*/


/*　--------- レイアウト ----------　*/
#structure{
	/* background-color:#ffffff; */
	width:950px;
	border-style:none;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#eeeeee;
	margin:0px auto;
	overflow: hidden;
}

#header{ /* ヘッドエリア */
    width:950px;
	/* background-color: #ffffff; */
}

#line-left{ /* 左縦ライン */
	display:none;
}

#line-right{ /* 右縦ライン */
	display:none;
}


#contents-main{ /* コンテンツ */
    width:950px;
	text-align:left;
    float:left;

    padding:0px 0px 0px 0px;
/*    margin:0px 15px 0px 15px; */
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footer{ /* フッタ　*/
    width:950px;
	text-align:center;
	clear:both;
	}


.footer-menu{ /* フッタメニュー　*/
	font-size: 14px;
	}


/*　--------- レイアウト内で使用するコンテンツ ----------　*/

#copyright{
    width:950px;
	font-size:14px;
	line-height: 16px;
	color: #ffffff;
	background-color:#484848; 
	text-align:left;
	margin-bottom:0px;

	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#FOOT-MESSAGE{
    width:950px;
	font-size:14px;
	font-weight: normal;
	line-height: 13px;
	text-align:center;

    border-color:#888888;
    border-style:solid;
	border-width:1px 0px 1px 0px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px  auto;
}


/* ------- 見出しや段落関連 -------- */


h1{
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #444444;
	width: 950px;
	text-align: left;
	margin:0px auto;
}

h2{
	font-size: 18px;
	text-align: left;
	line-height:1.2em;
	color: #ffffff;
	background-color:#026dc0;
	
	/* background-color:#004488; */
	margin-top:0px;
	margin-bottom:5px;
	padding:3px 0px 3px 3px;
}

h3{
	font-size: 14px;
	text-align: left;
	line-height:1.2em;
	color: #005500;
	margin-top:0px;
	margin-bottom:5px;
}


p {
	margin-top:0px;
}

li {
	font-size: 16px;
	color: #222222;
	line-height: 28px;
	margin-bottom:10px;
}

li.mini {
	padding-bottom:0.3em;
}


/*　枠線なし（アンカー内の画像などに指定する）　*/
.border0 {
	border-width: 0px;
}

/*　矢印画像と文字を上のラインにそろえる　青色*/
.ya { 
	background-image: url(../image/arrow3.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 0px 0px 18px;
	margin-bottom:0px;
}

.center { /*　中央寄せ　*/
	text-align: center;
}


/* ------- アンカーの色 -------- */
a:link{ 
	color: #0088ff;
	text-decoration:none;
}
a:visited{
	color: #0088ff;
	text-decoration:none;
}
a:hover{
	color: #0088ff;
	text-decoration:underline;
}
a:active{
	color: #0088ff;
	text-decoration:underline;
}



/*　--------- フォントの大きさ ----------　*/

.honbun {
	font-size: 16px;
	line-height: 30px;
	color: #222222;
}

.honbun-toph2 {  /* バックグランド画像の関連で文字を白で縁取り*/
	font-size: 16px;
	line-height: 30px;
	color: #111111;
	text-shadow: 1px 1px 0px #ffffff,
	-1px 1px 0px #ffffff,
	1px -1px 0px #ffffff,
	-1px -1px 0px #ffffff;

}
	
.pankuzu{
	font-size: 14px;
	line-height: 16px;
}


/*　--------- 前景カラー ----------　*/

.white {
	color: #ffffff;
}

.red {
	color: #ff0000;
}

.pink {
	color: #ff00ff;
}


/*　--------- 背景カラー ----------　*/

.bg_white {
	background-color: #ffffff;
}

.bg_gray {
	background-color: #ebebeb;
}

.bg_gray2 {
	background-color: #eeeeee;
}

.bg_green {
	background-color: #ddffee;
}




/*　--------- ページ個別　 ----------------------------------------　*/
/*　---------------------------------------------------------------　*/


.contents-waku{ /* セパレートになるブロック上部の長さを調整（見出しなど） */
    width:950px;
	text-align:left;
    float:left;

    padding:0px 0px 0px 0px;
/*    margin:0px 15px 0px 15px; */
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.contents-sepa{ /* トップページ診療案内の左側の表 */
    width:600px;
	text-align:left;
    float:left;

    padding:5px 0px 0px 0px;
/*    margin:0px 15px 0px 15px; */
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contents-right{ /* トップページ診療案内の右側説明文 */
    width:340px;
	text-align:left;
    float:right;

    margin:0px 0px 0px 0px;
	font-weight: normal;

    border-color:#663300;
    border-width:1px;
    border-style:none;
}

.contents-waku2{ /* トップページ 診療方針の枠 */
    width:900px;
	text-align:left;
    float:left;

    padding:0px 0px 0px 0px;
	margin:30px 0px 30px 0px; 
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; 
    /* background-color:#ffffff; */
	color: #444444;

    border-color:#eeeeee;
    border-width:20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #fffffa;
}




.contents-oshirase-left{ /* お知らせページの役立つサイトとよくある病気の左側 */
    width:475px;
	text-align:left;
    float:left;

    padding:5px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contents-oshirase-right{ /* お知らせページの役立つサイトとよくある病気の右側 */
    width:475px;
	text-align:left;
    float:right;

    padding:5px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.contents-oshirase2{ /* お知らせページからのサイト内リンクページ */
    width:920px;
	/* height: 900px; */
	text-align: left;
	font-weight: normal;
	line-height: 16px;
	background-color: rgba(255,255,255, 0.5); /*　アルファ指定で透明度を設定 0〜1 */

	border-style:none;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#888888;
	padding: 15px 20px 15px 20px;
	margin:0 auto;
}



.contents-staff-waku{ /* スタッフ1人の大枠 */
    width:950px;
    float:left;

    margin:15px 0px 15px 0px;

    border-color:#eeeeee;
    border-width:1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: rgba(255,255,255, 0.2); /*　アルファ指定で透明度を設定 0〜1 */

}



.contents-staff{ /* スタッフ左側　写真 */

    width:300px;
	text-align:center;
    float:left;

    padding:5px 0px 0px 0px;
/*    margin:0px 15px 0px 15px; */
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.contents-staff-right{ /* スタッフ右側　説明コンテンツ */
    width:650px;
	text-align:left;
    float:right;

    margin:5px 0px 0px 0px;
	font-weight: normal;

    border-color:#663300;
    border-width:1px;
    border-style:none;
}

.toi{ /* お問い合わせフォーム枠 */
    width:830px;
	height: 950px;
	text-align: left;
	font-weight: normal;
	line-height: 16px;
	background-color: rgba(255,255,255, 0.5); /*　アルファ指定で透明度を設定 0〜1 */

	border-style:none;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#888888;
	padding: 10px  20px  0px 100px;
	margin:0 auto;
}

input[type=text] { /* お問い合わせフォーム　テキストボックス */
	font-size: 16px;
	width: 250px;
	padding: .5em;
	border: 1px solid #d9d9d9;
	background: #ffffff;
	box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-o-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-ms-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
}


textarea { /* お問い合わせフォーム　問合せ内容枠 */
	font-size: 16px;
	padding: .5em;
	border: 1px solid #d9d9d9;
	background: #ffffff;
	box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-o-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-ms-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2) inset;
	width: 100%;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　PC・タブレット用（ブラウザサイズが641以上）*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

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

/* ======== 親ボックス（画像など）に文字や画像を重ねる ======== */

.kijyun { /* 親ボックス指定用 */
	position: relative
}


/* ========  メニュー位置  ========= ※2024/9に主要ページをトップページのみにした時から現在使用していない*/

.kijyun-menu_button {
	position: absolute;
	top: 290px;
	left: 100px;
	width:952px; //Chromeでメニューボタンが１つ２段になってしまう対策で2ピクセル長くした。
}


}





/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*　スマートフォン用（ブラウザ横サイズが640以下）*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media screen and (max-width: 640px){

/*　画像をブラウザの幅に合わせる　*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

/*　上部画像を640用にする　*/
img.nomalpng{	display:none; }
img.smallpng{	display:block; }

body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; 
	background:url(../image/top_bg_640.png) center top no-repeat;
    /* background-color:#ffffff; */
	font-size: 12px;
	font-weight: normal;
	color: #444444;
	text-align:center; /*ページ全体を中央寄せ*/
}





/*　--------- レイアウト ----------　*/
#structure{
	/* background-color:#ffffff; */
	width:100%;
	border-style:none;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	/* border-color:#ffffff; */
	margin:0px auto;
}

#header{ /* ヘッドエリア */
    width:100%;
	/* background-color: #ffffff; */
}

#line-left{ /* 左縦ライン */
}


#contents-main{ /* コンテンツ */
    width:100%;
	text-align:left;
    float:left;

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#line-right{ /* 右縦ライン */
}


#footer{ /* フッタ　*/
    width:100%;
	text-align:center;
	clear:both;
	}

.footer-menu{ /* フッタメニュー　*/
	font-size: 12px;
	}



/*　--------- レイアウト内で使用するコンテンツ ----------　*/

#copyright{
    width:100%;
	font-size:12px;
	line-height: 13px;
	color: #ffffff;
	background-color:#484848; 
	text-align:left;
	margin-bottom:0px;

	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#FOOT-MESSAGE{
    width:100%;
	font-size:14px;
	font-weight: normal;
	line-height: 18px;
	text-align:center;

    border-color:#888888;
    border-style:solid;
	border-width:1px 0px 1px 0px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px  auto;
}

h1{
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #444444;
	width: 100%;
	text-align: left;
	margin:0px auto;
}

h2{
	font-size: 20px;
	text-align: left;
	line-height:1.4em;
	color: #ffffff;
	background-color:#026dc0;
	/* background-color:#004488; */
	width: 100%;
	margin-top:0px;
	margin-bottom:5px;
	padding:3px 0px 3px 3px;
}

.honbun {
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	width: 100%;
}

.pankuzu{
	font-size: 16px;
	line-height: 18px;
}

.white {
	color: #ffffff;
}


li {
	font-size: 18px;
	color: #222222;
	line-height: 28px;
	margin-bottom:10px;
}



/*　--------- ページ個別　 ----------------------------------------　*/
/*　---------------------------------------------------------------　*/


.contents-waku{ /* セパレートになるブロック上部の長さを調整（見出しなど） */
    width:100%;
	text-align:left;
    float:left;

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contents-sepa{  /* トップページ診療案内の左側の表 */
    width:100%;
	text-align:left;
    float:left;

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contents-right{ /* トップページ診療案内の右側コンテンツ（スマートフォンなどでは実際はウインドウ幅に合わせて下に表示される） */
    width:100%;
	text-align:left;
    float:right;

    margin:0px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#663300;
    border-width:1px;
    border-style:none;
}

.contents-waku2{ /* トップページ 診療方針の枠 */
    width:90%;
	text-align:left;
    float:left;

    padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px; 
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; 
    /* background-color:#ffffff; */
	color: #444444;

    border-color:#eeeeee;
    border-width:15px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #fffffa;
}



.contents-oshirase-left{ /* お知らせページの役立つサイトとよくある病気の左側 */
    width:100%;
	text-align:left;
    float:left;

    padding:5px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.contents-oshirase-right{ /* お知らせページの役立つサイトとよくある病気の右側 */
    width:100%;
	text-align:left;
    float:right;

    padding:5px 0px 0px 0px;
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.contents-oshirase2{ /* お知らせページからのサイト内リンク */
    width:100%;
	text-align: left;
	font-weight: normal;
	line-height: 16px;
	background-color: rgba(255,255,255, 0.5); /*　アルファ指定で透明度を設定 0〜1 */

	border-style:none;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#888888;
	padding: 15px 5px 15px 5px;
	margin:0 auto;
}



.contents-staff-waku{ /* スタッフ1人の大枠 */
    width:100%;
    float:left;

    padding:10px 0px 10px 0px;
    margin:0px 5px 0px 5px;

    border-color:#cccccc;
    border-width:1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	background-color: rgba(255,255,255, 0.2); /*　アルファ指定で透明度を設定 0〜1 */
}

.contents-staff{ /* スタッフ左側　写真 */
    width:100%;
	text-align:center;
    float:left;

    padding:0px 0px 0px 0px;
/*    margin:0px 15px 0px 15px; */
	font-weight: normal;
	line-height: 16px;

    border-color:#666666;
    border-width:1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.contents-staff-right{ /* スタッフ右側　説明コンテンツ */
    width:100%;
	text-align:left;
    float:right;

    margin:0px 0px 0px 0px;
	font-weight: normal;

    border-color:#663300;
    border-width:1px;
    border-style:none;
}

.toi{  /* お問い合わせフォーム枠 */
    width:90%;
	height: 1050px;
	text-align:left;
	font-weight: normal;
	line-height: 16px;
	background-color: rgba(255,255,255, 0.5); /*　アルファ指定で透明度を設定 0〜1 */

	border-style:none;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#888888;
	padding: 15px;
	margin:0px auto;
}


}