@charset "utf-8";
/* CSS Document */


/* 共通設定 
------------------------------------------------ */

body {
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
}

h1 {
	font-size: 21px !important;
}

h2 {
	font-size: 18px !important;
}

/* 非表示コンテンツ用 */
.nodisp {
	display: none;
}

p {
	color: #333;
}

/* 項目名 */
h2.item_title {
	border-left: solid 6px #669933;
	color: #669933;
	padding-left: 8px;
}

h3.item_title {
	border-bottom: dotted 1px #669933;
	color: #669933;
}

/* -----------------------行揃え */
.align_center {
	text-align: center;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

/* 隣接する p と ul の間隔調整 */
/* プライバシーポリシーで利用 */
p + ul {
	margin-top: -10px;
	margin-bottom: 20px;
}




/* インデント */
.indent {
	padding-left: 20px;
	padding-right: 20px;
}

/* table幅を auto にする */
table.width_auto {
	width: auto;
}



/* ベースカラーの変更 
------------------------------------------------ */
.top_line {
	background-color: #669933;
}

a {
	color: #669933;
}

a:hover {
	color: #669933;
}

.navbar .nav .open .dropdown-menu .active a {
	color: #669933;
}

.navbar .nav .open .dropdown-menu .active a:hover {
	color: #669933;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active a > i, .navbar .nav .active a > i:hover {
	color: #669933;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #669933;
}

.recent-tweets {
	background-color: #669933;
}




/* ヘッダー 関連
------------------------------------------------------ */

/* 電話番号の下にマージンをつける */
.head_phone img {
	margin-bottom: 10px;
}



/* スライダー 関連
------------------------------------------------------ */

/* スライダーのキャプションはとりあえず非表示 */
.carousel-caption {
	display: none;
}

/* スライダーのバック */
.slider_back {
	background-image: url(../images/back_slider.png);
	background-repeat: repeat-x;
	background-position: 100%;
}

/* スライダーシャドウ（影）のバックは常に白 */
.tp-bannershadow.tp-shadow1 {
	background-color: #FFF;
	background-image: none;
	display: none !important;
	height: 0 !important;
}
	

/* 画面サイズが 959px 以下の時 */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* 小画面の時、スライダーバックの左右マージンが白くならないように */
	.slider_back {
		margin: 0 -20px;
	}

}

/* 画面サイズが 767px 以下の時 */
@media (max-width: 767px) {

	/* 小画面の時、スライダーバックの左右マージンが白くならないように */
	.slider_back {
		margin: 0 -20px;
	}

	/* スライダーのバックをなくす */
	.slider_back {
		background-image: none;
	}
}



/* ナビゲーション関連
------------------------------------------------------ */

/* ナビの幅を固定にする */
.navbar .nav > li {
	width: 140px;
}

/* ナビの外枠の左右のボーダーを表示させる */
.navbar-inner {
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}

/* ナビのバック */
.navi_back {
	background-image: url(../images/back_slider.png);
	background-repeat: repeat-x;
	background-position: 0%;
}



/* フッタ 関連
------------------------------------------------------ */

/* twitter イメージを消す */
.follow_img {
	display: none;
}

footer a {
	color: #CBCBCB;
}

footer .nav-pills > li > a {
  padding: 4px 6px;
}

/* コンテンツ関連
------------------------------------------------------ */

/* ---------------- スケジュール */
/* 文字のあとの table、あるいは診療日時はトップにマージンを */
p + table,
.schedule {
	margin-top: 10px;
}

.schedule th {
	background-color: #EEE;
}

.schedule td.maru_batsu {
	text-align: center;
}

.schedule th.week {
	text-align: center;
}

/* ---------------- プロフィール */
.profile th {
	text-align: left;
	background-color: #EEE;
}

/* ---------------- スタッフ */
table.staff {
	width: auto;
}

.staff th {
	text-align: center;
	background-color: #EEE;
}

.staff td {
	text-align: center;
}



/* gray-box の green 版 */
.green-box {
    background-color: #F5FFD9;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-top: 1px solid #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px #CCCCCC;
}

/* ボックスの下にマージンをつける */
.grey-box,
.green-box {
	margin-bottom: 10px;
}


/* お知らせ */
ul.info li {
	border-bottom: dotted 1px #CCC;
	padding: 4px 0;
}

ul.info .info_date {
	color: #669933;
	margin-right: 8px;
}

/* お知らせ詳細 */
.info_detail {
	min-height: 600px; /* お知らせ詳細記事の最小の高さ */
}





/* スティッキーの上部マージンを減らす */
.stick-wrapper {
	margin-top: 10px;
}



/* アルファベットのリスト */
.list_alpha {
	list-style-type: lower-alpha;
}

/* 問い合わせフォーム */
sup.hissu {
	color: #CC0000;
	font-weight: bold;
}

/* エラーメッセージ */
.status-msg {
	color: #CC0000;
	font-weight: bold;
}

.caution {
	color: #CC0000;
	/* font-weight: bold; */
}

/* p が連続する場合、マージンが開きすぎるので margin-bottom を減らす */
.among_margin {
	margin-bottom: -10px;
}

.among_margin_top {
	margin-top: -10px;
}






