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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Company                     */
/*                 09  Consultant                  */
/*                 10  News                        */
/*                 11  Recruit                     */
/*                 12  Act-for                     */
/*                 13  Support                     */
/*                 14  Product                     */
/*                 15  Material                    */
/*                 16  Oral-care                   */
/*                 17  Payment                     */
/*                 18  Seminar                     */
/*                 19  Introduction                */
/*                 20  Voice                       */
/*                 21  Contact                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Blue           #1159c4      */
/*        Main Color - Light Blue     #b7cbeb      */
/*        Main Color - Orange         #ff6700      */
/*                                                 */
/*        Sub Color  - Gray           #3f3f3f      */
/*                                                 */
/*==================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#index{background:url(../images/body_indexbg.jpg) repeat-x top left;}
body{background:url(../images/body_bg.jpg) repeat-x top left;}
#body01{background:url(../images/footer_bg.jpg) repeat-x bottom; margin:0; padding:0;}
#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat-y;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#main {
	margin: 0;
	background: url(../images/main_bg.png) repeat-y;
	}

#content {
	width: 647px;
	float: right;
	font-size: 100%;
	line-height: 1.5em;
	background:url(../images/content_bg.jpg) no-repeat top left;
	margin:0 0 20px 0;
}

#index .content01{width:647px; margin:0 0 17px 0; padding:0;}
#index .contact01 {margin:0 15px 0 123px; padding:19px 0 0 0; width:220px; float:left; display:inline; }
#index .contact01 a{ width:220x; height:40px; background:url(../images/index_img07.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#index .contact01 a:hover{ background:url(../images/index_img07.jpg) no-repeat 0 -40px; }

.content01{width:647px; margin:0 0 15px 0; padding:0;}
.contact01 {margin:0 15px 0 123px; padding:19px 0 0 0; width:220px; float:left; display:inline; }
.contact01 a{ width:220x; height:40px; background:url(../images/index_img07.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
.contact01 a:hover{ background:url(../images/index_img07.jpg) no-repeat 0 -40px; }

#index #content_nav {
	margin:0 0 17px 0;
	padding: 0 0 0 5px;
	list-style: none;
	width: 630px;
	height: 40px;
	clear:both;
}
#index #content_nav ul{
	margin:0;
	padding:0;
	height:40px;
	width:630px;
}
#index #content_nav li {
	height: 40px;
	float: left;
	list-style:none;
	display:inline;
}
#index #content_nav li a {
	text-indent: -9999px;
	height: 40px;
	display:block;
}
#nav13 a { background:url(../images/content_nav.jpg) 0 0 no-repeat; width:178px;}
#nav14 a { background:url(../images/content_nav.jpg) -178px 0 no-repeat; width:210px;}
#nav15 a { background:url(../images/content_nav.jpg) -388px 0 no-repeat; width:140px;}
#nav16 a { background:url(../images/content_nav.jpg) -528px 0 no-repeat; width:102px;}

#nav13 a:hover { background: url(../images/content_nav.jpg) 0 -40px no-repeat;}
#nav14 a:hover { background: url(../images/content_nav.jpg) -178px -40px no-repeat;}
#nav15 a:hover { background: url(../images/content_nav.jpg) -388px -40px no-repeat;}
#nav16 a:hover { background: url(../images/content_nav.jpg) -528px -40px no-repeat;}

#content_nav {
	margin:0 0 27px 0;
	padding: 0 0 0 5px;
	list-style: none;
	width: 630px;
	height: 40px;
	clear:both;
}
#content_nav ul{
	margin:0;
	padding:0;
	height:40px;
	width:630px;
}
#content_nav li {
	height: 40px;
	float: left;
	list-style:none;
	display:inline;
}
#content_nav li a {
	text-indent: -9999px;
	height: 40px;
	display:block;
}
/*---------- 03  Header -----------*/
h1 {
	width: 200px;
	height: 112px;
	line-height: 1.0;
	padding:0 0 0 8px;
	margin-bottom:5px;
	}
h1 a {
	display: block;
	width: 200px;
	height: 112px;
	background: url(../images/logo.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

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

#nav {
	width: 213px;
	float: left;
	padding:0;
	background:url(../images/nav_bg01.jpg) top left no-repeat;
	width:212px;
	height:auto;
}
#nav .nav_bg{
	background:url(../images/nav_bg02.jpg) repeat-x top left; 
	width:200px; 
	margin:0 0 0 8px; 
	padding:5px 0 30px 0;
}
#nav ul,
#nav li {
	margin: 0;
	padding: 0 5px 0 5px;
	list-style: none;
	}

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

#nav .internal li a {display: block;}

#nav01 { background: url(../images/nav.jpg) 0 0 no-repeat; height:31px;}
#nav02 a { background: url(../images/nav.jpg) 0 -31px no-repeat; height:25px; }
#nav03{ background: url(../images/nav.jpg) 0 -56px no-repeat; height:40px;padding-bottom:15px;}
#nav03 a { background: url(../images/nav.jpg) 0 -56px no-repeat; height:25px; }
#nav04 { background: url(../images/nav.jpg) 0 -96px no-repeat; height:31px; }
#nav05 a { background: url(../images/nav.jpg) 0 -127px no-repeat; height:25px;}
#nav06 a { background: url(../images/nav.jpg) 0 -152px no-repeat; height:25px;}
#nav07 a { background: url(../images/nav.jpg) 0 -177px no-repeat; height:25px;}
#nav08 { background: url(../images/nav.jpg) 0 -202px no-repeat; height:40px;padding-bottom:15px;}
#nav08 a { background: url(../images/nav.jpg) 0 -202px no-repeat; height:25px; }
#nav09 a { background: url(../images/nav.jpg) 0 -242px no-repeat; height:25px;}
#nav10 a { background: url(../images/nav.jpg) 0 -267px no-repeat; height:25px;}
#nav11 a { background: url(../images/nav.jpg) 0 -292px no-repeat; height:25px;}
#nav12 a { background: url(../images/nav.jpg) 0 -317px no-repeat; height:25px; margin-bottom:20px;}



#nav02 a:hover { background: url(../images/nav.jpg) -190px -31px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -190px -56px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -190px -127px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -190px -152px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -190px -177px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -190px -202px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -190px -242px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -190px -267px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -190px -292px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -190px -317px no-repeat; }



#nav p { text-align: center; }

#nav p.contact {margin:0 0 10px 0; padding:0 5px 0 5px; }
#nav p.contact a{ width:190x; height:80px; background:url(../images/index_img01.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#nav p.contact a:hover{ background:url(../images/index_img01.jpg) no-repeat 0 -80px; }

/*---------- 05  Footer -----------*/
#footer {
	clear: both;
	padding:0 0 0 0;
	margin: 0 0 0 5px;
	width:854px;
	height:150px;
	background: url(../images/footer_bg.jpg) bottom left repeat-x;
}
#footer_01{width:854px; margin:0; padding:0;}
#footer_02{width:854px; padding:0; margin:0; }
#footer_01_01{float:left; background:url(../images/footer_bg01.jpg) no-repeat 0 0; margin:1px 0 0 0; padding:2px 0 0px 2px; width:504px; height:104px;}
#footer_01_01_01{float:left; width:200px; margin:0 16px 0 0; padding:0;}
#footer_01_01_02{float:left; width:274px; margin:7px 0 0 0; padding:0;}

#footer_01_02{float:right; width:332px; margin:0; padding:0;}
#footer .contact02 {margin:0; padding:0; }
#footer .contact02 a{ width:332x; height:104px; background:url(../images/footer_img04.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#footer .contact02 a:hover{ background:url(../images/footer_img04.jpg) no-repeat 0 -104px; }
#footer address { padding:15px 0 0px 0; margin:0; text-align:center; clear:both;}

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

.section { padding: 0 10px 0 10px; clear:both; }
.sr_section { padding: 0 10px 0 10px; margin-top:-10px;}
*:first-child+html .sr_section { padding: 0 10px 0 10px; margin-top:-10px; margin-bottom:20px;}
* html .sr_section { padding: 0 10px 0 10px; margin-top:-10px; margin-bottom:20px;}
.section .section { padding: 0 10px 0 10px; clear:both; }

.center { text-align: center; }

#content h2 {
	clear:both;
	height: 41px;
	text-indent: -9999px;
	margin: 0 0 20px 0;
	padding:0;
	}
#content h3 {
	clear: both;
	height: 30px;
	text-indent: -9999px;
	margin:0 -10px 12px -10px;
	}
#content h4 {
	height: 22px;
	text-indent: -9999px;
	margin:0 0 12px -10px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	color:#ff6700;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	line-height:1.7em;
	background:url(../images/icon01.jpg) no-repeat 0 4px ;
	clear:both;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 4px no-repeat;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }


a {color: #2871c3;outline: none; text-decoration:none;}
a:hover { color: #2871c3; text-decoration:underline; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}
table#ta1 tr td.img {text-align:center; vertical-align:middle;}
.img_vc{margin:0; padding:0; line-height:1%; text-align:center; vertical-align:middle;}
.image_l {float: left;margin:3px 10px 0 0; padding:0; line-height:1%;}
*:first-child+html .image_l { margin:3px 7px 0 0; } /*  for IE7 only */
* html body .image_l { margin:3px 7px 0 0; } /*  for IE6 only */

.image_r {float: right;margin: 0; padding:0 5px 0 0; line-height:1%;}
.image_r1 {float: right;margin: 3px 0 0 10px; padding:0; line-height:1%;}
*:first-child+html .image_r1 { margin: 3px 0 -6px 7px; } /*  for IE7 only */
* html body .image_r1 { margin: 3px 0 -6px 7px; } /*  for IE6 only */
.image_r2 {float: right;margin: 3px 0 0 10px; padding:0; line-height:1%;}

.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:10px 10px 20px 0;
	margin:0;
	}

#content ul.totop li {
	list-style: none;
	width: 108px;
	height: 18px;
	line-height:1%;
	font-size:1%;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float:right;
	}
	
#content ul.totop li a {
	display: block;
	height: 18px;
	background: url(../images/top.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;

	font-size: 100%;
	width:100%;
	color:#666;
}

#content table th,
#content table td {
	padding:5px;
	border: 1px solid #0047ba;
	vertical-align:top;
	color:#666;
	}
	
#content table td.img {
	padding:5px;
	border: 1px solid #0047ba;
	vertical-align:middle;
	color:#666;
	}

#content table th {
	background: #0047ba;
	color: #FFFFFF;
	vertical-align: middle;

	
}

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

.alpha { float: left; }
.beta { float: right; }


/*---------- 07  Index -----------*/
.mainimg_bg{background:url(../images/index_mainimg_bg.jpg) no-repeat top left; margin:0 0 12px ; padding:277px 0 0 0;}
#index .index_01{
	width:614px;
	margin:0 0 18px 0;
	background:#f0f0f0;
	padding:0;
	overflow-y:scroll;
	overflow-x: hidden;
	height:80px;
}
#index .index_01_01{background:url(../images/index_img09.jpg) no-repeat 0 0; margin:0; padding:0; width:614px; height:30px;}
#index .index_01_02{background:url(../images/index_img10.jpg) no-repeat 0 0; margin:0; padding:0; width:614px; height:34px;}

#index .index_bg01{background:url(../images/index_img20.jpg) no-repeat top left; margin:0; padding:13px 0 0 0;}
#index .index_bg02{background:url(../images/index_img21.jpg) repeat-y top left; margin:0; padding:0;}
#index .index_bg03{background:url(../images/index_img22.jpg) no-repeat bottom left; margin:0; padding:0 0 10px 0;}

#index .alpha{float:left; margin:0 19px 0 0; padding:0; width:295px;}
#index .beta{float:left; margin:0; padding:0; width:295px}

#index .product {margin:0 0 12px 60px; padding:4px 0 0 0;}
#index .product a{ width:230x; height:15px; background:url(../images/index_img16.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#index .product a:hover{ background:url(../images/index_img16.jpg) no-repeat 0 -15px; }

#index .material {margin:0 0 12px 56px; padding:4px 0 0 0;}
#index .material a{ width:235x; height:15px; background:url(../images/index_img17.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#index .material a:hover{ background:url(../images/index_img17.jpg) no-repeat 0 -15px; }

#index .oral-care {margin:0 0 7px 63px; padding:4px 0 0 0;}
#index .oral-care a{ width:230x; height:15px; background:url(../images/index_img18.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#index .oral-care a:hover{ background:url(../images/index_img18.jpg) no-repeat 0 -15px; }

#index .seminar {margin:0 0 7px 83px; padding:4px 0 0 0;}
#index .seminar a{ width:235x; height:15px; background:url(../images/index_img19.jpg) no-repeat 0 0; display:block; text-indent:-9999px; line-height:1%; font-size:1%;}
#index .seminar a:hover{ background:url(../images/index_img19.jpg) no-repeat 0 -15px; }

#index h3#title01{background:url(../images/top_h3-01.jpg) no-repeat 0 0;}

/*---------- 08  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;}

/*---------- 09  Consultant -----------*/
#consultant h2#title01{background:url(../images/consultant_h2.jpg) no-repeat 0 0;}
#consultant h3#title02{background:url(../images/consultant_h3-01.jpg) no-repeat 0 0;}
#consultant h4#title03{background:url(../images/consultant_h4-01.jpg) no-repeat 0 0;}
#consultant h4#title04{background:url(../images/consultant_h4-02.jpg) no-repeat 0 0;}
#consultant h4#title05{background:url(../images/consultant_h4-03.jpg) no-repeat 0 0;}

#consultant .photo p { margin-right: 5px; }

.fsize {
  font-size: 10px;
}

.bold2 {
  font-weight: bold;
  font-size: 10px;
}
s	
/*---------- 10  News -----------*/
#news h2#title01{background:url(../images/news_h2.jpg) no-repeat 0 0;}
#news h3#title02{background:url(../images/news_h3-01.jpg) no-repeat 0 0;}
#news h4#title03{background:url(../images/news_h4-01.jpg) no-repeat 0 0;}

/*---------- 11  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_bg01{background:url(../images/recruit_bg01.jpg) no-repeat top left; margin:0; padding:16px 0 0 0; width:319px;}
.recruit_bg02{background:url(../images/recruit_bg02.jpg) repeat-y top left; margin:0 0 10px 0; padding:0; width:319px;}
.recruit_bg03{background:url(../images/recruit_bg03.jpg) no-repeat bottom left; margin:0; padding:0 0 15px 25px; color:#ff6700; font-weight:bold;}

#recruit #ban01 {
    width: 280px;
		height: 97px;
		text-indent: -9999px;
		margin-top: 33px;
		}
#recruit #ban01 a {
    height: 97px;
		display: block;
		background: url(../images/recruit_ban01.jpg) 0 0 no-repeat;
		}
#recruit #ban01 a:hover { background: url(../images/recruit_ban01.jpg) 0 -97px no-repeat; }


/*---------- 12  Act-for -----------*/
#act-for h2#title01{background:url(../images/act-for_h2.jpg) no-repeat 0 0;}
#act-for h3#title02{background:url(../images/act-for_h3-01.jpg) no-repeat 0 0;}
#act-for h3#title03{background:url(../images/act-for_h3-02.jpg) no-repeat 0 0;}
#act-for h3#title04{background:url(../images/act-for_h3-03.jpg) no-repeat 0 0;}

#act-for .alpha{float:left; margin:0 ; padding:3px 0 0 0; width:210px;}
#act-for .beta{float:right; margin:0 ; padding:0; width:400px;}

#act-for ul.icon{margin:0; padding:0;}
#act-for ul.icon li{list-style:none; background:url(../images/icon02.jpg) 0 5px no-repeat; margin:0; padding:0 0 0 12px;}

/*---------- 13  Support -----------*/
#support h2#title01{background:url(../images/support_h2.jpg) no-repeat 0 0;}
#support h3#title02{background:url(../images/support_h3-01.jpg) no-repeat 0 0;}
#support h3#title03{background:url(../images/support_h3-02.jpg) no-repeat 0 0;}

/*---------- 14  Product -----------*/
#product h2#title01{background:url(../images/product_h2.jpg) no-repeat 0 0;}
#product h3#title02{background:url(../images/product_h3-01.jpg) no-repeat 0 0;}

/*---------- 15  Material -----------*/
#material h2#title01{background:url(../images/material_h2.jpg) no-repeat 0 0;}
#material h3#title02{background:url(../images/material_h3-01.jpg) no-repeat 0 0;}
#material h4#title03{background:url(../images/material_h4-01.jpg) no-repeat 0 0;}
#material h4#title04{background:url(../images/material_h4-02.jpg) no-repeat 0 0;}

#material .alpha{width:220px; float:left; margin:0; padding:0;}
#material .beta{width:372px; float:left; margin:0; padding:0;}

#material ul.icon{margin:0 0 10px 0; padding:0;}
#material ul.icon li{list-style:none; background:url(../images/icon02.jpg) 0 5px no-repeat; margin:0; padding:0 0 0 12px;}

/*---------- 16  Oral-care -----------*/
#oral-care h2#title01{background:url(../images/oral-care_h2.jpg) no-repeat 0 0;}
#oral-care h3#title02{background:url(../images/oral-care_h3-01.jpg) no-repeat 0 0;}
#oral-care h4#title03{background:url(../images/oral-care_h4-01.jpg) no-repeat 0 0;}
#oral-care h4#title04{background:url(../images/oral-care_h4-02.jpg) no-repeat 0 0;}
#oral-care h4#title05{background:url(../images/oral-care_h4-03.jpg) no-repeat 0 0;}
#oral-care h4#title06{background:url(../images/oral-care_h4-04.jpg) no-repeat 0 0;}

/*---------- 17  Payment -----------*/
#payment h2#title01{background:url(../images/payment_h2.jpg) no-repeat 0 0;}
#payment h3#title02{background:url(../images/payment_h3-01.jpg) no-repeat 0 0;}
#payment h4#title03{background:url(../images/payment_h4-01.jpg) no-repeat 0 0;}
#payment h4#title04{background:url(../images/payment_h4-02.jpg) no-repeat 0 0;}

.payment_bg{
	border:1px solid #fcc65a;
	background:#ffe6c5;
	width:178px;
	padding:0 10px 0 10px;
	font-weight:bold;
}
*:first-child+html .payment_bg { width:178px; } /*  for IE7 only */
* html body .payment_bg { width:200px; } /*  for IE6 only */

.payment_bg01{background:url(../images/recruit_bg01.jpg) no-repeat top left; margin:0; padding:16px 0 0 0; width:319px;}
.payment_bg02{background:url(../images/recruit_bg02.jpg) repeat-y top left; margin:0 0 10px 0; padding:0; width:319px;}
.payment_bg03{background:url(../images/recruit_bg03.jpg) no-repeat bottom left; margin:0; padding:0 0 15px 25px; color:#ff6700; font-weight:bold;}

#payment #content table th {width: 140px;}

#payment #content table td.card_title {
    background: #999;
		color: #333;
}


/* 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 */

/*---------- 18  Seminar -----------*/
#seminar h2#title01{background:url(../images/seminar_h2.jpg) no-repeat 0 0;}
#seminar h3#title02{background:url(../images/seminar_h3-01.jpg) no-repeat 0 0;}
#seminar h3#title03{background:url(../images/seminar_h3-02.jpg) no-repeat 0 0;}
#seminar h4#title04{background:url(../images/seminar_h4-01.jpg) no-repeat 0 0;}
#seminar h4#title05{background:url(../images/seminar_h4-02.jpg) no-repeat 0 0;}
#seminar h3#title06{background:url(../images/seminar_h3-03.jpg) no-repeat 0 0;}
#seminar h3#title07{background:url(../images/seminar_h3-04.jpg) no-repeat 0 0;}

#seminar ul.icon{margin:0; padding:0;}
#seminar ul.icon li{list-style:none; background:url(../images/icon02.jpg) 0 5px no-repeat; margin:0; padding:0 0 0 12px;}

#seminar #ban01 {
    width: 404px;
		height: 61px;
		text-indent: -9999px;
		margin-left: 110px;
		}
#seminar #ban01 a {
    height: 61px;
		display: block;
		background: url(../images/seminar_ban01.jpg) 0 0 no-repeat;
		}
#seminar #ban01 a:hover { background: url(../images/seminar_ban01.jpg) 0 -61px no-repeat; }


#seminar #sr_brn01 {
    	width: 200px;
		height: 60px;
		text-indent: -9999px;
		float:left;
		margin-top:0px;
		margin-bottom:20px;
		}
		
		
		
#seminar #sr_brn01 a {
    	height: 60px;
		display: block;
		background: url(../images/button01.jpg) 0 0 no-repeat;
		}
#seminar #sr_brn01 a:hover { background: url(../images/button01_o.jpg)  no-repeat; }

#seminar #sr_brn02 {
    	width: 200px;
		height: 60px;
		text-indent: -9999px;
		float:left;
		margin-left: 10px;
		margin-top:0px;
		margin-bottom:20px;
		}
#seminar #sr_brn02 a {
    	height: 60px;
		display: block;
		background: url(../images/button02.jpg) 0 0 no-repeat;
		}
#seminar #sr_brn02 a:hover { background: url(../images/button02_o.jpg) no-repeat; }

/*---------- 19  Introduction -----------*/
#introduction h2#title01{background:url(../images/introduction_h2.jpg) no-repeat 0 0;}
#introduction h3#title02{background:url(../images/introduction_h3-01.jpg) no-repeat 0 0;}

/*---------- 20  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;}

/*---------- 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;}

/*---------- Margin - Padding -----------*/
.margin0{margin:0;}
.margin_b3{margin-bottom:3px;}
.margin_b5{margin-bottom:5px;}
.margin_b7{margin-bottom:7px;}
.margin_b10{margin-bottom:10px;}
.margin_b12{margin-bottom:12px;}
.margin_b15{margin-bottom:15px;}
.margin_b20{margin-bottom:20px;}
.margin_b28{margin-bottom:28px;}
.margin_b30{margin-bottom:30px;}
.margin_b32{margin-bottom:32px;}
.margin_b35{margin-bottom:35px;}
.margin_vb{vertical-align:bottom;}
.margin_t18{margin-top:18px;}
.margin_t150{margin-top:150px;}
.margin_l4{margin-left:4px;}
.margin_l11{margin:0 0 0 11px;}
.margin_l13{margin-left:13px;}
.margin_l15{margin-left:15px;}
.padding_l31r35{padding:0 35px 34px 31px;}
.padding_r10b20{padding:0 20px 20px 0;}
.text00{margin:0; padding:0;}
.text01{color:#246eb8; font-weight:bold; margin:0; padding:12px 0 0 25px;}
.text02{color:#8d7951; margin:0; padding:20px 0 0 267px; float:left;}
.text03{margin:0; padding:0 27px 0 0; float:right;}
.text04{margin:0; padding:4px 0 0 0;}
.text05{text-align:right; font-weight:bold; margin:0; padding:0 0 3px 0;}
.text06{margin:0 0 20px 0; padding:0;}
.text_red{color:#FF0000;}
.text_blue{color:#2871c3;}
.text07{color:#666;}
.text_b{font-size:16px;}

.bg01{background:#e9eff9; margin:0; padding:0;}
.w10{width:10px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}


#tiny {
  width: 620px;
}

.orange{color:#e46c0a;}

.fl_l { 
	float: left;
	margin: 6px 0 10px 10px;
	padding-bottom: 10px;}
.fl_l01 { float: left; display: block;}

.sr_brn a{
   display:block;
   width: 600px;
   height:119px;
   background:url(../images/banner_01.jpg) 0 0 no-repeat;
   outline:none;
	float:left;
	margin-left: 20px;
	margin-bottom: 30px;
	
   text-indent:-9999px;
}

.sr_brn a:hover{
   background:url(../images/banner_01_o.jpg) 0 0 no-repeat;
}

.banner_02{ margin-left:5px;}


#nav p.nav_brn01 {margin:0 0 140px 0;_margin:0 0 -10px 0; padding:0 5px 0 5px; }


#nav p.nav_brn01 a{
 	display:block;
   width: 190px;
   height:120px;
   background:url(../images/nav_bnr01.jpg) 0 0 no-repeat;
	float:left;
	margin-bottom: 10px;
   text-indent:-9999px;

}


#nav p.nav_brn01 a:hover{
   background:url(../images/nav_bnr01_o.jpg) 0 0 no-repeat;

}

.dr01 {
margin-bottom:20px;
width:280px;
float:left;}

*html .dr01 {
width:265px;
margin-left:5px;
}


.dr02 {
margin-bottom:20px;
margin-left:20px;
width:285px;
float:left;}

* html .dr02 {width:275px;}

.dr01 span, .dr02 span  {
font-size:130%;
font-weight:bold;
}