@charset "Shift_JIS";

/*-- 200803 textlink’ว‰ม‘ฮ‰ž --*/
#footerlink {
	width: 810px;
	font-size:8pt;
	overflow:inherit;
	margin:10px 40px 10px 40px;
	line-height:1.5em;
	text-align:center;
}

/* ---- header ---- */

#topheader{
	width: 898px;
	height: 63px;
	background-color: #fff;
	background-repeat:no-repeat;
	background-image:url(../images/top_header_bg.gif);
	margin:0;
	padding:0;
}


.toplogo{
	padding: 0px;
	margin:3px 0px 0px 13px;
	width:240px;
	height:60px;
}


.flash{
	border-bottom:1px #999 solid;
	border-top: 1px #999 solid;
}

#top_freemenu{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left:12px;
	width:174px;
	padding: 0;
}

#top_freemenu ul{
	margin: 0px;
	padding: 0px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro","Osaka",sans-serif;
}
#top_freemenu ul li{
	margin: 3px 0px 3px 0px;
	padding: 2px 0px 2px 5px;
	list-style-type: none;
	border: 0px #300 solid;
border-right: 1px #966 solid;
border-bottom: 1px #966 solid;
border-left: 1px #FFF solid;
border-top: 1px #FFF solid;
	background-image: url(../images/free_bg.gif);
}
#top_freemenu ul li a{
	color: #8d350f;
	text-decoration: none;
	font-weight: nomal;
}
#top_freemenu ul li a:visited{
	color: #8d350f;	
	text-decoration: none;
}
#top_freemenu ul li a:hover{
	color: #d27b55;	
	text-decoration:underline;
}

#top_freemenu ul li a:active{
	color: #d27b55;	
	text-decoration:underline;
}


#outline{
	margin: 10px 0px 10px 5px;
	padding:0;
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
}
#outline td{
	padding:2px;
	vertical-align:top;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background-color:#FFF;
}
#top_verisign{
	margin: 10px 0px 20px 10px;
	padding: 0px;
	width: 174px;
}
#top_verisign table{
	font-size: 10px;
	line-height:150%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro","Osaka",sans-serif;
	color:#333;
	background-color:#FFF;
}

#top_verisign td{
	padding: 3px 2px;
}
#top_verisign .line{
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding:5px 0px;
}

#mobile{
	margin: 10px 0px 10px 12px;
	padding: 10px 0px 0px 0px;
	border-top: 2px #FFF dotted;
	width: 174px;
}
#mobile ul{
	margin: 0px;
	padding: 0px;
}
#mobile ul li{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	list-style-type: none;

}

#top_tkc{
	margin: 10px 0px 5px 12px;
	padding: 0px;
	width: 174px;
}

#top_tkc table{
	border: 1px #FFF solid;
}
#top_tkc th{
	background-color: #AA352C;
	color:#FFF;
	padding: 2px;
}
#top_tkc .mark{
	background-color: #FFF;
	text-align:center;
}
#top_tkc .notes{
	text-align:left;
	padding: 2px;
	color:#333;
}
#top_tkcpost table{
	margin: 5px 0px 10px 12px;
	border: 2px #fff solid;
background-color: #fff;
	width: 174px;
}
#top_tkcpost td{
	text-align: center;
	padding:2px;
	color: #333;
}
#counter{
	margin: 10px 0px 5px 12px;
	padding: 0px;
	width: 174px;
	text-align:center;
}

/* ---- —L—ฟŽฉ“ฎXVƒRƒ“ƒeƒ“ƒc ---- */


#top_koshin{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left:12px;
	width:174px;
	padding: 0;
}

#top_koshin ul{
	margin: 0px;
	padding: 0px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro","Osaka",sans-serif;
}
#top_koshin ul li{
	margin: 3px 0px 3px 0px;
	padding: 2px 0px 2px 5px;
	list-style-type: none;
	border: 0px #300 solid;
	border-right: 1px #693 solid;
	border-bottom: 1px #693 solid;
	border-left: 1px #FFF solid;
	border-top: 1px #FFF solid;
	background-image: url(../images/koshin_bg.gif);
}
#top_koshin ul li a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#top_koshin ul li a:visited{
	color: #FFF;	
}
#top_koshin ul li a:hover{
	color: #9ff;	
}

#top_koshin ul li a:active{
	color: #ff9;	
}

/* tkcƒVƒXƒeƒ€Q&A tkcล–ฑ๎•๑Q&A */

#btn_r{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left:10px;
	width:176px;
	padding: 0px;
}

#btn_r ul{
	margin: 0px;
	padding: 0px;
}

#btn_r ul li{
	margin: 0px;
	padding: 0px;
	width: 176px;
	list-style-type: none;
}
/* Flash“เƒƒjƒ…[ƒ{ƒ^ƒ“‚ฬŠOo‚ต‘ฮ‰ž */

#flash_Area{
	margin:0;
	padding:0;
	position:relative;
	background-color: #ffffff;
}
#flash_Area #btn_Area{
	position:absolute;
	top:0;
	left:0;
	width:898px;
	z-index:10;}

#btn_Area ul{
	list-style:none;
	margin:0;
	padding:0;
}
#btn_Area li{
	margin:0;
	padding:0;
	height:25px;
	_margin-bottom:-3px;
}

#btn_Area #menu1{
	position:absolute;
	top:5px;
	left:15px;
	_margin-bottom:-3px;
}
#btn_Area #menu2{
	position:absolute;
	top:296px;
	left:231px;
}

#btn_Area #menu2 ul{
	list-style:none;
	margin:0;
	padding:0;
	width:600px;
	float: left;
}
#btn_Area #menu2 li{
	margin:0;
	padding:0;
	height:30px;
	width:165px;
	display: inline;
	float: left;
	_margin-bottom:-4px;
}
#btn_Area #menu3{
	position:absolute;
	top:5px;
	left:708px;
}
#btn_Area #menu3 li{
	margin:0;
	padding:0;
	height:26px;
	_margin-bottom:-3px;
}
#btn_Area #menu4 li{
	margin:0;
	padding:0;
	height:26px;
	_margin-bottom:-3px;
}
body{position:relative;}

/* ---- 201002’ว‰ม QRƒR[ƒh ---- */

#QR_code {
	width:132px;
	text-align:center;
	border:1px solid #21516D;
	margin-bottom:5px;
	margin-left:32px;
	margin-top:10px;
	padding:0;
	background-color:#ffffff;
}

#QR_code .qr_info{
	line-height:125%;
	font-size: 80%;
	text-align:left;
	margin:10px 10px 5px;
}

#QR_code .qr_image{
	width:73px;
	margin:10px auto;
}

#QR_code .clear{
	clear:both
}