@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Concept                     */
/*                 09  Staff                       */
/*                 10  Clinic                      */
/*                 11  Recruit                     */
/*                 12  Perio                       */
/*                 13  Prevent                     */
/*                 14  Laser                       */
/*                 15  Child                       */
/*                 16  Ortho                       */
/*                 17  Aesthe                      */
/*                 18  Implant                     */
/*                 19  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/
body { 
  background: url(../img/naka_head_bk.jpg) top repeat-x;
	margin: 0;
}
.top { background: url(../img/bk.jpg) top repeat-x; }

  

#wrapper {
  background: url(../img/wrapper_bg.jpg) repeat-y;
  width: 900px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
	position: relative;
	color: #000000;
}
#container { width: 900px;}
#main {
  margin: 0;
  background: url(../img/main_bg.png) repeat-y;
	width: 900px;
	overflow: hidden;
	left: 0;
}

#content {
  width: 620px;
  float: right;
  font-size: 14px;
  line-height: 1.6;
  color: #333333;
  margin-top: 15px;
}
#content02{
  width: 620px;
  float: right;
  font-size: 150%;
  line-height: 1.6;
  margin-top: 15px;
}
.fe {
  width: 220px;
	height: 87px;
	display: block;
	float: left;
	margin: 10px;
}
.fe_02 {
  width: 220px;
	height: 110px;
	display: block;
	float: left;
	margin: 10px;
}
.fe_03 {
  width: 150px;
	height: 200px;
	float: left;
	margin: 10px;
}
.fe_03r {
  width: 140px;
	height: 200px;
	float: left;
	margin: 10px;
}
 
.time {
  width: 300px;
	float: left;
	display: block;
}

/*---------- fmail -----------*/

.form { 
  margin: 10px 10px;
}
.contact { 
	height: 220px;
}
.sry {
  float: left;
	width: 329px;
	height: 200px;
}
.ftop_p {
	line-height: 1.6em;
	padding: 15px;
	font-size: 14px;
}
.f_b {
  background: url(../img/box_03.jpg) no-repeat ;
	padding: 15px;
	height: 130px;
	line-height: 1.6em;
	margin-top: 10px;
}

.ftop { padding: 0 15px 0 15px ;}
.fin { margin:: 0 15px 0 15px ;} 
.f_a { color: #CC0033; font-size: 16px;}

#content_02 {
  width: 620px;
  float: right;
  font-size: 120%;
  line-height: 1.3em;
  margin-top: 15px;
}
.info { 
  color: #00A33D; 
	font-size: 14px;
	line-height: 2em;
}

/*---------- 03  Header -----------*/

#header {
  height: 250px;
	width: 900px;
  margin: 0;
  padding: 0;
}
.top #header {
  height: 390px;
  margin: 0;
  padding: 0;
}


h1 { line-height: 1.0;}
h1 a { display: block;}
#top_naka { 
  float: left; 
	width: 250px;
	margin-top: 10px;
}
.top h1 {
  width: 250px;
  height: 195px;
}
.top h2 {
  height: 350px;
	width: 650px;
	position:absolute;
	top:40px;
	right:0;
}
.summary {
  color: #fff;
	line-height: 30px;
	width: 629px;
}
.top_inter {
  position: absolute;
	width: 650px;
	height: 210px;
	top:40px;
	right:-1px;
} 
.q_btn {
	position: absolute;
	left: 651px;
	top: 54px;
}
  
.header_left {
	width: 250px;
	height: 350px;
	position: absolute;
	top: 40px;
	left: 0;
} 
.img_block { display: block;}
.top_navi {
	width: 271px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
}

.top_navi01 {
	top: 0;
	right: 0;
	float: right;
}

  
.top_navi li { float: left;}
#header .section {
  width: 200px;
  float: right;
  margin: 0;
  padding: 0;
}
.section_chart01 { 
	background: url(../img/box_04.jpg) no-repeat center;
	text-align: center;
	padding: 0 70px; 
  height: 250px;
}
.section_chart {
  width: 600px;
	height: 450px;
	position: relative;
}
#chart01 {
  width: 600px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	clear: both;
}
.section_chart02 {
  width:620px;
}
.line02 {
  margin: 20px 20px 15px 20px;
}
.chartin1 { margin-left: 25px;}
.ather_q {
	position: absolute;
	left: 493px;
	top: 344px;
	width: 100px;
}
#header p.tel {
  margin: 0;
  padding: 0;
}
#header p.tel img { display: block; }

#header_nav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 180px;
  height: 19px;
}

#header_nav li {
  height: 19px;
  float: left;
  text-indent: -9999px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header_nav li a {
  display: block;
  height: 19px;
}

#nav01 { width: 80px; }
#nav02 { width: 100px; }

#nav01 a {
  background: url(../img/header_nav.png) -20px 0 no-repeat;
  width: 80px;
}
#nav02 a {
  background: url(../img/header_nav.png) -100px 0 no-repeat;
  width: 100px;
}
/*---------- sitemap -----------*/
.st {
  font-size: 12px;
	margin: 10px 0 5px 10px;
}
.st_h {
  background: url(../img/dot.jpg) no-repeat;
	text-indent: 15px;
	color: #003366;
	font-size: 14px;
	line-height: 8px;
	margin-top: 10px;
}

/*---------- main -----------*/


#main_top {
  text-align: center;
  margin-top: 10px;
	width: 900px;
	height: 422px;
}
.main_top_c01 {
  float: left;
	margin-top: 0;
	background: url(../img/interview_bk.jpg) no-repeat;
	text-align: center;
  width: 226px;
	height: 280px;
}
.main_top_c04 {
  float: left;
	margin-top: 0;
	background: url(../img/interview_bk.jpg) no-repeat;
	text-align: center;
  width: 222px;
	height: 280px;
}
.interview {
  margin-bottom: 6px;
}
.inte02 { 
  text-align: left;
	font-size: 14px;
	color: #577E00;
	width: 200px;
	margin: 3px 0 3px 10px;
	line-height: 1.4em;
}
.inte03 { 
  height: 30px; 
	text-align: left; 
	width: 200px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 1.2em;
}
.inte04 {
  float: right;
	margin: 25px 10px 0 0;
}

#schoolinfo_02 { margin: 10px auto;}
.info02 { margin-bottom: 10px;}
.info_topic { width: 450px; height: 120px; float: left; margin-top: 5px;}
.in_photo { float: left; width: 100px;}
.in_txt { float: left; width: 330px; height: 50px; padding: 0 10px; font-size: 14px; line-height:1.2em;}
.in_photo02 {float: left; width: 330px;}
.in_btn { width: 330px; text-align: right; float: left;}
.line { width: 450px; height: 5px; text-align: left; clear: both; margin-top: 5px;ｙ}

.alternative { margin: 10px auto;}

.schoolinfo_03 {
  background: url(../img/txt_bk.jpg) no-repeat;
	width: 900px;
	height: 440px;
}
.info_03txt {
  padding: 20px;
	font-size: 14px;
	line-height: 2em;
}
.p_tex { margin: 0 20px;}
.photo { width: 620px; height: 450px; text-align: center; margin: 10px 0;}

/*----------04  Navigation -----------*/


#nav {
  width: 240px;
  float: left;
	margin-top: 10px;
}
#nav ul, #nav p { margin-left: 10px;}
#nav ul,
#nav ul li {
	list-style: none;
	width: 230px;
}

.contents_bnr { margin-bottom: 5px;}
.nav_inner {
  text-align: left;
	margin: 10px 0;
	padding: 0;
}
.nav_inner img { margin: 0;}
.nav01 {
  height: 34px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.nav02 {
  height: 50px;
	overflow: hidden;
	margin: 0;
}
.nav05 {
  height: 36px;
	overflow: hidden;
	margin: 0;
}

.nav_title01 {
  height: 40px;
	overflow: hidden;
	margin: 0;
}

#nav p { text-align: center; }

.nav04,.nav03 { margin-top: 5px;}
#nav_banner { margin-top: 10px;}
/*---------- 05  Footer -----------*/

#str {
	text-align: right;
	margin: 0 130px;
	line-height: 0px;
}

#str strong {
	font-weight: normal;
}

#footer {
	background: url(../img/footer_bk.jpg) repeat-x;
  margin-top: 15px;
}
.footer_in02 {
  text-indent: -9999px;
	height: 145px;
}
.footer_inner {
	position:relative;
	margin: 0;
	padding: 0;
	display: block;
	background:url(../img/footer.jpg) no-repeat center top;
	height:145px;
}

.totop {
	position:absolute;
	top: 100px;
	left: 870px;
}


/*---------- 06  Contents -----------*/

#content .section,#content_f { padding: 0 1em 0 1em;}
#content .section .section { padding: 0 10px 0 10px; }
.header04 { 
  height: 30px;
	margin-top: 20px;
}
#content h2 {
  height: 50px;
  text-indent: -9999px;
  margin: 0 15px;
}
.ya { margin: 10px 0 10px 100px;}
.ya02 { margin: 10px 0 10px 230px;}
.box {
  background: url(../img/box.jpg) no-repeat;
	line-height:25px;
	text-indent: 20px;
  height: 25px;
	margin-top: 5px;
}
.h_tex {
  background: url(../img/box_02.jpg) no-repeat;
	line-height:150%;
  height: 200px;
	width: 590px;
	padding: 15px;
	margin-top: 5px;
}

  
.h3_01 {	
  background: url(../img/head3.jpg) no-repeat;
	line-height:40px;
  height: 40px;
	text-indent:20px;
	margin: 20px 0 10px 0;
	font-weight: bold;
}
.top_h3 { 
  line-height: 0;
	margin-bottom: 0;
	height: 140px;
	overflow: hidden;
}
.h4_01 {
  text-align: left;
	margin: 10px 0;
	text-indent: 15px;
	line-height:40px;
	height: 40px;
	font-weight:bold;
  background: url(../img/head4.jpg) no-repeat bottom;
}
.h4_02 {
  text-align: left;
	margin: 10px 0;
	line-height:22px;
	height: 52px;
	font-weight:bold;
  background: url(../img/head4.jpg) no-repeat bottom;
	padding-left: 15px;
}

.h5_01,.h3_02 {
  text-align: left;
	text-indent: 15px;
	line-height:35px;
	font-weight:bold;
  background: url(../img/head5.jpg) no-repeat bottom;
}
.h5_01c {
  text-align: left;
	text-indent: 15px;
	line-height:35px;
	font-weight:bold;
  background: url(../img/c_line.jpg) no-repeat bottom;
}



#content h5 {
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 .3em .3em;
}

#content ul li {
  list-style: none;
  background: url(../img/li_bg.png) 0 4px no-repeat;
  padding-left: 15px;
}
#content ul.olist li {
  background-image: none;
  padding-left: 0;
}

#content dt { 
  font-weight: bold;
  color: #0C87CB;
}

#content a { 
  text-decoration: underline;
  color: #FF7D50;
}

#content a:hover { color: #FFB000;}

#content blockquote {
  margin: .5em;
  background: url(../img/blockquote_bg.jpg) top left repeat-y;
  padding: .5em 1em;
}

.image_l  {
  float: left;
  margin: 8px 12px 8px 0;
}

.image_r {
  float: right;
  margin: 8px 0 8px 12px;
}

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

.case-narrow {
  margin: 10px 40px;
  background: url(../img/arrow_h.png) center center no-repeat;
}

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
  text-align: center;
  border-top: 2px solid #ccc;
}

#content .totop { margin: 10px 20px;}

#content .totop ul {
  clear: both;
  padding-bottom: 10px;
}

#content .totop li {
  list-style: none;
  width: 110px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  float: right;
  background-image: none;
}
#content .totop li a {
  display: block;
  height: 30px;
  background: url(../img/to_top.jpg) 0 0 no-repeat;
}

p.caution {
  padding-left: 24px;
  background: url(../img/caution.png) 0 1px no-repeat;
}
.info_bn {
  padding-top: 25px;
	clear: both;
}


.ind {
 width: 600px;
 height: 133px;
 padding-right: 7px;
}
.ind_s {
 width: 600px;
 margin-top: 10px;
 padding-left: 50px;
}
.ind01, .ind02, .ind03, { width: 590px; margin-bottom: 10px;}
.ind04 { width: 590px; height: 160px;}
.fl_p { float: right; margin-left: 10px;}


.in_p, { float: right; margin-left: 14px;}
.ind_tex { 
  font-size: 14px; 
  padding: 30px 200px 0 10px;
}
.ind_m { width: 600px;}
.ind_p { float: right; margin: 0 0 10px 10px;}
.ind_t { float: left; margin: 10px; 0 10px 10px;}
.sam_s {
  float: left;
	margin-right: 10px;
	font-size: 13px;
	font-weight: bolder;
}
.sam_b {
  display: block;
  text-align: center;
}
.sam_bt {
  float: right;
	display: block;
	padding-right: 60px;
	font-size: 12px;
}
/*---------- Q&A -----------*/


#qa { clear: both;}
.qa {
  background: url(../img/q_line.jpg) no-repeat;
	padding-left: 55px;
	height: 42px;
	font-size: 15px;
	font-weight: bold;
	clear: both;
	display: block;
	margin-bottom: 10px;
	color: #FF0033;
}
.qa02 {
  background: url(../img/q_line02.jpg) no-repeat;
	padding-left: 55px;
	height: 58px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #FF0033;
}
.qa_se {
  background: url(../img/q_line.jpg) no-repeat;
	padding-left: 55px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #FF0033;
}

.ancor {
  padding-right:50px;
	margin-bottom: 10px;
}
#qa { margin: 10px 0; clear: both;}
#es { clear: both;}
.link { float: right; margin-bottom:}

/* Hides from IE-mac \*/
p.answer:first-letter {
  display: block;
  padding: 2px;
  background: #4499af;
  color: #fff;
  font-size: 18px;
  font-weight: bolder;
  border: 1px solid #ccc;
  margin: 0 5px 0 0;
  float: left;
}

.before { background: url(../img/before.jpg) no-repeat top right;}
.course {
  width: 600px;
	height: 105px;
	font-size: 14px;
	padding-top: 10px;
}
.coursein {
  float: left;
	padding-left:10px;
	margin-bottom: 15px;
}
/* End hide from IE-mac */



#content table {
  border-collapse: separate;
  border-spacing: 1px;
  border: 1px solid #d0d0ff;
  font-size: 100%;
  color: #666;
  width: 100%;
  margin: 10px auto;
}
#cop { font-size: 12px;}
#content .t_m th { width: 40%; font-size: 13px; color: #333333;}
#content .t_m td { 
  text-align: center;
  width: 25%; 
	font-size: 13px;
	color: #333333;
}

#content table th,
#content table td {
  padding: 4px 8px;
  border: 1px solid #ddddff;
}

#content table th {
  background: #efefff;
  color: #636570;
}

#content table dl,
#content table ul {
  margin: 5px;
}

input.submit {
  font-weight: bold;
  margin-right: 1.5em;
	width:120px;
	height:36px;
}
.a_bt {
  text-align: center;
	height: 25px;
}
.chart {
  padding-left: 10px;
	clear: both;
}
.c_in {
  text-align: center;
	width: 128px;
	margin: 0 0 20px 20px;
	background: url(../img/in.jpg) repeat-y top center;
	float: left;
}
.c_in02 {
  text-align: center;
	width: 128px;
	margin: 0 20px 10px 10px;
	background: url(../img/in.jpg) repeat-y top center;
	float: right;
}

.in_tp { padding: 5px 0;} 
.setp, .sebt { height: 10px; line-height: 9px;}
.cin_tex { 
  font-size: 12px;
	text-align: left;
  padding: 4px;
  margin-left: 3px;
}

.section_chart02 {
  margin-top: 20px;
	}
 
/*---------- Index -----------*/