@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 {}
h3{ margin: 0 0 10px 0; clear: both;}
h4 {
	background: url(../images/h4.jpg) 0 5px no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 0 10px 0;
	font-size: 18px;
	font-weight: bold; 
}

h5{
	padding: 3px 0 5px 0;
	font-weight: bold;
	color: #533816;
	clear: both;
}

h3.mg01{ margin: 40px 0 10px 0;}

h4.mg02{ margin: 20px 0 10px 0;}


a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
   background: url(../images/subtitle.jpg) 0 0 no-repeat;
   text-indent:25px;
   color: #443519;
   font-weight: bold;
   clear: both;
	 margin: 5px 0;
}

dd {
	margin: 0 0 20px 20px;
}

table {
}

th,
td {
}
th {
}
td {
}

p { margin: 0 0 1em; }

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


*html .section .section { padding: .5em 0 1em; }

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



.totop{
	float: right;
}

.totop a{
	display: block;
    background: url(../images/totop.gif) 7px 8px no-repeat;
	padding: 2px 5px 2px 23px;
	width: 80px;
	border: 1px solid #bebebe;
	background-color: #cec5b5;
	text-decoration: none;
	color: #FFF;
}

.totop a:hover{
	background-color: #baac92;
	color: #FFF;
}

*html .totop a{
	padding: 2px 10px 2px 23px;	
	width: 120px	
}

/* add
------------------------------------------------------------------------*/



ul.list01 li{
	background: url(../images/icon.gif) 0 8px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}


table.table01{
	width: 100%;
	margin: 0 0 10px 0;
}

table.table01,
table.table01 th,
table.table01 td{
	border: 1px solid #bebebe;
}



table.table01 th,
table.table01 td{
	padding: 8px;
	text-align: left;
}

table.table01 th{
	background-color: #f4eee4;
}

table.table01 td.pnumb{
	width: 100px;
}

.subtitle{
   background: url(../images/subtitle.jpg) 0 0 no-repeat;
   text-indent:25px;
   color: #443519;
   font-weight: bold;
   clear: both;
}

.caution{
	color: #993300;
}

.box_fL01{
	float: left;
	padding: 0 50px 0 0;
}
.box_fL02{
	float: left;
	margin: 0 100px 0 20px;
}

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


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

html {
	background: none;
}

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

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

#wrap_f{
    background: url(../images/footer_bg.jpg) 0 bottom repeat-x;
}

#wrapper {
	width: 960px;
	margin: 0 auto;

}
#main {
	width: 960px;
	margin: 0 auto 70px;
	text-align: left;
}

#content {
	width: 710px;
	text-align: left;
	float: right;
}

#gnavi{
	margin: 0 0 20px 0;
}

#gnavi ul li{
	float: left;
}


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

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

h1 {
	padding: 0px 0 3px 0;
	/padding: 3px 0 1px 0;
	font-size: 12px;
	text-align: left;
	color: #FFF;
}


#logo{
	margin: 25px 0 0 30px;
	float: left;
}

#header_bnr{
	margin: 9px 26px 0 0;
	 float: right;
}



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

#footer {
	clear: both;
	text-align: center;
	height: 200px;
}
#footer address {
	width: 960px;
	margin: 20px auto 0;
	color: #FFF;
	font-weight: bold;
}


/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

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

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

#navi ul li {
	list-style: none;
	margin: 0;
}

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

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

#navi ul li a{
	display: block;
	width: 180px;
	height: 40px;
	padding: 5px 0 0 45px;
	color: #2D2D2D;
	text-decoration: none;
}

#navi ul li a:hover{
	color: #EB671F;
}

#navi .nav_top{
	margin: 0;
	padding: 0;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

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

#content{
	background: url(../images/content_bg.jpg) 0 0 no-repeat;
	padding: 20px 30px;
	width: 640px;
	height: auto;
}

*html #content{
	padding: 20px 30px;
	width: 690px;
}


.top_fL{
	float: left;
	width: 315px;
}

.top_fR{
	float: right;
}

#index h4.mt15{
	margin-top: 15px;
}

ul.top_list li{
	background: url(../images/icon.gif) 0 8px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	float: left;
	width: 130px;
}

#top_map{
	border: 1px solid #CACBC6;
	width: 300px;
	height: 248px;
	float: right;
}

table.time{
	width: 100%;
	border: 3px solid #d1d1d1;
}



table.time th,
table.time td{
	padding: 3px;
	border: 2px solid #a9a9a9;
	text-align: center;
}

table.time th{
	width: 140px;
	background: url(../images/time_th_bg.jpg) 0 0 repeat-x;
}


table.time td.td10_bg{
	background: url(../images/time_td_bg.jpg) 0 0 repeat-x;
	font-weight: bold;
}

h3.mt20{ margin-top: 40px;}

.red_b{
	color: #E70D0B;
	font-weight: bold;
}


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

.inner_map{
	margin: 20px 0;
	padding: 0 0 0 50px;
}
.inner_map .googlemaps{
	border: 1px solid #CACBC6;
}

#access .alpha{
	float: left;
	}
	
#access .beta {
  width:360px;
	float: right;
	margin:0 15px 0 0;
	padding:0;
	}
	
/* price
------------------------------------------------------------------------*/
#price table.table01 th{
	width: 250px;
}


/* prevent
------------------------------------------------------------------------*/
#prevent .alpha{
	float: left;
	}
	
#prevent .beta {
  width:380px;
	float: right;
	}
	

/* aesthe
------------------------------------------------------------------------*/

.case {
	margin: 10px 20px;
	padding: 0 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}
.case img {
	display: block;
	border: 3px solid #eee4cf;
	}


ul.aesthe_ul li{
	padding: 0 0 10px 20px;
	text-indent: -22px;
}

.numb{
	padding-right: 10px;
	color: #0066CC;
	font-size: 16px;
	font-weight: bold;
}

.numb_txt{ font-weight: bold;}


/* implant
------------------------------------------------------------------------*/

.box_3img{
	padding: 0 0 0 40px;
}

.image_l2  {
	float: left;
	margin: 8px 25px 16px 0;
	text-align:center;
	}


/* denture
------------------------------------------------------------------------*/
#denture .alpha{
	float: left;
    width:380px;
	margin:0;
	padding:0;
	}
	
#denture .beta {
  width:200px;
	float: right;
	margin:0 15px 0 0;
	padding:0;
	}

*html #denture .alpha {
  width:340px;
}


ul.denture_ul li{
	padding: 0 0 0px 20px;
	text-indent: -22px;
}

ul.denture_ul li span.numb{
	padding-right: 10px;
	color: #9e5728;
	font-size: 16px;
	font-weight: bold;
}

#step_nav{
	padding: 0 0 0 113px;
}

#step_nav li {
	float:left;
}


#denture .box_step{
	margin: 0 0 30px 0;
}



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

#recruit table.table01 th{
	width: 150px;
}


/* staff
------------------------------------------------------------------------*/
#staff .alpha{
	float: left;
    width:260px;
	margin:0;
	padding:0 5px 0 0;
	}
	
#staff .beta {
  width:330px;
	float: right;
	margin:0 15px 0 0;
	padding:0;
	}
/*	
* html #staff .beta {
	float: left;
	margin:0;
	}
*/	
#staff .alpha .image_l{ 
	margin: 0 0 5px 10px;
}

#staff dt {
	float:left;
	width:75px;
	color: #284f99;
	}
#staff dd {
	margin-left:75px;
	}
#staff dl{margin-left:0;}
#staff ul{margin-left:0;}

#staff .alphap{
	float: left;
    width:305px;
	margin:0;
	padding:0;
	text-align:left;
	}
	
#staff h5.sp{margin-top:20px;}

#staff ul li{
	background: url(../images/icon.gif) 0 8px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}



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

.flow table{
	border: none;
	margin: 0 0 10px 0;
	width: 100%;
}
.flow table th{
	border: 1px solid #bebebe;
	padding: 8px;
	text-align: center;
	background-color: #f4eee4;
}
.flow table td{
	border: 1px solid #bebebe;
	padding: 8px;
	text-align: left;
}


.flow .fL_box{
	width: 300px;
	float: left;
	margin: 0;
	padding: 0;
}
.flow .fR_box{
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
}


.flow .image_l { float: left; margin: 0 120px 8px 120px; }
.flow .image_r { float: right; margin: 0 120px 8px 120px; }

.thin{ font-weight: normal; font-size: 14px;}


.mb05 { margin-bottom : 5px; }
.mb10 { margin-bottom : 10px; }
.mb15 { margin-bottom : 15px; }
.mb20 { margin-bottom : 20px; }
.mb40 { margin-bottom : 40px; }

.mt15 { margin-top : 15px; }
.mt20 { margin-top : 20px; }

.ml20 { margin-left : 20px; }