/*
Theme Name: Takahagi Soleil Hospital 3.0
Theme URI: http://www.takahagi-soleil-hospital.jp/
Description: Takahagi Soleil Hospital
Version: 3.0
Author: 
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php

*/

/*初期化*/
td,tr{
	margin:  0;
	padding: 0;
}
td {
	vertical-align: top;
}
body, form, filedset, table {
	
	margin:  0;
	padding: 0;
}
filedset{
	border: none;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl,dd {
	margin: 0;
	padding: 0;
}
blockquote, li, dt,dd {
}
li {
	list-style: none;
}
input, textarea {
	font-size: 1em;
}
img {
	border: none;
}
p {
	text-align: justify;
	text-justify: inter-ideograph;
}
html {
	overflow-y: scroll;
}
/*初期化ここまで*/

a {
	text-decoration: underline;
	color: #422b25;
}
a:hover {
	text-decoration: underline;
	color: #422b25;
}
a:visited{
	text-decoration: underline;
	color: #422b25;
}
a:hover {
	text-decoration: underline;
	color: #EA5504;
}

body {
 	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #ffffff;
	font-size: 14px;
	color: #3E3A39;
}
table {
	margin: 0px auto 0px auto;
	border-left:1px solid #CCCCCC;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	empty-cells:show;
}
th {
	color: #FFFFFF;
	background-color: #422b25;
	line-height: 120%;
}
td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#header {
	width: 100%;
	height: 114px;
	border-top: 14px solid #f0ab00;
}
/* #header_box was Tailwind-migrated in header.php (renamed nothing needed - id is
   exclusive to header.php, moved to utility classes there; rule removed here). */
#navi {
	clear: both;
	width: 100%;
	height: 35px;
	padding: 0 0px 0 0;
	text-align: center;
	background-color: #32201c;
}
#navi_inner {
	position: relative;
	top: 4px;
	width: 795px;
	margin: 0 auto 0 auto;
	padding: 0 0px 0 0;
	z-index: 100;
}
#navi_box {
	position: absolute;
	float: left;
	top: 0;
	width: 795px;
	margin: 0 auto 0 auto;
	padding: 0 0px 0 5px;
	z-index: 100;
}
#navi_box li {
	float: left;
	position: relative;
}
#navi_box img{
	padding: 0 0px 0 0px;
	margin: 0 5px 0 0;
}
#navi_shadow {
	clear: both;
	width: 100%;
	height: 12px;
	background-image: url(./images/navi_shadow.jpg);
	background-repeat: repeat-x;
}
#navi_shadow ul {
	position: absolute;
}
#navi_box ul.sub {
	float: left;
	font-size: 12px;
	position: absolute;
	display: block;
	min-width: 200px;
	top: 27px;
	left: 0;
	z-index: 1000;
	background-color: #39291d;
	padding: 8px 8px 6px 8px;
	margin: 0px 0 0 0;
	background-image: url(images/menu_sub_bg.gif);
	background-repeat: repeat-x;
	zoom: 1;
}

#navi_box .sub li {
	padding: 0 6px 0 6px;
	color: #EFE9C9;
	display: block;
	clear: both;
	border: none;
	height: 16px;
	line-height: 140%;
	font-weight: 400;
	font-size: 12px;
	margin: 0px 0 0 0;
	width: auto;
	text-align: left;
}
#navi_box .sub li a {
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 0px;
	width: auto;
	margin: 0px 0 0 0;
}
#navi_box .sub .cat_title {
	display: inline !important;
	text-transform: uppercase !important;
	padding: 0px 0 0px 0px !important;
	line-height: 120% !important;
	font-size: 14px !important;
	margin: 0px 0 2px 0 !important;
	width: 100% !important;
	height: 100% !important;
	font-weight: 600 !important;
	background-image: url("images/navi_sub_li.gif") !important;
	background-repeat: no-repeat !important;
	background-position: 0px 50% !important;
}
#navi_box .sub li a {
	padding: 0 0 0 10px;
	text-decoration: none;
	font-weight: 400 !important;
	
}
#navi_box .sub li a:hover {
	text-decoration: underline;
}
#navi_box .cat_title a:hover {
	text-decoration: underline !important;
}
#navi_box .sub {

}
/* navi2
   固定928px幅+絶対配置だった旧レイアウトを、flex-wrapベースに変更(レスポンシブ対応)。
   768px以上は幅が足りない画面でもボタンが自然に2行・3行に折り返す。
   768px未満は #navi_toggle (ハンバーガーボタン。header.php内、ロゴの右に配置。
   スタイルはTailwindユーティリティクラスで直接指定)をタップするまで #navi_box2 を
   非表示にする、いわゆるハンバーガーメニュー化(js/navi.jsでクラス切り替え)。 */
#navi2 {
	clear: both;
	width: 100%;
	padding: 6px 8px;
	background-color: #32201c;
	box-sizing: border-box;
}
#navi_inner2 {
	width: 100%;
	max-width: 928px;
	margin: 0 auto;
	padding: 0;
}
#navi_box2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	row-gap: 4px;
}
#navi_box2 li {
	position: relative;
}
@media (max-width: 767px) {
	#navi_box2 {
		display: none;
		flex-direction: column;
		row-gap: 6px;
		padding: 4px 0 8px 0;
	}
	#navi_box2.is-open {
		display: flex;
	}
	#navi_box2 > li {
		width: 100%;
	}
	#navi_box2 > li > a {
		display: block;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		text-align: center;
	}
	/* サブメニューを持つ項目はアコーディオン化。タップで開閉(js/navi.js)。
	   has-subクラスはサブメニューがある項目にだけ付与している(navi.php/navi2.php)。 */
	#navi_box2 > li > a.has-sub {
		position: relative;
		padding-right: 40px;
	}
	#navi_box2 > li > a.has-sub::after {
		content: "▼";
		position: absolute;
		right: 16px;
		top: 50%;
		font-size: 10px;
		transform: translateY(-50%);
		transition: transform 0.2s;
	}
	#navi_box2 > li.accordion-open > a.has-sub::after {
		transform: translateY(-50%) rotate(180deg);
	}
	#navi_box2 > li > ul.sub {
		position: static;
		width: 100%;
		min-width: 0;
		box-sizing: border-box;
		margin: 4px 0 0 0;
	}
	/* .cat_title(外来のご案内などサブメニューの項目)はheight:100%!important+
	   padding:0!important(デスクトップのホバードロップダウン用の詰まった行間)の
	   ままだと、ハンバーガーメニューのアコーディオン展開時にタップ範囲が
	   窮屈になる。.cat_title自体はdisplay:inline!importantな上に中の<a>が
	   display:blockという食い合わせの悪い構造なので、liではなく実際に
	   タップされる<a>側にpaddingを付けて高さを稼ぐ。 */
	#navi_box2 > li > ul.sub .cat_title {
		height: auto !important;
	}
	#navi_box2 > li > ul.sub .cat_title a {
		display: block;
		padding: 10px 0 10px 14px;
		line-height: 1.3;
	}
	#navi_box2 > li > ul.sub li:not(.cat_title) {
		height: auto;
	}
	#navi_box2 > li > ul.sub li:not(.cat_title) a {
		padding: 8px 0 8px 10px;
		line-height: 1.3;
	}
	/* ハンバーガーメニュー内に追加した「交通のご案内（地図）/お問い合せ/
	   フリーバス運行時刻表」。色は images/left_body.gif の地の色(クリーム)の
	   グラデーションにしている。#navi_box2 > li > a には直接該当しない
	   (li > div > a という入れ子にして、ナビボタンの白文字スタイルと
	   衝突しないようにしてある)が、形状(角丸・パディング・フォント)は
	   他のナビボタン($navi_link、navi.php/navi2.php)と揃えている。 */
	#navi_extra_links {
		display: flex;
		flex-direction: column;
		row-gap: 6px;
		margin-top: 4px;
	}
	#navi_extra_links a {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 7px 20px;
		border-radius: 4px;
		font-size: 13px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0.025em;
		text-align: center;
		color: #422b25;
		text-decoration: none;
		background-image: linear-gradient(to bottom, #F7F1DA, #DDD0A0);
		transition: background-image 0.15s ease;
	}
	#navi_extra_links a:hover {
		background-image: linear-gradient(to bottom, #FDF8E8, #EADDAD);
	}
}
/* #navi_box2 img ルールは削除済み: navi.php/navi2.php のボタンを画像からTailwindの
   テキストボタンに置き換えたため(img自体がもう存在しない)。 */
#navi_box2 ul.sub {
	float: left;
	font-size: 12px;
	position: absolute;
	display: block;
	min-width: 200px;
	top: 27px;
	left: 0;
	z-index: 1000;
	background-color: #39291d;
	padding: 8px 8px 6px 8px;
	margin: 0px 0 0 0;
	background-image: url(images/menu_sub_bg.gif);
	background-repeat: repeat-x;
	zoom: 1;
}
#navi_box2 .sub li {
	padding: 0 6px 0 6px;
	color: #EFE9C9;
	display: block;
	clear: both;
	border: none;
	height: 16px;
	line-height: 140%;
	font-weight: 400;
	font-size: 12px;
	margin: 0px 0 0 0;
	width: auto;
	text-align: left;
}
#navi_box2 .sub li a {
	color: #FFFFFF;
	display: block;
	padding: 0 0 0 0px;
	width: auto;
	margin: 0px 0 0 0;
}
#navi_box2 .sub .cat_title {
	display: inline !important;
	text-transform: uppercase !important;
	padding: 0px 0 0px 0px !important;
	line-height: 120% !important;
	font-size: 14px !important;
	margin: 0px 0 2px 0 !important;
	width: 100% !important;
	height: 100% !important;
	font-weight: 600 !important;
	/* 元は6x6pxのオレンジ色gif(navi_sub_li.gif)を目印にしていたが、小さすぎて
	   目立たないため、下の::beforeによるCSS描画のスクエアマークに置き換えた。
	   PC(ホバー時のドロップダウン)・スマホ(ハンバーガーメニューのアコーディオン)
	   共通(メディアクエリ外のルールなので両方に効く)。 */
	background-image: none !important;
}
#navi_box2 .sub .cat_title a::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	background-color: #F7AB00;
	vertical-align: middle;
}
#navi_box2 .sub li a {
	padding: 0 0 0 10px;
	text-decoration: none;
	font-weight: 400 !important;
	
}
#navi_box2 .sub li a:hover {
	text-decoration: underline;
}
#navi_box2 .cat_title a:hover {
	text-decoration: underline !important;
}
/* トップレベルのナビボタン文字色を確実に固定する。
   style.css先頭の `a`, `a:visited`, `a:hover` ルール(いずれもID無し)は、
   Tailwindのクラスセレクタ(.text-brand-cream など)より詳細度で上回る組み合わせが
   あり得るため(特に:visited/:hover)、IDセレクタで明示的に上書きしておく。
   現在ページのボタンは navi.php/navi2.php 側で class="navi-current" を付与する。 */
#navi_box2 > li > a,
#navi_box2 > li > a:visited,
#navi_box2 > li > a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#navi_box2 > li > a.navi-current,
#navi_box2 > li > a.navi-current:visited,
#navi_box2 > li > a.navi-current:hover {
	color: #422B25;
}

#box_top {
	width: 793px;
	height: 23px;
	font-size: 3px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 100%;
	color: #D7BD87;
	margin: 0 auto 0 auto;
	padding: 0px 0 0px 0;
	text-indent: 1em;
	text-align: center;
	background-image: url(./images/box_top_bg.jpg);
	background-repeat: no-repeat;
}
#box_toppage {
	clear:both;
	width: 790px;
	height: auto;
	margin: 0 auto 0 auto;
	background-position: 0 0;
	overflow: hidden;
}
#box_toppage_950 {
	clear:both;
	width: 950px;
	height: auto;
	margin: 0 auto 0 auto;
	background-position: 0 0;
	overflow: hidden;
}
#box {
	clear:both;
	width: 793px;
	height: auto;
	margin: 0 auto 0 auto;
	background-image: url(./images/box_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	overflow: hidden;
}
/* #ctrl, #search_area, .google_text, input#search, input#search_box, #text_size は
   header.php専用IDだったためTailwind移行時に削除済み(header.php側はutilityクラス化)。 */


/* .feed_icon ルールは削除済み: 使用箇所なし(RSSアイコン自体を廃止したため)。 */
/* #left */
#left {
	float: left;
	width: 259px;
	height: 100%;	
}
/* #left .left_box_top ルールは削除済み: left.phpからdiv自体を削除したため
   使用箇所なし(images/left_top.gifによる装飾キャップだった)。 */
#left .left_box_body {
	background-image: url(images/left_body.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	height: 100%;	
}
#left .left_box_bottom {
	background-image: url(images/left_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 8px;	
	font-size: 3px;
	margin: 0 0 10px 0;
}
#left_contents {
	position: relative;
	float: left;
	width: 259px;
	height: 100%;
	margin: 0 auto 0 auto;
	background-image: url(./images/.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
#left_navi {
	width: 240px;
	margin: 0 auto 0px auto;
}
#left_navi ul {
	width: 240px;
	height: auto;
	background-image: url(images/navi_sub_ul.gif);
	background-repeat: repeat-y;
	background-position: 0 0;

}
#left_navi li {
	width: 198px;
	height: auto;
	background-image: url(images/navi_sub_li.gif);
	background-repeat: no-repeat;
	background-position: 15px 60%;
	padding: 2% 0 0 30px;
	margin: 0 auto 0px auto;
	text-indent: 0;
	line-height: 110%;
	background-color: #fff5d7;
	border-bottom: 1px dotted #fcd79e;	
}
#left_navi li.final {
	border-bottom: none;	
}
#left_navi li a{
	display: block;
	text-decoration: none;
}
.about_hospital {
	width: 240px;
	height: auto;
	background-image: url(images/navi_sub_ul.gif);
	background-repeat: repeat-y;
	background-position: 0 0;

}
#about_hospital_content {
	line-height: 120%;
	overflow:hidden;
	background-color: #F9F3C1;
	width: 208px;
	height: auto;
	margin: 0 auto 0px auto;
	padding: 10px 10px 7px 10px;

}
#left .left_navi_title {
	/* height:23px + padding-top:13pxを、box-sizing:border-box + height:36pxに
	   置き換え(合計は変わらず navi_sub_title.gif の実寸36pxぴったりのまま)。
	   一時的にheight:45pxを試したが、画像が実寸36pxしかなく9px分だけ
	   隙間ができてしまったため、画像の実寸に戻した。 */
	box-sizing: border-box;
	width: 240px;
	height: 36px;
	background-image: url(images/navi_sub_title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	color: #ffffff;
	padding: 13px 0 0 45px;
	text-indent: 0;
}
#left .left_navi_bottom {
	width: 240px;
	height: 8px;
	background-image: url(images/navi_sub_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 5px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	color: #ffffff;
	padding: 0 0 0 45px;
	text-indent: 0;
	margin: 0 0 5px 0;
}
#left .left_navi_bottom_2 {
	width: 240px;
	height: 8px;
	background-image: url(images/navi_sub_bottom_2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 5px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	color: #ffffff;
	padding: 0 0 0 45px;
	text-indent: 0;
	margin: 0 0 5px 0;
}
/* div#top_navi, #top_navi a, #top_navi a:hover は top_navi.php専用IDだったため
   Tailwind移行時に削除済み(top_navi.php側はutilityクラス化)。 */
#main_image_bottom {
	width: 524px;
	height: 36px;
	background-image: url(./images/main_image_bottom.gif);
	background-repeat: no-repeat;
}
#site_logo {
	background-image: url(./images/left_bg_top.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 418px;
	height: 114px;
}
#site_logo img{
	position: relative;
	top: 0px;
	left: 0px;
}
#right {
	float: right;
	width: 521px;
	margin: 0 0 20px 10px;
}
#right.right_wide {
	float: right;
	width: 685px;
	margin: 0 0 20px 0px;
}
#right2 {
	float: right;
	width: 685px;
	margin: 0 0 20px 0px;
}
#main_image {
	width: 522px;
	height: 200px;
	display: block;
}
#about {
	margin: 0 auto 0 auto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 140%;
	text-align: center;
	color: #222222;
	text-indent: 0;
}
#footer {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 140%;
	text-align: center;
	color: #D7BD87;
	text-indent: 0;
	background-color: #33201c;
}
#footer_links {
	color: #FFF9E6;
}
#footer_top a{
	color: #422b25;
	text-decoration:none;
}
#footer_top a:hover{
	text-decoration:underline;
}
#footer a{
	color: #FFF9E6;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer_links {
	padding: 10px 0 5px 0;
	margin: 0 0 0 0;
}
/* footer.php(サイト全体のフッター)は #footer_links ではなく #site_footer_links を
   使っている(idの使い回し衝突を避けるためリネーム済み)。上の #footer a と同じ
   IDセレクタでの色固定がこちらには無かったため、a:visitedの詳細度に負けて
   訪問済みリンクが背景色と同化して読めなくなっていた。同じ要領で追加する。 */
#site_footer_links a,
#site_footer_links a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#site_footer_links a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#admin {
	color: #52401E;
}
#admin a,#admin a:hover {
	color: #52401E;
	text-decoration:underline;
}
#featured_dishes {
	float: left;
	width: 200px;
	height: auto;
	padding: 0 0 0 0;
}
#main_left {
	font-size: 88%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 130%;
	text-indent: 0;
	text-align: left;
	float: left;
	width: 520px;
	height: auto;
	padding: 0px 0 0px 0px;
}
#main_left p {
	font-size: 88%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 130%;
	text-indent: 0;
	text-align: left;
	width: 490;
	height: auto;
	padding: 0px 9px 0px 0px;
}
/* #main_left h1 の幅指定(width:500px)は削除済み: #main_left自体は980px未満で
   可変幅にレスポンシブ対応済みなのに、この子要素だけ500px固定のままだと
   スマホ表示で右にはみ出してしまうため(スクリーンショットでは切れて見えない
   だけで実際は横スクロールが発生していた)。もう1つの #main_left h1 ルールは
   下の方にまとめてある(掲載マークをbackground-imageから丸ビュレットに変更)。 */
#main_right {
	font-size: 88%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 130%;
	color: #222222;
	text-indent: 0;
	text-align: left;
	float: left;
	width: 158px;
	height: auto;
	padding: 6px 0px 10px 0px;
}
#main_right img{
	padding: 0px 0px 6px 0px;
}

.top_main_title {
	height: auto;
	padding: 0 0 10px 0;
}
/* .top_main_title_news はかつて images/information_520.jpg
   (アイコン+「病院からのお知らせ」+RSSアイコン入り)の画像見出しだったが、
   テキスト見出しに置き換えた(アイコン・RSSアイコンは廃止)。 */
.top_main_title_news {
	width: 100%;
	max-width: 520px;
	box-sizing: border-box;
	display: flex;
	align-items: baseline;
	gap: 10px;
	background-color: #F9F3C1;
	border-left: 4px solid #F0AB00;
	padding: 8px 12px;
	margin: 6px 0 8px 0;
}
.top_main_title_news_ja {
	font-size: 15px;
	font-weight: 700;
	color: #422B25;
}
.top_main_title_news_en {
	font-size: 11px;
	font-weight: 700;
	color: #F0AB00;
	letter-spacing: 0.05em;
}
/* .top_blog もかつて images/blog_520.jpg (アイコン+「それいゆブログ」+RSSアイコン入り)
   の画像見出しだったが、.top_main_title_news と同じ要領でテキスト見出しに置き換えた。 */
.top_blog {
	width: 100%;
	max-width: 520px;
	box-sizing: border-box;
	display: flex;
	align-items: baseline;
	gap: 10px;
	background-color: #F9F3C1;
	border-left: 4px solid #F0AB00;
	padding: 8px 12px;
	margin: 6px 0 8px 0;
}
/* #feed ルールは削除済み: RSSアイコンのリンクごと廃止したため使用箇所なし。 */
.top_about_txt {
	padding: 0 0 10px 0;
}
.top_about_txt img {
	float: left;
	padding: 0 10px 10px 0;
}
#about {
	padding: 10px 0 10px 0;
}
.highlight1 {
	font-size: 12px;
	font-weight: 600;
	color: #422b25;
	padding: 3px 0 3px 0;
}
#main_left .content_top {
	position: relative;
	left: 10px;
	margin: 0 0 0 0;
	width: 500px;
}
/* 見出し先頭のマークは images/topic_h1_mark.gif (repeat-yの縦帯)を
   background-imageで表示していたが、丸いビュレット(::before)に変更した。 */
#main_left h1 {
	clear: both;
	font-size: 130%;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	position: relative;
	margin: 6px 0 0 0;
	padding: 0 0 0 16px;
}
#main_left h1::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #F7AB00;
}
#main_left p {
	margin: 0px 0 15px 0;
	padding: 0 0 0 15px;
	font-size: 110%;
	line-height: 130%;
}
#main_left h1 a {
	text-decoration: none;
	color: #422b25;
}
#main_left h1 a:hover {
	text-decoration: underline;
	color: #422b25;
}
#main_left a {
	text-decoration: none;
	color: #222222;
}
#main_left a:hover {
	text-decoration: underline;
	color: #222222;
}

#main_left p a {
	text-decoration: underline;
	color: #222222;
}

#main_left .more {
	font-size: 12px;
	height: 16px;
	line-height: 100%;
	text-align: right;
	background-image: url(./images/new_line01.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;
}
#main_left .date {
	font-size: 95%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 2px 0 5px 13px;
}


#main_single {
	font-size: 88%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 120%;
	color: #222222;
	text-indent: 0;
	text-align: left;
	float: left;
	width: 532px;
	height: auto;
	padding: 15px 20px 20px 20px;
}
#main_single h1 {
	clear: both;
	font-size: 23px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 105%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 2px 0 0 10px;
	height: auto;
}
#main_single h1 {
	background-image: url(./images/topic_h1_mark.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}
#main_single .date {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 110%;
	color: #f7ab00;
	text-indent: 0;
	text-align: left;
	padding: 2px 0 13px 10px;
}
#content h1 a {
	text-decoration: none;
	color: #422b25;
}
#content h1 a:hover {
	text-decoration: underline;
	color: #422b25;
}
#content a {
	text-decoration: underline;
	color: #422b25;
}
#content a:hover {
	text-decoration: underline;
	color: #EA5504;
}
#content .more {
	font-size: 12px;
	height: 16px;
	line-height: 100%;
	text-align: right;
background-image: url(./images/new_line01.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;
}

.require {
	font-size: 12px;
	color: #e84b26;
	font-weight: 600;
	padding: 0 0 0 5px;
}
.fd_item {
	width: 175px;
	margin: 0 auto 0 auto;
}
.fd_item img{
	padding: 0 0 0 10px;
}
#featured_dishes .fd_txt{
	width: 155px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 120%;
	color: #222222;
	text-indent: 0;
	text-align: left;
	padding: 0px 5px 8px 5px;
}
#featured_dishes h3{
	width: 175px;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0;
	text-align: center;
	padding: 3px 0 2px 0;
}
.single_content {
	width: 482px;
	padding: 0 0px 0 0px;
}
#main {
	display: block;
	width: auto;
}
#main_single p {
	width: 100%;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: left;
	padding: 0 0 0 0px;
}

#main_low_level h1 {
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 100%;
	color: #005C3F;
	text-indent: 0;
	text-align: left;
	padding: 1px 0 5px 44px;
}
#main_low_level h2 {
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 100%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 2px 0 0 45px;
}
#news_archive {
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: left;
	margin: 0px 0 16px 0;
	padding: 6px 10px;
	width: 480px;
	color: #422B25;
	/* 見出し(.top_main_title_news等)と同じ#F9F3C1だと見分けがつきにくいため、
	   背景は白+茶色1pxの角丸ボーダーに変更。 */
	background-color: #FFFFFF;
	border: 1px solid #8f7a2e;
	border-radius: 6px;
	font-weight: 600;
	position: relative;
	left: 10px;
}
#news_archive a {
	padding: 1px 4px 1px 4px;
	color: #8f7a2e;
	font-weight: 400;
}
/* #main_archive */
#main_archive {
	font-size: 88%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 120%;
	color: #222222;
	text-indent: 0;
	text-align: left;
	float: left;
	width: 470px;
	height: auto;
	padding: 0px 0 20px 0;
}
#main_archive h1 {
	clear: both;
	font-size: 23px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 105%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 2px 0 0 20px;
	height: auto;
}
#main_archive h1 {
	background-image: url(./images/topic_h1_mark.gif);
	background-repeat: repeat-y;
	background-position: 10px 0;
	margin: 10px 0 0 0;
}
#main_archive .date {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 110%;
	color: #CBB960;
	text-indent: 0;
	text-align: left;
	padding: 2px 0 13px 20px;
}
#main_archive p {
	width: 460px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	padding: 8px 0px 12px 0px;
	margin: 0px auto 0px auto;
}
#main_archive .top_main_title {
	height: auto;
	padding: 0 0 0 0;
}
#main_low_level .alignleft {
	float: left;
	padding: 0px 10px 10px 0;
}
#blog_page .alignleft {
	float: left;
	padding: 0px 10px 10px 0;
}
#blog_page .alignright {
	float: right;
	padding: 0px 0px 10px 0;
}
#content_top img {
	float: left;
	padding: 1px 13px 8px 0;
}
.ph_left  {
	float: left;
	padding: 1px 13px 8px 0;
}
#content img {
	float: left;
	padding: 0 10px 10px 0;
}
#searchform {
	width: 492px;
	height: 24px;
	text-align: right;
	padding: 0 0 5px 0;
}

input#s {
	width: 130px;
	height: 12px;
	border-top: 2px solid #CBB960;
	border-left: 2px solid #CBB960;
	border-right: 1px solid #E5DCAF;
	border-bottom: 1px solid #E5DCAF;
	font-size: 11px;
	background-color: #FFFFFF;
	vertical-align: top;
	margin: 5px 0 0 0;
}
input#searchsubmit {
	background-image: url(./images/search_button.gif);
	background-repeat: no-repeat;
	width: 42px;
	height: 24px;
	font-size: 10px;
	color: #222222;
	border: none;
	padding: 0;
	margin: 0;
}
#searchform img{
	vertical-align: top;
	margin: 5px 2px 0 0;
}
.left_box {
	text-align: center;
	padding: 0px 0 0 0;
	font-size: 12px;
	color: #422b25;
	width: 240px;
	margin: 0 auto 0 auto;
}
.left_box h3{
	font-size: 120%;
	color: #422B24;
	padding: 10px 0 0 0;
}
#breadcrumbs {
	width: 490px;
	height: 13px;
	clear: both;
	background-image: url(./images/breadcrumbs.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 110%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 0px 0 5px 20px;
}

#page_default h1 {
	width: 522px;
	height: 44px;
	clear: both;
	background-image: url(./images/title_h1.jpg);
	background-repeat: no-repeat;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 150%;
	color: #422b25;
	text-indent: 60px;
	text-align: left;
	padding: 16px 0 0 0px;
	margin: 0px 0 5px 0;
}
#page_default h2 {
	width: 522px;
	height: 33px;
	clear: both;
	background-image: url(./images/title_h2.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 150%;
	color: #422b25;
	text-indent: 50px;
	text-align: left;
	padding: 9px 0 0 0px;
	margin: 0px 0 5px 0;
}
#page_default h3 {
	width: 470px;
	height: auto;
	clear: both;
	font-size: 120%;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0px;
	text-align: left;
	padding: 2px 0 2px 8px;
	margin: 0px 25px 10px 25px;
	border-left: 7px solid #F7AB00;
	border-bottom: 1px solid #F7AB00;
}
#page_single h1 {
	width: 522px;
	height: 44px;
	clear: both;
	background-image: url(./images/title_h1.jpg);
	background-repeat: no-repeat;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 150%;
	color: #422b25;
	text-indent: 60px;
	text-align: left;
	padding: 16px 0 0 0px;
	margin: 0px 0 5px 0;
}
#page_single h2 {
	width: 522px;
	height: 33px;
	clear: both;
	background-image: url(./images/title_h2.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 50px;
	text-align: left;
	padding: 11px 0 0 0px;
	margin: 0px 0 20px 0;
}
#page_single h3 {
	width: 470px;
	height: auto;
	clear: both;
	font-size: 120%;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0px;
	text-align: left;
	padding: 2px 0 2px 8px;
	margin: 0px 25px 10px 25px;
	border-left: 7px solid #F7AB00;
	border-bottom: 1px solid #F7AB00;
}
#page_single .date {
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 0px 0 20px 50px;
}
#page_single p {
	width: 470px;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	padding: 0px 0px 12px 0px;
	margin: 0px auto 0px auto;
}
#page_single .alignleft {
	float: left;
	padding: 0 15px 5px 0;
}
#page_default .alignleft {
	float: left;
	padding: 0 15px 5px 0;
}
#page_archive h1 {
	width: 522px;
	height: 44px;
	clear: both;
	background-image: url(./images/title_h1.jpg);
	background-repeat: no-repeat;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 150%;
	color: #422b25;
	text-indent: 60px;
	text-align: left;
	padding: 16px 0 0 0px;
	margin: 0px 0 5px 0;
}
#page_archive h2 {
	width: 522px;
	height: 33px;
	clear: both;
	background-image: url(./images/title_h2.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 50px;
	text-align: left;
	padding: 11px 0 0 0px;
	margin: 0px 0 5px 0;
}
#page_archive h3 {
	width: 470px;
	clear: both;
	font-size: 130%;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	background-image: url(./images/topic_h1_mark.gif);
	background-repeat: repeat-y;
	background-position: 2px 0;
	margin: 0 auto 0 auto;
	padding: 0 0 0 14px;
}
#page_archive h3 a {
	text-decoration: none;
}
#page_archive .date {
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 120%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 2px 0 10px 30px;
}
#page_archive p {
	width: 470px;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	padding: 0px 0px 12px 0px;
	margin: 0px auto 0px auto;
}
#h1_bg h1 {
	width: 492px;
	clear: both;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 130%;
	color: #422b25;
	text-indent: 57px;
	text-align: left;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0;
}
#h1_bg .h1_en{
	width: 492px;
	clear: both;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 110%;
	color: #CBB960;
	text-indent: 57px;
	text-align: left;
	padding: 0px 0 0 0px;
	margin: 0px 0 5px 0;
}
#page_default p {
	width: 470px;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	padding: 0px 0px 12px 0px;
	margin: 0px auto 0px auto;
}
#page_default ul {
	width: 470px;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	padding: 5px 0px 12px 0px;
	margin: 0px auto 12px auto;
}
#page_default li {
	background-image: url(images/navi_sub_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding: 0px 0px 0px 17px;
	text-indent: 0;
	}
.note_box01 {
	width: 460px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	padding: 8px 20px 12px 20px;
}
.align-right {
	text-align: right !important;
}
.large01 {
	font-size: 130%;
}
#main_p hr {
	width: 460px;
	padding: 0px 20px 0px 20px;
	border-width: 1px 0px 0px 0px;
	border-style: dotted; 
	border-color: #cccccc;
	height: 1px; 
	margin: 10px auto 10px auto;
}
#main_p .note01{
	width: 440px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	padding: 0px 30px 12px 30px;
}
#main_p .note02 p{
	width: 440px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: -1em;
	text-align: justify;
	color: #222222;
	padding: 5px 30px 5px 30px;
}

.profile_ph {
	float: left;
	padding: 4px 15px 15px 0px;
}

table.profile_tbl01 {
	width: 440px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 10px auto 20px auto;
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	empty-cells:show;
	background-color: #fdfdfd;
}

.profile_tbl01 caption{
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	padding: 0 0 3px 0;
}
.profile_tbl01_title{
	color: #FFFFFF;
	background-color: #422b25;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.profile_tbl01 td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
td.profile_tbl01{
	background-color: #e4dfd3;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.profile_tbl01 {
	color: #e4dfd3;
}
.ranking_tb_01_hl01_notice {
	text-align: right !important;
}

.main_h3{
	background-image: url(./images/profile_tbl01_title_bg.jpg);
	background-repeat: no-repeat;
	width: 440px;
	height: 22px; 
	clear: both;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	color: #422b25;
	text-indent: 15px;
	text-align: left;
	padding: 7px 0 0 0px;
	margin: 0 auto 0 auto;
}
.profile_box {
	clear: both;
	width: 440px;
	margin: 0 auto 15px auto;
	height: auto;
}
.profile_box img{
	clear: both;
	padding: 0px 0 0 0px;
	margin: 0 auto 0 auto;
	height: auto;
}
.name_box {
	background-image: url(./images/topic_h1_mark.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	text-indent: 14px;
	float: right; 
	width: 300px;
	margin: 5px auto 0 auto;
}
#main_p h2{
	width: 434px;
	height: auto;
	clear: both;
	background-image: url(./images/title_h2.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 130%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 8px 0 10px 40px;
	margin: 15px auto 5px auto;
}
#main_p h3{
	width: 450px;
	height: auto;
	clear: both;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 130%;
	color: #422b25;
	text-indent: 0px;
	text-align: left;
	padding: 2px 0 2px 10px;
	margin: 5px auto 5px auto;
	border-left:6px solid #CBB960;
}
#main_p h4{
	width: 450px;
	height: auto;
	clear: both;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 130%;
	color: #422b25;
	background-color: #faf9ec;
	text-indent: 0px;
	text-align: left;
	padding: 5px 0 4px 10px;
	margin: 10px auto 10px auto;
	border-top:1px dotted #CBB960;
	border-bottom:1px dotted #CBB960;
}
#name_h2 h2{
	width: 474px;
	height: 30px;
	clear: both;
 	background-image: url(./images/title_h2.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 150%;
	color: #422b25;
	text-indent: 40px;
	text-align: left;
	padding: 8px 0 0 0px;
	margin: 15px auto 5px auto;
}
#name_h2 p {
	width: 460px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	padding: 8px 20px 12px 20px;
}
.position_ja {
	font-size: 12px;
}
.name_en {
	width: 100%;
	font-size: 11px;
	color: #CBB960;
	font-weight: 600;
	padding: 3px 0 0 0px;
}
.small01 {
	font-size: 12px;
	font-weight: 400;
}
div.comment {
	float: right; 
	width: 295px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 140%;
	text-indent: 0px;
	color: #222222;
	text-align: left;
	padding: 10px 0 0 0px;
}
.p_ph {
	float: left;
	padding: 10px 18px 5px 18px;
}

.ph_cap {
	clear: both;
	width: auto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 140%;
	text-indent: 0px;
	color: #CBB960;
	padding: 3px 0 0 0px;
	text-align: center;
}
#name_h2 ul {
	width: 460px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	padding: 8px 0px 12px 0px;
	margin: 0px auto 0px auto;
}
.td_width01 {
	width: 150px;
}
.p_right {
	float: right;
}
div.pg {
	width: 444px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: left;
	color: #222222;
	padding: 0px 30px 12px 30px;
}
.pg img {
	float: left;
	width: 107px;
	padding: 0px 4px 0px 0px;
}
.toc_bg {
	width: 475px;
 	background-image: url(./images/toc_body.gif);
	background-repeat: repeat-y;
	margin: 12px auto 0px auto;
}
#toc {
	width: 332px;
	 background-image: url(./images/toc_bg.gif);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	color: #422b25;
	text-indent: 0;
	text-align: left;
	padding: 16px 30px 8px 113px;
}
.toc_bottom {
	width: 475px;
	height: 7px;
 	background-image: url(./images/toc_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
}


#toc li {
	width: 340px;
 	background-image: url(./images/toc_li.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0px 0px 0px 17px;
}
#toc li.sub_li  {
	width: 322px;
 	background-image: none !important;
	text-indent: -1.5em;
	padding: 0px 0px 0px 32px;
}

.link_dl dt {
	width: 390px;
	background-position: 0 3px;
	padding: 0px 0px 0px 10px;
	margin: 0px auto 4px auto;
	border-left: 6px solid #cbb960;
}
.link_dl dd {
	width: 390px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	color: #222222;
	text-indent: 0;
	text-align: left;
	margin: 0px auto 6px auto;
	padding: 2px 0px 3px 10px;
}
table.md_tbl {
	width: 440px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px auto 20px auto;
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	empty-cells:show;
	background-color: #fdfdfd;
}

.md_tbl caption{
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	padding: 0 0 3px 0;
}
.md_tbl th{
	color: #FFFFFF;
	background-color: #422b25;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.md_tbl td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
td.md_tbl{
	background-color: #e4dfd3;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.md_tbl {
	color: #e4dfd3;
}
.md_tbl caption{
	width: 450px;
	height: auto;
	clear: both;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 130%;
	color: #422b25;
	text-indent: 0px;
	text-align: left;
	padding: 2px 0 2px 10px;
	margin: 5px auto 5px auto;
	border-left:6px solid #CBB960;
}
.md_tbl_title {
	width: 120px;
}
.md_tbl_price {
	width: 60px;
}

.contact_us_form {
	width: 450px;
	height: auto;
	clear: both;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	line-height: 130%;
	color: #422b25;
	margin: 5px auto 5px auto;
}


.h2_small {
	font-size: 80%;
	font-weight: 400;
}
.text_small {
	font-size: 80%;
	font-weight: 400;
}

#page_default dl {
	width: 380px;
	font-size: 100%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	padding: 0px 0px 0px 10px;
	margin: 0px auto 10px auto;
	border-left:6px solid #CBB960;
}
#page_default dl.dl_pdf  {
	width: auto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	color: #222222;
	text-indent: 0;
	text-align: left;
	margin: 0px auto 6px auto;
	padding: 2px 0px 3px 39px;
	background-image: url(./images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 16px 3px;
	border-left: none;
}
#page_default .dl_pdf dd {
	font-size: 12px;
}

#content dl {
	width: 380px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	padding: 0px 0px 0px 10px;
	margin: 0px auto 10px auto;
	border-left:6px solid #CBB960;
}
#content dl.dl_pdf  {
	width: auto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	color: #222222;
	text-indent: 0;
	text-align: left;
	margin: 0px auto 6px auto;
	padding: 2px 0px 3px 39px;
	background-image: url(./images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 16px 3px;
	border-left: none;
}
#content .dl_pdf dd {
	font-size: 12px;
}
.page_date {
	float: right;
	clear: both;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 110%;
	color: #222222;
	text-indent: 0;
	text-align: right;
	margin-top: 20px;
	padding: 13px 0px 13px 10px;
}
#medical_devices h5 {
	clear: both;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 1em;
	text-align: justify;
	color: #222222;
	width: 425px;
	padding: 0 0px 7px 35px;
	margin: 0px auto 0px auto;
}
#medical_devices .text_block {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0em;
	text-align: justify;
	color: #222222;
	width: 425px;
	padding: 0 0px 7px 35px;
	margin: 0px auto 0px auto;
}
.text_block p{
	text-indent: 0em !important;
	width: auto !important;
}
#medical_devices .p2 {
	margin: 0px auto 0px auto !important;
	width: 425px;
	padding: 0 0px 7px 35px;
}
div.ph_mde {
	width: auto;
	float: left;
	padding: 0 7px 0px 0px;
}
.ph_mde img {
	padding: 0 7px 3px 0px !important;
}
div.ph_pd {
	width: auto;
	float: left;
	padding: 10px 7px 0px 15px;
}
.ph_pd img {
	padding: 0 7px 3px 0px !important;
}
div.ph_mde_cap {
	width: auto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 140%;
	text-indent: 0px;
	color: #CBB960;
	padding: 3px 0 10px 0px;
	text-align: center;
}
.ci_tb_title{
	color: #FFFFFF;
	background-color: #422b25;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.qr {
	float: left;
	margin: 0px 0 0px 0 !important;
	text-align: left;	
	padding:0 10px 0 0;
}
.banner {
	margin: 5px 0 10px 0 !important;
	text-align: left;	
}
.clear {
	clear: both;
}
#ts_banner {
	width: 240px;
	margin: 0px auto 0px auto;
}
#ts_banner img {
	width: 240px;
	margin: 0px 0 5px 0;
}
#ts_banner img.final {
	width: 240px;
	margin: 0px 0 0 0;
}
#ext_banner {
	width: 240px;
	margin: 0px auto 10px auto;
}
#ext_banner .text {
	font-size: 13px;
	color: #3E3A39;
	padding: 1px 0 6px 0;
	text-align: center;
}

/* #relational_pages */

#relational_pages {
	clear: both;
	width: 522px;
}
#relational_pages a {
	color: #422B25;
	text-decoration: underline;
}
#relational_pages a:hover {
	text-decoration: underline;
}
#relational_pages .title {
	font-size: 120%;
	color: #422B25;
	line-height: 100%;
	height: 29px;
	font-weight: 600;
	background-image: url(./images/relational_pages_top.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 17px 0 0 45px;

}
#relational_pages dl{
	width: 456px !important;
	background-image: url(./images/relational_pages_body.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	margin: 0px 0 0px 0;
	border: none;
	padding: 0.5em 20px 0px 46px;
}
#relational_pages dt{
	color: #422b25;
	font-weight: 600;
	font-size: 110%;
	line-height: 130%;
	width: 450px;
	background-image: url(images/navi_sub_li.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding: 5px 0 0 10px;
}
#relational_pages dd{
	font-size: 100%;
	line-height: 120%;
	color: #422b25;
	padding: 3px 0 0.3em 12px;
}
#relational_pages .bottom {
	font-size: 18px;
	color: #422b25;
	height: 12px;
	font-weight: 600;
	background-image: url(./images/relational_pages_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0px 0 0 0;

}
/* #external_links */

#external_links {
	clear: both;
	width: 522px;
}
#external_links a {
	color: #422B25;
	text-decoration: underline;
}
#external_links a:hover {
	text-decoration: underline;
}
#external_links .title {
	font-size: 120%;
	color: #422B25;
	line-height: 100%;
	height: 29px;
	font-weight: 600;
	background-image: url(./images/external_links_top.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 17px 0 0 45px;
}
#external_links dl{
	width: 456px !important;
	background-image: url(./images/external_links_body.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	margin: 0px 0 0px 0;
	border: none;
	padding: 0.5em 20px 0px 46px;
}
#external_links dt{
	color: #422b25;
	font-weight: 600;
	font-size: 110%;
	line-height: 130%;
	width: 450px;
	background-image: url(images/navi_sub_li_3.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding: 5px 0 0 10px;
}
#external_links dd{
	font-size: 100%;
	line-height: 120%;
	color: #422b25;
	padding: 3px 0 0.3em 12px;
}
#external_links .bottom {
	font-size: 18px;
	color: #422b25;
	height: 12px;
	font-weight: 600;
	background-image: url(./images/external_links_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0px 0 0 0;

}
/*共通*/
.small80 {
	font-size: 80%;
}
.large120 {
	font-size: 120%;
}
.w_normal {
	font-weight: 400;
}
.w_bold {
	font-weight: 600;
}
strong {
	color: #422b25;
}
.margin_bottom_20 {
	margin-bottom: 20px !important;
}
.pd_top_4 {
	padding-top: 4px !important;
}
.pd_top_8 {
	padding-top: 8px !important;
}
/*共通　ここまで*/
.li_tbl_01_div {
	font-size: 14px;
	line-height: 110%;
	width: 472px;
	height: 38px;
	background-image: url(./images/li_tbl_tr.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px auto 5px auto;
}

.li_tbl_01 {
	border: none;
	width: 446px;
	padding: 10px 10px 5px 10px;
	margin: 0px auto 0px auto;
}
.li_tbl_01 td{
	border: none;

}
.li_tbl_01 .td1 {
	background-image: url(images/navi_sub_li.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	width: 70px;
	font-size: 16px;
	font-weight: 600;
	padding: 0px 0 0 15px;
}
.li_tbl_01 .td2 {
	width: 200px;

}
.li_tbl_01 .td3 {
	width: 30px;
	
}
.li_tbl_01 .td4 {
	width: 70px;
	text-align: right;
}
/* .rmc */
table.rmc {
	border-collapse:collapse;
	width: 472px;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px auto 20px auto;

	background-color: #fdfdfd;
}
.rmc th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.rmc td{

	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.rmc .td1 {
	width: 100px;
}
.rmc th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.rmc .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
.rmc .td3 {
	width: 60px;
}
.rmc .td4 {
	width: 60px;
}
.rmc .td5 {
	width: 60px;
}
td.rmc{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.rmc caption{
	display: none;
}
.rmc {
	width: 120px;
}
.md_tbl_price {
	width: 60px;
}
/* .meal */
table.meal {
	border-collapse:collapse;
	width: 472px;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px auto 20px auto;

	background-color: #fdfdfd;
}
.meal th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.meal td{

	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.meal .td1 {
	width: 100px;
}
.meal th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.meal .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
.meal .td3 {
	width: 60px;
}
.meal .td4 {
	width: 60px;
}
.meal .td5 {
	width: 60px;
}
td.meal{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.meal caption{
	display: none;
}
.meal {
	width: 120px;
}

#page_default .img_left {
	float: left;
	padding: 0 15px 15px 25px;
}
#page_default .img_right {
	float: right;
	padding: 0 25px 15px 15px;
}
#page_default .lyrics li {
	text-indent: -1.2em;
	padding: 0 0 1em 2em;
	background-image: none;
}
#page_default .num_li li {
	text-indent: -1.7em;
	padding: 0 0 1em 1.5em;
	background-image: none;
}

#page_default .inner_li li {
	background-image: url(images/navi_sub_li_2.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding: 0px 0px 0px 17px;
	text-indent: 0;
}
.img_cap_180 {
	font-size: 90%;
	width: 180px;
	text-align:center;
	padding: 2px 0 0 0;
}
.img_cap_200 {
	font-size: 90%;
	width: 200px;
	text-align:center;
	padding: 2px 0 0 0;
}

/* .opd_tbl_01 */
table.opd_tbl_01 {
	position: relative;
	top: 5px;
	left: 0;
	border-collapse:collapse;
	width: 500px;
  padding: 0 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 0 auto 0 auto;

	background-color: #fdfdfd;
}
.opd_tbl_01 th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_01 td {
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_01 .day {
	width: 30px;
}
.opd_tbl_01 .wday {
	width: 30px;
}
.opd_tbl_01 .ampm {
	width: 80px;
}
.opd_tbl_01 .name {
	width: 61px;
}
.opd_tbl_01 .comment {
	width: 112px;
	text-align: left;
	padding: 0 0 0 8px;
    font-size: 88%;
}
.opd_tbl_01 .sat {
	background-color: #DFF2FC;
	color: #0041a3;
}
.opd_tbl_01 .sun {
	background-color: #FCE4DF;
	color: #da3915;
}
.opd_tbl_01 .holiday {
	background-color: #FCE4DF;
	color: #da3915;
}
.opd_tbl_01 th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.opd_tbl_01 .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
.opd_tbl_01 .td3 {
	width: 60px;
}
.opd_tbl_01 .td4 {
	width: 60px;
}
.opd_tbl_01 .td5 {
	width: 60px;
}
td.opd_tbl_01{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_01 caption{
	display: none;
}
.opd_tbl_01 {
	width: 120px;
}
/* .opd_tbl_02 */
table.opd_tbl_02 {
	border-collapse:collapse;
	width: 472px;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px auto 20px auto;

	background-color: #fdfdfd;
}
.opd_tbl_02 th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding: 5px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_02 td{

	margin:0;
	padding: 5px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_02 .day {
	width: 50%;
}
.opd_tbl_02 .name {
	width: 50%;
}
.opd_tbl_02 .wd {
	padding: 5px;
	background-color: #FFF5D7;
}
.opd_tbl_02 .wd_title {
	background-color: #422B25;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_02 .sat {
	background-color: #DFF2FC;
}
.opd_tbl_02 .sat_title {
	background-color: #0081CC;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_02 .sun {
	background-color: #FBE6EF;
}
.opd_tbl_02 .holiday {
	background-color: #FBE6EF;
}
.opd_tbl_02 th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.opd_tbl_02 .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
.opd_tbl_02 .td3 {
	width: 60px;
}
.opd_tbl_02 .td4 {
	width: 60px;
}
.opd_tbl_02 .td5 {
	width: 60px;
}
td.opd_tbl_02{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_02 caption{
	display: none;
}
.opd_tbl_02 {
	width: 120px;
}

/* .opd_tbl_03 */
table.opd_tbl_03 {
	border-collapse:collapse;
	width: 472px;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px auto 20px auto;

	background-color: #fdfdfd;
}
.opd_tbl_03 th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_03 td{
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}
.opd_tbl_03 .day {
	width: 50%;
}
.opd_tbl_03 .name {
	width: 50%;
}
.opd_tbl_03 .wd {
	background-color: #FFF5D7;
}
.opd_tbl_03 .wd_title {
	width: 120px;
	text-align:center;
	background-color: #422B25;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_03 .wd_title2 {
	width: 120px;
	text-align:center;
	background-color: #422B25;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_03 .sat {
	background-color: #DFF2FC;
}
.opd_tbl_03 .sat_title {
	text-align:center;
	width: 120px;
	background-color: #0081CC;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_03 .sat_title2 {
	text-align:center;
	width: 120px;
	background-color: #0081CC;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_03 .sun_title {
	text-align:center;
	width: 120px;
	background-color: #e35433;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_03 .sun {
	background-color: #fce4df;
}
.opd_tbl_03 .etc_title {
	text-align:center;
	width: 120px;
	background-color: #888888;
	color: #FFFFFF;
	font-weight: bold;
}
.opd_tbl_03 .etc {
	background-color: #efefef;
}
.opd_tbl_03 .w01 {
	width: 50px;
	text-align:center;
}
.opd_tbl_03 .holiday {
	background-color: #FBE6EF;
}
.opd_tbl_03 th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.opd_tbl_03 .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
.opd_tbl_03 .td3 {
	width: 60px;
}
.opd_tbl_03 .td4 {
	width: 60px;
}
.opd_tbl_03 .td5 {
	width: 60px;
}
td.opd_tbl_03{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.opd_tbl_03 caption{
	display: none;
}
.opd_tbl_03 {
	width: 120px;
}
/* .gf_tbl */
table.gf_tbl {
	border-collapse:collapse;
	width: 472px;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px auto 20px auto;

	background-color: #fdfdfd;
}
.gf_tbl th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.gf_tbl td{

	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}

.gf_tbl th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.gf_tbl .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
td.gf_tbl{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.gf_tbl caption{
	display: none;
}

/* .gf_tbl_02 */
table.gf_tbl_02 {
	border-collapse:collapse;
	width: 472px;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px auto 20px auto;

	background-color: #fdfdfd;
}
.gf_tbl_02 th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.gf_tbl_02 td{

	margin:0;
	padding:2px;
	text-align: center;
	vertical-align:middle;
}

.gf_tbl_02 th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.gf_tbl_02 .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
td.gf_tbl_02{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align: justify;
	vertical-align:middle;
}
.gf_tbl_02 caption{
	display: none;
}
.gf_tbl_02 .gf_tbl_02_title {
	text-align: center;
	width: 110px;
	background-color: #F9F3C1;
}
.gf_tbl_02 .wday_title {
	width: 50px;
}
.gf_tbl_02 .sat_title {
	width: 50px;
}

.gf_tbl_02 .align_left {
	text-align: justify;
	padding: 2px 8px 2px 8px;
}



/* .bus_tbl */
.bus_tbl_div {
	width: 472px;
	margin: 0 auto 0 auto;
}
table.bus_tbl {
	border-collapse:collapse;
	width: 232px;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 0px auto 8px auto;
	background-color: #fdfdfd;
}
.bt_left {
	clear: both;
	float: left;
}
.bt_right {
	float: right;
}
.bus_tbl th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding: 2px 2px 2px 2px;
	text-align:center;
	vertical-align:middle;
	height: 50px;
	font-size: 16px;
	font-weight: 400;
}

.bus_tbl td{
	margin:0;
	padding: 1px 2px 1px 2px;
	text-align:center;
	vertical-align:middle;
}
.bus_tbl a{
	color: #FFFFFF;
	font-weight: 400;
}
.bus_tbl .stop{
	width: 70%;
}
.bus_tbl .time{
	width: 30%;
}
.bus_tbl th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.bus_tbl .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
td.bus_tbl{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.bus_tbl caption {
	display: none;
}
#map_canvas {
	clear: both;
	margin: 0 auto 0px auto;
}
#map_bus1 {
	float: left;
	margin: 0 10px 20px 10px;
}
#map_canvas {
	float: left;
	margin: 0 10px 20px 10px;
}
.bus_tbl_thb {
	float: left;
	width: 250px;
	text-align: center;
}
.bus_tbl_thb td {
	padding: 1px;
	line-height: 120%;
}
.bus_tbl_thb .time {
	width: 60px;
}
#left .freedial {
	background-image: url(images/freedial.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 0px 35px;
	text-indent: 0;
	line-height: 130%;
	font-size: 21px;
	font-weight: 600;
}
.no-indent {
	text-indent: 0 !important;
}
#bus_route {
	font-size: 12px;
	line-height: 13px;
}
#bus_route{
	margin: 5px;
	position:relative;
}

#bus_route li{
	background-color: #efefef;
	border: 1px solid #cccccc;
	margin: 0 5px 5px 0px;
	padding: 2px;
	width: 87px;
	height: 26px;
	float : left;
	text-align:center;
	font-weight: 400;

} 
#bus_route a {
	display: block;
	text-decoration: none;
}
#bus_route a:hover {
	display: block;
	color: #ffffff;
	background-color: #422B25;

}
#bus_route .single_line {
	line-height: 27px !important;
}
.closed {
	background-color: #f7c8d6;
}
.w_normal {
	font-weight: 400;

}
.employment_tbl {
	width: 472px;
}
.employment_tbl th {
	padding: 2px;
}
.employment_tbl td {
	text-align: center;
	padding: 2px;
	font-size: 100%;
	line-height: 130%;
}
.employment_tbl .mark {
	text-align: center;
	width: 50px;
}
.employment_tbl .a_th {
	text-align: center;
}

.employment_tbl .a {
	width: 150px;
}
.employment_tbl .job {
	text-align: left;
}
.employment_tbl .b {
	width: 60px;
}

.employment_tbl .c {
	width: 60px;
}

.employment_tbl .d {
	width: 120px;
}
.empl_detail {
	text-align: center;
	width: auto;
	position: relative;
	top: 4px;
	font-size: 11px;
	margin: 5px 2px 5px 2px;
	color: #422B25;
	background-color: #F7AB00;
	padding: 2px 4px 2px 4px;
	font-weight: 600;
	line-height: 100%;
}
.empl_detail a {
	text-decoration: none !important;
	color: #FFFFFF;
	display: block;
}
.employment_tbl a {
	font-weight: 600;
}
.employment_tbl_2 {
	width: 472px;
}
.employment_tbl_2 td {
	padding: 4px;
	line-height: 130%;
}
.employment_tbl_2 .a {
	background-color: #FFF5D7;
}

.dog {
	width: 475px;
	margin: 0 auto 10px auto;
	text-align: center;
}

.dog_inn {
	float: left;
	padding: 0 5px 10px 0;
}
.gallery {
	width: 475px;
	margin: 0 auto 10px auto;
	text-align: center;
}
.gallery_inn {
	float: left;
	padding: 0 5px 10px 0;
}

.c_422B25 {
	color: #422B25; 
}
#page_single .no_indent {
	text-indent: 0;
}
.copyright {
	color: #777777 !important;
	font-size: 12px !important;
	text-indent: 0 !important;
}
.adjust_bottom_20 {
	margin-bottom: 20px !important;
}
/* .cu */
#cu {
	position: relative;
	left: 35px;
	width: 476px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #222222;
	margin: 5px 0 10px 0;
	background-color: #fdfdfd;
}
#cu p {
	width: auto;
	text-indent: 0;
	padding: 0;
	left: 0 !important;
}


#cu caption{
	display: none;
}
#cu th {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size: 14px;
	margin:0;
	padding: 4px;
	text-align:center;
	vertical-align:middle;
}
#cu td {
	font-size: 12px;
	margin:0;
	padding: 3px 7px 3px 7px;
	line-height: 130%;
	text-align:left;
	vertical-align:middle;
	width: auto;
}
#cu td.title {
	font-size: 14px;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	background-color: #F9F3C1;
}
#cu td.title span {
	font-size: 12px;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	background-color: #F9F3C1;
}
#cu ul {
	margin:0;
	padding: 0;
	width: auto;
}
#cu li {
	width: auto;
	background-image: url("images/navi_sub_li_3.gif");
}
#cu th.td1 {
	width: 100px;
}
#cu th.td2 {
	width: auto;
	text-align: center;
}
#cu .td2 {
	text-align: left;
	padding:0 5px 0 5px;
}
#cu caption{
	display: none;
}
#medical_checkup p {
	position: relative;
	left: 20px;
	text-indent: 0;
}
#blog_page {
	float: left;
	width: 522px;
}
#blog_page_right {
	float: right;
	width: 159px;
}
/* お知らせ・採用情報の記事(single.phpのカテゴリ1/5、#right配下)にも
   それいゆブログ/カウンセリング/心のメール/AEDのバナーを表示したい、
   という要望に対応して#blog_page_rightを追加した。ただし#rightは
   デスクトップでは幅521pxしかなく159px幅のバナー列を並べる余白が
   ないため、デスクトップでは非表示にし、スマホ表示の時だけ
   (下の980pxブレークポイントで)表示する。 */
#right #blog_page_right {
	display: none;
}
/* blog_page_right.php内の#blog_navi(「ブログトップページ」「最近の投稿」
   「投稿カレンダー」)はcat_ID==1の条件にも一致してしまい、お知らせ記事
   (single.phpのカテゴリ1)でも出力されてしまう。トップページ(index.php)は
   is_home()判定でこれを出さずバナーだけにしているので、#right配下でも
   それに合わせてバナーだけにする。 */
#right #blog_navi {
	display: none;
}
#blog_navi {
	background-color: #F9F3C1;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
}
#blog_page_right_banner img {
	width: 159px;
	margin: 0 0 6px 0;
	background-color: none;
}
#blog_page_right .title {
	background-color: #422B25;
	color: #ffffff;
	font-weight: 600;
	margin: 0 0 6px 0;
	background-image: url("images/navi_sub_li.gif") !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 0 0 0 20px;
}
#blog_page_right .title a {
	color: #ffffff;
	text-decoration: none;
}
#wp-calendar {
	font-size: 12px;
	margin: 0 auto 10px auto;
}
#wp-calendar td {
	padding: 2px;
	text-align: center;
	background-color: #ffffff;
}
#wp-calendar .event {
	background-color: #F7AB00;
	font-weight: 600;
}
#blog_navi li {
	background-image: url("images/navi_sub_li_3.gif") !important;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 0 0 0 20px;
	font-size: 12px;
}
#blog_navi ul {
	margin: 0 auto 10px auto;

}
#blog_title {
	width: 522px;
	height: 112px;
	background-image: url("images/blog/blog_title.png") !important;
	background-repeat: no-repeat;
	background-position: 0;
	margin: 0 auto 10px auto;
}
#blog_page .blog_post_title {
	width: 522px;
	height: auto;
	background-image: url("images/blog/blog_h1.jpg") !important;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 20px 0;
}
#blog_page h1 {
	font-size: 22px;
	width: 422px;
	height: auto;
	padding: 0 0 0 80px;
	line-height: 130%;

}
#blog_page .date {
	position: relative;
	font-size: 12px;
	left: 80px;
	width: 435px;
	height: auto;
	padding: 5px 0 0 0px;
	border-top: 1px dotted #F7AB00;
}
#blog_page h1 a {
	text-decoration: none;
}
.new {
	font-size: 10px;
	color: #ffffff;
	background-color: #F7AB00;
	padding: 2px 3px 2px 4px;
	margin: 0 0 0 5px;
}
#blog_page p {
	clear: both;
	margin: 0 0 0 0;

}
#blog_page br {
	clear: both;

}
#blog_page img {
	clear: both;
	margin: 5px 5px 5px 5px;

}
.attachment-post-thumbnail {
	float: left;
	margin: 0 10px 0 0;
}
#blog_page .post {
	margin: 0 10px 0 10px;
	overflow: auto;  

}
.wp-caption-text {
	text-align: center;
}
/* .page_10_tbl */
#page_10 table.page_10_tbl {
	border-collapse:collapse;
	width: 492px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 150%;
	text-indent: 0;
	text-align: justify;
	color: #422B25;
	margin: 5px auto 20px auto;

	background-color: #fdfdfd;
}

.page_10_tbl th {
	width: 50px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	color: #422B25;
	background-color: #FFF5D7;
}
.page_10_tbl th.title {

}
.page_10_tbl td{
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	height: 30px;
}
.page_10_tbl .day {
	width: 50%;
}
.page_10_tbl .name {
	width: 50%;
}
.page_10_tbl .wd {
	background-color: #FFF5D7;
}
.page_10_tbl .wd_title {
	background-color: #422B25;
	color: #FFFFFF;
	font-weight: bold;
}
.page_10_tbl .sat {
	background-color: #DFF2FC;
}
.page_10_tbl .sat_title {
	background-color: #0081CC;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
.page_10_tbl .sat_txt {
	color: #0081CC;
}
.page_10_tbl .small {
	font-weight: normal;
	font-size: 12px;
}
.page_10_tbl .wday {
	background-color: #422B25;
	color: #FFFFFF;
	font-weight: bold;
	width: 50px;
}
.page_10_tbl .origin {
	background-color: #422B25;
		width: 140px;
}
.page_10_tbl .sun {
	background-color: #FBE6EF;
}
.page_10_tbl .holiday {
	background-color: #FBE6EF;
}
.page_10_tbl th.td2 {
	width: 250px;
	text-align: center;
	padding:0 5px 0 5px;
}
.page_10_tbl .td2 {
	width: 250px;
	text-align: left;
	padding:0 5px 0 5px;
}
.page_10_tbl .td3 {
	width: 60px;
}
.page_10_tbl .td4 {
	width: 60px;
}
.page_10_tbl .td5 {
	width: 60px;
}
td.page_10_tbl{
	background-color: #e4dfd3;
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.page_10_tbl caption{
	display: none;
}
.page_10_tbl {
	width: 120px;
}
#page_10 .post {
	margin-top: 10px;
}
#page_default .notice_div {
	background-color: #FFF5D7;
	margin-bottom: 20px;
	padding: 10px 0 0 0;
}

#page_default .notice_div p {
	text-indent: -1em;
	padding: 0 0 10px 1em;
}
div.bus_notice {
	width: 470px;
	margin: 0 auto 0 auto;
	font-weight: 600;
}
#page_single .info_tbl_01 {
	width: 500px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#page_single .info_tbl_01 th {
	background-color: #eeeeee;
	color: #444444;
	font-weight: 600;
	height: 30px;
	border: 1px solid #cccccc;
}
#page_single .info_tbl_01 td {
	height: 30px;
	vertical-align: middle;
	border: none;
	border: 1px solid #cccccc;
}
#page_single .info_tbl_01 th.highlight {
	background-color: #f7ab00;
}
#form-entry {
    position: relative;
    padding: 1rem 5% 2rem 5%;
}
#form-entry input {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    font-size: 1rem;
    border-radius: 20px;
    border: 1px solid #999;
    box-sizing: border-box;
}
#form-entry input:focus {
    border-radius: 20px;
    border: 2px solid #ffd050;
    outline: none;
}
#form-entry textarea:focus {
    border: 2px solid #ffd050;
    outline: none;
}
#form-entry input:focus-visible {
    border: 5px solid #999;

}
#form-entry .wpcf7-response-output {
    font-size: 1rem;
    margin: 1rem 0 1rem 0;
    border-color: #ff4c22;
    color: #ff4c22;
}
#form-entry ul {
    margin: 0;
    padding: 0;    
}
#form-entry p {
    font-size: 0.95rem;
    margin: 0 0 1rem 0;
    padding: 0;    
}
#form-entry li {
    background-image: none;
    margin: 0;
    padding: 0;
}
#form-entry dl {
    width: 100%;
    border: none;
    margin: 30px 0 30px 0;
    padding: 0;
    font-size: 1rem;
}
#form-entry dt {
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1;
}
#form-entry dt label {
}
#form-entry .your-name {
    width: 70%;
}
#form-entry .your-name-kana {
    width: 70%;
}
#form-entry .your-email {
    width: 100%;
}
#form-entry .zip {
    width: 50%;
}
#form-entry .pref {
    width: 50%;
}
#form-entry .city {
    width: 50%;
}
#form-entry .addr {
    width: 100%;
}
#form-entry .tel {
    width: 60%;
}
#form-entry .your-message {
    width: 100%;
}
#form-entry .required {
    background-color: #ff4c22;
    font-size: 0.6rem;
    color: #fff;
    padding: 3px 6px 3px 6px;
    margin: 0 0 0 0;
    vertical-align: middle;
    line-height: 1;
}
#form-entry .example {
    font-weight: 400;
    font-size: 0.8rem;
    color: #666;
    padding-left: 0.5rem;
    line-height: 1rem;
}
#form-entry .wpcf7-form-control {
    margin: 0 auto 0 auto;
}
#form-entry .button {
    text-align: center;
    margin-bottom: 2rem;
}
#form-entry .button input {
    border: none;
    font-size: 1.5rem;
    border-radius: 1.5rem;
    padding: 0.5rem 4rem 0.5rem 4rem;
}    

#form-entry .wpcf7-submit {
   background-color: limegreen;
   color: white;
    
}
#form-entry .ajax-loader {
    display: block;
}
#form-entry .wpcf7-not-valid-tip {
    color: #ff4c22;
}
#form-entry a.tel {
    font-size: 2rem;
    color: limegreen;
}
#form-entry .wpcf7-checkbox .wpcf7-list-item {
    display: block;
}
.link_form {
    position: relative;
    margin-bottom: 3rem;
    
}
.link_form div {
    display: bloack;
    background-color: #f0ab00;
    color: #ffffff;
    margin: 1rem auto 1rem auto;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0.5rem;
    width: 70%;
    border-radius: 2rem;
    
}
.link_form div a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-decoration: none;
}
.link_form .button-entry {
    
}
.link_form .button-contact {

}

/* ============================================================
   トップページ(index.php)のレスポンシブ対応。
   #box_toppage_950 / #right2 / #blog_page_right は blog.php・single.php とも
   共有されているため、ここでの変更はそれらのページの折り返しも合わせて
   改善する(同じ共有パーツなのでスコープ外への影響ではなく意図した効果)。
   #left の中身(#left_navi 等)は repeat-y の背景画像で作った枠なので、
   幅そのものを可変にはせず、素の259px/240pxのまま中央寄せしてスタックする。
   ============================================================ */
@media (max-width: 980px) {
	#box_toppage_950 {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0 12px;
		box-sizing: border-box;
		/* 元はfloatしていた#left/#right2の回り込み解除(clearfix)用の
		   overflow:hiddenだったが、ここではflexにしたので不要。
		   #blog_page_right を画面いっぱいに背景表示するため visible にする。 */
		overflow: visible;
	}
	/* 外来のご案内/入院のご案内などのサブナビ(見出し+リンク一覧)は、
	   スマホ表示ではハンバーガーメニューに同じ内容があるため非表示にする。
	   中の#hospital_info_block(病院情報)はjs/common.jsでフッター直前に
	   DOM移動されるため、この非表示の影響を受けない(移動後は#left_naviの
	   外に出ている)。 */
	#left_navi {
		display: none;
	}
	#left {
		/* スマホ表示ではメインコンテンツを先に読んでもらいたいので、
		   #left(住所・お知らせバナー等のサイドバー)は order で一番下に回す
		   (DOM順は変えず見た目の順序だけ変更)。 */
		order: 2;
		float: none;
		width: 100%;
		max-width: 259px;
		margin: 20px auto;
	}
	.about_hospital {
		/* navi_sub_ul.gif(240px用の縦繰り返し枠線画像)は幅いっぱいだと
		   合わないのでやめて、単色背景+左右フルブリードにする。 */
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		box-sizing: border-box;
		background-image: none;
		background-color: #F3EDD8;
	}
	#about_hospital_content {
		/* 親の.about_hospitalが背景色を持つようになったので、
		   内側はスマホでは透明にして二重に色が乗らないようにする。 */
		background-color: transparent;
	}
	/* .left_navi_title (「病院情報」「外来のご案内」等の見出しバー)は
	   スマホでは画像(navi_sub_title.gif、240px幅の丸いピル型)をやめて、
	   画面いっぱいの単色バーにする。ボーダーは付けない。 */
	#left .left_navi_title {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		box-sizing: border-box;
		height: auto;
		background-image: none;
		background-color: #F9F3C1;
		color: #422b25;
		padding: 10px 16px;
	}
	/* 「病院情報」の見出し(#hospital_info_block内の.left_navi_title)だけは
	   スマホでは非表示にする(他の.left_navi_titleは対象外)。 */
	#hospital_info_block .left_navi_title {
		display: none;
	}
	#right2 {
		order: 1;
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	#main_left {
		float: none;
		width: 100%;
	}
	#main_image {
		width: 100%;
		height: auto;
	}
	#main_image img {
		width: 100%;
		height: auto;
		display: block;
	}
	#main_left .content_top {
		width: auto;
		left: 0;
	}
	#news_archive {
		width: auto;
		left: 0;
	}
	.attachment-post-thumbnail {
		max-width: 35%;
		height: auto;
	}
	#blog_page_right {
		float: none;
		/* 左右の余白(#box_toppage_950のpadding)をはみ出して画面いっぱいに
		   背景を敷く、いわゆる"full bleed"。色は images/left_top.gif の
		   地の色(クリーム)から採った近似値。 */
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		box-sizing: border-box;
		padding: 16px 12px;
		background-color: #F3EDD8;
	}
	#blog_page_right_banner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}
	#blog_page_right_banner img {
		/* 元画像は実ピクセルで159px幅なので、それ以上には拡大しない
		   (引き伸ばしてぼやけるのを防ぐ)。幅が狭い画面では縮小はする。
		   角丸+ドロップシャドウでカード風にして、クリーム地の背景から
		   浮き上がって見えるようにする。 */
		width: 100%;
		max-width: 159px;
		height: auto;
		margin: 0 auto;
		display: block;
		border-radius: 12px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	}
	#ts_banner,
	#ext_banner {
		width: 100%;
		max-width: 300px;
	}
	#ts_banner img,
	#ts_banner img.final,
	#ext_banner img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	/* #blog_page(ブログ記事本文。blog.php・single.phpのカテゴリ3記事で共有)も
	   #right2の中で幅522px固定+float:leftのままだと#blog_page_rightと
	   横並びで崩れるので、#leftや#blog_page_rightと同じくスマホでは
	   float解除して幅いっぱいの縦積みにする。 */
	#blog_page {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	/* #blog_title(「ブログ」の見出しバナー画像、520x112)も#page_defaultの
	   見出しと同じ手法(aspect-ratio + background-size:contain)で縮小させる。 */
	#blog_title {
		width: 100%;
		max-width: 520px;
		height: auto;
		aspect-ratio: 520 / 112;
		background-size: contain;
	}
	/* .blog_post_title の背景(blog_h1.jpg)は75x74pxの左上アイコンなので
	   拡縮は不要。幅の固定だけ解除する。 */
	#blog_page .blog_post_title {
		width: 100%;
	}
	#blog_page h1 {
		width: auto;
	}
	#blog_page .date {
		/* left:80pxで右にずらしている分、幅もその分差し引いてはみ出さないようにする */
		width: calc(100% - 80px);
		box-sizing: border-box;
	}
	#blog_page img {
		max-width: 100%;
		height: auto;
	}
}

/* ============================================================
   page_default(.php) / page_default2.php 系の下層ページのレスポンシブ対応。
   #box_toppage / #right / #page_default は404.php・archive.php・single.php・
   contact_us.phpなど約15テンプレートと共有されているため、ここでの変更は
   それらのページにも同様に適用される(意図した効果)。
   #left は上のトップページ用ブロックで既にorder:2が設定済みなので、
   #box_toppage 側もflexコンテナにするだけで同じ「本文が先、サイドバーが
   下」という並びになる。
   #page_single(single.phpのカテゴリ1「お知らせ」・カテゴリ5「採用情報」の
   記事本文)も#page_defaultとほぼ同じ見た目なので、h1/h2/h3/p/imgは
   #page_defaultと同じ考え方で一緒に対応している。
   ============================================================ */
@media (max-width: 980px) {
	#box_toppage {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0 12px;
		box-sizing: border-box;
	}
	#right,
	#right.right_wide {
		order: 1;
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	/* デスクトップでは#right #blog_page_rightを非表示にしているが、
	   スマホ表示では#left同様に本文の下に表示する
	   (float/width等の見た目自体は#blog_page_right本体のルールで対応済み)。 */
	#right #blog_page_right {
		display: block;
	}
	#breadcrumbs {
		width: auto;
		max-width: 100%;
	}
	#page_default h1,
	#page_single h1 {
		width: 100%;
		max-width: 522px;
		height: auto;
		aspect-ratio: 522 / 60;
		background-size: contain;
		font-size: 16px;
		line-height: 100%;
		text-indent: 45px;
	}
	#page_default h2 {
		width: 100%;
		max-width: 522px;
		height: auto;
		aspect-ratio: 522 / 42;
		background-size: contain;
		line-height: 100%;
		text-indent: 40px;
	}
	/* #page_single h2(お知らせ詳細の見出し)は背景画像は#page_default h2と
	   同じtitle_h2.jpgだが、padding-topが違う分トータルの高さが違うので
	   比率もそれに合わせる(44 = height33 + padding-top11)。 */
	#page_single h2 {
		width: 100%;
		max-width: 522px;
		height: auto;
		aspect-ratio: 522 / 44;
		background-size: contain;
	}
	#page_default h3,
	#page_single h3 {
		width: auto;
		margin: 0 0 10px 0;
		font-size: 110%;
	}
	#page_default p,
	#page_default ul,
	#page_single p {
		width: auto;
	}
	#page_default img,
	#page_single img {
		max-width: 100%;
		height: auto;
	}
	#page_single .post {
		min-height: 400px;
	}
	/* 本文中の画像はfloatのままだと狭い画面で文章が細く折り返されて
	   読みにくくなるため、画像を上に出してテキストは全幅で流す。 */
	#page_default .img_left,
	#page_default .img_right {
		float: none;
		display: block;
		margin: 0 auto 15px auto;
		padding: 0;
		text-align: center;
	}
	/* table.opd_tbl_01/02(外来の受付時間表・今月の外来診療担当医カレンダー)は
	   width:500px/472px固定+列ごとの幅指定があり、狭い画面だと画面幅から
	   はみ出して左右が切れてしまう。table自体にdisplay:block+overflow-xを
	   付けるとborder-collapseの計算が崩れて外枠線がおかしくなるため、
	   table本体はいじらず、親の.post(本文ラッパー。page_default.php・
	   page_default2.php・single.phpで共通)側をスクロールコンテナにして、
	   表は元のレイアウト・罫線のまま横スクロールで全体を見られるようにする。 */
	.post {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}