@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,table,pre,address,ul,ol,dl {
	font-size: 100%;
}

#index h2 {
	margin: 0 auto;
	padding:73px 0 0 53px;
	height: 99px;
	line-height: 1%; 
	display: block;
	text-align: center;
	float:left;
	}

#index #content h3 {
	padding:0;
	margin:0 0 7px 0;
	height: 33px;
	line-height:1%; 
	display: block;
	}

#content h2 {
	padding: 9px 0 0 0;
	margin: 0px 17px 15px 15px ;
	height: 44px;
	line-height: 1%; 
	display: block;
	}

#content h3 {
	clear:both;
	margin: 0px -10px 15px -10px ;
	height: 30px;
	line-height: 1%; 
	display: block;
	text-align:center;
	}

#content h4 {
	clear:both;
	margin: 0px 0px 10px 0px ;
	height: 25px;
	line-height: 1%; 
	display: block;
	text-align:left;
	}
		
a { color: #eab200; text-decoration:none; }
a:hover,
a:active { color: #eab200; text-decoration: underline; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

#content table {
	margin: 0 ;
	border-collapse: collapse;
	border: 1px solid #cec0c2;
	font-size: 100%;
	line-height: 1.66em;
	width: 100%;
	}
#content table th,
#content table td {
	padding: 8px 8px;
	border: 1px solid #cec0c2;
	}
#content table th {
	background:#cec0c2;
	}

#content table td.top { vertical-align: top; }
#content table td.bottom { vertical-align: bottom; }
#content table td.right { text-align: right; }

p { margin: 0 0 1em; }

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


#index .section { padding: 0 17px 0 15px; clear:both; }
.section { padding: 0 27px 0 25px; clear:both; }
.section .section { padding: 0; clear:both; }

.image {
	margin:0;
	padding:0;
	line-height: 1%;
	display: block;
	}

.image_l {
	margin: 0 20px 0 0;
	float: left;
	line-height: 1%;
	display: block;
	}
* html body .image_l { margin: 0 17px 0 0 ; } /*  for IE6 only */

.image_l1 {
	margin: 0 20px 0 0;
	float: left;
	line-height: 1%;
	display: block;
	}
* html body .image_l1 { margin: 0 17px 0 0 ; } /*  for IE6 only */
*:first-child+html .image_l1 { margin: 0 17px -1em 0 ; } /*  for IE7 only */

.image_r {
	margin: 0 0 0 20px ;
	float: right;
	line-height: 1%;
	display: block;
	}
* html body .image_r { margin: 0 0 0 17px ; } /*  for IE6 only */

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

.caption {
	text-align: center;
	padding:15px 0 0 0;
	}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	margin: 0 27px 30px 0;
	padding: 0;
	height: 20px;
	list-style: none;
	}

ul.totop li {
	margin: 0;
	padding: 0;	
	width: 129px;
	height: 20px;
	list-style: none;
	float: right;
	font-size: 1%;
	line-height: 1%;
	}
ul.totop li a {
	text-indent: -9999px;
	display: block;
	height: 20px;
	font-size: 1%;
	line-height: 1%;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	}


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

html {
	background: none;
}

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

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

.bg_bottom{
  background: url(../images/body_bg_bottom.jpg) left bottom repeat-x;
}

#wrapper {
	width: 914px;
	margin: 0 auto; 
	padding: 0;
	text-align: left;
}

#main {
	margin:0;
	background: url(../images/main_bg.jpg) left top repeat-y;
	padding:0;
}

#content {
	margin: 0;
	padding:0;
	width: 677px;
	float: right;
	font-size: 120%;
	line-height: 1.66em;
	letter-spacing: 0;
	}

.mainimg{
	padding:0;
	height: 72px;
	line-height: 1%; 
	display: block;
	text-align: left;
	}


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

#index #header {
	width: 914px;
	height: 479px;
	background:url(../images/header_index_bg.jpg) center top no-repeat;
	margin: 0 auto;
	padding:0;
	text-align: left;
}

#header {
	width: 914px;
	height: 289px;
	
	margin: 0;
	padding: 0;
	text-align: left;
}

#header h1 { margin: 0; padding: 10px 0px 0px 15px; font-size: 120%; color:#666; float: left; height: 32px; position:absolute; }

#header #header01 {
	width: 914px;
	height: 81px;
	background:url(../images/header01_bg.jpg) center top no-repeat;
	margin: 0;
	padding:0;
}

#header #header01 .header_logo {
	margin: 32px 0 0 7px;
	padding:0;
	float: left;
		display:inline;

}

#header #header01 .header_tel {
	margin:11px 16px 0 0;
	padding:0;
	width:225px;
	text-align:right;
	float:right;
		display:inline;

}

#header #header02 {
	clear: both;
	width: 900px;
	height: 45px;
	margin: 0 7px 0 7px ;
}
#header #header02 ul.header_nav {
	width: 900px;
	height: 45px;
	margin: 0 ;
	list-style: none;
}
#header #header02 ul.header_nav li {
	height: 45px;
	margin: 0 ;
	list-style: none;
	float: left;
	display: inline;
}

#index #header #header03 {
	clear: both;
	width: 900px;
	height: 353px;
	background:url(../images/header03_bg.jpg) center top no-repeat;
	margin: 0 7px 0 7px;
}


#index #header #header03_01 {
	clear: both;
	width: 900px;
	height: 185px;
	margin: 0;
}

#index #header #header03_02 {
	clear: both;
	width: 900px;
	height: 168px;
	margin: 0;
}

#index #header #header03_02 p.text_header{ padding:5px 595px 0 70px; float:left; font-size:110%; line-height:1.66; letter-spacing:0px;}


#header #header03 {
	clear: both;
	width: 900px;
	height: 163px;
	margin: 0 7px 0 7px;
}

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


#footer {
	clear: both;
	padding: 0 ;
	margin: 0 ;
	width: 914px;
	height:217px;
	text-align: left;
	font-family:"ＭＳ Ｐゴシック";
	}

#footer #footer01{
	background: url(../images/footer_bg.jpg) left top no-repeat;
	margin:0;
	width:914px;
	padding:34px 0 0 0;
	height:159px;
}	
	
#footer #footer01_01{
	margin:0;
	padding:0 0 0 12px;
	height:40px;
}	

#footer #footer01_01 p.title{
	margin:0;
	padding:0;
	float:left;
	line-height:1%;
}	

#footer #footer01_02{
	margin:0;
	padding:0;
	height:119px;
}	

#footer #footer01_02 .alpha{
	margin:0;
	padding:0;
	float:left;
	width:280px;
}	

#footer #footer01_02 .beta{
	margin:0;
	padding:0;
	float:right;
	width:634px;
}	

#footer #footer01_02 dl.group1 { width:280px; margin:0; padding:0;line-height:1.66em; font-size:110%; font-family:"ＭＳ Ｐゴシック"; }

#footer #footer01_02 dl.group1 dt{ 
	width:60px; 
	margin:0;
	padding:0 0 0px 20px;
	float:left;
	line-height:1.66em;
	font-size:110%;
	color:#ce0000;
	clear:right;
	font-weight:bold;
	}
	
#footer #footer01_02 dl.group1 dt.dt01{ 
	width:60px; 
	margin:0;
	padding:0 0 0px 20px;
	float:left;
	line-height:1.66em;
	font-size:110%;
	color:#ce0000;
	clear:right;
	font-weight:bold;
	}
*:first-child+html #footer #footer01_02 dl.group1 dt.dt01 { margin:24px 0 0 0 ; } /*  for IE7 only */
* html body #footer #footer01_02 dl.group1 dt.dt01 { margin:24px 0 0 0 ;  } /*  for IE6 only */
	

#footer #footer01_02 dl.group1 dd{ 
	width:196px; 
	margin:0;
	padding:0;
	float:right; 
	line-height:1.66em;
	font-size:110%;
	color:#666;
	}

#footer #footer01_02 dl.group1 dd.dd01{ 
	margin:0 0 4px 84px;
	padding:0;
	float:right; 
	line-height:1.66em;
	font-size:110%;
	color:#666;
	}
	
#footer #footer01_02 dl.group1 dd.dd02{ 
	margin:0 0 0 84px;
	padding:0;
	float:right; 
	line-height:1.66em;
	font-size:110%;
	color:#666;
	}

#footer address {
	margin: 0 ;
	padding: 8px 0 0 0;
	color: #95787A;
	text-align:center;
	font-size: 110%;
	line-height:110%;
	}

#footer .padding_r179{padding:0 179px 0 0; margin:0;}
/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 220px;
	margin:0 0 0 17px;
	text-align: center;
	display:inline;
}

#navi dl{}
#navi ul {
	margin:0px 0 11px 0;
	background:#eae4e4;
	text-align: left;
	padding:3px;
}

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

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

#navi .banner_01{text-align:center; padding:0 0 20px 0; margin:0;}
#navi .banner_02{text-align:center; padding:0 0 10px 0; margin:0; clear: both;}
#navi .nav_title{text-align:center; padding:0 0 5px 0; margin:0;}

#navi #nav_box dl {	width: 220px; margin-bottom: 20px; font-size: 120%; }

#navi #nav_box dt {
	width: 65px;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
	text-indent: 0;
	text-align: left;
	color: #505050;
	font-weight: bold;
	}
	
*html body #navi #nav_box dt {
	padding: 0;
	}  

#navi #nav_box dd {
	width: 145px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
#navi #nav_box .dt02,
#navi #nav_box .dd02 { margin-bottom: 10px; }

#navi #nav_box .dd01 { margin-left: 65px; clear: both; }
*html body #navi #nav_box .dd01 { margin-left: 32px; padding-left: 0px; clear: both; }

#navi #nav_box dd a { color: #A33808; text-decoration: underline; }

#navi #nav_box dd a:hover,
#navi #nav_box dd a:active { color: #D6744D; text-decoration: underline; }


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

/* index
------------------------------------------------------------------------*/
#index .title01{padding:0 0 12px 0; margin:0; line-height:1%;}
.index_01{ padding: 15px;}

#index dl.group2 { width:627px; margin:0 9px 15px 9px; padding:0;line-height:1.66em; font-size:100%; font-family:"ＭＳ Ｐゴシック"; }

#index dl.group2 dt{ 
	width:63px; 
	margin:0;
	padding:0;
	float:left;
	line-height:1.66em;
	font-size:100%;
	color:#666;
	font-weight:normal;
	}

#index dl.group2 dd{ 
	width:564px; 
	margin:0;
	padding:0;
	float:right; 
	line-height:1.66em;
	font-size:100%;
	color:#666;
	}
	
#index .bg_01{background:url(../images/index_bg_01.jpg) left top no-repeat;} 
#index .bg_02{background:url(../images/index_bg_02.jpg) left top repeat-y;}
#index .bg_03{background:url(../images/index_bg_03.jpg) left bottom no-repeat; }
#index .bg_04{background:url(../images/index_bg_04.jpg) right bottom no-repeat; }

/*----------  Clinic / Concept  ----------*/
#content .alpha{margin:0; padding:0; float:left; width:220px;}
#content .beta{margin:0; padding:0; float:right; width:405px;}

#clinic_concept .alpha1{margin:0; padding:0; float:left; width:126px;}
#clinic_concept .beta1{margin:0; padding:0; float:right; width:490px;}

#clinic_concept dl.group3 { width:455px; margin:0; padding:0;line-height:1.66em; font-size:100%; font-family:"ＭＳ Ｐゴシック"; }

#clinic_concept dl.group3 dt{ 
	width:90px; 
	margin:0;
	padding:0;
	float:left;
	line-height:1.66em;
	font-size:100%;
	color:#666;
	font-weight:normal;
	}

#clinic_concept dl.group3 dd{ 
	width:365px; 
	margin:0;
	padding:0;
	float:right; 
	line-height:1.66em;
	font-size:100%;
	color:#666;
	}

#clinic_concept dl.group3 dd.dd_01{ 
	margin-left:90px;
	padding:0;
	float:right; 
	line-height:1.66em;
	font-size:100%;
	color:#666;
	}

#clinic_concept dl.group3 dd.dd_02{ 
	margin-bottom:15px;
	padding:0;
	float:right; 
	line-height:1.66em;
	font-size:100%;
	color:#666;
	}

/*----------  Clinic / Access  ----------*/

#map {
	width: 490px;
	height: 400px;
	display:block;
	padding:0;
	margin:0;
	border:1px #cec0c2 solid;
	}

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

/*----------  Clinic / Recruit  ----------*/
	
/*----------  Treatment / General  ----------*/
/*----------  Treatment / Esthe  ----------*/
/*----------  Treatment / Laser  ----------*/
/*----------  Treatment / Root  ----------*/
/*----------  Treatment / Bite  ----------*/
#treatment_bite dl.group4 { width:405px; margin:0 0 14px 0; padding:0;line-height:1.66em; font-size:100%; font-family:"ＭＳ Ｐゴシック"; }

#treatment_bite dl.group4 dt{ 
	width:60px; 
	margin:0;
	padding:0;
	float:left;
	line-height:1.66em;
	font-size:100%;
	color:#666;
	font-weight:normal;
	}

#treatment_bite dl.group4 dd{ 
	width:335px; 
	margin:0;
	padding:0;
	float:left; 
	line-height:1.66em;
	font-size:100%;
	color:#666;
	}

/*----------  Treatment / Lost  ----------*/

#content .icon {
	margin: 0 0 10px 0;
	background:url(../images/icon_01.jpg) 0 3px no-repeat;
	padding: 0 0 0 20px;
	list-style: none;
	font-weight:bold;
	}

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

.margin_b41{margin-bottom:41px;}
.margin_b30{margin-bottom:30px;}
.margin_b0{margin-bottom:0;}
.margin_b14{margin-bottom:14px;}
.margin_b10{margin-bottom:10px;}
.margin_b25{margin-bottom:25px;}
.margin_b5{margin-bottom:5px;}


.w_200{width:200px;}
.w_150{width:150px;}
.w_100{width:100px;}
.w_33p{width:33%;}
.w_300{width:300px;}
.boder01{background-color:#fff; border:5px solid #eae4e4; padding:10px; background:#fdfbfb;}
.bg_cl01{background:#f9f7f7;}

#content dl.flow {
	background: url(../images/arrow_b.png) center bottom no-repeat;
	padding-bottom: 20px;
	}
	
#content dl.flow_end {
	background: none;
	padding-bottom: 0;
	}

.flow dt,
.flow_end dt {
  border: 1px solid #CCCCCC;
	background: #FFE6E6;
	color: #462A1F; 
  border-bottom: none;
  padding: 5px 0 5px 10px;
	margin: 0 20px;
	font-weight: bold;
  }
  
.flow dd,
.flow_end dd {
  border: 1px solid #CCCCCC;
  border-top: 1px dotted #CCCCCC;
  padding: 10px 10px 10px 10px;
  margin: 0 20px 20px 20px;
  }
  
*:first-child+html .flow dd .ddbox,
*:first-child+html .flow_end dd .ddbox { padding: 0 0 10px 0; }