@charset "utf-8";
/* CSS Document */

input.text,
textarea { 
	border: 1px solid #97c5d2; 
	background: url(../../img/other/bg_input.gif) no-repeat left top #e5f7ff;
	padding: 1px;
}

#flashArea { outline: none; overflow: hidden; }
#flashArea object { outline: none; }

/*----- レイアウト -----*/

body{ background: url(../../img/other/bg_body.gif) repeat-x left top #97d4ed; color: #666; font-size: 12px; text-align: center;}

#container { width: 980px; margin: 0 auto; text-align: left; }

#mainClm input.text,
#mainClm textarea { width: 400px; }
#mainClm form th,
#mainClm form td { padding: 5px; }




/*----- 言語選択 -----*/
#headerNavi { position:absolute; z-index:4; }
#headerNavi p.globalhome { position:absolute; top:20px; left:902px; }
#headerNavi p.languageTx { position:absolute; top:55px; left:830px; }
#headerNavi #menuLang { width:92px; font-size:1px; height:24x; position:absolute; top:52px; left:902px; }
#headerNavi #menuLang li { font-size:3px; line-height:0; position:relative; }
#headerNavi #menuLang li img { margin:0; }
#headerNavi ul#pulldown { border-top: 1px solid #9bc2e6; display:none; position:absolute; top:24px; left:0; width:71px;}
#headerNavi ul#pulldown li{ border-bottom: 1px solid #9bc2e6; font-size:3px; line-height:0; padding:0; height:auto;}
*html #headerNavi ul#pulldown li{font-size:1px;}
#headerNavi ul#pulldown li img { margin:0; vertical-align:bottom;}
#headerNavi #menuLang li.click ul#pulldown { display:block;}


/*----- 右カラム -----*/

#rightClm { 
	width: 406px; float: right; padding: 0 0 94px; 
}

#rightClmWrap { padding: 20px 154px 0 13px; position: relative; }

#rightClmWrap { padding: -1 154px 0 13px; }



#rightClm ul#language { height:; }

#rightClm #loginForm { width: 238px; }

#rightClm ul#subMenu1 { margin: 10px 0 12px; font-size: 1px; border-top: 1px solid #cad0d6; padding-top: 10px; }
#rightClm p.banner { margin: 0 0 14px 0;}
#rightClm ul#subMenu1 li { display: inline; }
#rightClm ul#subMenu1 li.item01 { margin: 0 0 2px; }
#rightClm ul#subMenu1 li.item03 { margin: 0 0 0 1px;}

#rightClm ul#subMenu2 { 
	margin: 12px 0 12px; padding: 8px 16px 5px; 
	background-color: #e9e7f6;  
	font-size: 1px;
	overflow: hidden; height: 1%;
}
#rightClm ul#subMenu2 li { float: left; } 
#rightClm ul#subMenu2 li { width: 96px; }

#rightClm #infomation li { 
	background: url(../../img/other/line_dot.gif) repeat-x left bottom; 
	padding: 0 0 8px; margin: 8px 0 0;
}
#rightClm #infomation li.last { background: none; }

/*----- フッター -----*/

#footer { 
	background: url(../../img/other/bg_footer.gif) no-repeat left top #219acf; 
	color: #7becff; 
	padding: 18px 0; 
	/*margin: 0 137px 0 76px;*/
	margin-left:76px;
	overflow: hidden; 
	height: 1%;
	width: 960px;
}

#footer p { font-size: 1px; }
#footer p.copyright { float: left; }
#footer p.copyright img { margin: 3px 0 0 18px; }
#footer p.link { float: right; padding: 0 18px 0 0; }
#footer p.link a { margin: 0 0 0 8px; }

body.eng #footer p.link { float: right; padding: 5px 18px 0 0; }
body.eng #footer p.link a { padding: 0 0 0 8px; }

body.es #footer p.link { float: right; padding: 5px 18px 0 0; }
body.es #footer p.link a { padding: 0 0 0 8px; }

body.pt #footer p.link { float: right; padding: 5px 18px 0 0; }
body.pt #footer p.link a { padding: 0 0 0 8px; }

body.zh #footer p.link { float: right; padding: 5px 18px 0 0; }
body.zh #footer p.link a { padding: 0 0 0 8px; }

body.ko #footer p.link { float: right; padding: 5px 18px 0 0; }
body.ko #footer p.link a { padding: 0 0 0 8px; }


/*----- タイ語用 -----*/
body.th { background: url(../../../th/common/img/bg_contents.jpg) repeat-x #e5e5e5;}
body.th div#container { background: url(../../../th/common/img/bg_header.gif) repeat-x; text-align:center; width: auto;}
body.th div.inner { width: 950px; margin:auto; text-align: left; padding: 0 0 22px 0; }
body.th div#header { margin: 0 0 22px 0;}
body.th div#contents { height: 1%;text-align: left;}
body.th div#contents:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
body.th div#contents div.clm1,
body.th div#contents div.clm2,
body.th div#contents div.clm3 {
	float: left;
	width: 320px;
	height: 1%;
}
body.th div#contents div.clm3 {
	width: 300px;
}
body.th div#contents div.clm1 p.image {
	margin: 0 0 10px 0;
}
body.th div#contents ul.list li {
	width: 300px;
	font-size: 1px;
	line-height: 0;
	margin: 0 0 10px 0;
	background: #fff;
	height: 60px;
}
body.th div#contents ul.list li.off {
	background: #666;
}
body.th div#contents ul.list li.off img { opacity: 0.6; filter:alpha(opacity=60);}
body.th div#contents ul.list li a:hover img { opacity: 0.6; filter:alpha(opacity=60);}