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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Clinic                      */
/*                 09  Concept                     */
/*                 10  Surgery                     */
/*                 11  Flow                        */
/*                 12  Wisdom-teeth                */
/*                 13  Implant                     */
/*                 14  Root                        */
/*                 15  Jaw                         */
/*                 16  Case                        */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Blue           #001e6e      */
/*        Main Color - Light Blue     #f0f6ff      */
/*        Main Color - Grey           #8e8e8e      */
/*                                                 */
/*        Sub Color  - Yellow         #f2ad00      */
/*                                                 */
/*==================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) top repeat-x #ebeef2; color:#000; font-family:"ＭＳ Ｐゴシック"; }

p img { display: block; line-height:1.0; }

#wrapper {
	width:910px;
	margin:0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 0;
	background: url(../images/main_bg.jpg) repeat-y;
}
#main01 { background:url(../images/main_bg_top.jpg) no-repeat 0 0; padding:0 15px 0 15px; }
#index #main01 { background:url(../images/main_bg_top.jpg) no-repeat 0 0; padding:0 25px 0 15px; }

#content {
	width: 630px;
	float: right;
	font-size:93%; line-height:1.667em;
	color: #000;
}
#index #content {
	width: 620px;
}


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

#header {
	background:url(../images/main_bg_c.jpg) no-repeat 5px bottom;
	height:250px;
	width:910px;
	margin: 0 0 6px 0;
	padding: 0;
}
#index #header{
	background:url(../images/index_header_bg.jpg) no-repeat 0 bottom;
	height:434px;
	margin: 0 0 3px 0;
}
h1 { width: 478px; height: 84px; line-height: 1.0; float: left; }
h1 a { margin:28px 0 0 8px; text-indent: -9999px; display: block; width: 470px; height: 56px; background: url(../images/h1.jpg) 0 0 no-repeat; }
#header .header_text { position:relative; margin:-44px 0 0 -465px; float:left; color:#666; font-size:93%; font-size:77%; color:#787878; line-height:1.5em; }

#header p.tel {
	margin:8px 55px 0 0;
	padding: 0;
	height:45px;
	float:right;
	display:inline;
	}
#header .header_shika { width:330px; height:32px; float:right; display:inline; margin:0 15px 0 0; }
#header .header_shika a{ width:330px; height:32px; display:block; text-indent:-9999px; background:url(../images/header_shika.jpg) no-repeat 0 0; }
#header .header_shika a:hover{ background:url(../images/header_shika.jpg) no-repeat 0 -32px; }

#header h2 { margin:0px 0 12px 55px; clear:both; padding-top:31px; }
#header h2 img { display:block; }
#header .img01 { margin:0 0 10px 78px; }
#header .img02 { margin:0 0 0 55px; }
#header .main_img { padding:30px 0 0 36px; clear:both; margin:0; }
/*----------04  Navigation -----------*/

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

#nav ul{ margin:0 0 11px 0; list-style: none; padding:0; height:415px; background:url(../images/nav.jpg) no-repeat 0 0; }
#nav li { margin: 0; padding: 0; list-style: none; }
#nav .internal li {	text-indent: -9999px; }
#nav .internal li a { display: block; }

#nav01, #nav02, #nav03 { height:40px; }
#nav01 a{ height:30px; background:url(../images/nav.jpg) no-repeat 0 0; }
#nav01 a:hover{ background:url(../images/nav.jpg) no-repeat -230px 0; }
#nav02 a{ height:30px; background:url(../images/nav.jpg) no-repeat 0 -40px; }
#nav02 a:hover{ background:url(../images/nav.jpg) no-repeat -230px -40px; }
#nav03 a{ height:30px; background:url(../images/nav.jpg) no-repeat 0 -80px; }
#nav03 a:hover{ background:url(../images/nav.jpg) no-repeat -230px -80px; }
#nav04 { height:40px; background:url(../images/nav.jpg) no-repeat 0 -120px; }
#nav05 { height:31px; }
#nav05 a{ height:31px; margin:0 10px; background:url(../images/nav.jpg) no-repeat -10px -160px; }
#nav05 a:hover{ background:url(../images/nav.jpg) no-repeat -240px -160px; }
#nav06, #nav07, #nav08, #nav09, #nav10, #nav11 { height:35px; }
#nav06 a{ height:35px; background:url(../images/nav.jpg) no-repeat -10px -191px; margin:0 10px; }
#nav06 a:hover{ background:url(../images/nav.jpg) no-repeat -240px -191px; }
#nav07 a{ height:35px; background:url(../images/nav.jpg) no-repeat -10px -226px; margin:0 10px; }
#nav07 a:hover{ background:url(../images/nav.jpg) no-repeat -240px -226px; }
#nav08 a{ height:35px; background:url(../images/nav.jpg) no-repeat -10px -261px; margin:0 10px; }
#nav08 a:hover{ background:url(../images/nav.jpg) no-repeat -240px -261px; }
#nav09 a{ height:35px; background:url(../images/nav.jpg) no-repeat -10px -296px; margin:0 10px; }
#nav09 a:hover{ background:url(../images/nav.jpg) no-repeat -240px -296px; }
#nav10 a{ height:35px; background:url(../images/nav.jpg) no-repeat -10px -331px; margin:0 10px; }
#nav10 a:hover{ background:url(../images/nav.jpg) no-repeat -240px -331px; }
#nav11 a{ height:35px; background:url(../images/nav.jpg) no-repeat -10px -366px; margin:0 10px; }
#nav11 a:hover{ background:url(../images/nav.jpg) no-repeat -240px -366px; }

#nav_box { width:228px; margin:0 1px; background:url(../images/nav_box_bg.jpg) repeat-y 0 0; }
#nav_box_b { background:url(../images/nav_box_bottom.jpg) no-repeat 0 bottom; padding:0 0 4px 0; }
#nav .img01 { margin:0; }
#nav dl { width:210px; margin:4px 6px 0 12px; padding:0; font-size:93%; line-height:1.5em; }
#nav dl dt{ width:60px; margin:0; padding:0; color:#012aaa; font-weight:bold; float:left; display:inline-block; }
#nav dl dd{ width:150px; margin:0; padding:0; float:left; display:inline-block; }
#nav dl dd.dd01{ margin:0 0 0 60px; display:inline; }
#nav dl dd.dd02{ margin:0 0 5px 60px; display:inline; }

#nav #map { width:210px; height:150px; margin:11px 9px; clear:both; }
#nav .nav_clinic { width:216px; margin:0 7px 0 5px; height:24px; }
#nav .nav_clinic a{ width:216px; height:24px; display:block; text-indent:-9999px; background:url(../images/nav_clinic.jpg) no-repeat 0 0; }
#nav .nav_clinic a:hover{ background:url(../images/nav_clinic.jpg) no-repeat 0 -24px; }

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

#footer {
	clear: both;
	margin: 0;
	background: #ebeef2 url(../images/footer_bg.jpg) top repeat-x;
	font-size:76.92%;
	line-height:1.4em;
	text-align: center;
	height:220px;
	color:#505050;
	}
*:first-child+html #footer { font-size:10px; } /*  for IE7 only */
* html body #footer { font-size:10px; } /*  for IE6 only */

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

#footer01 { width:840px; padding:0; margin:0 auto;  }
#footer .link01 { width:194px; margin:17px 22px 29px 0; height:60px; float:left; display:inline; }
#footer .link01 a{ width:194px; height:60px; display:block; text-indent:-9999px; background:url(../images/catherina_dental.jpg) no-repeat 0 0; }
#footer .link02 { width:194px; margin:17px 20px 29px 0; height:60px; float:left; display:inline; }
#footer .link02 a{ width:194px; height:60px; display:block; text-indent:-9999px; background:url(../images/gakukansetsu.jpg) no-repeat 0 0; }
#footer .link03 { width:194px; margin:17px 22px 29px 0; height:60px; float:left; display:inline; }
#footer .link03 a{ width:194px; height:60px; display:block; text-indent:-9999px; background:url(../images/tokyo-implant.jpg) no-repeat 0 0; }
#footer .link04 { width:194px; margin:17px 0 29px 0; height:60px; float:right; display:inline; }
#footer .link04 a{ width:194px; height:60px; display:block; text-indent:-9999px; background:url(../images/kenmeikai.jpg) no-repeat 0 0; }
#footer .link05 { width:194px; margin:17px 0 29px 0; height:60px; float:left; display:inline; }
#footer .link05 a{ width:194px; height:60px; display:block; text-indent:-9999px; background:url(../images/natori-shika.jpg) no-repeat 0 0; }

#footer02 { width:910px; margin:0 auto;}
#footer .tel { width:270px; height:55px; float:left; margin:0px 0 0 9px; display:inline; padding:13px 0 0 0; }
#footer .shika { width:563px; height:72px; margin:0 35px 0 0; float:right; display:inline; }
#footer .shika a{ width:563px; height:72px; display:block; text-indent:-9999px; background:url(../images/footer_shika.jpg) no-repeat 0 0; }
#footer .shika a:hover{ background:url(../images/footer_shika.jpg) no-repeat 0 -72px; }
#footer address { margin:0 auto; padding:14px 0 0 0; clear:both; }
* html body #footer address {  padding:15px 0 0 0;  } /*  for IE6 only */

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

.section { padding: .5em 0 1em 0; }
.section .section { padding: .5em 10px 1em 10px; background:#f0f6ff; border:1px solid #dfe3ea; }

.center { text-align: center; }

#content h2 {
	height:55px;
	margin:13px 0 5px 0;
	line-height:1.0;
	}
#content h2 img{ display:block; }
#content h3 {
	clear: both;
	height: 31px;
	text-indent: -9999px;
	margin:0 0 10px 0;
}
#content h4 {
	height: 28px;
	text-indent: -9999px;
	margin:0 0 8px 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: bold; }

#content a { text-decoration: underline; }

a {
	color: #000;
	outline: none;
	}
a:hover { color: #012aaa; }

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

.image_l  {
	float: left;
	margin: 0 20px 0 0;
	}
.image_l01  {
	float: left;
	margin: 0 39px 0 0;
	}
.image_l_b  {
	float:left;
	margin: 0px 15px 12px 0px;
	padding-top:4px;
	display:inline;
}
*:first-child+html .image_l_b { margin: 0px 15px 0px 0px; padding-bottom:6px; } /*  for IE7 only */
*html body .image_l_b { margin:0px 12px 0px 0px; padding-bottom:6px; } /*  for IE6 only */
.image_r {
	float: right;
	margin: 0 0 0 0px;
	}
.image_r_b  {
	float: right;
	padding:4px 0px 6px 15px;
	display:inline;
	margin:0;
}
*:first-child+html .image_r_b { padding:4px 0px 0px 15px; } /*  for IE7 only */
*html body .image_r_b { padding:4px 0px 0px 12px; } /*  for IE6 only */

.image_r_b01  {
	float: right;
	padding:4px 0px 0px 15px;
	display:inline;
	margin:0;
}
*:first-child+html .image_r_b01 { padding:4px 0px 0px 15px; } /*  for IE7 only */
*html body .image_r_b01 { padding:4px 0px 0px 12px; } /*  for IE6 only */

.case {
	background: url(../images/arrow.jpg) 175px 48px 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;
	font-size:91.67%; color:#666; line-height:1.42em;
}


#content ul.totop {
	clear: both;
	height:38px;
	margin:0;
}

#content ul.totop li {
	list-style: none;
	width: 140px;
	height: 38px;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 18px;
	background: url(../images/totop.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: 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-spacing: 1px;
	border: 1px solid #dfe3ea;
	font-size: 100%;
	width: 100%;
	line-height:1.667em;
	margin:0;
	}

#content table th,
#content table td {
	padding: 5px 10px;
	border: 1px solid #dfe3ea;
	}
#content table td.td_top { vertical-align:top; }

#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
	}

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

.text_red { color:#D30000; }

.pad_bthe { padding-top:.5em; padding-bottom:.5em; }
.mar_be { margin-bottom:1em; }
.mar_b2e { margin-bottom:2em; }
.mar_beh { margin-bottom:1.5em; }
.mar_bhe { margin-bottom:.5em; }
.mar_b0 { margin:6px 0 0 0; }
.mar_0 { margin:0 0 6px 0; }
.mar_b4 { margin:0 0 4px 0; }
.mar_b15 { margin-bottom:15px; }
.bg01 { background:#f0f6ff; }
.bg02 { background:#9ec5ff; }
.bg03 { background:#fff5dc; }
.bg04 { background:#f6d173; }
.w100 { width:100px; }
.w60p { width:60%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w150 { width:150px; }
.w490 { width:490px; margin:0 0 0 48px; }
.w590 { width:588px; margin:0 5px; }
.img_c { margin:0 auto; text-align:center; }
.text_b { font-weight:bold; }
.img0 { margin:0; }
.text_c { text-align:center; }
.text_r { text-align:right; }
.mar_lr10 { margin-left:10px; margin-right:10px; }

.case_bg td {
  background:#fff;
 }
.case_bg td.c01{
  background:#789efb;
	}

/*---------- 07  Index -----------*/
.index01 { width:610px; margin:10px 5px 17px 5px; background:url(../images/index11.jpg) no-repeat right 33px; }
.pad01 { padding:0 55px 10px 5px; }
.index_surgery { width:570px; height:39px; margin:0 0 0 30px; }
.index_surgery a{ width:570px; height:39px; display:block; text-indent:-9999px; background:url(../images/index_surgery.jpg) no-repeat 0 0; }
.index_surgery a:hover{ background:url(../images/index_surgery.jpg) no-repeat 0 -39px; }

.box01 { background:url(../images/box01_bg.jpg) repeat-y 0 0; }
.box01_bottom { background:url(../images/box01_bottom.jpg) no-repeat 0 bottom; padding:0 0 8px 0; }
.index_c { width:539px; margin:4px 49px 12px 32px; }
.index_img01 { width:71px; background:url(../images/arrow_h01.jpg) no-repeat 50px 65px; float:left; margin:0; }
.index_img02 { width:42px;float:right; margin:0; }
.index_flow { width:570px; margin:0 32px 6px 18px; height:39px; clear:both; }
.index_flow a{ width:570px; height:39px; display:block; text-indent:-9999px; background:url(../images/index_flow.jpg) no-repeat; }
.index_flow a:hover{ background:url(../images/index_flow.jpg) no-repeat 0 -39px; }
.box02 { background:#b2b2b2; padding:5px; }
.box02_c { background:#fff; padding:8px 10px 3px 10px; }
#content dl.dl01 { width:590px; margin:0; padding:0; }
#content dl.dl01 dt{ width:90px; margin:0; padding:0 0 2px 0; float:left; display:inline-block; font-weight:normal; }
#content dl.dl01 dd{ width:500px; margin:0; padding:0 0 2px 0; float:left; display:inline-block; text-decoration:underline; }
#content dl.dl01 dd a{ text-decoration:underline; }
.index02 { padding:0 7px; margin:0 0 15px 0; }

#index #content h3#title02 { margin:0 0 6px 0; height:35px; text-indent:0; }
#index #content h3#title02 img{ display:block; }
#index #content h3#title03 { margin:0 0 4px 0; height:25px; text-indent:0; }
#index #content h3#title03 img{ display:block; }
#index #content h3#title04 { margin:0 -7px 7px -7px; height:31px; text-indent:0; }
#index #content h3#title04 img{ display:block; }
.contact { width:630px; margin:0px 0 15px 0; clear:both; }
/*---------- 08  Clinic --------------*/
#clinic h3#title02 { background:url(../images/clinic_h3-01.jpg) no-repeat 0 0; }
#clinic h4#title03 { background:url(../images/clinic_h4-01.jpg) no-repeat 0 0; }
.bg_w { background:#fff; padding:10px; }

/*---------- 09  Concept -------------*/
#concept h3#title02 { background:url(../images/concept_h3-01.jpg) no-repeat 0 0; }
#concept h4#title03 { background:url(../images/concept_h4-01.jpg) no-repeat 0 0; }
#concept h4#title04 { background:url(../images/concept_h4-02.jpg) no-repeat 0 0; }
#concept h3#title05 { background:url(../images/concept_h3-02.jpg) no-repeat 0 0; }
#concept h3#title06 { background:url(../images/concept_h3-03.jpg) no-repeat 0 0; }
#concept h4#title07 { background:url(../images/concept_h4-03.jpg) no-repeat 0 0; }
#concept h4#title08 { background:url(../images/concept_h4-04.jpg) no-repeat 0 0; }

/*---------- 10  Surgery -------------*/
#surgery h3#title02 { background:url(../images/surgery_h3-01.jpg) no-repeat 0 0; }
#surgery h4#title03 { background:url(../images/surgery_h4-01.jpg) no-repeat 0 0; }
#surgery h4#title04 { background:url(../images/surgery_h4-02.jpg) no-repeat 0 0; }
.bg_color01 { background:#f0f6ff; border:1px solid #d6e1f5; padding:8px 10px; }
#content ul.ul01 { width:605px; margin:0; padding:0; list-style:none; }
#content ul.ul01 li{ width:100px; margin:0; padding:0; list-style:none; float:left; background:url(../images/icon01.jpg) no-repeat 0 7px; text-indent:14px; }
#content ul.ul01 li.li01{ width:115px; float:right; text-indent:14px; }
#content ul.ul01 li.li03{ width:115px; float:right; text-indent:14px; background:none; }
#content ul.ul01 li.li02{ width:80px; }
.icon01 { margin:0; padding:0 0 0 15px; background:url(../images/icon02.jpg) no-repeat 0 4px; }
#content .icon01 a { color:#d09501; text-decoration:none;  }
#content .icon01 a:hover { color:#033df1; text-decoration:none;  }
#content ul.ul02 { margin:0; padding:0; list-style:none; }
#content ul.ul02 li{ margin:0; padding:0 0 0 14px; list-style:none; background:url(../images/icon03.jpg) no-repeat 0 7px; }

/*---------- 11  Flow ----------------*/
#flow h3#title02 { background:url(../images/flow_h3-01.jpg) no-repeat 0 0; }
#flow h4#title03 { background:url(../images/flow_h4-01.jpg) no-repeat 0 0; }
.flow01 { border-bottom:1px solid #e7e7e7; padding:0 10px 5px 10px; margin:0; }
.flow02 { padding:0 10px; margin:0; }
.flow03 { border-bottom:1px solid #e7e7e7; padding:0 10px 5px 10px; margin:0; }
.flow01_top { background:url(../images/flow_bg01.jpg) repeat-x 0 0; min-height:39px; height:auto !important; height:39px; text-align:center; font-weight:bold; line-height:39px; margin:0 -10px 10px -10px; }

/*---------- 12  Wisdom-teeth --------*/
#wisdom h3#title02 { background:url(../images/wisdom_h3-01.jpg) no-repeat 0 0; }
#wisdom h4#title03 { background:url(../images/wisdom_h4-01.jpg) no-repeat 0 0; }
#wisdom h4#title04 { background:url(../images/wisdom_h4-02.jpg) no-repeat 0 0; }
#wisdom h4#title05 { background:url(../images/wisdom_h4-03.jpg) no-repeat 0 0; }

/*---------- 13  Implant -------------*/
#implant h3#title02 { background:url(../images/implant_h3-01.jpg) no-repeat 0 0; }
#implant h4#title03 { background:url(../images/implant_h4-01.jpg) no-repeat 0 0; }
#implant h4#title04 { background:url(../images/implant_h4-02.jpg) no-repeat 0 0; }
#implant h4#title05 { background:url(../images/implant_h4-03.jpg) no-repeat 0 0; }
.text_16_yelow { font-size:16px; line-height:24px; color:#c38b00; font-weight:bold; }
.implant_link { width:630px; margin:0px 0 24px 0; clear:both; }
.implant_link a{ width:630px; height:81px; display:block; text-indent:-9999px; background:url(../images/implant_link.jpg) no-repeat 0 0; }
.implant_link a:hover{ background:url(../images/implant_link.jpg) no-repeat 0 -81px; }

/*---------- 14  Root ----------------*/
#root h3#title02 { background:url(../images/root_h3-01.jpg) no-repeat 0 0; }
#root h4#title03 { background:url(../images/root_h4-01.jpg) no-repeat 0 0; }
#root h4#title04 { background:url(../images/root_h4-02.jpg) no-repeat 0 0; }
#root h4#title05 { background:url(../images/root_h4-03.jpg) no-repeat 0 0; }

/*---------- 15  Jaw -----------------*/
#jaw h3#title02 { background:url(../images/jaw_h3-01.jpg) no-repeat 0 0; }
#jaw h4#title03 { background:url(../images/jaw_h4-01.jpg) no-repeat 0 0; }
#jaw h4#title04 { background:url(../images/jaw_h4-02.jpg) no-repeat 0 0; }
#jaw h4#title05 { background:url(../images/jaw_h4-03.jpg) no-repeat 0 0; }
#jaw h4#title06 { background:url(../images/jaw_h4-04.jpg) no-repeat 0 0; }
#jaw h3#title07 { background:url(../images/jaw_h3-02.jpg) no-repeat 0 0; }

.jaw_link { width:630px; margin:0px 0 24px 0; clear:both; }
.jaw_link a{ width:630px; height:81px; display:block; text-indent:-9999px; background:url(../images/jaw_link.jpg) no-repeat 0 0; }
.jaw_link a:hover{ background:url(../images/jaw_link.jpg) no-repeat 0 -81px; }

/*---------- 16  Case ----------------*/
#case h3#title02 { background:url(../images/case_h3-01.jpg) no-repeat 0 0; }
#case h4#title03 { background:url(../images/case_h4-01.jpg) no-repeat 0 0; }
#case h4#title04 { background:url(../images/case_h4-02.jpg) no-repeat 0 0; }
#case h3#title05 { background:url(../images/case_h3-02.jpg) no-repeat 0 0; }
#case h4#title06 { background:url(../images/case_h4-03.jpg) no-repeat 0 0; }
#case h4#title07 { background:url(../images/case_h4-04.jpg) no-repeat 0 0; }
#case h4#title08 { background:url(../images/case_h4-05.jpg) no-repeat 0 0; }
#case h4#title09 { background:url(../images/case_h4-06.jpg) no-repeat 0 0; }

#case h3#title10 { background:url(../images/case_h3-03.jpg) no-repeat 0 0; }
#case h4#title11 { background:url(../images/case_h4-07.jpg) no-repeat 0 0; }
#case h4#title12 { background:url(../images/case_h4-08.jpg) no-repeat 0 0; }

.w420 { width: 420px;}

/* 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: #000000; }
/* end of lightbox group */