.body {
	background-image: url(earth/earth.jpg); background-repeat:no-repeat;
	background-position: center;
	background-position:top;
	background-color: #000000;
	margin-bottom: 0px;
	margin-top: 130px;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
}

.Borange {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	color: #F30;
}
.Bblue {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	color: #0000FF;
}

.ebold11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
.jbold12 {
	font-family: "Meiryo UI", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ";
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	font-variant: normal;
	color: #000000;
	font-weight: bold;
}
.jtype12 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-indent: 5px;
}
.jspacetype12 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: left;
}
.jhalfspacetype12 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.navbarlinks {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	line-height: 16px;
	text-align: left;
}
.jtypespace11 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
}
.hdrbold11 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
}

.blueboldleft11 {
	font-family: Tahoma;
	font-size: 12px;
	text-align: left;
}

.j10font {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-align: left;
	line-height: 20px;
}
.redhighlight {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}
.j12spacejustified {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: justify;
}
.bluebold {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0066FF;
}
.redbold {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #FF0000;
}
.footerfont {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0000CC;
}
.japanmoney {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
.moneyfont {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	color: #0099FF;
	position: relative;
	top: 0px;
	left: -100px;
	text-align: left;
}

.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	color: #0099FF;
	position: relative;
	top: -5px;
	text-align: center;
}

.header2 {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	
}
.headerhighlight {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 20px;
	color: #000099;
	background-color: #EFFFEC;
	float: left;
}
.highlite12 {
	background-color: #D9FFD9;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}

.highlite16 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 16px;
	color: #0099FF;
	font-weight: bold;
}

.highlite16b {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.imgcenter {
	font-family: Tahoma;
	text-align: center;
	
}

.redboldFLASH {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.grey14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

.indexpicalign {
	float:left;
	padding:8px 0px 8px 6px;
}

.j12gray {
	font-size: 12px;
	color: #666666;
}
.j12red-bold_underline {
	color: #FF0000;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.j14red_bold {
	color: #FF0000;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
.j12gray_underline {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
}
.j12black_underline {
	font-size: 12px;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	color: #000000;
	text-decoration: underline;
}
.j12blackBOLD_underline {
	font-size: 12px;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-weight: bold;
	color: #000000;
	line-height: 22px;
}
.j10black {
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-style: normal;
	font-size: 10px;
}
.style16 {font-size: 12px}

h1 { 
display: inline; 
} 

h2 { 
display: inline; 
} 

h3 { 
display: inline; 
} 

.btmhighlight {
	font-family: "Meiryo UI", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ";
	font-size: 10px;
	color: #FFF;
	padding-left: 15px;
	line-height: 17px;
	text-align: left;
}

.solidblockmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-width: 4px 0;
	text-align: left;
	background: blue url(../ddtabmenufiles/media/blockdefault.gif) center center repeat-x;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 21px 9px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background: transparent url(../ddtabmenufiles/media/blockactive.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: .5em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
	display: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-indent: 5px;
	color: #666666;
	margin-top: 5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistwide{
width: 178px; /*width of menu*/
}

.arrowlistwide .headerbar{
font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
color: black;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 0px; /*header text is indented 10px*/
}

.arrowlistwide .headerbar2{
font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
color: black;
background: black url(media/titlebar2.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 0px; /*header text is indented 10px*/
}

.arrowlistwide ul{
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistwide ul li{
padding-bottom: 8px; /*bottom spacing between menu items*/
}

.arrowlistwide ul li a{
color: #0099FF;
background: url(media/arrowbullet.png) no-repeat center left ; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 75%;
}

.arrowlistwide ul li a:visited{
color: #0099FF;
text-align: left;
}

.arrowlistwide ul li a:hover{ /*hover state CSS*/
	color: #0099FF;
	background-color: #eaeaea;
	text-align: left;
}
}

.arrowlistmenu{
width: 164px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
color: black;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 0px; /*header text is indented 10px*/
}

.arrowlistmenu .headerbar2{
font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
color: black;
background: black url(media/titlebar2.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 0px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
margin-bottom: 8px;
font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic"; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 4px;
padding-top: 2px; 
font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";/*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #0099FF;
background: url(media/arrowbullet.png) no-repeat center left ; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
padding-bottom: 2px;
font-size: 75%;
}

.arrowlistmenu ul li a:visited{
color: #0099FF;
text-align: left;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #0099FF;
	background-color: #eaeaea;
	text-align: left;
}

/* Ca3er style */
.cu3er_resize { width:840px; height:150px; margin:0 auto; padding:0px 0px 0px 0px; background: url(images/simple_bg.gif) no-repeat bottom;}
#cu3er-container { width:840px; outline:0;}

.hdrbargray {
	background-image: url(../images/shared/contentbkg/hdr-grayheader.gif);
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-indent: 25px;
}

/* Page Template styles */

.bkgtop {
	background-image: url(earth/bkg-top.jpg);
	background-repeat: no-repeat;
}
.bkgmid {
	background-image: url(earth/bkg-mid.jpg);
	background-repeat: repeat-y;
}
.bkgbtm {
	background-image: url(earth/bkg-btm.png);
	background-repeat: no-repeat;
	height: 200px;
}
.hdrjapanese {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 18px;
	font-weight: bolder;
	color: #006;
	text-align: left;
}
.japan13 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 13px;
	color: #000;
	text-align: left;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	word-spacing: 1px;
}
.menupicindent {
	padding-top: 0px;
	padding-left: 3px;
}

.sidetblindent {
	padding-top: 1px;
	padding-left: 3px;
}



/* FBG footer */
.FBG {
	margin:0;
	height:160px;
	width:926px;
	margin:0 auto;
	background-image: url(clouds/bkg-btm.png);
	position: relative;
	bottom: 0px;
	z-index: 25;
}

.bottomshift {
	background-image: url(clouds/hills.png);
	background-position: left bottom;
	position: absolute;
	height: 500px;
}
.bluehighlight {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	font-weight: bold;
	color: #06F;
	text-align: center;
}

/* FISH EYE BOTTOM MENU BAR CSS SCRIPT */
.expand-up {
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	height:100px;
	width:790px;
	background: url(/images/demos/macosx-style-background.png) no-repeat;
	overflow:visible;
	margin-bottom:20px;
}
/* reset margins and paddings */
.expand-up * {
  margin: 0;
  padding: 0;
}
.expand-up ul {
  margin-left:10px;
}
.expand-up ul li {
  float:left;
  list-style-type:none;
  /* create a reserved space for expanded image to make this work in ie */
  padding-top:45px;
  padding-left:5px;
  /* margin to place the menu at the bottom */
  margin-top:25px;
}
.expand-up ul li a {
  text-decoration:none;
}
.expand-up ul li a img {
  width:70px;  /* initial width of images, 50% of width */
  height:70px; /* initial height of images, 50% of height */
  border:none;
}
/* initially, don't show the label inside <span> tag */
.expand-up ul li a span {
  display:none;
}
.expand-up ul li:hover a span {
	/* show item label on mouse hover */
  display:block;
	font-size:11px;
	text-align:center;
	color:#09F;
	/* move label up to move image up */
  margin-top:-55px;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-weight: bold;
}
/* expand the image to 100% on mouse hover.
** again, ideal dimension of image is equal to width and height below
*/
.expand-up ul li:hover a img {
  width:90px;
  height:90px;
}
/* expand the image next to the right of active image to 60% using + selector */
.expand-up ul li:hover + li a img {
  width:50px;
  height:50px;
  /* move image up by 10px so bottom aligns with other images */
  margin-top:-10px;
}
/* expand the image second to the right of active image to 55% using + selectors */
.expand-up ul li:hover + li + li a img {
  width:45px;
  height:50px;
  /* move image up by 5px so bottom aligns with the other items */
  margin-top:-5px;
}


/* 
** Registration page fonts and design
*/
.jpregpage {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 20px;
}
.jpregpagegray {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-align: left;
	width: 180px;
	height: 30px;
}
.jpregpageshort {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-align: left;
	width: 120px;
	height: 30px;
}
.jpregpagesupershort {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-align: left;
	width: 60px;
	height: 30px;
}
.jpregpagewide {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-align: left;
	width: 300px;
	height: 30px;
}
.jpregpagegraydrop {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
	width: 115px;
	height: 30px;
}
.jpregpagegraybox {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-align: left;
	line-height: 26px;
	width: 410px;
}
.jpregpagered {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 11px;
	color: #F00;
	line-height: 18px;
}
.jpregpagebold11 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height: 20px;
}
.jpregpage11 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
	line-height: 20px;
}
.droid {
	background-image: url(../images/background/blank.png);
	background-repeat: repeat;
}
.jpregdroid {
	background-image: url(../images/background/blank.png);
	background-repeat: repeat;
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;

	line-height: 20px;
}
.jpregpageblack12 {
	font-family: "Meiryo", "Kozuka Gothic Pr6N B", "MS P Gothic", "MS Gothic";
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	text-align: left;
}
.body table tr .bkgmid table tr td table tr td table tr td p {
	font-weight: bold;
}
.body table tr .bkgmid table tr td table tr td table tr .bkgmid table tr td table tr td table tr td table {
	font-weight: normal;
}

.tabcontainer {
	width:100%;
	height:350px;
}
.tabcontainer .buttoncontainer{
	height:15%;
}
.tabcontainer .buttoncontainer button{
	width:25%;
	height:100%;
	float:left;
	border:none;
	outline:none;
	cursor:pointer;
	padding:10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:18px;
	background-color:#999999
}
.tabcontainer .buttoncontainer button:hover{
	background-color:#666666;
}
.tabcontainer .tabpanel{
	height: 85%;
	background-color:grey;
	color:white;
	text-align:center;
	padding-top:105px;
	box-sizing:border-box;
	font-family:sans-serif;
	font-size:22px;
	display:none;
}


.feature-container {
  position: relative;
  border: solid 1px #04416D;
  background: #E7EBEF; 
  color: white;
  overflow: hidden;
  text-align: center;
  width: 205px;
}

.feature-container:after {
  position: absolute;
  content: '';
  top: 90%;
  right: 20px;
  left: 20px;
  transform: rotate(45deg);	
}