@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%; line-height: 1.8;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 { margin-bottom: 10px; }
h4 {}
h5 {
	background: url(../images/h5.png) 0 -2px repeat-y;
	padding-left: 28px;
	color: #3F3F3F;
	font-weight: bold;
	font-size: 160%;
	}

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

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

#content table {
  border: 1px solid #DCDCDC;
  font-size: 100%;
  color: #333;
  margin: 10px 0;
  clear: both;
  }

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

#content table th {
  background: #EEFBFF;
  color: #14C3F2;
  width: 130px;
  }

p { margin: 0 0 1em; }

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

strong { color: #00B2E2; }
.p_blue { color: #00B2E2; font-weight: bold; }

.center { text-align: center; }
.right { text-align: right; }


.section { padding: 20px 1em 1em; }
.section .section { padding: 10px 0 1em; }

.section_h4_box { background: url(../images/section_h4_box.jpg) 0 0 repeat-y; }
.section_h4_bottom { background: url(../images/section_h4_bottom.jpg) bottom no-repeat; margin-bottom: 10px; }



.section_h4_box p { padding: 0 20px; }

#index .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 50px;
	background: url(../images/arrow_h.png) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

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


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

#content ul li {
  list-style: none;
  background: url(../images/li_bg.png) 0 1px no-repeat;
  padding-left: 25px;
	line-height: 2.0;
  }

#content ul.li_gray li { background: url(../images/li_bg02.png) 0 1px no-repeat; }

#content .contents_pickup {
	background: url(../images/contents_pickup_bg.jpg) 0 0 repeat-y;
	width: 620px;
	margin-left: 20px;
	}
#content .contents_pickup_bottom {
	background: url(../images/contents_pickup_bottom.jpg) bottom no-repeat;
	margin: 10px 0;
	padding-bottom:20px;
	}

#content .contents_pickup p { padding: 0 20px; }

#content p.contents_pickup_title {
	margin: 0;
	padding: 0;
	}

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

html {
	background: none;
}

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

#body02 { background: url(../images/body_bg02.jpg) bottom repeat-x; }

#wrapper {
	width: 940px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 940px top no-repeat;
  position: relative;
}
#main {
	width: 940px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#content {
	width: 680px;
	text-align: left;
  float: right;
}

#content p.tit {
	margin: 0;
	padding: 0;
}




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

#header {
	width: 940px;
	height: 115px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
}

#index #header { background: url(../images/header_index_bg.jpg) 0 0 no-repeat; }

#header p.h1,
#header h1 {
	float: left;
	width: 940px;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 110%;
	margin: 0;
	}

#header #header_title {
	width: 260px;
	height: 75px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.0;
	}
	
#header #header_tel {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1.0;
	}

#header h2 {
	/*float: right;
	width: 940px;*/
	line-height: 40px;
	color: #FFFFFF;
	font-size: 110%;
	margin: 0;
	z-index: 50;
	position:absolute;
	top: 0px;
	right: 25px;
	}

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

#footer {
	clear: both;
	height: 90px;
	text-align: center;
  background: url(../images/footer_bg.jpg) 0 repeat-x;
}

#footer #footer_tel {
	float: left;
	width: 300px;
	height: 50px;
	margin: 0;
	padding: 0;
	}

#footer address {
	margin: 0;
	line-height: 50px;
	float: right;
	font-size: 120%;
	color: #FFFFFF;
}


#footer ul.totop {
  list-style: none;
  width: 940px;
  height: 35px;
  margin: 0;
  padding: 0;
  float: right;
  background-image: none;
  }

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

#navi {
	float: left;
	width: 260px;
	padding: 0;
	text-align: center;
}

#navi dl,
#navi ul {
	width: 220px;
	margin: 0 20px 35px 20px;
	padding: 0;
	text-align: left;
}

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

#navi p#nav_time,
#navi p.nav_recruit {
	margin: 0 0 10px 0;
	padding: 0;
	}
#navi p.nav_bana {
	margin: 20px 0 10px 0;
	padding: 0;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.alpha { float: left; }
.beta { float: right; }

.bg_blue {
	border: 1px solid #7ADAFC;
	background: #F5FDFF;
	}
	
.bg_white {
	background: #FFFFFF;
	}
	
.th_gray { 
	background: #F7F7F7;
	color: #333333;
	}
	
#bn_access {
	margin: 20px 10px;
	padding: 0;
	}
	
#content .dt_box {
  border: 1px solid #CCCCCC;
  border-bottom: none;
  background: #F5FDFF;
  padding: 5px 0 5px 10px;
	color: #14C3F2;
	margin: 10px 20px 0 20px;
	font-weight: bold;
  }
  
#content .dd_box {
  border: 1px solid #CCCCCC;
	background: #FFFFFF;
	color: #333333;
  border-top: 1px dotted #CCCCCC;
  padding: 10px 10px 10px 10px;
  margin: 0 20px 20px 20px;
  }

.p_red {
	color: #FF3300;
	font-weight: bold;
	}

.bg_content { 
	background:url(../images/banner_04.jpg) no-repeat;
	padding:50px 22px 20px;
	width:660px;
	height:90px;
	margin-top:0px;
	margin-bottom:15px;
}

* html .bg_content { 
	background:url(../images/banner_04.jpg) no-repeat;
	padding:50px 0px 20px 0px;
	width:660px;
	height:90px;
	margin-top:0px;
	margin-bottom:15px;
}

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

/* index
------------------------------------------------------------------------*/
#index p.h3{ margin-bottom: 10px; }
#index p.h4{ margin-bottom: 0px; }

#index .alpha,
#index .beta {
	width: 340px;
	}
	
#index .beta p {
	margin: 0;
	padding: 0;
	}
	
#index #pickup { margin: 27px 25px 0 25px; }

#index #pickup_women {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#index #pickup_maternity {
	margin: 0;
	padding: 0;
	}

/* cost
------------------------------------------------------------------------*/

#cost .bg_blue {
	padding: 10px 15px;
	margin: 10px 120px;
	}
	
#cost .bg_blue ul { margin: 0 30px; }

/* caries
------------------------------------------------------------------------*/

#caries table {
	width: 620px;
	margin-left: 20px;
	}

#caries .th_160 { width: 160px; }
#caries .th_310 { width: 310px; }

#caries .th_blue { 
	background: #C7EDFC;
	}



#caries .td_arrow {
	background: url(../images/td_arrow.jpg) center center no-repeat;
	vertical-align: middle;
	}

#caries td { vertical-align: top; }

#caries bg_white { padding: 5px; margin: 10px 0 0 0; text-align: left; }

#caries .bg_white p {
	color: #333;
	font-weight: normal;
	}
	
/* denture
------------------------------------------------------------------------*/

#denture table {
	width: 520px;
	margin-left: 40px;
	}
	
#denture .th_gray { 
	background: #F7F7F7;
	color: #333333;
	}
	
#denture .case_box {
	margin: 0 50px;
	}
	
#denture .denture_icon {
	background: url(../images/denture_icon.jpg) 5px 7px no-repeat #F5FDFF;
	padding-left: 150px;
}
	
/* esthetic
------------------------------------------------------------------------*/

#esthetic table {
	width: 620px;
	margin-left: 20px;
	}

/* whitening
------------------------------------------------------------------------*/

#whitening .whitening_box {
	width: 570px;
	margin: 10px 0 10px 50px;
	}
	
#whitening .whitening_box .image_r,
#whitening .whitening_box .image_r {
	margin: 0;
	padding: 0;
	}

#whitening table {
	width: 620px;
	margin-left: 20px;
	}
	
#whitening .th_gray { 
	background: #F7F7F7;
	color: #333333;
	}
	
/* implant
------------------------------------------------------------------------*/

#implant .bg_blue {
	padding: 10px 15px;
	margin: 20px 120px;
	}
	
#implant table {
	width: 520px;
	margin-left: 40px;
	}
	
#implant table th {	width: 300px; text-align: left;	}

/* maternity
------------------------------------------------------------------------*/

#maternity table {
	width: 620px;
	margin-left: 20px;
	}

#maternity #table02 {
	width: 540px;
	margin-left: 40px;
	}

#maternity #content #table02 th,
#maternity #content #table02 td {
  padding: 4px 12px;
  border: 1px solid #DCDCDC;
  }

#maternity #content #table02 th {
  background: #FF4D4D;
  color: #FFFFFF;
  }
	
#maternity #content #table02 .th_240 { width: 240px; }
	
#maternity #content #table02 td { background: #FFFFFF; }


/* clinic
------------------------------------------------------------------------*/

#clinic table {
	width: 620px;
	margin-left: 20px;
	}
	
#clinic .section_h4_box h5 { margin-left: 20px; }

#clinic .section_h4_box h5.sr_h5_01 {margin-top:10px;}
#clinic .section_h4_box h5.sr_h5_02 {margin-top:20px;}

#clinic #map {
	width: 620px;
	height: 250px
	margin: 0 0 0 10px;
	text-align:center;
	}

/* doctor
------------------------------------------------------------------------*/

#doctor .alpha { width: 251px;	}
#doctor .beta { width: 400px; }

#doctor .beta dl {
	width: 380px;
	margin: 10px;
	}
	
#doctor .beta dt {
	color: #14C3F2;
	width: 70px;
	float: left;
	clear: both;
	}
	
#doctor .beta dd {
	width: 310px;
	float: left;
	}

#doctor .beta .dd_80 { padding-left: 70px; }

.p_title { 
	background: url(../images/h5.png) 0 -2px repeat-y;
	padding-left: 28px;
	color: #3F3F3F;
	font-weight: bold;
	font-size: 160%;
	}
.sr_mar { margin-top:-12px; _margin-top:-5px;}