html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;

	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
body	{
font-size:16px;
font-family:helvetica, Arial, san-serif;
	}
a	{color:#004AB0}
a:hover	{color:#0066ff}

.grad1 {
 width:756px;
 padding:0px 0px 0px 0px;
 border-left:solid 3px #e0e0e0;
 border-right:solid 3px #e0e0e0;
 border-bottom:solid 1px #7e7e7e;
  margin: auto auto 0px auto;

}
.grad2 {
width:752px;
padding:0px;
border-left:solid 2px #cccccc;
border-right:solid 2px #cccccc;
border-bottom:solid 1px #7e7e7e;
margin: 0 auto 0px auto;
}
.grad3 {
width:750px;
padding:0px;
border-left:solid 1px #aaaaaa;
border-right:solid 1px #aaaaaa;
border-bottom:solid 1px #7e7e7e;
margin: 0 auto 0px auto;
height: auto;
}

h2 {
font-size: 1.5em;	
font-weight: bold;	
}
strong {
	font-weight: bold;
}

.head	{background-color: #2d2eac;
	 width:750px;
	 height:77px;
	 margin:0px auto 9px auto;
	 }
h1.head {
position:relative; 
text-align: left;
vertical-align: top;
color: #fff;
font-size: 16px;
margin: 0 0 12px 0;
padding: 0px;
}

h1.head img {
width:750px;
height:77px;
z-index:1; 
position:absolute; 
top:0; 
left:0; 
}

h1.head span {
padding: 0px 0px 0px 60px;
font-size: 24px;
line-height: 50px;
}

.content {
	font-family:helvetica, Arial, san-serif;
	width:750px;
  text-align:left}
  
.menu	{position:relative;
	top:0;
	left:0;
	width:170px;
   height:100%;
   float:left;
	background-color:#082984;  
	z-index: 1;
	  }

.menu a	{display:block;
	 text-align:center;
	 text-decoration:none;
	 font-size:12px;
	 color:#ffffff;
	 background-image:url(../image/yokomoji_navi1.gif);
	 width:170px;
	 line-height:28px;
	 border-bottom:solid 1px #ffffff;
	 border-right:solid 1px #ffffff;
	 	 background-color:#082984;
	 }

.menu a:hover {background-image:url(../image/yokomoji_navi1_on.gif);
color:#ffffff;
background-color:#5A84A5; 
	 }

.submenu	{visibility: hidden;
	 position:absolute;
	 top:0;
	 left:171px}

.submenu a	{border-bottom:solid 1px #ffffff;
	 background-image:url(../image/yokomoji_navi2.gif);}

.submenu a:hover	{border-bottom:solid 1px #ffffff;
	 background-image:url(../image/yokomoji_navi2_on.gif);}

#menu1	{position:absolute;
	 top:0;
	 left:0;
	 z-index:14}

#menu2	{position:absolute;
	 top:29px;
	 left:0px;
	 z-index:13}

#menu3	{position:absolute;
	 top:58px;
	 left:0px;
	 z-index:12}

#menu4	{position:absolute;
	 top:87px;
	 left:0px;
	 z-index:11}

#menu5	{position:absolute;
	 top:116px;
	 left:0px;
	 z-index:10}

#menu6	{position:absolute;
	 top:145px;
	 left:0px;
	 z-index:9}

#menu7	{position:absolute;
	 top:174px;
	 left:0px;
	 z-index:8}

#menu8	{position:absolute;
	 top:203px;
	 left:0px;
	 z-index:7}


#menu9	{position:absolute;
	 top:232px;
	 left:0px;
	 z-index:6}

#menu10	{position:absolute;
	 top:261px;
	 left:0px;
	 z-index:5}

#menu11	{position:absolute;
	 top:290px;
	 left:0px;
	 z-index:4}

#menu12	{position:absolute;
	 top:319px;
	 left:0px;
	 z-index:3}

#menu13	{position:absolute;
	 top:348px;
	 left:0px;
	 z-index:2}

#menu14	{position:absolute;
	 top:377px;
	 left:0px;
	 z-index:1}

#menu15	{position:absolute;
	 top:406px;
	 left:0px;
	 z-index:0}
	 
.main	{
	width:550px;
	margin:0px 0px 0px 200px;
	font-family:helvetica, Arial, san-serif;
	font-size:14px;
	color:#5C5C5C;
	line-height:20px;
	}

.innertop {
}	
	
.innertop h2 {
position:relative; 
text-align: right;
vertical-align: top;
color: #004AB0;
font-size: 16px;
margin: 10px 25px 5px 0px ;
_margin: 0px 25px 5px 0px ;
padding: 0px;
font-size: 18px;
}
	
.innertop h3  {
position:relative; 
text-align: left;
vertical-align: top;
color: #000;
font-size: 18px;
font-weight: bold;
margin: 5px 0px 0px 15px ;
}

.innercontent {
clear: both;
margin: 10px 0 0 0;
padding: 20px 0 30px 0;
}
	
.innercontent h1, h2, h3, h4, h5, h6	{
margin: 0px;
padding: 0px;
}
 .innercontent h1	{
  font-size:16px;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
  	color:#5C5C5C;
  }

 .innercontent h2	{
  font-size:16px;
  color:#5C5C5C;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
	}
 .innercontent h3	{
  font-size:16px;
	color:#5C5C5C;
  padding:3px 0px 3px 10px;
	 margin-bottom:5px;
	 } 
 .innercontent h4	{
  font-size:16px;
	color:#000;
  padding:3px 0px 3px 10px;
  font-weight: bold;
	 } 	 

 .innercontent p {
  font-size:15px;
	 line-height:22px;
	 color:#666666;
	 margin:0px;
	 padding: 10px 15px 10px 10px;
	 }
	 

.innercontent2 {
clear: both;
margin: 10px 0 0 0;
padding: 20px 0 30px 0;
}
	
.innercontent2 h1, h2, h3, h4, h5, h6	{
margin: 0px;
padding: 0px;
}
 .innercontent2 h1	{
  font-size:16px;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
  	color:#5C5C5C;
  }

 .innercontent2 h2	{
  font-size:16px;
  color:#5C5C5C;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
	}
 .innercontent2 h3	{
  font-size:16px;
	color:#5C5C5C;
  padding:3px 0px 3px 10px;
	 margin-bottom:5px;
	 } 
 .innercontent2 h4	{
  font-size:16px;
	color:#000;
  padding:3px 0px 3px 10px;
  font-weight: bold;
	 } 	 

 .innercontent2 p {
  font-size:15px;
  text-align: justify;
	 line-height:22px;
	 color:#666666;
	 margin:0px;
	 padding: 10px 25px 10px 0px;
	 line-height: 1.45em;
	 }
.innercontent2 span {
color: #ff0000;
}	 





.innercontent2sun {
clear: both;
margin: 10px 0 0 0;
padding: 20px 0 30px 0;
}
	
.innercontent2sun h1, h2, h3, h4, h5, h6	{
margin: 0px;
padding: 0px;
}
 .innercontent2sun h1	{
  font-size:16px;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
  	color:#5C5C5C;
  }

 .innercontent2sun h2	{
  font-size:16px;
  color:#5C5C5C;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
	}
 .innercontent2sun h3	{
  font-size:16px;
	color:#5C5C5C;
  padding:3px 0px 3px 10px;
	 margin-bottom:5px;
	 } 
 .innercontent2sun h4	{
  font-size:16px;
	color:#000;
  padding:3px 0px 3px 10px;
  font-weight: bold;
	 } 	 

 .innercontent2sun p {
  font-size:15px;
  text-align: justify;
	 line-height:22px;
	 color:#666666;
	 margin:0px;
	 padding: 10px 25px 10px 0px;
	 line-height: 1.45em;
	 }
.innercontent2sun span {
color: #ff0000;
}	 

.innercontent2sun td {
 padding:10px 22px 10px 22px;
}	



.innercontent2b {
clear: both;
margin: 10px 0 0 0;
padding: 20px 0 30px 0;
}
	
.innercontent2b h1, h2, h3, h4, h5, h6	{
margin: 0px;
padding: 0px;
}
 .innercontent2b h1	{
  font-size:16px;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
  	color:#5C5C5C;
  }

 .innercontent2b h2	{
  font-size:16px;
  color:#5C5C5C;
  padding:3px 0px 3px 10px;
  margin-bottom:5px;
	}
 .innercontent2b h3	{
  font-size:16px;
	color:#5C5C5C;
  padding:3px 0px 3px 10px;
	 margin-bottom:5px;
	 } 
 .innercontent2b h4	{
  font-size:16px;
	color:#000;
  padding:3px 0px 3px 10px;
  font-weight: bold;
	 } 	 

 .innercontent2b p {
  font-size:15px;
  text-align: justify;
	 line-height:22px;
	 color:#666666;
	 margin:0px;
	 padding: 10px 25px 10px 0px;
	 line-height: 1.45em;
	 }
	 
.innercontent2b td {
padding: 8px;
font-size:13px;
}	 
	 
	 
.innercontent2b span {
color: #ff0000;
}	 


.innercontent2b hr {
color: #ff0000;
} 





	 
div.lpanda {
z-index:100;
position:relative;
top:-130px;
left:-180px;
width:150px;
}
div.lpandacn {
z-index:100;
position:relative;
top:-110px;
left:-180px;
width:150px;
}
div.lpandajp {
z-index:100;
position:relative;
top:-60px;
left:-180px;
width:150px;
}

img.rpanda {
	float: right;
	margin: 25em 15px 10px 15px;
}
img.rpandacn {
	float: right;
	margin: 7em 15px 10px 15px;
}
img.rpandajp {
	float: right;
	margin: 20em 15px 10px 15px;
}
img.rpanda2 {
	float: right;
	margin: 7em 15px 60px 15px;
}
img.rpanda2cn {
	float: right;
	margin: 8em 20px 60px 10px;
}
img.rpanda2jp {
	float: right;
	margin: 9em 20px 60px 10px;
}
img.rfrog {
	float: right;
	margin: 2em 20px 60px 10px;
}
img.rfrogcn {
	float: right;
	margin: 0em 60px 60px 10px;
}
img.rfrogjp {
	float: right;
	margin: 2em 30px 60px 0px;
}
img.lfrog {
	float: left;
	margin: 1em 50px 60px 10px;
}
img.schar {
margin: 15px 0 0px 30px;
}
 
table.about {
border: solid 1px #cccccc;
margin: 0 0 0 5px;
} 
table.about td {
border: solid 1px #9f9f9f;
} 

table.staff {
width: 100%;
border: 0px;
margin: 0px 0 0px 5px;	
}
table.staff td {
vertical-align: top;
}
table.staff img {
margin-top: 20px;
}
table.location {
margin: 0 auto 20px auto;
border: solid 1px #9f9f9f;
width: 80%;
}

table.location td {
vertical-align: top;
}
table.links {
width: 75%;
font-size: 15px;
}

table.links a {
display: block;
margin: 7px 0 7px 0;
}
table.linkscn {
width: 65%;
font-size: 15px;
}

table.linkscn a {
display: block;
margin: 7px 0 7px 50px;
}

table.pnumbers {
width: 65%;
font-size: 15px;
}
table.pnumbers p {
margin: 5px 0;
padding: 0px;
}

p.bigbold {
width: 75%;
display: block;
font-size: 16px;
font-weight: bold;
color: #000;
text-align: justify;
margin: 0 auto;
padding: 20px 0px;
}
p.bigboldcn {
width: 75%;
display: block;
font-size: 16px;
font-weight: bold;
color: #000;
text-align: center;
margin: 0 auto;
padding: 20px 0px;
}
p.bigboldjp {
width: 75%;
display: block;
font-size: 16px;
font-weight: bold;
color: #000;
text-align: center;
margin: 0 auto;
padding: 20px 0px;
}

table.wrapper {
width: 75%;
margin:auto;
}

img.rightbld {
	margin: 0 0 0 10px;
	padding: 0px;
	border: solid 1px #9f9f9f;
}

td.leftloc {
background-color: #FFFFCC;
border: solid 1px #9f9f9f;
}

.center2 {
text-align: center;
margin: 0 auto;
}	
	
	
	 
.topcontimg {
width:277px;	
height: 200px;
vertical-align: top;
float: left;
margin: 0px;
padding: 0px;
}
.flash {
text-align: right;
width:240px;	
vertical-align: middle;
float: none;
margin: 20px 15px 0 0;
display: inline;
padding: 0px;
}

.link	{font-size:smaller;
	color:#004AB0;
     margin-bottom:10px;}
.center {
	text-align: center;
}
div.center2 {
text-align: center;
margin: 0 2% 0 2%;
}

p.boldteal {
color: #004AB0;
font-weight: bold;	
}




.innercontent em {
font-weight: bold;
color: #004AB0;
font-style: normal;
}
.clear {
	clear: both;
}
.hidden {
visibility: hidden;
}

.copyright {
width:750px;
height:26px;
background-color:#ddddef;
text-align:center;
vertical-align:middle;
font-family:helvetica,san-serif;
font-size:10px;
line-height:26px;
color:#666666;
margin:30px auto 30px auto;
clear: both;
}







table.simplephp {
background: transparent;
width: 550px;
}
table.simplephp td {
vertical-align: top;
text-align: left;
padding: 0 5px 0 20px;
}
.simplephp big {
	font-weight: bold;
	font-size: 16px;
}
.simplephp span {
color: #ff0000;
}

p.important {
color: #FF0000;
padding: 0 10px 0 110px;
font-weight: bold;
}

table.simplephp textarea {
	margin: 0 0 5px 0;
	padding: 0;
	overflow: auto;
	font-size: 14px;
	max-width: 410px;
}
table.simplephp input {
	margin: 0 0 5px 0;
	font-size: 14px;
	max-width: 410px;
}
table.simplephp select {
	margin: 3px 0px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px;
}

div.buttons {
margin: 20px 0 0 240px;
padding: 0px;
}
div.buttons input {
margin: 0 10px 0 0;
padding: 3px 5px;
font-weight: bold;
}


table.simplephp em {
font-weight: bold;
color: #004AB0;
font-style: normal;
}
table.simplephp hr {
color: #004AB0;
background-color: #004AB0;
text-align: left;
margin: 5px 10px 5px 10px;
_margin: 0px 10px 0px 10px;
height:1px;
}



table.simplephpjp {
background: transparent;
width: 550px;
}
table.simplephpjp td {
vertical-align: top;
text-align: left;
padding: 0 5px 0 0px;
}
.simplephpjp big {
	font-weight: bold;
	font-size: 16px;
}
.simplephpjp span {
color: #ff0000;
}

table.simplephpjp textarea {
	margin: 0 0 5px 0;
	padding: 0;
	overflow: auto;
	font-size: 14px;
	max-width: 420px;
	_max-width: 370px;
}
table.simplephpjp input {
	margin: 0 0 5px 0;
	font-size: 14px;
	max-width: 420px;
	_max-width: 370px;
}

table.simplephpjp select {
	margin: 3px 0px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px;
}

table.simplephpjp em {
font-weight: bold;
color: #004AB0;
font-style: normal;
}
table.simplephpjp hr {
color: #004AB0;
background-color: #004AB0;
text-align: left;
margin: 5px 10px 5px 10px;
_margin: 0px 10px 0px 10px;
height:1px;
}

div.buttonsjp {
margin: 20px 0 0 240px;
padding: 0px;
}
div.buttonsjp input {
margin: 0 10px 0 0;
padding: 3px 5px;
_padding: 0px 0px;
font-weight: bold;
}

div.buttonscn {
margin: 20px 0 0 220px;
padding: 0px;
}
div.buttonscn input {
margin: 0 10px 0 0;
padding: 3px 5px;
_padding: 3px 0px;
font-weight: bold;
}

div.buttons2 {
text-align: center;
margin: 20px auto 0 auto;
padding: 0px;
}
div.buttons2 input {
margin: 0 10px 0 0;
padding: 3px 5px;
font-weight: bold;
}

p.recrphp {
width: 80%;
text-align: center;
margin: auto;
}
p.recrphpcn {
width: 80%;
text-align: center;
margin: auto;
}


div.search {
display: inline;
position: relative;
top: 24px;
left: 70px;
}
div.searchr {
width:530px;
text-align: center;
padding: 10px 0px;
}
#cse-search-results {
width: 550px !important;
}
#cse-search-results iframe {
width: 550px !important;
}
.sfield {
width: 150px !important;
}
.tablepad {
	padding: 10px;
}