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

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

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Green          #98d928      */
/*        Main Color - Orange         #f37800      */
/*        Main Color - Light Green    #b1db92      */
/*                                                 */
/*        Sub Color  - Light Orange   #ffe171      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



/*---------- 02  Container -----------*/

body { background: url(../images/body_bg.jpg) 0 0 repeat-x #ffffff; color:#666; }

body#index { background:none; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) 0 0 no-repeat;
	width: 940px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	}

*:first-child+html #wrapper { padding: 0; } /*  for IE7 only */
* html body #wrapper { padding: 0} /*  for IE6 only */

#index #wrapper{
	background:none;
}

#main {
	margin: 10px 0 0 0;
	width: 900px;
	clear: both;
	
	}


#content {
	margin:0 15px;
	padding: 0;
	width: 640px;
	float: right;
	display: inline;
	font-size: 108%;
	line-height: 22px;
	}


.img { margin: 0; padding: 0; line-height: 1%; display: block; }

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


#nav01 { height: 35px; }


#nav01 a { background: url(../images/header_nav.jpg) 0 0 no-repeat; height: 35px; }


#nav01 a:hover { background: url(../images/header_nav.jpg) -265px 0 no-repeat; }


#header {
	margin: 0;
	padding: 0;
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	width: 900px;
	}
	
#header #header01{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 100px;
	}

#header #header01 #header01_01{
	margin: 0 160px 0 0;
	padding: 0;
	width: 530px;
	height: 100px;
	float: left;
	}
#header #header01 #header01_01 p.header_text {
	margin: 0;
	padding: 5px 0 1px 0;
	text-indent: 95px;
	color: #FFF;
	}
#index #header #header01 #header01_01{
	width: 676px;
	margin: 0;
	}
	
h1 {
	margin: 0 ;
	width: 530px;
	line-height: 1.0;
	}
h1 a {
	height: 76px;
	text-indent: -9999px;
	display: block;
	background: url(../images/header_logo.jpg) 0 0 no-repeat;
	}

#header .section {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
	}

#header p.tel {
	margin: 0 ;
	padding: 18px 15px 0 0;
	width: 195px;
	height: 65px;
	float: right;
	}
#header p.tel img { line-height: 1%; display: block; }


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

#index #header #header01{
	margin: 0;
	width: 900px;
	height: 100px;
	}
	
#index #header #header01 #header01_01{
	width: 530px;
	height: 100px;
	}


	
#index h1 {
	width: 676px;
	margin: 0 ;
	height: 76px;
	line-height: 1.0;
	}
#index h1 a {
	width: 676px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	background: url(../images/header_index_logo.jpg) 0 0 no-repeat;
	}
	
	#index h1 span {
	width: 676px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	background: url(../images/header_index_logo.jpg) 0 0 no-repeat;
	}

#header .section {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
	}

#index #header #header02{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 360px;
	background: url(../images/main_img.jpg) 0 0 no-repeat;
	}

#header #header02{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 202px;
	}


#index #header #header02 ul {
	margin: 0;
	padding: 303px 0 0 600px;
	list-style: none;
	}

#index #header #header02 ul li {
	margin: 0;
	padding: 0;
	width: 265px;
	list-style: none;
	}
#index #header #header02 ul li a {
	text-indent: -9999px;
	display: block;
	}



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



#global-nav {
	width: 900px;
	height: 54px;
	margin: 0;
	padding: 0;
	}
#global-nav dt{
	margin: 0;
	padding: 0;
	width: 0;
	height: 54px;
	float: left;
	text-indent: -9999px;
	}



#global-nav dd {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 54px;
	float: left;
	text-indent: -9999px;
	}
#global-nav dd a {
	display: block;
	height: 54px;
	}
	
#global-nav dt { background: url(../images/global-nav.jpg) 0 0 no-repeat; }

#nav03 a { background: url(../images/global-nav.jpg) 0 0 no-repeat; }
#nav04 a { background: url(../images/global-nav.jpg) -180px 0 no-repeat; }
#nav05 a { background: url(../images/global-nav.jpg) -360px 0 no-repeat; }
#nav06 a { background: url(../images/global-nav.jpg) -540px 0 no-repeat; }
#nav07 a { background: url(../images/global-nav.jpg) -720px 0 no-repeat; }

#nav03 a:hover { background: url(../images/global-nav.jpg) 0 -54px no-repeat; }
#nav04 a:hover { background: url(../images/global-nav.jpg) -180px -54px no-repeat; }
#nav05 a:hover { background: url(../images/global-nav.jpg) -360px -54px no-repeat; }
#nav06 a:hover { background: url(../images/global-nav.jpg) -540px -54px no-repeat; }
#nav07 a:hover { background: url(../images/global-nav.jpg) -720px -54px no-repeat; }








#nav {
	margin: 0;
	padding: 0;
	width: 230px;
	float: left;
	}

#nav ul {
	margin: 0 ;
	padding: 0 0 20px 10px;
	width: 220px;
	list-style: none;
	}
#nav ul li {
	margin: 0;
	padding: 0;
	width: 220px;
	list-style: none;
	}

#nav .internal li {
	height: 35px;
	text-indent: -9999px;
	}

#nav .internal li a {
	display: block;
	height: 35px;
	}

#nav08  { background: url(../images/nav.jpg) 0 0px no-repeat;}

#nav09 a { background: url(../images/nav.jpg) 0 -35px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -70px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -105px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -140px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -175px no-repeat;}

#nav09 a:hover { background: url(../images/nav.jpg) -220px -35px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -220px -70px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -220px -105px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -220px -140px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -220px -175px no-repeat;}






#nav .internal02 li {
	text-indent: -9999px;
	}

#nav .internal02 li a {
	display: block;
	}

#nav13  { background: url(../images/nav02.jpg) 0 0px no-repeat; height:35px;}

#nav14 a { background: url(../images/nav02.jpg) 0 -35px no-repeat; height:35px;}
#nav15 a { background: url(../images/nav02.jpg) 0 -70px no-repeat; height:35px;}
#nav16 a { background: url(../images/nav02.jpg) 0 -105px no-repeat; height:35px;}
#nav17 a { background: url(../images/nav02.jpg) 0 -140px no-repeat; height:50px; }
#nav18 a { background: url(../images/nav02.jpg) 0 -190px no-repeat;height:35px;}
#nav19 a { background: url(../images/nav02.jpg) 0 -225px no-repeat;height:35px;}
#nav20 a { background: url(../images/nav02.jpg) 0 -260px no-repeat;height:35px;}
#nav21 a { background: url(../images/nav02.jpg) 0 -295px no-repeat;height:35px;}
#nav22 a { background: url(../images/nav02.jpg) 0 -330px no-repeat;height:35px;}
#nav23 a { background: url(../images/nav02.jpg) 0 -365px no-repeat;height:35px;}
#nav24 a { background: url(../images/nav02.jpg) 0 -400px no-repeat;height:35px;}


#nav14 a:hover { background: url(../images/nav02.jpg) -220px -35px no-repeat; height:35px;}
#nav15 a:hover { background: url(../images/nav02.jpg) -220px -70px no-repeat; height:35px;}
#nav16 a:hover { background: url(../images/nav02.jpg) -220px -105px no-repeat;height:35px; }
#nav17 a:hover { background: url(../images/nav02.jpg) -220px -140px no-repeat; height:50px; }
#nav18 a:hover { background: url(../images/nav02.jpg) -220px -190px no-repeat; height:35px;}
#nav19 a:hover { background: url(../images/nav02.jpg) -220px -225px no-repeat; height:35px;}
#nav20 a:hover { background: url(../images/nav02.jpg) -220px -260px no-repeat; height:35px;}
#nav21 a:hover { background: url(../images/nav02.jpg) -220px -295px no-repeat; height:35px;}
#nav22 a:hover { background: url(../images/nav02.jpg) -220px -330px no-repeat; height:35px;}
#nav23 a:hover { background: url(../images/nav02.jpg) -220px -365px no-repeat; height:35px;}
#nav24 a:hover { background: url(../images/nav02.jpg) -220px -400px no-repeat; height:35px;}





#nav p {
margin:0 0 10px 10px;
 }

#nav p.contents { 
	margin: 10px 0px 6px 10px; 
	padding: 0;
	width: 75px;
	height: 20px;
	line-height: 1%;
	display: block;
	}
	
#nav p.nav_movie { 
	margin: 0 30px 15px 25px; 
	padding: 0;
	width: 159px;
	height: 135px;
	}
#nav p.nav_movie a { 
	margin: 0; 
	padding: 0;
	width: 159px;
	height: 135px;
	background:url(../images/nav_movie.jpg) 0 0 no-repeat; 
	text-indent: -9999px;
	display: block; 
	}
#nav p.nav_movie a:hover { 
	background:url(../images/nav_movie_over.jpg) 0 0 no-repeat; 
	}

#nav p.shikatown { 
	margin: 0 20px 17px 14px; 
	padding: 0;
	width: 180px;
	height: 80px;
	line-height: 1%;
	display: block;
	}

#nav #add {
	margin: 0 14px 0 10px;
	width: 190px;
	}
#nav #add p.add {
	margin: 0;
	padding: 10px;
	background: #FFF;
	font-size: 107.7%;
	color:#8c8c8c; 
	}	
	
.shika-town a{
	width:180px;
	height:70px;
	margin:10px 20px;
	display:block;
	text-indent:-9999px;
	background:url(../images/banner_shika-town.jpg);
}

.shika-town a:hover{
	background-position:0 100%;
}

	
/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	width: 900px;
	height: 51px;
	background: url(../images/footer_bg.jpg) 0 0 no-repeat;
	font-size: 100%;
	text-align: center;
	color: #666;
	text-indent:-9999px;
	}
*:first-child+html #footer { font-size: 13px; } /*  for IE7 only */
* html body #footer { font-size: 13px; } /*  for IE6 only */

#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #218026; text-decoration: underline;  }

#footer #footer01 { 
	margin: 0;
	float: left;
	width: 214px;
	}
#footer #footer01 p.tel{ 
	margin: 13px 13px 17px;
	width: 188px;
	height: 66px;
	line-height: 1%;
	display: block;
	}
	
#footer #footer02 { 
	margin: 0;
	padding: 17px 0 0 0;
	float: right;
	width: 686px;
	}
#footer #footer02 ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	}

#footer #footer02 ul li {
	display: inline;
	margin: 0;
	padding: 0;

	}
#footer #footer02 address {text-indent:-9999px;}
#footer #footer02 address a { color:#218026; }
#footer #footer02 address a:hover { color:#218026; }


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

.section { padding: 0 14px 0 11px ; }
.section .section { padding: 0 14px 0 14px; }

.center { text-align: center; }

#content{
 text-align: left;
}

h2 {
	margin: 10px 0 15px 0;
	width: 640px;
	height: 37px;
	text-indent: -9999px;
	}
#content h3 {
	margin: 0 0 10px 0;
	width: 640px;
	height: 39px;
	text-indent: -9999px;
	}
#content h4 {
	margin: 0 0 8px 0px;
	height: 22px;
	text-indent: -9999px;
	}

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

#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 7px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #ff5f04;
	outline: none;
	}
a:hover { color: #218026; }

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

.image_l  {
	float: left;
	margin: 0 16px 8px 0;
	}
.image_l_b {
	float: left;
	margin: 0 20px 0px 0;
	line-height: 1%;
	display: block;
	background: #b1dc93;
	padding: 2px;
	}
*:first-child+html .image_l_b {	margin: 0 17px 0 0; } /*  for IE7 only */
* html body .image_l_b { margin: 0 17px 0 0; } /*  for IE6 only */
	
.image_l_b1 {
	float: left;
	margin: 0 20px 0px 0;
	line-height: 1%;
	display: block;
	background: #b1dc93;
	padding: 2px;
	}

*:first-child+html .image_l_b1 {	margin: 0 17px -6px 0; } /*  for IE7 only */
* html body .image_l_b1 { margin: 0 17px -6px 0; } /*  for IE6 only */

.image_r {
	float: right;
	margin: 0 0 8px 16px;
	}
	
.image_r_b {
	float: right;
	margin: 0 0 0 20px;
	line-height: 1%;
	display: block;
	background: #b1dc93;
	padding: 2px;
	}
	
*:first-child+html .image_r_b {	margin: 0 0 0 17px; } /*  for IE7 only */
* html body .image_r_b { margin: 0 0 0 17px; } /*  for IE6 only */

.image_r_b1 {
	float: right;
	margin: 0 0 0 20px;
	line-height: 1%;
	display: block;
	background: #b1dc93;
	padding: 2px;
	}
	
*:first-child+html .image_r_b1 {	margin: 0 0 -6px 17px; } /*  for IE7 only */
* html body .image_r_b1 { margin: 0 0 -6px 17px; } /*  for IE6 only */

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

.case {
	margin: 0 ;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/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;
	}

#content ul.totop {
	clear: both;
	margin: 0 14px 20px 0;
	padding: 0;
	height: 20px;
	list-style: none;
	}

#content ul.totop li {
	margin: 0;
	padding: 0;	
	width: 126px;
	height: 20px;
	float: right;
	list-style: none;
	text-indent: -9999px;
	}
#content ul.totop li a {
	display: block;
	height: 20px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	}
	
p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

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



p.answer{
width:530px;
margin:0 0 20px 30px;
border-bottom:groove thin;
}

#content table {
	margin: 0 ;
	border-collapse: collapse;
	border: 1px solid #000033;
	font-size: 100%;
	line-height: 1.75em;
	width: 100%;
	}
#content table th,
#content table td {
	padding: 7px 10px;
	border: 1px solid #000033;
	}

#content table td.bg01 {
	padding: 7px 10px;
	border: 1px solid #000033;
	background: #f6ffe7;
	}
#content table td.bg02 {
	padding: 7px 10px;
	border: 1px solid #98d928;
	background: #fffce7;
	}
	
#content table td.center {
	vertical-align: middle;
	}
#content table td.top {
	vertical-align: top;
	}
	
#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}


#content textbox{
	background:#f0f0f0;
	padding:5px 10px;
	margin:0 0 10px 0;
}


#content .textbox{
	border-style:groove;
	border-width:thin;
	padding:5px 10px;
	background:#f0f0f0;
	margin:0 0 10px 0;
}


#str {
	text-align: right;
	margin: 0px 16px;
}


#str strong {
	font-weight: normal;
	font-size: 12px;
}


/*---------- 07  template -----------*/



#template #header #header02 {background: url(../images/main_contents_img.jpg) 0 0 no-repeat;}


#template #title01 { background: url(../images/template_h2-01.jpg) 0 0 no-repeat; }
#template #title02 { background: url(../images/template_h3-02.jpg) 0 0 no-repeat; }
#template #title03 { background: url(../images/template_h4-03.jpg) 0 0 no-repeat; }



/*---------- 07  about -----------*/

#about #header #header02 {background: url(../images/main_about_img.jpg) 0 0 no-repeat;}

#about #title01 { background: url(../images/about_h2-01.jpg) 0 0 no-repeat; }
#about #title02 { background: url(../images/about_h3-02.jpg) 0 0 no-repeat; }
#about #title03 { background: url(../images/about_h4-03.jpg) 0 0 no-repeat; }
#about #title04 { background: url(../images/about_h4-04.jpg) 0 0 no-repeat; }
#about #title05 { background: url(../images/about_h4-05.jpg) 0 0 no-repeat; }


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

#doctor #header #header02 {background: url(../images/main_doctor_img.jpg) 0 0 no-repeat;}

#doctor #title01 { background: url(../images/doctor_h2-01.jpg) 0 0 no-repeat; }
#doctor #title02 { background: url(../images/doctor_h3-02.jpg) 0 0 no-repeat; }



/*---------- 07  flow -----------*/

#flow #header #header02 {background: url(../images/main_flow_img.jpg) 0 0 no-repeat;}

#flow #title01 { background: url(../images/flow_h2-01.jpg) 0 0 no-repeat; }
#flow #title02 { background: url(../images/flow_h3-02.jpg) 0 0 no-repeat; }
#flow #title03 { background: url(../images/flow_h4-03.jpg) 0 0 no-repeat; }
#flow #title04 { background: url(../images/flow_h4-04.jpg) 0 0 no-repeat; }
#flow #title05 { background: url(../images/flow_h4-05.jpg) 0 0 no-repeat; }
#flow #title06 { background: url(../images/flow_h4-06.jpg) 0 0 no-repeat; }
#flow #title07 { background: url(../images/flow_h4-07.jpg) 0 0 no-repeat; }
#flow #title08 { background: url(../images/flow_h4-08.jpg) 0 0 no-repeat; }


#flow h4{
   height:41px;
}


#flow .flowsection{
  padding: 0 30px 0 30px ; }



#flow .textbox{
	background:#efe9db;
	padding:10px 15px;
	margin:0 0 10px 0;
}

.section .section { padding: .5em 0; }

/*---------- 07  case -----------*/

#case #header #header02 {background: url(../images/main_case_img.jpg) 0 0 no-repeat;}

#case #title01 { background: url(../images/case_h2-01.jpg) 0 0 no-repeat; }
#case #title02 { background: url(../images/case_h3-02.jpg) 0 0 no-repeat; }
#case #title03 { background: url(../images/case_h4-03.jpg) 0 0 no-repeat; }
#case #title04 { background: url(../images/case_h4-04.jpg) 0 0 no-repeat; }
#case #title05 { background: url(../images/case_h4-05.jpg) 0 0 no-repeat; }

.case {
	margin: 10px 30px 20px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}
.case img {
	display: block;
	}

.case .alpha {
  float: left;
	width: 200px;
	margin-left:20px;
	}

.case .beta {
  float: right;
	width: 200px;
	margin-right:20px;
	}

.case .image_l { margin: 0 3px 16px 0; }
.case .image_l.arrow1 { margin-top: 50px; }
.case .image_l.arrow2 { margin-top: 65px; }
	
.case .nil  {
	float: left;
	margin: 0 0 16px 0;
	}

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

/*----- floatをclearするための汎用クラス定義 -----*/

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*---------- 07  first -----------*/

#first #header #header02 {background: url(../images/main_first_img.jpg) 0 0 no-repeat;}

#first #title01 { background: url(../images/first_h2-01.jpg) 0 0 no-repeat; }
#first #title02 { background: url(../images/first_h3-02.jpg) 0 0 no-repeat; }
#first #title03 { background: url(../images/first_h4-03.jpg) 0 0 no-repeat; }
#first #title04 { background: url(../images/first_h4-04.jpg) 0 0 no-repeat; }

#first #title05 { background: url(../images/first_dt01.jpg) 0 0 no-repeat; }
#first #title06 { background: url(../images/first_dt02.jpg) 0 0 no-repeat; }
#first #title07 { background: url(../images/first_dt03.jpg) 0 0 no-repeat; }
#first #title08 { background: url(../images/first_dt04.jpg) 0 0 no-repeat; }
#first #title09 { background: url(../images/first_dt05.jpg) 0 0 no-repeat; }


#feature{
background: url(../images/first_bg.jpg) 0 0 repeat-y;
}


#feature dl{
margin:0;
padding:0;
}


#feature dt{
 height:60px;
 text-indent:-9999px;
}

#feature dd {
	width:400px;
	margin:0 0 10px 0;
	padding: 10px 15px;
}




/*----------  experience -----------*/

#experience #header #header02 {background: url(../images/main_experience_img.jpg) 0 0 no-repeat;}

#experience #title01 { background: url(../images/experience_h2-01.jpg) 0 0 no-repeat; }
#experience #title02 { background: url(../images/experience_h3-02.jpg) 0 0 no-repeat; }
#experience #title03 { background: url(../images/experience_h4-03.jpg) 0 0 no-repeat; }
#experience #title04 { background: url(../images/experience_h4-04.jpg) 0 0 no-repeat; }

/*----------  safe -----------*/

#safe #header #header02 {background: url(../images/main_safe_img.jpg) 0 0 no-repeat;}

#safe #title01 { background: url(../images/safe_h2-01.jpg) 0 0 no-repeat; }
#safe #title02 { background: url(../images/safe_h3-02.jpg) 0 0 no-repeat; }
#safe #title03 { background: url(../images/safe_h4-03.jpg) 0 0 no-repeat; }
#safe #title04 { background: url(../images/safe_h4-04.jpg) 0 0 no-repeat; }


/*---------- nostress -----------*/

#nostress #header #header02 {background: url(../images/main_nostress_img.jpg) 0 0 no-repeat;}

#nostress #title01 { background: url(../images/nostress_h2-01.jpg) 0 0 no-repeat; }
#nostress #title02 { background: url(../images/nostress_h3-02.jpg) 0 0 no-repeat; }
#nostress #title03 { background: url(../images/nostress_h3-03.jpg) 0 0 no-repeat; }
#nostress #title04 { background: url(../images/nostress_h4-04.jpg) 0 0 no-repeat; }
#nostress #title05 { background: url(../images/nostress_h4-05.jpg) 0 0 no-repeat; }
#nostress #title06 { background: url(../images/nostress_h4-06.jpg) 0 0 no-repeat; }


/*---------- onetime -----------*/

#onetime #header #header02 {background: url(../images/main_onetime_img.jpg) 0 0 no-repeat;}

#onetime #title01 { background: url(../images/onetime_h2-01.jpg) 0 0 no-repeat; }
#onetime #title02 { background: url(../images/onetime_h3-02.jpg) 0 0 no-repeat; }
#onetime #title03 { background: url(../images/onetime_h4-03.jpg) 0 0 no-repeat; }
#onetime #title04 { background: url(../images/onetime_h4-04.jpg) 0 0 no-repeat; }
#onetime #title05 { background: url(../images/onetime_h4-05.jpg) 0 0 no-repeat; }
#onetime #title06 { background: url(../images/onetime_h4-06.jpg) 0 0 no-repeat; }

#feature01 dt{
	color:#000033;
	border-bottom:dotted;
	border-width:thin;
}

#feature01 dd {
	width:543px;
	margin:0 0 10px 0;
	padding: 10px 15px;
	background:#f3ebd9;
	border-bottom:groove;
}


#onetime .box{
	border-style:groove;
	border-width:thin;
	padding:10px;
	background:#f0f0ed;
	margin:5px 0 10px 0;
	
}



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

#cost #header #header02 {background: url(../images/main_cost_img.jpg) 0 0 no-repeat;}

#cost #title01 { background: url(../images/cost_h2-01.jpg) 0 0 no-repeat; }
#cost #title02 { background: url(../images/cost_h3-02.jpg) 0 0 no-repeat; }
#cost #title03 { background: url(../images/cost_h3-03.jpg) 0 0 no-repeat; }
#cost #title04 { background: url(../images/cost_h4-04.jpg) 0 0 no-repeat; }
#cost #title05 { background: url(../images/cost_h4-05.jpg) 0 0 no-repeat; }
#cost #title06 { background: url(../images/cost_h4-06.jpg) 0 0 no-repeat; }





/*---------- faq -----------*/

#faq #header #header02 {background: url(../images/main_faq_img.jpg) 0 0 no-repeat;}

#faq #title01 { background: url(../images/faq_h2-01.jpg) 0 0 no-repeat; }
#faq #title02 { background: url(../images/faq_h3-02.jpg) 0 0 no-repeat; }
#faq #title03 { background: url(../images/faq_h4-03.jpg) 0 0 no-repeat; }
#faq #title04 { background: url(../images/faq_h4-04.jpg) 0 0 no-repeat; }
#faq #title05 { background: url(../images/faq_h4-05.jpg) 0 0 no-repeat; }
#faq #title06 { background: url(../images/faq_h4-06.jpg) 0 0 no-repeat; }
#faq #title07 { background: url(../images/faq_h4-07.jpg) 0 0 no-repeat; }
#faq #title08 { background: url(../images/faq_h4-08.jpg) 0 0 no-repeat; }
#faq #title09 { background: url(../images/faq_h4-09.jpg) 0 0 no-repeat; }

#faq h4{
height:40px;
}

#faq .textbox ul li{
list-style:none;
}

#faq .textbox li{
margin:5px 0
}




/*---------- coverage -----------*/

#coverage #header #header02 {background: url(../images/main_coverage_img.jpg) 0 0 no-repeat;}

#coverage #title01 { background: url(../images/coverage_h2-01.jpg) 0 0 no-repeat; }
#coverage #title02 { background: url(../images/coverage_h3-02.jpg) 0 0 no-repeat; }
#coverage #title03 { background: url(../images/coverage_h3-03.jpg) 0 0 no-repeat; }
#coverage #title04 { background: url(../images/coverage_h3-04.jpg) 0 0 no-repeat; }
#coverage #title05 { background: url(../images/coverage_h3-05.jpg) 0 0 no-repeat; }

/*---------- Contact -----------*/

#contact #header #header02 {background: url(../images/main_contact_img.jpg) 0 0 no-repeat;}
#contact #title01 { background: url(../images/contact_h2-01.jpg) 0 0 no-repeat; }
#contact #title02 { background: url(../images/contact_h3-02.jpg) 0 0 no-repeat; }

/*---------- 17  Sitemap -----------*/

#sitemap #header #header02 {background: url(../images/main_sitemap_img.jpg) 0 0 no-repeat;}
#sitemap #title01 { background: url(../images/sitemap_h2-01.jpg) 0 0 no-repeat; }


/*---------- 07  Index -----------*/



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


#index .image_l  {
	float: left;
	margin: 0 5px 8px 0;
	}



#index #title01 { background: url(../images/index_h2_ti.jpg) 0 0 no-repeat; }
#index #title02 { background: url(../images/index_h3-02.jpg) 0 0 no-repeat; }


#index h2{
height:54px;
}

#index #qc_waku{
	width:640px;
	height:200px;
	margin:0 0 10px 0;
}
#index #qc_l a{
	width:200px;
	height:200px;
	float:left;
	margin-right:20px;
	display:block;
	text-indent:-9999px;
	background:url(../images/index_btn03.jpg);
}
#index #qc_c a{
	width:200px;
	height:200px;
	float:left;
	margin-right:20px;
	display:block;
	text-indent:-9999px;
	background:url(../images/index_btn04.jpg);
}
#index #qc_r a{
	width:200px;
	height:200px;
	float:right;
	margin:0;
	display:block;
	text-indent:-9999px;
	background:url(../images/index_btn05.jpg);
}

#index #qc_l a:hover,
#index #qc_c a:hover,
#index #qc_r a:hover{
	background-position:0 100%;
}
#btn01 { 
height: 90px;
text-indent:-9999px;
 }
#btn01  a { background: url(../images/index_btn01.jpg) 0 0 no-repeat; 
	height:90px;
	width: 310px;
	text-indent: -9999px;
	display: block;
	}

#btn01 a:hover { background: url(../images/index_btn01.jpg) 0 -90px no-repeat; }

#btn02 {
height: 90px;
text-indent:-9999px;
 }

#btn02 a { background: url(../images/index_btn02.jpg) 0 0 no-repeat; 
	height:90px;
	width: 310px;
	text-indent: -9999px;
	display: block;
	}


#btn02 a:hover { background: url(../images/index_btn02.jpg) 0 -90px no-repeat; }




.right { text-align: right; } 

.padding_b10 { padding-bottom: 10px; }
.padding_l50 { padding-left: 50px; }
.margin_b15 { margin-bottom: 15px;}
.m0 { margin-top: 0px; }


.margin_b20 { margin-bottom: 20px; }
.margin_b30 { margin-bottom: 30px; }

.w_80 { width: 80px; }
.w_100 { width: 100px; }

.text_orange { color:#ff5e00; }
.text_green { color:#98d928; }
.text_strong { font-weight: bold; }