@charset "UTF-8";
/*
 * 	border: 1px solid #0000ff;
 * 
 * 
 * 
 */

/* トップページ */
.content {
	background: #191919;
}

/* ■メニュー--------------------------------------------------------- */

.message {
	width: 670px;
	padding-bottom: 25px;
}


.content_main_menu {
	width: 690px;
	padding-left: 10px;
	
	float: left;
}

.content_main_menu img {
	margin-top: 10px;
	margin-bottom: 0px;
}

.treatment-menu {
	padding-bottom: 40px;
}

/* マーク非表示 */
.treatment-menu ul {
	margin-bottom: 20px;
	list-style-type:none;
}

/* 各リスト項目 */
.treatment-menu li {
	margin-left:13px;
	padding-right: 15px;
	margin-bottom: 15px;
	text-indent: -9999px;
	float: left;
}

/* 各メニューに画像割り当て */

/* デンタルクリーニング */
div.treatment-menu li.menu1 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi1_1.gif) no-repeat top;
}

/* ホワイトニング */
div.treatment-menu li.menu2 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi1_2.gif) no-repeat top;
}

/* デンタルホワイト */
div.treatment-menu li.menu3 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi1_3.gif) no-repeat top;
}

/* 矯正歯科 */
div.treatment-menu li.menu4 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi1_4.gif) no-repeat top;
}

/* インプラント */
div.treatment-menu li.menu5 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi2_1.gif) no-repeat top;
}

/* オーダーメイド入れ歯 */
div.treatment-menu li.menu6 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi2_2.gif) no-repeat top;
}

/* いびき */
div.treatment-menu li.menu7 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi3_1.gif) no-repeat top;
}

/* 顎関節症 */
div.treatment-menu li.menu8 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi3_2.gif) no-repeat top;
}

/* ガムピーリング(綺麗な歯茎に) */
div.treatment-menu li.menu9 a {
	width: 300px;
	height: 60px;
	display: block;
	background:url(index_midashi3_3.gif) no-repeat top;
}


/* ロール カーソルフォーカス時 */
div.treatment-menu li.menu1 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu2 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu3 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu4 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu5 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu6 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu7 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu8 a:hover, a:active { background-position: bottom;}
div.treatment-menu li.menu9 a:hover, a:active { background-position: bottom;}


/* 予約状況の案内 ======================================================== */
#yoyaku-title {
	width: 690px;
	height: 17px;
  margin-bottom: 6px;
	background: url(index_midashi-yoyaku.gif) no-repeat left top;
}

#yoyaku-title-date {
	padding-left: 205px;
	font-size: 11px;
	font-weight: normal;
}

#yoyaku-mess {
	margin-bottom: 20px;
}

#yoyaku-list {
	list-style: none;
	margin-bottom: 10px;
}

ul#yoyaku-list > li div.category {
  float: left;
  width: 90px;
	font-weight: bold;
}

ul#yoyaku-list > li div.day {
  float: left;
  width: 150px;
	text-align: center;
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}




/* サイドメニュー---------------------------------------------------- */
.content_side {
	width: 240px;
	margin-top: 5px;
	float: right;
}

/* ■アピール項目 appeal */
.topiccs_appeal {
	width: 238px;
	height: 328px;
	padding-top: 5px;
	margin-bottom: 10px;
	background:url(appeal_bg.jpg) no-repeat top;
}

.topiccs_appeal img {
	width: 206px;
	height: 90px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 2px;
	background:url(appeal_bg.gif) no-repeat top;
}


/* ■サイドメニュー topics */
.content_topics {
	margin-bottom: 20px;
}


/* リストのマーク非表示 */
.content_topics ul {
	list-style-type:none;
}

/* リスト項指定 */
.content_topics li {
	margin-right: 0px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

/* 各メニューに画像割り当て */

/* 最新の医療設備 */
div.content_topics li.menu1 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_1.gif) no-repeat top;
}

/* プレイルーム */
div.content_topics li.menu2 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_2.gif) no-repeat top;
}

/* パール歯科医院 */
div.content_topics li.menu3 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_3.gif) no-repeat top;
}

/* カード */
div.content_topics li.menu4 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_4.gif) no-repeat top;
}


/* ホワイトニングトライアル */
div.content_topics li.menu5 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_5.gif) no-repeat top;
}


/* メディア掲載情報 */
div.content_topics li.menu6 a {
	width: 238px;
	height: 27px;
	display: block;
	text-indent: 28px;
	padding-top: 8px;
	background:url(index_midashi5.gif) no-repeat top;
}

/* リンク情報 */
div.content_topics li.menu7 a {
	width: 238px;
	height: 27px;
	display: block;
	text-indent: 28px;
	padding-top: 8px;
	background:url(index_midashi5.gif) no-repeat top;
}

/* 医院案内ムービー */
div.content_topics li.menu8 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_5.gif) no-repeat top;
}

/* 千葉テレビ インプラント紹介ムービー */
div.content_topics li.menu9 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_6.gif) no-repeat top;
}


/* 千葉テレビ ビジネススタイル紹介ムービー */
div.content_topics li.menu10 a {
	width: 238px;
	height: 64px;
	display: block;
	background:url(index_midashi4_7.gif) no-repeat top;
}

/* ネット予約 */
div.content_topics li.menu11 a {
	width: 238px;
	height: 89px;
	display: block;
	background:url(index_midashi4_8.jpg) no-repeat top;
}

/* ロール カーソルフォーカス時 */
div.content_topics li.menu1 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu2 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu3 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu4 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu5 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu8 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu9 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu10 a:hover, a:active { background-position: bottom;}
div.content_topics li.menu11 a:hover, a:active { background-position: bottom;}

/* ■サイドメニュー お知らせ */
.content_news {
	width: 240px;
	font-size: 13px;
}


.content_news h2 {
	margin-bottom: 6px;
}

.content_news img {
	margin-bottom: 2px;
}


.content_news dl{
	width: 680px;
	margin:0 0 0 0;
}

.content_news dl dt {
	clear:both;
	width: 85px;
	float:left;
	padding:0;
	margin:0;
}

.content_news dl dd {
	width: 595px;
	float:left;
	margin-bottom: 1px;
}