@charset "utf-8";
/* CSS Document */
 body
 {
padding:0px;
margin:0px;
background-color:#BECC7C;
font-family: Arial;
color:#666666;text-decoration:none;
font:10pt Arial, Helvetica, sans-serif;
 }
table
{
font-family: Arial;
color:#666666;text-decoration:none;
font:10pt Arial, Helvetica, sans-serif;
}
 
 form
 {
  margin:0px;
  padding:0px;
 }

 #maincontainer
 {
   text-align:center;border:0px solid red;
}
 #subcontainer
 {
	width:1000px;  background-image:url(../../images/mainbg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	border:0px solid red;
	margin:0px auto;
 }
 img { border:0px;}
 *html #layout
 {
    height:677px;
	overflow:visible;
 }
 #layout
 {
  width:962px;
  margin:0px auto;
  background-image:url(../../images/bodyrep.jpg);
  background-repeat:repeat-y;
  min-height:677px;
  background-color:#FFFFFF;
  border:0px solid red;
  overflow:hidden;
 }
 #header
 {
  padding-top:1px;
  height:98px;  background-color:#FFFFFF;
 }
#left {
float:left;
width:221px;
margin:0; padding:0;
font-size:80%;
text-align:left;
}
#right {
float:right;
width:199px;
margin:0; padding:0;
font-size:80%;
border:0px solid red;
text-align:left;
}
#middle {
text-align:justify;
margin:0px 196px 0px 220px;
max-width:655px;
padding:10px;
background-image:url(../../images/contentrep.gif);
background-repeat:repeat-x;
background-position:top left;
border:0px solid red;
}
#adjrow
{
height:10px;
width:961px;
text-align:center;
background-color:#F9F9F9;
background-image:url(../../images/adjrow.gif);
background-position:right;
margin:0px auto;
margin-left:1px;
background-repeat:no-repeat;
}
.mincolumn-in
{
	width:500px;
}
.column-in {
margin:0; 
padding:0px 8px;
}
.column-right {
margin:0; 
margin-top:4px; 
padding:0px 8px;text-align:left;
}

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
clear:right;
background:transparent;
}
#navbar
{
 position:relative;
 background-image:url(../../images/navrep.jpg);
 background-repeat:repeat-x;
 background-position:left;
 height:38px;
 z-index:0;
 margin: 0;
padding: 0;
}
#bottom
{
 background-image:url(../../images/bodybottom.jpg);height:42px;
 background-position:top ;
 background-repeat:no-repeat;
}
#footer
{
clear:both;
position:relative;
padding-top:10px;
text-align:center;
margin:0px auto;
text-decoration:none;
width:779px; 
color:#666666;
}
#footer a
{
text-decoration:none;
color:#666666;
text-decoration:none;
}
#footer a:hover
{
color:#ffffff;
text-decoration:underline;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../../images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

#content1 {
clear:both;
border:0px solid red;
min-height:250px;
text-align:left;
margin:0px;
padding-top:10px;
color:#999999;
}
#content1 img.right {
	float: right;
	margin: 0 0 8px 8px;left:0px;
}

.liblist
{
color:#666666;
}

.liblist A
{
color:#666666;
}

.liblist a:hover
{
color:#ffffff;
}
.maintext
{
font-family: Arial;
color:#666666;text-decoration:none;
font:10pt Arial, Helvetica, sans-serif;
text-decoration:none;
}
.maintext a
{
font-family: Arial;
color:#0572D8;text-decoration:none;
font:10pt Arial, Helvetica, sans-serif;
text-decoration:none;
}
.maintext a:hover
{
font-family: Arial;
color:#A3AF6A;text-decoration:none;
font:10pt Arial, Helvetica, sans-serif;
text-decoration:none;
}
/**************** this is for contact us form******************/
div .formstyle{background:url("../../images/background_transparent.png") 0 0 repeat;width:500px;border:1px dashed #666666;}
#contact fieldset{border:none;}
.formstyle form{ margin:0px;padding:0px;height:100%;width:500px;}
.formstyle fieldset{text-align:left;width:500px;border:0px solid #666666;border-bottom:6px solid #1A1A1A;margin:0px;padding:18px;display:block;margin:10px 0px;}
.formstyle fieldset legend{margin:0px;font-size:12pt;text-align:left;color:#ffffff;border-bottom:1px dashed #414141;padding:10px 250px 10px 10px;font-family:Georgia, "Times New Roman", Times, serif;}
.formstyle label{background-color:#141414;padding:8px;display:block;font-weight:normal;text-align:right;width:200px;float:left;margin:1px 8px;}
.formstyle table{font-size:10pt;}
.formstyle #contact input{float:left;font-size:10pt;padding:4px 2px;border:1px solid #666666;margin:4px 0 10px 10px;height:25px;color:#000000;letter-spacing:1px;width:200px;}
.formstyle #product label{background-color:#141414;padding:8px;display:block;font-weight:normal;text-align:left;border:0px solid red;float:left;margin:0px 8px;}
.formstyle br{clear:left;}
.required{background-color:#FFFFCC;color:#000000;border:0px solid red;}
.redalert{font-family:Georgia, "Times New Roman", Times, serif;color:#FF0000;font-size:11px;text-align:center;font-weight:bold;}
.reqlabel{font:normal normal bold 11px  Georgia, "Times New Roman", Times, serif;color:#FF0000;text-align:center;}
/**************************/
/***************************Search result****************/
.searchresult
{
color:#999;
text-decoration:none;
font:normal normal normal 12px Verdana;
}
.searchresult a
{
/*color:#fffff0; */
text-decoration:none;
/*border-bottom:1px solid #ccc;
border-top:1px solid #ccc;*/
padding:2px 0px;
font:normal normal bold 12px Verdana;
}
.searchresult a:hover
{
color:#fffff0;
text-decoration:underline;
font:normal normal bold 12px Verdana;
}
table.searchresult {
	width: 100%;
	border-collapse: collapse; /* so we can control cellspacing in a practical way */
}
.dottedline
{
height:20px;background-image:url(../../images/horline.gif);background-repeat:repeat-x;width:100%;background-position:center;
}

.hlt td {
				text-align: left;
				font:normal normal normal 100% Verdana;
				background-color:#666666;
				color:#FFFFFF;
                color: black;
				cursor:hand;
            }

.greentext
{
font:normal normal normal 100% Verdana;
color:#999999;
text-decoration:none;
}
.italicstyle
{
 font:normal normal italic 100% Verdana;
}
.bodytext
{
color:#666666;
}
/**********Guest book  *************/
#container h3 {	margin-bottom:10px;	font-size:1.1em;font-family: "Times New Roman", Times, serif;font-weight: bold;	color: #FFFFFF;	padding:4px 0px;text-align:center;background-color: #666666;}
#info {color:#666;font-style:italic;position:relative;left:45%;width:40%;}
/*For Messages After Adding Comments*/
.contentcss {clear:both;padding:0px 2px 40px 30px;position:relative;}
#contentcss #jb_message {color:#fff;text-align:center;margin:0px auto;border:0px solid red;position:absolute; top:5px;}
#jb_message.error {background-color:#999999;} 
*html #jb_message.error {background-color:#666666; margin:0px 0px 10px 0px;} 
*html #jb_message.confirm {background-color:#666666;margin:0px 0px 10px 0px;}
#jb_message.confirm {background-color:#66666;}
#jb_message p {background-color:#66666;margin:0;padding:0.5em;font-size:1.3em;text-align:center; color:#FFFFFF;}
/*For Add Comment*/
#primary {float:right;}
#jb_addComment{	width:280px;}
#jb_addComment h3{margin-bottom:8px;font-size:12px;font-family:normal normal normal Verdana;color: #FFFFFF;padding:4px 0px;text-align:left;background-color: #414141;border:1px dashed #666666; padding-left:8px;}
#jb_addComment label {display:block;font-weight:bold;font-size:0.9em;}
#jb_addComment input, #jb_addComment textarea{font-size:1em;font-family:arial, sans-serif;width:100%;margin-bottom:5px;padding-left:2px;}
#jb_addComment textarea{height:80px;}
#jb_addComment .button{font-size:12px;color:#FFFFFF; padding-left:50px; width:110px;font-family:normal normal normal Verdana;padding:4px;background-color:#414141;border:1px solid #666666;}
#jb_addComment fieldset{border:2;margin:0;padding:0;}
#jb_comments{min-height:230px;background:url("../../images/background_transparent.png") 0 0 repeat;width:370px;border:1px dashed #666666;}
*html #jb_comments{height:220px;background:url("../../images/background_transparent.png") 0 0 repeat;width:360px;border:1px dashed #666666;}
.comment{width:370px;border:0px inset #ffffff;border-style:outset;margin-bottom:15px;overflow:hidden;}
.comment .header {font-weight:bold; font-size:12px;border-bottom: dashed 1px #666666;padding:2px 5px;}
.comment .header a{color:#999; font-weight:bold;}
.comment .header a.delete{float:right;font-weight:bold;}
.comment .content {font-size:12px;padding:5px;line-height:1.5em;}
.comment .date {font-size:1em;text-align:right;color:#999;padding-right:4px;}
#jb_addComment .hidden, .hidden{display:none;}
/*For Comments*/
#secondary {width:250px;float:left;margin-bottom:1em;position:relative;}
#secondary h3{margin-bottom:8px;font-size:12px;left:20px; font-family: normal normal normal 100% Verdana;color: #FFFFFF;padding:4px 0px;text-align:left;background-color: #414141;width:370px;border:1px dashed #666666;padding-left:8px;}
/*************End of Guest Book*************/
.gallery {position:relative; width:686px; margin:0px auto; padding:2px; border:0px solid #666666; }
*html .gallery {position:relative; width:700px; margin:0px auto; padding:2px; border:0px solid #666666; }
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:0px solid #666; background:#FFF url(../../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:0px solid #666; }
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; text-align:left; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:0px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../../images/left.gif) left center no-repeat; border-left:0px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../../images/right.gif) right center no-repeat; border-right:0px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
.marqueestyle
{
color:#FFFFFF;
text-decoration:none;
margin:0px;
padding:0px;
font-size:10px;
}
*html .marqueestyle
{
color:#FFFFFF;
text-decoration:none;
border:0px solid red;
margin:0px;
padding:0px;
height:60px;
}

.marqueestyle A
{
color:#FFFFFF;
text-decoration:none;

}
.marqueestyle A:hover
{
color:#FFFFFF;
text-decoration:none;

}
.clockstyle
{
 position:absolute;border:0px solid red;width:250px;top:222px;left:50px;
}
*html .clockstyle
{
position:absolute;border:0px solid red; width:250px; top:240px; left:50px; z-index:-1;
}

.sitemapstyle
{
background-image:url(../../images/Sitemapbg.jpg);
background-repeat:no-repeat;
padding:1px 0px 7px 10px;
height:20px;
}
/*div.tablestyle table ,
div.tablestyle td
{
    border-color: #008000;
    border-style: solid;
	font-family: Arial;
	color:#666666;text-decoration:none;
	font:10pt Arial, Helvetica, sans-serif;

}

div.tablestyle table
{
    border-width: 0 0 2px 2px;
    border-spacing: 0;
    border-collapse: collapse;
}

div.tablestyle td
{
    margin: 0;
    padding: 4px;
    border-width: 2px 2px 0 0;
}*/
.module
{
  
  margin:0px 0px 10px 0px;
  padding:0px 0px 5px 0px; background-color:#FFFFFF;

}
.module ul 
{
 margin:0px 5px 0px 5px;
 padding:0px 0px 0px 0px;
 display:block;
}
*html .module ul li
{
 height:20px;
}
.module ul li
{
color:#0572d8;
list-style-type:none;
list-style-position:inside;
min-height:20px;
font:8pt Verdana,Arial, Helvetica, sans-serif;
font-family: Verdana;
padding:8px 5px 7px 5px;
display: block !important;
border-bottom:1px solid #E4E4E4;
display: inline; /*For IE*/
}

.module ul li a
{
color:#0572d8;
line-height:170%;
background-color:#FFFFFF;
display:block; 
height: auto !important;
height: 1%; /*For IE*/
}
.module ul li a:hover,
.module ul li a.selected
{
 color:#A3AF6A;text-decoration:none;
}

*html .ddsmoothmenu ul li a{
padding:13px;
}

#leftpadding
{
 padding:10px 10px 10px 10px;
}
div #hkey
{
height:15px;
margin:0;
padding:10px 0px 0px 0px;
margin-bottom:5px;
}
div #hkey ul
{
margin:0;
padding:0;
border:0px solid green;
overflow:hidden;
list-style-type:none;
list-style-position:outside;
}
div #hkey ul li
{
list-style-type:none;
display:inline;border:0px solid red;float:left;
}
div #hkey ul li a
{display:inline;list-style-type:none;
float:left;
}
/********* End Here ***************************/

/******************* For Client Light Box css *********************************/


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(http://www.hope.or.jp/js/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.hope.or.jp/js/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.hope.or.jp/js/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	
/*********************************** Css end here *****************************/
h1
{
font-family: Arial;
font-size: 16px;
color: #003366;
font-weight:bold;
text-decoration:none;
}
h2
{
color: #becc7c;
font-size: 15px;
font-family: Arial;
font-weight:bold;
text-decoration:none;
}
h3
{
color: #009933;
font-size: 15px;
font-family: Arial;
font-weight:bold;
text-decoration:none;
}
a,a:link
{
 font:10pt Arial, Helvetica, sans-serif;
 font-family: Arial;
 color:#0572D8;
 text-decoration:none;
}
a:hover
{
 color:#A3AF6A;text-decoration:none;
}