@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%; line-height: 1.8;
}
	
h1 {} /* Header内で設定 */
#content h2 {
	margin: 0 15px;
	height:60px;
}
h3 {
	height:60px;
}
h4 {
	height:35px;
	margin-bottom: 10px;
}

a { color: #085D82; }
a:hover,
a:active { color: #055DA5; text-decoration: none; }
a:visited {
}

ul {
}
#content li {
	background:url(../images/li_bg.jpg) 0 3px no-repeat;
	padding-left:20px;
}

dl {
}
dt {
}
dd {
}

table {
}

th,
td {
}
th {
}
td {
}

p { margin: 0 0 1em; }

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


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

.image_l { float: left; margin: 0 16px 8px 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; }

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

#content strong {
	font-weight:bold;
	color:#267DB8;
	font-size: 160%;
}

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

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}

#body02 { background: url(../images/body_bg02.jpg) bottom repeat-x; }

#index #body02 { background: url(../images/body_bg03.jpg) bottom repeat-x; }

#wrapper {
	width: 905px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) top repeat-y;
}

#index #wrapper {  background: none; }

#main {
	width: 895px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) top no-repeat;
}

#index #main {
	width: 905px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}

#content {
	width: 655px;
	text-align: left;
  float: right;
	padding-top: 15px;
	}

#index #content {
	width: 895px;
	margin: 0 5px;
	text-align: left;
	padding: 0;
  float: right;
	background: none;
	border: none;
}

#content #catch {
	margin:15px;
	height:120px;
}

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

#header {
	width: 905px;
	height: 99px;
	margin: 0 auto;
	padding: 0 5px;
	text-align: left;
  background: url(../images/header_bg.jpg) 0 0 repeat-x;
}

#header01 {
	width: 300px;
	float: left;
	}
	
#header h1 {
	line-height: 30px;
	font-size: 90%;
	}


#header #header02 {
	float: right;
	width: 335px;
}

#header #header_title,
#header #header_tel,
#header #header_link {
	margin: 0;
	padding: 0;
	}

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

#footer {
  clear: both;
	height: 60px;
	text-align: center;
  background: url(../images/footer_bg.jpg) 0 repeat-x;
}


#index #footer { 
  background: none;height: 150px; }
	
*:first-child+html #index #footer { height: 170px;  }

#footer_tel {
	width:340px;
	margin: 0;
	padding: 0;
	float: left;
	}


#index #footer01 {
  clear:left;
  height:67px;
  text-align: center;
	margin-top: 20px;
  }

#index #footer01 .link01,.link02,.link03,.link04 {
  width:200px;
  height:67px;
	float: left;
  }

#index #footer01 .link01 { 
  width:200px;
  height:67px;
  margin:0 13px 0 13px;
  float:left;
  display:inline; 
  }
	
#index #footer01 .link01 a { 
  display: block;
  width: 200px; 
  height: 55px; 
  background: url(../images/nakano-shika.jpg) no-repeat 0 0;
	outline: none;
}

#index #footer01 .link02 { 
  width:200px;
  height:55px;
  margin:0 0 0 0;
  float:left;
	display:inline; }
	
#index #footer01 .link02 a{ 
  width:200px; 
  height:55px; 
  display:block; 
  outline: none;
 }

#index #footer01 .link03 { 
  width:200px;
  height:40px;
  margin:0 13px 0 0;
  float:left;
  display:inline; 
	}
	
#index #footer01 .link03 a{ 
  width:200px; 
  height:40px;
  margin:7px 0 0 14px; 
  display:block;  
  outline: none; 
	}

#index #footer01 .link04 { 
  width:200px;
  height:40px;
  float:left;
  display:inline; 
	}
	
#index #footer01 .link04 a{ 
  width:200px; 
  height:55px; 
  display:block;  
  outline: none; }

#footer_suruga {
	width:200px;
	margin: 3px;
	padding: 0;
	float: left;
	}

#footer address {
	color: #4890AC;
	margin-top: 20px;
	line-height: 40px;
	float: right;
	font-size: 120%;
}

#index #footer address {
	color: #4890AC;
	line-height: 60px;
	float: right;
	font-size: 120%;
}


/*==========================================================================*/
/*                             gnavi                                  */
/*==========================================================================*/

#gnavi {
	height: 40px;
	padding: 0 5px;
}
#gnavi ul {
	margin: 0;
}
#gnavi ul li {
	float: left;
	list-style: none;
}

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

#navi {
	float: left;
	width: 240px;
	margin-top: 10px;
	text-align: center;
	background: url(../images/nav_bg.jpg) top no-repeat;
}

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

#navi dl dt { padding-bottom: 10px; }

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

#navi dl dd { padding-bottom: 5px; }


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


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

#main_box {
	width: 905px;
	height: 283px;
	margin: 0;
	padding: 4px 0 5px 0;
	}
	

#main_box ul {
	margin: 0;
	height: 95px;
}
#main_box ul li {
	float: left;
	list-style: none;
}

#index h2,
#index h3 {
	margin: 0;
	height: 65px;
}

#index #index_box_bg01 {
	background: url(../images/index_box_bg01.jpg) 0 repeat-y;
	width: 895px;
	margin-bottom: 10px;
	}
	
#index #index_box_bottom01 {
	background: url(../images/index_box_bottom01.jpg) bottom no-repeat;
	}
	
#index #index_box_bottom01 #index_box_p {
	width: 600px;
	padding: 10px 10px 10px 20px;
	}
	
#index #index_box_bg02 {
	background: url(../images/index_box_bg02.jpg) 0 repeat-y;
	width: 895px;
	}
	
#index #index_box_bottom02 {
	background: url(../images/index_box_bottom02.jpg) bottom no-repeat;
	}
	
#index #index_box_bottom02 #index_box02 {	padding: 0 10px 5px 13px; }

#index #index_box_bottom02 #index_box02_01 {
	width: 220px;
	float: left;
	margin-right: 12px;
	background: url(../images/index_box02_01_bg.jpg) bottom no-repeat;
	}

#index #index_box_bottom02 #index_box02_02 {
	width: 370px;
	float: left;
	}

#index #index_box_bottom02 #index_box02_03 {
	width: 255px;
	float: right;
	}

#index #index_box02_01 dl {
	width: 220px;
	margin: 0;
	padding: 0;
	}
	
#index #index_box02_01 dt {
	width: 70px;
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
	clear: both;
	line-height: 18px;
	}
	
#index #index_box02_01 dd {
	width: 150px;
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
	font-size: 120%;
	}
	
*:first-child+html #index #index_box02_01 dl { margin-bottom: 10px; }

	
#index #map {
	border: 1px solid #666666;
	padding: 1px;
	}

	
/* doctor_concept
------------------------------------------------------------------------*/

#doctor_concept .alpha {
	float: left;
	width: 200px;
	padding-top: 20px;
	}
	
#doctor_concept .alpha p {
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#doctor_concept .beta {
	float: right;
	width: 410px;
	}
	
#doctor_concept .beta dl {
	width: 400px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
#doctor_concept .beta dt {
	float: left;
	clear: both;
	width: 90px;
	font-weight: normal;
	}
	
#doctor_concept .beta dd {
	float: left;
	width: 310px;
	}
	
#doctor_concept .li01 {
	float:left;
	width:190px;
	margin: 0 0 10px 10px;
}

#doctor_concept .dl01 {
	margin:10px 10px 0 10px;
}

#doctor_concept .dl01 dt {
	font-weight: bold;
	color:#20506B;
}

#doctor_concept .dl01 dd {
	margin: 0 0 10px 10px;
}

	
/* clinic
------------------------------------------------------------------------*/

#original {
	padding: 0;
	width: 400px;
	height: 350px;
	background: #fff;
	margin: 0 0 0 110px;
	}

img#largeImg {
	border: 1px solid #fff;
	display: block;
	}

.thumbs {
	margin: 20px 10px 0 10px;
	}

.thumbs .image_l {
	float: left;
	width: 140px;
	margin: 0 10px 10px 0;
	display: block;
	}
	
.thumbs .image_l02 {
	float: left;
	width: 140px;
	margin: 0 0 10px 0;
	}
	
.thumbs .clinic_img {
	border: 1px solid #bbb;
	}
	
.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}
	


.thumbs a { cursor:default; }


/* access
------------------------------------------------------------------------*/

#access .textbox {
  border-top: 1px dotted #999;
	padding-top: 10px;
	margin: 10px 0 15px 0 ;
	}
#access .text_b { font-weight: bold; }
#access table p { line-height: 1.4; }

#access .f_layout { margin-left: 10px; }

#access .f_layout dt {
  float: left;
	width: 70px;
	}
#access .f_layout dd { 
  padding-left: 80px;
	}
	
#access table {
  color: #666;
  width: 550px;
  margin: 20px 35px 20px 35px;
  border: 1px solid #C8C8C8;
  }

#access table th,
#access table td {
  padding: 4px 12px;
  border: 1px solid #C8C8C8;
	line-height: 1.8;
  }

#access table th {
  width: 180px;
	background: #E1F3F9;
	color: #0C6993;
  }
	

/* caries
------------------------------------------------------------------------*/
#caries .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}

	
/* whitening
------------------------------------------------------------------------*/
#whitening .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}

	
/* ortho
------------------------------------------------------------------------*/
#ortho .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}
	
/* perio
------------------------------------------------------------------------*/
#perio .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}

#perio .dl01 {
	margin:10px 10px 0 10px;
}

#perio .dl01 dt {
	font-weight: bold;
	color:#20506B;
}

#perio .dl01 dd {
	margin: 0 0 10px 10px;
}

	
/* gum
------------------------------------------------------------------------*/
#gum .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}

	
/* stomatitic
------------------------------------------------------------------------*/
#stomatitic .li01 {
	float:left;
	width:290px;
	margin: 0 0 20px 10px;
}


	
/* oral
------------------------------------------------------------------------*/
#oral .li01 {
	float:left;
	width:300px;
	margin: 0 0 10px 10px;
}

#oral .li02 {
	float:left;
	width:280px;
	margin: 0 0 10px 10px;
}

	
/* chin
------------------------------------------------------------------------*/
#chin .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}

#chin .dl01 {
	margin:10px 10px 0 10px;
}

#chin .dl01 dt {
	font-weight: bold;
	color:#20506B;
}

#chin .dl01 dd {
	margin: 0 0 10px 10px;
}
	
/* filled
------------------------------------------------------------------------*/
#filled .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}


	
/* implant
------------------------------------------------------------------------*/
#implant .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}


	
/* prevent
------------------------------------------------------------------------*/
#prevent .li01 {
	float:left;
	width:290px;
	margin: 0 0 10px 10px;
}