@charset "shift_jis";
/* CSS Document */
body{ margin:0px; padding:0px; font:12px/20px "MS PGothic"; color:#232323; background-color:#fff8be;}
body ol,ul,li,form,dl,dt,dd,h1,h2,h3{ float:left; margin:0px; padding:0px; display:inline;}
body li{ list-style:none;}
body p{ padding:0px; margin:0px;}
body font,h1,h2,h3{ font-size:12px; font-weight:normal;}

/*font style*/
.font8{ font-size:8px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font24{ font-size:24px;}
.fontqixie{ font-style:italic;}
.fontfamily-aril{ font-family:Arial, Helvetica, sans-serif;}
.fontweight{ font-weight:900;}
.fontzimbig{ font-variant:small-caps;}
.font-under{ text-decoration:underline;}

/*position and float*/
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}

/* height and width*/
.lineheight5{ float:left; width:100%; height:5px; overflow:hidden; display:inline;}
.lineheight10{ float:left; width:100%; height:10px; overflow:hidden; display:inline;}
.lineheight15{ float:left; width:100%; height:15px; overflow:hidden; display:inline;}
.lineheight17{ float:left; width:100%; height:18px; overflow:hidden; display:inline;}
.lineheight20{ float:left; width:100%; height:20px; overflow:hidden; display:inline;}
.lineheight25{ float:left; width:100%; height:25px; overflow:hidden; display:inline;}
.lineheight30{ float:left; width:100%; height:30px; overflow:hidden; display:inline;}
.lineheight35{ float:left; width:100%; height:35px; overflow:hidden; display:inline;}
.lineheight40{ float:left; width:100%; height:40px; overflow:hidden; display:inline;}

.w11{ width:11px;}


/*bianju style*/
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr11{ margin-right:11px;}
.mr13{ margin-right:13px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}

.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml13{ margin-left:13px;}
.ml14{ margin-left:14px;}
.ml15{ margin-left:15px;}
.ml18{ margin-left:18px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml41{ margin-left:41px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml52{ margin-left:52px;}
.ml60{ margin-left:60px;}
.ml70{ margin-left:70px;}

.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt4{ margin-top:4px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt23{ margin-top:23px;}
.mt25{ margin-top:25px;}
.mt29{ margin-top:29px;}
.mt33{ margin-top:33px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}

.pt5{ padding-top:5px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl39{ padding-left:39px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}

.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb34{ padding-bottom:34px;}
.pb40{ padding-bottom:40px;}
.pb60{ padding-bottom:60px;}
.pb70{ padding-bottom:70px;}


/*text color and link style*/

a:link,a:visited{ color:#232323; text-decoration:none;}
a:hover{ color:#ed8826; text-decoration:none;}
a:active,a:focus{ outline:none;}


.gray{ color:#838383;}
.red{ color:#F00;}

.orange{ color:#ff8700;}
a.orangelink:link,a.orangelink:visited{ color:#ff8700; text-decoration:none;}
a.orangelink:hover{ color:#232323; text-decoration:none;}
a.orangelink:active,a.orangelink:focus{ outline:none;}

a.greenlink:link,a.greenlink:visited{ color:#45b501; text-decoration:none;}
a.greenlink:hover{ color:#232323; text-decoration:none;}
a.greenlink:active,a.greenlink:focus{ outline:none;}

.white{ color:#FFF;}
a.whitelink:link,a.whitelink:visited{ color:#ffffff; text-decoration:none;}
a.whitelink:hover{ color:#232323; text-decoration:none;}
a.whitelink:active,a.whitelink:focus{ outline:none;}

.linklink-gray{ color:#555555;}
a.linklink:link,a.linklink:visited{ color:#555555; text-decoration:none;}
a.linklink:hover{ color:#555555; text-decoration:underline;}
a.linklink:active,a.linklink:focus{ outline:none;}

body#index .indexlink,
body#pay .paylink,
body#rule .rulelink,
body#links .linkslink,
body#faq .faqlink,
body#sitemap .sitemaplink{ color:#232323; text-decoration:none;}




/*page style*/
a.pagelink:link,a.pagelink:visited{ text-align:center; color:#030303; text-decoration:none; padding:4px 8px; border:#fffbda solid 1px;}
a.pagelink:hover{ text-align:center; border:#ff822a solid 1px; background-color:#feeb9a; text-decoration:none; padding:4px 8px;}
a.pagelink:active,a.pagelink:focus{ outline:none;}

a.pagelink1:link,a.pagelink1:visited{ text-align:center; color:#030303; text-decoration:none; border:#ff822a solid 1px; background-color:#feeb9a; padding:4px 8px;}
a.pagelink1:hover{ text-align:center; background-color:transparent; text-decoration:none; padding:4px 8px;}
a.pagelink1:active,a.pagelink1:focus{ outline:none;}



/*other style*/
.orange_dashed_line{ border-bottom:#f9c665 dashed 1px; height:1px; overflow:hidden;}

#liveMessengerContainer
{
	position:absolute;
}
#liveMessengerThumb
{
	cursor:pointer;
}
#liveMessengerPanel
{
	width :300px;
	border :none;
	margin :0px;
	padding :0px;
	display:none ;
}
#hideLiveMessengerPanel
{
	cursor:pointer; 
	margin-right: 5px;
	margin-top :0px;
	float :left ;
}