@charset "utf-8";

/* ===================================================================
 ファイル名 　:chisiki.css
 ファイル情報 :歯の知識ページに関するCSS
=================================================================== */


/*------------------------------------------------------------------
	各項目の枠作成
------------------------------------------------------------------*/
/*歯の基礎知識枠************************************************/
#s_main #kiso{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*虫歯枠************************************************/
#s_main #mushiba{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*歯周病枠************************************************/
#s_main #shisyu{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*歯みがき枠************************************************/
#s_main #hamigaki{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*虫歯の治療方法枠************************************************/
#s_main #chiryo{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*歯冠修復枠************************************************/
#s_main #shikan{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*抜歯後の処置枠************************************************/
#s_main #bashi{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*治療の中断枠************************************************/
#s_main #cyudan{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}

/*親知らず枠************************************************/
#s_main #cyudan{
	float: left;
	width:515px;
	margin: 0;
	padding: 0;
}


/*------------------------------------------------------------------
	各項目のタイトル部分画像置換
------------------------------------------------------------------*/
/*　タイトル画像の基本設定common.cssに記入　*/
/*#s_main h1{
	text-indent:-9999px;
	background-repeat:no-repeat;
	width:515px;
	height:42px;
}*/

/*　各ページタイトル画像の詳細設定　*/
#s_main #kiso h1{
	background:url(../image/chisiki/t_kiso.jpg);
}


#s_main #mushiba h1{
	background:url(../image/chisiki/t_mushiba.jpg);
}

#s_main #shisyu h1{
	background:url(../image/chisiki/t_shisyu.jpg);
}

#s_main #hamigaki h1{
	background:url(../image/chisiki/t_hamigaki.jpg);
}

#s_main #chiryo h1{
	background:url(../image/chisiki/t_chiryo.jpg);
}

#s_main #shikan h1{
	background:url(../image/chisiki/t_shikan.jpg);
}

#s_main #bashi h1{
	background:url(../image/chisiki/t_bashi.jpg);
}

#s_main #cyudan h1{
	background:url(../image/chisiki/t_cyudan.jpg);
}

#s_main #oyashirazu h1{
	background:url(../image/chisiki/t_oyashirazu.jpg);
}
/*------------------------------------------------------------------
	各項目内容のテーブル設定
------------------------------------------------------------------*/
.tb_460{
	margin-left:30px;
	width:460px;
}

.tb_460_waku{
	margin-left:30px;
	width:460px;
}

.tb_460_waku td{
	padding:5px;
	border:1px solid #CCCCCC;
}


.tb_460b{
	margin-left:30px;
	margin-bottom:40px;
	width:460px;
}

.tb_460b_waku{
	margin-left:30px;
	margin-bottom:40px;
	width:460px;
}

.tb_460b_waku td{
	padding:5px;
	border:1px solid #CCCCCC;
}

.tb_460b_waku2{
	margin-left:30px;
	margin-bottom:40px;
	width:460px;
}

.tb_460b_waku2 td{
	padding:8px;
	border:1px solid #CCCCCC;
}



.tb_460b2{
	margin-left:30px;
	margin-bottom:10px;
	width:460px;
}

.tb_470{
	margin-left:25px;
	width:470px;
}

.tb_470b{
	margin-left:25px;
	width:470px;
	margin-bottom:40px;
}

.tb_470b_waku{
	margin-left:25px;
	width:470px;
	margin-bottom:40px;
}

.tb_470b_waku td{
	padding:5px;
	border:1px solid #CCCCCC;
}


.tb_480{
	margin-left:20px;
	width:480px;
}

.tb_480b{
	margin-left:20px;
	width:480px;
	margin-bottom:40px;
}

.tb_490{
	margin-left:15px;
	width:490px;
}

.tb_490b{
	margin-left:15px;
	margin-bottom: 40px;
	width:490px;
}

.td_tb{
	margin-top:18px;
	margin-bottom:8px;
}

.td_b{
	margin-bottom:8px;
}

.tb_b{
	margin-bottom:40px;
}

/*　歯周病の原因と症状ページなどのTableで使用　*/
.tb_pad{
	margin:5px 0 0 30px;
}

.tb_pad td{
	padding:7px;
}

.tb_pad3_b td{
	padding:0 7px 7px 7px;
}

.tb_pad_waku{
	margin:5px 0 0 30px;
	border:1px solid #CCCCCC;
}

.tb_pad_waku td{
	padding:8px;
}


/*　歯周病の原因と症状ページなどのTableで使用(下にマージン有)　*/
.tb_pad_b{
	margin:0 0 40px 30px;
}

.tb_pad_b td{
	padding:0 7px 7px 7px;
}

/*　歯周病の原因と症状ページなどのTableで使用(左に余白なし・下余白あり)　*/
.tb_pad_b2{
	margin:5px 0 40px 30px;
}

.tb_pad_b2 td{
	padding:7px 10px 7px 0;
}


/*　(上に余白なし)　*/
.tb_pad3_b{
	margin:0 0 40px 30px;
}

.tb_pad3_b td{
	padding:0 7px 7px 7px;
}




/*　歯周病の原因と症状ページなどのTableで使用(左に余白・下余白なし)　*/
.tb_pad2{
	margin:0 0 0 30px;
}

.tb_pad2 td{
	padding:0px 7px 7px 0;
}


/*　歯冠修復ページの各項目内の縦線のためのCSS　*/
.l_line{
	border-right-color:#CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	width:136px;
}

.l_line2{
	padding-left:8px;
}

/*　歯冠修復ページのtebleのためのCSS　*/
.tb_p3 td{
	padding:3px;
}

/*　歯式のテーブル用CSS　*/
.tb_490_waku{
	margin-left:15px;
	width:490px;
}

.tb_490_waku td{
	border:1px solid #CCCCCC;
}

/*------------------------------------------------------------------
	親知らずページの歯科コラム
------------------------------------------------------------------*/
.column{
	padding:12px;
	margin-bottom:40px;
	margin-left:30px;
	width: 430px;
	border: 1px dotted #CCCCCC;
}

/*------------------------------------------------------------------
	一番下の注意書き
------------------------------------------------------------------*/
#attention{
	width:510px;
	float:right;
	font-size: 82%;
	margin-top: 18px;
	color: #2F3879;
	margin-bottom: 0px;
}

/* 注意書き内のリンク設定 */
#attention a:link {color:#0000FF;}
#attention a:hover {text-decoration: none;}
#attention a:active {color:#0000FF;}

#attention ul li{
	float:left;
	margin-right: 10px;
}

/*------------------------------------------------------------------
	FLASHをJavascriptを使って表示する
------------------------------------------------------------------*/

/* 歯の基礎知識 ***************************************************/

/*歯の構造*/
#flashcontent_kouzo{
	width: 460px;
	height: 310px;
}
	
/*歯の名称・根管数*/
#flashcontent_meisyo{
	width: 490px;
	height: 270px;
}

#flashcontent_meisyo2{
	width: 460px;
	height: 210px;
}

/*歯式*/
#flashcontent_sisiki1{
	width: 240px;
	height: 102px;
}

#flashcontent_sisiki2{
	width: 240px;
	height: 102px;
}

#flashcontent_sisiki3{
	width: 240px;
	height: 102px;
}

#flashcontent_sisiki4{
	width: 240px;
	height: 77px;
}

#flashcontent_sisiki5{
	width: 240px;
	height: 77px;
}


/* 虫歯 ***************************************************/
	
#flashcontent_basyo{
	width: 380px;
	height: 140px;
}

#flashcontent_yobo1{
	width: 170px;
	height: 102px;
}

#flashcontent_yobo2{
	width: 170px;
	height: 102px;
}

#flashcontent_yobo3{
	width: 120px;
	height: 100px;
}

#flashcontent_sinko{
	width: 470px;
	height: 290px;
}


/* 歯周病 ***************************************************/
/*原因と症状*/
#flashcontent_syojo1{
	width: 190px;
	height: 100px;
}

#flashcontent_syojo2{
	width: 190px;
	height: 60px;
}

#flashcontent_syojo3{
	width: 190px;
	height: 60px;
}

#flashcontent_syojo4{
	width: 190px;
	height: 60px;
}

#flashcontent_syojo5{
	width: 190px;
	height: 60px;
}
#flashcontent_syojo6{
	width: 190px;
	height: 60px;
}

#flashcontent_syojo7{
	width: 190px;
	height: 60px;
}

#flashcontent_syojo8{
	width: 190px;
	height: 70px;
}


/*予防と進行*/
#flashcontent_s_yobo1{
	width: 80px;
	height: 80px;
}

#flashcontent_s_yobo2{
	width: 90px;
	height: 80px;
}

#flashcontent_shinko{
	width: 470px;
	height: 290px;
}

/*検査*/
#flashcontent_kensa1{
	width: 110px;
	height: 90px;
}

#flashcontent_kensa2{
	width: 110px;
	height: 95px;
}

#flashcontent_kensa3{
	width: 110px;
	height: 90px;
}

#flashcontent_kensa4{
	width: 110px;
	height: 100px;
}

/*検査*/
#flashcontent_syoki1{
	width: 170px;
	height: 200px;
}

#flashcontent_syoki2{
	width: 110px;
	height: 110px;
}

#flashcontent_syoki3{
	width: 110px;
	height: 110px;
}

/* 歯みがき ***************************************************/

/*　歯みがき法　*/
#flashcontent_haburashi1{
	width: 112px;
	height: 80px;
}

#flashcontent_haburashi2{
	width: 112px;
	height: 80px;
}

#flashcontent_brussing1{
	width: 140px;
	height: 120px;
}

#flashcontent_brussing2{
	width: 130px;
	height: 130px;
}

#flashcontent_brussing3{
	width: 157px;
	height: 90px;
}

#flashcontent_brussing4{
	width: 480px;
	height: 270px;
}

#flashcontent_brussing5{
	width: 480px;
	height: 130px;
}

#flashcontent_brussing6{
	width: 480px;
	height: 100px;
}

#flashcontent_brussing7{
	width: 480px;
	height: 116px;
}

/*　フロス歯垢染色剤　*/
#flashcontent_floss1{
	width: 165px;
	height: 110px;
}

#flashcontent_floss2{
	width: 165px;
	height: 140px;
}

#flashcontent_floss3{
	width: 165px;
	height: 145px;
}

/* 虫歯の治療方法 *************************************************/

/*浅い虫歯の治療*/
#flashcontent_chiryo1{
	width: 165px;
	height: 145px;
}

#flashcontent_chiryo2{
	width: 165px;
	height: 145px;
}

#flashcontent_tsumeru1{
	width: 480px;
	height: 210px;
	margin-top:16px;
}

#flashcontent_tsumeru2{
	width: 480px;
	height: 250px;
	margin-top:16px;
}

/*歯髄(神経)の治療*/
#flashcontent_shizui1{
	width: 150px;
	height: 140px;
	margin: 0 25px;
}

#flashcontent_shizui2{
	width: 150px;
	height: 140px;
	margin: 0 22px;
}

#flashcontent_shizui3{
	width: 480px;
	height: 250px;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}

#flashcontent_shizui4{
	width: 480px;
	height: 300px;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}

#flashcontent_shizui5{
	width: 150px;
	height: 140px;
}

/*歯髄(神経)・根の治療*/
#flashcontent_shizui_ne1{
	width: 150px;
	height: 140px;
}

#flashcontent_shizui_ne2{
	width: 150px;
	height: 140px;
}

#flashcontent_shizui_ne3{
	width: 480px;
	height: 250px;
}

/* 歯冠修復 *************************************************/
#flashcontent_inlay1{
	width: 130px;
	height: 110px;
	margin: 0 0 8px 0;
}

#flashcontent_inlay2{
	width: 130px;
	height: 110px;
}


#flashcontent_zensou1{
	width: 130px;
	height: 110px;
	margin: 0 0 16px 0;
}

#flashcontent_zensou2{
	width: 130px;
	height: 110px;
}

#flashcontent_zensou3{
	width: 179px;
	height: 81px;
}

#flashcontent_45kan1{
	width: 130px;
	height: 110px;
	margin: 0 0 16px 0;
}

#flashcontent_45kan2{
	width: 130px;
	height: 110px;
}

#flashcontent_45kan3{
	width: 179px;
	height: 81px;
}

#flashcontent_fck1{
	width: 130px;
	height: 110px;
	margin: 0 0 16px 0;
}

#flashcontent_fck2{
	width: 130px;
	height: 320px;
}

#flashcontent_fck3{
	width: 179px;
	height: 81px;
}


/* 抜歯後の処置 *************************************************/
/* ブリッジ */
#flashcontent_bashi{
	width: 300px;
	height: 150px;
}

#flashcontent_bridge{
	width: 480px;
	height: 210px;
}

/* 義歯 */
#flashcontent_giba{
	width: 480px;
	height: 210px;
}

/* インプラント */
#flashcontent_implant1{
	width: 155px;
	height: 150px;
}

#flashcontent_implant2{
	width: 155px;
	height: 150px;
}

#flashcontent_implant3{
	width: 155px;
	height: 170px;
}

/* 治療の中断 *************************************************/
#flashcontent_bashigo1{
	width: 142px;
	height: 130px;
}

#flashcontent_bashigo2{
	width: 170px;
	height: 130px;
}

/* 親知らず *************************************************/
#flashcontent_oyashirazu1{
	width: 190px;
	height: 270px;
}

#flashcontent_oyashirazu2{
	width: 205px;
	height: 157px;
}

#flashcontent_oyashirazu3{
	width: 205px;
	height: 157px;
}

#flashcontent_oyashirazu4{
	width: 225px;
	height: 140px;
}

#flashcontent_oyashirazu5{
	width: 205px;
	height: 140px;
}

#flashcontent_oyashirazu6{
	width: 255px;
	height: 150px;
}
















/*------------------------------------------------------------------
------------------------------------------------------------------
	CSSを使用するページにする際に適応させる（CSS_tisiki1.html参照）
------------------------------------------------------------------
------------------------------------------------------------------*/



/*　各コンテンツ小見出し画像の画像置換　*/
#s_main #waku_in h2{
	background-repeat:no-repeat;
	width:460px;
	height:27px;
	text-indent:-9999px;
	margin:0 0 15px 0;
}

#s_main #waku_in h2.kozo{
	background:url(../image/chisiki/k_kouzo.gif);
}

#s_main #waku_in h2.meisyo{
	background:url(../image/chisiki/k_meisyo.gif);
	margin-top:30px;
}


h3.color_text {
	color: #6165AF;
	
}


/*------------------------------------------------------------------
	大きいFLASHへの対応（width:570px以上のFLASH）
------------------------------------------------------------------*/
/*waku_inの外へ出して左マージンをつけて入れる*/
.big_flash{
	margin:0 0 0 15px;
}