@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:90px; }
h3 { height:60px; }
h4 { margin-bottom: 10px ; background: #FAF2E6 ; }

a { color: #6E4200;; }
a:hover,
a:active { color: #4D382E; text-decoration: none; }
a:visited {
	color: #4D382E;
}

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

dl {
}
dt {
}
dd {
}

table {
	border: solid 1px #4D382E;
	margin-left: 10px;
}

th,
td {
	padding: 3px 6px;
	border: solid 1px #4D382E;
	line-height:1.8;
}
th {
	background: #F7F1E3 url(../images/table_bg02.jpg) left repeat-y;
	color:#4D382E;
}
th.title {
	background: #BDA182 url(../images/table_bg01.jpg) top repeat-x;
	color:#F0F0F0
}
td {
}

p { margin: 0 0 1em; }

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


.section { padding: .5em 5px 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;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

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

.box {
	margin: 10px 10px 15px 10px;
	padding: 10px 15px;
	border: 1px solid #CCC;
}

.box_01 {
	border: 1px solid #BDA182;
	background:#F9F5ED;
	padding: 10px 15px;
	margin: 5px 20px 15px 20px;
	
}

.footer_box {
	border-top: 1px solid #BDA182;
	padding-top:15px;
	margin-top:10px;
	clear:both;
}

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

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 0 top no-repeat;
}
#main {
	width: 940px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
  line-height:2;
}
#content {
	width: 680px;
	text-align: left;
  float: right;
}



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

#header {
	width: 940px;
	height: 105px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 {
	float: left;
	color: #FFF;
	width: 940px;
	font-size:12px;
	padding-top:5px;
	height: 25px;
}

#header p#logo{
	float:left;
	clear:both;
	margin: 0;
	padding: 0;
}
#header p#h_tel{
	float:right;
	margin: 10px 0 0 0;
	padding: 0;
}

#header #header02 {
	float: right;
	padding-top: 10px;
}

#catch {
	width: 960px;
	margin: 0;
	padding: 0;
}

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

#footer {
	clear: both;
	text-align: center;
  background: url(../images/footer_bg.jpg) top repeat-x;
}
#footer address {
	width: 940px;
	margin: 0 auto;
}
#footer .section {
	width: 940px;
	margin: 0 auto;
	padding:20px 0;
}
#footer .b_box {
	float: right;
}
#footer .b_box li {
	float: left;
	margin-right:10px;
	vertical-align:middle;
}

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

#navi {
	float: left;
	width: 232px;
	text-align: center;
}

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

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

#navi ul.navi_bg {
	background: url(../images/navi_bg.jpg) bottom no-repeat;
	padding-bottom:15px;
}

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

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

/* index
------------------------------------------------------------------------*/
#index h4 { background: none; }
#index .box01 {
	background:url(../images/index01.jpg) right top no-repeat;
}
#index strong { color: #2BA166; }
#index .box02 {
	background:#F5F5F5;
	float:left;
	width:399px;
}
#index .box02 h4 { margin: 15px;}
#index .box02 dl {
	margin: 15px 15px 0 15px;
}
#index .box02 dt {
	float:left;
	width:5em;
	color:#6E4200;
}
#index .box02 dd {
	margin-left:5.5em;
}
#index p#map {
	float:right;
	margin: 0;
	padding: 0;
}

#index .box03 {
	margin: 0;
	padding: 0;
}


/* general
------------------------------------------------------------------------*/
#general .box_01 {
	color: #544530;
}
#general th,
#general td { width:190px;}


/* prevent
------------------------------------------------------------------------*/
#prevent table { width:600px; }
#prevent table ul {
	margin: 5px 10px;
}
#prevent table li {margin-bottom: 10px;}

/* implant
------------------------------------------------------------------------*/
#implant strong { color: #2BA166; }

#implant #content dl{
	margin: 20px;
	width:630px;
	padding:0;
	}
#implant #content dt{
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px dotted #666;
	background: #EBD9C4 url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 6px 5px 6px 45px ;
	margin: 0;
	color: #6E4200;
	font-weight: bold;
	}
#implant #content dd{
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background:url(../images/faq_a.jpg) 5px 5px no-repeat;
	padding: 6px 5px 6px 45px ;
	margin: 0 0 20px 0;
	}


/* ortho
------------------------------------------------------------------------*/
#ortho .box01 {
	margin:5px 30px;
}
#ortho .box01 img {margin-left:30px;}

#ortho th { width:200px; }
#ortho td { width:360px; }
#ortho td dt { color: #6E4200; font-weight: bold; }


dl.flow {
	width:600px;
	margin: 0 0 0 35px;
	}
.flow dt{
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin:0;
	padding: 5px 10px;
	background: #EBD9C4; 
	color: #6E4200;
	font-weight: bold;
	}
.flow dd{
	margin:0;
	padding:5px 10px 30px 10px;
	background:url(../images/flow_bg.jpg) bottom;
	}
.flow dd.last{
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin:0;
	padding:5px 15px;
	background:none;
	}
	

/* price
-------------------------------------------------------------------------*/
#price table {margin-bottom:15px;}
#price th {
	width:350px;
	text-align:left;
}
#price td {
	width:250px;
	text-align:right;
}
	

/* information
-------------------------------------------------------------------------*/
#information th { width: 200px; }
#information td { width: 400px; }

#information .box01 {
	width:380px;
	float:right;
}
#information .box01 h4 { background:none; }

#information dt.font01 {
	color: #6E4200;
	font-weight: bold;
}

#information .dr,
#information .box01 ul { margin-left:15px; }
#information .dr dt {
	float: left;
	width: 5em;
}
#information .dr dd {
	padding-left:5.5em;
}


/* clinic
-------------------------------------------------------------------------*/
#clinic .box_l {
	width:350px;
	float:left;
}
#clinic .box_r {
	width:350px;
	float:right;
}


/* recruit
-------------------------------------------------------------------------*/
dl.staff {
	background:#F7F1E3; 
	padding:10px;
	width:340px;
	color: #6E4200;
	margin-left:10px;
}
dl.staff dt {
	float:left;
	width:6.5em;
}
dl.staff dd {padding-left:7em;}

#recruit table {margin:15px 30px;}
#recruit th {
	width:150px;
	text-align:left;
}
#recruit td {
	width:400px;
}
#recruit td,
#recruit th { padding:10px;}