@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 {
	padding:5px 0 0 0;
	line-height:15px;
	font-size:110%;
	text-align:left;
	color:#5A3D1C;
	} /* Header内で設定 */
#index h1 {
	margin:0 0 0 15px;
	line-height:30px;
	font-size:110%;	
	} /* Header内で設定 */
h2 {
	margin:20px 10px 0 0;
	height:50px;
	text-align: left;
}
#index h2 {
	margin:4px 10px 0 0;
	height:299px;
}
*html #index h2 {
	margin:6px 10px 0 0;
	height:299px;
}
#w_index h2 {
	margin:0 0 0 0;
	height:303px;
}
#o_index h2 {
	margin:0 0 0 0;
	height:303px;
}
h3 { 
	margin:20px auto 0 auto;
}

#w_index h3 { height:50px;}
#o_index h3 { height:50px;}
h4 {}

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

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

#w_index table {}
#w_index th{
	width:92px;
	background-color:#FFEED2;
	color:#FF7900;
}
#w_index td {
	padding:10px 10px 10px 10px;
	text-align:left;
	color:#666666;
	width:170px;
}
#o_index table {}
#o_index th{
	width:92px;
	background-color:#E4F4C9;
	color:#76BF17;
}
#o_index td {
	padding:10px 10px 10px 10px;
	text-align:left;
	color:#666666;
	width:170px;
}

.general_table th{
	color:#76BF17 !important;
}

th {
}
td {
}

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


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

.image_l { float: left; margin: 0 10px 5px 0; }
.image_r { float: right; margin: 0 0 5px 10px; }

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

*html .case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.o_case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}

*html .o_case {
	margin: 10px 10px;
	background: url(../images/arrow_h.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 {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}
p {
	font-size:14px;
	color:#333333;
	text-align:left;
}
.access {width:280px;}
.text_c { text-align:center;}
.o_index_photo {
	width:530px;
	margin:0 auto 0 auto;
}

#map{
width:280px;
height:280px;
border:1px solid #666666;
}

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

html {
	background: none;
}

body {
}
body.ooizumi {
	background: url(../images/contents_header_bg_02.jpg) top repeat-x;
	color: #333;
	text-align:center;
}
body.watanabe {
	background: url(../images/contents_header_bg.jpg) top repeat-x;
	color: #333;
	text-align:center;
}
body#index {
	background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align:center;
}
#body02 {background: url(../images/contents_footer_bg.jpg) bottom repeat-x;}
#index #body02 {background: url(../images/footer_bg.jpg) bottom repeat-x;}
#wrapper {
	width: 910px;
	margin: 0 auto;
	background:url(../images/wrapper_bg.jpg) repeat-y top;
}
#index #wrapper {
	width: 910px;
	margin: 0 auto;
	background:none;
}
#main {
	width:910px;
	margin:0 0 0 0;
	background:url(../images/main_bg03.jpg) no-repeat top;
}

#w_index #main {
	width:910px;
	margin:0 0 0 0;
	background:url(../images/main_bg02.jpg) no-repeat top;
}
#o_index #main {
	width:910px;
	margin:0 0 0 0;
	background:url(../images/main_bg02.jpg) no-repeat top;
}
#index #main {
	width:910px;
	margin:0 0 0 0;
	background:none;
}

#content {
	width: 910px;
	margin:20px auto auto 5px;
}


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

#header.watanabe {
	width: 910px;
	height:90px;
	text-align:left;
	margin:0 auto 0 auto;
	background:url(../images/header_bg.jpg) top repeat-x;
}

.ooizumi #header {
	width: 910px;
	height:90px;
	text-align:left;
	margin:0 auto 0 auto;
	background:url(../images/header_bg_02.jpg) top repeat-x;
}

#index  #header{
	height:auto;
	background:none;
	margin:0 0 0 0;
}
#header .header_l {	float:left;}
#header .header_r {
	padding:6px 0 0 0;
	 float:right;
}
#header .header_r p{ margin: 0 0 0 0;}
.main_img {	
	padding:2px 0 0 0;
	height:299px;
}
.clinic_info{
	margin:10px 10px 10px 10px;
}
.under_h1{
	margin:2px 0 0 0;
}
#top{
	margin-top:8px;
}

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

#footer {height:93px;}
#footer .f_right {
	float:right;
	text-align:right;
	font-size:100%;
	padding:20px 0 0 0;
}
#footer .f_tel {
	padding:10px 0 0 0;
	float:left;
}
#footer .footer_countents{
	width:910px;
	text-align:center;
	margin:0 auto 0 auto;
	padding:20px auto 0 auto;
}

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

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

#navi dl,
#navi ul {
	margin: 0 0 10px;
	text-align: left;
}

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

#navi dl dt { text-indent: -9999em; }

#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}

/*==========================================================================*/
/*                             Common                                       */
/*==========================================================================*/

.padd_t_15px { padding:30px 0 0 0;}
.top_10px { padding:10px 0 0 0;}
.top_20px { padding:20px 0 0 0;}
.top_80px { padding:80px 0 0 0;}
.text_r { text-align:right;}
.bunner {
	width:500px; 
	margin:0 auto 0 auto;
}
/* contents
------------------------------------------------------------------------*/
.contents {
	float:right;
	width:610px;
	margin:0 28px 0 auto;
}
*html .contents {
	float:right;
	width:610px;
	margin:0 5px 0 auto;
}

*html body#w_general .contents { margin: 0;}
*html body#w_prevention .contents { margin: 0 7px 0 0;}
*html body#w_recruit .contents { margin: 0 10px 0 0;}
*html body#o_recruit .contents { margin: 0 12px 0 0;}
*html body#o_recruit2 .contents { margin: 0 5px 0 0;}

#w_index .contents {
	float:right;
	width:650px;
	margin:0 0 0 0;
}
#o_index .contents {
	float:right;
	width:650px;
	margin:0 0 0 0;
}
.navi {
	float:left;
	width:250px;
	background:url(../images/contentsnavi_bg.jpg) top repeat-y;
	margin:7px 0 0 0;
}
.navi_contents {
	width:230px;
	text-align:center;
	margin:0 10px 0 10px;
	padding:0 0 8px 0;
	background-color:#F2E7DF;
}
.navi_contents li{ padding:5px 0 0 0;}
.navi_contents_w{
	width:230px;
	text-align:center;
	margin:0 10px 0 10px;
	padding:0 0 8px 0;
}

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

/* index
------------------------------------------------------------------------*/
.top_clinicinfo_bg {
	background-color:#F9F5F2;
	padding:0 0 20px 0;
	width:900px;
}
.top_clinicinfo {padding:0 20px 0 20px;}
.top_clinicinfo .indexinfo_contents {
	margin:5px 20px auto 20px;
}
.top_clinicinfo .indexinfo_contents .tel{ 
	float:left;
	margin:5px 0 0 -5px;
}
.top_clinicinfo .clinic01 {
	background: #0066FF url(../images/index_info_wbg.jpg) repeat-y;
	width:425px;
	float:left;
}
.top_clinicinfo .clinic01_btn {
	margin:5px 0 5px 5px;
	float:right;	
}
.top_clinicinfo .clinic02 {
	background: #0055FF url(../images/index_info_obg.jpg) top repeat-y;
	width:425px;
	float:right;
}
.top_clinicinfo .indexinfo_contents ul li { 
	color:#666666;
	float:left;
}
.top_clinicinfo .indexinfo_contents ul li .wadd{
	color:#FFA200;
	font-weight: bold;
	padding:0 10px 0 0;
}
.top_clinicinfo .indexinfo_contents ul li .oadd{
	color:#76BF17;
	font-weight: bold;
	padding: 0 10px 0 0;
}
.top_clinicinfo .ooizumi_bg{
	background:url(../images/index_info_obg.jpg) top repeat-y;
	margin:0 20px 15px 5px;
	float:right;
}
.top_clinicinfo .indexinfo_contents .tel{ 
	float:left;
	margin:5px 0 0 0;
}
.top_clinicinfo .ooizumi {
	float:right;
	margin:5px 0 5px 0;
}
.greeting {
	width:850px;
	text-align:left;
	margin: 10px auto 30px auto;
}
.access_list{
	width:200px;
	float:left;
}

/* watanabe/under_common
------------------------------------------------------------------------*/
.contents_detail {
	width:610px;
	margin:10px 10px 0 0;
}
*html .contents_detail {
	width:600px;
	margin:10px 0;
	padding: 0 20px 0 0;
}

*html #w_prevention .contents_detail {
	width:600px;
	margin:10px 0;
	padding: 0 10px 0 0;
}

.case {
	margin:0 auto;
	background-image:url(../images/arrow.jpg);
}

/* ooizumi/under_common
------------------------------------------------------------------------*/
.o_case {
	margin:0 auto;
	background-image:url(../images/ooizumi/arrow.jpg);
}



/* watanabe/index
------------------------------------------------------------------------*/
#w_index .contents_detail {
	width:600px;
	margin:10px auto 0 auto;
}
.photo_g {	width:600px;}
.photo_g .image_l {	width:340px;}
.index_subject{	text-align:left;}
#w_index_access ul{width:100px;}
#w_index_access .image_r{
	float:right;
	width:200px;
}

/* ooizumi/index
------------------------------------------------------------------------*/
#o_index .contents_detail {
	width:600px;
	margin:10px auto 0 auto;
}
.photo_g {	width:600px;}
.photo_g .image_r {	width:240px;}
#o_index_access ul{width:100px;}
#o_index_access li{
	display:block;
	
}
#o_index_access .image_r{
	float:right;
	width:200px;
}



/* watanabe/general
------------------------------------------------------------------------*/
#w_general table{
	width:500px;
	margin:5px auto 0 auto;
}
#w_general tr{}
#w_general th{
	font-weight:bold;
	color:#FF6600;
}
#w_general td{text-align:center;}
.contents_list{
	padding:10px 0 0 20px;
	font-weight:bold;
}
.contents_list li{
	list-style:url(../images/list_icon.jpg);
	text-align:left;
}
.o_contents_list{
	padding:10px 0 0 20px;
	font-weight:bold;
}
.o_contents_list li{
	list-style:url(../images/o_list_icon.jpg);
	text-align:left;
}
.contents_list_sub {
	margin:10px auto 0 auto;
	width:200px;
}
.contents_list_sub li{
	list-style-position:outside;
	text-align:left;
}

.pmtc_img {text-align:center;}


/* watanabe/implant
------------------------------------------------------------------------*/
.implant_img{text-align:center;}
.flow {
	padding:10px 0 15px 0;
	background:url(../images/arrow_u.jpg) bottom no-repeat;
}
.o_flow {
	padding:10px 0 15px 0;
	background:url(../images/o_arrow_u.jpg) bottom no-repeat;
}

dl.flow_end {
	background: none;
	padding-bottom: 0;
	}

.flow dt,
.flow_end dt {
 	border: 1px solid #CCCCCC;
	background: #FFEED2;
	color: #FF6600; 
	border-bottom: none;
	padding: 15px 0 5px 10px;
	margin: 5px 20px 0 20px;
	font-weight: bold;
  }
.o_flow dt,
.o_flow_end dt {
 	border: 1px solid #CCCCCC;
	background: #E4F4C9;
	color: #466318; 
	border-bottom: none;
	padding: 15px 0 5px 10px;
	margin: 5px 20px 0 20px;
	font-weight: bold;
  }

.flow_end dt { margin: 15px 20px 0 20px;}
  
.flow dd,
.o_flow dd,
.flow_end dd,
.o_flow_end dd {
  border: 1px solid #CCCCCC;
  border-top: 1px dotted #CCCCCC;
  padding: 10px 10px 10px 10px;
  margin: 0 20px 20px 20px;
}

.esthe_q dt {
  	height: 30px;
  	margin: 0;
  	padding: 10px 0 0 50px;
  	background: url(../images/question.jpg) 0 0 no-repeat #FFEED2;
	border: 1px solid #F2EFE2;
  	border-bottom: 1px dotted #F2EFE2;
  	vertical-align: middle;
	text-align:left;
	font-weight:bold;
	color:#FF6600;
  }  
.esthe_q dd {
	margin: 0 0 20px 0;
 	padding: 10px 5px 10px 50px;
	background: url(../images/answer.jpg) 0 0 no-repeat #FFFFFF;
	border: 1px solid #F2EFE2;
	border-top: none;
	text-align:left;
  }
  
.o_esthe_q dt {
  	height: 30px;
  	margin: 0;
  	padding: 10px 0 0 50px;
  	background: url(../images/o_question.jpg) 0 0 no-repeat #E4F4C9;
	border: 1px solid #F2EFE2;
  	border-bottom: 1px dotted #F2EFE2;
  	vertical-align: middle;
	text-align:left;
	font-weight:bold;
	color:#466318;
  }  
.o_esthe_q dd {
	margin: 0 0 20px 0;
 	padding: 10px 5px 10px 50px;
	background: url(../images/o_answer.jpg) 0 0 no-repeat #FFFFFF;
	border: 1px solid #F2EFE2;
	border-top: none;
	text-align:left;
  }

#w_implant table{ 
	width:550px;
	margin:0 auto 0 auto;
}
#w_implant tr{}
#w_implant th{}
#w_implant td{
	text-align:center;
	color:#000000;
}
#w_implant td.bg_FFE7C0{ background-color:#FFE7C0;}
#w_implant td.bg_FFFFC0{ background-color:#FFFFC0;}

#w_implant td.bg_E4F4C9{ background-color:#E4F4C9;}
#w_implant td.bg_73BA4A{ background-color:#73BA4A;}


/* watanabe/recruit
------------------------------------------------------------------------*/
.recruit_detail{
	width:580px;
	margin:0 auto 20px auto;
}
.recruit_table th{
	background-color:#E4F4C9;
	color:#76BF17;
	width:200px;
}
.recruit_table td{ 
	width:400px;
	text-align:left;
}

/* ooizumi/recruit
------------------------------------------------------------------------*/
#o_recruit .recruit_detail{
	width:580px;
	margin:0 auto 20px auto;
}
#o_recruit .recruit_table th{
	background-color:#E4F4C9;
	color:#76BF17;
	width:200px;
}
#o_recruit .recruit_table td{ 
	width:400px;
	text-align:left;
}

/* watanabe/denture
------------------------------------------------------------------------*/
.denture_h4_06{width:330px;}







/* watanabe/recruit
------------------------------------------------------------------------*/

#w_recruit table {
  color: #666;
  margin:10px 0 20px 0;
  border: 1px solid #C8C8C8;
  }

#w_recruit table th,
#w_recruit table td {
  padding: 4px 12px;
  border: 1px solid #C8C8C8;
	line-height: 1.8;
	background: #FFEED2;
  }
	
#w_recruit table td { background: #FFFFFF; text-align: left; }

#w_recruit .table_profile th { background: #FFEED2; }

#w_recruit .table_personal th,
#w_recruit .table_personal td { background: #FFF9E6; }


/* ooizumi/recruit
------------------------------------------------------------------------*/

#o_recruit table,
#o_recruit2 table {
  color: #666;
  margin:10px 0 20px 0;
  border: 1px solid #C8C8C8;
  }



#o_recruit table th,
#o_recruit table td,
#o_recruit2 table th,
#o_recruit2 table td {
  padding: 4px 12px;
  border: 1px solid #C8C8C8;
	line-height: 1.8;
	background: #E4F4C9;
  }
	
#o_recruit table td,
#o_recruit2 table td { background: #FFFFFF; text-align: left; }

#o_recruit .table_profile th
#o_recruit2 .table_profile th, { background: #E4F4C9; }

#o_recruit .table_personal th,
#o_recruit .table_personal td,
#o_recruit2 .table_personal th,
#o_recruit2 .table_personal td { background: #FDFFEE; }