@charset "iso-8859-1";

/* Default CSS Document */

html{ height:100%; }

/** BODY ***************************************************************************************************************/
body{
	height:100%;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
	background:#fff url(../img/bodybg.jpg) 0 0 repeat;
}

th,
td{
	font-size:83%;
	line-height:140%;
}

a{
/*\*/
   overflow: hidden;
/**/
}

img{ border:none; }

h1,
h2,
h3,
h4,
h5{ margin:0; padding:0; font-size:83%; line-height:160%; }

h3.bluebottomboder{
	padding-left:5px;
	font-size:110%;
	line-height:130%;
	color:#005666;
}

ul,
ol{ margin:0; padding:0; }
li{ margin:0 0 0 18px; padding:0; }
ol li{ margin:0 0 0 28px; padding:0; }

hr{ border:none; }

hr.dotborderwhite{
	color: #fff;
	background-color: #fff;
	height:1px;
	border-bottom:1px dotted #b5b5b6;
}

hr.bordergray{
	color: #fff;
	background-color: #fff;
	height:1px;
	border-bottom:1px solid #ccc;
}

/** Decoration *******************************************************************************************************/
/* Default Font Style */
.siten{ font-size:16px; line-height:20px; color:#009999; font-weight:bold; }
.credit{ font-size: 10px; color:#666666;  padding-left: 240px;  }
.submenu{ font-size: 10px; line-height: normal; padding-left: 20px; font-weight:normal; }
.font10 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13blue { font-size: 13px; font-weight: bold; color: #003399; font-style: normal; }
.font13red { font-size: 13px; font-weight: bold; color: #FF6666; font-style: normal; }
.font14blue { font-size: 14px; font-weight: bold; color: #003399; font-style: italic; }
.font16 { font-size: 16px; font-weight: bold; color: #009999; line-height: 30px; }

.subTitle { font-size: 13px; line-height: 18px; font-weight: bold; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
.grayitalic { font-size: 13px; line-height: 18px; font-weight: bold; color: #999999; font-style: italic}
.font11blue { font-size: 11px; font-weight: bold; color: #0066FF}

.border { border: thin #CCCCCC solid; font-size: 13px; }

.bluebottomboder{
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	text-align:left;
	border-bottom:2px solid #00aaad;
}

.small{
	font-size:70%;
	line-height:140%;
}

td span.small{
	font-size:80%;
	line-height:140%;
}

.big{
	font-size:120%;
}


.date{
	line-height:120%;
}

.gray{
	color:#999;
}

.blue{
	color:#005666;
}

.white{
	font-size:90%;
	color:#fff;
}

#innerlink .gray{
	padding-left:16px;
}

h2.bluebg{
	height:30px;
	margin:0 0 10px 0;
	padding:10px 0 0 30px;
	font-size:100%;
	font-weight:100;
	line-height:130%;
	color:#fff;
	background:#00aaad url(../img/titlebg.gif) 0 0 no-repeat;
}

* html h2.bluebg{ height:40px; }


img.grayborder{
	border:1px solid #ccc;
}

/** page link ***************************************************************************************************/

#innerlink{
	margin:5px 0 0 0;
	padding-bottom:20px;
	text-align:center;
	background: url(../img/innerlinktblbottom.gif) 50% 100% no-repeat;
}

#innerlink div{
	width:680px;
	margin:0 auto;
	padding-top:10px;
	background:#d7e2e2 url(../img/innerlinktbltop.gif) 50% 0 no-repeat;
}


/** data table *************************************************************************************************/
table.dataTable{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ccc;
}

table.dataTable th{
	background-color:#ebebeb;
}

table.dataTable th,
table.dataTable td{
	padding:3px 10px;
	text-align:left;
	border:1px solid #ccc;
}



/** ARROW LINK *******************************************************************************************************/
a.rightarrow{
	padding-left:16px;
	background: url(../img/btn_rightarrow.gif) 0 0.2em no-repeat;
}
h2.rightarrow{
	margin-bottom:5px;
	padding-left:18px;
	background: url(../img/btn_rightarrow.gif) 0 1px no-repeat;
}

.small a.rightarrow{
	padding:0 0 2px 16px;
	background: url(../img/btn_rightarrow.gif) 0 0 no-repeat;
}

a.bottomarrow{
	padding-left:16px;
	background: url(../img/btn_bottomarrow.gif) 0 0 no-repeat;
}
a.uparrow{
	padding-left:16px;
	background: url(../img/btn_uparrow.gif) 0 0 no-repeat;
}

a.obliquearrow{
	padding-left:16px;
	background: url(../img/btn_obliquearrow.gif) 0 0 no-repeat;
}

a.backarrow{
	padding-left:16px;
	background: url(../img/btn_backarrow.gif) 0 0.1em no-repeat;
}

/** LINK COLOR *******************************************************************************************************/
a:link{ color: #1e6a99; }
a:visited{ color: #5e8399; }
a:hover{ text-decoration:none; }
a:active{ text-decoration:none; }



/** WRAPPER **********************************************************************************************************/
* html div#wrapper{
    height:100%;
}
div#wrapper{
    min-height:100%;
	width:100%;
	margin:0;
	padding:0;
	background: url(../img/background.jpg) 0 0 repeat-x;
}

* html div#bgwrapper{
    height:100%;
}
div#bgwrapper{
    min-height:100%;
	width:762px;
	margin:0 auto;
	padding:0;
	background: url(../img/contentsbg.gif) 0 0 repeat-y;
}

/** HEADER ***********************************************************************************************************/
div#header{
	background: url(../img/headerbg.gif) 0 0 repeat-x;
}
div#header table td{
	font-size:70%;
}


/** BREAD CRUMB ******************************************************************************************************/
#breadCrumb{
	padding:4px 5px 2px 5px;
	color:#666;
	font-size:70%;
	background-color:#d9f2f3;
}

/** CONTENT *********************************************************************************************************/
* html div#contentsArea{
    height:100%;
}
div#contentsArea{
    min-height:100%;
	margin:0;
	padding:0;
	text-align:center;
	background: url(../img/contentsbg_top.gif) 0 107px no-repeat;
}

div#content{
	margin:0;
	padding:5px 16px;
	text-align:left;
}


/** to page top *****************************************************************************************************/
.topagetop{
	font-size:90%;
	margin:10px 0 20px 0;
}

.topagetop a{ padding-bottom:2px; }

/** Footer *****************************************************************************************************/
div#footer table td{
	font-size:70%;
}


/** GLOBAL MENU ******************************************************************************************************/
#globalmenu{
	background: url(../img/gnavibackground.gif) 0 0 repeat-x;
}


#globalmenu table th{ text-align:center; }

#globalmenu ul,
#globalmenu li{
	margin:0;
	padding:0;
	list-style:none;
}

#globalmenu ul{ width:341px; margin:0 auto; }

#globalmenu li{
	display:inline;
}

#globalmenu li#global01 a,
#globalmenu li#global02 a,
#globalmenu li#global03 a,
#globalmenu span{
	display:block;
	float:left;
	height:32px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}


#globalmenu li#global01 a{ width:62px; background: url(../../english/common/img/gnavi01.gif) 0 0 no-repeat; }
#globalmenu li#global02 a{ width:147px; background: url(../../english/common/img/gnavi02.gif) 0 0 no-repeat; }
#globalmenu li#global03 a{ width:132px; background: url(../../english/common/img/gnavi03.gif) 0 0 no-repeat; }

#globalmenu li#global01 span{ width:62px; background: url(../../english/common/img/gnavi01.gif) 0 -32px no-repeat; }
#globalmenu li#global02 span{ width:147px; background: url(../../english/common/img/gnavi02.gif) 0 -32px no-repeat; }
#globalmenu li#global03 span{ width:132px; background: url(../../english/common/img/gnavi03.gif) 0 -32px no-repeat; }

#globalmenu li#global01 a:hover,
#globalmenu li#global02 a:hover,
#globalmenu li#global03 a:hover,
#globalmenu li#global01 a.on,
#globalmenu li#global02 a.on,
#globalmenu li#global03 a.on{ background-position:0 -32px; }




/* Remove element */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:1px;
	height:1px !important;
	font-size:0%;
	background:none !important;
	overflow:hidden;
}
html>body .reset{overflow:visible;}