@charset "utf-8";

/*---base---*/
/*----------------------------------------------------------------------------------------------------------*/

* { margin:0px; padding:0px;}
body { font:normal normal normal 75%/1.6 Verdana, "ＭＳ Ｐゴシック", sans-serif; text-align: center; color:#333333; background:#FFF url(../img/bg.gif) no-repeat left top;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal;}
img { border:0; vertical-align:bottom;}
ul { list-style:none;}
table { border:none; border-collapse:collapse; font-size:100%;}
table caption { display:none;}
td,th { text-align:left; line-height: 1.4;}

#wrapper {
	margin:0px auto;
	width:970px;
	text-align:left;
	overflow:hidden;
	background: url(../img/bg_wrapper.jpg) no-repeat;
}

#main_box {
	display:inline;
	width:950px;
	float:left;
	margin: 30px 10px 0px;
}

#mainIndex,#main {
	width:710px;
	float:left;
	margin: 0px 20px 0px 0px;
}

a:link,a:visited { color:#333333; text-decoration:none; outline:none;}
a:active,a:hover { color:#666666; text-decoration:underline; outline:none;}

/*---=02_header---*/
/*----------------------------------------------------------------------------------------------------------*/

div#headerWrapper {
	height:90px;
	margin:0px 0px;
	text-align:center;
	background: url(../img/header_bg.gif) bottom repeat-x;
}
div#header {
	position:relative;
	width:970px;
	height:90px;
	margin:0px auto;
	text-align:left;
	background: url(../img/bg_header.jpg) bottom no-repeat;
}

div#header h1 {
	position:absolute;
	left:15px;
	top:30px;
	width:365px;
	height:45px;
	background:url(../img/title.gif) no-repeat;
}

div#header h1 a {
	display:block;
	width:365px;
	height:45px;
	overflow:hidden;
	text-indent:-99999px;
}

div#header h2 {
	position:absolute;
	left:575px;
	top:0px;
	width:385px;
	height:30px;
	background:url(../img/header_tel.gif) no-repeat;
	text-indent:-99999px;
}

div#header ul {
	position:absolute;
	left:575px;
	top:40px;
	width:390px;
	height:50px;
}

div#header ul li,div#header ul li a {
	display:block;
	float:left;
	width:130px;
	height: 50px;
	text-indent:-99999px;
}

div#header ul li a { background-image: url(../img/h_nav.gif);}

li.h_nav01 a { background-position:    0px 0px;} li.h_nav01 a:active,li.h_nav01 a:hover,li.h_nav01 a.on { background-position:    0px -50px;}
li.h_nav02 a { background-position: -130px 0px;} li.h_nav02 a:active,li.h_nav02 a:hover,li.h_nav02 a.on { background-position: -130px -50px;}
li.h_nav03 a { background-position: -260px 0px;} li.h_nav03 a:active,li.h_nav03 a:hover,li.h_nav03 a.on { background-position: -260px -50px;}

/*---nav---*/
/*----------------------------------------------------------------------------------------------------------*/

#nav {
	float:right;
	width:220px;
	margin: 0px 0px 50px 0px;
}
#nav a:active img,#nav a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#nav h3 {
	width:220px;
	height:48px;
	margin: 0 0 10px;
	text-indent:-99999px;
}

#side_sub01 { background-image:url(../img/side_sub01.jpg);}
#side_sub02 { background-image:url(../img/side_sub02.jpg);}

.location {
	height:120px;
	_height:122px;
	margin: 0 0 12px;
	border: #EEE solid 1px;
	color:#666666;
}
.location dt {
	padding: 6px 10px 6px;
	font-weight:bold;
	border-bottom: #EEE solid 1px;
}
.location dd {
	padding: 5px 9px;
	background: url(../img/side_img01.jpg) 153px 4px no-repeat;
	line-height:1.4;
	letter-spacing:-1px;
}

p.side_to_access { margin: 4px 0 0;}

.btn_contact { margin-bottom: 21px;}

#nav ul.sNav {
	background: url(../img/side_nav_top.gif) top no-repeat;
	padding: 2px 0 30px;
}

#nav ul.sNav li,#nav ul.sNav li a {
	display:block;
	width:220px;
	height:62px;
	text-indent:-99999px;
	cursor:pointer;
}

li#nav01 a { background-image:url(../img/nav01.gif);}
li#nav02 a { background-image:url(../img/nav02.gif);}
li#nav03 a { background-image:url(../img/nav03.gif);}
li#nav04 a { background-image:url(../img/nav04.gif);}
li#nav05 a { background-image:url(../img/nav05.gif);}
li#nav06 a { background-image:url(../img/nav06.gif);}
li#nav07 a { background-image:url(../img/nav07.gif);}
li#nav08 a { background-image:url(../img/nav08.gif);}
li#nav09 a { background-image:url(../img/nav09.gif);}
li#nav10 a { background-image:url(../img/nav10.gif);}
li#nav11 a { background-image:url(../img/nav11.gif);}

#nav ul.sNav li a:active,#nav ul.sNav li a:hover,ul.sNav li a.on,
#nav ul.sNav li a.active,#nav ul.sNav li a.hover { background-position: 0px -62px;}

#banner li { margin: 0 0 20px; text-align:center;}

/*---footer---*/
/*----------------------------------------------------------------------------------------------------------*/

#footerWrapper {
	width:100%;
	clear:both;
	background: url(../img/bg_footer.gif) 0px 25px repeat-x;
}

#footer {
	position:relative;
	width:970px;
	height:112px;
	margin:0px auto;
	text-align:left;
	background: url(../img/bg_ft.jpg) top no-repeat;
}

#footer ul {
	position:absolute;
	top:35px;
	left:15px;
	width:970px;
}
#footer ul li {
	float:left;
	margin: 0 15px 0 0;
}

#footer ul li a {
	display:block;
	padding: 0 0 0 15px;
	background: url(../img/btn_ft01.gif) 0px 5px no-repeat;
}
#footer ul li a:active,#footer ul li a:hover,#footer ul li a.on { background-position: 0px -15px;}
#footer a:link,#footer a:visited { color:#999;}
#footer a:active,#footer a:hover,#footer a.on { color: #FF0000;}

#footer p {
	position:absolute;
	top:-6px;
	left:825px;
}
#footer p a {
	display:block;
	width:135px;
	height:21px;
	background: url(../img/to_top.gif) 0px 0px no-repeat;
	text-indent:-99999px;
	outline:none;
}

address {
	display:block;
	position:absolute;
	top:35px;
	left:520px;
	width:435px;
	height:20px;
	text-align:right;
	font-style: normal;
	clear:both;
	padding: 45px 0px 0px;
	background: url(../img/ft_logo.gif) 285px 5px no-repeat;
	font-size:85%;
	color:#b5b5b5;
}

/*---top---*/
/*----------------------------------------------------------------------------------------------------------*/

div#mainImgWrapper {
	height:250px;
	margin:0px 0px;
	text-align:center;
	background: url(../img/bg_mainImg_sprite.jpg) bottom repeat-x;
}

div#mainImg {
	position:relative;
	width:970px;
	height:250px;
	margin:0px auto;
	text-align:left;
	background: url(../img/bg_mainImg.jpg) no-repeat;
}
#multiHeroContents {
	position:absolute;
	top:5px;
	left:10px;
}
#multiHeroContents li { position:absolute;}
#multiHeroContents li a { display:block; border: #CCC solid 2px;}
#multiHeroContents li a:active,#multiHeroContents li a:hover { display:block; border: #666 solid 2px;}
#multiHeroControls { position:absolute; top:5px; left:740px;}
#multiHeroControls li a {
	position:relative;
	display:block;
	width:220px;
	height:60px;
	background-position: 0 0;
	text-indent:-99999px;
	z-index:0;
	cursor:pointer;
	outline:none;
}
#multiHeroControls li a:active,#multiHeroControls li a:hover { background-position: 0px -60px;}

li.mhC01 a { background-image: url(../img/imgNav01.jpg);}
li.mhC02 a { background-image: url(../img/imgNav02.jpg);}
li.mhC03 a { background-image: url(../img/imgNav03.jpg);}
li.mhC04 a { background-image: url(../img/imgNav04.jpg);}

#multiHeroControls li.thisChild a:link,#multiHeroControls li.thisChild a:visited { background-position: 0px -60px; z-index:50;}
#multiHeroControls li a span {
	position:absolute;
	left:-15px;
	top:-15px;
	_left:-8px;
	_top:-8px;
	display:block;
	width:270px;
	height:90px;
	z-index:100;
	text-indent:-99999px;
}
#multiHeroControls li.thisChild a span { text-indent:0px;}


#mainIndex h2 {
	width:710px;
	height:48px;
	float:left;
	clear:both;
	margin: 0 0 10px;
	text-indent:-99999px;
}

#top_sub01 { background-image:url(../img/top_sub01.jpg);}
#top_sub02 { background-image:url(../img/top_sub02.jpg);}
#top_sub03 { background-image:url(../img/top_sub03.jpg);}
#top_sub04 { background-image:url(../img/top_sub04.jpg);}
#top_sub05 { background-image:url(../img/top_sub05.jpg);}

ul.topStaff li a:active img,ul.topStaff li a:hover img,a.opa:active img,a.opa:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

ul.infoArea {
	float:left;
	overflow: auto;
	width:710px;
	height:350px;
}

ul.infoArea li {
	float:left;
	width:690px;
	border-bottom: #afafaf dotted 2px;
	padding: 0 0 5px;
	margin: 5px 0 0;
}

ul.infoArea li dt {
	float:left;
	width:100px;
}
ul.infoArea li dd {
	float:left;
	width:575px;
	padding: 0 0 0 15px;
	background: url(../img/icon_info.gif) 0px 3px no-repeat;
}

/*---layout---*/
/*----------------------------------------------------------------------------------------------------------*/

.section {
	width:710px;
	padding: 0px 0px 50px;
	float:left;
	clear:both;
}

.sectionL01 { float:left;  width:300px; margin: 0 20px 0 0;}
.sectionR01 { float:right; width:390px;}
.sectionL02 { float:left;  width:210px; margin: 0 20px 0 0;}
.sectionR02 { float:right; width:480px;}

ul.columnTwo { width:730px; margin: 0 0 0 -20px;}
ul.columnTwo li {
	float:left;
	width:345px;
	margin: 0 0 0 20px;
	display:inline;
}

/*---general_purpose---*/
/*----------------------------------------------------------------------------------------------------------*/

div#pagetitleWrapper {
	height:120px;
	margin:0px 0px;
	text-align:center;
	background: url(../img/bg_pagetitle_sprite.jpg) bottom repeat-x;
}

div#pagetitle {
	position:relative;
	width:970px;
	height:120px;
	margin:0px auto;
	text-align:left;
	background: url(../img/bg_pagetitle.jpg) no-repeat;
}

#pagetitle h2 {
	width:970px;
	height:120px;
	background-position: 10px 5px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	font-size:300%;
}

#main h3 {
	width:710px;
	height:48px;
	float:left;
	clear:both;
	margin: 0 0 10px;
	text-indent:-99999px;
}
#main h4 {
	width:710px;
	height:20px;
	float:left;
	clear:both;
	margin: 0 0 10px;
	text-indent:-99999px;
}
#main h5 {
	background: url(../img/h5_icon.jpg) 0px 4px no-repeat;
	clear:both;
	margin: 0 0 10px;
	padding: 0 10px 0 15px;
	border-bottom: #e95532 dashed 1px;
	font-weight:bold;
}
#main h5 span {
	display:block;
	padding: 0 0 5px;
	font-size:80%;
	color:#e95532;
}

#main .section img { border:#dcdcdc solid 3px;}

#main .section .imgL { float:left; padding-right: 20px;}
#main .section .imgR { float:right; padding-left: 20px;}
#main .section .imgL.pb,#main .section .imgR.pb { padding-bottom: 20px;}

.icon01 { float:left;}
.icon01 li,.icon01 dt { padding: 0 0 10px 25px; background: url(../img/icon01.jpg) 0px 0px no-repeat;}
.icon01 dt { font-weight:bold;}
.icon01 dd { padding: 0 0 20px 0;}

ul.num { float:left;}
ul.num li { padding: 0 0 10px 25px; background-position: 0px 0px; background-repeat:no-repeat;}

dl.numRed { float:left;}
dl.numRed dt { padding: 0 0 10px 25px; background-position: 0px 0px; background-repeat:no-repeat; font-weight:bold;}
dl.numRed dd { padding: 0 0 20px 0;}

.numB01 { background-image:url(../img/numB01.jpg);}
.numB02 { background-image:url(../img/numB02.jpg);}
.numB03 { background-image:url(../img/numB03.jpg);}
.numB04 { background-image:url(../img/numB04.jpg);}
.numB05 { background-image:url(../img/numB05.jpg);}
.numB06 { background-image:url(../img/numB06.jpg);}
.numB07 { background-image:url(../img/numB07.jpg);}
.numB08 { background-image:url(../img/numB08.jpg);}
.numB09 { background-image:url(../img/numB09.jpg);}
.numB10 { background-image:url(../img/numB10.jpg);}

.numR01 { background-image:url(../img/numR01.jpg);}
.numR02 { background-image:url(../img/numR02.jpg);}
.numR03 { background-image:url(../img/numR03.jpg);}
.numR04 { background-image:url(../img/numR04.jpg);}
.numR05 { background-image:url(../img/numR05.jpg);}
.numR06 { background-image:url(../img/numR06.jpg);}
.numR07 { background-image:url(../img/numR07.jpg);}
.numR08 { background-image:url(../img/numR08.jpg);}
.numR09 { background-image:url(../img/numR09.jpg);}
.numR10 { background-image:url(../img/numR10.jpg);}

ul.columnImg { width: 720px; margin-left: -10px; text-align:center;}
ul.columnImg li { display:inline; margin-left:10px;}
ul.columnImg.aLeft { text-align:left;}

.table01 { width:100%;}
.table01 th,.table01 td { border: #4bacc6 solid 1px; padding: 5px 15px;}
.table01 th { white-space: nowrap; text-align:center;}
.table01 td { text-align:right;}
.table01 tr.odd th,.table01 tr.odd td { background-color:#fff;}
.table01 tr.even th,.table01 tr.even td { background-color: #d2eaf1;}
.table01.col4 th,.table01.col4 td { width:25%;}
.table01.contact td { text-align:left;}

.table02 { width:100%;}
.table02 th,.table02 td { border: #FFF solid 1px; padding: 5px 15px; color:#FFFFFF;}
.table02 th { white-space: nowrap; text-align:center; background-color:#4bacc6;}
.table02 td { text-align: center; color:#333; width:12%;}
.table02 tr.line01 td { background-color:#a5d5e2;}
.table02 tr.line02 td { background-color:#d2eaf1;}


.listContact { border: #CCC double 5px; padding: 15px 15px 0px;}
.listContact li {
	padding: 0 0 15px;
	font-size:120%;
	font-weight:bold;
	letter-spacing: 0.2em;
	color: #e8512f;
}
.listContact li a { text-decoration:underline;}

.btns { text-align:center;}
.btns li { display:inline; padding: 0 10px;}
.btns li input { line-height:20px;}

.indent { text-indent: -1em; margin-left: 1em;}
.txtS { font-size:80%;}
.note { color:#FF0000;}

.cl { clear:both; width:100%;}

.mb10 {	margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}

.pb20 { padding-bottom:20px;}
.pb40 { padding-bottom:40px;}

.plr5 { padding-left: 5px; padding-right: 5px;}

.topicpath ol li {
	/* liを横並び＆ブレットを消す */
    display: inline;
	list-style-type: none;
	float: right;
	padding-left: 10px;
}

.topicpath ol li a {
	/* aの背景画像に記号の画像を指定 */
    background-image: url(../img/crumb.gif);
	/* 右寄せ＆リピート無し */
    background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 10px;
}


/*---page_title---*/
/*----------------------------------------------------------------------------------------------------------*/

#ct_title { background-image:url(../img/ct_title.jpg);}
#ct_sub01 { background-image:url(../img/ct_sub01.jpg);}
#ct_sub02 { background-image:url(../img/ct_sub02.jpg);}
#ct_sub03 { background-image:url(../img/ct_sub03.jpg);}
#ct_sub04 { background-image:url(../img/ct_sub04.jpg);}

#micro_title { background-image:url(../img/micro_title.jpg);}
#micro_sub01 { background-image:url(../img/micro_sub01.jpg);}
#micro_sub02 { background-image:url(../img/micro_sub02.jpg);}

#implant_title { background-image:url(../img/implant_title.jpg);}
#implant_sub01 { background-image:url(../img/implant_sub01.jpg);}
#implant_sub02 { background-image:url(../img/implant_sub02.jpg);}
#implant_sub03 { background-image:url(../img/implant_sub03.jpg);}
#implant_sub04 { background-image:url(../img/implant_sub04.jpg);}
#implant_sub05 { background-image:url(../img/implant_sub05.jpg);}
#implant_sub06 { background-image:url(../img/implant_sub06.jpg);}
#implant_sub07 { background-image:url(../img/implant_sub07.jpg);}
#implant_sub08 { background-image:url(../img/implant_sub08.jpg);}
#implant_sub09 { background-image:url(../img/implant_sub09.jpg);}
#implant_sub10 { background-image:url(../img/implant_sub10.jpg);}
#implant_sub11 { background-image:url(../img/implant_sub11.jpg);}
#implant_sub12 { background-image:url(../img/implant_sub12.jpg);}

#esthe_title { background-image:url(../img/esthe_title.jpg);}
#esthe_sub01 { background-image:url(../img/esthe_sub01.jpg);}
#esthe_sub02 { background-image:url(../img/esthe_sub02.jpg);}
#esthe_sub03 { background-image:url(../img/esthe_sub03.jpg);}
#esthe_sub04 { background-image:url(../img/esthe_sub04.jpg);}
#esthe_sub05 { background-image:url(../img/esthe_sub05.jpg);}

#ortho_title { background-image:url(../img/ortho_title.jpg);}
#ortho_sub01 { background-image:url(../img/ortho_sub01.jpg);}
#ortho_sub02 { background-image:url(../img/ortho_sub02.jpg);}
#ortho_sub03 { background-image:url(../img/ortho_sub03.jpg);}
#ortho_sub04 { background-image:url(../img/ortho_sub04.jpg);}
#ortho_sub05 { background-image:url(../img/ortho_sub05.jpg);}

#white_title { background-image:url(../img/white_title.jpg);}
#white_sub01 { background-image:url(../img/white_sub01.jpg);}
#white_sub02 { background-image:url(../img/white_sub02.jpg);}
#white_sub03 { background-image:url(../img/white_sub03.jpg);}

#child_title { background-image:url(../img/child_title.jpg);}
#child_sub01 { background-image:url(../img/child_sub01.jpg);}
#child_sub02 { background-image:url(../img/child_sub02.jpg);}
#child_sub03 { background-image:url(../img/child_sub03.jpg);}
#child_sub04 { background-image:url(../img/child_sub04.jpg);}

#prevent_title { background-image:url(../img/prevent_title.jpg);}
#prevent_sub01 { background-image:url(../img/prevent_sub01.jpg);}
#prevent_sub02 { background-image:url(../img/prevent_sub02.jpg);}
#prevent_sub03 { background-image:url(../img/prevent_sub03.jpg);}
#prevent_sub04 { background-image:url(../img/prevent_sub04.jpg);}
#prevent_sub05 { background-image:url(../img/prevent_sub05.jpg);}

#call_title { background-image:url(../img/call_title.jpg);}
#call_sub01 { background-image:url(../img/call_sub01.jpg);}
#call_sub02 { background-image:url(../img/call_sub02.jpg);}
#call_sub03 { background-image:url(../img/call_sub03.jpg);}
#call_sub04 { background-image:url(../img/call_sub04.jpg);}

#clinic_title { background-image:url(../img/clinic_title.jpg);}
#clinic_sub01 { background-image:url(../img/clinic_sub01.jpg);}
#clinic_sub02 { background-image:url(../img/clinic_sub02.jpg);}
#clinic_sub03 { background-image:url(../img/clinic_sub03.jpg);}
#clinic_sub04 { background-image:url(../img/clinic_sub04.jpg);}
#clinic_sub05 { background-image:url(../img/clinic_sub05.jpg);}
#clinic_sub06 { background-image:url(../img/clinic_sub06.jpg);}
#clinic_sub07 { background-image:url(../img/clinic_sub07.jpg);}

#staff_title { background-image:url(../img/staff_title.jpg);}
#staff_sub01 { background-image:url(../img/staff_sub01.jpg);}
#staff_sub02 { background-image:url(../img/staff_sub02.jpg);}
#staff_sub03 { background-image:url(../img/staff_sub03.jpg);}
#staff_sub04 { background-image:url(../img/staff_sub04.jpg);}

#contact_title { background-image:url(../img/contact_title.jpg);}
#contact_sub01 { background-image:url(../img/contact_sub01.jpg);}

#link_title { background-image:url(../img/link_title.jpg);}
#link_sub01 { background-image:url(../img/link_sub01.jpg);}
#link_sub02 { background-image:url(../img/link_sub02.jpg);}
#link_sub03 { background-image:url(../img/link_sub03.jpg);}