@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;
	padding:262px 0 0 250px;
	height: 65px;
	float:left;
	line-height:1%;
	font-size:1%;
	display:inline;
	}
#content h2 {
	margin:0 0 24px 0;
	padding: 0;
	height: 30px;
	line-height: 1%; 
	display: block;
	}

#content h3 {
	clear: both;
	margin: 0 -4px 15px -6px ;
	height: 35px;
	text-indent: -9999px;
	}
#content h4 {
	clear: both;
	margin: 0 -10px 15px -10px;
	height: 30px;
	text-indent: -9999px;
	}
#content h5 {
	clear: both;
	margin:0 0 10px -20px;
	background:url(../images/icon03.jpg) 0 4px no-repeat;
	padding:0;
	text-indent:20px;
	color:#d81939; font-weight:bold;
	line-height:1.4;
	}
a { color: #0b9b67; outline:none; }
a:hover,
a:active { color: #0b9b67; text-decoration: none; outline:none }
a:visited {
}


p { margin: 0 0 1em; }

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


.section { padding:0 4px 0 6px ; clear:both; }
.section .section { padding:0 10px 0 10px; clear:both; }
.section .section .section { padding:0 0 0 20px; clear:both; }

.image_l { float: left; margin: 0 7px 0 0; padding:0; line-height:1%; }
.image_r { float: right; margin: 0; padding:0; line-height:1%; }

.image_r01 { float: right; margin: 0 0 0 20px; padding:0; line-height:1%; }
*:first-child+html .image_r01{ margin: 0 0 -15px 20px; }/* for IE7 only */
* html body .image_r01{ margin: 0 0 -15px 17px; }/* for IE6 only */

.image_r02 { float: right; margin: 0 0 0 20px; padding:0; line-height:1%; }
*:first-child+html .image_r02{ margin: 0 0 0 20px; }/* for IE7 only */
* html body .image_r02{ margin: 0 0 0 17px; }/* for IE6 only */

.image_l01 { float: left; margin: 0 20px 0 0; padding:0; line-height:1%; }
*:first-child+html .image_l01{ margin: 0 20px -15px 0; }/* for IE7 only */
* html body .image_l01{ margin: 0 17px -15px 0; }/* for IE6 only */

.image_l02 { float: left; margin: 0 20px 0 0; padding:0; line-height:1%; }
*:first-child+html .image_l02{ margin: 0 20px -6px 0; }/* for IE7 only */
* html body .image_l02{ margin: 0 17px -6px 0; }/* for IE6 only */

.image_l03 { float: left; margin: 0 20px 0 0; padding:0; line-height:1%; }
*:first-child+html .image_l03{ margin: 0 20px 0 0; }/* for IE7 only */
* html body .image_l03{ margin: 0 17px 0 0; }/* for IE6 only */

.img{line-height:1%; margin:0; padding:0;}
.case {
	margin: 10px 40px;
	background: url(../images/arrow01.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {margin: 0;padding:0;height: 15px;list-style: none;}
ul.totop li {margin: 0;padding: 0;	width: 130px; height: 15px;list-style: none; float: right;font-size: 1%;line-height: 1%;}
ul.totop li a {text-indent: -9999px;display: block; height: 15px; font-size: 1%;line-height: 1%; background: url(../images/pagetop.jpg) 0 0 no-repeat;}
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{margin:0; padding:0; background:none;}

#content ul.ul01 {margin:0; padding:0; list-style:none;}
#content ul.ul01 li{ background:url(../images/icon02.jpg) 0 7px no-repeat; padding:0 0 0 15px; }

#content ul.ul02 {margin:0; padding:0; list-style:none;}
#content ul.ul02 li{ background:url(../images/icon04.jpg) 0 7px no-repeat; padding:0 0 0 15px; }

#content table {
	margin: 0;
	padding:0;
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
	width: 100%;
	color:#666;
	font-family:"ＭＳ Ｐゴシック";
	}
#content table th,
#content table td {
	padding: 7px 8px;
	border: 1px solid #dcdcdc;
	}
#content table th {
	background:#dcdcdc;
	}

.top{vertical-align:top;}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

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

#body01{background:url(../images/footer_bg.jpg) left bottom repeat-x; margin:0; padding:0;}
#container{background:url(../images/container_bg.jpg) center top no-repeat; margin:0; padding:0;}

#wrapper {
	width: 960px;
	margin: 0 auto;
}
#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding:0 0 40px 0;
  background: url(../images/main_bg.jpg) 0 0 repeat-y;
}
#index #content {
	width: 660px;
	float: right;
	padding:0;
	margin:0 10px 0 0;
	display:inline;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック";
	line-height:1.57;
	font-size:150%;
	background:none;
	}
#content {
	width: 690px;
	float: right;
	padding:0;
	margin:0;
	display:inline;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック";
	line-height:1.57;
	font-size:150%;
	background:url(../images/content_bg.jpg) 0 0 no-repeat;
	}
.content_bg{padding:14px 16px 0 14px; margin:0;}

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

#index #header {
	width: 960px;
	height: 507px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
}
#header {
	width: 960px;
	height: 307px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/header_content_bg.jpg) 0 0 no-repeat;
}
#header h1 { float: left; font-size:110%; font-family:"ＭＳ Ｐゴシック"; padding:4px 0 0 5px; margin:0; width:950px;}

#header01{width:960px; height:96px; margin:0; padding:0;}
#header01_01{float:left; margin:0; padding:16px 0 0 0; width:504px;}
#header01_01 p.logo{float:left; margin:0; padding:0; line-height:1%;}
#header01_01 p.img01{float:right; margin:0; padding:12px 0 0 0; line-height:1%;}
#header01_02{float:right; margin:0; padding:10px 0 0 0; width:200px;}

#index #header02{width:960px; height:344px; margin:0; padding:0;}
#header02{width:960px; height:144px; margin:0; padding:0;}

#header03{width:946px; margin:0; padding:0 7px 0 7px; height:55px; display:inline; float:left;}
#header03 ul.header_nav {
	width: 946px;
	height: 55px;
	margin: 0 ;
	list-style: none;
}
#header03 ul.header_nav li {
	height: 55px;
	margin: 0 ;
	list-style: none;
	float: left;
	display: inline;
}
.mainimg{padding:70px 0 0 200px; margin:0; line-height:1%; float:left;}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	text-align: left;
  background: url(../images/footer_bg.jpg) 0 0 repeat-x;
	width:960px;
	height:151px;
	font-family:"ＭＳ Ｐゴシック";
}
#footer01{float:left; margin:0 0 20px 0; padding:0; width:960px;}
#footer01 p.img{padding:30px 0 0 4px; margin:0; line-height:1%; float:left;}
#footer01 p.shika{padding:25px 0 0 0; margin:0; line-height:1%; float:right;}
#footer address {
	width: 960px;
	margin: 0 auto;
	text-align:center;
	padding:0;
}


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

#navi {
	float: left;
	width: 250px;
	text-align: center;
	margin:0 0 0 10px; padding:0;
	display:inline;
}
.nav_bg{background:url(../images/nav_bg.jpg) left bottom no-repeat; margin:0 0 10px 0; padding:0 0 10px 0; width:250px;}
#navi dl,
#navi ul {
	margin: 0;
	text-align: left;
}

#navi dl dt,
#navi dl dd,
#navi ul li {
	list-style: none;
	margin: 0;
	vertical-align: top;
}
.nav_bg01{background:url(../images/nav_img20.jpg) 0 0 no-repeat; margin:0; padding:0; width:250px; height:130px; text-align:left;}
.nav_img01{padding:4px 0 4px 9px; margin:0; line-height:1%;}
.nav_img02{padding:0 0 0 22px; margin:0; line-height:1%; float:left;}
.nav_img03{float:right; margin:0; padding:12px 17px 0 0; line-height:1%;}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
.alpha{float:left; margin:0; padding:0;}
.beta{float:right; margin:0; padding:0;}

/* index
------------------------------------------------------------------------*/
.index_bg01{background:url(../images/index_img02.jpg) left bottom repeat-x; margin:0 0 9px 0; padding:0 0 22px 0;}
.index_bg02{background:url(../images/index_img12.jpg) 0 0 no-repeat; margin:0 0 24px 0; padding:0; width:660px; height:190px;}

#index dl{margin:0; padding:0; display:inline; line-height:1.53}
#index dl dt{margin:0; padding:0; display:inline; float:left; background:url(../images/icon01.jpg) 0 7px no-repeat; width:94px; color:#0b9b67; font-weight:bold; text-indent:15px;}
#index dl dt.dt01{margin:0 0 13px 0; padding:0; display:inline; float:left; background:url(../images/icon01.jpg) 0 7px no-repeat; width:94px; color:#0b9b67; font-weight:bold; text-indent:15px;}

#index dl dd{margin:0; padding:0; float:left; width:215px;}
#index dl dd.dd01{margin:0 0 0 94px; display:inline; padding:0; float:left; width:215px;}

/* Clinic/index
------------------------------------------------------------------------*/
#clinic_index h3#title02 { background: url(../images/clinic_index_h3-01.jpg) 0 0 no-repeat; }
#clinic_index h4#title03 { background: url(../images/clinic_index_h4-01.jpg) 0 0 no-repeat; }
#clinic_index h4#title04 { background: url(../images/clinic_index_h4-02.jpg) 0 0 no-repeat; }
#clinic_index h4#title05 { background: url(../images/clinic_index_h4-03.jpg) 0 0 no-repeat; }
#clinic_index h4#title06 { background: url(../images/clinic_index_h4-04.jpg) 0 0 no-repeat; }

/* Clinic/staff
------------------------------------------------------------------------*/
#clinic_staff h3#title02 { background: url(../images/clinic_staff_h3-01.jpg) 0 0 no-repeat; }
#clinic_staff h3#title03 { background: url(../images/clinic_staff_h3-02.jpg) 0 0 no-repeat; }
#clinic_staff h4#title04 { background: url(../images/clinic_staff_h4-01.jpg) 0 0 no-repeat; }
#clinic_staff h3#title05 { background: url(../images/clinic_staff_h3-03.jpg) 0 0 no-repeat; }

#clinic_staff dl{margin:0; padding:0; display:inline;}
#clinic_staff dl dt{margin:0; padding:0; display:inline; float:left; width:60px;}
#clinic_staff dl dd{margin:0; padding:0; display:inline; float:left; width:350px;}
#clinic_staff dl dd.dd01{margin:0 0 0 60px; padding:0; display:inline; float:left; width:250px;}

/* Clinic/information
------------------------------------------------------------------------*/
#clinic_information h3#title02 { background: url(../images/clinic_information_h3-01.jpg) 0 0 no-repeat; }
#clinic_information h4#title03 { background: url(../images/clinic_information_h4-01.jpg) 0 0 no-repeat; }
#clinic_information h4#title04 { background: url(../images/clinic_information_h4-02.jpg) 0 0 no-repeat; }
#clinic_information h4#title05 { background: url(../images/clinic_information_h4-03.jpg) 0 0 no-repeat; }
#clinic_information h4#title06 { background: url(../images/clinic_information_h4-04.jpg) 0 0 no-repeat; }
#clinic_information h4#title07 { background: url(../images/clinic_information_h4-05.jpg) 0 0 no-repeat; }
#clinic_information h4#title08 { background: url(../images/clinic_information_h4-06.jpg) 0 0 no-repeat; }
#clinic_information h4#title09 { background: url(../images/clinic_information_h4-07.jpg) 0 0 no-repeat; }


/* Clinic/access
------------------------------------------------------------------------*/
#clinic_access h3#title02 { background: url(../images/clinic_access_h3-01.jpg) 0 0 no-repeat; }

#map {
	width:520px;
	height:400px;
	margin:0;
	border:1px solid #cccccc;
	}
.gmap_bubble {width:230px; padding:0; height:100px;}
/* Treatment/index
------------------------------------------------------------------------*/
#treatment_index h3#title02 { background: url(../images/treatment_index_h3-01.jpg) 0 0 no-repeat; }


/* Treatment/general
------------------------------------------------------------------------*/
#treatment_general h3#title02 { background: url(../images/treatment_general_h3-01.jpg) 0 0 no-repeat; }
#treatment_general h4#title03 { background: url(../images/treatment_general_h4-01.jpg) 0 0 no-repeat; }
#treatment_general h3#title04 { background: url(../images/treatment_general_h3-02.jpg) 0 0 no-repeat; }
#treatment_general h4#title05 { background: url(../images/treatment_general_h4-02.jpg) 0 0 no-repeat; }


/* Treatment/infant
------------------------------------------------------------------------*/
#treatment_infant h3#title02 { background: url(../images/treatment_infant_h3-01.jpg) 0 0 no-repeat; }
#treatment_infant h4#title03 { background: url(../images/treatment_infant_h4-01.jpg) 0 0 no-repeat; }
#treatment_infant h4#title04 { background: url(../images/treatment_infant_h4-02.jpg) 0 0 no-repeat; }
#treatment_infant h4#title05 { background: url(../images/treatment_infant_h4-03.jpg) 0 0 no-repeat; }


/* Treatment/prevention
------------------------------------------------------------------------*/
#treatment_prevention h3#title02 { background: url(../images/treatment_prevention_h3-01.jpg) 0 0 no-repeat; }
#treatment_prevention h4#title03 { background: url(../images/treatment_prevention_h4-01.jpg) 0 0 no-repeat; }


/* Treatment/perio
------------------------------------------------------------------------*/
#treatment_perio h3#title02 { background: url(../images/treatment_perio_h3-01.jpg) 0 0 no-repeat; }
#treatment_perio h4#title03 { background: url(../images/treatment_perio_h4-01.jpg) 0 0 no-repeat; }
#treatment_perio h3#title04 { background: url(../images/treatment_perio_h3-02.jpg) 0 0 no-repeat; }
#treatment_perio h4#title05 { background: url(../images/treatment_perio_h4-02.jpg) 0 0 no-repeat; }
#treatment_perio h4#title06 { background: url(../images/treatment_perio_h4-03.jpg) 0 0 no-repeat; }


/* Treatment/esthe
------------------------------------------------------------------------*/
#treatment_esthe h3#title02 { background: url(../images/treatment_esthe_h3-01.jpg) 0 0 no-repeat; }
#treatment_esthe h4#title03 { background: url(../images/treatment_esthe_h4-01.jpg) 0 0 no-repeat; }
#treatment_esthe h4#title04 { background: url(../images/treatment_esthe_h4-02.jpg) 0 0 no-repeat; }
#treatment_esthe h3#title05 { background: url(../images/treatment_esthe_h3-02.jpg) 0 0 no-repeat; }
#treatment_esthe h4#title06 { background: url(../images/treatment_esthe_h4-03.jpg) 0 0 no-repeat; }
#treatment_esthe h4#title07 { background: url(../images/treatment_esthe_h4-04.jpg) 0 0 no-repeat; }


/* Treatment/ortho
------------------------------------------------------------------------*/
#treatment_ortho h3#title02 { background: url(../images/treatment_ortho_h3-01.jpg) 0 0 no-repeat; }
#treatment_ortho h4#title03 { background: url(../images/treatment_ortho_h4-01.jpg) 0 0 no-repeat; }
#treatment_ortho h4#title04 { background: url(../images/treatment_ortho_h4-02.jpg) 0 0 no-repeat; }


/* Treatment/implant
------------------------------------------------------------------------*/
#treatment_implant h3#title02 { background: url(../images/treatment_implant_h3-01.jpg) 0 0 no-repeat; }
#treatment_implant h4#title03 { background: url(../images/treatment_implant_h4-01.jpg) 0 0 no-repeat; }
#treatment_implant h4#title04 { background: url(../images/treatment_implant_h4-02.jpg) 0 0 no-repeat; }


/* Treatment/denture
------------------------------------------------------------------------*/
#treatment_denture h3#title02 { background: url(../images/treatment_denture_h3-01.jpg) 0 0 no-repeat; }
#treatment_denture h4#title03 { background: url(../images/treatment_denture_h4-01.jpg) 0 0 no-repeat; }
#treatment_denture h4#title04 { background: url(../images/treatment_denture_h4-02.jpg) 0 0 no-repeat; }
#treatment_denture h3#title05 { background: url(../images/treatment_denture_h3-02.jpg) 0 0 no-repeat; }


/* Treatment/fee
------------------------------------------------------------------------*/
#treatment_fee h3#title02 { background: url(../images/treatment_fee_h3-01.jpg) 0 0 no-repeat; }
#treatment_fee h3#title03 { background: url(../images/treatment_fee_h3-02.jpg) 0 0 no-repeat; }
#treatment_fee h4#title04 { background: url(../images/treatment_fee_h4-01.jpg) 0 0 no-repeat; }
#treatment_fee h4#title05 { background: url(../images/treatment_fee_h4-02.jpg) 0 0 no-repeat; }
#treatment_fee h4#title06 { background: url(../images/treatment_fee_h4-03.jpg) 0 0 no-repeat; }



/* Margin - Padding
------------------------------------------------------------------------*/
.mar_b0{margin-bottom:0px;}
.mar_b05{margin-bottom:5px;}
.mar_b06{margin-bottom:6px;}
.mar_b10{margin-bottom:10px;}
.mar_b12{margin-bottom:12px;}
.mar_b20{margin-bottom:20px;}
.mar_b30{margin-bottom:30px;}
.mar_b40{margin-bottom:40px;}

.mar_r12{margin:0 12px 0 0;}
.mar_r14{margin:0 14px 0 0;}
.mar_r16{margin:0 16px 0 0;}

.pad_t5l8{padding:5px 12px 0 8px;}

.text01{color:#0b9b67; font-weight:bold;}
.text02{margin:0 0 20px 0; padding:0 10px 10px 10px; background:url(../images/index_img13.jpg) left bottom repeat-x;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w180{width:180px;}
.w313{width:313px;}
.w330{width:330px;}
.w430{width:430px;}
.w_33p{width:33%;}
.w50pc{width:50%;}

.bg01{background:url(../images/bg01.jpg) 0 0 repeat-x #52bc99; margin:0; padding:0; color:#fff; font-weight:bold;}
.bg02{background:#eef8f5; font-weight:bold;}
.bg03{background:url(../images/treatment_general_img03.jpg) 0 0 repeat-y; margin:0; padding:0;}
.bg04{background:url(../images/treatment_general_img04.jpg) left top no-repeat; margin:0; padding:0;}
.bg05{background:#f1faf7; border: 3px solid #d7f6ec; padding:10px;}