@charset "utf-8";

@import url("common.css");


body {
	margin: 0px;
	padding: 0px ;
	color: #333333 ;
	scrollbar-base-color: #ffffff ;
	scrollbar-shadow-color: #999999 ;
	scrollbar-darkshadow-color: #333333 ;
	scrollbar-track-color: #ffffff ;
	scrollbar-face-color: #ffffff ;
	scrollbar-highlight-color: #e6e6e6 ;
	scrollbar-3dlight-color: #cccccc ;
	scrollbar-arrow-color: #cccccc ;
	text-align : center ;
}



img {
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
	vertical-align: bottom ;
}

img.img2 {
	vertical-align : baseline  ;
}

table {
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
}

p {margin: 0px;}

ul {
	margin: 0px ;
	padding: 0px ;
	list-style-type: none ;
}

ol {
	margin: 0px ;
	padding: 0px ;
	list-style-type: none ;
}

li {
	margin: 0px ;
	padding: 0px ;
}


form {margin:0px}

.clear_float { clear: both ;}



#wrapper {
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px ;
	width : 820px ;
	text-align : left ;
}


#bg_gra {
	width : 820px ;
	text-align : center ;
	background-image: url("image/bg.gif") ;
}


#contents {
	margin: 0px auto;
	padding: 0px ;
	width : 820px ;
	text-align : left ;
}


#header_back {
	margin: 0px;
	padding: 0px ;
	background-image: url("image/header_back.gif") ;
	background-repeat:no-repeat;
	text-align:center;
	width:820px;
	height:21px;
}

#top {
	width:820px;
	height:110px;
	margin:0px;
	padding:0px;
	position:relative;
}


#top p.order {
	position:absolute;
	left:440px;
	top:10px;
}


#top p.contact {
	position:absolute;
	right:10px;
	top:10px;
}


#mailmenu {
	text-align:right;
	padding:7px 0 0 0;
	
}

#mailmenu a{
	margin-right:5px;
}


/*  メインコンテンツ（左＋右）   */
#main_contents {
	clear: both;
	margin: 0px auto;
	padding: 0px ;
	width : 820px ;
	text-align : left ;
}

/*  クリアーフィックス   */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*  ←左側　治療メニュー   */

#side_menu {
	float:left;
	margin: 0px;
	padding-top:10px;
	width: 220px;
	text-align:left;
	display:inline;
	overflow:hidden;
}

#menu  { 
	margin-left:10px;
}


ul.c_menu {
	margin:0px;
	padding:0px;
}

ul.c_menu li {
	background:url("image/menu_bg.gif") no-repeat center bottom;
	width:200px;
	height:35px;
}

ul.c_menu li.menu_top {
	background:url("image/menu_bg_top.gif") no-repeat center bottom;
	width:200px;
	height:35px;
}

ul.c_menu li.menu_bottom {
	background:url("image/menu_bg_bottom.gif") no-repeat center bottom;
	width:200px;
	height:35px;
}

ul.c_menu li a {
	display:block;
	padding-left:25px;
	font-size:14px;
	color:#666666;
	font-weight:bold;
	line-height:1.5 ;
	text-align:left;
	text-decoration:none ;
	position:relative; top:8px; left:0px;
}

ul.c_menu li a:hover {
	color:#000000;
	text-decoration:underline ;
}


ul.c_menu_s {
	background:#E8FFFF;
	width:200px;
	padding:3px 0;
}

ul.c_menu_s li {
	padding:0 0 3px 25px;
	font-size:14px;
}

ul.c_menu_s li a:link,
ul.c_menu_s li a:visited {
	color:#666666;
	text-decoration:none ;
}

ul.c_menu_s li a:hover {
	color:#000000;
	text-decoration:underline ;
}

.page_on {
	display:block;
	padding-left:25px;
	font-size:14px;
	color:#000000;
	line-height:1.5 ;
	font-weight:bold;
	text-align:left;
	text-decoration:underline ;
	position:relative; top:8px; left:0px;
}


/*  ←左側　診療案内の内部リンク   */
ul.inner_link {
	margin-top: 15px;
	padding: 0 0 0 24px;
	text-align:left;
}

ul.inner_link li {
	line-height:1.3 ;
}

a.link1{
	font-size:14px;
	color:#666666;
	line-height:1.3 ;
	text-align:left;
	text-decoration:none ;
}

a.link1:hover{
	font-size:14px;
	color:#000000;
	line-height:1.3 ;
	text-align:left;
	text-decoration:underline ;
}


/*  ←左側　バナー   */

#bunner {
	width:200px;
	margin: 0px;
	padding-top: 10px;
	font-size:12px;
	line-height:1.3;
}

#bunner img {
	vertical-align: baseline ;
}

#bunner a {
	font-size:12px;
	color:#009900;
	line-height:1.3;
	margin:0px;
	text-align : left ;
	text-decoration:none ;
}

#bunner a:hover {
	font-size:12px;
	color:#009900;
	line-height:1.3;
	text-align : left ;
	margin:0px;
	text-decoration:underline ;
}

/*  →右側　サブコンテンツ   */
#sab_contents {
	float:right;
	display:inline;
	margin: 0px;
	padding:0px;
	width: 600px;
	text-align:left;
	overflow:hidden;
}

#sab_contents_2 {
	float:right;
	display:inline;
	margin: 0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	width: 580px;
	text-align:left;
}

    /*  →右側　メインフォト   */
   .p_main {
   	text-align:right;
   	margin-bottom:20px;
}

    /*  →右側　診療時間   */
   .c_box1 {
   	float:left;
   	width:295px;
   	margin:0px;
   	padding:0px;
   	text-align:center;
}

    /*  →右側　本文枠   */
   .honbun_waku {
   	margin:10px 15px 0 5px;
   	width:580px;
   	color:#333333;
   	font-size:87.5%;
   	line-height:1.7;
   	text-align:left;
}


    /*  →右側　キャッチ（画像）   */
   .catch {
   	text-align:center;
   	margin-bottom:15px;
}


    /*  →右側　サブコンテンツ本文   */
   .text {
   	width:565px;
   	margin:0 0 0 15px;
   	padding:0px;
   	color:#333333;
   	font-size:100%;
   	line-height:1.7;
   	text-align:left;
}




/*  フッターリンク   */
#footer_link {
	clear:both;
	margin: 0px ;
	padding:0px;
	height:25px;
	background-color:#ffffff;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#87DDD4;
	text-align:center;
}


#footer_link ul {
	margin: 0px ;
	padding:0px;
}

#footer_link li {
	margin: 0px ;
	padding:0px;
	display:inline;
}


#footer_link li a {
	font-size:12px;
	color:#333333;
	margin:0px;
	padding:0px;
	text-decoration:none ;
}

#footer_link li a:hover {
	font-size:12px;
	color:#55D1C8;
	margin:0px;
	padding:0px;
	text-decoration:none ;
}


/*  フッター   */
#footer {
	clear:both;
	margin: 0px ;
	padding:0px;
	width:820px;
	height:22px;
	font-size: 12px ;
	color: #FFFFFF; 
	line-height: 1.3;
	text-align: center ;
	background: url("image/footer_back.gif") ;
	background-repeat:no-repeat;
}

#footer p {
	text-align:center;
	padding:2px 0 0;
}

#footer2 {
	margin: 10px auto 0;
	padding:0px;
	width:580px;
	font-size: 12px ;
	color: #FFFFFF; 
	line-height: 1.3;
	text-align: center ;
	background-color:#5BD3CA ;
}

#footer2 p {
	text-align:center;
	padding:5px 0;
}


/*  アンカータグ  */

a {text-decoration:none ;}

a.mail:link    { color:#4162F3 ; text-decoration:none}
a.mail:visited { color:#4162F3 ; text-decoration:none}
a.mail:hover   { color:#0F30BE ; text-decoration:none}

a.link01:link    { color:#23AF9E ; text-decoration:underline}
a.link01:visited { color:#23AF9E ; text-decoration:underline}
a.link01:hover   { color:#D82560 ; text-decoration:none}



/* ページバック */
.go {
	clear:both;
	margin: 15px 0 15px 0 ;
	padding:0;
	text-align : right;
}

.go a{
	margin : 0px ;
	padding-left : 14px ;
	color:#90A3BA ;
	font-size:100% ;
	line-height:1.5 ;
	text-align : left ;
	text-decoration:underline ;
	background:url("image/page_back2.gif") no-repeat left center;
}

.go a:hover{
	text-decoration:none ;
	background:url("image/page_back2_o.gif") no-repeat left center;
}

.go a.home{
	margin : 0px ;
	padding-left : 15px ;
	color:#90A3BA ;
	font-size:100% ;
	line-height:1.5 ;
	text-align : left ;
	text-decoration:underline ;
	background:url("image/page_back1.gif") no-repeat left center;
}

.go a.home:hover{
	text-decoration:none ;
	background:url("image/page_back1_o.gif") no-repeat left center;
}



/*  Ｈタグ  */

h1 {
	font-size: 12px ;
	color: #333333 ;
	margin: 0px ;
	padding: 2px 0px 0px 0px ;
}


h2 {
	font-size: 20px ;
	color:#ffffff;
	background:url("image/title_bar.gif") no-repeat;
	margin:0 0 15px;
	padding:4px 0 0 15px ;
	width: 580px;
	height:40px;
	text-align: left ;
}

.sub_title {
	clear: both ;
	margin: 15px 0px 10px 0px ;
	text-align: left ;
	background:url("image/sub_title_bg.gif") repeat-x left bottom;
	height:35px;
}

.sub_title span {
	background:url("image/point1.gif") no-repeat 0 4px;
	padding-left:18px;
	color:#333333;
	font-weight:bold;
	font-size: 18px ;
}


.subject01 {
	margin:15px 0 5px;
	font-weight:bold;
	font-size:120%;
	color:#C24A22;
	background:url("image/subject01_bg.gif") repeat-x left center;
}

.subject01 span {
	background:#ffffff;
	padding-right:5px;
}

/*  囲み記事   */
.kakomi01 {
	background:#FBF2DD;
	padding:10px;
	border:2px #9AACC2 solid;
}


/*  予約フォームで使用   */
.kakomi01 {
	background:#fccedb;
	padding:10px;
	border:2px #de97ab solid;
}

.red_ff6666b            {color:#ff6666; font-weight:bold;}
.red_fc6778             {color:#fc6778;}
.red_fc6778b            {color:#fc6778; font-weight:bold}
.red_fc6778b120         { font-size:100% ;color:#fc6778; font-weight:bold ; line-height:1.2}
.gray_333333140         { font-size:100% ;color:#333333; line-height:1.4}
.gray_999999            { color:#999999;}
.orange_ff6600          { color:#ff6600;}
.orange_ff6600b         { color:#ff6600;font-weight:bold;}
.blue_2982e7            { color:#2982e7;}
.blue_338585b           { color:#338585; font-weight:bold;}
.blue_085bffb           { color:#085bff; font-weight:bold;}
.blue_085bffb120        { color:#085bff; font-weight:bold; font-weight:bold ; line-height:1.2}
.pink_fe5289b           { color:#fe5289; font-weight:bold;}
.green_129105b          { color:#129105; font-weight:bold;}

.blown_883926b          {color:#883926;font-weight:bold;}

.fk12gray_333333120       { font-size:12px ; color:#333333 ; line-height:120% }
.f12gray_333333b120       { font-size:100% ;color:#333333; font-weight:bold ; line-height:1.2}

.table_1 {
	font-size:87.5%;
	line-height:1.3;
}

.table_2 {
	font-size:100%;
	line-height:1.3;
}



/*  ポジション   */
.position2 {
	position:relative; top:2px; left:0px;
	}


/* アクセスマップ */
#map_box{
	width: 550px ;
	margin: 0px auto ;
	padding: 0px ;
	text-align:left;
}

ul#map_bt {
	margin:8px 0 5px;
	text-align:center;
}

ul#map_bt li {
	display:inline;
	margin-right:8px;
}

ul#map_bt li.last {
	margin-right:0px;
}


#map_canvas {
	margin:0 auto;
}


table.tb01 {
	padding:0px;
	margin:0px;
	border-collapse: collapse;
	font-size:100%;
}

table.tb01 th,
table.tb01 td {
	vertical-align:top;
	padding:5px 10px;
	line-height:1.3;
	color:#333333;
	text-align:left;
}

table.tb01 th {
	/*width:110px;*/
	border-bottom:3px #ffffff solid;
	border-right:3px #ffffff solid;
	font-weight:normal;
	width:50%;
}

table.tb01 td {
	/*width:auto;*/
	border-bottom:3px #ffffff solid;
	width:50%;
}

.bg01_1 {
	background:#fca7ce;
}

.bg01_2 {
	background:#fbe0ed;
}

.bg02_2 {
	background:#fbfde0;
}


/*  カラーボックス枠  */
.box01 {
	padding:5px 10px;
	margin-bottom:3px;
}



/* 太田歯科より流用（あとで変更有り） */
.bg_text {
	clear:both;
	color:#4baeb8;
	font-size:120%;
	font-weight:bold;
	margin-bottom:5px;
}

.bg_text span{
	background:#fee3e3;
	padding:5px;
}

.kakomi {
	background-color:#faf5dd;
	border:1px #31357e solid;
	width:100%;
}

.yellow_c38401b            { color:#c38401; font-weight:bold;}

.bg_tx03 {
	padding:5px 10px;
	background:#fbe0ed;
	line-height:1.3;
	margin-bottom:3px;
}

.bg_tx04 {
	padding:5px 10px;
	background:#fbfde0;
	line-height:1.3;
	margin-bottom:3px;
}

/*  ポイント付きテキスト  */
.point_b {
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
	color:#0754e0;
	background:url("10_perfectperio/point_b.gif") no-repeat 0 0;
	padding:0 0 20px 60px;
}

/*  1行の時（２行の時はｐをトル）  */
.point_b p {
	padding-top:15px;
}

.point_b_txt {
	padding:0 0 0 60px;
	margin:-10px 0 20px;
}


/*  歯周病セルフチェック  */
ul.self_check {
	margin-left:15px;
}

ul.self_check li {
	float:left;
	width:260px;
}

/*  歯周病の状況  */
ul.shishu_joukyou {
	margin:0;
}


ul.shishu_joukyou li {
	float:left;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}

ul.shishu_joukyou li.s01  {
	width:120px;
	padding:9px 0 0;
}

ul.shishu_joukyou li.s02 {
	width:110px;
	font-size:120%;
	padding:7px 0 0;
}

ul.shishu_joukyou li.s03 {
	width:160px;
	font-size:140%;
	padding:5px 0 0;
}

ul.shishu_joukyou li.s04 {
	width:150px;
	font-size:180%;
}


/*  歯周病の状況2  */
dl.dl01 {
	margin:10px 0 0;
}


dl.dl01 dt {
	float:left;
	clear:both;
	width:7.5em;
	height:3.25em;
	line-height:1.3;
	color:#ffffff;
	font-weight:bold;
	margin-bottom:3px;
}

dl.dl01 dt span {
	display:block;
	padding:5px;
}

dl.dl01 dd {
	margin-left:8em;
	line-height:1.3;
	zoom:1;
	margin-bottom:3px;
}

dl.dl01 dd span {
	display:block;
	padding:5px 5px 5px 0;
}


.bg_FF9393 {
	background:#FF9393;
}

.bg_FF5555 {
	background:#FF5555;
}

.bg_FF3737 {
	background:#FF3737;
}

.bg_FF0000 {
	background:#FF0000;
}


/*  歯周病と全身疾患  */
table.shishu {
	padding:0px;
	margin:0px;
	border-collapse: collapse;
	font-size:100%;
}

table.shishu th,
table.shishu td {
	vertical-align:top;
	padding:5px 10px;
	line-height:1.3;
	color:#333333;
	text-align:left;
}

table.shishu th {
	width:140px;
	border-bottom:3px #ffffff solid;
	border-right:3px #ffffff solid;
}

table.shishu td {
	width:auto;
	border-bottom:3px #ffffff solid;
}



/*  ニュースコンテンツ   */

div#news-content {
	margin: 0 0 30px ;
}

div#news-content dl {
	zoom:1;
	overflow:hidden;
	margin: 0 0 0 15px ;
	padding: 0 ;
}

div#news-content dl dt {
	float: left ;
	clear: both ;
	width: 6em ;
	margin: 0 ;
	padding: 0 0 10px 17px ;
	background: url("image/point2.gif") no-repeat 0 3px ;
}

div#news-content dl dd {
	marign: 0 0 0 8em ;
	padding: 0 0 10px ;
}

div#news-content dl dd a {
	zoom:1;
	display:inline-block;
}


div.get-well {
	padding: 15px 20px ;
	margin:0 20px 0 ;
	line-height: 1.5 ;
	font-size: 100% ;
	border-bottom: 1px solid #999999 ;
}


div.get-well p {
	font-size: 110% ;
}


.small_85        { font-size: 85% ;}
.big_110         { font-size: 110% ;}
.big_140         { font-size: 140% ;}


.right {
	text-align: right ;
}

.center {
	text-align: center ;
}


.lh15 {
	line-height: 1.5 ;
}