
/* CSS Document */

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px; 
	margin-bottom:0px;
	background-repeat:repeat-x; background-position:left top;
	background-color:#FFF	; color:#4D4747;
	background:url(../images/bg-img.gif);
	font-size:12px;
}
img {
	border:none;
}
ul, a, h2 {
	margin:0; padding:0; list-style:none;
}
.spacer {
	font-size:0; line-height:0; clear:both;
}

#frame{
	width:800px;
	height:auto;
	background-color:#FFF;
	padding:0;
    border-left:1px solid #000000;
    border-right:1px solid #000000;	
	margin:auto;
}

h3{
padding: 0;
/*
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
*/
font-size:1em;
}

ul{
margin-left:15px;
}
li{
list-style: circle;
line-height: 18px;
}

blockquote{
margin-left:2em;
line-height: 18px;

}

/********************************/
/* Header part style start from here */
/********************************/

#headcontainer{
	width:800px;
	height:120px;
	background-color:#FFF;
	border-top:0;
	padding:0;	
	margin:auto;
}


#headcontainer1{
	width:800px;
	height:80px;
	background-color:#FFF;
	padding:0;
	margin:auto;
}
#headcontainer1-left1 {background-color:#FFF;margin: auto; padding: 0; width: 20px; height: 80px; float: left;}
#headcontainer1-left2 { background: url(../images/side-bg-img.gif) repeat-y; margin: auto; padding: 0;width: 130px; height: 80px;float: left;}
#headcontainer1-left3 {background-color:#FFF; margin: auto; padding: 0;width: 650px; height: 80px; float: right;}

#logo{margin: 0; padding-right:20px; width: 211px; height: 74px; float:right;}

#headcontainer2{
	width:800px;
	height:40px;
	background-color:#000;
	background: url(../images/header-bg-img.gif);	
	padding:0;
	margin:auto;
}

#headcontainer2-left1 {	background: url(../images/header-bg-img.gif);	margin: auto; padding: 0; width: 20px; height: 40px; float: left;}
#headcontainer2-left2 { background: url(../images/side-bg-img.gif) repeat-y; margin: auto; padding: 0;width: 130px; height: 40px;float: left;}
#headcontainer2-left3 {	background: url(../images/header-bg-img.gif);	 margin: auto; padding: 0;width: 650px; height: 40px; float: right;}

#headnavi{
 margin: 0 10px 0 0; padding-top: 10px; width: 210px; height: 20px; float: right;
}

/*
#fun-spot{margin: 0; padding-top: 10px; padding-left: 0px; padding-right:10px; padding-bottom: 0; width: 149px; height: 13px; float:right;}
#map{margin: 0; padding-top: 10px; padding-left: 0px; padding-right:10px; padding-bottom: 0; padding-right:20px; width: 39px; height: 12px; float:right;}
*/

div#fun-spot{margin: 0; padding: 0px; border:0; width: 149px; height: 12px; background:url(../images/fun-spot.gif) no-repeat top right; text-indent: -9999px;float:left}
div#fun-spot a{display:block; margin: 0; padding: 0px; border:0; width: 149px; height: 12px; text-decoration: none;float:left}
div#fun-spot a:hover{ background:url(../images/fun-spot-o.gif) no-repeat right top;float:left}

div#map{margin: 0; padding: 0px; border:0; width: 39px; height: 12px; background:url(../images/map.gif) no-repeat top right; text-indent: -9999px;float:right}
div#map a{display:block; margin: 0; padding: 0px; border:0; width: 39px; height: 12px; text-decoration: none;float:right}
div#map a:hover{ background:url(../images/map-o.gif) no-repeat right top;float:right}

/* Header part style end here */




.blank{
width:800px;
height:3px;
background-color:#FFFFFF;
margin:auto;
}

.blank-left{
width:120px;
height:10px;
margin:auto;
}

.blank-left-10{
width:120px;
height:10px;
margin:auto;
}

.blank-left-150{
width:120px;
height:150px;
margin:auto;
}

.blank-650-20{
width:650px;
height:20px;
margin:auto;
}

#banner-1{margin: 0; padding-top: 10px; padding-left: 10px; padding-right:0; padding-bottom: 0; width: 120px; height: 60px;float: left;}
#banner-2{margin: 0; padding-top: 10px; padding-left: 10px; padding-right:0; padding-bottom: 0; width: 160px; height: 60px;float: left;}

/**********************************/
/* Container part style start from here */
/**********************************/

div#container{
	width:800px;
	height:auto;
/*
	background-color:#FFF;
*/	
	background: url(../images/content-bg.gif) repeat-y;
	padding:0;	
	margin:auto;
	float:left;
}

div#content{
width:650px;
height:auto;
min-height:800px;

background-color:#FFF;
padding:0;	
float:right;
margin:auto;
}

/*

div#topimg-containter1{width:650px;height:110px;	background-color:#FFF;}
div#topimg-containter2{width:650px;height:250px;	background: url(../images/top-title-bg.gif) no-repeat;}
div#topimg-containter3{width:650px;height:100px;	background-color:inherit;}

#topimg1{margin: 0; padding-top: 10px; padding-left: 10px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#topimg2{margin: 0; padding-top: 10px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#topimg3{margin: 0; padding-top: 10px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#topimg4{margin: 0; padding-top: 10px; padding-left :8px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#topimg5{margin: 0; padding-top: 10px; padding-left: 10px; padding-right:0; padding-bottom: 8px; width: 302px; height: 232px;float: left;}
#topimg6{	clear: both;margin: 0; padding-top: 10px; padding-left: 10px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#topimg7{margin: 0; padding-top: 10px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#topimg8{margin: 0; padding-top: 10px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#topimg9{margin: 0; padding-top: 10px; padding-left :8px; padding-right:0; padding-bottom: 0; width: 152px; height: 102px;float: left;}
#top-title{margin: 0; padding-top: 25px; padding-left: 15px; padding-right:0; padding-bottom: 0; width: 295px; height: 205px;float: none;}

*/

div#topimg-con{width:640px; height:450px; ,margin:5px 0 0 5px; background-color:#000;}
div#topimg-con1{width:470px; height:440px; background-color:#000; margin:0; float:left;}
div#topimg-con2{width:160px; height:440px; background-color:#000; margin:0;float:right;}

#topimg-1{margin: 0; padding:0; width: 470px; height: 340px; float: left;}
#topimg-2{margin: 0; padding:0; width: 220px; height: 100px; float: left;}
#topimg-3{margin: 0; padding:0; width: 250px; height: 100px; float: right;}
#topimg-4{margin: 0; padding:0; width: 160px; height: 110px; float: none;}
#topimg-5{margin: 0; padding:0; width: 160px; height: 110px; float: none;}
#topimg-6{margin: 0; padding:0; width: 160px; height: 110px; float: none;}
#topimg-7{margin: 0; padding:0; width: 160px; height: 110px; float: none;}



#cate1-t{margin: 0; padding-top: 10px; padding-left: 10px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}
#cate2-t{margin: 0; padding-top: 10px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}
#cate3-t{margin: 0; padding-top: 10px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}
#cate4-t{margin: 0; padding-top: 10px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}
#cate5-t{margin: 0; padding-top: 8px; padding-left: 10px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}
#cate6-t{margin: 0; padding-top: 8px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}
#cate7-t{margin: 0; padding-top: 8px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}
#cate8-t{margin: 0; padding-top: 8px; padding-left: 8px; padding-right:0; padding-bottom: 0; width: 152px; height: 62px;float: left;}


#cate-tb{margin: auto; padding:10px 0 0 25px; width: 592px; height: 62px;float: none;}

div#topix-container{
width:628px;
height:auto;
background: url(../images/topix-bg.gif) repeat-x;
background-color:#D6D6C2;
border:1px solid #000000;
padding:0px;	
margin-top:20px;
margin-bottom:10px;
margin-right:5px;
float:right;
}

div#topix-container-in{
	clear: both;
width:590px;
height:auto;
background-color:#FFFFFF;
padding:10px;	
margin:auto;

}

.blank-topix-5{
width:628px;
height:5px;
}

.topix-txt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333; background-color:inherit;
margin: 5px;
line-height:1.8em;
text-decoration:none;
}

#topix-logo{margin: 0; padding-top: 15px; padding-left: 20px; padding-right:0; padding-bottom: 5px; width: 101px; height: 20px;float: left;}

/* Side part style start from here */

div#sidebar{
width:150px;
height:auto;
min-height:800px;
background-color: inherit; 
background: url(../images/side-bg-img2.gif) repeat-y;

float:left;
margin:auto;

}


div#sidebar1{
width:20px;
height:auto;
background-color: inherit; 

float:left;
padding:0;	
margin:auto;
margin-bottom: 10px;
}

div#sidebar2{
width:130px;
height:260px;
background-color: inherit; 
background: url(../images/side-bg-img.gif) repeat-y;
float:right;
padding:0;	
margin:auto;

}

div#sidebar3{
width:120px;
height:auto;
min-height:490px;
background-color: inherit; 

background: url(../images/side-bg-wakura2.gif) no-repeat;
float:right;
padding:0;	

}


div#cate1{ width: 98px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate1.gif) no-repeat top left; text-indent: -9999px; }
div#cate1 a{ display:block; width: 98px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate1 a:hover{ background:url(../images/cate1-o.gif) no-repeat left top;}

div#cate2{ width: 84px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate2.gif) no-repeat top left; text-indent: -9999px; }
div#cate2 a{ display:block; width: 84px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate2 a:hover{ background:url(../images/cate2-o.gif) no-repeat left top;}

div#cate3{ width: 98px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate3.gif) no-repeat top left; text-indent: -9999px; }
div#cate3 a{ display:block; width: 98px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate3 a:hover{ background:url(../images/cate3-o.gif) no-repeat left top;}

div#cate4{ width: 98px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate4.gif) no-repeat top left; text-indent: -9999px; }
div#cate4 a{ display:block; width: 98px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate4 a:hover{ background:url(../images/cate4-o.gif) no-repeat left top;}

div#cate5{ width: 91px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate5.gif) no-repeat top left; text-indent: -9999px; }
div#cate5 a{ display:block; width: 91px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate5 a:hover{ background:url(../images/cate5-o.gif) no-repeat left top;}

div#cate6{ width: 83px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate6.gif) no-repeat top left; text-indent: -9999px; }
div#cate6 a{ display:block; width: 83px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate6 a:hover{ background:url(../images/cate6-o.gif) no-repeat left top;}

div#cate7{ width: 77px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate7.gif) no-repeat top left; text-indent: -9999px; }
div#cate7 a{ display:block; width: 77px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate7 a:hover{ background:url(../images/cate7-o.gif) no-repeat left top;}

div#cate8{ width: 84px; height: 30px; margin: 0; padding: 0; border: 0; background:url(../images/cate8.gif) no-repeat top left; text-indent: -9999px; }
div#cate8 a{ display:block; width: 84px; height: 30px; margin: 0; padding: 0; border: 0; text-decoration: none; }
div#cate8 a:hover{ background:url(../images/cate8-o.gif) no-repeat left top;}

#privacy-policy-container{
	width:580px;
	margin-right:auto;
	margin-left:auto;

}
#map-container{
	width:650px;
	padding:10px 0 0 0;
	margin-right:auto;
	margin-left:auto;
	line-height: 20px;


}
#map-container-1{
	width:550px;
	padding:10px 0 0 0;
	margin-right:auto;
	margin-left:auto;
	line-height: 20px;


}

#about-us-container{
	width:550px;
	padding:10px;
	margin-right:auto;
	margin-left:auto;
	line-height: 20px;

}


table#about-us{
width:100%;
margin: 20px;
border-collapse: collapse;
border: 1px solid black;
}

td.about-us{
padding:5px;
border-top:1px solid gray;
border-left:1px solid gray;
font-size: 13px;
background-color: #dccbbd;
}

td.about-us-main{
padding:5px;
font-size: 13px;
border-top:1px solid gray;
border-left:1px solid gray;
}

/* body end part style end here */


/*******************************/
/* Footer start part style end here */
/*******************************/

#footercontainer{
	clear: both;
	width:800px;
	height:60px;
	background-color:#000;
	background: url(../images/footer-bg-img.gif);	
	padding:0;
	float:left;
	margin:auto;
}

#footercontainer1 {background: url(../images/footer-bg-img.gif);	margin: auto; padding: 0; width: 20px; height: 60px; float: left;}
#footercontainer2 {background: url(../images/side-bg-img3.gif) repeat-y; margin: auto; padding: 0;width: 130px; height: 60px;float: left;}
#footercontainer3 {background-color: #FFF; background: url(../images/footer-bg-img.gif) no-repeat;	 margin: auto; padding: 0;width: 650px; height: 60px; float: right;}

#footercontainer-right1{padding-top:10px;padding-left:50px;width: 600px; height: 20px; background-color: #000;}
#footercontainer-right2{width: 650px; height: 30px; background-color: #FFF;}


a.footer-txt{color:#FFFFFF; text-decoration:none;  }
a.footer-txt:hover{ color:#fc6; text-decoration:none; }


.copyrighttxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding-top:8px;
padding-bottom:3px;
color:#000; background-color:inherit;
}

/* Footer end part style end here */

