@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 { padding: 0 0 20px 0;}
h4 { padding: 0 0 17px 0;}
h5 { padding: 5px 0 15px 0;}
h5.h5_02 { padding: 0px 0 15px 0;}

.section {
	padding: 0 0 20px 0;
}

.section02 {
	padding: 0 0 3px 0;
}

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


table {
	margin-bottom: 20px;
	width: 100%;
}


.table01 th,
.table01 td {
	border: 1px dotted #36a151;
	padding: 7px 10px;
}


.table02 td {
	padding: 10px 10px 12px 15px;	
	background:#f3e8e2;
}

.table01 th {
	border-left: none!important;
}

.bLeft {
	border-left: none!important;
}

.table01 td {
	border-right: none;
	vertical-align: top;
}

.table01 td.middle { vertical-align:middle;}

p { padding: 0 0 18px; line-height: 22px; }

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


h2 {
	padding: 0 0 64px 0;
}


#index h2 {
	padding: 0;
}

.w10 {
	width: 10%;
}

.w13 {
	width: 13%;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w35 {
	width: 35%;
}

.w40{
	width: 40%;
}

.w42{
	width: 42%;
}

.left th {
	text-align: left!important;
}

.small01 {
	font-size: 90%;
	padding-left:0;
	padding-right:0;
}

.h10 {
	height: 10px!important;
	vertical-align: middle;
}

td span.h200 {
	display: block;
	height: 200px;
}
td span.h300 {
	display: block;
	height: 300px;
}

/* add
------------------------------------------------------------------------*/
.pb0 { padding-bottom:0!important;}

.mb05 { margin-bottom : 5px; }
.mb10 { margin-bottom : 10px; }
.mb15 { margin-bottom : 15px; }
.mb20 { margin-bottom : 20px; }
.mb25 { margin-bottom : 25px; }
.mb30 { margin-bottom : 30px; }
.mb70 { margin-bottom : 70px; }

.ml256 { margin-left:256px;}

.fRight { float: right!important;}



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

html {
	background: none;
}

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

#wrapper{
	background: #fffbf8 url(../images/contents_bg.jpg) no-repeat center top;
	min-width: 960px;
	position: relative;
	max-width: 100%;
 }

#index #wrapper {
	background: #fffbf8 url(../images/index_bg.jpg) no-repeat center top;
}


#main {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: left;
	background: url(../images/main_bg.jpg) 0 0 no-repeat;
}

#index #main {
	padding: 75px 0 0 0;
	
}

#index #main h3 {
	padding: 0 0 23px 0;
}

#content {
	width: 675px;
	text-align: left;
	float: right;
	padding-right: 8px;
}


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

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

#header p {
	padding: 0;
}

#header h1 { float: left; padding: 0 243px 0 0;}

#header .headerInner {
	padding:17px 0 9px 0;
}

#header .headerInner p {
	float: left;
}

#header .headerInner p.hMail {
	float: right;
	margin-top: -1px;
}

.gNavi {
	padding: 0 0 34px 0;
}

.gNavi li {
	float: left;
	font-size: 0;
	height: 45px;
}

#header .headerB {
	padding: 19px 0 0 102px;
}

#header .headerB p {
	float:left;
	position: relative;
}

.headerB p a {
	position: absolute;
	right:24px;
	bottom: 20px;
}

.tinyBlock {
	float: right;
	background: url(../images/index_img_02.jpg) no-repeat left top;
	width: 240px;
	height: 214px;
}
#tiny{
	padding:65px 0 0 0;	
	height:135px;
	overflow:auto;
}
.tinyBlock p {
	margin:60px 20px 0 20px;
}
#tiny table,#tiny table tr,#tiny table td{
	border:none !important;
}


.fontResizer100 {
	background: url(../images/link_02_on.jpg) no-repeat left top;
	width: 48px;
	height: 52px;
}


.fontResizer115 {
	background: url(../images/link_03_on.jpg) no-repeat left top;
	width: 53px;
	height: 52px;
}

.fontResizerSelected img {
	visibility: hidden;
}

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

#footer {
	clear: both;
	text-align: center;
	background: url(../images/footer_bg_01.jpg) no-repeat center bottom;
}

#index #footer {
	clear: both;
	text-align: center;
	background: url(../images/footer_bg.jpg) no-repeat center bottom;
}

.footerInner {
	width: 960px;
	height: 458px;
	margin: 0 auto;
}

#index .footerInner {
	width: 960px;
	height: 570px;
	margin: 0 auto;
}

.footerInner p {
	float: left;
}

.footerInner p.fmap {
	float: right;
}

#index .footerInner p.fmap {
	padding-top:112px;
	float: right;
}

#footer address {
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 12px 0 10px 0;
}


.fimage {
	position: relative;
}

#index .fimage {
	padding-top:112px;
	position: relative;
}

.fimage a {
	position: absolute;
	bottom: 39px;
	right: 24px;
}

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

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

.indexSection {
	background: url(../images/index_img_03b.jpg) no-repeat right bottom;
	padding: 0 0 170px 0;
	position: relative;
	margin-bottom: 90px;
}




.w610 {
	width: 610px;
}

.indexBnr {
	background: url(../images/index_img_04.jpg) no-repeat left top;
	padding: 47px 0 0 0;
	height: 380px;
	margin-top: 24px;
}

.indexBnr li {
	float: left;
	font-size: 0;
}

.indexBnr li.pl {
	padding-left: 235px;
}


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



.fontSize {
	padding: 0 0 12px 3px;
}

#navi .fontSize p {
	float: left;
	padding: 0;
}

.fontSize ul {
	float: left;
}

.fontSize ul li {
	float: left;
	height: 53px;
}

#navi p {
	padding: 0 0 11px 0;
}

#navi {
	float: left;
	width: 250px;
		float: left;
	padding-left: 8px;
}

#navi .navi01 li {
	font-size: 0;
	padding: 0 0 2px 0;
}

.conceptbg {
	background: url(../images/concept_img_01.jpg) no-repeat left bottom;
	padding: 0 0 70px 0;
}

.conceptbg01 {
	background: url(../images/concept_img_05.png) no-repeat left bottom;
	padding: 0 0 30px 0;
}



.w300 {
	width: 530px;
}


.title01 {
	font-weight: bold;
	font-size: 160%;
	color: #2a8003;
	padding: 0 0 10px 0;
}
.title02 {
	font-weight: bold;
	font-size: 110%;
	color: #FFFFFF;
	padding: 3px 0 2px 10px;
	margin-bottom:8px;
	background:#74ae48;
}

.title03 {
	font-weight: bold;
	font-size: 110%;
	color: #FFFFFF;
	padding: 3px 0 2px 10px;
	margin-bottom:8px;
	background:#2b7f03;
}

.title04 {
	font-weight: bold;
	font-size: 160%;
	color: #FFFFFF;
	padding: 4px 0 3px 10px;
	margin-bottom:8px;
	margin-left:235px;
	width:429px;
	background:#74ae48;
}

.title05 {
	font-weight: bold;
	font-size: 160%;
	color: #FFFFFF;
	padding: 4px 0 3px 10px;
	margin-bottom:17px;
	margin-top:25px;
	width:429px;
	background:#74ae48;
}

.conceptList dt {
	font-weight: bold;
}

.conceptList dt.title {
	font-weight: bold;
	font-size: 160%;
	color: #57a128;
	background:#edf8e4;
	padding: 4px 0 2px 5px;
	margin-bottom:5px;
	border-bottom: 1px dotted #57a128;
}

.fleft {
	float: left;
}

.conceptList dd {
	margin: -19px 0 10px 80px;
}

.cBox {
	border: 1px solid #57a128;
	padding: 15px 15px 0 15px;
	background: #fff;
	margin-bottom: 20px;
}

.cBox02 {
	border: 1px solid #57a128;
	padding: 15px 15px 0 15px;
	background: #fff;
	margin-bottom: 20px;
	width:405px;
	float:right;
}

.cbox03 {
	width:438px;
	float: right;
}

.title05 span {
	font-weight: normal;
	font-size: 90%;
}


.cBoder {
	border: 1px solid #74ae48;
	margin-bottom: 30px;
}

.mb0 {
	margin-bottom:0!important;
}

.flowBock01 {
	background: url(../images/flow_txt_01.jpg) no-repeat left top;
	min-height: 220px;
	margin-bottom: 20px;
}

.flowBock01 p,
.flowBock02 p,
.flowBock03 p,
.flowBock04 p  {
	padding: 85px 13px 0 150px;
}

.flowBock02 {
	background: url(../images/flow_txt_02.jpg) no-repeat left top;
	min-height: 220px;
	margin-bottom: 20px;
}


.flowBock03 {
	background: url(../images/flow_txt_03.jpg) no-repeat left top;
	min-height: 220px;
	margin-bottom: 20px;
}

.flowBock04 {
	background: url(../images/flow_txt_04.jpg) no-repeat left top;
	min-height: 220px;
	margin-bottom: 20px;
}

.box01 {
	background: url(../images/box01_2.jpg) repeat-y left top;
	padding: 15px 20px 10px 20px;
}

.box01_02 { padding: 10px 20px 10px 35px;}

.box02 {
	background: url(../images/box02_2.jpg) repeat-y left top;
	padding: 15px 20px 10px 20px;
}

.box04 {
	background: url(../images/box04_2.jpg) repeat-y left top;
	padding: 15px 20px 10px 20px;
}

.box05 {
	background: url(../images/box05_2.jpg) repeat-y left top;
	padding: 15px 20px 10px 20px;
}

.h5Block {
	background: url(../images/box03_2.jpg) repeat-y left top;
	padding: 10px 10px 10px 10px;
	color: #fff;
}

.style01 li {
	background: url(../images/icon_01.jpg) no-repeat left top;
	padding: 2px 0 5px 25px;
}

.style01 li.sty01 {
	background: url(../images/icon_01.jpg) no-repeat left top;
}

.style01 li.sty02 {
	background: url(../images/icon_02.jpg) no-repeat left top;
}
.style01 li.sty03 {
	background: url(../images/icon_03.jpg) no-repeat left top;
}

.style03 li {
	background: url(../images/icon_03.jpg) no-repeat left top;
	padding: 2px 0 5px 25px;
}


.style01 li.tit_new {
	background: none;
	margin: 0 0 0 -32px;
}





.kidsO {
	background: url(../images/kids_ortho_img_02.jpg) no-repeat left top;
	min-height: 185px;
	padding: 20px 200px 20px 20px;
}

.kids {
	background: url(../images/ortho_img_02.jpg) no-repeat left top;
	min-height: 166px;
	padding: 20px 100px 20px 20px;
}


.esthe01bg {
	background: url(../images/esthe_img_10.jpg) no-repeat left top;
	min-height: 166px;
	padding: 20px 100px 20px 20px;
}


.implant {
	background: url(../images/implant_img_02.jpg) no-repeat left top;
	min-height: 166px;
	padding: 20px 100px 20px 20px;
}

.olList li {
	padding: 0 0 10px 27px;
	text-indent: -27px;
}

.checkList input {
	margin-right: 10px;
	vertical-align: baseline;
}

.checkList li {
	padding: 0 0 5px 0;
}

.bg01 {
	background: #c5ebfe;
}

.bg02 {
	background: #e8f8ff;
}

.note {
	font-weight: bold;
	color: #d26400;
}

.note02 {
	color: #d26400;
	font-weight:normal;
	margin-left:16px;
	text-indent:-16px;
}

.small {
	font-size: 130%;
}


.rootStep01 {
	background: url(../images/root_step_01.jpg) no-repeat left top;
	min-height: 326px;
}
.rootStep02 {
	background: url(../images/root_step_02.jpg) no-repeat left top;
	min-height: 326px;
}

.rootStep03 {
	background: url(../images/root_step_03.jpg) no-repeat left top;
	min-height: 326px;
}
.rootStep04 {
	background: url(../images/root_step_04.jpg) no-repeat left top;
	min-height: 326px;
}
.rootStep05 {
	background: url(../images/root_step_05.jpg) no-repeat left top;
	min-height: 326px;
}
.rootStep06 {
	background: url(../images/root_step_06.jpg) no-repeat left top;
	min-height: 275px;
}

.rootText01{
	width: 350px;
	color: #fff;
	padding: 130px 10px 0 30px;
}

.rootText02{
	width: 350px;
	color: #fff;
	padding: 130px 10px 0 295px;
}

.map {
	display:block;
	max-width:600px;
	overflow:hidden;
	border: 1px solid #ccc;
	padding:1px;
	background: #fff;
	margin:0 auto;
}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}

#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#back-top a {
	display:block;
	width: 126px;
	height:218px;
	text-decoration:none;
	border:none;
	background:url(../images/back_top_off.png) no-repeat top left;
}
#back-top a:hover {
	text-decoration:none;
	border:none;
	background:url(../images/back_top_on.png) no-repeat top left;
}

.middle { vertical-align:middle;}

.bold { font-weight:bold;}

.red { color:#FF0000;}


table.access_t td{
	padding:3px;
	margin:0;		
}


.ban_end {
	position: absolute;
	top: 455px;
	left: 240px;
}