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

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

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

/* tag
------------------------------------------------------------------------*/

h1 {} /* Header内で設定 */
h2 { line-height: .1; clear: both; }
h3 {
	clear: both;
}
h4 {
  margin-bottom:10px;
	text-indent: -9999em;
	height: 30px;
	}

a { color: #894303; text-decoration: underline; }
a:hover,
a:active { color: #B8A37E ; }
a:visited {
}

/* Contents
------------------------------------------------------------------------*/

#main p { padding: .5em 1em; }

.section { padding: 15px 10px 10px 10px; }
.section .section { padding: 15px 0 5px 0; }
.section .section .section { padding: 13px; }

.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.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

ul.totop { clear: both; padding-bottom: 20px; }
ul.totop li { list-style: none; }
ul.totop li a {
	display: block;
	width: 175px;
	height: 20px;
	float: right;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

.alpha { float: left; }
.beta { float: right; }

#content ul { margin: 5px 0 0 10px; }
#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 7px no-repeat;
	padding-left: 20px;
	}
#content ul.totop li { background: none; }

#content table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #CFCCC2;
	width: 600px;
	font-size: 100%;
	}

#content table th,
#content table td {
	padding: 10px 8px;
	border: 0;
	}

#content table th {
	background: #DFD8C3;
	color: #666;
	width: 150px;
	font-weight: bold;
	}
#content table th.th01 { width: 80px;	}

#content table td {	background: #EDE7D5; }
#content table td.td01 { 
  background: #EDE2CE;
	text-align: center;
	font-weight: bold;
	}

#content table ul { font-size: 100% ;}

.caution {
  color: #990000;
	font-weight: bold;
	}
#content .flow {
  background: url(../images/arrow_l.jpg) center bottom no-repeat;
	padding-bottom: 30px;
	margin-bottom: 20px;
	}
	
#content .flow_end {
	margin-bottom: 10px;
	}

.center { text-align: center; }
.right { text-align: right; }

.text01 { font-weight: bold; color: #016633; }
.text02 { font-weight: bold; color: #7e6b5a; }
.text_bold { font-weight: bold; }

#main p.subtitle {
	color: #313131;
	font-weight: bold;
	line-height: 1.6;
	padding-left: 35px;
	padding-bottom: 3px;
	background: url(../images/subtitle_bg.jpg) 5px 8px no-repeat;
	}
* html #main p.subtitle { padding-left: 30px; }

#content dl dt { color: #FF7300 ; font-weight: bold; } 

.box {
  border: 1px solid #D1C4AC;
	padding: 10px;
	margin-bottom: 15px;
	}

#main .link_ban {
  margin: 10px 0;
	padding: 0;
	}
#main .link_ban p {
  width: 600px;
	height:100px;
	padding:0;
	text-indent: -9999em;
	}
#main .link_ban p a {
  display: block;
	height: 100px;
	}

#main .recital { margin-top :5px; padding: 0; }
#main .recital p { padding: 0; }

#main .box .recital { margin-left: 15px; } 

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

body {
  background: #F2EEE6 url(../images/body_bg02.jpg) top repeat-x;
	color: #000;
	text-align: center;
	padding-top: 10px;
}
body#index { background: #F2EEE6 url(../images/body_bg.jpg) top repeat-x; }

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

#container {
	width: 100%;
	margin: 0 auto;
	background: url(../images/container_bg02.jpg) top no-repeat;
}
#index #container { background: url(../images/container_bg.jpg) top no-repeat; }

#main {
	width: 870px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: left;
	background: url(../images/main_bg.jpg) top repeat-y;
	font-size: 120%;
}
#content {
	display: inline;
	width: 625px;
	float: right;
	margin: 0;
}

p.main_img { line-height:1; font-size: 100%;}

div.subarea { margin: 10px; }

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

#header {
	height: 98px;
	margin: 0 15px;
	padding: 0 18px 0 15px;
	text-align: left;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
	position: relative;
}
#header .header_text {
	margin: 0;
	position: absolute;
	top: 25px;
	left:28px;
}
#header h1 { float: left; margin-top: 39px; }
#header h1 a {
  display: block;
	width: 380px;
	height: 40px;
  background: url(../images/h1.jpg) 0 0 no-repeat;
	text-indent: -9999em;
}
#header #header02 {
	float: right;
	margin-top: 18px;
}


/*==========================================================================*/
/*                             Global_navi                                  */
/*==========================================================================*/


#global_nav {
	background: url(../images/gnav.jpg) 0 0 no-repeat;
	margin: 0 30px;
}
#global_nav ul {
	margin: 0;
}
#global_nav ul li {
	float: left;
	list-style: none;
}
#global_nav ul li a {
	display: block;
	width: 174px;
	height: 51px;
	text-indent: -9999em;
	background: url(../images/gnav.jpg) 0 0 no-repeat;
}

#global_nav ul li.gnav01 a { background-position: 0 0; }
#global_nav ul li.gnav02 a { background-position: -174px 0; }
#global_nav ul li.gnav03 a { background-position: -348px 0; }
#global_nav ul li.gnav04 a { background-position: -522px 0; }
#global_nav ul li.gnav05 a { background-position: -696px 0; }

#global_nav ul li.gnav01 a:hover { background-position: 0 -51px; }
#global_nav ul li.gnav02 a:hover { background-position: -174px -51px; }
#global_nav ul li.gnav03 a:hover { background-position: -348px -51px; }
#global_nav ul li.gnav04 a:hover { background-position: -522px -51px; }
#global_nav ul li.gnav05 a:hover { background-position: -696px -51px; }

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

#nav {
	float: left;
	width: 230px;
	text-align: center;
	padding-bottom: 10px;
  background: url(../images/nav.jpg) 0 0 no-repeat;
}

#nav a { color: #fff; text-decoration: underline; font-size:90%; }
#nav a:hover,
#nav a:active { color: #B8A37E ; }
#nav a:visited {
}
#nav ul,
#nav dl {
	width: 230px;
	margin: 0 ;
	text-align: left;
}

#nav dl dt,
#nav ul li { list-style: none; }

#nav dl dt.nav_title {
	height: 46px;
	text-indent: -9999em;
}
#nav dl dd { margin: 0; }

#nav dl dd a,
#nav ul li a {
	display: block;
	width: 230px;
	height: 40px;
	text-indent: -9999em;
  background: url(../images/nav.jpg) 0 0 no-repeat;
}
#nav dl dd.nav11 a{	height: 40px; }

#nav dl dd.nav01 a { background-position: 0 -46px; }
#nav dl dd.nav02 a { background-position: 0 -86px; }
#nav dl dd.nav03 a { background-position: 0 -126px; }
#nav dl dd.nav04 a { background-position: 0 -166px; }
#nav dl dd.nav05 a { background-position: 0 -206px; }
#nav dl dd.nav06 a { background-position: 0 -246px; }
#nav dl dd.nav07 a { background-position: 0 -332px; }
#nav dl dd.nav08 a { background-position: 0 -372px; }
#nav dl dd.nav09 a { background-position: 0 -458px; }
#nav dl dd.nav10 a { background-position: 0 -498px; }
#nav dl dd.nav11 a { background-position: 0 -538px; }

#nav dl dd.nav01 a:hover { background-position: -230px -46px; }
#nav dl dd.nav02 a:hover { background-position: -230px -86px; }
#nav dl dd.nav03 a:hover { background-position: -230px -126px; }
#nav dl dd.nav04 a:hover { background-position: -230px -166px; }
#nav dl dd.nav05 a:hover { background-position: -230px -206px; }
#nav dl dd.nav06 a:hover { background-position: -230px -246px; }
#nav dl dd.nav07 a:hover { background-position: -230px -332px; }
#nav dl dd.nav08 a:hover { background-position: -230px -372px; }
#nav dl dd.nav09 a:hover { background-position: -230px -458px; }
#nav dl dd.nav10 a:hover { background-position: -230px -498px; }
#nav dl dd.nav11 a:hover { background-position: -230px -538px; }

#nav p { 
  margin: 10px 0 0 0;
	padding: 0;
	}

#nav p.nav_banner {
	width: 218px;
	height: 47px;
	margin: 5px 0 0 5px;
	text-indent: -9999em;
}
#nav p.nav_banner a {
  display: block;
	height: 47px;
	}
#nav #nav_ban { margin-top: 10px; }

#nav #nav_ban a { background: url(../images/nav_ban.jpg) 0 0 no-repeat; }
#nav #nav_ban02 a { background: url(../images/nav_ban02.jpg) 0 0 no-repeat; }

#nav #nav_ban a:hover { background: url(../images/nav_ban.jpg) 0 -47px no-repeat; }
#nav #nav_ban02 a:hover { background: url(../images/nav_ban02.jpg) 0 -47px no-repeat; }


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

#footer {
	clear: both;
	padding: 50px 0 40px 0;
  background: #F2EEE6 url(../images/footer_bg.jpg) top no-repeat;
}
#footer address {
	margin: 0 auto ;
	width: 410px;
	height: 30px;
	text-indent: -9999em;
  background: url(../images/copyright.jpg) 0 0 no-repeat;
}

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

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

#index .banner {
  margin: 0 0 20px 0 ;
	}
	
#index #ban_first p {
	width: 625px;
	height: 200px;
	padding: 0;
	text-indent: -9999em;
	}
#index #ban_first p a {
  display: block;
	height: 200px;
	background: url(../images/firstimplant.jpg) 0 0 no-repeat;
	}
#index #ban_first p a:hover { background: url(../images/firstimplant.jpg) 0 -200px no-repeat; }

#index #main .index_title { padding:0 ; margin: 3px 0 ; }
#index .text { margin: 0 5px 5px 5px; }

#index #pkup {
	background: url(../images/pkup_bg.jpg) 0 0 no-repeat;
  width: 625px;
	height: 336px;
	margin: 10px 0;
	padding-top:14px;
	}
#index #pkup .layout { margin: 5px 10px 0 10px; }

#index #main #pkup p {
  width: 605px;
	height: 100px;
	text-indent: -9999em;
	padding:0;
	}

#index #pkup p#pkup01 { margin: 0 0 0 10px; } 

#index #main #pkup p a {
  height: 100px;
	display: block;
	}
#index #main #pkup p.alpha,
#index #main #pkup p.beta { width: 300px; }

#pkup01 a { background: url(../images/pkup01.jpg) 0 0 no-repeat; }
#pkup02 a { background: url(../images/pkup02.jpg) 0 0 no-repeat; }
#pkup03 a { background: url(../images/pkup03.jpg) 0 0 no-repeat; }
#pkup04 a { background: url(../images/pkup04.jpg) 0 0 no-repeat; }
#pkup05 a { background: url(../images/pkup05.jpg) 0 0 no-repeat; }

#pkup01 a:hover { background: url(../images/pkup01.jpg) 0 -100px no-repeat; }
#pkup02 a:hover { background: url(../images/pkup02.jpg) 0 -100px no-repeat; }
#pkup03 a:hover { background: url(../images/pkup03.jpg) 0 -100px no-repeat; }
#pkup04 a:hover { background: url(../images/pkup04.jpg) 0 -100px no-repeat; }
#pkup05 a:hover { background: url(../images/pkup05.jpg) 0 -100px no-repeat; }

#index #main .box p { padding: 0; }

#index #main .box .alpha { width: 232px; padding: 0; }
#index #main .box .beta { width: 350px; padding: 0; }

#index .box dl { margin: 0; }
#index #content .box dl dt { 
  float: left;
	width: 70px;
	padding: 3px 0;
	text-align: center;
	margin: 0 15px 3px 0 ;
	background: #D1C4AC;
	color: #221815;
	}
#index #content .box dl dd { 
	margin: 0 0 3px 0;
	height: 28px;
	}

#index .box { margin-bottom: 10px; }
#index #main .recital p { padding: 0; }


/* first
------------------------------------------------------------------------*/

#first #h4-01 { background: url(../images/first_h4-01.jpg) 0 0 no-repeat; }
#first #h4-02 { background: url(../images/first_h4-02.jpg) 0 0 no-repeat; }
#first #h4-03 { background: url(../images/first_h4-03.jpg) 0 0 no-repeat; }
#first #h4-04 { background: url(../images/first_h4-04.jpg) 0 0 no-repeat; }
#first #h4-05 { background: url(../images/first_h4-05.jpg) 0 0 no-repeat; }

#first #ban_merit {
  width: 580px;
	height: 115px;
	text-indent:-9999em;
	}
#first #ban_merit a {
  display: block;
	height: 115px;
	background: url(../images/ban_merit.jpg) 0 0 no-repeat;
	}
#first #ban_merit a:hover { background: url(../images/ban_merit.jpg) 0 -115px no-repeat;	}

#first .link_ban { margin-left: 15px; }

/* step
------------------------------------------------------------------------*/

#step #h4-01 { background: url(../images/step_h4-01.jpg) 0 0 no-repeat; }


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

#access #map {
  margin: 0 0 15px 5px;
	padding: 0;
	width: 590px;
	height: 300px;
	border: 1px solid #999;
	}
#access #main .box { padding: 15px; }	
#access #main .box p { padding: 0; }

#access .box dl { margin: 0; }
#access #content .box dl dt { 
  float: left;
	width: 70px;
	padding: 3px 0;
	text-align: center;
	margin: 0 15px 3px 0 ;
	background: #D1C4AC;
	color: #221815;
	}
#access #content .box dl dd { 
	margin: 0 0 3px 0;
	height: 28px;
	line-height: 1.5;
	}

#access #main .box p.alpha { width: 200px;  }
#access #main .box .beta {
  width: 350px;
	padding-top: 5px;
	}


/* staff
------------------------------------------------------------------------*/

#staff #h4-01 { background: url(../images/staff_h4-01.jpg) 0 0 no-repeat; }
#staff #h4-02 { background: url(../images/staff_h4-02.jpg) 0 0 no-repeat; }
#staff #h4-03 { background: url(../images/staff_h4-03.jpg) 0 0 no-repeat; }
#staff #h4-04 { background: url(../images/staff_h4-04.jpg) 0 0 no-repeat; }
#staff #h4-05 { background: url(../images/staff_h4-05.jpg) 0 0 no-repeat; }
#staff #h4-06 { background: url(../images/staff_h4-06.jpg) 0 0 no-repeat; }
#staff #h4-07 { background: url(../images/staff_h4-07.jpg) 0 0 no-repeat; }
#staff #h4-08 { background: url(../images/staff_h4-08.jpg) 0 0 no-repeat; }
#staff #h4-09 { background: url(../images/staff_h4-09.jpg) 0 0 no-repeat; }

#staff #content .prof dl { margin: 0 0 0 10px;}
#staff #content .prof dl dt{
  float: left;
	width: 60px;
	margin: 0 ;
}
#staff #content .prof dl dd { 
	margin: 0 0 3px 0;
	padding-left: 70px;
	}
#staff .box .prof { width: 400px; }

#staff #main p.photo { padding: 0 0 0 20px; }

#staff .license { margin: 10px 10px 0 10px; }
#staff .license .alpha,
#staff .license .beta { width: 260px; }

#staff .message .subarea { margin: 10px 20px; }

#staff .other .alpha { width : 110px; margin-right:5px; }
#staff .other .beta { width : 110px; margin-left:5px; }
#staff #main .other .alpha p, #staff #main .other .beta p { padding: 0; }

#staff .staff_box { padding: 10px; border: 1px solid #D1C4AC; width: 270px; }

#staff .layout { margin-top: 10px; }


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

#clinic .photo { margin: 0 10px; }
#clinic .photo .alpha,
#clinic .photo .beta { width: 270px; }

#clinic #h4-01 { background: url(../images/clinic_h4-01.jpg) 0 0 no-repeat; }


/* case
------------------------------------------------------------------------*/

#case #h4-01 { background: url(../images/case_h4-01.jpg) 0 0 no-repeat; }
#case #h4-02 { background: url(../images/case_h4-02.jpg) 0 0 no-repeat; }

#case .bg_color { height: 18px; background-color: #FEF6D1; }
#case #main p.customer_q {
  color: #578E00;
	padding: 0 0 2px 5px;
	margin: 10px 10px 5px 10px;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	}
#case #main p.customer_a {
	margin: 10px 30px 5px 10px;
	padding: 0 0 5px 5px;
	}

#case .customer {	margin: 10px 10px 10px 15px; }
#case .customer .title {
  background: url(../images/subtitle_bg02.jpg) 0 9px no-repeat;
  padding-left: 20px;
	color: #C19943;
	font-weight: bold;
	}


/* faq
------------------------------------------------------------------------*/

#faq .linkarea { margin : 10px 20px 30px 20px ; }

#faq .linkarea ul li { 
 background: none;
 padding: 0;
}

#faq #main .box p.question { padding: 0; } 

#faq .answer {
  background: url(../images/faq_answer.jpg) 2px 0 no-repeat;
	}
#faq .answer p { margin-left: 50px; }

#faq .answer ul { margin-left: 70px; }


/* denture
------------------------------------------------------------------------*/

#denture #h4-01 { background: url(../images/denture_h4-01.jpg) 0 0 no-repeat; }


/* maintenance
------------------------------------------------------------------------*/

#maintenance #h4-01 { background: url(../images/maintenance_h4-01.jpg) 0 0 no-repeat; }
#maintenance #h4-02 { background: url(../images/maintenance_h4-02.jpg) 0 0 no-repeat; }


/* merit
------------------------------------------------------------------------*/

#merit #h4-01 { background: url(../images/merit_h4-01.jpg) 0 0 no-repeat; }
#merit #h4-02 { background: url(../images/merit_h4-02.jpg) 0 0 no-repeat; }


/* alpha
------------------------------------------------------------------------*/

#alpha #h4-01 { background: url(../images/alpha_h4-01.jpg) 0 0 no-repeat; }
#alpha #h4-02 { background: url(../images/alpha_h4-02.jpg) 0 0 no-repeat; }
#alpha #h4-03 { background: url(../images/alpha_h4-03.jpg) 0 0 no-repeat; }
#alpha #h4-04 { background: url(../images/alpha_h4-04.jpg) 0 0 no-repeat; }

#alpha #content table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #CFCCC2;
	width: 600px;
	font-size: 100%;
	}

#alpha #content table th,
#alpha #content table td {
	padding: 10px 8px;
	border: 0;
	}

#alpha #content table th {
	background: #DFD8C3;
	color: #666;
	width: 150px;
	font-weight: bold;
	}
#alpha #content table th.th01 { width: 80px;	}

#alpha #content table td {	background: #fff; text-align:right;
	border: 1px solid #CFCCC2; }
#alpha #content table td.title{	background: #EDE7D5; text-align:left; font-weight: bold;}
#alpha #content table td.td01 { 
  background: #fff;
	text-align: left;
	width:430px;
	}

/* perio
------------------------------------------------------------------------*/

#perio #h4-01 { background: url(../images/perio_h4-01.jpg) 0 0 no-repeat; }
#perio #h4-02 { background: url(../images/perio_h4-02.jpg) 0 0 no-repeat; }
#perio #h4-03 { background: url(../images/perio_h4-03.jpg) 0 0 no-repeat; }

#perio #ban_maintenance {
  width: 580px;
	height: 115px;
	text-indent:-9999em;
	}
#perio #ban_maintenance a {
  display: block;
	height: 115px;
	background: url(../images/ban_maintenance.jpg) 0 0 no-repeat;
	}
#perio #ban_maintenance a:hover { background: url(../images/ban_maintenance.jpg) 0 -115px no-repeat;	}

#perio .link_ban { margin-left: 15px; }


/* step
------------------------------------------------------------------------*/

#step #h4-01 { background: url(../images/step_h4-01.jpg) 0 0 no-repeat; }


/* all
------------------------------------------------------------------------*/

#all #h4-01 { background: url(../images/all_h4-01.jpg) 0 0 no-repeat; }
#all #h4-02 { background: url(../images/all_h4-02.jpg) 0 0 no-repeat; }
#all #h4-03 { background: url(../images/all_h4-03.jpg) 0 0 no-repeat; }
#all #h4-04 { background: url(../images/all_h4-04.jpg) 0 0 no-repeat; }

#all dl.type_list { margin: 0 ; }

#all dl.type_list dd { margin: 0 0 0 10px; }

#all .answer { background: url(../images/faq_answer.jpg) 3px 0 no-repeat; margin: 0 13px; }
#all .answer p { margin-left: 50px; }