@charset "iso-8859-1";



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



 Layout setting



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



/*

 Common layout

-------------------------------------------------------------------------*/

body {

 margin:0;

 padding:0;

	background:#e6ebec url(/en/common/images/bg_main_01.gif) repeat-x top left;

 text-align:center;

}

div#CONTAINER {

	width:964px;

 margin:0 auto;

	padding:0;

 text-align:left;

}



/*

 Header

-------------------------------------------------------------------------*/

#HEADER {

	width:960px;

	margin:0 auto;

}

#HEADER p.logo {

	float:left;

	width:150px;

	padding:36px 0 19px 0;

}

#HEADER div.headerRight {

	float:right;

	width:800px;

	padding-top:16px;

	text-align:right;

}

/* Header navigation */

#HEADER ul.headerNavi {

	float:right;

	height:12px;

	padding:12px 0 8px 0;

}

#HEADER ul.headerNavi li {

	float:left;

	padding-left:4px;

	font-size:0;

	line-height:0;

}

/* Site search */

#HEADER input {

	vertical-align:middle;

}

#HEADER input.searchInput {

	clear:right;

	width:134px;

	margin-right:3px;

	padding:1px 2px;

	background-color:#f7f7f7;

	border:1px solid #ccc;

	color:#6f6f6f;

}



/*

 Global navigation

-------------------------------------------------------------------------*/

#HEADER ul#globalNavi {

	height:36px;

	margin-top:14px;

}

#HEADER ul#globalNavi li {

	float:left;

	width:160px;

	height:36px;

	text-indent:-5000px;

}

#HEADER ul#globalNavi li a {

	display:block;

	width:160px;

	height:36px;

	text-decoration:none;

}

li.gnavi01 a {	background:url(/en/common/images/gnavi_01.gif) no-repeat top left; outline:none;}

li.gnavi02 a {	background:url(/en/common/images/gnavi_02.gif) no-repeat top left; outline:none;}

li.gnavi03 a {	background:url(/en/common/images/gnavi_03.gif) no-repeat top left; outline:none;}

li.gnavi04 a {	background:url(/en/common/images/gnavi_04.gif) no-repeat top left; outline:none;}

li.gnavi05 a {	background:url(/en/common/images/gnavi_05.gif) no-repeat top left; outline:none;}

li.gnavi06 a {	background:url(/en/common/images/gnavi_06.gif) no-repeat top left; outline:none;}

/* rollover */

li.gnavi01 a:hover {	background:url(/en/common/images/gnavi_01_ov.gif) no-repeat top left;}

li.gnavi02 a:hover {	background:url(/en/common/images/gnavi_02_ov.gif) no-repeat top left;}

li.gnavi03 a:hover {	background:url(/en/common/images/gnavi_03_ov.gif) no-repeat top left;}

li.gnavi04 a:hover {	background:url(/en/common/images/gnavi_04_ov.gif) no-repeat top left;}

li.gnavi05 a:hover {	background:url(/en/common/images/gnavi_05_ov.gif) no-repeat top left;}

li.gnavi06 a:hover {	background:url(/en/common/images/gnavi_06_ov.gif) no-repeat top left;}

/* current */

#price li.gnavi01 a, #price li.gnavi01 a:hover, li.gnavi01 a:active {	background:url(/en/common/images/gnavi_01_cur.gif) no-repeat top left;}

#product li.gnavi02 a, #product li.gnavi02 a:hover, li.gnavi02 a:active {	background:url(/en/common/images/gnavi_02_cur.gif) no-repeat top left;}

#prepaid li.gnavi03 a, #prepaid li.gnavi03 a:hover, li.gnavi03 a:active {	background:url(/en/common/images/gnavi_03_cur.gif) no-repeat top left;}

#global li.gnavi04 a, #global li.gnavi04 a:hover, li.gnavi04 a:active {	background:url(/en/common/images/gnavi_04_cur.gif) no-repeat top left;}

#customer li.gnavi05 a, #customer li.gnavi05 a:hover, li.gnavi05 a:active {	background:url(/en/common/images/gnavi_05_cur.gif) no-repeat top left;}

#start li.gnavi06 a, #start li.gnavi06 a:hover, li.gnavi06 a:active {	background:url(/en/common/images/gnavi_06_cur.gif) no-repeat top left;}





/*

 Bread crumb

-------------------------------------------------------------------------*/

div#path {

	min-height:20px;

	background:#efefef url(/en/common/images/path_bg_01.gif) no-repeat top left;

}

* html div#path {

	height:20px;

}

div#path ul {

	background:url(/en/common/images/path_bg_02.gif) no-repeat bottom left;

}

div#path li {

	float:left;

	min-height:14px;

	padding:3px 15px 3px 5px;

	background:url(/en/common/images/path_arrow.gif) no-repeat top right;

	font-size:85%;

	line-height:1.25;

}

div#path li.home {

	padding:3px 15px 3px 10px;

}

div#path li strong {

	font-weight:normal;

}



/*

 Main area

-------------------------------------------------------------------------*/

#MAIN {

	width:964px;

	min-height:364px;

	margin-top:20px;

	background:url(/en/common/images/bg_main_02.gif) repeat-y top left;

}

#MAIN div.mainWrap01 {

	width:964px;

	background:url(/en/common/images/bg_main_04.gif) no-repeat top left;

}

#MAIN div.mainWrap02 {

	width:964px;

	min-height:400px;

	padding-bottom:9px;

	background:url(/en/common/images/bg_main_03.gif) no-repeat bottom left;

}

* html #MAIN div.mainWrap02 {

	height:400px;

}

/* No column page */

#MAIN.noColumn {

	background:url(/en/common/images/bg_main_02_nocol.gif) repeat-y top left;

}

#MAIN.noColumn div.mainWrap01 {

	background:url(/en/common/images/bg_main_04_nocol.gif) no-repeat top left;

}

#MAIN.noColumn div.mainWrap02 {

	padding-bottom:70px;

	background:url(/en/common/images/bg_main_03_nocol.gif) no-repeat bottom left;

}

#MAIN.noColumn div.contents660 {

	padding:0 150px;

}

#MAIN.noColumn div.contents860 {

	padding:0 50px;

}



/*

 Left column

-----------------------------------------*/

#leftCol {

	float:left;

	width:200px;

	padding:0 2px 20px 2px;

}



/* Menu */

#leftCol ul.menuArea {

	padding:0 5px 20px 5px;

}

#leftCol ul.menuArea li {

	border-bottom:1px solid #d6dedf;

	font-weight:bold;

	line-height:1.25;

}

#leftCol ul.menuArea li a {

	display:block;

	width:165px;

	padding:7px 19px 7px 6px;

	background:url(/en/common/images/ic_arrow_01.gif) no-repeat 172px 48%;

	color:#6d7c7f !important;

}

#leftCol ul.menuArea li.cur span {

	display:block;

	padding:7px 6px;

	background-color:#f2f5f5;

}

#leftCol ul.menuArea li a:hover {

	background-color:#f2f5f5;

	text-decoration:none;

}

#leftCol ul.menuArea li li {

	background:url(/en/common/images/line_horizontal_01.gif) repeat-x top left;

	border:0;

	font-weight:normal;

	font-size:85%;

}

#leftCol ul.menuArea li li a {

	width:169px;

	padding:4px 6px 3px 15px;

	background:url(/en/common/images/ic_arrow_02.gif) no-repeat 6px 0.6em;

}

#leftCol ul.menuArea li li.cur {

	padding:4px 6px 3px 15px;

	background-color:#f2f5f5;

	font-weight:bold;

}

#leftCol ul.menuArea li li.cur2 {

	padding:4px 0px 3px 15px;

	background-color:#f2f5f5;

	font-weight:bold;

}

/* fifth hierarchy */

#leftCol ul.menuArea li li ul.hierarchy5 {

	margin-left:15px;

}

#leftCol ul.menuArea li li ul.hierarchy10 {

	margin-left:0px;

}

#leftCol ul.menuArea li li li a {

	width:154px;

}



/* Banner */

#leftCol div.bannerArea {

	padding-left:10px;

}

#leftCol div.bannerArea ul {

	width:180px;

	padding:2px 0 4px 0;

	background-color:#e6ebec;

	text-align:center;

}

#leftCol div.bannerArea li {

	padding-top:3px;

	font-size:0;

	line-height:0;

}



/*

 Right column

-----------------------------------------*/

#rightCol {

	float:right;

	width:740px;

	padding:0 2px 30px 18px;

	background:url(/en/common/images/bg_main_05.gif) no-repeat top right;

}

#rightCol div.contents {

	padding:0 40px;

}


/*　20140226 Append

 Center column

-----------------------------------------*/

#centerCol {

	width:740px;

	margin: 0 auto;
	
	padding:0 0 30px 18px;

	background:url(/en/common/images/bg_main_05.gif) no-repeat top right;

}

#centerCol div.contents {

	padding:0 40px;

}



/*

 btmMenuArea (Customer Support)

-------------------------------------------------------------------------*/

.btmMenuArea{

	width:964px;

	margin-top:15px;

	background:url(/en/common/images/bg_main_02_nocol.gif) repeat-y top left;

}

.btmMenuArea div.wrap01{

	width:962px;

	padding:8px 0px 15px 2px;

	background:url(/en/common/images/bg_main_03_nocol.gif) no-repeat bottom left;

}

.btmMenuArea div.wrap02{

	width:962px;

	padding-bottom:5px;

	background:url(/en/common/images/btmmenu_cs_border.gif) repeat-y top center;

}

.btmMenuArea h2{

	margin-top:0px;

}

.btmMenuArea dl{

	width:99px;

	float:left;

	margin:0px 11px 0px 10px;

	display:inline;

}

.btmMenuArea dl dt{

	line-height:0;

}

.btmMenuArea dl dd{

	padding-top:5px;

}

.btmMenuArea dl dd ul{

}

.btmMenuArea dl dd ul li{

	padding:3px 0px 3px 15px;

	background:url(/en/common/images/ic_arrow_01.gif) no-repeat 0 0.3em;

	font-size:85%;

	line-height:1.25;

}



/*

 Footer

-------------------------------------------------------------------------*/

#FOOTER-CONTAINER {

	width:100%;

	height:145px;

	margin:8px 0 0 0;

 padding:0;

 text-align:center;

	background:url(/en/common/images/footer_bg_01.gif) repeat-x bottom left;

}

#FOOTER {

	width:960px;

	height:133px;

 margin:0 auto;

	padding-top:12px;

	background:url(/en/common/images/footer_bg_02.gif) repeat-x top left;

 text-align:left;

}

/* Footer navigation 01 */

#FOOTER ul.footerPolicy {

	height:43px;

}

#FOOTER ul.footerPolicy li {

	float:left;

	padding-right:5px;

	font-size:0;

	line-height:0;

}

#FOOTER div.footerCol {

	padding-top:15px;

}

#FOOTER div.footerLeft {

	float:left;

	width:250px;

}

#FOOTER p.copyright {

	margin-top:6px;

}

#FOOTER div.footerRight {

	float:right;

	width:700px;

}

/* Footer navigation 02 */

#FOOTER ul.footerNavi {

	float:right;

	background:url(/en/common/images/footer_bg_03.gif) repeat-y top left;

}

#FOOTER ul.footerNavi li {

	float:left;

	padding:0 9px;

	background:url(/en/common/images/footer_bg_03.gif) repeat-y top right;

	font-size:0;

	line-height:0;

}

#bizasarchAspSuggest {

  position:absolute;

  margin:0;

  padding:0;

  z-index:1000;

}

#bizasarchAspSuggest li {

  list-style:none;

  border-left:1px solid #ccc;

  border-bottom:1px solid #ccc;

  border-right:1px solid #ccc;

  background-color:#fff;

  text-align:left;

  padding:5px !important;

}

#bizasarchAspSuggest li.sgItemOn {

  border-left:1px solid #cc9900;

  border-bottom:1px solid #cc9900;

  border-right:1px solid #cc9900;

  background-color:#ECF5FA;

  cursor:pointer;

}

