/*=====================================
LastUpDate 07/10/03"round corner table"
		login's common CSS

	*color scheme
	greenn #41C525
	orange #FF7F2E
	gray #B6B5B3

======================================*/

body,dl,dt,dd,ul,li,h1,h2,h3,h4,h5.h6 {
 margin: 0;
 padding: 0;
 }

body {
	background: #FF9F60 url(../images/common/bg03.jpg) left top;
	line-height: 130%;
	text-align: center;
	font-size: 12px;
	color: #666666;
	}

th {
	font-weight: normal;
	}

img {
	border: none;
	}

em {
	color: #CC0000;
	font-weight: normal;
	font-style: normal;
	}


#container {
	width: 764px;
	margin: 0px auto;
	text-align: left;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #FFFFFF;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 762px;
	}

html>body #container {
	width: 762px;
	}
/*===========================================
	header
==========================================*/

#header {
	width: 792px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 762px;
	}

html>body #header {
	width: 762px;
	}

.btmBarGreen {
	width: 100%;
	padding-bottom: 12px;
	background: url(../images/common/tab_bar_green.jpg) left bottom no-repeat;
	}

.btmBarOrange {
	width: 100%;
	padding-bottom: 12px;
	background: url(../images/common/tab_bar_orange.jpg) left bottom no-repeat;
	}

.btmBarGray {
	width: 100%;
	padding-bottom: 12px;
	background: url(../images/common/tab_bar_gray.jpg) left bottom no-repeat;
	}


.btmBarCyan{
	width: 100%;
	padding-bottom: 12px;
	background: url(../images/common/tab_bar_cyan.jpg) left bottom no-repeat;
	}

#tabNav {
	padding: 0 6px;
	}

#tabNav td {
	padding: 0;
	margin: 0;
	}

td.info {
	width: auto;
	padding: 0 6px 0 12px;
	text-align:right;
	vertical-align:middle;
	}

.logout{
	width:150px;
	text-align:right;
	vertical-align:top;
}

.loginName{
	vertical-align:middle;
	text-align:right;
	font-size: 12px;
}

/*===========================================
	leftNavigation(sideBar)
==========================================*/

#sideBar {
	width: 196px;
	padding: 0px 0px 10px 0px;
	border-top: 1px solid #333;
	vertical-align: top;
	}

.sideTitle{
	margin: 20px 0px 18px 0px;
}

ul.sideMenu{
	text-align:left;
	list-style-type: none;
}

ul.sideMenu li {
	margin: 0px 0px 10px 20px;
	padding-left: 18px;
	background: url(../images/linkstaff/li_linkstaff.gif) 3px 5px no-repeat;
	line-height: 130%;
	}

ul.sideMenu li.MenuListQ{
	margin: 0px 0px 10px 20px;
	padding-left: 18px;
	background: url(../images/linkstaff/li_linkstaff_q.gif) left center no-repeat;
}

/*===========================================
	rightContents(main)
==========================================*/

#mainTop {
	height: 6px;
	background: url(../images/common/content_top.gif) left top no-repeat;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 5px;
	}

#mainTopOne {
	height: 6px;
	background: url(../images/common/content_top.gif) left top no-repeat;
	border-top: 1px solid #333;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 5px;
	}

html>body #mainTop,
html>body #mainTopOne {
	height: 5px;
	}

#mainTopOne {
 background: url(../images/common/content_top_one.gif) left top no-repeat;
}
#main {
	padding: 20px;
/*	background: url(../images/common/content_body.gif) left top repeat-y;*/
	vertical-align: top;
	border-left: 1px solid #333;
}

#mainOne {
	padding: 20px;
/*	background: url(../images/common/content_body.gif) left top repeat-y;*/
	vertical-align: top;
}

#mainBtm {
	height: 6px;
	background: url(../images/common/content_bottom.gif) left bottom no-repeat;
	border-left: 1px solid #333;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 5px;
	}

#mainBtmOne {
	height: 6px;
	background: url(../images/common/content_bottom.gif) left bottom no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 5px;
	}


html>body #mainBtm,
html>body #mainBtmOne {
	height: 5px;
	}

#mainBtmOne {
 background: url(../images/common/content_bottom_one.gif) left bottom repeat-x;
}

/*======================
	 footer
=====================*/

.footer {
	width:762px;
	background: url(../images/common/footer_bg.gif) left top repeat-y;
	}

.footer table {
	width: 100%;
	}

.ecLogo{
	padding: 15px 5px 15px 45px;
	}

.copyright {
	padding-bottom:5px;
	text-align:center;
	font-size: 10px;
	}

.h2per {
 margin-bottom: 20px;
 padding-left: 35px;
 height: 29px;
 background: url(../images/personal/h2_personal.gif) left top no-repeat;
 font-size: 14px;
 font-weight: 700;
 line-height: 29px;
 color:#666;
 }

.h2biz {
	margin-bottom: 20px;
	padding-left: 35px;
	height: 29px;
	background: url(../images/business/h2_business.gif) left top no-repeat;
	font-size: 14px;
	font-weight: 700;
	line-height: 29px;
	color:#666;
	}

.h2stf {
	margin-bottom: 20px;
	padding-left: 35px;
	height: 29px;
	background: url(../images/linkstaff/h2_linkstaff.gif) left top no-repeat;
	font-size: 14px;
	font-weight: 700;
	line-height: 29px;
	color:#666;
	}

.h2LoginOrange {
	margin-bottom: 10px;
	padding-left: 55px;
	height: 38px;
	background: url(../images/linkstaff/h2LoginOrange.gif) left top no-repeat;
	font-size: 14px;
	font-weight: 700;
	line-height: 38px;
	color:#666;
	}

.h2LoginBlue {
	margin-bottom: 10px;
	padding-left: 55px;
	height: 38px;
	background: url(../images/linkstaff/h2LoginBlue.gif) left top no-repeat;
	font-size: 14px;
	font-weight: 700;
	line-height: 38px;
	color:#666;
	}

.h2LoginGreen {
	margin-bottom: 10px;
	padding-left: 55px;
	height: 38px;
	background: url(../images/linkstaff/h2LoginGreen.gif) left top no-repeat;
	font-size: 14px;
	font-weight: 700;
	line-height: 38px;
	color:#666;
	}

.h2LoginGray {
	margin-bottom: 10px;
	padding-left: 55px;
	height: 38px;
	background: url(../images/linkstaff/h2LoginGray.gif) left top no-repeat;
	font-size: 14px;
	font-weight: 700;
	line-height: 38px;
	color:#666;
	}

/* round corner table */

.tblOrange {
	background-color: #FFEFD2;
	width: 500px;
	}

.tblBlue {
	background-color: #E6EBFF;
	width: 500px;
	}

.tblGreen {
	background-color: #DAFED1;
	width: 500px;
	}

.tblGray {
	background-color: #e7e7e7;
	width: 500px;
	}

.tblRh .c {
    font-size:1px; /* ensure minimum height */
    height:7px;
}

.tblRf .c {
    font-size:1px; /* ensure minimum height */
    height:8px;
}

.tblRh {
    background:transparent url(tbl_r1_c1.gif) no-repeat 0px 0px;
}

.tblRh .c{
    background:transparent url(tbl_r1_c2.gif) no-repeat right 0px;
}

.tblRb {
	padding-left: 10px;
    background:transparent url(tbl_r2_c1.gif) repeat-y 0px 0px;
}

.tblRb .c{
    background:transparent url(tbl_r2_c2.gif) repeat-y right 0px;
}

.tblRf {
    background:transparent url(tbl_r3_c1.gif) no-repeat 0px 0px;
}

.tblRf  .c{
    background:transparent url(tbl_r3_c2.gif) no-repeat right 0px;
}

/* === 061206 added =  Icon === */

.loginIco {
	padding-left: 26px;
	background: url(../images/login/ico_login.gif) left top no-repeat;
}

.pcIco {
	padding-left: 24px;
	background: url(../images/login/ico_pc.gif) left top no-repeat;
}

/* === 061206 added =  Infomation TxtColor(Red) === */

.infoTxt {
	color: #ff2200;
}

/* === 061207 added =  h3 Icon === */

.h3Ico {
	margin: 8px 0 12px 8px;
	padding-left: 22px;
	background: url(../images/login/ico_h3.gif) left top no-repeat;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
}


/* === 061212 added =  Area Div === */

.toolDescription {
	clear: right;
	text-align: left;
}

.toolArea {
	margin-top: 10px;
	clear: right;
}

.toolArea table {

	width: 90%;
}



.toolArea table td.urlData {
	text-align: left;
}


.toolDescription,
.toolResult,
.toolArea {
	padding: 0 10px;
}

/* === 070117 added =  info Icon === */
.infoIcoAdd {
 display: block;
 padding-left: 55px;
 background: url(../images/login/ico_info_add.gif) left 2px no-repeat;
 line-height: 1.8;
}

.infoIcoNew {
 display: block;
 padding-left: 55px;
 background: url(../images/login/ico_info_new.gif) left 2px no-repeat;
 line-height: 1.8;
}

.infoIcoErr {
 display: block;
 padding-left: 55px;
 background: url(../images/login/ico_info_err.gif) left 2px no-repeat;
 line-height: 1.8;
}

.infoIcoWrn {
 display: block;
 padding-left: 55px;
 background: url(../images/login/ico_info_wrn.gif) left 2px no-repeat;
 line-height: 1.8;
}

.infoIcoInfo {
 display: block;
 padding-left: 55px;
 background: url(../images/login/ico_info_info.gif) left 2px no-repeat;
 line-height: 1.8;
}

.infoIcoImportant {
 display: block;
 padding-left: 55px;
 background: url(../images/login/ico_info_important.gif) left 2px no-repeat;
 line-height: 1.8;
}

/* === 070307 added =  onePoints Icon === */

.toolPoints {
 width: 90%;
 margin: 20px auto 15px auto;
 padding: 5px 10px;
 background-color:#FFFFCC;
 border-top: 1px solid #FFC49B;
 border-bottom: 1px solid #FFC49B;
 text-align: left;
 line-height: 1.5;
}

.toolAdvice {
width: 152px;
height: 17x;
background: url(../images/login/ico_toolAdvice.gif) left top no-repeat;
text-indent: -9999px;
}

.toolPoints ul {
	list-style: none;
	}

.toolPoints dt {
	margin-bottom: 5px;
	}

.toolRelation {
	margin: 5px 0 5px 0;
	}

.toolPoints dd {
	line-height: 1.5;
	}

.toolRelation {
width: 152px;
height: 17x;
background: url(../images/login/ico_toolRelation.gif) left top no-repeat;
text-indent: -9999px;
}

/****************************
*
* htmlnavi's style
*
*****************************/

div.htmlnavi div.optArea img {
	margin-right: 3px;
	vertical-align: bottom;
	}

div.htmlnavi div.section {
	margin-bottom: 20px;
	}

div.htmlnavi div.section table {
	margin: 0 auto;
	width: 450px;
	}

div.htmlnavi div.section table table {
	width: 100%;
	}

/* base style */

div.htmlnavi div.optArea {
	margin: 5px 5px 10px 5px;
}

div.htmlnavi iframe#ajax {width: 0; height: 0; border: 0px; }

div.htmlnavi div#system {font-weight: bold; position: absolute; top: 0; right: 0; background: #60a80b; padding: 2px 5px; color: #ffffff; display: none}


/* module styles */


div.htmlnavi .txtBold {font-weight: bold; }
div.htmlnavi .h3flat {margin-bottom: 5px;font-size: 12px; text-align: left;}

div.htmlnavi .optError {margin-bottom: 10px;}
div.htmlnavi .optInfo {margin-top: 5px;}

div.htmlnavi .epanel {margin-top: 10px;text-align: center;}


.w100  { width: 100%;}
.inputField100  { margin: 5px 0; width: 100%;}


/* meta */

table.meta_keywords {width: 100%; background: #ffffff; border: 1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
table.meta_keywords td {border-bottom: 2px solid #fafafa }
table.meta_keywords td input {width: 95%;}


/* ====== for choiceplan 070719 ======== */

.addTitlePsn {
	border-left: 5px solid #FF6600;
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	font-weight: normal;
}

.addTitleAdv {
	border-left: 5px solid #1f64ff;
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	font-weight: normal;
}

.btnAddAdv, .btnAddPsn {
	display: block;
	width: 396px;
	height: 62px;
}

a.btnAddAdv {
	background: url(../images/login/btnAddBusiness.jpg) left top no-repeat;
}

a.btnAddPsn {
	background: url(../images/login/btnAddPersonal.jpg) left top no-repeat;
}

.addMarginBottom {
	padding-bottom: 20px;
	text-indent: -9999px;
}

a:hover.btnAddPsn,
a:hover.btnAddAdv {
	background-position: 0 -62px;
}

/* =============== ec dvd ================ */

.btnDvdMove a {
	display: block;
	margin: 0 auto;
	width: 470px;
	height: 55px;
	background: url(../images/dvd/btnDvdMove.jpg) left top no-repeat;
	text-indent: -9999px;
}

.btnDvdMove a:hover {
	background-position: 0 -55px;
}

/* =============== footer link ====================== */

ul.footerLink {
	padding-left:20px;
	margin:0px auto;
	list-style:none;
	font-size: 12px;
	text-align: center;
	}

ul.footerLink li {
	display: inline;
	margin-right: 3px;
	}

/* =============== palntable colors ================

.cardColHeader {
	backgroun-color: #289C2F;
	color: #ffffff;
}

.cardCol {
	backgroun-color: #76EF85;
}

.ndxsColHeader {
	backgroun-color: #1B91CE;
	color: #ffffff;
}

.ndxsCol {
	backgroun-color: #6D97F9;
}

.bankColHeader {
	backgroun-color: #1550D8;
	color: #ffffff;
}

.bankCol {
	backgroun-color: #6EC5F2;
}

/* ====== cashback addition upgrade ======== */

.addMarginBottom {
	padding-bottom: 0px;
	text-indent: -9999px;
}

.btnAddition, .btnUpgrade {
	display: block;
	width: 184px;
	height: 56px;
}

a.btnAddition {
	background: url(../images/login/plan_addition_banner.gif) left top no-repeat;
}

a.btnUpgrade {
	background: url(../images/login/plan_upgrade_banner.gif) left top no-repeat;
}

a:hover.btnUpgrade,
a:hover.btnAddition {
	background-position: 0 -56px;
}

.btnAdditionMini {
	display: block;
	width: 202px;
	height: 24px;
}

a.btnAdditionMini {
	background: url(../images/login/plan_addition_banner_mini.gif) left top no-repeat;
}

a:hover.btnAdditionMini {
	background-position: 0 -25px;
}

.h3swf {
	margin: 10px 0px 20px 0px;
	padding: 4px 0px 4px 20px;
	background: url(../images/linkstaff/h3_linkstaff.gif) left center no-repeat;
	font-size: 14px;
}

 /* ====== cashback add urls ======== */

.cashbackFlow dt {
	margin-bottom: 1.0em;
 }

.cashbackFlow dd {
	margin-bottom: 2.0em;
 }

dt.dlStep01 {
 	padding: 10px 0 10px 36px;
   	background: url(../images/base/step01-orange.gif) left top no-repeat;
   	font-weight: 700;
  }

dt.dlStep02 {
 	padding: 10px 0 10px 36px;
   	background: url(../images/base/step02-orange.gif) left top no-repeat;
   	font-weight: 700;
  }

dt.dlStep03 {
 	padding: 10px 0 10px 36px;
   	background: url(../images/base/step03-orange.gif) left top no-repeat;
   	font-weight: 700;
  }

 /* 071003 directory service
 :::::::::::::::::::::::::::::::::::::: */

table.layoutTable td div.closeDirectory,
table.layoutTable td div.closeDirectory a{
 	display: block;
 	width: 520px;
 	height: 148px;
   	background: url(../images/directory/btn_directory.jpg) left top no-repeat;
   	text-indent: -9999px;
 }

table.layoutTable td div.closeDirectory a:hover {
   	background: url(../images/directory/btn_directory_o.jpg) left top no-repeat;
 }

div.bannerDirectory,
div.bannerDirectory a {
 	display: block;
 	margin: 0 auto;
 	width: 123px;
 	height: 242px;
   	background: url(../images/directory/btn_directory_banner.jpg) left top no-repeat;
   	text-indent: -9999px;
   	text-align: center;
 }

div.bannerDirectory a:hover {
   	background: url(../images/directory/btn_directory_banner_o.jpg) left top no-repeat;
 }

/* Diagnosis Description 080328
-------------------------------------------*/

.introduction-diagnosis p.img-cycle {
	padding: 20px 0 20px 200px;
   	background: url(../images/login/img_diagnosis_cycle.jpg) left top no-repeat;
}


.paleorange {
 background-color:#FFFFCC;
 border-top: 1px solid #FFC49B;
 border-bottom: 1px solid #FFC49B;
}

.paleblue {
 background-color:#DEF5F8;
 border-top: 1px solid #9BD5FF;
 border-bottom: 1px solid #9BD5FF;
}

.addarea {
 width: 95%;
 margin: 20px auto 15px auto;
 padding: 5px 10px;
 text-align: left;
 line-height: 1.5;
}

.addarea dl {
	list-style: none;
	}

.addarea dt {
	margin-bottom: 5px;
	font-weight: 700;
	border-bottom: 1px dotted #FFC49B;
	}

.list-paleorange {
 margin-left: 16px;
 list-style: none;
}

.list-paleorange li,
.addarea dd {
	padding-left: 14px;
	line-height: 1.5;
   	background: url(../images/login/ico_roundorange.gif) left 5px no-repeat;
	}

p.right {
	text-align: right;
}

p.center {
	text-align: center;
}

/* engine report 080401 */

div.inner-tab-header {
	margin: 16px 0 10px 0;
	border-bottom: 5px solid #FF8F47;
}

div.inner-tab-footer {
	margin: 16px 0 10px 0;
	border-top: 5px solid #FF8F47;
}

.toolArea div.div.inner-tab-header table,
.toolArea div.div.inner-tab-header table {
	width: auto;
}

.toolArea div.inner-tab-header table td,
.toolArea div.inner-tab-footer table td {

}

.toolArea div.inner-tab-header table td a,
.toolArea div.inner-tab-footer table td a {
	display: block;
	margin: 0 6px;
	padding: 5px 12px;
	background-color: #FFD59B;
}


.toolArea div.inner-tab-header table td a:hover,
.toolArea div.inner-tab-footer table td a:hover,
.toolArea div.inner-tab-header table td a.selected,
.toolArea div.inner-tab-footer table td a.selected {
	display: block;
	background-color: #FF8F47;
	color: #fff;
	font-weight: 700;
}

.toolArea div.inner-tab-header table td a.help,
.toolArea div.inner-tab-footer table td a.help {
 margin-left: 6px;
 background: none;
 text-decoration: none;
}

.toolArea div.inner-tab-header table td a:hover.help,
.toolArea div.inner-tab-footer table td a:hover.help {
	color: #551A8B;
	font-weight: normal;
	text-decoration: underline;
}


/*\*/
a {
   overflow: hidden;
}
/**/