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

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル 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: 140%;
	text-align:left;
}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	/font-size: 160%;

}

#contents h3 {margin:0 0 20px 0;}
#contents h4 {margin:0 0 19px 0;}

#contents h5 {
	font-weight:bold;
	background:url(../images/h5_bg-01.gif) 0 0 no-repeat #a0d9dd;
	width:562px;
	padding:12px 0 12px 30px;
	margin:0 auto 1px auto;
	color:#FFF;
}
/* IE6用ハック */
* html #contents h5{width:592px;}

#contents h5.marB15{margin:0 auto 15px auto;}
#contents h5.green{	background:url(../images/h5_bg-02.gif) 0 0 no-repeat #bacf81;}

#whitening #contents h5{
	width:532px;
	height:35px;
	padding:6px 0 0 50px;
	font-weight:bold;
	margin:0 auto;
	color:#006d63;
}
/* IE6用ハック */
* html #whitening #contents h5{width:582px;height:41px;}

#whitening #contents h5.cause01{background:url(../images/whitening_cause-01.gif) 0 0 no-repeat;}
#whitening #contents h5.cause02{background:url(../images/whitening_cause-02.gif) 0 0 no-repeat;}
#whitening #contents h5.cause03{background:url(../images/whitening_cause-03.gif) 0 0 no-repeat;}
#whitening #contents h5.menu01{background:url(../images/whitening_menu-01.gif) 0 0 no-repeat;}
#whitening #contents h5.menu02{background:url(../images/whitening_menu-02.gif) 0 0 no-repeat;}
#whitening #contents h5.menu03{background:url(../images/whitening_menu-03.gif) 0 0 no-repeat;}

#contents h6{
	width:532px;
	height:35px;
	padding:6px 0 0 50px;
	font-weight:bold;
	margin:0 auto;
	color:#006d63;
}
/* IE6用ハック */
* html #contents h6{width:582px;height:41px;}

h6.point1{background:url(../images/orthodontics_point-01.gif) 0 0 no-repeat;}
h6.point2{background:url(../images/orthodontics_point-02.gif) 0 0 no-repeat;}
h6.point3{background:url(../images/orthodontics_point-03.gif) 0 0 no-repeat;}
h6.point4{background:url(../images/orthodontics_point-04.gif) 0 0 no-repeat;}

#contents .pickup,#contents .pickup2{
	width:532px;
	height:37px;
	padding:8px 0 0 50px;
	font-weight:bold;
	margin:0 auto 2px auto;
	color:#006d63;
	
}
/*IE6用ハック*/
* html #contents .pickup,* html #contents .pickup2{width:582px;height:45px;}

.pickup{background:url(../images/este_pickup-01.gif) 0 0 no-repeat;}
.pickup2{background:url(../images/este_pickup-02.gif) 0 0 no-repeat;}

#painful p.copyS,
#bleeding p.copyS{
	width:629px;
	height:139px;
	margin:0 auto 0 auto;
	padding:0;
	text-indent:-9999px;
}
#painful p.copyS{background:url(../images/painful_copy-02.gif) 0 0 no-repeat;}
#bleeding p.copyS{background:url(../images/bleeding_copy-02.gif) 0 0 no-repeat;}


a:link{color:#0098d0;text-decoration: underline;}
a:visited{color:#0098d0;text-decoration:underline;}
a:hover{color:#0098d0;text-decoration:none;}
a:active{color:#0098d0;text-decoration:underline;}


/* ul
-----------------------------------*/
#contents ul{
	background:#f8f9f9;
	border:1px solid #c2d7d7;
	padding:15px;
	margin:0 auto 30px auto;
	width:560px;
}
/* IE6用ハック */
* html #contents ul{width:590px;margin:0 auto 30px 0;}

#contents ul li{
	background:url(../images/lm02.gif) 20px 6px no-repeat;
	margin:0 0 8px 0;
	padding:0 0 0 40px;
}
#child #contents ul li{
	background:none;
	margin:0 0 8px 0;
	padding:0 0 0 10px;
}

#contents ul li.no1,
#contents ul li.no2,
#contents ul li.no3{
padding:5px 3px 4px 40px;
margin:0 0 10px 0;}


#contents ul li.no1{background:url(../images/lm_03-1.gif) 0 0 no-repeat;}
#contents ul li.no2{background:url(../images/lm_03-2.gif) 0 0 no-repeat;}
#contents ul li.no3{background:url(../images/lm_03-3.gif) 0 0 no-repeat;}


/* dl
-----------------------------------*/
#contents dl {
	width:550px;
	margin:0 auto 30px auto;
	background:#d6ebe9;
	border:1px solid #b6dfdb;
	padding:15px 15px 8px 15px;
}
#contents dt {
	font-weight:bold;
	background:url(../images/line_01.gif) 0 100% no-repeat;
	padding:0 0 8px 10px ;
	margin:0 0 10px 0;
	color:#007298;
}
#contents dd {
	margin:0 0 8px 0;
	background:url(../images/lm02.gif) 5px 6px no-repeat;
	padding:0 0 0 25px;
}
#contents dl.listTextA{
	width:250px;
	margin:0 auto 30px auto;
	background:#eff9e7;
	border:1px solid #9fd44b;
	padding:15px;
	float:right;
}

#contents dl.listTextA dt{
	width:85px;
	float:left;
	border-bottom:1px dotted #9fd44b;
	padding:5px;
}
#contents dl.listTextA dd{
	width:150px;
	float:left;
	border-bottom:1px dotted #9fd44b;
	padding:5px 5px 5px 0;
}


#contents span{
	font-weight:bold;
	color:#0d8e00;
}



/* other
-----------------------------------*/

.center{text-align:center;}
.right{text-align:right;}
.marR10{margin-right:10px;}
.marB15{margin-bottom:15px;}
.marB30{margin-bottom:30px;}

hr{display:none;}


/*--------------------------------------------------------
		table
--------------------------------------------------------*/

#contents table{
	width:570px;
	margin:0 auto 40px auto;
	border:1px solid #a0b80e;
	background:#afc814;
	color:#5C5C5C;
}
#contents table.marB15{margin:0 auto 15px auto;}
#contents table.tableS{
	width:400px;
	margin:0 auto;}

#contents table th,#contents table td{padding:10px 8px;}
#contents table.tableS th,#contents tableS td{padding:6px 5px;}

#contents table th{
	background:#aec712;
	font-weight:normal;
	border:1px solid #a0b80e;
	color:#FFF;
	text-align:center;
	width:25%;
}
#contents table.tableS th{width:35%;}

#contents table td{
	background:#FFF;
	font-weight:normal;
	border:1px solid #a0b80e;
}
#contents table td p{margin: 0 0 5px;}

#contents table td.tdHead,
#contents table td.tdHead2,
#contents table td.tdHead3{
	background:#edf6b6;
	width:200px;
	color:#407600;
	font-weight:bold;
}
#contents table td.tdHead3{
width:40%;
}

#contents table td ul{
	background:none;
	margin:0;
	padding:0;
	width:auto;
	border:0;
}
#contents table td ul li{
	background:url(../images/lm01.gif) 0 3px no-repeat;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}


#painful #contents table{width:580px;}
#painful #contents table th.thA{ width:35%;}
#painful #contents table th.thB{ width:30%;}
#bleeding #contents table th{width:auto;}

#fit #contents table th{width:auto;}
#fit #contents table td.tdHead{width:100px;}
#fit #contents table td.tdHead2{width:160px; text-align:center;}

#implant #contents table th{width:40%;}
#implant #contents table td.tdHead{width:100px;}
#implant #contents table td.tdHead2{width:180px; text-align:center;}

#esthe #contents table th{width:auto;}
#esthe #contents table td.tdHead{width:135px;}



/* p
-----------------------------------*/

#contents p { 
	margin: 0 0 1em;
	line-height:1.6;
}

#contents p.tit01{
	border-bottom:1px dotted #ccc;
	padding:0 0 2px 0;
	width:280px;
	float:left;
}
#contents p.tit01 span{color:#74a900;}

#contents p.flow01,
#contents p.flow02,
#contents p.flow03,
#contents p.flow04,
#contents p.flow05{
	width:532px;
	height:35px;
	padding:6px 0 0 50px;
	font-weight:bold;
	margin:0 auto;
	color:#006d63;
}
/*IE6用ハック*/
* html #contents p.flow01,
* html #contents p.flow02,
* html #contents p.flow03,
* html #contents p.flow04,
* html #contents p.flow05{
width:582px;
height:41px;
}
#contents p.flow01{background:url(../images/clinic_flow-01.gif) 0 0 no-repeat;}
#contents p.flow02{background:url(../images/clinic_flow-02.gif) 0 0 no-repeat;}
#contents p.flow03{background:url(../images/clinic_flow-03.gif) 0 0 no-repeat;}
#contents p.flow04{background:url(../images/clinic_flow-04.gif) 0 0 no-repeat;}
#contents p.flow05{background:url(../images/clinic_flow-05.gif) 0 0 no-repeat;}


#contents p.arrow{
	background:url(../images/arrow_01.gif) 0 0 no-repeat;
	width:47px;
	height:22px;
	margin:0 auto;
	padding:0;
	text-indent:-9999px;
}

/* section
-----------------------------------*/

#contents .sectionA {
	padding: 0 3.7em 0;
	margin:0 0 35px 0;
}
#contents .sectionB {
	width:560px;
	margin:0 auto 30px auto;
	background:#deefed;
	border:1px solid #b6dfdb;
	padding:15px 15px 0 15px;
}
/* IE6用ハック */
* html #contents .sectionB{width:590px;}
#contents .sectionC {
	background:#f8f9f9;
	border:1px solid #c2d7d7;
	padding:15px 15px 0 15px;
	margin:0 auto 30px auto;
	width:560px;
}
/* IE6用ハック */
* html #contents .sectionC{width:590px;}

#contents .sectionB  ul {
	width:450px;
}
#contents .sectionA .sectionA { padding: .5em .5em 1em; }


/* img
-----------------------------------*/

img{vertical-align:bottom;}

#contents .image_l { float: left; margin: 0 16px 8px 0; }
#contents .image_l02 {
	float: left;
	margin: 0 20px 15px 0;
	padding:1px;
	border:5px solid #f5f5f5;}
#contents .image_r {
	float: right;
	margin: 0 0 15px 20px;
	padding:1px;
	border:5px solid #f5f5f5;}
#contents .image_m { text-align:center; margin: 0 auto 15px auto; }





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

html {
	background: none;
}

body {
	color: #666;
	text-align: center;
}
#wrapper {
	width:100%;
	background:url(../images/bg.gif) 50% 0 repeat;
}
#main {
	background:#FFF;
	width:889px;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	margin:0 auto;
	padding:0 0 0 9px;
}
/* IE6用ハック */
* html #main{width:900px;}

#top #main {
	width:898px;
	padding:0;
	background:#FFF;
}

#contents{
	width:649px;
	float:right;
}

h2.ptit{
	width:649px;
	float:right;
}


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

#wrapper p.headText {
	width:900px;
	font-size:100%;
	text-align:left;
	margin:0 auto;
	padding:8px 0 5px 0;
	background:#FFF;
}

#headwrapper{
	width:100%;
	height:92px;

}

#header {
	width:890px;
	height:92px;
	margin:0 auto;
	background:url(../images/header_bg.gif) 0 0 repeat-x;
	padding:0 0 0 10px;
}
/* IE6用ハック */
* html #header{width:900px;}

#header h1 {
	width:358px;
	height:64px;
	margin:12px 274px 0 0;
	float:left;
}

#header #headR {
	width:258px;
	height:92px;
	float:left;
}
#header #headR dl {
	background:url(../images/header-01.gif) 0 0 no-repeat;
	width:258px;
	height:66px;
	text-indent:-9999px;
}
#header #headR ul{
	width:258px;
}
#header #headR ul li{
	width:120px;
	height:26px;
	float:left;
}
#header #headR ul li#headBtn01{margin:0 5px 0 0;}



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

#infoBox {
	width:898px;
	margin:0 auto;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	background:#FFF;
	padding:17px 0 0 0;
}
#infoBox h3{
	width:898px;
	height:29px;
	margin:0 0 22px 0;
}
#infoBox div.infoSecA{
	width:290px;
	margin:0 10px 0 11px;
	_margin:0 10px 0 5px;
	float:left;
}
#infoBox table{
	width:290px;
	margin:0 0 10px 0;
}
#infoBox table th,#infoBox table td{
	border-bottom:1px solid #b7d782;
	padding:14px 8px 10px 5px;
	text-align:left;
}
#infoBox p.infoSecB{
	width:310px;
	margin:0 10px 0 0;
	float:left;
}
#infoBox div#map{
	width:253px;
	height:168px;
	border:1px solid #808080;
	float:left;
}
#infoBox div#map03{
	width:253px;
	height:168px;
	border:1px solid #808080;
	float:left;
}


#footer_wrapper{
	width:100%;
}
#footer {
	width:900px;
	background:url(../images/footer.gif) 0 0 no-repeat;
	margin:0 auto;
	padding:39px 0 0 0;
}
#footer dl{
	width:279px;
	height:80px;
	text-indent:-9999px;
	float:left;
	display:block;
}
#footer p.footBan01{
	width:611px;
	height:80px;
	float:left;
	margin:0 0 10px 0;
}

#footer p.copyright{
	color:#009b6f;
	text-align:center;
	font-size:120%;
	margin:0 0 10px 0;
} 

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

#navi {
	width:230px;
	float: left;
	margin:6px 0 0 0;
}

#navi h3{
	width:230px;
	height:58px;
	margin:0;
	text-indent:-9999px;
}
#navi h3.naviTit01{background:url(../images/navi_tit-01.gif) 0 0 no-repeat;}
#navi h3.naviTit02{background:url(../images/navi_tit-02.gif) 0 0 no-repeat;}

#navi ul{
	width:224px;
	padding:0 3px 7px 3px;
}
/* IE6用ハック */
* html #navi ul{width:230px;}

#navi ul.naviA{background:url(../images/navi_bg-01.gif) 0 100% no-repeat #84cbc1; margin-bottom:5px;}
#navi ul.naviB{background:url(../images/navi_bg-02.gif) 0 100% no-repeat #c9e1a2; margin-bottom:50px;}




#navi ul li{
	width:224px;
	height:40px;
	margin:0;
}
#navi ul li.naviBtnL{height:60px;}


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


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


#topimg_wrapper{
	width:100%;
	height:349px;
}
#topimg_wrapper h2{
	margin:0 auto;
	width:900px;
	height:349px;
}

h3.top_h301{
	margin:0 auto 15px auto;
}
.topBoxA{
	width:894px;
	margin:0 auto 13px auto;
}
.topBoxA h4{
	width:294px;
	height:124px;
	margin:0 6px 6px 0;
	float:left;
}
.topBoxA h4.last{margin:0 0 6px 0;}

.topBoxB{
	width:890px;
	border-top:2px solid #5d9e00;
	border-bottom:2px solid #5d9e00;
	padding:12px 0;
	background: url(../images/topbox_bg.gif) 0 0 repeat-x;
	margin:0 auto;
}


.topBoxB h5{
	width:215px;
	height:60px;
	float:left;
	margin:0 10px 0 0;
	
}
.topBoxB h5.last{
	margin:0;
}
	
/* under
------------------------------------------------------------------------*/
#copy_wrapper{
	width:100%;
	height:204px;
	margin:0;
}
#copy_wrapper h2{
	width:900px;
	height:204px;
	margin:0 auto;
}



/* googlemap
--------------------------*/

#contents div#map02{
	width:500px;
	height:280px;
	border:8px solid #f2fadd;
	margin:0 auto 30px auto;
}


/* pagetop
--------------------------*/
#contents p.pagetop{
	width:165px;
	height:23px;
	margin:0 0 30px 460px;
}