@charset "UTF-8";

.pink,.pink a{ color:#F53162!important;}



/* NEWS */
/* ================================================================ */

#news h2{ width:680px; height:50px; background:url(../images/titlebar_news2.gif) no-repeat;}
#news .inn{ padding:15px 0px;}

#news .inn dl {
	padding:0 10px;
	margin-bottom:35px;}
#news .inn dl dt{
	padding:5px 10px 0 10px;
	min-height:25px;
	_height:25px;
	background:url(../images/news_bg.gif) repeat-x left bottom;}
#news .inn dl dt span{
	font-size:110%; color:#333;
	background:url(../images/mark03.gif) no-repeat 0em 0.25em; padding-left:18px; display:block;}
#news .inn dl dt span.date{ float:right; padding-top:5px;
	font-size:90%!important; background-image:none!important; }
#news .inn dl dd{
	padding:10px 5px 0 25px;
	margin-bottom:20px;
	width:625px;}




/* FAQ */
/* ================================================================ */

#faq h2{ width:680px; height:50px; background:url(../images/titlebar_faq.gif) no-repeat;}
#faq .inn{ padding:15px 0px;}

#faq .inn dl { padding-left:10px;}
#faq .inn dl dt{
	padding:5px 5px 0 35px;
	margin-bottom:10px;
	min-height:25px;
	_height:25px;
	width:620px; background:url(../images/faq_q.gif) no-repeat left bottom;}
#faq .inn dl dd{
	padding:0 10px 25px 35px;
	width:580px;  background:url(../images/faq_a.gif) no-repeat top left;}



/* Bet */
/* ================================================================ */

#bet h2{ width:680px; height:50px; background:url(../images/titlebar_bet2.gif) no-repeat;}
#bet .in{ padding:15px 0;;}
#bet .in p{ padding:0 20px 15px;}
#bet .flash{
		padding:40px 115px 60px;
		background:url(../images/bet_bg.jpg) no-repeat;
		height:282px;}
#bet .back{ text-align:center; padding:15px 0 0; line-height:1.2em;}

/* Which */
/* ================================================================ */

#which h2{ width:680px; height:50px; background:url(../images/titlebar_which1.gif) no-repeat;}
#which h2.result{ margin-bottom:20px; width:680px; height:50px; background:url(../images/titlebar_which2.gif) no-repeat;}
#which h2.past { margin-bottom:20px;  width:680px; height:50px; background:url(../images/titlebar_which3.gif) no-repeat;}

/* background */
#which .inn{
	padding:5px 0 25px; min-height:20px;
	width:680px;
	background:url(../images/which_bgtop.gif) no-repeat bottom left;}

#which .head{
	padding:28px 0 0; width:680px; height:1%;
	background:url(../images/which_bgtop.gif) no-repeat top left;}

#which .under{ background:url(../images/which_bg_bottom.gif) no-repeat bottom left #fff;
		padding:0 0 15px; height:auto;}


#which .inner{background:url(../images/which_bg_flame.gif) repeat-y;} 
#which .cont{	background: url(../images/which_bg.gif) repeat-y left top;}
#which .cont div{
	padding:0 35px 25px;	height:1%;
	background:url(../images/which_bg2top.gif) no-repeat bottom left;}

/* text */
#which .inn p{padding:10px 10px 20px;}

#which .cont div dl{ float:right; width:545px;}
#which .cont div dl dt{ color:#E95485; font-size:110%; font-weight:bold;
		padding:10px 5px 4px; margin-bottom:10px;
		background:url(../images/which_dotline.gif) no-repeat bottom left;}
#which .cont div dl dd{	padding:0 5px 5px;		}

/* background */
#which .cont_in,
#which .result{ width:680px; background: url(../images/which_bg2.gif) repeat-y left top;}

#which .bg_arrow{ padding:0 0 50px;
	background:url(../images/which_flowarrow.gif) no-repeat bottom left;}

#which .cont_in div.in{	padding:10px 50px 25px;}
#which .cont_in div.result{	padding:0 50px 25px;}

#which .cont_in div.in,
#which .cont_in div.result{
	width:580px;
	background:url(../images/which_bg_arrow.gif) no-repeat bottom left;}
	
#which .resultbg_arrow{
	padding:5px;
	height:50px;
	background:url(../images/which_flowarrow.gif) no-repeat bottom left;}

/* which text */
#which .cont_in dt{
	font-weight:bold; font-size:110%;}
#which .cont_in div .a_side,
#which .cont_in div .b_side{
	vertical-align:top;
	clear:both;  margin:5px 0 5px;
	text-align:left;}
#which .cont_in .b_side{ margin:15px 0 0!important;}

#which .cont_in .a_side dt{ margin-left:10px; padding:3px 0 0 30px;
	background:url(../images/which_a.gif) no-repeat top left; height:20px;}
#which .cont_in .b_side dt{ margin-left:10px; padding:3px 0 0 30px;
	background:url(../images/which_b.gif) no-repeat top left; height:20px;}

.a_side dd p,
.b_side dd p{ width:405px; padding:10px;  float:left;}

.a_side dd img,
.b_side dd img{ margin:5px 5px 10px 0; float:left;}


#which .txtarea{ width:290px!important;
				 padding:0; margin:2px 0 15px; border:1px solid #666666;}
#which .txtarea2{ width:370px!important; color:#545454;
				 padding:0; margin:0 0 5px; border:1px solid #666666;}

#which .inner .bet{padding:20px 20px 0;}
#which .inner .bet input.check{ margin:0 0 0 35px; vertical-align:middle;}
#which .inner .bet p,
#which .inner .bet li{ padding-bottom:5px;}

.betbtn{ padding:30px; margin:0; height:auto; text-align:center;}
.betbtn button{background:url(../images/btn_bet.jpg) no-repeat 0 0;
	width:105px; height:25px;
	padding: 0; border:none;}


/* which result */
#which .result div p{ padding:5px 5px 0;}

#which .result dl.a_side,
#which .result dl.b_side{
	 margin-top:10px; padding:0 0 0 10px!important; float:left;
	width:380px;}

#which .result dl dt{ line-height:1.2em; text-align:left; clear:both;
					font-weight:bold; font-size:110%; padding-bottom:5px;}
#which .result dl dd{ padding-right:20px; text-align:center;}
#which .result dl dd img{ float:none;  margin:0px; text-align:center;}

.result .graf .center{ text-align:center; padding:0 5px 20px;}

#which .result .graf{ width:185px;
				background:url(../images/graf_bg.gif) no-repeat top left;}

.result .graf .anqin{ padding:10px;	min-height:255px;
				background:url(../images/graf_bg_under.gif) no-repeat  bottom left;}
.result .graf .anqin p{ margin-left:5px; font-size:95%;
						padding:0 0 0 20px!important; line-height:1.25em!important;}

.anqin .dot_a,
.anqin .dot_b{padding:0 0 5px 23px; }
.anqin .dot_a{ background:url(../images/anqdot_a.gif) no-repeat 0 0.2em;}
.anqin .dot_b{ margin-top:10px; background:url(../images/anqdot_b.gif) no-repeat 0 0.2em;}


#which .comment{ margin:5px 20px 10px;}
#which .comment h3{ background:url(../images/which_title_comment.gif) no-repeat;
				width:640px; height:30px; margin-bottom:20px;}
#which .comment .f_l,
#which .comment .f_r{ width:310px;}

#which .comment .tit{ width:310px; height:20px; 
			background:url(../images/which_comment.gif) no-repeat left top;}
#which .comment .tit h4{
			width:290px; float:left; color:#fff; height:20px; margin:3px 0 0; padding:0px 10px 3px;
			background:url(../images/which_comment.gif) no-repeat left bottom;}
#which .page{ 
			padding:15px 0 5px; height:1%;
			margin:0 20px; 
			background:url(../images/which_dotline2.gif) repeat-x top left;}


#which .comment dl{ margin-top:20px;}
#which .comment dt{background:url(../images/which_voice.gif) no-repeat 0 0; 
				 padding:0 0 10px 20px; line-height:1.2em!important; float:left;}
#which .comment dd{ color:#E97054; text-align:right; height:15px;  width:300px; display:block;
				  margin:0 0px 20px; line-height:1.2em!important; clear:both;}


/* past */
#which .pastpage{padding:5px 30px;
	width:620px;
	background:url(../images/which_past_bg.gif) repeat-y bottom left;}

#which .past_under{padding:5px 10px 10px;
	width:660px;
	background:url(../images/which_past_bgunder.gif) repeat-y bottom left;}
#which .pastpage h3{ background:url(../images/which_title_past.gif) no-repeat;
			   width:640px; height:30px; margin-bottom:20px;}
			   
#which .pastpage dl{ float:left; width:280px; display:block; padding-left:60px;
				background:url(../images/which_question.gif) no-repeat;}
#which .pastpage dl dt{ line-height:1.2em; text-align:left;  padding:10px 0;}
#which .pastpage dl dd{ text-align:right; padding:5px; display:block;
					  line-height:1.2em!important; clear:both;}				
/*Graf*/
#which .pastpage .graf{ width:270px;
		background:url(../images/which_pastbg_w.gif) no-repeat top left;}
.pastpage .graf .center{ text-align:center; padding:10px 5px;}
.pastpage .graf .anqin{ padding:10px 5px 10px 10px; min-height:65px;
		background:url(../images/which_pastbg_wunder.gif) no-repeat bottom left;}
.pastpage .graf .anqin p{ width:145px; margin:5px 0 0 5px;  line-height:1.35em!important;}

#which .pastwhich{ margin:5px 0 15px; clear:both;}
#which  p.anq{ margin:0 35px;}
.wtotop{ padding-bottom:10px;}

/* btn */

#which .pstbtn{padding:10px 20px 0;}
#which .pstbtn a{ background:url(../images/btn_past.gif) no-repeat;
			width:238px; height:36px; display:block; float:right; }

#which .btn{ padding:20px 0 30px; height:42px; margin:0 auto; text-align: center; width:480px;}

#which  a.nowbtn{ background:url(../images/btn_now.gif) no-repeat;
			width:236px; height:42px; display:block; margin-left:20px; float:left;}
#which  a.postbtn{ background:url(../images/btn_post.gif) no-repeat;
			width:220px; height:42px; display:block; float:left;}





/* ML magazine */
/* ================================================================ */

.tomlsample{
	float:right;
	padding-top:5px;
	text-align:right;
	width:15em;}
.mlsample .sitetitle{ width:260px;}
.mlsample #base{width:570px!important;}
.mlsample .in_area{width:550px!important; padding:15px 10px 0; border-top:10px solid #E95485!important;}
.mlsample h2{ width:550px; height:50px; margin-bottom:10px; background:url(../images/titlebar_mlsample.gif) no-repeat;}
.mlsample #footer{ border-top:10px solid #E95485!important; margin-top:5px;}
.mlsample .inn{
	padding:15px;
	border: 1px solid #ccc;
	margin:5px 0 10px;}
	
.mlsample .powered{ background:url(../images/powered.gif) no-repeat;
			width:157px; height:18px; display:block;}


#mlmagazine h2{ width:680px; height:50px; background:url(../images/titlebar_maillmagazine.gif) no-repeat;}
#mlmagazine h3{ width:680px; height:25px; background:url(../images/tit_mlmagazine_a.gif) no-repeat; margin:10px 0;}
#mlmagazine h4{width:400px; height:18px;}


#mlmagazine .inn{ padding:10px 15px 15px;}
#mlmagazine .inn img.bgimage{ float:right; padding-right:20px;}

#mlmagazine .thx{ text-align:center; font-size:110%; padding:30px 10px 20px; font-weight:bold;}
#mlmagazine .gray{
	background-color:#F1F1F1;
	padding:10px;	margin: 10px 10px 35px;}
#mlmagazine .gray .txt{ color:#333; }

#mlmagazine .back{ text-align:center; padding:5px 0 0; line-height:1.2em;}

.mailmagazine dl{
	height:38px; margin:5px 0;
	border:1px solid #BBBBBB;}
.mailmagazine dt{
	 float:left; clear:left;
	 height:24px; width:140px;
	 padding:12px 15px 2px;}
.mailmagazine dd{
	 border-left:none; 
	 height:24px;
	 padding:7px 10px 0; background-color:#fff;}

#mlmagazine .inputtext{
	width:195px; padding:0 3px;
	margin:0px 15px 0 10px ; border:1px solid #999;
	font-size:11px!important; color:#545454; vertical-align:bottom;}

#mlmagazine .enter{border:none; padding:0; height:20px;}

.mlform01 h4{ background:url(../images/tit_mlmagazine_b.gif) no-repeat;}
.mlform01 dt{ background-color:#FEE9F0;}
.mlform01 .enter{  background: url(../images/btn_mlmagazine.gif) no-repeat 0 0;
 	  width:52px;}


.mlform02 h4{ background:url(../images/tit_mlmagazine_c.gif) no-repeat;}
.mlform02 dt{	 background-color:#EFF1EC;}
.mlform02 .enter{  background: url(../images/btn_clear.gif) no-repeat 0 0;
 	  width:52px;}


.mlform03 h4{ background:url(../images/tit_mlmagazine_d.gif) no-repeat;}
.mlform03 dl{ height:78px; margin:5px 0;	border:1px solid #BBBBBB;}
.mlform03 dt{ height:26px; width:140px;	 padding:10px 15px 3px;
			  background-color:#E3F2FC;}
.mlform03 dd{ border-left:none; 	 height:18px;
			  padding:10px; background-color:#fff;}
.mlform03 .enter{  background: url(../images/btn_edit.gif) no-repeat 0 0;
 	width:94px; margin-top:-2px;}



/*terms*/
/* ================================================================ */
#terms h2{ width:680px; height:35px; background:url(../images/titlebar_terms.gif) no-repeat;}
#terms h3{ margin:15px 10px 10px; font-size:110%;}
#terms .gray{ background-color:#F9F8F8; margin-bottom:10px;}
#terms .scroll{ margin:0 10px 15px; padding:5px 0 15px;}
#terms .inn{padding:15px 15px 5px; clear:both;}
#terms .inn h4{font-size:110%; clear:both;}
#terms .inn p{ padding:0 0 5px;}
#terms .inn ol li {clear:both; line-height:1.35em!important;}
#terms .inn ol li.termlist { margin:0!important; padding:0!important;}
#terms .inn ol li.termlist ul{ padding:0 0 0 15px; margin:-20px 0 5px!important;}

#terms .inn .txt{ width:590px; padding-left:5px;}


/*Sitemap*/
/* ================================================================ */

#sitemap h2{ width:680px; height:35px; background:url(../images/titlebar_sitemap.gif) no-repeat;}
#sitemap .inn{ padding:15px 0 30px;}
#sitemap h3{ font-size:110%; background-color:#FEEAF1; color:#E95485; font-weight:bold;
			margin:5px 0 10px; padding-left:10px;}
#sitemap h4{ color:#E95485; font-weight:bold; padding-left:15px;}

#sitemap h3.sv{ font-size:110%; background-color:#E7E7F9; color:#3333CC; font-weight:bold;
			margin:5px 0 10px; padding-left:10px;}
#sitemap h4.sv{ color:#3333CC; font-weight:bold; padding-left:15px;}


#sitemap .f_l{ width:330px;}
#sitemap .f_r{ width:330px;}
#sitemap ul{ margin:0 0 15px;}
#sitemap ul li{ margin:5px 0; padding-left:15px;}
#sitemap .inn p{ padding:15px 0;}

/*partner*/
/* ================================================================ */
#partner h2{ width:680px; height:35px; background:url(../images/titlebar_partner.gif) no-repeat;}
#partner .inn{ padding:15px 10px 30px;}
#partner h3{ font-size:110%;}
#partner .inn p{ padding:15px 0;}

/* link */
/* ================================================================ */
#link h2{ width:680px; height:35px; background:url(../images/titlebar_link.gif) no-repeat;}
#link h3{ margin:15px 10px 10px; font-size:110%;}
#link h3.banner1{margin:15px 0; width:680px; height:25px; background:url(../images/titlebar_linkbanner_a.gif) no-repeat;}
#link h3.banner2{margin:15px 0; width:680px; height:25px; background:url(../images/titlebar_linkbanner_b.gif) no-repeat;}

#link .inn{padding:0 30px 10px;}
#link .banner img{ margin:5px 10px 10px 0px ;}
#link .banner p.linkpre{ padding:5px 0 8px; text-decoration:underline;}
#link .banner h4{ margin-bottom:5px;}
#link .banner div{
	font-size:90%;}
#link .banner p.code{
	color:#333; padding:3px 8px 5px; background-color:#F7FCE1;
	width:100%; margin:0 0 20px; border:1px dashed #CCCCCC;}


/* Mutuallink */
/* ================================================================ */
#mutuallink h2{ width:680px; height:35px; background:url(../images/titlebar_mutuallink.gif) no-repeat;}
#mutuallink .inn{padding:0 30px 5px;}
#mutuallink h3{ margin:15px 10px; font-size:110%;}
#mutuallink h3.list{ margin:15px 0 10px; width:680px; height:25px; background:url(../images/titlebar_linklist.gif) no-repeat;}

dl.mutuallink{ width:100%;}
.mutuallink dt{ padding:10px 20px 0px 0px; clear:left; font-weight:bold;}
.mutuallink dd{ padding:0px 10px 5px 5px; border-bottom:1px solid #ccc;}

#mutuallink .inn p{padding:0 0 5px; line-height:1.3em!important;}
#mutuallink .inn div.tmark{margin:0 0 5px;}

#mutuallink ol,#mutuallink ul{ margin:10px 0px;}
#mutuallink .tmark .txt{ padding-left:3px; line-height:1.3em!important;  width:600px;}

#mutuallink ol li{ color:#333!important; list-style-type: decimal!important; list-style:inside;}
#mutuallink ul li{color:#333!important;}


/* Privacy Policy */
/* ================================================================ */
#privacy h2{ width:680px; height:35px; background:url(../images/titlebar_pp.gif) no-repeat;}
#privacy h3{margin:10px 10px 0;}
#privacy .inn{padding:15px 0 5px;}
#privacy .inn p{ padding:0 10px 5px;}



/* voice */
/* ================================================================ */
#voice h2{ width:680px; height:35px; margin-bottom:15px; background:url(../images/titlebar_voice.gif) no-repeat;}
#voice .inn{ padding:10px 20px;}
#voice .inn p{ padding:0 20px 5px;}

.voice{ margin:10px auto 0;	padding:12px 0 0;
		width:630px;
		background:url(../images/voice_back.jpg) no-repeat center top; }		
.endline{ margin:0 auto 30px; height:10px;
		  width:600px;
		  background:url(../images/voice_back.jpg) no-repeat center bottom; }

.voice dl{ padding:0 0 1px 45px;
		  margin:0 30px; }

.voice div.in{
	width:auto; height:auto;
	background:url(../images/voice_border.gif) no-repeat left top;
	padding:5px 0 0;
	margin:5px 30px 0;}
.voice div.in p{ clear:both;}
	
.voice dl dt{ float:left; padding:2px 5px 0;}
.voice dl dd{ margin-right:8px; color:#333!important; padding:2px 5px 0; }
#voice .voice p{ padding:10px 5px;}




/* Data */
/* ================================================================ */

#data h2{ width:680px; height:50px; background:url(../images/titlebar_data.gif) no-repeat;}
#data .inn{ padding:15px 0px 0;}
#data .inn .gray{ background-color:#F1F1F1; padding:10px 5px 10px 10px; margin:10px 10px 25px;}
#data .inn .gray2{ background-color:#F1F1F1; padding:10px; margin:10px 0px 25px;}


#data .back{ text-align:center; padding:15px 0 0; line-height:1.2em;}
#data .thx{ text-align:center; font-size:110%; padding:10px; font-weight:bold;}
#data .thx2{font-size:110%; padding:10px 10px 15px; font-weight:bold;}
#data .guide{
	padding:0 10px 10px; height:auto;}
#data .guide h3{ margin:15px 0 3px;}

#data .grayline{ border-top:1px solid #ccc; margin:0 10px; height:1px;}
#data .mark2 { padding-left:15px!important;}
#data .guide p{ padding:3px 5px 3px 15px;}

#data .inn ol{padding:0 0 0 3px;}
#data .inn ol li{ color:#333; list-style-type: decimal!important; list-style:inside;}

#data .atten{ padding:15px 0; clear:both;}

#data .record01{ display:block; width:77px; height:20px; background:url(../images/data_btn01.gif) no-repeat;}
#data .record02{ display:block; width:77px; height:20px; background:url(../images/data_btn02.gif) no-repeat;}
#data .record03{ display:block; width:77px; height:20px; background:url(../images/data_btn03.gif) no-repeat;}

#data .guide h4{ margin-bottom:5px; width:660px; height:27px; background:url(../images/data_titletxt.gif) no-repeat;}
#data .guide .info { margin:5px 0 10px; background-color:#F1F1F1;}
#data .guide .info a{ margin:0 auto 15px; display:block; width:256px; height:52px;
		 background:url(../images/data_btn0.gif) no-repeat 0 0;}
#data .guide .info a:hover{ background:url(../images/data_btn0.gif) no-repeat 0 -52px;}

#data .atten .tmark .txt{width:645px;}
#data .tmark .txt{ padding-left:3px; margin-bottom:5px; line-height:1.35em!important; display:block; width:620px;}
#data input.result{ display:block;
  padding:0; margin:20px auto; border:none; width:136px; height:30px;
  background: url(../images/btn_form.gif) no-repeat 0 0;}

#data .recordarea{ border:1px solid #ccc; background-color:#fff; padding:15px 10px 0px; clear:both;}

#data .recordarea h3{ padding:0px 10px 20px!important; text-align:center; font-size:110%; font-weight:bold;}

#data .recordarea dt{ padding-left:30px; color:#569BC7; font-weight:bold; line-height:1.15em!important; }
#data .recordarea span.s{ font-weight:normal; color:#666; padding-left:1.85em;}
#data .recordarea p.s{ clear:both; padding:5px 0;}


#data .recordarea dd{
	padding-bottom:10px;
	padding-left:30px;
	padding-top:5px;
	clear:both;
	margin-bottom:15px; height:auto; width:auto; clear:both;
	background: url(../images/dot_line.gif) no-repeat left bottom;}
#data .recordarea dd.none{background:none; margin-bottom:0;}
#data .recordarea dd.none2{background:none; margin-bottom:15px;}

#data .recordarea dd input.text,
#data .recordarea dd .count,
#data .recordarea dd textarea,
#data .recordarea dd select{ border:1px solid #999;}

#data .recordarea dd input.text{ width:515px;}
#data .recordarea dd textarea{ width:490px;}
#data .recordarea dd div{
	padding-left:15px; clear:both;}

#data .recordarea dd .count{ width:150px!important;}

#data .recordarea .pink{ float:left; width:1.15em;}
.itemselect{float:left; width:300px; clear:right!important; padding:0!important; }


#data .btn{ margin:20px auto 30px; text-align:center;  width:210px; clear:both;}

#data .edit{ float:left!important; padding-right:70px;}
#data .edit a{display:block;	width:66px!important; height:25px;
		background:url(../images/btn_edit2.gif) no-repeat 0 0;}
#data .edit a:hover{
		background:url(../images/btn_edit2.gif) no-repeat 0 -25px;}	
		



/* inquiry */
/* ================================================================ */

#inquiry h2.inquiry{ width:680px; height:35px; background:url(../images/titlebar_inquiry.gif) no-repeat;}
#inquiry h2.ad{ width:680px; height:35px; background:url(../images/titlebar_ad.gif) no-repeat;}
#inquiry .inn{ padding:10px 0px 0;}

#inquiry .thx{ text-align:center; font-size:110%; padding:10px; font-weight:bold;}
#inquiry .thx2{font-size:110%; padding:10px 10px 15px; font-weight:bold;}
#inquiry .inn .gray{ background-color:#F1F1F1; margin:10px 0; padding:10px 20px;}
#inquiry .inn .gray2{ background-color:#F1F1F1; margin:10px; padding:10px 20px;}
#inquiry .inn .gray p.b,
#inquiry .inn .gray2 p b{ padding:10px 0;}
#inquiry .inn .gray .atten,
#inquiry .inn .gray2 .atten{ padding:15px 0;}

#inquiry .inn .comp{ padding:20px; margin-bottom:15px;}


#inquiry input.result{ display:block;
  padding:0; margin:20px auto; border:none; width:136px; height:30px;
  background: url(../images/btn_form.gif) no-repeat 0 0;}

#inquiry h3.confirm{ text-align:center; font-size:110%; padding:10px 10px 15px; font-weight:bold;}

#inquiry .tmark span{ margin-bottom:5px; line-height:1.3em!important;}
#inquiry .tmark .txt{ padding-left:3px; display:block; width:615px;}

#inquiry .recordarea{ border:1px solid #ccc; background-color:#fff;
					  margin-top:20px; padding:10px 10px 0; clear:both;}
#inquiry .recordarea input,
#inquiry .recordarea textarea,
#inquiry .recordarea selet{ border:1px solid #999;}

#inquiry .recordarea .text{ width:350px;}
#inquiry .recordarea .text2{ width:150px;}
#inquiry .recordarea span.s{ font-weight:normal; color:#666; }

#inquiry .recordarea table{ width:100%;}
#inquiry .recordarea .subject{ padding-bottom:20px!important}
#inquiry .recordarea th{
	color:#569BC7; font-weight:bold; line-height:1.15em!important;
	text-align:left;
	width:150px;}
#inquiry .recordarea th.long{
	width:200px;}

#inquiry .recordarea th,
#inquiry .recordarea td{
	vertical-align:top;
	padding:10px 0 15px 25px;
	margin-bottom:20px;
	background: url(../images/dot_line.gif) no-repeat left bottom;}
#inquiry .recordarea .none{background:none; margin-bottom:0;}
#inquiry .recordarea td div{ clear:both;}

#inquiry .btn{ margin:20px auto 30px; text-align:center;  width:210px; clear:both;}

#inquiry .edit{ float:left!important; padding-right:70px;}
#inquiry .edit a{display:block;	width:66px!important; height:25px;
		background:url(../images/btn_edit2.gif) no-repeat 0 0;}
#inquiry .edit a:hover{
		background:url(../images/btn_edit2.gif) no-repeat 0 -25px;}	

.submit a{ 
		display:block;	width:66px!important; height:25px!important;
		background:url(../images/btn_submit.gif) no-repeat 0 0;}
.submit a:hover{
		background:url(../images/btn_submit.gif) no-repeat 0 -25px;}






/* column */
/* ================================================================ */
.column {
	background:url(../images/column_bg.gif);
	border:1px solid #4183B5;
	height:1%;
	padding:10px 10px 0;
	margin:25px 18px 20px;
	clear: both;
}
		  
.column h3{ background:url(../images/column_image.jpg) no-repeat!important;
			 width:619px!important; height:100px!important; margin-bottom:25px!important;}
.column .pickup{ color:#31607E; font-weight:bold; padding:25px 0;}

.column .record{ padding:10px 0 25px; margin:0 auto 15px; width:164px; text-align:center;}
.column .record ul li{ float:left; height:20px;}

.record li a{ display:block; float:left; }
.record li.top{ padding-right:60px;}
.record li.top a{background:url(../images/btn_back.gif) no-repeat 0 0; width:92px; height:20px;}
.record li.service a{ background:url(../images/btn_servicerecord.gif) no-repeat 0 0; width:164px; height:38px;}
.record li.service a:hover{ background:url(../images/btn_servicerecord.gif) no-repeat 0 -38px;}

.column div.f_l{ width:440px; padding-left:10px;}
.column div.f_r{ width:145px;}
.column div.f_r img.top{ margin-bottom:20px;}
.column div .tri{margin-top:10px;}
.column div .tri a{ color:#545454!important; }
.column div .tri a:hover{ color:#F53162!important;}



/* How to Use */
/* ================================================================ */
#guide h2{ width:680px; height:35px; background:url(../images/titlebar_guide.gif) no-repeat;}
#guide .inn{ padding:10px 10px 0;}

#guide .inn p{ padding:0 20px 5px;}
#guide .inn ol{padding:0 20px 5px 23px;}
#guide .inn ol li{ color:#333; list-style-type: decimal!important; list-style:inside;}
#guide .list li{ display:inline; padding-right:0.8em;}

#guide .inn p.img{ padding:0 15px 5px 20px;}
#guide .inn img{ margin:10px 0;}
#guide h3{ margin:10px 0 5px;}
#guide h4{ margin:5px 0; }
#guide .tit{ font-weight:bold; font-size:110%;}

#guide h3.g01 { width:680px; height:25px; background:url(../gu/images/titlebar_guide_a.gif) no-repeat;}
#guide h3.g02 { width:680px; height:25px; background:url(../gu/images/titlebar_guide_b.gif) no-repeat;}
#guide h3.g03 { width:680px; height:25px; background:url(../gu/images/titlebar_guide_c.gif) no-repeat;}



/* ================================================================================================= */
/*Text hidden */
/* ================================================================================================= */
#data .record01,
#data .record02,
#data .record03,
#data .guide h4,
.mlsample .powered,
.info a,.btn a,
.column h3, .record li a,
#guide h3,#link h3.banner1,#link h3.banner2,
#mutuallink h3.list,
#which h3,
#which .pstbtn a,
#which .btn a,
#mlmagazine h3,
#mlmagazine h4{
	text-indent:-9999px; overflow:hidden;}