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

/*=======================TOC=======================*/
/*                                                 */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - 明るい青  　   #00A0C6      */
/*        Main Color - 濃い青　　     #047391      */
/*                                                 */
/*        Accent Color - オレンジ     #FF4000      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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


/*---------- Base -----------*/
body {
	text-align: center;
	background: #eee;
     } 
/*---------- Container -----------*/  
#wrapper {
	width: 800px;
	margin:0 auto;
	text-align: left;
	background: #fff;
	padding: 0 30px;
	}
* html body #wrapper { width: 860px; }
	
#main {
	margin: 0;
	height: 100%;
	clear: both;
	background: #fff;
	}
#content {
	width: 560px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	padding: 0.5em 0;
	}



/*---------- Header -----------*/
#header {
	width: 800px;
	background: url(../images/header-bg.jpg) 0 0 no-repeat;
	width: 800px;
	height: 90px;
	margin: 0;
	padding: 0;
	}
	
h1 {
	background:url(../images/h1.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	width: 355px;
	height: 65px;
	margin: 0;
	padding: 0;
	}
	
h1 a {
	display:block;
	width:355px;
	height:65px;
	}	

#header #tel {
	background:url(../images/header-tel.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	width: 355px;
	height:25px;
	margin: 0;
	padding: 0;
	}
	
#header #tel a{
	display:block;
	widows: 355px;
	height: 25px;
	}

#header02 {text-align:right; font-size:85%; height:15px;}

/*---------- Navigation -----------*/
#nav {
	width: 200px;
	float: left;
	padding-bottom: 20px;
	}
#nav ul,
#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav ul{
	width: 180px;
	margin: 5px;
	}
#nav ul#menu li {
	text-indent: -9999px;
	}	
	
#nav ul#menu li a {
	display:block;
	}

#nav01 a {
	height: 63px ;
	}

#nav02 a,
#nav03 a,
#nav04 a,
#nav05 a,
#nav06 a,
#nav07 a,
#nav08 a{
	height: 53px;
	}

#nav01 a { background: url(../images/nav.jpg) -180px 0 no-repeat; }
#nav02 a { background: url(../images/nav.jpg) -180px -63px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) -180px -116px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) -180px -169px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) -180px -222px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) -180px -275px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) -180px -328px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) -180px -381px no-repeat; }

#nav01 a:hover { background:url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 a:hover { background:url(../images/nav.jpg) 0 -63px no-repeat; }
#nav03 a:hover { background:url(../images/nav.jpg) 0 -116px no-repeat; }
#nav04 a:hover { background:url(../images/nav.jpg) 0 -169px no-repeat; }
#nav05 a:hover { background:url(../images/nav.jpg) 0 -222px no-repeat; }
#nav06 a:hover { background:url(../images/nav.jpg) 0 -275px no-repeat; }
#nav07 a:hover { background:url(../images/nav.jpg) 0 -328px no-repeat; }
#nav08 a:hover { background:url(../images/nav.jpg) 0 -381px no-repeat; }


/*---------- Footer -----------*/
#footer {
	clear: both;
	border-top: 2px solid #00A0C6;
	color: #047391;
	text-align: left;
	margin: 0;
	padding-bottom: 10px;
	font-size: 90%;
	}

#footer ul {
	list-style:none;
	margin: 3px 0 0 6px;
	padding-bottom: 10px;
	}
	
#footer ul li {
	display: inline ;
	}

#footer address {
	margin: 0 0 20px 6px;
	} 
	
/*---------- Content -----------*/
.section { padding: 0.3em 0;
	}

p.center { text-align: center; }

#content h2 {
	text-indent: -9999px;
	height: 20px;
	clear:both;
	}

#content h3 {
	text-indent: -9999px;
	height: 30px;
	clear:both;
	}

#content h4 {
	text-indent: -9999px;
	height: 26px;
	clear: both;
	}

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

a { text-decoration: none;
		color : #047391;	}
a:hover { color:#FF4000; }

.tusinbo {
	text-indent: -9999px;
}

	.tusinbo a {
		display: block;
		width: 180px;
		height: 74px;
		outline: 0;
		background: url(../images/tusinbo.jpg) 0 0 no-repeat;
	}
	
.tusinbo02 {
	text-indent: -9999px;
	margin-top: 10px;
}

	.tusinbo02 a {
		display: block;
		width: 560px;
		height: 70px;
		outline: 0;
		background: url(../images/tusinbo02.jpg) 0 0 no-repeat;
	}

#content p.detail {
	background:url(../images/detail.gif) 0 0 no-repeat; 
	text-indent: -9999px;
	width:106px;
	margin: 0 0 10px 10px;	
	}
	
#content p.detail a {
	display:block;
	height:15px;
	}	

#content p.to-top {
	clear: both;
	background:url(../images/to-top.gif) 0 0 no-repeat;
	float: right; 
	text-indent: -9999px;
	width:108px;
	margin: 0 10px 0 0 ;	
	}
	
#content p.to-top a {
	display:block;
	height:18px;
	}	

#content p.access {	margin-left: 190px; }
	


#content li,
#content dt{
	list-style: none;
	background: url(../images/list.gif) 0 2px no-repeat ;
	padding-left: 1.3em;
	}

#content dt {
	font-weight: bold;
	}

#content .alpha {
	float: left;
	width:210px;
	margin: 0 0 0 15px;
	}
	
#content .beta {
	float: right;
	width: 210px;
	margin: 0 15px 0 0;
	}

#content .case { background:url(../images/arrow.gif) center 70px no-repeat; 
	padding: 10px 0;
	} 
#content .case .alpha {
	float: left;
	width:210px;
	margin: 0 0 0 15px;
	}
#content .case .beta {
	float: right;
	width: 210px;
	margin: 0 15px 0 0;
	}
.qr {
	padding-top: 10px !important;
	}
.qr span {
	display: block;
	}
.qr span.qrcode {
	text-align: center;
	}
.qr span img {
	border: 1px solid #999;
	}
.qr span.mobile {
	text-indent: 25px;
	padding: 3px 0;
	background: url(../images/mobile.png) no-repeat 0 center;
	margin-left: 10px;
	}
.qr span.qrurl { 
	margin-left: 10px;
	font-size: 75%;
	}
	


/*---------- Index   -----------*/
#index #content {
	padding: 0;
	margin: 0;
	}
#index .section {
	margin: 0;
	padding: 0;
	}
#index h2#new {	background:url(../images/index_new.gif) 0 0 no-repeat;
padding: 10px 0 0 0;}
#index h2#title01 {	background:url(../images/index_h2_01.gif) 0 0 no-repeat; }
#index h2#title02 {	background:url(../images/index_h2_02.gif) 0 0 no-repeat; }
#index h3#title03 { background:url(../images/pkup_01.gif) 0 0 no-repeat;	}
#index h3#title04 { background:url(../images/pkup_02.gif) 0 0 no-repeat; }
#index h3#title05 { background:url(../images/pkup_03.gif) 0 0 no-repeat; }

#index h3 {	height: 22px;	}

#index #content .alpha,
#index #content .beta,
#index #content .gamma {
	width: 180px;
	float: left;
	margin: 0 5px 0 0 ;
	}

.pkup-bg { background:url(../images/pkup-bg.gif) 0 0 no-repeat;
	margin: 0;
	padding: 10px 15px;
	line-height: 1.5em
 }

.txt_news{
	color: #FF0000;
}

.txt_news_ti{
	color: #FF0000;
	font-weight: bold;
}


#index #wrapper #main #content .section #dia_time {
	margin: 5px 0 0 0;
	padding: 0;
}

/*---------- Concept -----------*/
#concept h2#title01 { background: url(../images/concept_h2_01.gif) 0 0 no-repeat; }
#concept h3#title02 { background: url(../images/concept_h3_02.gif) 0 0 no-repeat; }
#concept h3#title03 { background: url(../images/concept_h3_03.gif) 0 0 no-repeat; }

/*---------- Clinic -----------*/
#clinic h2#title01 { background:url(../images/clinic_h2_01.gif) 0 0 no-repeat; }
#clinic h3#title02 { background:url(../images/clinic_h3_02.gif) 0 0 no-repeat; }
#clinic h3#title03 { background:url(../images/clinic_h3_03.gif) 0 0 no-repeat; }
#clinic h3#title04 { background:url(../images/clinic_h3_04.gif) 0 0 no-repeat; }
#clinic h4#title05 { background:url(../images/clinic_h4_05.gif) 0 0 no-repeat; }
#clinic h4#title06 { background:url(../images/clinic_h4_06.gif) 0 0 no-repeat; }
#clinic h4#title07 { background:url(../images/clinic_h4_07.gif) 0 0 no-repeat; }
#clinic h4#title08 { background:url(../images/clinic_h4_08.gif) 0 0 no-repeat; }
#clinic h4#title09 { background:url(../images/clinic_h4_09.gif) 0 0 no-repeat; }
#clinic h4#title10 { background:url(../images/clinic_h4_10.gif) 0 0 no-repeat; }

#clinic #content dl#history {
	margin: 10px 0;
	padding: 0;
	float:right;
	width:340px;
	}

#clinic #content dl#history dl {
	margin: 0;
	padding: 0;
	}
/*
#clinic #content dl#history dl dt {
	background-image:none;
	width:7em;
	float: left;
	text-align:right;
	}

#clinic #content dl#history dl dd {
	margin:0 0 0 9em;
	padding: 0;
	}	
*/


#clinic #content dl#history dd#profile {
	margin: 0;
	padding: 0;
	}
	
#clinic #content dl#history dd#profile dt {
	font-weight:normal;
	background-image:none;
	width:7em;
	float: left;
	text-align:right;
	}	

#clinic #content dl#history dd#profile dd {
	margin: 0 0 0 9em;
	padding: 0;
	}
	
#clinic #content ul#access {
	margin: 10px 0;
	padding: 0;
	width:500px;
	}
	
	
/*---------- Difference -----------*/
#difference h2#title01 { background:url(../images/difference_h2_01.gif) 0 0 no-repeat; }
#difference h3#title02 { background:url(../images/difference_h3_02.gif) 0 0 no-repeat; }
#difference h3#title03 { background:url(../images/difference_h3_03.gif) 0 0 no-repeat; }

#difference #content .image_l{
	margin: 5px 10px 5px 40px; }

#difference #content .image_r{
	margin: 5px 40px 5px 10px; } 
	
#difference #content .banner img {
	padding: 10px;
	}	

/*---------- Prevent -----------*/
#prevent h2#title01 { background:url(../images/prevent_h2_01.jpg) 0 0 no-repeat; }
#prevent h3#title02 { background:url(../images/prevent_h3_02.jpg) 0 0 no-repeat; }
#prevent h3#title03 { background:url(../images/prevent_h3_03.jpg) 0 0 no-repeat; }
#prevent h3#title04 { background:url(../images/prevent_h3_04.jpg) 0 0 no-repeat; }
#prevent h3#title05 { background:url(../images/prevent_h3_05.jpg) 0 0 no-repeat; }


/*---------- Esthe -----------*/
#esthe h2#title01 { background:url(../images/esthe_h2_01.jpg) 0 0 no-repeat; }
#esthe h3#title02 { background:url(../images/esthe_h3_02.jpg) 0 0 no-repeat; }
#esthe h3#title03 { background:url(../images/esthe_h3_03.jpg) 0 0 no-repeat; }
#esthe h3#title04 { background:url(../images/esthe_h3_04.jpg) 0 0 no-repeat; }
#esthe h4#title05 { background:url(../images/esthe_h4_05.jpg) 0 0 no-repeat; }
#esthe h4#title06 { background:url(../images/esthe_h4_06.jpg) 0 0 no-repeat; }
#esthe h4#title07 { background:url(../images/esthe_h4_07.jpg) 0 0 no-repeat; }
#esthe h4#title08 { background:url(../images/esthe_h4_08.jpg) 0 0 no-repeat; }

/*---------- Surgery -----------*/
#surgery h2#title01 { background:url(../images/surgery_h2_01.gif) 0 0 no-repeat; }
#surgery h3#title02 { background:url(../images/surgery_h3_02.gif) 0 0 no-repeat; }
#surgery h3#title03 { background:url(../images/surgery_h3_03.gif) 0 0 no-repeat; }
#surgery h3#title04 { background:url(../images/surgery_h3_04.gif) 0 0 no-repeat; }
#surgery h4#title05 { background:url(../images/surgery_h4_05.gif) 0 0 no-repeat; }
#surgery h4#title06 { background:url(../images/surgery_h4_06.gif) 0 0 no-repeat; }

#surgery #content .case { background:url(../images/arrow.gif) center 100px no-repeat; 
	padding: 10px 0;
	} 

/*---------- Inst -----------*/
#inst h2#title01 { background:url(../images/inst_h2_01.gif) 0 0 no-repeat; }
#inst h3#title02 { background:url(../images/inst_h3_02.gif) 0 0 no-repeat; }
#inst h4#title03 { background:url(../images/inst_h4_03.gif) 0 0 no-repeat; }
#inst h4#title04 { background:url(../images/inst_h4_04.gif) 0 0 no-repeat; }
#inst h4#title05 { background:url(../images/inst_h4_05.gif) 0 0 no-repeat; }
#inst h4#title06 { background:url(../images/inst_h4_06.gif) 0 0 no-repeat; }
#inst h4#title07 { background:url(../images/inst_h4_07.gif) 0 0 no-repeat; }

/*---------- Recruit -----------*/
#recruit h2#title01 { background:url(../images/recruit_h2_01.gif) 0 0 no-repeat; }



#recruit table {
	margin: 20px 0 20px 0;
	width: 500px;
	border-collapse:collapse; 
	border-spacing:0; 
	}

#recruit p.cap {
	width: 200px;
    margin: 0;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #0099CC;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
}


#recruit th,td {
	border: 1px solid #97d2ee;
	padding: 5px 10px;
	font-size: 12px;
	color: #444;
	}

#recruit th {
	font-weight: bold;
	text-align: center;
	background-color: #c8eeff;
	vertical-align: top;
	}


#recruit .txt01{
	padding: 0px 0 10px 0;
	color: #ff6c00;
	font-size: 16px;
	font-weight: bold;
}

	
/*---------- Sitemap -----------*/
#sitemap h2#title01 { background:url(../images/sitemap_h2_01.gif) 0 0 no-repeat; }




/*---------- 共通 -----------*/

.red_b{
	color: #FF0000;
	font-weight: bold;
}
.red{color: #FF0000;}
.bold{font-weight: bold;}

.bnr_req a {
  display: block;
  width: 560px;
  height: 90px;
  background: url(../images/bnr_req.jpg) 0 0 no-repeat;
  margin: 20px 0;
  padding: 0;
  text-indent: -9999px;
  outline: none;
}

.bnr_req a:hover { background-position: 0 bottom;}