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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Zirconia                    */
/*                 09  Strength                    */
/*                 10  Light                       */
/*                 11  Esthe                       */
/*                 12  Affinity                    */
/*                 13  Equipment                   */
/*                 14  Case                        */
/*                 15  Media                       */
/*                 16  Voice                       */
/*                 17  Diamond                     */
/*                 18  Company                     */
/*                 19  Staff                       */
/*                 20  Recruit                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Black          #000000      */
/*        Main Color - Light Black    #3f3f3f      */
/*        Main Color - Grey           #8c8c8c      */
/*                                                 */
/*        Sub Color  - Green          #258c71      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      83.33%              */
/*                   11px      91.67%              */
/*                   12px     100%                 */
/*                   14px     116,67%              */
/*                   16px     133.33%              */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

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



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

body { background: url(../images/body_bg.jpg) top repeat-x; color:#666; line-height:1.42em; }
p img { margin:0; padding:0; display:block; line-height:1%; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat-y;
	width: 860px;
	margin:0px auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin:0 25px 0 20px;
}

#content {
	width: 570px;
	float: right;
	margin:0px 0px 20px 0px;
	padding:0;
	display:block;
}


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

#index #header {
	background: url(../images/header_bg.jpg) 0 0 repeat-x #000;
	height:391px;
	width:850px;
	margin:0 5px 15px 5px;
	padding: 0;
	}
#header {
	background: url(../images/header_bg01.jpg) 0 0 repeat-x #000;
	height:149px;
	width:850px;
	margin:0 5px 15px 5px;
	padding: 0;
	}

#index h1 {
	text-indent: -9999px;
	width:460px;
	height:75px;
	line-height: 1.0;
	}
#index h1 a {
	display: block;
	width:460px;
	height:75px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}
h1 {
	text-indent: -9999px;
	width:460px;
	height:75px;
	line-height: 1.0;
	}
h1 a {
	display: block;
	width:460px;
	height:75px;
	background: url(../images/h1_page.jpg) 0 0 no-repeat;
	}

#index #header01 { width:818px; margin:0px 10px 16px 22px; }
#header01 { width:818px; margin:0px 10px 0px 22px; }
#header_logo { width:500px; margin:0; float:left; display:inline; }
#header_logo p { padding:10px 0px 10px 6px; color:#F0F0F0; margin:0; }
#header01 p.tel { margin:17px 0 0 0; padding:0px; float:right; display:inline; }
#header01 p.tel img { display:block; line-height:1%; }
#header02 { width:810px; margin:0px 10px 16px 30px; clear:both; }
#header02 .image_l  {
	float:left;
	margin:0;
}
#header02 .image_l img{
	display:block; margin:0; padding:0;
}
#header02 .image_r  {
	float:right;
	margin:0;
}
#header02 .image_r img{
	display:block; margin:0; padding:0;
}

#header_main { margin:0; text-align:right; float:right; }
#header_main p{ margin:0; }
#header_main p img{ margin:0; display:block; line-height:1%; }

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

#nav {
	width:220px;
	float:left;
	padding:4px 0 20px 0;
	margin:0 0 0 0px;
	display:block;
}

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

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

#nav .internal li a {
	display: block;
}
#nav01 { height:39px; background:url(../images/nav.jpg) no-repeat 0 0; display:block; }
#nav02 a { height:29px; background: url(../images/nav.jpg) 0 -39px no-repeat; }
#nav03 a { height:29px; background: url(../images/nav.jpg) 0 -68px no-repeat; }
#nav04 a { height:29px; background: url(../images/nav.jpg) 0 -97px no-repeat; }
#nav05 a { height:29px; background: url(../images/nav.jpg) 0 -126px no-repeat; }
#nav06 a { height:29px; background: url(../images/nav.jpg) 0 -155px no-repeat; }
#nav07 { height:40px; }
#nav07 a { height:30px; background: url(../images/nav.jpg) 0 -184px no-repeat; height:30px; display:block; }
#nav08 { height:50px; background:url(../images/nav.jpg) no-repeat 0 -224px; display:block; }
#nav09 a { height:29px; background: url(../images/nav.jpg) 0 -274px no-repeat; }
#nav10 a { height:29px; background: url(../images/nav.jpg) 0 -303px no-repeat; }
#nav11 a { height:29px; background: url(../images/nav.jpg) 0 -332px no-repeat; }
#nav12 { height:40px; }
#nav12 a { height:30px; background: url(../images/nav.jpg) 0 -361px no-repeat; }
#nav13 { height:50px; background:url(../images/nav.jpg) no-repeat 0 -401px; display:block; }
#nav14 a { height:29px; background: url(../images/nav.jpg) 0 -451px no-repeat; }
#nav15 a { height:29px; background: url(../images/nav.jpg) 0 -480px no-repeat; }
#nav16 a { height:29px; background: url(../images/nav.jpg) 0 -509px no-repeat; }
#nav17 a { height:30px; background: url(../images/nav_top.jpg) 0 0 no-repeat; }
#nav18 a { height:30px; background: url(../images/nav.jpg) 0 -538px no-repeat; }

#nav02 a:hover { height:29px; background: url(../images/nav.jpg) -220px -39px no-repeat; }
#nav03 a:hover { height:29px; background: url(../images/nav.jpg) -220px -68px no-repeat; }
#nav04 a:hover { height:29px; background: url(../images/nav.jpg) -220px -97px no-repeat; }
#nav05 a:hover { height:29px; background: url(../images/nav.jpg) -220px -126px no-repeat; }
#nav06 a:hover { height:29px; background: url(../images/nav.jpg) -220px -155px no-repeat; }
#nav07 a:hover { height:30px; background: url(../images/nav.jpg) -220px -184px no-repeat; height:30px; }
#nav09 a:hover { height:29px; background: url(../images/nav.jpg) -220px -274px no-repeat; }
#nav10 a:hover { height:29px; background: url(../images/nav.jpg) -220px -303px no-repeat; }
#nav11 a:hover { height:29px; background: url(../images/nav.jpg) -220px -332px no-repeat; }
#nav12 a:hover { height:30px; background: url(../images/nav.jpg) -220px -361px no-repeat; }
#nav14 a:hover { height:29px; background: url(../images/nav.jpg) -220px -451px no-repeat; }
#nav15 a:hover { height:29px; background: url(../images/nav.jpg) -220px -480px no-repeat; }
#nav16 a:hover { height:29px; background: url(../images/nav.jpg) -220px -509px no-repeat; }
#nav17 a:hover { height:30px; background: url(../images/nav_top_o.jpg) 0 0 no-repeat; }
#nav18 a:hover { height:30px; background: url(../images/nav.jpg) -220px -538px no-repeat; }

#nav p { text-align: center; margin:0 auto; }
#nav p img { text-align: center; margin:0 auto; display:block; }

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

#footer {
	clear: both;
	margin:0 5px;
	background:#000;
	height:30px;
	}
#footer a {
	text-decoration: none;
	color: #f94956;
	}
#footer a:hover { text-decoration: underline; }

#footer p.tel { float:left; margin:0; padding:0; }
#footer p.tel img { display:block; line-height:1%;}

#footer address { float:right; margin:9px 0 0 0; height:18px; width:280px; }
#footer address img { display:block; margin:0; padding:0; line-height:1%; }
/*#footer address a { background:url(../images/footer_copy.jpg) no-repeat right top; height:18px; display:block; text-indent:-9999px; }*/


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

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

.center { text-align: center; }

#content h2 {
	height: 47px;
	text-indent: -9999px;
	margin: 0 5px 15px 5px;
	padding:0;
	}
#content h3 {
	height:30px;
	text-indent: -9999px;
	font-size:100%;
	margin:0 -5px 12px -5px;
	padding:0;
	}
#content h4 {
	clear:both;
	height:20px;
	text-indent: -9999px;
	margin:0 0 1em 0;
	font-size:100%;
	padding: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: #028eaf;
	outline: none;
	}
a:hover { color: #de91a2; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}
p.imgcenter { margin:0 auto; padding:0; text-align:center; }
p.imgcenter img { margin:0 auto; padding:0; text-align:center; display:block; }
.image_l  {
	float: left;
	margin: 0 15px 0px 0;
}
.image_l_b  {
	float: left;
	margin: 0em 15px .5em 0px;
	background:#c8c8c8;
	padding:1px;
	display:inline;
}
*:first-child+html .image_l_b { margin: 0em 12px .5em 0px; } /*  for IE7 only */
*html body .image_l_b { margin: 0em 12px .5em 0px; } /*  for IE6 only */
.image_l_b img { display:block; margin:0; padding:0; line-height:1%; border:1px solid #fff; }

.image_r {
	float: right;
	margin: 0 0 0px 15px;
	}
.image_r_b  {
	float: right;
	margin: 0em 0px .5em 15px;
	background:#c8c8c8;
	padding:1px;
	display:inline;
}
*:first-child+html .image_r_b { margin: 0 0px 0 12px; } /*  for IE7 only */
*html body .image_r_b { margin: 0 0px 0 12px; } /*  for IE6 only */
.image_r_b img { display:block; margin:0; padding:0; line-height:1%; border:1px solid #fff; }

.image_r_b01  {
	float: right;
	margin: 0em 0px .5em 15px;
	background:#c8c8c8;
	padding:1px;
	display:inline;
}
*:first-child+html .image_r_b01 { margin: 0 0px .5em 12px; } /*  for IE7 only */
*html body .image_r_b01 { margin: 0 0px .5em 12px; } /*  for IE6 only */
.image_r_b01 img { display:block; margin:0; padding:0; line-height:1%; border:1px solid #fff; }

.image_b  {
	margin: 0em 0 .5em 0px;
	background:#c8c8c8;
	padding:1px;
	display:block; clear:both;
}
*:first-child+html .image_b { margin: 0em 0x 0em 0px; } /*  for IE7 only */
*html body .image_b { margin: 0em 0 0em 0px; } /*  for IE6 only */
.image_b img { display:block; margin:0; padding:0; line-height:1%; border:1px solid #fff; }

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

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

.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 5px 20px 0;
	padding:0;
}

#content ul.totop li {
	list-style: none;
	width: 100px;
	height:30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	}
#content ul.totop li a {
	display: block;
	height:30px;
	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 #c8c8c8;
	font-size:100%;
	line-height:1.42em;
	color: #666;
	width:100%;
	margin:0;
	}

#content table th,
#content table td {
	padding: 4px 10px;
	border: 1px solid #c8c8c8;
	}

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

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

.pad_l40 { padding-left:40px; margin:0 0 13px 0; }
.margin_b1hem { margin-bottom:1.5em; display:block; }
.margin_r5 { margin-right:5px; clear:both; display:inline-block; }
.margin_b0e { margin:0em 0 .5em 0; }
.margin_0 { margin:0; }
.margin_b1e { margin-bottom:1em; }
.margin_b2e { margin-bottom:2em; }
.margin_b1e_the { padding:.5em 0 1em 0; }

.w100 { width:100px; }
/*---------- 07  Index ---------------*/
#content dl.dl01 { margin:0; padding:0; list-style:none; width:570px; display:block; clear:right; }
#content dl.dl01 dt { margin:0; padding:0; list-style:none; width:60px; display:inline-block; float:left; clear:left; }
#content dl.dl01 dt img{ margin:0; display:block; line-height:1%; }
#content dl.dl01 dd { margin:0; padding:0; list-style:none; width:510px; display:inline-block; float:right; clear:right; }
#content dl.dl01 dd.dd01 a{ height:70px; background:url(../images/index_strength.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }
#content dl.dl01 dd.dd01 a:hover{ background:url(../images/index_strength.jpg) no-repeat 0 -70px; }
#content dl.dl01 dd.dd02 a{ height:75px; background:url(../images/index_light.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }
#content dl.dl01 dd.dd02 a:hover{ background:url(../images/index_light.jpg) no-repeat 0 -75px; }
#content dl.dl01 dd.dd03 a{ height:75px; background:url(../images/index_esthe.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }
#content dl.dl01 dd.dd03 a:hover{ background:url(../images/index_esthe.jpg) no-repeat 0 -75px; }
#content dl.dl01 dd.dd04 a{ height:75px; background:url(../images/index_affinity.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }
#content dl.dl01 dd.dd04 a:hover{ background:url(../images/index_affinity.jpg) no-repeat 0 -75px; }
#content dl.dl01 dd.dd05 { height:87px; }
#content dl.dl01 dd.dd05 a{ height:75px; background:url(../images/index_equipment.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }
#content dl.dl01 dd.dd05 a:hover{ background:url(../images/index_equipment.jpg) no-repeat 0 -75px; }
#content .index01 { background:url(../images/box_bg01.jpg) repeat-y 0 0; margin-bottom:34px;  margin-right:5px; }
#content .index01bg { background:url(../images/index_bg01.jpg) no-repeat left bottom; padding:0 14px 6px 14px; }
#content .index01bg p { margin:7px 0 8px 0; }
#content p.imgp { margin:0; }
#content p.imgp img { display:block; line-height:1%; }

.index02 { margin:0px; clear:both; display:inline; }
#content .alpha01 {
	background:url(../images/index_form.jpg) 0 0 no-repeat;
	width:270px;
	height:125px;
	float:left;
	cursor:pointer;
	text-align:left;
	}
#content .alpha02{
	background:url(../images/index_form.jpg) 0 -125px no-repeat;
	width:270px;
	height:125px;
	float:left;
	cursor:pointer;
	text-align:left;
	}
#content .beta01 {
	background:url(../images/index_order.jpg) 0 0 no-repeat;
	width:270px;
	height:125px;
	float:right;
	cursor:pointer;
	text-align:left;
	margin-right:5px; display:inline;
	}
#content .beta02{
	background:url(../images/index_order.jpg) 0 -125px no-repeat;
	width:270px;
	height:125px;
	float:right;
	cursor:pointer;
	text-align:left;
	margin-right:5px; display:inline;
	}
.text01 { padding:60px 85px 0px 14px; }
.text02 { padding:60px 49px 0px 14px;  }

/*---------- 08  Zirconia ------------*/
#zirconia h2#title01 { background:url(../images/zirconia_h2.jpg) no-repeat 0 0; }
#zirconia h3#title02 { background:url(../images/zirconia_h3-01.jpg) no-repeat 0 0; }
#zirconia h4#title03 { background:url(../images/zirconia_h4-01.jpg) no-repeat 0 0; }
#zirconia h4#title04 { background:url(../images/zirconia_h4-02.jpg) no-repeat 0 0; }
#zirconia h3#title05 { background:url(../images/zirconia_h3-02.jpg) no-repeat 0 0; }
#zirconia h4#title06 { background:url(../images/zirconia_h4-03.jpg) no-repeat 0 0; }
#zirconia h4#title06 a { width:50px; height:20px; text-indent:-9999px; display:block; }
#zirconia h4#title07 { background:url(../images/zirconia_h4-04.jpg) no-repeat 0 0; }
#zirconia h4#title07 a { width:50px; height:20px; text-indent:-9999px; display:block; }
#zirconia h4#title08 { background:url(../images/zirconia_h4-05.jpg) no-repeat 0 0; }
#zirconia h4#title08 a { width:65px; height:20px; text-indent:-9999px; display:block; }
#zirconia h4#title09 { background:url(../images/zirconia_h4-06.jpg) no-repeat 0 0; }
#zirconia h4#title09 a { width:105px; height:20px; text-indent:-9999px; display:block; }
#zirconia h4#title10 { background:url(../images/zirconia_h4-07.jpg) no-repeat 0 0; }
#zirconia h4#title10 a { width:88px; height:20px; text-indent:-9999px; display:block; }
/*---------- 09  Strength ------------*/
#strength h2#title01 { background:url(../images/strength_h2.jpg) no-repeat 0 0; }
#strength h3#title02 { background:url(../images/strength_h3-01.jpg) no-repeat 0 0; }
#strength h4#title03 { background:url(../images/strength_h4-01.jpg) no-repeat 0 0; }
#strength h4#title04 { background:url(../images/strength_h4-02.jpg) no-repeat 0 0; }
#content ul.bullet01 { margin:0; padding:0; list-style:none; }
#content ul.bullet01 li { margin:0; padding:1px 0 0 18px; list-style:none; background:url(../images/icon01.jpg) no-repeat 0 0; }
.module01 { background:#fbfbfb; border:1px solid #6bbd46; padding:4px 12px; }
#content ul.bullet02 { width:320px; float:right; margin:0; padding:0; list-style:none; }
#content ul.bullet02 li { margin:0; padding:1px 0 0 18px; list-style:none; background:url(../images/icon01.jpg) no-repeat 0 0; }
.module01 { background:#fbfbfb; border:1px solid #6bbd46; padding:4px 12px; }
td.text_center { text-align:center; }
.bg01 { background:#f8f8f8; }
.bg02 { background:#fdfdfd; }
.icon01 { background:url(../images/icon02.jpg) no-repeat 0px 4px; padding:0 0 0 10px; }
.icon01 a{ color:#666; }
.icon01 a:hover{ color:#268d72; }
/*---------- 10  Light ---------------*/
#light h2#title01 { background:url(../images/light_h2.jpg) no-repeat 0 0; }
#light h3#title02 { background:url(../images/light_h3-01.jpg) no-repeat 0 0; }
#light h4#title03 { background:url(../images/light_h4-01.jpg) no-repeat 0 0; }
#light h4#title04 { background:url(../images/light_h4-02.jpg) no-repeat 0 0; }
/*---------- 11  Esthe ---------------*/
#esthe h2#title01 { background:url(../images/esthe_h2.jpg) no-repeat 0 0; }
#esthe h3#title02 { background:url(../images/esthe_h3-01.jpg) no-repeat 0 0; }
#esthe h4#title03 { background:url(../images/esthe_h4-01.jpg) no-repeat 0 0; }
#esthe h4#title04 { background:url(../images/esthe_h4-02.jpg) no-repeat 0 0; }
#esthe h4#title05 { background:url(../images/esthe_h4-03.jpg) no-repeat 0 0; }
/*---------- 12  Affinity ------------*/
#affinity h2#title01 { background:url(../images/affinity_h2.jpg) no-repeat 0 0; }
#affinity h3#title02 { background:url(../images/affinity_h3-01.jpg) no-repeat 0 0; }
#affinity h4#title03 { background:url(../images/affinity_h4-01.jpg) no-repeat 0 0; }
#affinity h4#title04 { background:url(../images/affinity_h4-02.jpg) no-repeat 0 0; }
/*---------- 13  Equipment -----------*/
#equipment h2#title01 { background:url(../images/equipment_h2.jpg) no-repeat 0 0; }
#equipment h3#title02 { background:url(../images/equipment_h3-01.jpg) no-repeat 0 0; }
#equipment h4#title03 { background:url(../images/equipment_h4-01.jpg) no-repeat 0 0; }
#equipment h4#title04 { background:url(../images/equipment_h4-02.jpg) no-repeat 0 0; }
#equipment h3#title05 { background:url(../images/equipment_h3-02.jpg) no-repeat 0 0; }
/*---------- 14  Case ----------------*/
#case h2#title01 { background:url(../images/case_h2.jpg) no-repeat 0 0; }
#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; }
/*---------- 15  Media ---------------*/
#media h2#title01 { background:url(../images/media_h2.jpg) no-repeat 0 0; }
#media h3#title02 { background:url(../images/media_h3-01.jpg) no-repeat 0 0; }
#media h4#title03 { background:url(../images/media_h4-01.jpg) no-repeat 0 0; }
/*---------- 16  Voice ---------------*/
#voice h2#title01 { background:url(../images/voice_h2.jpg) no-repeat 0 0; }
#voice h3#title02 { background:url(../images/voice_h3-01.jpg) no-repeat 0 0; }
#voice h4#title03 { background:url(../images/voice_h4-01.jpg) no-repeat 0 0; }
.line01 { background:url(../images/line01.jpg) repeat-x left bottom; margin:0px; padding:.5em 0px 4px 5px; }
/*---------- 17  Diamond -------------*/ 
#diamond h2#title01 { background:url(../images/diamond_h2.jpg) no-repeat 0 0; }
#diamond h3#title02 { background:url(../images/diamond_h3-01.jpg) no-repeat 0 0; }
#diamond h4#title03 { background:url(../images/diamond_h4-01.jpg) no-repeat 0 0; }
#diamond h4#title04 { background:url(../images/diamond_h4-02.jpg) no-repeat 0 0; }
/*---------- 18  Company -------------*/
#company h2#title01 { background:url(../images/company_h2.jpg) no-repeat 0 0; }
#company h3#title02 { background:url(../images/company_h3-01.jpg) no-repeat 0 0; }
#company h3#title03 { background:url(../images/company_h3-02.jpg) no-repeat 0 0; }
#company h3#title04 { background:url(../images/company_h3-03.jpg) no-repeat 0 0; }
#company h3#title05 { background:url(../images/company_h3-05.gif) no-repeat 0 0; }


#map{
  width:550px;
  height:400px;
}


#content dl.dl02 { width:540px; margin:0 0 0 0; padding:0; list-style:none; display:block; clear:right; }
#content dl.dl02 dt { width:115px; margin:0 0 6px 0; padding:0; list-style:none; float:left; display:block; font-weight:normal; clear:left; }
#content dl.dl02 dd { width:425px; margin:0 0 6px 0; padding:0; list-style:none; float:right; display:inline; clear:right; }

#content dl.dl03 { width:280px; margin:0 0 78px 0; padding:0; list-style:none; display:inline-block; float:right; }
#content dl.dl03 dt { width:70px; margin:0 0 6px 0; padding:0; float:left; display:inline-block; font-weight:normal; }
#content dl.dl03 dd { width:210px; margin:0 0 6px 0; padding:0; float:left; display:inline-block; }
#content dl.dl03 dd.dd01 { width:210px; margin:0 0 6px 70px; padding:0; float:right; display:inline; }
.border { border:1px solid #c8c8c8; }
/*---------- 19  Staff ---------------*/
#staff h2#title01 { background:url(../images/staff_h2.jpg) no-repeat 0 0; }
#staff h3#title02 { background:url(../images/staff_h3-01.jpg) no-repeat 0 0; }
#staff h3#title03 { background:url(../images/staff_h3-02.jpg) no-repeat 0 0; }
#staff h4#title04 { background:url(../images/staff_h4-01.jpg) no-repeat 0 0; }
#staff h4#title05 { background:url(../images/staff_h4-02.jpg) no-repeat 0 0; }
#staff h4#title06 { background:url(../images/staff_h4-03.jpg) no-repeat 0 0; }
#staff h4#title07 { background:url(../images/staff_h4-04.jpg) no-repeat 0 0; }
#staff h4#title08 { background:url(../images/staff_h4-05.jpg) no-repeat 0 0; }
#staff h4#title09 { background:url(../images/staff_h4-06.jpg) no-repeat 0 0; }
#staff h4#title10 { background:url(../images/staff_h4-07.jpg) no-repeat 0 0; }
#staff h4#title11 { background:url(../images/staff_h4-08.jpg) no-repeat 0 0; }
/*---------- 20  Recruit -------------*/
#recruit h2#title01 { background:url(../images/recruit_h2.jpg) no-repeat 0 0; }
#recruit h3#title02 { background:url(../images/recruit_h3-01.jpg) no-repeat 0 0; }
#recruit h4#title03 { background:url(../images/recruit_h4-01.jpg) no-repeat 0 0; }
#recruit h4#title04 { background:url(../images/recruit_h4-02.jpg) no-repeat 0 0; }
#recruit h4#title05 { background:url(../images/recruit_h4-03.jpg) no-repeat 0 0; }
#recruit h3#title06 { background:url(../images/recruit_h3-02.jpg) no-repeat 0 0; }

/*---------- 21  Contact -------------*/
#contact h2#title01 { background:url(../images/contact_h2.jpg) no-repeat 0 0; }
#contact h3#title02 { background:url(../images/contact_h3-01.jpg) no-repeat 0 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 */