@charset "utf-8";

/*=============================================================
	import(don't edit)
===============================================================*/
@import url("/mobile/set/common/p/css/v11a/header.css");



/*=============================================================
	Shared
===============================================================*/

/* -- layout -- */
body#frm div#layout {
    padding-bottom: 40px;
}

/* -- container-bottom -- */
body#frm div#container-bottom {
	_font-size: 4px;
	_line-height: 4px;
}



/*=============================================================
	Nav
===============================================================*/

/* -- Headings -- */
body#frm div#sidenav h4 a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/h4_service.png);
}
body#frm div#nav.ln_point div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v12a/nav/btn_point.png);
}

#content h4 {
	margin: 15px 0 0;
	padding-left: 14px;
	background: url(/mobile/set/common/p/img/v09b/service/point/icn_bullet_h4.gif) 0 0.3em no-repeat;
	font-size: 14px;
	font-weight: bold;
}
#content .no-icn {
	padding-left: 0 !important;
	background: none !important;
}



/*=============================================================
	Tab Block
===============================================================*/

#tab_block {
	margin: 15px 0 0;
}

/* ===== Tab Switch ===== */
body#frm div#content-top ul#tabs {
    padding: 0 0 0 11px;
	background: url(/mobile/set/common/p/img/v09b/service/point/tabs_content.gif) left top no-repeat;
}
body#frm ul#tabs li {
    padding: 7px 7px 0 0;
}
body#frm ul#tabs a {
    width: 223px;
    height: 41px;
}
body#frm ul#tabs a.on,
body#frm ul#tabs a:hover {
    background-position: 0 -41px !important;
}
body#frm ul#tabs li.regist_pc-ipad a {
    background: url(/mobile/set/common/p/img/v09b/service/point/tab_regist_pc-ipad.gif) left top no-repeat;
}
body#frm ul#tabs li.regist_smartphone a {
    background: url(/mobile/set/common/p/img/v09b/service/point/tab_regist_smartphone.gif) left top no-repeat;
}
body#frm ul#tabs li.regist_3g a {
    background: url(/mobile/set/common/p/img/v09b/service/point/tab_regist_3g.gif) left top no-repeat;
}
body#frm ul#tabs li.confirm_pc a,
body#frm ul#tabs li.cg_confirm_pc-ipad a,
body#frm ul#tabs li.cai_confirm_pc-ipad a {
    background: url(/mobile/set/common/p/img/v09b/service/point/tab_confirm_pc-ipad.gif) left top no-repeat;
}
body#frm ul#tabs li.confirm_smartphone a,
body#frm ul#tabs li.cg_confirm_smartphone a,
body#frm ul#tabs li.cai_confirm_smartphone a {
    background: url(/mobile/set/common/p/img/v09b/service/point/tab_confirm_smartphone.gif) left top no-repeat;
}
body#frm ul#tabs li.confirm_3g a,
body#frm ul#tabs li.cg_confirm_3g a,
body#frm ul#tabs li.cai_confirm_3g a {
    background: url(/mobile/set/common/p/img/v09b/service/point/tab_confirm_3g.gif) left top no-repeat;
}


/* ===== Tab Content ===== */
body#frm div#content div.content {
    padding: 30px 20px 45px;
}



/*=============================================================
	Common
===============================================================*/
.lead-txt {
	margin: 0 15px;	
}
.fig-img {
	margin: 30px 0 0 -15px; 
	position: relative;
}


/* ===== Box ===== */
#content .rbox_blu {
    background: #ecf5fd url(/mobile/set/common/p/img/v09b/service/point/bg_rbox_lb_btm.gif) no-repeat left bottom;
    margin-top: 20px;
    padding: 0 0 13px;
}
#content .rbox_blu_inner {
    background: transparent url(/mobile/set/common/p/img/v09b/service/point/bg_rbox_lb_top.gif) no-repeat left top;
    padding: 13px 13px 0;
}
#content .h3_section .rbox_blu {
    background: #ecf5fd url(/mobile/set/common/p/img/v09b/service/point/bg_rbox_lb_s_btm.gif) no-repeat left bottom;
}
#content .h3_section .rbox_blu_inner {
    background: transparent url(/mobile/set/common/p/img/v09b/service/point/bg_rbox_lb_s_top.gif) no-repeat left top;
}


/* ===== Capture MySB ===== */
.capture_mysb {
	margin: 15px -15px 0 -16px;
	width: 651px;
	position: relative;
}


/* ======= Overlay Data ======= */
#croqui-box {
	text-align: left !important;
}
.overlay-data {
	display: none;
	text-align: left !important;
}
.frame_setting {
	padding: 0 25px 0 30px;
}


/* ===== Notes ===== */
#content .box-notes {
    margin: 35px 15px 0;
	border: 1px solid #afafaf;
}
#content .box-notes h2 {
    background: url(/mobile/set/common/p/img/v09b/service/point/bg_h-line_dotted.gif) repeat-x scroll left bottom #EBF0F3;
    font-size: 12px;
    margin: 1px 1px 0;
    padding: 3px 8px 4px;
}
#content .box-notes ul.list-square li {
    font-size: 10px;
}
#content .box-notes .inner {
	padding: 10px 15px 15px;
}
#content .box-notes .inner h3 {
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: bold;
}
#pointExchange{
	height:72px;
	background:url(../../../img/v12a/service/point/fig_save_card.gif) no-repeat center top;
}
#pointExchange #pChart{
	width: auto;
	margin:0 auto;
}
#pChart td{
	color:#0e3b52;
	font-weight:bold;
	vertical-align:middle;
	height:72px;
	text-align: center;
}
#pChart td#cPoint{
	width:8em;
}
#pChart td#sMoney{
	width:11.5em;
}
#pChart td#equal{
	width:20px;
}
#pChart td#sPoint{
	width:12em;
}