@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内で設定 */
h2 {height:70px;}
h3 {height:49px;}
h4 {height:40px;}

a { color: #594125; }
a:hover,
a:active { color: #93704E; text-decoration: none; }
a:visited {
}

ul {
}
#content li {
	background: url(../images/li_bg.jpg) 0 5px 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 1em 1em; }
.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 0 40px;
	background: url(../images/arrow.jpg) center center no-repeat;
}
.case-lower {
	margin: 10px 40px 0 40px;
}
.case-noimg { margin: 10px 20px; }

.case_situation {
	text-align:center;
	width:200px;
}

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

.box {
	margin: 0 0 10px 0;
	padding:0;
}


#content table {
	border-collapse:collapse;
	border: 1px solid #754C2A;
	font-size: 100%;
	color: #666;
	margin-left: 10px;
	}

#content table th,
#content table td {
	padding: 4px 6px;
	border: 1px solid #754C2A;
	}

#content table th {
	background: #E5DDBA;
	color: #754C2A;
	}
	
.text01 { color:#594125; font-weight:bold; }

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

html {
	background: none;
}

body {
  background: #F2EED9 url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) center top no-repeat;
  padding:0;
}
#main {
	width: 902px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: left;
  background: #FFF url(../images/main_bg.jpg) 0 0 no-repeat;
  border-left: solid 1px #DBCF9E;
  border-right: solid 1px #DBCF9E;
}
#content {
	width: 610px;
	text-align: left;
  float: right;
  margin: 0 20px 0 0;
}
*html #content {
  margin: 0 10px 0 0;
}

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

#header {
	width: 902px;
	margin: 0 auto;
	padding:0;
	text-align: left;
  background: #FFF url(../images/header_bg.jpg) 1px 0 no-repeat;
  border-left: solid 1px #DBCF9E;
  border-right: solid 1px #DBCF9E;
	height:290px;
}
#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 { float: left; margin: 5px 0 0 20px; color:#666666; padding:0; }
*html #header h1 { margin: 5px 0 0 10px; }

#header .telposition { margin:0 10px 0 0;}
*html #header .telposition { margin: 0 8px 0 8px; }

#header .header01 {
	margin: 0 11px 0 22px;
	padding: 0 0 0 0;
	height: 95px;
}
#header .header02 {
	margin: 0 22px;
	padding: 0 0 0 0;
}

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

#footer {
	clear: both;
	text-align: center;
  background: url(../images/footer_bg.jpg) top repeat-x;
  padding-bottom:10px;
}
#footer .section {
	width:904px;
	margin: 0 auto;
  background: url(../images/footer_bg02.jpg) center top repeat-x;
  padding:40px 0 20px 0;
}

#footer address {
	color:#99874F;
}

#footer .box_f {
	width:580px;
	float:right;
	text-align: left;
}

#footer .box_f dl {
	float:left;
	width:320px;
}

#footer .box_f dt {
	float:left;
	width:5em;
	color:#594125;
	font-weight:bold;
}
#footer .box_f dd {
	padding-left:5.5em;
}

 span.time-text{
text-align:left;
font-size:80%;
}

#footer .image_l{margin:-5px 0 0 0;}
#footer .image_r{margin:-5px 0 0 0;}

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

#gnavi {
	height: 55px;
	width:902px;
	margin: 0 auto;
  border-left: solid 1px #DBCF9E;
  border-right: solid 1px #DBCF9E;
  background: #FFF;
}
#gnavi ul {
	margin: 0 15px ;
	width:870px;
}
*html #gnavi ul {
	margin: 0 0 0 6px ;
}

#gnavi ul li {
	float: left;
	list-style: none;
}
/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 230px;
	text-align: center;
	margin-left:20px;
}
*html #navi {
	margin-left:10px;
}

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

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

#navi dl dt { text-indent: -9999em; }

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

/* index
------------------------------------------------------------------------*/
#index #content h2 {height:38px;}
#index #content h4 {height:65px;}

#index #header {
	width: 902px;
	height:500px;
  background: #FFF url(../images/header_i.jpg) 1px 0 no-repeat;
}

#index #header .header01 {
	height:305px;
}
#index #header .header02 {
	margin: 0 16px;
	padding: 0 0 0 0;
}
#index .box01 {
	background: #FCFBF5;
	padding: 15px;
	margin-bottom:10px;
}
#index .box02 {
	border: solid 1px #D3CAA5;
	padding: 15px;
	margin-bottom:10px;
}

#index .pickup_l {
	float:left;
	background:url(../images/index_pickup.jpg) right bottom no-repeat;
	width:302px;
	margin: 0;
	padding: 0;
}

#index .pickup_r {
	float:right;
	background:url(../images/index_pickup.jpg) right bottom no-repeat;
	width:302px;
	margin: 0;
	padding: 0;
}

#index .text01 {
	padding: 0 12px 10px 15px;
	color:#666;
	font-weight:normal;
	}

#index .box03 {
	border-left: #E0D9BA solid 1px;
	border-right: #E0D9BA solid 1px;
	border-bottom: #E0D9BA solid 1px;
	padding: 0 10px 10px 10px;
	background: #FFF;
}
#index .box04 {
	border: #E0D9BA solid 2px;
	padding: 10px;
}
#index .box04 dt {
	float:left;
	width:5em;
	border-bottom: #E0D9BA dotted 1px;
}
#index .box04 dd {
	border-bottom: #E0D9BA dotted 1px;
	padding-left:5.5em;
}

#tiny { width: 570px; height: 100px; overflow: auto; }
#tiny table { border: none;}
#tiny table td { border: none;}

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


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

p#original {
	padding: 0;
	width: 400px;
	height: 340px;
	margin-left:40px;
	}

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

p.thumbs img {
	float: left;
	display: block;
	width: 120px;
	margin: 0 10px 10px 0;
	}

p.thumbs a { cursor:default; }

#clinic th {width:170px; text-align:left; }
#clinic td {width:400px;}

#clinic span.time-text{
text-align:left;
font-size:80%;
}


/* concept
------------------------------------------------------------------------*/

#concept .box01 {
	border: solid 1px #D3CAA5;
	padding: 15px;
	margin-bottom:10px;
}


/* implant
------------------------------------------------------------------------*/
dl.faq_box {
	margin: 10px 10px 0 10px;
	width:550px;
	padding:0;
	}
dl.faq_box dt {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
	background: #EEE url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 10px 5px 10px 45px ;
	margin: 0;
	color:#93704E;
	font-weight:bold;
	}
dl.faq_box 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 45px ;
	margin: 0 0 10px 0;
	}

#implant .box01 { padding-left:50px; }


/* recruit
------------------------------------------------------------------------*/
#recruit table {margin-bottom:20px;}
#recruit th {width:150px;}
#recruit td {width:430px;}

#recruit td dt {
	float:left;
	width:7em;
}
#recruit td dd {

}

/* recruit
------------------------------------------------------------------------*/

#esthetic #content .qacontents li {
	background: url(../images/li_bg.jpg) 0 5px no-repeat;
	margin:0 0 10px 20px;
	padding: 0 0 5px 20px;
	height:15px;
	float:left;
}
.banner a{ 
	background:url(../images/nav_banner04.jpg) 0 0 no-repeat;
	display:block;
	width:230px;
	height:112px;
	overflow:hidden;
	text-indent:-9999px;}
.banner a:hover{background:url(../images/nav_banner04_on.jpg) 0 0 no-repeat;}