@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Clinic                      */
/*                 09  Member                      */
/*                 10  Concept                     */
/*                 11  Message                     */
/*                 12  Flow                        */
/*                 13  In-charge                   */
/*                 14  Treatment                   */
/*                 15  Lost                        */
/*                 16  Recruit                     */
/*                 17  Aesthe                      */
/*                 18  Implant                     */
/*                 19  Access                      */
/*                 20  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Royal Blue          #62C7C1 */
/*        Main Color - Light Royal Blue    #9CD8EF */
/*        Main Color - Orange              #FFBA00 */
/*                                                 */
/*        Sub Color  - Green               #70BF4F */
/*                                                 */
/*==================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) left top repeat-x; }

#body1 { background: url(../images/body_bg1.jpg) left bottom repeat-x; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat-y;
	width: 928px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 0 23px 0 22px;
	width:883px;
	}

#content {
	width: 652px;
	float: right;
	font-size: 100%;
	line-height: 1.75;
	color: #000;
	padding: 0;
	margin:0;
	text-align:left;
	
	}

.img {margin:0; padding:0; line-height:1%; font-size:1%; display:block; text-align:left; }
.main_img {margin:0 0 20px 25px; padding:0; line-height:1%; font-size:1%; display:block; text-align:left;}

/*---------- 03  Header -----------*/

#index #header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 363px;
	width: 928px;
	margin: 0 0 17px 0; 
	padding: 0;
	}

#header {
	background: url(../images/header_bg.jpg) left top no-repeat;
	height: 107px;
	width: 928px;
	margin: 0;
	padding: 0;
	position:relative;
	}
	
#header_01{margin:0; padding:0; height:39px;}

#header_01_01{float:left; margin:0; padding:0; width:196px;}
#header_01_01 p.logo_text{float:left; margin:0; padding:17px 0 0 26px; width:170px;}
#header_01_01 p.logo_text img{ margin:0; padding:0; line-height:1%; display:block; font-size:1%;}

#header_01_02{float:right; margin:0; padding:0; width:732px; position:relative;}
#header_01_02 h1 {
	margin: 0;
	padding:15px 30px 0px 39px;
	font-size:1em;
	line-height:1.75em;
	text-align:right;
	letter-spacing:0;
	color: #666;
	position:absolute;
	left: -30px;
	z-index:99999;
	width:700px;
	}
	
	
* html #header_01_02 h1 {
	margin: 0;
	padding:15px 30px 0px 39px;
	font-size:1em;
	line-height:1.75em;
	text-align:right;
	letter-spacing:0;
	color: #666;
	position:absolute;
	left: 38px;
	z-index:99999;
	width:700px;
	}	
	
#index #header_02{margin:0 0 6px 0; padding:0; height:62px;}

#header_02{margin:0; padding:0;}

#header #header_02 p.logo {
	width: 269px;
	height: 48px;
	line-height: 1.0;
	float: left;
	padding:0px 0px 0px 26px;
	margin:0;
	position:absolute;
	top: 9px;
	left: -3px;
	}
	
	
#header #header_02 p.logo  a {
	display: block;
	width: 269px;
	height:48px;
	}

#header_02_01{float:left; margin:0 0 0 295px; padding:0; width:396px;}
* html #header_02_01{float:left; margin:0 0 0 147px; padding:0; width:396px;}

#header_02_02{float:right; margin:0; padding:0; width:237px; }

#header_02_02 p.header_tel{ padding:0; width:214px; margin:0 23px 0 0;}
#header_02_02 p.header_tel img{ padding:0; margin:0; line-height:1%; font-size:1%;}

#header_nav {
	clear:both;
	margin:0;
	padding: 28px 21px 0px 218px;
	list-style: none;
	}
#header_nav ul {
	height: 16px;
	width:157px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#header_nav ul li {
	height: 16px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline;
	}
#header_nav li a {
	display: block;
	height: 16px;
	text-indent:-9999px;
	}

#nav01 a { background:url(../images/header_nav.jpg) 0 0 no-repeat; width: 72px; margin-right:24px; }
#nav02 a { background:url(../images/header_nav.jpg) -96px 0 no-repeat; width: 61px; }

#header_03{
	background:url(../images/index_header.jpg) 0 0 no-repeat;
	margin:0 23px 0px 22px;
	padding:0;
	height:256px;
	}

#header_03_01{
	padding:114px 0 36px 39px;
	margin:0;
	float:left;
	width:349px;
	}
	
#header_03_01 .bg_link{
	background:url(../images/index_header_bnr.jpg) 0 0 no-repeat;
	margin:0;
	padding:0;
	float:left;
	height:106px;
	width:349px;	
	}

#header_03_01_01{
	margin:0;
	padding:74px 0 0 186px;
	}		
#header_03_01_01 p.link{
	background: url(../images/icon_01.jpg) 0 0 no-repeat;
	margin:0;
	padding:0px 0 0 15px;
	color:#047391;
	font-size:1.166em;
	line-height:1.75em;
	text-align:left;
	}			
/*----------04  Navigation -----------*/
#nav {
	width: 231px;
	float: left;
	padding: 0;
	margin:0;
	}

#nav ul{
	padding: 6px 7px 5px 6px;
	margin: 0 0 3px 0;
	background:url(../images/bg_nav_cons.jpg) 0 0 no-repeat;
	width:218px;
	list-style: none;
	}
#nav li {
	margin: 0;
	padding: 0;
	width:218px;
	list-style: none;
	}

#nav .internal li {
	text-indent: -9999px;
	}

#nav .internal li a {
	display: block;
	}

#nav03 { background: url(../images/nav_cons.jpg) 0 0 no-repeat; height:37px; }
#nav04 a { background: url(../images/nav_cons.jpg) 0 -37px no-repeat; height:29px; }
#nav05 a { background: url(../images/nav_cons.jpg) 0 -66px no-repeat; height:30px; }
#nav06 a { background: url(../images/nav_cons.jpg) 0 -96px no-repeat; height:30px; }
#nav07 { background: url(../images/nav_cons.jpg) 0 -126px no-repeat; height:36px; }
#nav08 a { background: url(../images/nav_cons.jpg) 0 -162px no-repeat; height:32px; }
#nav09 a { background: url(../images/nav_cons.jpg) 0 -194px no-repeat; height:25px; }
#nav10 a { background: url(../images/nav_cons.jpg) 0 -219px no-repeat; height:32px; }
#nav11  { background: url(../images/nav_cons.jpg) 0 -251px no-repeat; height:36px; }
#nav12 a { background: url(../images/nav_cons.jpg) 0 -287px no-repeat; height:30px; }
#nav13 a { background: url(../images/nav_cons.jpg) 0 -317px no-repeat; height:37px; }

#nav04 a:hover { background: url(../images/nav_cons.jpg) -218px -37px no-repeat; }
#nav05 a:hover { background: url(../images/nav_cons.jpg) -218px -66px no-repeat; }
#nav06 a:hover { background: url(../images/nav_cons.jpg) -218px -96px no-repeat; }
#nav08 a:hover { background: url(../images/nav_cons.jpg) -218px -162px no-repeat; }
#nav09 a:hover { background: url(../images/nav_cons.jpg) -218px -194px no-repeat; }
#nav10 a:hover { background: url(../images/nav_cons.jpg) -218px -219px no-repeat; }
#nav12 a:hover { background: url(../images/nav_cons.jpg) -218px -287px no-repeat; }
#nav13 a:hover { background: url(../images/nav_cons.jpg) -218px -317px no-repeat; }

/*---------- Navigation index -----------*/

#index #nav {
	width: 231px;
	float: left;
	padding: 0;
	margin:0;
	}

#index #nav ul{
	padding: 7px 7px 4px 6px;
	margin: 0 0 3px 0;
	background:url(../images/bg_nav.jpg) 0 0 no-repeat;
	width:218px;
	list-style: none;
	}
#index #nav li {
	margin: 0;
	padding: 0;
	width:218px;
	list-style: none;
	}

#index #nav .internal li {
	text-indent: -9999px;
	}

#index #nav .internal li a {
	display: block;
	}

#index #nav03 { background: url(../images/nav.jpg) 0 0 no-repeat; height:36px; }
#index #nav04 a { background: url(../images/nav.jpg) 0 -36px no-repeat; height:29px; }
#index #nav05 a { background: url(../images/nav.jpg) 0 -65px no-repeat; height:27px; }
#index #nav06 a { background: url(../images/nav.jpg) 0 -92px no-repeat; height:33px; }
#index #nav07 { background: url(../images/nav.jpg) 0 -125px no-repeat; height:36px; }
#index #nav08 a { background: url(../images/nav.jpg) 0 -161px no-repeat; height:31px; }
#index #nav09 a { background: url(../images/nav.jpg) 0 -192px no-repeat; height:27px; }
#index #nav10 a { background: url(../images/nav.jpg) 0 -219px no-repeat; height:31px; }
#index #nav11  { background: url(../images/nav.jpg) 0 -250px no-repeat; height:36px; }
#index #nav12 a { background: url(../images/nav.jpg) 0 -286px no-repeat; height:31px; }
#index #nav13 a { background: url(../images/nav.jpg) 0 -317px no-repeat; height:37px; }

#index #nav04 a:hover { background: url(../images/nav.jpg) -218px -36px no-repeat; }
#index #nav05 a:hover { background: url(../images/nav.jpg) -218px -65px no-repeat; }
#index #nav06 a:hover { background: url(../images/nav.jpg) -218px -92px no-repeat; }
#index #nav08 a:hover { background: url(../images/nav.jpg) -218px -161px no-repeat; }
#index #nav09 a:hover { background: url(../images/nav.jpg) -218px -192px no-repeat; }
#index #nav10 a:hover { background: url(../images/nav.jpg) -218px -219px no-repeat; }
#index #nav12 a:hover { background: url(../images/nav.jpg) -218px -286px no-repeat; }
#index #nav13 a:hover { background: url(../images/nav.jpg) -218px -317px no-repeat; }

#nav p.link_top{
	background: url(../images/icon_02.jpg) 0 0 no-repeat;
	margin:0;
	padding:0px 7px 0px 18px;
	color:#047391;
	font-size:1.166em;
	line-height:1.857em;
	text-align:right;
	float:right;
	}			

#nav .bg01{ background:url(../images/nav_bg1.jpg) 0 0 repeat-y; margin:0; padding:0; text-align:left; }
#nav p.title{padding:0 0 7px 0; margin:0; line-height:1%; font-size:1%; display:block;}
#nav p.img1{padding:0 0 5px 0; margin:0; line-height:1%; font-size:1%; display:block;}
#nav .padding_l19_r19{padding:0 19px 0px 19px;}
#nav .padding_l10_r10{padding:0 10px 0px 10px;}
#nav .left{width:92px ; float:left; margin:0; padding:0; text-align:left;}
#nav .right{width:101px ; float:right; margin:0; padding:0; text-align:left;}
#nav p.text{ margin:0; padding:0 19px 6px 19px; text-align:left; }

#nav p.bt01 { width:231px; height:38px; margin:0; padding:17px 0 6px 0; clear:both; }
#nav p.bt01 a{ width:231px; height:38px; background:url(../images/nav_bt01.jpg) no-repeat 0 0; display:block; text-indent:-9999px;}
#nav p.bt01 a:hover{ background:url(../images/nav_bt01.jpg) no-repeat 0 -38px; }

#nav p.bt02 { width:231px; height:38px; margin:0; padding:0 0 17px 0; }
#nav p.bt02 a{ width:231px; height:38px; background:url(../images/nav_bt02.jpg) no-repeat 0 0; display:block; text-indent:-9999px;}
#nav p.bt02 a:hover{ background:url(../images/nav_bt02.jpg) no-repeat 0 -38px; }

#nav p.bt03 { width:211px; height:38px; margin:0; padding:0; }
#nav p.bt03 a{ width:211px; height:38px; background:url(../images/nav_bt03.jpg) no-repeat 0 0; display:block; text-indent:-9999px;}
#nav p.bt03 a:hover{ background:url(../images/nav_bt03.jpg) no-repeat 0 -38px; }

/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	height:131px;
	font-size: 100%;
	line-height:1.75em;
	text-align: left;
	color: #000;
	}
*:first-child+html #footer { font-size: 12px; } /*  for IE7 only */
* html body #footer { font-size: 12px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #f94956;
	}
#footer a:hover { text-decoration: underline; }

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#footer_01{ width:928px; margin:0; padding:0; height:27px; }
#footer_02{ width:928px; margin:0; padding:0; height:104px; background:url(../images/footer_bg.jpg) left bottom repeat-x; }
#footer_02_01{ float:left; width:307px; margin:0; padding:0; height:104px; }
#footer_02_01 p.img01{ margin:0; padding:22px 0 0 0; line-height:1%; font-size:1%; display:block; }
#footer_02_01 p.text_footer{ margin:0; padding:0 0 0 11px; line-height:1.75em; font-size:100%; }
#footer_02_02{ float:left; width:160px; margin:5px 0 0 0; padding:5px 0 0 0; }
#footer_02_02 p.img02{ margin:0; padding:24px 0 0 0; line-height:1%; font-size:1%; display:block; }
#footer_02_03{ float:right; width:461px; margin:0; padding:0; }

#footer_02_03 address { margin: 0; padding:24px 4px 31px 0; color:#3F3F3F; font-size:100%; line-height:133%; text-align:right; }
#footer_02_03 address a { color:#3F3F3F; text-decoration:none; }
#footer_02_03 address a:hover { color:#ff7f00; text-decoration:underline; }


/*---------- 06  Contents -----------*/

.section { padding: 0px 0px 0px 25px; clear:both; }
.section .section { padding: 0px 10px 0px 10px; clear:both; }

.center { text-align: center; }
.text_top { vertical-align:top; }

#content h2 {
	height: 81px;
	text-indent: -9999px;
	margin: 0 0 24px 25px;
	}
#content h3 {
	clear: both;
	height: 35px;
	text-indent: -9999px;
	margin: 0px 0 15px 0;
	}
#content h4 {
	height: 37px;
	text-indent: -9999px;
	margin:0 0 10px 0;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: normal; }

#content a { text-decoration: underline; }

a {
	color: #047391;
	outline: none;
	}
a:hover { color: #ff7f00; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}
.image {
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0;
	}
*:first-child+html .image { margin: 0 0px 0px 0; } /*  for IE7 only */
* html body .image { margin: 0 0px 0px 0; } /*  for IE6 only */

.image_l {
	float: left;
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0 12px 0 0;
	}
*:first-child+html .image_l { margin: 0 9px -6px 0; } /*  for IE7 only */
* html body .image_l { margin: 0 9px -6px 0; } /*  for IE6 only */

.image_l01 {
	float: left;
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0 12px 0 0;
	}
*:first-child+html .image_l01 { margin: 0 9px 0px 0; } /*  for IE7 only */
* html body .image_l01 { margin: 0 9px 0px 0; } /*  for IE6 only */

.image_l02 {
	float: left;
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0 12px 15px 0;
	}
*:first-child+html .image_l02 { margin: 0 9px 9px 0; } /*  for IE7 only */
* html body .image_l02 { margin: 0 9px 9px 0; } /*  for IE6 only */

.image_r {
	float: right;
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0 0 0 12px;
	}
*:first-child+html .image_ { margin: 0 0 0px 9px; } /*  for IE7 only */
* html body .image_r { margin: 0 0 0px 9px; } /*  for IE6 only */

.image_r01 {
	float: right;
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0 0 0 12px;
	}
*:first-child+html .image_r01 { margin: 0 0 -6px 9px; } /*  for IE7 only */
* html body .image_r01 { margin: 0 0 -6px 9px; } /*  for IE6 only */

.image_r02 {
	float: right;
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0 0 0 12px;
	}
*:first-child+html .image_r02 { margin: 0 0 -9px 9px; } /*  for IE7 only */
* html body .image_r02 { margin: 0 0 -9px 9px; } /*  for IE6 only */

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) 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;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

#content ul.totop li {
	list-style: none;
	width: 100px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 14px;
	background: url(../images/to_top.png) 0 0 no-repeat;
	}
*/
#content p.totop{
	background: url(../images/totop.jpg) 505px 0 no-repeat;
	margin:20px 10px 0 0;
	padding:0px 0px 0px 15px;
	color:#047391;
	font-size:1em;
	line-height:1.75em;
	text-align:right;
	}
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: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */



#content table {
	border-collapse: collapse;
	border: 1px solid #a6a299;
	font-size: 100%;
	line-height:1.75em;
	color: #000;
	width: 607px;
	margin: 0;
	}

#content table th,
#content table td {
	padding:5px;
	border: 1px solid #a6a299;
	}

#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}


/*---------- 07  Index -----------*/
#index .section { padding: 0px 0px 0px 13px; clear:both; }
#index .ban_01{ margin:0 0 0 35px;}
#index .bg_title01{background:url(../images/index_title01.jpg) 0 0 no-repeat; height:35px; margin:0; padding:2px 0 0 0;}

#index .bg_news{
	text-indent: 0;
	height:35px; 
	margin: 0; 
	padding: 0;
}
#index .bg_title02{background:url(../images/index_title04.jpg) 0 0 no-repeat; height:33px; margin:0; padding:2px 0 0 0;}

#index .index_bg01{background:url(../images/index_bgmid.jpg) 0 0 repeat-y; margin:0; padding:0;}
#index .index_bg02{background:url(../images/index_bg.jpg) 0 0 no-repeat; height:279px; margin:0; padding:0;}
#index .index_bg03{background:url(../images/index_bg1.jpg) 0 0 no-repeat; height:210px; margin:0; padding:0;}

#index p.link01{
	background: url(../images/icon_03.jpg) 499px 0px no-repeat;
	margin:0;
	padding:5px 13px 0 10px;
	color:#047391;
	font-size:1.166em;
	line-height:1.75em;
	text-align:right;
	}
#index p.link02{
	margin:0;
	padding:0px 0 0px 3px;
	color:#047391;
	font-size:1em;
	line-height:1.916em;
	text-align:left;
	}
*:first-child+html #index p.link02{ padding: 0px 0px -8px 0px; line-height:1.6em; } /*  for IE7 only */
* html body #index p.link02{ padding: 0px 0px -8px 0px; line-height:1.6em; } /*  for IE6 only */

#index p.link03{
	background: url(../images/icon_04.jpg) 140px 0 no-repeat;
	margin:0;
	padding:0px 13px 0 157px;
	color:#047391;
	font-size:1em;
	line-height:1.5em;
	text-align:left;
	}
				
		
#index .alpha{float:left; width:316px; padding:0 0px 0 10px; margin:0;}
#index .beta{float:right; margin:0; padding:0; width:312px;}

#index .alpha1{float:left; width:340px; padding:0; margin:0 0 0 0px;}
#index .beta1{float:right; margin:0; padding:0; width:297px;}

#index p.index_img01{padding:0 0 3px 0px; margin:0; line-height:1%; font-size:1%; display:block;}
#index p.index_img02{padding:0 0 23px 0px; margin:0; line-height:1%; font-size:1%; display:block;}
#index p.index_img03{padding:0 0 10px 5px; margin:0; line-height:1%; font-size:1%; display:block;}
#index p.index_img04{padding:0 0 10px 5px; margin:0; line-height:1%; font-size:1%; display:block;}

#index p.index_text01{padding:10px 14px 10px 14px; margin:10px 0 10px 0;}
#index p.index_text02{padding:4px 0px 0px 5px; margin:0;}
#index p.index_text03{padding:6px 0px 0px 286px; margin:0;}
#index p.index_text04{padding:0px 0px 31px 66px; margin:0;}
#index p.index_text05{padding:0px 0px 0px 49px; margin:0;}
#index p.index_text06{padding:0px 0px 30px 0px; margin:0;}
#index p.index_text07{padding:0px 0px 0px 23px; margin:0;}
#index p.index_text08{padding:90px 0px 0px 25px; margin:0; line-height:1.5em;}

#index p.bt08 {  width:100px; height:36px; margin: 10px 0 0 0px; padding:0; }
#index p.bt08 a{ width:100px; height:36px; background: url(../images/index_bt02.jpg) no-repeat 0 0; display:block; text-indent:-9999px;}
#index p.bt08 a:hover{ background: url(../images/index_bt02ov.jpg) no-repeat 0 0; }


#index p.bt04 { width:305px; height:38px; margin:0 0 0 5px; padding:0; }
#index p.bt04 a{ width:305px; height:38px; background:url(../images/index_bt01.jpg) no-repeat 0 0; display:block; text-indent:-9999px;}
#index p.bt04 a:hover{ background:url(../images/index_bt01.jpg) no-repeat 0 -38px; }

#index p.roll1 { width:275px; height:58px; margin:22px 0 0 24px; padding:0; }
#index p.roll1 a{ width:275px; height:58px; display:block; }

#index p.roll2 { width:275px; height:58px; margin:0 0 0 7px; padding:0; }
#index p.roll2 a{ width:275px; height:58px; display:block;}

#index p.roll3 { width:250px; height:60px; margin:32px 0 0 40px; padding:0;}
#index p.roll3 a{ width:250px; height:60px; background:url(../images/index_text03.jpg) no-repeat 0 0; display:block;}
#index p.roll3 a:hover{ background:url(../images/index_text03.jpg) no-repeat 0 -60px; }

#index p.roll4 { width:225px; height:58px; margin:3px 0 0 6px; padding:0; }
#index p.roll4 a{ width:225px; height:58px; background:url(../images/index_text04.jpg) no-repeat 0 0; display:block;}
#index p.roll4 a:hover{ background:url(../images/index_text04.jpg) no-repeat 0 -58px; }

/*---------- 08  Clinic -----------*/
#clinic h2#title01{ background:url(../images/clinic_h2.jpg) 0 0 no-repeat; }
#clinic h3#title02{ background:url(../images/clinic_h3-01.jpg) 0 0 no-repeat; }
#clinic h3#title03{ background:url(../images/clinic_h3-02.jpg) 0 0 no-repeat; }
#clinic h4#title04{ background:url(../images/clinic_h4-01.jpg) 0 0 no-repeat; }
#clinic h4#title05{ background:url(../images/clinic_h4-02.jpg) 0 0 no-repeat; }
#clinic h4#title06{ background:url(../images/clinic_h4-03.jpg) 0 0 no-repeat; }
#clinic h4#title07{ background:url(../images/clinic_h4-04.jpg) 0 0 no-repeat; }

#clinic .image_c {
	border: 1px solid #d0c8b4;
	background-color:#fff;
	padding:1px;
	line-height:1%;
	margin:0 143px 0 144px;
	}
*:first-child+html #clinic .image_c { margin:0 143px 0 144px; } /*  for IE7 only */
* html body #clinic .image_c { margin:0 143px 0 144px; } /*  for IE6 only */

/*---------- 09  Member -----------*/
#member h2#title01{ background:url(../images/member_h2.jpg) 0 0 no-repeat; }
#member h3#title02{ background:url(../images/member_h3-01.jpg) 0 0 no-repeat; }
#member h4#title03{ background:url(../images/member_h4-01.jpg) 0 0 no-repeat; }
#member h3#title04{ background:url(../images/member_h3-02.jpg) 0 0 no-repeat; }

#member p.icon01{
	background: url(../images/icon_05.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:3px 0px 0 25px;
	color:#047391;
	font-size:1.2em;
	line-height:1.7em;
	font-weight:bold;
	text-align:left;
	}

#member dl.group1 { width:385px; padding:0; margin:0; text-align:left; display: block; }
#member dl.group1 dt{ padding:0; margin:0; float:left; width:70px; text-align:left;  font-size:1em; line-height:1.75em;}
#member dl.group1 dd{ margin: 0; padding:0; float:right; width:315px; font-size:1em; line-height:1.75em;}
.right1{float:right; width:385px; margin:0; padding:0;}
#member .alpha{float:left; margin:0; padding:0; width:204px;}
#member .beta{float:right; margin:0; padding:0; width:204px;}

#member .caption {
	border: 1px solid #a6a299;
	font-size: 100%;
	line-height:1.75em;
	color: #000;
	margin: 0px 0 5px 0;
	padding:3px;
	text-align:center;
	background:#fae3b0;
	}

/*---------- 10  Concept -----------*/
#concept h2#title01{ background:url(../images/concept_h2.jpg) 0 0 no-repeat; }
#concept h3#title02{ background:url(../images/concept_h3-01.jpg) 0 0 no-repeat; }

#concept p.q{background:url(../images/q.jpg) 0 0 no-repeat;
	color:#ff8600;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.8em;
	padding:0 0 0 35px;
	margin:0 0 5px 0;
}	

#concept p.a{background:url(../images/a.jpg) 15px 0 no-repeat;
	color:#000;
	font-weight:normal;
	font-size:1em;
	line-height:1.75em;
	padding:0 0 0 45px;
	margin:0;
}	

#concept p.texta{padding:0 0 0 45px;}
/*---------- 11  Message -----------*/
#message h2#title01{ background:url(../images/message_h2.jpg) 0 0 no-repeat; }
#message h3#title02{ background:url(../images/message_h3-01.jpg) 0 0 no-repeat; }
#message h4#title03{ background:url(../images/message_h4-01.jpg) 0 0 no-repeat; }
#message h4#title04{ background:url(../images/message_h4-02.jpg) 0 0 no-repeat; }
#message h4#title05{ background:url(../images/message_h4-03.jpg) 0 0 no-repeat; }
#message h4#title06{ background:url(../images/message_h4-04.jpg) 0 0 no-repeat; }

/*---------- 12  Flow -----------*/
#flow h2#title01{ background:url(../images/flow_h2.jpg) 0 0 no-repeat; }
#flow h3#title02{ background:url(../images/flow_h3-01.jpg) 0 0 no-repeat; }
#flow h3#title03{ background:url(../images/flow_h3-02.jpg) 0 0 no-repeat; }
#flow .text01{ padding:0; margin:0 0 0 5px; color:#30860c; font-weight:bold;}

#flow p.icon02{
	background: url(../images/icon_07.jpg) 0 0 no-repeat;
	margin:0 0 5px 0;
	padding:0px 0px 0 25px;
	color:#ff7f39;
	font-size:1em;
	line-height:1.75em;
	font-weight:bold;
	text-align:left;
	}
#flow p.text_l10{padding:0 0 0 10px;}

/*---------- 13  In-charge -----------*/
#in-charge h2#title01{ background:url(../images/in-charge_h2.jpg) 0 0 no-repeat; }
#in-charge h3#title02{ background:url(../images/in-charge_h3-01.jpg) 0 0 no-repeat; }
#in-charge h4#title03{ background:url(../images/in-charge_h4-01.jpg) 0 0 no-repeat; }
#in-charge h4#title04{ background:url(../images/in-charge_h4-02.jpg) 0 0 no-repeat; }
#in-charge h4#title05{ background:url(../images/in-charge_h4-03.jpg) 0 0 no-repeat; }

#in-charge .text01{ padding:0; margin:0 0 0 5px; color:#30860c; font-weight:bold;}

/*---------- 14  Treatment -----------*/
#treatment h2#title01{ background:url(../images/treatment_h2.jpg) 0 0 no-repeat; }
#treatment h3#title02{ background:url(../images/treatment_h3-01.jpg) 0 0 no-repeat; }
#treatment h4#title03{ background:url(../images/treatment_h4-01.jpg) 0 0 no-repeat; }
#treatment h4#title04{ background:url(../images/treatment_h4-02.jpg) 0 0 no-repeat; }
#treatment h4#title05{ background:url(../images/treatment_h4-03.jpg) 0 0 no-repeat; }
#treatment h4#title06{ background:url(../images/message_h4-05.jpg) 0 0 no-repeat; }

#treatment .musiba_img{margin:0 0 0 0px;}

/*---------- 15  Lost -----------*/
#lost h2#title01{ background:url(../images/lost_h2.jpg) 0 0 no-repeat; }
#lost h3#title02{ background:url(../images/lost_h3-01.jpg) 0 0 no-repeat; }
#lost h4#title03{ background:url(../images/lost_h4-01.jpg) 0 0 no-repeat; }
#lost h4#title04{ background:url(../images/lost_h4-02.jpg) 0 0 no-repeat; }
#lost h4#title05{ background:url(../images/lost_h4-03.jpg) 0 0 no-repeat; }

#lost table {
	border-collapse: collapse;
	border: 1px solid #a6a299;
	font-size: 100%;
	line-height:1.75em;
	color: #000;
	width: 587px;
	margin: 0;
	}

#lost table th,
#lost table td {
	padding:5px;
	border: 1px solid #a6a299;
	}

/*---------- 16  Recruit -----------*/
#recruit h2#title01{ background:url(../images/recruit_h2.jpg) 0 0 no-repeat; }
#recruit h3#title02{ background:url(../images/recruit_h3-01.jpg) 0 0 no-repeat; }

.margin_0{margin:0; padding:0;}
.margin_b16{margin-bottom:16px;}
.margin_b10{margin-bottom:10px;}
.margin_b5{margin-bottom:5px;}
.margin_b21{margin-bottom:21px;}
.margin_b23{margin-bottom:23px;}
.margin_b30{margin-bottom:30px;}
.margin_t10{margin-top:10px;}
.margin_t23{margin-top:23px;}
.padding_l10_r10{padding:0 10px 0px 10px; clear:both;}
.padding_l40_r40{padding:0 40px 0px 40px; clear:both;}
.padding_b8{padding-bottom:8px;}

.w_100{width:100px;}
.w_70{width:70px;}
.w_399{width:399px;}
.w_282{width:282px;}

#content ul.bullet {
	margin:0; padding: 0;
	list-style:none;
}

#content ul.bullet li{
	margin:0;
	background:url(../images/icon_08.jpg) no-repeat 0 0;
	padding:0px 0px 0px 20px;
	font-weight:normal;
}
#content p.bnr { width:601px; height:71px; margin:0px 13px 0 13px; padding:0; }
#content p.bnr a{ width:601px; height:71px; background:url(../images/banner1.jpg) no-repeat 0 0; display:block; text-indent:-9999px;}
#content p.bnr a:hover{ background:url(../images/banner1.jpg) no-repeat 0 -71px; }

#content .bg_h4{background:url(../images/bg_h4mid.jpg) 0 0 repeat-y;}
.bg_cl1{background:#feefd2;}
.bg_cl2{background:#fff; border:1px solid #70bf4f; padding:5px;}
.bg_cl3{background: url(../images/bg_flow.jpg) 0 0 repeat-x; padding:3px; margin:0 0 10px 0; }

/* lightbox group */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:hidden; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #5a5a5a; }
/* end of lightbox group */

