@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:175px 0 0 0;
	height: 88px;
	line-height: 1%; 
	display: block;
	text-align: right;
	}

#index #content h3 {
	margin: 0;
	padding:0;
	height: 48px;
	line-height:1%; 
	display: block;
	}
	
#content h2 {
	padding: 0;
	margin: 0px 15px 22px 15px ;
	height: 35px;
	line-height: 1%; 
	display: block;
	}

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

#content h4 {
	clear:both;
	margin: 0px 0px 10px 0px ;
	height: 40px;
	line-height: 1%; 
	display: block;
	text-align:center;
	}
a { color: #FF7300; text-decoration: none; outline:none; cursor:pointer; }
a:hover,
a:active { color: #FF7300; text-decoration: underline; ursor: pointer; }
a:visited {
}

ul {
}
li {
}

dl { margin:0;
}
dt { margin:0;
}
dd { margin:0;
}

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

#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; }


.section { padding: 0 25px 0 25px; clear:both; }
.section .section { padding: 0; clear:both; }

.image {
	margin: 0;
	line-height: 1%;
	border:1px solid #f1f1f1;
	display: block;
	}

.image_l {
	margin: 0 15px 0 0;
	float: left;
	line-height: 1%;
	border:1px solid #f1f1f1;
	display: block;
	}
* html body .image_l { margin: 0 12px 0 0 ; } /*  for IE6 only */

.image_l1 {
	margin: 0 15px 7px 0;
	float: left;
	line-height: 1%;
	border:1px solid #f1f1f1;
	display: block;
	}
*:first-child+html .image_l1 { margin: 0 15px -0.5em 0 ; } /*  for IE7 only */
* html body .image_l1 { margin: 0 12px -0.5em 0 ; } /*  for IE6 only */

.image_l2 {
	margin: 0 15px 15px 0;
	float: left;
	line-height: 1%;
	border:1px solid #f1f1f1;
	display: block;
	}
*:first-child+html .image_l2 { margin: 0 15px 9px 0 ; } /*  for IE7 only */
* html body .image_l2 { margin: 0 12px 0em 0 ; } /*  for IE6 only */

.image_l3 {
	margin: 0 15px 0 0;
	float: left;
	line-height: 1%;
	display: block;
	border: 1px solid #f1f1f1;
	}
*:first-child+html .image_l3 { margin: 0 15px -1em 0 ; } /*  for IE7 only */
* html body .image_l3 { margin: 0 12px -1em 0 ; } /*  for IE6 only */

.image_r {
	margin: 0 0 0 15px ;
	float: right;
	line-height: 1%;
	display: block;
	border: 1px solid #f1f1f1;
	}
* html body .image_r { margin: 0 0 0 12px ; } /*  for IE6 only */

.image_r1 {
	margin: 0 0 0px 15px ;
	float: right;
	line-height: 1%;
	display: block;
	border: 1px solid #f1f1f1;
	}
*:first-child+html .image_r1 { margin: 0 0 -1em 15px ; } /*  for IE7 only */
* html body .image_r1 { margin: 0 0 -1em 12px ; } /*  for IE6 only */

.image_r2 {
	margin: 0 0 0px 15px ;
	float: right;
	line-height: 1%;
	display: block;
	border: 1px solid #f1f1f1;
	}
*:first-child+html .image_r2 { margin: 0 0 0em 15px ; } /*  for IE7 only */
* html body .image_r2 { margin: 0 0 -2em 12px ; } /*  for IE6 only */

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

.caption {
	text-align: center;
	line-height:1.57em;
	margin:5px 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 15px 30px 0;
	padding: 0;
	height: 20px;
	list-style: none;
	}

ul.totop li {
	margin: 0;
	padding: 0;	
	width: 120px;
	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.jpg) top repeat-x;
	color: #666;
	text-align: center;
}
.bg_top{
  background: url(../images/body_bg1.jpg) top center no-repeat;
}

#wrapper {
	width: 900px;
	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:15px 0 0 0;
	width: 650px;
	float: right;
	font-size: 140%;
	line-height: 1.57em;
	letter-spacing: 0;
	}

.mainimg{
	padding:60px 0 0 0;
	height: 70px;
	line-height: 1%; 
	display: block;
	text-align: right;
	}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

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

#header {
	width: 900px;
	height: 330px;
	background:url(../images/header_bg.jpg) left top no-repeat;
	margin: 0;
	padding: 0;
	text-align: left;
}

#header h1 { margin: 0; padding: 30px 0 0 4px; font-size: 120%; color:#666; float: left; height: 54px; position:absolute; }

#header #header01 {
	clear: both;
	width: 900px;
	height: 133px;
	margin: 0 ;
}

#header #header01 .header_logo {
	margin: 54px 0 0 0;
	float: left;
}

#header #header01 .header_tel {
	margin:54px 0 21px 0;
	padding:0;
	float: right;
	text-align:right;
}

#header #header02 {
	clear: both;
	width: 900px;
	height: 45px;
	margin: 0 ;
}
#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: 352px;
	margin: 0 ;
}
#header #header03 {
	clear: both;
	width: 900px;
	height: 152px;
	margin: 0 ;
}

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

#footer {
	clear: both;
	padding: 0 ;
	margin: 0 ;
	width: 900px;
	height: 68px;
	text-align: left;
	background: url(../images/footer_bg.jpg) 0 0 repeat-x;
	font-family:"ＭＳ Ｐゴシック";
	}

#footer a {
	text-decoration: none;
	color: #ff9900;
	}
#footer a:hover { text-decoration: underline; }
	
#footer p.footer_tel { 
	margin: 0 ;
	padding: 10px 0 0 0;
	float: left;
	}

#footer address {
	margin: 0 ;
	padding: 15px 9px 0 0;
	float: right;
	color: #A8774F;
	font-size: 120%;
	line-height:120%;
	}


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

#navi {
	float: left;
	width: 238px;
	text-align: center;
	padding:9px 0 0 0;
	margin:0 6px 0 6px;
	display:inline;
}

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

#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;
}
#navi .bg_01{background:url(../images/nav_bg_01.jpg) left top no-repeat;} 
#navi .bg_02{background:url(../images/nav_bg_02.jpg) left top repeat-y;}
#navi .bg_03{background:url(../images/nav_bg_03.jpg) left bottom no-repeat; }

#navi .bg_04{background:url(../images/nav_bg_04.jpg) left top no-repeat;} 
#navi .bg_05{background:url(../images/nav_bg_06.jpg) left top repeat-y;}
#navi .bg_06{background:url(../images/nav_bg_05.jpg) left bottom no-repeat; }

#navi .img01{text-align:center; padding:17px 0 7px 0; margin:0;}
#navi .img02{text-align:center; padding:0; margin:0;}
#navi .img03{text-align:right; padding:0px 19px 8px 0; margin:0;}
#navi .img04{text-align:right; padding:0px 19px 19px 0; margin:0;}
#navi .text_01{ text-align:left; padding:0 0 8px 21px; margin:0; font-size:140%;}

#navi .margin_lr4{margin:0 4px 10px 4px;}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/*----------  Index  ----------*/
.index01{padding:0 15px 0 15px; clear:both;}
.index02{padding:0 11px 0 12px; clear:both;}

.bg_index01{background:url(../images/index_bg_01.jpg) left top repeat-x;}
.bg_index02{background:url(../images/index_bg_02.jpg) left top repeat-y;}
.bg_index03{background:url(../images/index_bg_03.jpg) left top repeat-y;}
.bg_index04{background:url(../images/index_bg_04.jpg) left bottom no-repeat;}
.bg_index05{background:url(../images/index_bg_05.jpg) left bottom no-repeat;}

#index dl.group1 { width:604px; margin:0 8px 0 8px; padding:11px 0 0 0;line-height:1.57em; font-size:100%; font-family:"ＭＳ Ｐゴシック"; }

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

#index dl.group1 dt.dt01{ 
	margin:17px 0 0 0 ;
	padding:0;
	float:left;
	line-height:1.57em;
	font-size:100%;
	color:#666;
	font-weight:normal;
	}
	
#index dl.group1 dd{ 
	width:510px; 
	margin:0;
	padding:0;
	float:right; 
	line-height:1.57em;
	font-size:100%;
	color:#666;
	}
	
#index .alpha{margin:0; padding:0; float:left; width:311px;}
#index .beta{margin:0; padding:0; float:right; width:311px;}

/*----------  Care / Index  ----------*/
#care_index .alpha{margin:0; padding:0; float:left; width:180px;}
#care_index .beta{margin:0 0 20px 0; padding:0; float:right; width:420px;}
#care_index dl.group2 { width:420px; margin:0; padding:0;line-height:1.57em; font-size:100%; font-family:"ＭＳ Ｐゴシック"; }

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

#care_index dl.group2 dt.dt01{ 
	width:70px; 
	margin:44px 0 0 0;
	padding:0;
	float:left;
	line-height:1.57em;
	font-size:100%;
	color:#666;
	font-weight:normal;
	}

#care_index dl.group2 dd{ 
	width:350px; 
	margin:0;
	padding:0;
	float:right; 
	line-height:1.57em;
	font-size:100%;
	color:#666;
	}

#care_index dl.group2 dd.dd01{ 
	width:350px; 
	margin:0 0 15px 0;
	padding:0;
	float:right; 
	line-height:1.57em;
	font-size:100%;
	color:#666;
	}
#care_index dl.group2 dd.dd02{ 
	margin:0 0 0 70px;
	padding:0;
	float:right; 
	line-height:1.57em;
	font-size:100%;
	color:#666;
	}
/*----------  Care / Access_clinic  ----------*/

#map {
	width: 465px;
	height: 465px;
	display:block;
	padding:0;
	margin:0;
	border:1px #dbdbdb solid;
	}

/*----------  Care / Introduction  ----------*/
#disp { margin:0 0 15px 0; text-align:center; }
#disp2 { margin:0 0 24px 0; text-align:center; }
.hidden { display:none; }

#care_introduction .alpha{width:192px; float:left; margin:0 12px 10px 0; padding:0; line-height:16px; display:block;}
#care_introduction .beta{width:192px; float:right; margin:0; padding:0; line-height:16px; margin-bottom:10px;}

#care_introduction .alpha p.sr_caption{text-align:center;color:#f79646;}
#care_introduction .beta  p.sr_caption{text-align:center;color:#f79646;}

/*----------  Care / Recruit  ----------*/
#content ul.ul01 {
	margin: 10px;
	padding: 0;
	list-style: none;
	}
#content ul.ul01 li {
	margin: 0;
	background:url(../images/icon_01.jpg) 0 4px no-repeat;
	padding: 0 0 0 20px;
	list-style: none;
	}
	
#content ul.ul02 {
	margin: 10px;
	padding: 0;
	list-style: none;
	}
#content ul.ul02 li {
	margin: 0;
	background:url(../images/icon_03.jpg) 0 5px no-repeat;
	padding: 0 0 0 17px;
	list-style: none;
	}
	
#content .icon {
	margin: 0 0 5px 0;
	background:url(../images/icon_02.jpg) 0 4px no-repeat;
	padding: 0 0 0 20px;
	list-style: none;
	font-weight:bold;
	}

#content .link{
	margin: 0 0 10px 0;
	background:url(../images/icon_04.jpg) 0 2px no-repeat;
	padding: 0 0 0 30px;
	list-style: none;
	}
	
#care_recruit .alpha{margin:0; width:380px; float:left;}
#care_recruit .beta{margin:0; width:202px; float:right;}

/*----------  Cure / Index  ----------*/
#cure_index .alpha{margin:0; width:290px; float:left;}
#cure_index .beta{margin:0; width:290px; float:right;}


/*----------  Cure / General_child  ----------*/
#general_child .alpha{margin:0; width:380px; float:left;}
#general_child .beta{margin:0; width:202px; float:right;}

#general_child .alpha1{margin:0; width:167px; float:left;}
#general_child .beta1{margin:0; width:430px; float:right;}

/*----------  Cure / Prevent  ----------*/
/*----------  Cure / Perio  ----------*/
/*----------  Cure / ortho  ----------*/
#cure_ortho .alpha{margin:0; width:202px; float:left;}
#cure_ortho .beta{margin:0; width:202px; float:right;}

/*----------  Cure / esthe  ----------*/
#cure_esthe .alpha{margin:0; width:380px; float:left;}
#cure_esthe .beta{margin:0; width:217px; float:right;}
/*----------  Cure / Call  ----------*/
/*----------  Cure / Denture  ----------*/
/*----------  Cure / Case  ----------*/

.padding_10{padding:10px 12px 0 12px;}
.padding_t10{padding:10px 0 0 12px;}	
.padding_t15{padding:15px 12px 0 12px;}	
.padding_lr12{padding:0px 12px 0 12px;}	

.margin_b10{margin-bottom:10px;}
.margin_b15{margin-bottom:15px;}
.margin_b17{margin-bottom:17px;}
.margin_b0{margin-bottom:0px;}
.margin_b30{margin-bottom:30px;}
.margin_b25{margin-bottom:25px;}
.margin_lr5{margin:0 5px 0 5px;}
.padding_b2{padding-bottom:2px;}

.w_200{width:200px;}
.w_180{width:180px;}
.w_150{width:150px;}
.w_100{width:100px;}
.w_80{width:80px;}
.w_30{width:30px;}

.bg_cl01{background-color:#f9f3e6;}
.bg_cl02{background-color:#fff8ec; border:2px solid #ffce72; padding:5px;}


#tiny{
	width: 620px;
	height: 130px;
	overflow: auto;
}


#tiny table {
	border: none;
	width: 600px;
}
#tiny table td { border: none;}