@charset "Shift_JIS";

/*-----------------------------------------------------------------
【すぎもと歯科】

	01.共通設定
		■共通のスタイル
		■テンプレート
	02.ヘッダー
	03.メインコンテンツ
	04.トップページ
	05.すぎもと歯科について
		■すぎもと歯科について
		■スタッフ
		■スタッフの治療体験談（09.09.08追加）
	06.治療方針
		■感染予防対策
		■リラックス
		■やしの歯クラブ
		■診療方針
	07.歯について
		■Q&A
		■歯周病について
		■矯正・口臭
		■インプラント
	08.スタッフ募集
	09.リンク
	10.サイトマップ
	11.フッター
	12.イベント（キッズコーナー）
	13.お客様の声（08.08.08追加)
	14.携帯サイト（10.03.24追加)
	
----------------------------------------------------------------*/


/*================================================================
	01.共通設定
================================================================*/

body {
	font-size:12px !important;
	line-height:140%;
	font-family:"Osaka", "ＭＳ Ｐゴシック", MS PGOTHIC, Osaka, Verdana, Helvetica, sans-serif;
	background-color:#F4F7FB;
	color:#666666;
}

h2 { 
	margin-top: 30px;
	font-size: 14px;
}
		 
h3 {  
	margin-left: 15px;
	font-size: 12px;
}

p { 
	font-size: 12px;
	line-height: 120%;
	margin-left: 20px;
}
		
ul {
	font-size: 12px;
	margin-left:35px;
        }

td,th {  
	font-size: 12px;
}
		  
a {
	color:#0066CC;
}

a:hover{
	color:#FFCC33;
}  

/*----------------------------------------
	■共通のスタイル
----------------------------------------*/
		 
.box_left20 {
	margin-left:20px;
}
		 
.right {
	text-align:right;
}
		 
.center {
	text-align: center;
}
		
.font2 {
	font-size: 12px;
	margin-left: 5px;
	padding-left: 5px;
	margin-right: 2px;
	padding-right: 2px;
}

/*----------------------------------------
	■テンプレート　ナビゲーション
----------------------------------------*/

.font3 {
	font-size: 12px;
	margin-top: 2px;
	margin-left: 1px;
	padding-top: 2px;
	padding-left: 1px;
	padding-right: 5px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	vertical-align:top;
}

.param1 {
	color: #FFFFFF;
	text-decoration: none;
}


/*================================================================
	02.ヘッダー
================================================================*/

#header {
	font-size: 10px;
	margin:0px;
	padding-bottom:2px;
	font-weight:normal;
	text-align:right;
		}
	
p.head {
	font-size: 11px;
	text-align: right;
} 

p.navi_head {
	font-size: 11px;
	text-align: right;
} 
		  
		  
/*================================================================
	03.メインコンテンツ
================================================================*/

.contents {
	margin-left: 20px;
	margin-right: 20px;
}
		 

/*================================================================
	04.トップページ
================================================================*/

.toppage_main {
	width: 428px;
	margin-left: 10px;
	margin-right: 10px;
}

h1.top {
	margin-left:0px;
}

h2.top {
	margin-left:0px;
}

h2.top1 {
	height:62px;
	background:url(index_img/top_concept.gif) no-repeat;
	padding:0px;
	margin-top:0px;
	margin-bottom:25px;
	text-indent:-9999px;
}


h2.top2_1 {
	height:25px;
	background:url(index_img/top_info.gif) no-repeat;
	padding:0px;
	margin-top:30px;
	margin-bottom:20px;
	text-indent:-9999px;
}

h2.top2_2 {
	height:25px;
	background:url(index_img/top_housin.gif) no-repeat;
	padding:0px;
	margin-top:30px;
	margin-bottom:20px;
	text-indent:-9999px;
}

h2.top2_3 {
	height:25px;
	background:url(index_img/top_annai.gif) no-repeat;
	padding:0px;
	margin-top:30px;
	margin-bottom:20px;
	text-indent:-9999px;
}

.info_title{
	font-weight:bold;
	color:#666666;
	font-size:12px;
}

.info_main{
	color:#FF3300;
	font-size:12px;
}

p.top {
	margin-left:10px;
	margin-right:10px;
}

p.size10 {
	font-size: 10px;
	margin:30px 0px 10px 10px;
	padding:0px;
}

.box_left3 {
	margin-left:3px;
}

#top_tp{
	margin-bottom:5px;
}

#yashinoha{
	width:208px;
	height:128px;
	padding:0px;
	margin: 0px 0px 5px 0px;
	text-align:left;
}
		 
#blog{
	width:208px;
	height:128px;
	padding:0px;
	margin: 0px 0px 5px 0px;
}

#kansen{
	width:208px;
	height:128px;
	padding:0px;
	margin: 0px 0px 5px 0px;
	background: #ffffff url(index_img/kansen.jpg) no-repeat top center;
}
		 
#inform{
	width:208px;
	height:128px;
	padding:0px;
	margin: 0px 0px 5px 0px;
	background: #ffffff url(index_img/inform.jpg) no-repeat top center;
}
		 
#machine{
	width:208px;
	height:128px;
	padding:0px;
	margin: 0px 0px 5px 0px;
	background: #ffffff url(index_img/machine.jpg) no-repeat top center;
}
		 
#relax{
	width:208px;
	height:128px;
	padding:0px;
	margin: 0px 0px 5px 0px;
	background: #ffffff url(index_img/relax.jpg) no-repeat top center;
}

#box_left{
	float:left;
	width:95px;
	padding:0px;
	margin: 0px;
}

#box_right{
	float:right;
	width:86px;
	padding:0px;
	margin: 0px;
}

#syosai1{
	padding:0px;
	margin:101px 0px 10px 35px;
}

#syosai2{
	padding:0px;
	margin:100px 0px 10px 35px;
}

.font7 {
	line-height: 15px;
}


/*================================================================
	05.すぎもと歯科について
================================================================*/
/*----------------------------------------
	■すぎもと歯科について
----------------------------------------*/

table.inchou {  
	margin-left: 20px;
	margin-top: 20px;
}

/*----------------------------------------
	■スタッフ
----------------------------------------*/

td.staff_name{
	margin:0px;
	padding:0px;
	font-weight:bold;
	vertical-align:bottom;
}

td.name_border{
	margin:0px;
	padding-bottom:5px;
	vertical-align:top;
	height:6px;
}

div#staff_photo{
	text-align:center;
}

/*----------------------------------------
	■スタッフの治療体験談
----------------------------------------*/

div.staff_voice {
	border-bottom: 1px dotted #666666;
}

/*================================================================
	06.治療方針
================================================================*/
/*----------------------------------------
	■感染予防対策
	■リラックス
----------------------------------------*/

p.left0 { 
	margin-left: 0px;
}
		
.box_blue {
	padding: 5px;
	background-color: #ECF2F8;
	margin-bottom:10px;
	width:205px;
} 

img.arrow {
	vertical-align:middle;
} 

/*----------------------------------------
	■やしの歯クラブ
----------------------------------------*/

.font6 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
}

/*----------------------------------------
	■診療方針
----------------------------------------*/

div#tp{
	margin-left:20px;
}

div#tp td{
	vertical-align:top;
}

.tp_text p{
	margin-bottom:20px;
}

.font_b{
	color:#3E8EFF;
}

.font_o{
	color:#FF6600;
}

td.tp_table{
	background-color:#FFE1E1;
	margin:0px;
	padding:0px;
}

td.tp_table p{
	margin:10px 0px 0px 20px;
}

table.tp_intable{
	margin:0px;
	padding:0px;
}

.bottom_p{/*IEの表示不都合があり下部分のみ背景表示*/
	width:560px;
	height:10px;
	padding:0px;
	margin:0px;
	background:url(concept/img/tp_img7.gif) no-repeat;
	
}
/*================================================================
	07.歯について
================================================================*/
/*----------------------------------------
	■Q&A
----------------------------------------*/

h2.qa {  
	background-color: #FFF5D6;
	padding:5px;
	font-size: 13px;
}
		 
p.qa {
	background-color: #ECF2F8;
	padding: 5px;
	margin-bottom: 40px;
}      

/*----------------------------------------
	■歯周病について
----------------------------------------*/

.font1 {
	font-size: 12px;
	color: #0099CC;
	margin-left: 2px;
	padding-left: 2px;
}

/*----------------------------------------
	■矯正・口臭
----------------------------------------*/

.font4 {
	font-size: 14px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
}

/*----------------------------------------
	■インプラント
----------------------------------------*/

.font5 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}


/*================================================================
	08.スタッフ募集
================================================================*/

.recruit {
	margin: 0px auto;	/* center */
	text-align: center;	/* center in winIE */
	padding: 0px;
	width: 450px;
}

#content {
	margin: 0px;
	padding: 0px;
	width: 450px;
}

#content h1 {
	margin: 0px;
	padding: 0px;
}

#content h1,img {
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
	vertical-align: bottom;
}

#main {
	height: 540px;
	clear: both;
	float: left;
	padding: 0px;
	width: 320px;
    marign: 0px 0px 0px 10px;
	vertical-align: bottom;
	background-image: url(recruit/dir_images/bgimg.gif);
	background-repeat: repeat-y;
}

#main h2 {
	width: 170px;
	margin: 18px 0px 3px 10px;
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
	text-align: left;

}

#main h3 {
	clear: both;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#main table {
	clear: both;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	border: 1px solid #A1BCDD;
	background-color: #A1BCDD;
}

#main td {
	margin: 0px auto;	
	text-align: left;
	padding: 0px;
	font-size: 11px !important;
	font-family: "Osaka", "ＭＳ ゴシック", verdana, arial, sans-serif;
}

.koumoku {
	width: 85px;
	background-color: #D1DFEF;
	vertical-align: middle;
}

.koumoku p {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.naiyou {
	width: 225px;
	background-color: #FFFFFF;
}

.naiyou p {
	margin: 6px 0px 5px 7px;
	padding: 0px;
	font-size: 11px !important;
}

#main ul {
	margin: 6px 0px 5px 7px;
	padding: 0px;
	list-style: none;
}

#main li {
	margin:0px;
	padding: 0px;
	text-decoration: none;
	font-size: 11px !important;
}

#staffimg {
	height: auto !important;
	float: right;
	padding: 0px;
	width: 130px;
    marign: 0px;
	vertical-align: top;
}

.closeimg {
	margin:0px;
	padding: 0px;
	clear: both;
	width: 450px;
	text-align: right;
	background-color: #A1BCDD;
}

/*----------------------------------------
	08.12.09リニューアル
----------------------------------------*/

div#recruitConte{
	clear: both;
	margin: 0 10px;
}

div#recruitConte div,
div#recruitConte ul,
div#recruitConte li{
	margin: 0;
	padding: 0;
}

div#recruitConte div.Box div.left_photo{
	float: left;
	width: 254px;
}

div#recruitConte div.Box div.right_text{
	float: right;
	width: 289px;
}

div#recruitConte ul{
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#recruitConte ul li{
	float: right;
	width: 183px;
	margin: 0;
	padding: 0;
	margin: 10px 0 25px 0;
}

*html div#recruitConte ul li{
	margin: 0;
}

div#date{
	text-align: right;
	font-weight: bold;
	margin-top: 40px;
}

div#recruitYoukou{
	clear: both;
	background: url(recruit/images/youkou_conte.gif) top left repeat-y;
	width: 564px;
	height: 100%;
	margin-top: 5px;
}

div#recruitYoukou h2{
	margin: 0;
	padding: 0;
	clear: both;
}

div#recruitYoukou div#YoukouConte{
	background: url(recruit/images/youkou_foot.gif) bottom left no-repeat;
	width: 564px;
	height: 100%;
}

div#recruitYoukou div#YoukouConte table{
	margin: 10px;
}

div#recruitYoukou div#YoukouConte table tr th,
div#recruitYoukou div#YoukouConte table tr td{
	border-bottom: 1px solid #cccccc;
	padding: 10px 5px;
	text-align: left;
}

div#recruitYoukou div#YoukouConte table tr th.end,
div#recruitYoukou div#YoukouConte table tr td.end{
	border-bottom: 0px solid #cccccc;
}

div#recruitYoukou div#YoukouConte table tr th{
	font-weight: normal;
	width: 20%;
	vertical-align: top;
}

div#recruitYoukou div#YoukouConte table tr th img{
	margin-top: 10px;
}

div#recruitYoukou div#YoukouConte table tr td p{
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

div#recruitYoukou div#YoukouConte table tr td span{
	color: #333333;
}

div#recruitYoukou div#YoukouConte table tr td p.end{
	margin: 0;
}


/*================================================================
	09.リンク
================================================================*/

div.link_name{
	padding-bottom:10px;
	padding-left:20px;
	font-weight:bold;
}

div.link_url{
	padding-bottom:10px;
	padding-left:40px;
}


/*================================================================
	10.サイトマップ
================================================================*/

h2.map  { 
	margin-left: 20px;
	font-size: 14px;
	background-color: #ECF2F8;
	padding: 10px;
	width: 520px;
}

p.map { 
	margin-left: 60px;
	line-height: 100%;
}
		 
		 
/*================================================================
	11.フッター
================================================================*/

p.navi_foot{
	font-size: 11px;
	text-align: center;
} 

p.copyright{
	font-size: 11px;
	text-align: center;
	color:white
} 

/*================================================================
	12.キッズコーナー
================================================================*/	
 
 .01{ margin-right: 20px; line-height: 135%; }
 .02{ margin-top: 10px; margin-bottom: 10px; }
 .03{ margin-top: 10px; margin-bottom: 10px; margin-right: 20px; line-height: 135% }
 .td1{ text-align: center; padding-top: 10px; padding-bottom: 10px; }
 
 .text-color-red{ color: #FF0000;
 	font-weight: 800;}

/*================================================================
	13.お客様の声
================================================================*/
dl#voice dt,
dl#voice dd{
	margin: 0;
	padding: 0;
}

dl#voice dt{
	padding: 7px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 120%;
	font-weight: bold;
	color: #777777;
	background-color: #e2f7c1;
}

dl#voice dd{
	padding: 10px;
	margin: 10px 0 20px 25px;
	border: 1px dotted #898989;
}

dl#voice dd div.age{
	text-align: right;
	margin-top: 5px;
}

/*================================================================
	14.携帯サイト
================================================================*/
#mobil {
	margin-top: 30px;
	text-align: center;
}

#mobil h3 {
	margin: 0;
}

#mobil p {
	margin: 5px 0;
}

#mobil p.note {
	color: #fff;
	text-align: right;
}

/*END*/