/*==================================================
藤沢歯科 ペリオ・インプラントセンター
==================================================*/

@charset "UTF-8";

/*---------- 文字・色・配置 ----------*/
/* 文字 */
.fts1		{ font-size:10px }
.fts2		{ font-size:12px }
.fts3		{ font-size:14px }
.fts3-wb-clra	{ font-size:14px ; font-weight:bold ; color:#5764a1 }
.fts3-clra	{ font-size:14px ; color:#5764a1 }
.fts3-clrc	{ font-size:14px ; color:#666666 }
.fts4		{ font-size:16px }
.fts4-wb-clra	{ font-size:16px ; font-weight:bold ; color:#5764a1 }
.fts4-clra	{ font-size:16px ; color:#5764a1 }
.fts5		{ font-size:24px }
.ftsl		{ font-size:120% ; line-height:120% }	/* 大きく */
.ftss		{ font-size: 80% ; line-height:110% }	/* 小さく */
.ftwb		{ font-weight:bold }
.ftwb-clra	{ font-weight:bold ; color:#5764a1 }
.ftwn		{ font-weight:normal }
/* 色 */
.clr0		{ color:#FFFFFF }	/* 白 */
.clr1		{ color:#FF0000 }	/* 赤 */
.clr2		{ color:#0000FF }	/* 青 */
.clr3		{ color:#FFFF00 }	/* 黄 */
.clr4		{ color:#008000 }	/* 緑 */
.clr5		{ color:#FF00FF }	/* 紫 */
.clr9		{ color:#000000 }	/* 黒 */
.clra		{ color:#5764a1 }	/* メインカラー */
.clrb		{ color:#FFCC00 }	/* サブカラー */
.clrc		{ color:#666666 }	/* 補足カラー */
/* float */
.floatl		{ float:left }
.floatr		{ float:right }
.clear		{ clear:both }
/* align */
.alignR{text-align:right;}
.alignC{text-align:center;}
.alignL{text-align:left;}
/* margin */
.mrga		{}
.mgrl10{margin-left:10px;}
/* padding */
.pt10		{padding-top:10px;}

/*---------- TABLE ----------*/
/* 線0間0内0 */
TABLE.tbl0-0-0		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 }
TABLE.tbl0-0-0 td	{ padding:0 }
/* 線0間0内5 */
TABLE.tbl0-0-5		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 }
TABLE.tbl0-0-5 td	{ padding:5px }


/*================================================
ベース
================================================*/

/*--------------------------------------
BASE
--------------------------------------*/


/*--------------------------------------
ヘッダー
--------------------------------------*/

/*--------------------------------------
メイン
--------------------------------------*/


/*--------- メイン（本文） --------*/
#main-main	{ width:570px ; float:right }
#main-main .contents	{ margin-top:15px }
/* パンくずリスト */
#main-main ul.topicpath 	{ margin:10px 0 15px 0 ; padding:0 0 10px 0 ; height:20px ; font-size:11px ; line-height:14px ; border-bottom:1px solid #E5E5E5 }
#main-main ul.topicpath li	{ padding-top:0 ; padding-bottom:0 ; padding-left:25px ; background: #fff url(../images/base/main-main_topicpath_last_bg.gif) left center no-repeat  ; float:left }
#main-main ul.topicpath li.first	{ padding-left:30px ; background:#fff url(../images/base/main-main_topicpath_first_ng.gif) left center no-repeat  }
#main-main ul.topicpath li.last		{ background:#FFFFFF url(../images/base/main-main_topicpath_last_bg.gif) left center no-repeat  }
#main-main ul.topicpath a	{ color:#333333 }
/* 診療時間 */
table.timetable		{ margin-bottom:10px ; width:400px ; border:1px #E3E3E3 solid ; border-spacing:0 ; background:#D5F0F0 url(../images/base/main-main_timetable_bg.gif) repeat-x 0 100% }
table.timetable th	{ padding:5px ; border:#98DCDC solid ; border-width:0 0 1px 1px ; background:#73CECE url(../images/base/main-main_timetable_th_bg.gif) repeat-x 0 100% ; color:#666 ; font-weight:bold ; line-height:120% ; text-align:center }
table.timetable td	{ padding:5px ; border-style:solid ; border-width:1px ; border-color:#FFFFFF #8ED9D9 #8ED9D9 #FFFFFF ; color:#1A4444 ; text-align:center ; white-space:nowrap }
/* ページトップへ */
p.back	{ text-align:right }
/* その他 */
.margin6 { margin-top:6px ; margin-bottom:6px ; font-size:12px ; line-height:1.5 }







/*================================================
コーナー背景
================================================*/

.cbb{
	overflow:hidden;
}


/* Top corners and border */
.bt	{ margin:0 0 0 18px ; height:17px ; background:url(../images/box.png) no-repeat 100% 0 }
.bt div { position:relative ; left:-18px ; width:18px ; height:17px ; font-size:0 ; line-height:0 ; background:url(../images/box.png) no-repeat 0 0 }

/* Bottom corners and border */
.bb	{ margin:0 0 0 12px ; height:14px ; background:url(../images/box.png) no-repeat 100% 100% }
.bb div { position:relative ; left:-12px ; width:12px ; height:14px ; background:url(../images/box.png) no-repeat 0 100% ; font-size:0 ; line-height:0 }

/* Left border */
.i1	{ padding:0 0 0 12px ; background:url(../images/borders.png) repeat-y 0 0 }
/* Right border */
.i2	{ padding:0 12px 0 0 ; background:url(../images/borders.png) repeat-y 100% 0 }
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3	{ display:block ; margin:0 ; padding:1px 10px ; background:#fff }
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after	{ content:"." ; display:block ; height:0 ; clear:both ; visibility:hidden }
.i3		{display:inline-block;}
.i3		{display:block;}

.cb li {margin-left:1em;}


/*================================================
サイドナビゲーション
================================================*/
ul#sliding-navigation
{
	list-style-type: none;
	font-size: 14px;
	margin: 20px 0;
	padding: 0;
} /* ★一部変更 */

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 148px;
	padding: 5px 3px 5px 15px;
	margin: 5px 0;
	font-size:13px;
} /* ★一部変更 */

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(../images/base/sliding-navigation_heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #fff;
	background:#5764a1 url(../images/base/sliding-navigation_tab_bg.jpg) repeat-y;
	border: 1px solid #999999;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #f3c400; 
}


/* -----↓★追加分----- */
/* 非表示 */
ul#sliding-navigation li.sliding-elementX	{ display:none }
/* サブメニュー用（スライド効果無） */
ul#sliding-navigation li.sliding-subelement h3,
ul#sliding-navigation li.sliding-subelement a
	{
	display: block;
	width: 148px;
	padding: 2px 3px 0 15px;
	margin: 0;
	font-size:12px;
	}
ul#sliding-navigation li.sliding-subelement h3
	{
	color: #5764a1;
	font-weight: normal;
	}
ul#sliding-navigation li.sliding-subelement a
	{
	color: #5764a1;
	text-decoration: none;
	}
ul#sliding-navigation li.sliding-subelement a:hover
	{ 
	color: #f3c400; 
	}
/* -----↑★追加分----- */



/*================================================
タブ メニュー
================================================*/

.tabber{display:none;}
.tabberlive .tabbertabhide {
 display:none;
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #fff;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #fff;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #333333; }
ul.tabbernav li a:visited { color: #333333; }

ul.tabbernav li a:hover
{
 color: #333;
 border-bottom: 3px solid #5764a1;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 3px solid #f3c400;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #333;
 background: white;
 border-bottom: 3px solid #f3c400;
}

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #fff;
 border-top:0;
}

.tabberlive .tabbertab h2 {
 display:none;
}


.tabberlive#tab1 {
 overflow:auto;
}
.tabberlive#tab2 {
 overflow:auto;
}
.tabberlive#tab2 .tabbertab {
 height:250px;
 overflow:auto;
}

/*================================================
下層ページ
================================================*/

/*--------------------------------------
診療案内　［dental/index.html］
--------------------------------------*/



/*================================================
トップカテゴリ
================================================*/

/*--------------------------------------
トップページ　［index.html］
--------------------------------------*/

/* ↓メイン画像切替用（JavaScriptファイル連動） */
#mainImg 	{ margin:0 ; padding:0 ; position:relative ; width:570px ; height:250px ; text-align:center }
#mainImg div	{ margin:0 ; padding:0 ; display:none ; position:absolute ; left:0 ; top:0 }




- - - - - - - - - - - - - - - - - - - -

#utilityNavigation {
	position: absolute;
	right: 0;
	top: 25px;
	width: 170px;
	font-size: 90%;
	line-height: 1.2;
}
#utilityNavigation li {
	position: absolute;
	top: 0;
	width: 8em;
}
#utilityNavigation li#navSiteMap {
	right: 9em;
}
#utilityNavigation li#navInquiry {
	right: 0;
}
#utilityNavigation li a {
	padding-left: 12px;
	text-decoration: none;
}
#utilityNavigation li#navSiteMap a {
	background: url(../images/ico_sitemap.gif) left center no-repeat;
}
#utilityNavigation li#navInquiry a {
	background: url(../images/ico_mail.gif) left center no-repeat;
}

- - - - - - - - - - - - - - - - - - - -

#main #indexmain{
	background:url(../images/base/index_mainbg.png) no-repeat;
	width:570px;
	height:100px;
	position:relative;
	margin:10px auto;
	padding:0px;
}
#main #indexmain .pic{
	width:190px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
}
#main #indexmain h3.title{
	display:inline;
	position:absolute;
	top:45px;
	left:200px;
	font-weight:bold;
	font-size:24px;
    text-shadow: 4px 4px 2px #FFF,
    -4px 4px 2px #FFF,
    4px -4px 2px #FFF,
    -4px -4px 2px #FFF;
}
#main #indexmain p.name{
	font-weight:bold;
	color:#999;
	display:inline;
	position:absolute;
	top:10px;
	left:200px;
}
#main #indexmain p.tel{
	font-weight:bold;
	color:#666;
	display:inline;
	position:absolute;
	bottom:10px;
	right:20px;
	margin:0px;
}


#navigation-block {
	position:relative;
	top:190px;
	left:190px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

- - - - - - - - - - - - - - - - - - - -

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(../images/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(../images/box.gif); }

#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}

.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(../images/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(../images/button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(../images/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(../images/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(../images/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(../images/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(../images/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

#absolute-wrapper {
	position:relative;
	height:9em;
}

input {background:#f7f8ff; border:1px solid #5764a1;}




/* CSSハック ----------------------------------------------------------------- */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0px;
   visibility: hidden;
}

/* IE7とMac版IE5用 */
.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */