html,body {
 margin: 0;
 background-color: #FFFFFF;
 text-align: left;
 font-family: "メイリオ", "MS UI Gothic", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック",sans-serif,"Sazanami Gothic","IPA mona UIGothic";
 color: #555555;
 line-height: 1.4;
 font-size: 12px;
 background: #FFFFFF;
}

a {
 text-decoration: underline;
}

a:link {
 color: #555555;
}

a:visited {
 color: #555555;
}

a:active {
 color: #555555;
}

a:hover {
 color: #00428E;
}

h1, h2, h3, h4, br, p, span, strong {
 margin: 0;
 padding: 0;
 font-weight: normal;
}

h1#img_banner {
 width: 570px;
 height: 110px;
 position: relative;
}

h1#img_banner span {
 font-size: 20px;
 position: absolute;
 bottom: 3px;
 left: 10px;
 line-height: 1.2em;
 font-weight: bold;
 color: #FFFFFF;
}

.p {
 background: url(/image/banner/banner01.jpg) no-repeat;
  }

.p01 {
 background: url(/image/banner/banner01.jpg) no-repeat;
  }

.p02 {
 background: url(/image/banner/banner02.jpg) no-repeat;
  }

.p03 {
 background: url(/image/banner/banner03.jpg) no-repeat;
  }

.p04 {
 background: url(/image/banner/banner04.jpg) no-repeat;
  }

.p05 {
 background: url(/image/banner/banner05.jpg) no-repeat;
  }

.p06 {
 background: url(/image/banner/banner06.jpg) no-repeat;
  }

.p07 {
 background: url(/image/banner/banner07.jpg) no-repeat;
  }

.p08 {
 background: url(/image/banner/banner08.jpg) no-repeat;
  }

.p09 {
 background: url(/image/banner/banner09.jpg) no-repeat;
  }

.p10 {
 background: url(/image/banner/banner10.jpg) no-repeat;
  }

.p11 {
 background: url(/image/banner/banner11.jpg) no-repeat;
  }

.p12 {
 background: url(/image/banner/banner12.jpg) no-repeat;
  }

.p13 {
 background: url(/image/banner/banner13.jpg) no-repeat;
  }

.p14 {
 background: url(/image/banner/banner14.jpg) no-repeat;
  }

.p15 {
 background: url(/image/banner/banner15.jpg) no-repeat;
  }

img {
 border: none;
 vertical-align: top;
}

#pan {
 width: 560px;
 padding: 3px 5px 20px 5px;
 text-align: right;
}

.bar1 {
  font-size: 15px;
  width: 570px;
  height: 28px;
  background: url(/image/bar/bar1.gif) no-repeat;
  margin: 0 0 15px 0;
  line-height: 27px;
  text-indent: 28px;
  font-weight: bold;
  color: #FFFFFF;
  }

.bar2 {
  font-size: 15px;
  width: 570px;
  height: 24px;
  background: url(/image/bar/bar2.gif) no-repeat;
  margin: 0 0 15px 0;
  line-height: 22px;
  text-indent: 8px;
  font-weight: bold;
  color: #013565;
  }

#base {
 margin: 0px auto 0 auto;
 text-align: left;
 padding: 0px 0px 50px 0px;
 width: 800px;
}

#base_d {
 margin: 0px auto 0 auto;
 text-align: left;
 padding: 0px 0px 50px 0px;
 width: 580px;
}

.txt-l {
 float: left;
}

.txt-r {
 float: right;
}

.clear {
 clear: both;
 vertical-align: top;
 margin: 0;
 padding: 0;
}

/*--------- header ---------*/

#header {
  width: 800px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  }

#header #flwp {
  width: 800px;
  height: 217px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  }

#header #flash {
  width: 800px;
  height: 217px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  }

#header #flash img {
  display:none;
  position:absolute;
  top:0; left:0;
  width:800px;
}

#header #flwp img.button {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 13px;
  right: 18px;
  }

#head-top {
  width: 800px;
  height: 117px;
  background: url(/image/common/head_image.jpg) no-repeat;
  }

#header h1 {
  font-size: 12px;
  color: #FFFFFF; /* h1の色 */
  padding: 0 0 0 0;
  position: absolute;
  top: 5px;
  left: 0px;
  text-indent: 10px;
  }

#header .obi {
  width: 800px;
  background: #E5E7E6;
  padding: 5px 0;
  text-indent: 10px;
  }

#header .obi h2 {
  font-size: 12px;
  color: #676767; /* h2の色 */
  }

#header .obi strong.m2 {
  font-size: 12px;
  color: #676767; /* h2の色 */
  }

#header strong.m1 {
  font-size: 12px;
  color: #FFFFFF; /* h1の色 */
  padding: 0 0 0 0;
  position: absolute;
  top: 5px;
  left: 0px;
  text-indent: 10px;
  }

#head-top img.logo {
  width: 280px;
  height: 70px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 35px;
  left: 0px;
  }

#head-top img.mail {
  width: 30px;
  height: 20px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 63px;
  right: 20px;
  }

/***********************************/

#header_d {
  width: 580px;
  padding: 0;
  margin: 0 auto;
  }

#head-top_d {
  width: 580px;
  height: 171px;
  background: url(/image/detail/head_image_d.jpg) no-repeat;
  position: relative;
  }

#header_d h1 {
  font-size: 18px;
  color: #FFFFFF; /* h1の色 */
  padding: 0 0 0 0;
  position: absolute;
  bottom: 12px;
  left: 0px;
  text-indent: 10px;
  font-weight: bold;
  }

#head-top_d img.logo {
  width: 250px;
  height: 70px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 35px;
  left: 0px;
  }

#head-top_d img.mail {
  width: 25px;
  height: 17px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 63px;
  right: 15px;
  }

/*--------- contents ---------*/

#main {
  width: 800px;
  padding: 0;
  margin: 20px auto 0 auto;
  }

#sidemenu {
  float: left;
  width: 200px;
  padding: 0;
  margin: 0 0 0 0;
  position: relative;
  }

#contents {
  float: right;
  width: 570px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 12px;
  overflow: hidden;
  }

#contents p {
  padding-left: 5px;
  }

#contents_d {
  width: 570px;
  margin: 0 auto;
  padding: 0 0 0 0;
  font-size: 12px;
  overflow: hidden;
  }
/*--------- 防水調査無料診断 ---------*/

.freebox01 {
  width: 570px;
  margin: 0 auto 20px auto;
  }

.freebox01-cont {
  padding: 0;
  font-size: 15px;
  line-height: 1.4em;
  border-left: 1px solid #BBBBBB;
  }

.freebox01 h3 {
  background: url(/image/top/top_bar1.jpg) no-repeat;
  height: 28px;
  text-indent: -9999px;
  }

.freebox01 p {
  padding: 10px 5px 0 10px;
  }

/*--------- 新着情報 ---------*/

.whatsnew {
  width: 570px;
  margin: 0 auto 20px auto;
  }

.whatsnew-cont {
  height: 150px;
  padding: 0px 10px 15px 10px;
  overflow-x: none;
  overflow-y: scroll;
  line-height: 1.4em;
  border-left: 1px solid #BBBBBB;
  }

.whatsnew h3 {
  background: url(/image/top/top_bar2.jpg) no-repeat;
  height: 28px;
  text-indent: -9999px;
  }

.whatsnew dl {
  margin: 5px 0 0 0;
  padding: 5px 0 5px 0;
  font-size: 12px;
  border-bottom: 1px dashed #AAAAAA;
  }

.whatsnew dt {
  width: 6em;
  margin: 0;
  padding: 0;
  float: left;
  }

.whatsnew dd {
  _height: 1%; /* Hack for Win IE6 */
  margin: 0 0 0 6.5em;
  padding: 0;
  text-align: left;
  }

.whatsnew p {
  margin: 0;
  padding: 0;
  }

/*--------- ご挨拶 ---------*/

.freebox02 {
  width: 570px;
  margin: 0 auto 20px auto;
  }

.freebox02-cont {
  padding: 0;
  font-size: 15px;
  line-height: 1.4em;
  border-left: 1px solid #BBBBBB;
  }

.freebox02 h3 {
  background: url(/image/top/top_bar3.jpg) no-repeat;
  height: 8px;
  text-indent: -9999px;
  }

.freebox02 p {
  padding: 10px 5px 0 10px;
  }
.detail_button {
  margin: 10px 5px 0 0;
  text-align: right;
  }

table.seko2 {
  font-size: medium;
  margin-left: 10px;
  }

table.seko2 th {
  width: 150px;
  vertical-align: top;
  text-align: left;
  }

.seko2_photo {
  width: 475px;
  margin: 20px auto 0 auto;
  }

.seko2_photo .cell {
  float: left;
  width: 200px;
  height: 180px;
  text-align: center;
  margin-left: 25px;
  line-height:1.8;
  }

/************************

pager

************************/



#mcPager{
	margin-bottom: 25px;
	padding: 5px 0;
	float: none;
	margin-left: 80px;
	margin-right: 80px;
}


#mcPager div.before{
	float: left;
	width: 90px;
	font-size: 12px;

}

#mcPager div.before a{
	display: inline-block;
	padding: 3px 5px 3px 20px;
	font-weight: bold;
}

#mcPager div.next{
	float: right;
	width: 90px;
	text-align: right;
	font-size: 12px;

}

#mcPager div.next a{
  display: inline-block;
  padding: 3px 20px 3px 5px;
  font-weight: bold;
}

#mcPager div.pager{
	padding: 2px 70px 0 70px;
	text-align: center;
	font-size: 12px;

}

#mcPager div.pager a{
  display: inline-block;
  margin: 0 2px;
  padding: 3px 5px;
  border: 1px solid #e1e1e1;
  background: #f1f1f1;
}

#mcPager div.pager a:hover{
  border: 1px solid #98b4e6;
  background: #adc3e1;
}

#mcPager div.pager span{
  display: inline-block;
  margin: 0 2px;
  padding: 3px 5px;
  border: 1px solid #cadfeb;
  font-weight: bold;
  background: #dae9f4;
}

#mcPager div.ditto_previous_link{
	float: left;
	width: 60px;
	font-size: 80%;

}

#mcPager div.ditto_previous_link a{
	display: inline-block;
	padding: 3px 5px 3px 20px;
	border: 1px solid #ccc;
	font-weight: bold;
	background: url(/image/common/before.gif) no-repeat 5px 50%;
}

#mcPager div.ditto_next_link{
	float: right;
	width: 60px;
	text-align: right;
	font-size: 80%;

}

#mcPager div.ditto_next_link a{
  display: inline-block;
  padding: 3px 20px 3px 5px;
  border: 1px solid #ccc;
  font-weight: bold;
  background: url(/image/common/next.gif) no-repeat 2.7em 50%;
}

#mcPager div.ditto_page{
	padding: 2px 70px 0 70px;
	text-align: center;
	font-size: 80%;

}

#mcPager div.ditto_page a{
  display: inline-block;
  margin: 0 2px;
  padding: 3px 5px;
  border: 1px solid #e1e1e1;
  background: #f1f1f1;
}

#mcPager div.ditto_page a:hover{
  border: 1px solid #98b4e6;
  background: #adc3e1;
}

#mcPager div.ditto_page span{
  display: inline-block;
  margin: 0 2px;
  padding: 3px 5px;
  border: 1px solid #cadfeb;
  font-weight: bold;
  background: #dae9f4;
}

/*--------- footer ---------*/

#footer {
  width: 800px;
  height: 72px;
  margin: 15px auto 0 auto;
  padding: 0;
  font-size: 12px;
  text-align: center;
  clear: both;
  background: url(/image/common/foot_back.gif) no-repeat;
  }

#footer p {
  padding-top: 5px;
  }

#footer-menu {
  width: 800px;
  height: 57px;
  padding: 5px 0 0 0;
  margin: 0;
  position: relative;
  }

#footer-menu a {
  color: #FFFFFF;
  }

#footer-menu ul {
  padding: 3px 0 0 0;
  margin: 0;
  line-height: 1.6;
  }

#footer-menu li {
  padding: 0 2px;
  margin: 0;
  display: inline;
  }

#copy-right {
  padding: 5px 0;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  }

/*--------- sidemenu ---------*/

/* all menu links */
#nav a, #subMenusContainer a {
	text-decoration:none;
	display:block;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
  text-indent: 28px;
	padding:0;
	margin:0;
  color: #FFFFFF;
  font-weight: bold;
}

#nav li.type156,
#nav li.type156 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type156 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type156h,
#nav li.type156h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type101,
#nav li.type101 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type101 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type101h,
#nav li.type101h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type73,
#nav li.type73 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type73 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type73h,
#nav li.type73h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type72,
#nav li.type72 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type72 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type72h,
#nav li.type72h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type16,
#nav li.type16 a {

  background: url(/image/common/menu03a.jpg) no-repeat;

}

#nav li.type16 a:hover {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}

#nav li.type16h,
#nav li.type16h a {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}
#nav li.type15,
#nav li.type15 a {

  background: url(/image/common/menu03a.jpg) no-repeat;

}

#nav li.type15 a:hover {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}

#nav li.type15h,
#nav li.type15h a {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}
#nav li.type14,
#nav li.type14 a {

  background: url(/image/common/menu03a.jpg) no-repeat;

}

#nav li.type14 a:hover {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}

#nav li.type14h,
#nav li.type14h a {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}
#nav li.type13,
#nav li.type13 a {

  background: url(/image/common/menu04a.jpg) no-repeat;

}

#nav li.type13 a:hover {
  color: #FFFFFF;

  background: url(/image/common/menu04b.jpg) no-repeat;

}

#nav li.type13h,
#nav li.type13h a {
  color: #FFFFFF;

  background: url(/image/common/menu04b.jpg) no-repeat;

}
#nav li.type9,
#nav li.type9 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type9 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type9h,
#nav li.type9h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type7,
#nav li.type7 a {

  background: url(/image/common/menu03a.jpg) no-repeat;

}

#nav li.type7 a:hover {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}

#nav li.type7h,
#nav li.type7h a {
  color: #FFFFFF;

  background: url(/image/common/menu03b.jpg) no-repeat;

}
#nav li.type6,
#nav li.type6 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type6 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type6h,
#nav li.type6h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type5,
#nav li.type5 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type5 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type5h,
#nav li.type5h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type4,
#nav li.type4 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type4 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type4h,
#nav li.type4h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}
#nav li.type1,
#nav li.type1 a {
background: url(/image/common/menu01a.jpg) no-repeat;
}

#nav li.type1 a:hover {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}

#nav li.type1h,
#nav li.type1h a {
  color: #FFFFFF;
background: url(/image/common/menu01b.jpg) no-repeat;
}


#nav li.sm1,
#nav li.sm1 a {
  width: 200px;
  height: 51px;
  line-height: 51px;
  }

#nav li.sm2,
#nav li.sm2 a {
  width: 200px;
  height: 42px;
  line-height: 46px;
  }

#nav li.sm3,
#nav li.sm3 a {
  width: 200px;
  height: 34px;
  line-height: 44px;
color: #003561;
  }

#nav li img.arrow1 {
  position:absolute;
  top: 20px;
  right: 10px;
  }

#nav li img.arrow2 {
  position:absolute;
  top: 15px;
  right: 10px;
  }

#nav li img.arrow3 {
  position:absolute;
  top: 10px;
  right: 10px;
  }

#subMenusContainer a {
	padding:10px 20px 10px 10px;
	background-color:#fff ;
}

/* Just sub menu links */
#subMenusContainer a,
#nav li li a {
	text-align:left;
}

/* All menu links on hover or focus */



/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused {
	background-color: #DDF;
	color:#00F;
}

#subMenusContainer li.here a {
	background-color: #77F;
	color:#FFF;
        font-weight: bold;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn { 
	background: url(http://www.kanbokyo.com/img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused { 
	background: url(http://www.kanbokyo.com/img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {

}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
	background: url(http://www.kanbokyo.com/img/arrow_right_over.gif) right center no-repeat;  
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW { 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol,
#nav ul,
#subMenusContainer ul,
#subMenusContainer ol {	
	/*border around submenu goes here*/
	background:#fff;	
	border:1px solid #44F;
        color: #333 !important;
	left:0;
}

/* All ULs and OLs */
#nav,
#nav ul,
#nav ol,
#subMenusContainer ul,
#subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
        position:relative;
        margin-bottom: 0px;
        _padding-bottom: 0px;
}

#subMenusContainer li {
	list-style: none;
}

/* main menu ul or ol elment */
#nav {
	display:block;
	list-style:none;
	margin:0;
	width:200px;
	z-index:5;
	text-align: left;
	display:block;
}

#subMenusContainer {
	display:block;
 	position:absolute;
	top:5px;
	left:5px;
	width:100%;
	height:0;
	overflow:visible;
	z-index:1000000000;
 }



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li {
	float:none;
 }

#nav li li a { /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
#nav li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
#nav li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#nav li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
#nav li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


#cominfo {
  width: 200px;
  background: url(/image/common/menu_back.jpg) repeat-y;
  padding-bottom: 50px;
  font-size: 12px;
}

#cominfo .cont {
  width: 180px;
  margin: 0 auto;
  background: #2269A7;
}

#cominfo .cont .name {
  padding: 5px 0;
  background: #1C5688;
  color: #FFFFFF;
  text-indent: 8px;
}

#cominfo .cont table {
  padding: 5px;
  color: #FFFFFF;
}

#cominfo .cont th {
  width: 3.0em;
  padding: 5px;
  color: #FFFFFF;
  vertical-align: top;
}

#cominfo .cont td {
  padding: 5px 5px 5px 0;
  color: #FFFFFF;
  vertical-align: top;
}

img.sidefoot {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

/*--------- lightwindow ---------*/

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/image/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/image/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/image/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/image/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/image/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/image/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/image/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}



