/* CSS Document */
/* CSS Document */
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; list-style:none }
html { overflow-y: scroll; }

a { outline: none; }
a img { border: none; }
img{ border:none}
a{ text-decoration:none}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


.red-text{
	color:#c8116b;
}

.bold{
	font-weight:bold;
}

img{
	border:none;
}


/*-------------------------------------------------------------------------------*/	
body{
    text-align:center;
	font-family:"Ms Gothic", Verdana, Tahoma;
	background:url(../kids-images/body-bg.jpg); 
	font-size: 62.5%; /* Resets 1em to 10px */
}
#page{
	background:none;
	/*height:160px;*/
}





	

/*HEADER SYLE*/
#header{
	/*background:url(../kids-images/ivision-netbusiness.jpg) no-repeat;;*/
	height:191px;
	color:#9e0b25;
	padding:0 0 0 20px;
	position:relative;
	background:url(../kids-images/header-bg1.jpg) no-repeat;
}
#link2 a{
    font-size:1.8em;
	/*color:#9e0b25;*/
	color:#000;
}
#link3 a{
	font-weight:bold;
	font-size:2.0em;
	color:#9e0b25;
}
/*END OF HEADER SYLE*/



/*START OF MENU SYLE*/

#nav li a{
	font-weight:bold;
}	

.hr{
	height:2px;
	background:#000000;
	
}




/*START OF CONTENT SYLE*/
#content{
	padding:25px 19px;
	/*background:#ededed url(../kids-images/content-bg.gif) repeat-x;*/
	background:#fdf9fa ;
	color:#000000;

}


.maincontent {
	width:733px;
	float:right;
	background:#eeeeee;	
	border:1px solid #d2d0d0;
}



.maincontent-inside{
	padding:20px 15px;
	
}

.maincontent-inside img{
	margin:10px;
}



/*START OF RIGHT SYLE*/
.rightcontent{
	width:173px;
	float:left;
}

.rightcontent .search-box{
	margin-bottom:10px;}

.rightcontent .block, .maincontent .block{
	margin-bottom:10px;
}

.rightcontent .right-inside{
	padding:20px 10px;
	/*background:#FFFFFF;*/}

.rightcontent  li{	
	background-image:url(http://japannavigators.com/images/arrow-grey.jpg);
	background-repeat:no-repeat;
	background-position: 0 50%;
	line-height:18px;
	padding:5px 0px 5px 25px;
	margin-right:10px;
	font-family:Tahoma, "Trebuchet MS", Verdana, sans-serif;
	font-size:11px;	
	font-weight:bold;
	border-bottom:1px dotted #d2d0d0;
	list-style:none;
	color:#434242;
}


.search{
	background:	url(../kids-images/mail.png) no-repeat 20px 5px ;	
	padding:60px 0 10px 10px;
}

.news{
	color:#b5052b;
	font-weight:bold;
	font-size:0.85em;
	padding-top:20px;
}
.right-inside .input{
	border:1px solid #d8d8d8;
	height:20px;
	margin-top:10px;
	padding:2px;
}
 .submit{

	padding:10px 10px 0 0;


}
#mailbox{
	position:absolute;
	top:4px;
	right:180px;
} 
/*END OF RIGHT SYLE*/


/*END OF CONTENT SYLE*/



/*START OF FOOTER*/
#footer{
	background:url(../kids-images/footer1.png) no-repeat;
	height:265px;	
	text-align:center;
	padding:5px;
	clear:both;
	color:#ffffff;	

}
#footer a{
	padding:0 10px;
	color:#ffffff;
}

/*END OF FOOTER*/






/******************************/

#wrapper{
   margin:0 auto;
   text-align:left;
   width:991px;
	margin:35px auto;
}


#wrapper .inside{
	background:url(../kids-images/wrapper-bg.png) repeat-y;
	padding:0 20px 0 22px;
}

#top{
	position:relative;
	height:61px;
	background:url(../kids-images/top.png) no-repeat;
}

h1{
	height:35px;
	line-height:35px;
	vertical-align:middle;
	position:absolute;
	top:25px;		
	font-size:14px;
	color:#FFFFFF;
	padding-left:50px;
}	

h2 {
	position:absolute;
	font-size:14px;
	color:#FFFFFF;
	height:35px;
	line-height:35px;
	top:25px;	
	left:240px;
}

#header h6{
	position:absolute;
	top:50px;
	font-size:14px;
	left:50px;
	color:#000000;
}

#tel_jp{
	position:absolute;
	top:30px;
	right:-10px;
	color:#FFFFFF;
	font-size:13px;
	width:200px;
}
#contact{
	position:absolute;
	top:30px;
	right:195px;
}

#top-text{
	position:absolute;
	left:260px;
	top:50px;
}

#link4 {
	position:absolute;
	top:16px;
	color:#FFFFFF
}
#link5{
	position:absolute;
	right:20px;
	top:15px;
	color:#FFFFFF
}
#link6{
	position:absolute;
	right:20px;
	top:45px;
	color:#FFFFFF
}

#topmenu{
	background:#b7042b;
	height:70px;
	color:#FFFFFF;
	padding:0 20px;
	position:relative;
	font-size:13px;	
	border-bottom:2px solid #000000;
}


/******************************/

.rightcontent .block, .search-box{
	padding:10px;
	border:1px solid #d2d0d0;
}