/* CSS Document */

#main .wrap {
		margin:20px 15px 20px 15px ;/* 650px */
		padding-bottom:30px ;
		clear:both;
	}
.title p.Exp_txtA {
		margin:20px 17px 0 15px ;
		color:#138fb1;
		font-size:125% ;
		font-weight:bold;
		}
.title p.Exp_txtB {
		margin:10px 20px 30px 15px ;
		}
.wrap p.Exp_txtB {
		margin:10px 20px 30px 15px ;
		}


.wrap table#howto {
	border:#999 1px solid ;
	box-shadow: 0px 1px 6px #AFAFAF;
	}
.wrap table#howto th{
	text-align:center;
	padding:12px 2px;
	background-color:#36ABD1;
	color:#FFFFFF;
	font-weight:bold;
	border:#CCC 1px solid ;
	}
.wrap table#howto td{
	padding:8px 6px;
	border:#B4B4B4 1px solid ;
	}
.wrap table#howto td.mark {
	text-align:center;
	}
.wrap table#howto td span.btxt {
	font-weight:bold;
	font-size:110% ;
	color:#0448b7 ;
	padding:0 0 0 13px ;
	background:url(../../img/join/howto/ico_square.gif) no-repeat 0 4px ;
	}
.wrap table#howto td span.btxt a {
	color:#0448b7 ;
	text-decoration:none;
	}
.wrap table#howto td span.btxt a:hover {
	text-decoration:underline;
	}
.wrap p#tableEx	{
	text-align:right;
	padding:12px 10px;
	}

h2.sub_title {
clear: both;
font-weight: bold;
color: white;
background: #55BCF0;
padding: 3px 0 3px 10px;
margin: 0 0 15px 0;
box-shadow: 1px 1px 2px #999;
}	

.seWrap span.red , .Exp_txtB span.red {
	color:#EC650B ;
	}

/* 3step */
#snav {
	height:65px ;
	width:530px;
	margin:auto;
	}
#snav ul li{
/* for Modern Browser */
    display:table-cell;
/* for IE */
    *display:inline;
    *zoom:1;

	text-indent:-9999px ;    	
	}
#snav ul li a {
	display:block;
	text-indent:-9999px ;
	}
#snav ul li#step1 {
	background:url(../../img/join/3step/img_nav_step01_on.gif) no-repeat;
	height:34px ;
	width:126px;
	}	
#snav ul li#step1 a{
	background:url(../../img/join/3step/img_nav_step01_off.gif) no-repeat;
	height:34px ;
	width:126px;
	}	
#snav ul li#step1 a:hover {
	background:url(../../img/join/3step/img_nav_step01_on.gif) no-repeat;
	height:34px ;
	width:126px;
	}	
#snav ul li#step2 {
	background:url(../../img/join/3step/img_nav_step02_on.gif) no-repeat;
	height:34px ;
	width:189px ;
	}
#snav ul li#step2 a{
	background:url(../../img/join/3step/img_nav_step02_off.gif) no-repeat;
	height:34px ;
	width:189px ;
	}	
#snav ul li#step2 a:hover {
	background:url(../../img/join/3step/img_nav_step02_on.gif) no-repeat;
	height:34px ;
	width:189px ;
	}	
#snav ul li#step3 {
	background:url(../../img/join/3step/img_nav_step03_on.gif) no-repeat;
	height:34px ;
	width:188px ;
}
#snav ul li#step3 a{
	background:url(../../img/join/3step/img_nav_step03_off.gif) no-repeat;
	height:34px ;
	width:188px ;
	}	
#snav ul li#step3 a:hover {
	background:url(../../img/join/3step/img_nav_step03_on.gif) no-repeat;
	height:34px ;
	width:188px ;
	}	

span.step_red {
	color:#FB4839;
	font-weight:bold;
	}
.wrap .wrap_inner{
	margin:20px 5px ;
	line-height:1.8em
	}	
.wrap h2#step_title{
	margin:0 0 20px 0 ;
	}
.wrap p.step_introtxt {
	padding:0 3px 20px 3px ;
	line-height:1.8em;
		
	}		
.wrap .wrap_inner h3.step_Title {
	padding:20px 0 5px 0;
	clear:both;
	}
.wrap p.Ltxt {
	width:370px ;
	padding:0px 3px ;
	float:left;
	}		
.wrap p.Rimg {
	float:right;
	
	}	
.wrap p.Cen_img {
	clear:both ;
	text-align:center;
	}	
	
.wrap #nextstep {
	font-size:110% ;
	clear:both;
	text-align:center;
	padding:30px 0 0 0 ;
	}
.wrap #nextstep a {
	font-weight:bold;
	color:#0099FF;
	text-decoration:none;
	}
.wrap #nextstep a:hover {
	color:#999999;
	text-decoration:underline;
	}
	
	
/* howto */	
.wrap ul.howto_list {
	line-height:2em;
	margin:20px ;
	list-style:disc inside ;
	color:#099 ;
	}
.wrap ul.howto_list li{
		font-weight:bold;
}
.wrap ul.howto_list li a {
	color:#099 ;	
	text-decoration:underline;
	}	
.wrap ul.howto_list li a:hover {
	color:#099 ;	
	text-decoration:none;
	}	
.wrap p.howto_list_Title {
	font-size:135% ;
	font-weight:bold;
	color:#339999;
	margin:-10px 0 -19px 19px ;
	
	}
p.ba_style {
	margin:-20px 0 20px 10px ;
	}
p.ba_style a:hover {	
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	
	}
p.butt_support {
	text-align:center;
	margin:5px 0 20px 0 ;
	}

/* agent */	
.title p.agent_main_img {
	padding:20px 0 0 0 ;
	}
.wrap p.agent_list_Title {
	font-size:135% ;
	font-weight:bold;
	margin:10px 0 5px 20px ;	
	color:#F93;
	}
.wrap ul.agent_list {
	line-height:1.8em;
	color:#333 ;
	padding:0 0 10px 30px ;
	}
.wrap ul.agent_list li {
	background:url(../../img/join/agent/ico_list_green.gif) no-repeat 3px 1px;
	padding:0 0 0 25px ;
	}