@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}
	
h1 {} /* Header内で設定 */
h2 { height:100px; margin-top:2px; }
h3 { height:40px; }
h4 { height:30px; }

a { color: #336699; }
a:hover,
a:active { color: #5D86AE; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
	margin: 0 0 10px 10px;
}

th,
td {
	border: 1px solid #999;
	padding:5px;
}
th {
	background:#144FB0;
	color:#E3F0F0;
}
th.title {
	background:#9BC9E0;
	color:#144FB0;
}
td {
}

p { margin: 0 0 1em; }

dt img,dd img,li img { vertical-align: bottom; }


.section { padding: .5em 20px 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_l2 { float: left; margin: 0 16px 40px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}

.img_l {
	float: left;
	margin:0;
	padding:0;
}


.img_r {
	float: right;
	margin:0;
	padding:0;
}

.text_b {
	font-weight: bold;
}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	background-color: #FFF;	
}
#main {
	width: 940px;
	margin: 0 5px;
	padding:0;
	text-align: left;
	background: url(../images/main_bg.jpg) 0 0 repeat-y;
}

#content {
	width: 680px;
	text-align: left;
  float: right;
  line-height:1.8;
	padding:0 0 40px 0;
	margin:0 18px 0 0;
}
*html #content {
	margin:0 6px 0 0;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 940px;
	height: auto;
	margin: 0 5px;
	text-align: left;
}

h1 {
	width: 940px;
	margin: 0 auto;
	padding: 4px 5px;
	color: #d8d8d8;
	font-size:12px;
	background-color: #142f5c;
	text-align: left;
}

#header #logo{
	float: left;
	margin: 10px 0 0px 20px;
}


#header #header_r {
	float: right;
	padding: 12px 20px 8px 0;
	margin: 0;

}

#header #header_r p{
	float: left;
	padding: 0;
	margin: 0;
}

#header #header_r p.mail{
	padding: 5px 0 0 10px;
	margin: 0;
}

#catch {
	width: 934px;
	margin:0 6px;
	padding:0;
	position: relative;
}

#catch .topmain {
	margin:0 auto;
	padding:0;
	text-align: center;
}

#catch .eng{
	position: absolute;
	top: 168px;
	right: 10px;
}


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	text-align: center;
	background: url(../images/footer_bg.jpg) 0 0 repeat-x;
  margin: 0 5px;
  padding: 0;
  width:940px;
}
 #footer address {
	margin: auto;
	padding:0 0 10px 0;
	 clear: both;
}


.bnr { 
  width: 500px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 0;
	}

 
.fL { float: left;}
.fR { float: right;}

.imgfL { float: left; margin-right: 20px;}
.imgfR { float: right; margin-left: 20px;}

.img_b{ border: 1px solid #CCCCCC; padding: 3px;}



/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 208px;
	text-align: center;
	margin-left:10px;
	padding-bottom: 40px;
}

*html #navi {
	margin-left:5px;
}


#navi dl,
#navi ul {
	margin: 10px 0 15px 0;
	text-align: left;
}

#navi dl dt,
#navi dl dd {
	list-style: none;
	margin: 0;
	vertical-align: top;
}
#navi ul li {
	list-style: none;
	margin: 0 0 10px 0;
	vertical-align: top;
}

#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}

#navi p.nav_top { margin-top: 10px; }

/*==========================================================================*/
/*                            Navigation2                                   */
/*==========================================================================*/

#inner {
	width: 500px;
	float: left;
	margin: 0;
}
*html #inner {
	margin: 0 0 0 5px;
}

#navi2 {
	float: right;
	width: 198px;
	text-align: center;
	margin-right:10px;
}
*html #navi2 {
	margin-right:5px;
}

#navi2 ul,
#navi2 dl {
	margin: 10px 0 15px 0;
	text-align: left;
}

#navi2 dl dt,
#navi2 dl dd {
	list-style: none;
	margin: 0;
}
#navi2 ul li {
	list-style: none;
	margin: 0 0 10px 0;
}

#navi2 #navi_banner2 {
	margin: 20px 0 0;
}
#navi2 #navi_banner2 li {
	margin-bottom: 10px;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/
#index #wrapper {
	width: 950px;
	margin: 0 auto;
  background: url(../images/wrapper_bg_i.jpg) center top repeat-y;
  background:#FFFFFF;
}
#index #navi {
	float: left;
	width: 198px;
	text-align: center;
	margin-left:10px;
}

#index #main {
	width: 940px;
	margin: 0 5px;
	padding:0;
	text-align: left;
	background: url(../images/main_bg_i.jpg) 0 0 repeat-y;
}

#index #content {
	width: 720px;
	text-align: left;
  float: right;
  line-height:1.8;
  margin:0;
}

#index h2 {
	margin: 1px 2px;
	height:85px;
}
#index h3#title02 {
	height:30px;
}
#index h4 {
	height:30px;
}
#index #content .section {
	padding:0 15px;
}

#index #content .box {
	padding:5px;
	background:#F5F5F5;
	margin:10px;
}

#index #content .box dl {
	margin:10px 15px;
}

#index #content .box dt {
	float:left;
	color:#144FB0;
	width:5em;
}
#index #content .box dd {
	padding-left:5.5em;
}

/* clinic
------------------------------------------------------------------------*/
#clinic th { width:180px; }
#clinic td { width:400px; }

#clinic #content dl {
	width:460px;
	float:right;
}
#clinic #content dt {
    width: 80px;
	float:left;
	clear: both;
}

#clinic #content dl.tera dt {
	width: 150px;
}

#clinic #content dd {
	float: left;
	width: 270px;
}

#clinic #content p.caution {
    border-top: 3px solid #ccc;
	margin-top: 3px;
	padding-top: 3px;
	color: #333;
	width: 250px;
	line-height: 1.4;
  }

#clinic .motomachi {
  float:left;
	width: 260px;
	}
#clinic .ishikawa {
  float:right;
	width: 260px;
	}

#clinic .access {
  background: url(../images/arrow_l.jpg) 48% bottom no-repeat;
	padding-bottom:35px;
	margin-bottom: 20px;
	}

#clinic .access02 {
  background: url(../images/arrow02.jpg) center 0 no-repeat;
	padding-top: 65px;
	}

#clinic .access02 p {
  margin-left: 60px;
	}

#clinic ul.sr_box {
  margin:15px 0;
	}
#clinic ul.sr_box li{
	background:url(../images/li_bg01.jpg) 0 10px no-repeat;
	padding-left:10px;
	}

#clinic ul.ml_180{
	margin-left: 180px;
}
#clinic ul.ml_180 li{
	background:url(../images/li_bg01.jpg) 0 10px no-repeat;
	padding-left:10px;
}

/* general
------------------------------------------------------------------------*/
#general th { width:210px; }
#general td { width:370px; }

/* esthe
------------------------------------------------------------------------*/
#esthe h5 {
	color: #144FB0;
	padding-left:8px;
	background: url(../images/li_bg.jpg) 0 5px no-repeat;
	font-weight:bold;
	margin-bottom:10px;
}

#esthe td.sr_w260,#esthe th.sr_w260 { width:300px; }
#esthe p span.sr_txt { font-weight:bold; font-size:14px; }

#esthe th { width: auto; }
#esthe th.title { width:160px; }
#esthe th.title01 { width:380px; background:#9bc9e0; color:#144fb0; text-align:left;}
#esthe th.title02 { width:330px; background:#144fb0;}
#esthe th.title03 { width:230px; background:#9bc9e0; color:#144fb0;text-align:left;}
#esthe th.title04 { width:250px; background:#144fb0; }
#esthe td.td02 { width:170px; }

#esthe th.th03 { width:400px; text-align:left; }
#esthe td.td03 { width:180px; text-align:right; }

#esthe td dl { margin:10px; }
#esthe td dt {
	color: #144FB0;
	padding-left:8px;
	background: url(../images/li_bg.jpg) 0 5px no-repeat;
}

#esthe th dl { margin:10px; }
#esthe th dt {
	color: #144FB0;
	padding-left:8px;
	background: url(../images/li_bg01.jpg) 0 5px no-repeat;
}

#esthe td.td02 dl {}
#esthe td.td02 dt {
	width:5em;
	float:left;
	padding:0;
	background:none;
}
#esthe td.td02 dd {
	margin-left:5.5em;
}

#esthe td.td02 dt.dt02 {
	width:11em;
	float:none;
	padding:0;
	background:none;
}

#esthe .box_img01{
	padding: 0 30px;
	text-align: center;
}

#esthe .box_img01 .image_fl{
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
}

#esthe .box_img01 .arrow_fl{
	float: left;
	padding: 60px 10px 0 0;
	margin: 0;	
}



#esthe .box_img02{
	padding: 0 0 0 80px;
	text-align: center;
}

#esthe .box_img02 .image_fl{
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
}

#esthe .box_img02 .arrow_fl{
	float: left;
	padding: 60px 10px 0 0;
	margin: 0;	
}



.bef_af{ color: #497ad2;}

.padtext { padding-left: 300px;}

.mttext { margin-top: 20px;}

/* implant
------------------------------------------------------------------------*/
#implant .box01 {
	background:#F0F0F0;
}

#implant th { width:280px; }
#implant td { width:300px; }

#implant #content .faq dl{
	margin: 10px;
	width:580px;
	padding:0;
	}
#implant #content .faq dl dt{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #E3F0F0 url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 6px 5px 6px 40px ;
	margin: 0;
	color:#006699;
	}
#implant #content .faq dl dd{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background:url(../images/faq_a.jpg) 5px 5px no-repeat;
	padding: 9px 5px 9px 40px ;
	margin: 0 0 20px 0;
	}
	
#implant #content .ct_img { margin: 0 0 0 30px; }

#implant #content div.zoom { margin: 0 60px; padding-top: 15px; }

#implant #content p.caution { 
  border-top: 3px solid #ccc;
	margin-top: 3px;
	padding-top: 3px;
	color: #1D4DAF;
	text-align: center;
	width: 200px;
  }


/* perio
------------------------------------------------------------------------*/
#perio h5 {
	color: #144FB0;
	padding-left:8px;
	background: url(../images/li_bg.jpg) 0 5px no-repeat;
	font-weight:bold;
	margin-bottom:10px;
}

#perio th { width: auto; }
#perio th.title { width:200px; }
#perio td { width:380px; }

#perio th.th02 { width:200px; }


/* dental
------------------------------------------------------------------------*/
#dental #header h1 {
	top: 2px;
	left: 10px;
}
#dental th { width: auto; }
#dental th.title { width:140px; }
#dental td { width:240px; }

#dental td dl {}
#dental td dt {
	padding:0;
	color: #144FB0;
}
#dental td dd {
	margin-left:.5em;
}

.padtextE { padding-left: 265px;}

/* faq
------------------------------------------------------------------------*/
#faq #header h1 {
	top: 2px;
	left: 10px;
}

#faq #content dl{
	margin: 10px;
	width:620px;
	padding:0;
	}
#faq #content dl dt{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #E3F0F0 url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 6px 5px 6px 40px ;
	margin: 0;
	color:#006699;
	}
#faq #content dl dd{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background:url(../images/faq_a.jpg) 5px 5px no-repeat;
	padding: 9px 5px 9px 40px ;
	margin: 0 0 20px 0;
	}
	

/* voice
------------------------------------------------------------------------*/
#voice #header h1 {
	top: 2px;
	left: 10px;
}

#voice #content dl{
	margin: 10px;
	width:620px;
	padding:0;
	}
#voice #content dl dt{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #E3F0F0 url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 6px 5px 6px 40px ;
	margin: 0;
	color:#006699;
	}
#voice #content dl dd{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background:url(../images/faq_a.jpg) 5px 5px no-repeat;
	padding: 9px 5px 9px 40px ;
	margin: 0 0 20px 0;
	}

/* 
------------------------------------------------------------------------*/

.bold { font-weight: bold;}
.red { color: #CC0033;}
/*.red { color: #CC0033; border: 1px dashed #CC0033; padding: 10px;}*/
.large { font-size: 120%;}

.mb_20{ margin-bottom: 20px;}
.mt_30{ margin-top: 30px;}



/* english
------------------------------------------------------------------------*/
#english #header h1 {
	top: 2px;
	left: 10px;
}
#english th { width:180px; }
#english td { width:400px; }

#english .motomachi {
  float:left;
	width: 260px;
	}
#english .ishikawa {
  float:right;
	width: 260px;
	}

#english .access {
  background: url(../images/arrow_l.jpg) 48% bottom no-repeat;
	padding-bottom:35px;
	margin-bottom: 20px;
	}

#english .access02 {
  background: url(../images/arrow02.jpg) center 0 no-repeat;
	padding-top: 65px;
	}

#english .access02 p {
  margin-left: 60px;
	}


/* insurance
------------------------------------------------------------------------*/

#insurance{
	width: 650px;
	padding: 5px 0 0 5px;
	text-align: left;
}

#insurance p{
	padding: 0 20px;
}

#insurance ul.number{
	width: 640px;
	margin-bottom: 20px;
}

#insurance ul.number li{
	padding: 0 0 0 50px;
	text-indent: -20px;
}

#insurance ul.number li span.num{
	padding: 0 10px 0 0;
	font-size: 14px;
}

/* tiny
------------------------------------------------------------------------*/

#tiny{
	width: 458px;
	border: 1px solid #bebebe;
	height: 100px;
	overflow: auto;
	margin: 0 0 20px;
	padding: 10px 0 0 0;
}

#tiny table,
#tiny table th,
#tiny table td{
	border: none;
	vertical-align: top;
}

#tiny table td{
	padding: 3px 0;
}
#tiny table td.tn_date{
	width: 90px;
}


h3.h3_tiny{
	margin: 0;
	height: 30px;
}

.txtAl_Ct {text-align:center;}

.facebook {margin-bottom:20px;}

.mar_l15 { margin-left:15px;}
.mar_t10 { margin-top:10px;}