@charset "UTF-8";
/*===================================================

/common/css/style_sbu.css

This css compiled a class to use frequently in SBU.

1.clearfix
2.tab
3.MPsearch
4.inLink
5.OWlink
6.docBox
7.exampleBox
8.Table
9.others

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

/*---------------------------------------------------
1.clearfix
---------------------------------------------------*/
.clearfix:after,
.inLink:after,
.docBox ul:after,
.docBox2:after,
.boxInner:after,
.appliBox:after,
.appliBox div:after,
.thumbBox:after,
.docTable td ul:after,
.bulletStraight:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix,.inLink,.docBox ul,.docBox2,.boxInner,.appliBox,.appliBox div,.thumbBox,.docTable td ul,.bulletStraight{overflow:hidden;}

/* Hides from IE-mac \*/
* html .clearfix,
* html .inLink,
* html .docBox ul,
* html .docBox2,
* html .boxInner,
* html .appliBox,
* html .appliBox div,
* html .thumbBox,
* html .docTable td ul,
* html .bulletStraight{
  height:1%;
  overflow:visible;
}

/*---------------------------------------------------
2.tab
---------------------------------------------------*/
.tabArea{margin-bottom:15px; background: url(/common/images/bg_tab_02.gif) left bottom repeat-x;}
.tabArea ul{
	margin-bottom:10px;
	background:url(/common/images/bg_tab_01.gif) left bottom repeat-x;
	font-size:0;
}
.tabArea ul li{
	margin-right:4px;
	float:left;
	list-style:none;
}
.tabArea p{
	padding:0 0 15px 10px;
	clear:both;
	font-weight:bold;
}
.tabArea p img{margin-right:10px; vertical-align:middle;}
.tabArea p span{margin-right:10px;}
.tabArea p.partner{
	margin-bottom:2px;
	padding:0;
	text-align:right;
}

/*---------------------------------------------------
3.MPsearch
---------------------------------------------------*/
.MPsearch p label{margin-right:7px;}
.MPsearch p input{margin-right:1px; vertical-align:middle;}
.MPsearch p select{width:100px;}
.MPsearch p span.btn{display:block; margin:5px 0 15px 3em;}
.MPsearch p span.btn input{margin-right:5px; font-size:85%;}

/*---------------------------------------------------
4.inLink
---------------------------------------------------*/
table.inLink td{
	padding:0 15px 0 17px;
	background:url(/common/images/bullet_arrow_down.gif) left center no-repeat;
}

/*---------------------------------------------------
5.OWlink
---------------------------------------------------*/
.OWlink{
	padding:0 0 3px 23px;
	background:url(/common/images/icon_window.gif) left center no-repeat;
}

/*---------------------------------------------------
6.docBox
---------------------------------------------------*/
/* docBox -----------------------------------------*/
.docBox p{margin:0;}
.docBox p.lTitle{
	padding:8px 10px 0;
	height:20px;
	color:#ffffff;
	background:#72bf44 url(/common/images/bg_ltitle.gif) left top repeat-x;
	font-weight:bold;
	font-size:110%;
	line-height:1;
}
.docBox p.sTitle{
	padding:6px 10px 3px;
	background:#afafaf url(/common/images/bg_stitle.gif) left top repeat-x;
	color:#ffffff;
	font-weight:bold;
}
.docBox .boxInner,
.docBox .listColumn3{
	padding:10px 10px 5px;
	border:#afafaf 2px solid;
}
.docBox li{
	margin:0;
	padding:0 15px 0 17px;
	float:left;
	background:url(/common/images/bullet_arrow_down.gif) left center no-repeat;
	list-style-type:none;
}

.docBox .boxInner dt{
	background:url(/common/images/h4.gif) left center no-repeat;
	padding-left:11px;
	font-weight:bold;
}
.docBox .boxInner dd{margin:0 0 10px 11px;}
.docBox .boxInner dd.digiTable{margin-left:0;}
.docBox .boxInner dd.digiTable table{margin:0 auto;}
.docBox .boxInner dd li{
	padding:0 0 5px 10px;
	width:31.5%;
	background:url(/common/images/bullet_arrow_orange.gif) left 0.5em no-repeat;
}
.docBox .boxInner dd ul.column2 li{width:45%;}

.docBox .boxInnerT{
	padding:0;
	border:#afafaf 2px solid;
	border-bottom:#afafaf 1px solid;
}
* html .docBox .boxInnerT{border-left:#afafaf 1px solid;}
*+html .docBox .boxInnerT{border-left:#afafaf 1px solid;}

.docBox .listColumn3 li{
	padding:0 0 5px 10px;
	float:left;
	width:30%;
	background:url(/common/images/bullet_arrow_orange.gif) left 0.5em no-repeat;
}

img#MapOn{border:none;}

.docBox .thumbBox{padding:10px; border:#afafaf 2px solid;}
.docBox .thumbBox img{padding:0 10px 5px 0; float:left;}
.docBox .thumbBox em{
	margin-bottom:5px;
	display:block;
	font-weight:bold;
}
.docBox .thumbBox span{
	margin-top:15px;
	padding-left:10px;
	display:block;
	float:right;
	background:url(/common/images/bullet_arrow_orange.gif) 0 0.5em no-repeat;
	list-style-type:none;
}
	

/* docBox2 ----------------------------------------*/
.docBox2{margin-bottom:1em; clear:both;}
.docBox2 p{margin:0;}
.docBox2 .docBoxL{float:left; width:49%;}
.docBox2 .docBoxR,
.docBox2 .docBoxRG{float:right; width:49%;}
#NF-main .docBox2 .boxInner{
	padding:10px;
	border:#afafaf 2px solid;
}
.docBox2 p.lTitle{
	padding:8px 10px 0;
	height:20px;
	color:#ffffff;
	font-weight:bold;
	font-size:110%;
	line-height:1;
}
.docBox2 p.lTitle span{font-weight:normal; font-size:85%;}
.docBox2 .docBoxL p.lTitle{background:#72bf44 url(/common/images/bg_ltitle.gif) left top repeat-x;}
.docBox2 .docBoxR p.lTitle{background:#5ab8e7 url(/common/images/bg_ltitle_02.gif) left top repeat-x;}
.docBox2 .docBoxRG p.lTitle{background:#72bf44 url(/common/images/bg_ltitle.gif) left top repeat-x;}
.docBox2 p.sTitle{
	padding:5px 10px 2px;
	background:#afafaf url(/common/images/bg_stitle.gif) left top repeat-x;
	color:#ffffff;
	font-weight:bold;
}
.docBox2 p.boxHeight em{
	margin-bottom:10px;
	font-weight:bold;
	display:block;
}
.docBox2 p.boxHeight{display:inline-table;}
.docBox2 p.boxHeight img{
	padding:0 7px 5px 0;
	float:left;
	position:relative;
}
* html .docBox2 p.boxHeight img.huckIE6{margin:-10px 0 0 -10px; padding-right:15px;}
.docBox2 p.detail{	
	margin-top:10px;
	padding-left:10px;
	float:right;
	background:url(/common/images/bullet_arrow_orange.gif) 0 0.5em no-repeat;
	list-style-type:none;
	display:block;
}

.docBox2 ul li{
	margin:0;
	padding:0 15px 0 8px;
	background:url(/common/images/bullet_arrow_orange.gif) 0 0.5em no-repeat;
	list-style-type:none;
}
.docBox2 ul li ul{padding-left:10px;}

/* applications -----------------------------------*/
#NF-main .docBox .appliBox{padding:10px; border:#afafaf 2px solid;}
.docBox .appliBox p{
	margin-right:8px;
	float:left;
	width:86px;
}
.docBox .appliBox dt{
	padding-left:10px;
	background:url(/common/images/h4.gif) left 0.5em no-repeat;
	font-weight:bold;
}
.docBox .appliBox dd{margin-left:10px;}
.docBox .appliBox dd a{
	padding-left:10px;
	background:url(/common/images/bullet_arrow_orange.gif) 0 5px no-repeat;
}

.docBox .appliBox .appliA,
.docBox .appliBox .appliB{margin-bottom:20px;}
.docBox .appliBox .appliC{margin-bottom:25px;}


.docBox .appliBox .appliA{float:left; width:300px;}
.docBox .appliBox .appliA dl{float:left; width:200px;}
.docBox .appliBox .appliB{float:left; width:280px;}
.docBox .appliBox .appliB dl{float:left; width:150px;}

.docBox .appliBox .appliC{float:left; width:600px;}
.docBox .appliBox .appliC dl{float:left; width:500px;}
.docBox .appliBox .appliC dd{float:left; width:265px; display:inline;}
.docBox .appliBox .appliC dd.sLength{width:150px;}
.docBox .appliBox .appliC dd.mLength{width:130px;}

.docBox .appliBox .appliD,
.docBox .appliBox .appliG,
.docBox .appliBox .appliE,
.docBox .appliBox .appliF{float:left; width:600px;}

.docBox .appliBox .appliD,
.docBox .appliBox .appliE,
.docBox .appliBox .appliF{margin-bottom:20px;}

.docBox .appliBox .appliD dl,
.docBox .appliBox .appliE dl,
.docBox .appliBox .appliF dl,
.docBox .appliBox .appliG dl{float:left; width:500px;}

.docBox .appliBox .appliD dd{float:left; width:265px; display:inline;}
.docBox .appliBox .appliD dd.sLength{width:215px;}

.docBox .appliBox .appliE dd{float:left; width:265px; display:inline;}
.docBox .appliBox .appliE dd.sLength{width:215px;}

.docBox .appliBox .appliF dd{float:left; width:265px; display:inline;}
.docBox .appliBox .appliF dd.sLength{width:215px;}

.docBox .appliBox .appliG dd{float:left; width:265px; display:inline;}
.docBox .appliBox .appliG dd.mLength{width:183px;}
.docBox .appliBox .appliG dd.sLength{width:215px;}

.docBox .appliBox .appliH{clear:both;}
.docBox .appliBox .appliH dl{float:left; width:500px;}
.docBox .appliBox .appliH dd{float:left; width:150px; display:inline;}
.docBox .appliBox .appliH dd.mLength{width:183px;}
.docBox .appliBox .appliH dd.sLength{width:130px;}
.docBox .appliBox .appliH{margin-bottom:20px;}

/*---------------------------------------------------
7.exampleBox
---------------------------------------------------*/
.exampleBox{margin-bottom:30px;}
.exampleBox p{
	margin-top:0;
	padding:7px 0 10px 45px;
	background:url(/common/images/icon_arrow_green.gif) left top no-repeat;
}
.exampleBox ul.bullet{margin:0 0 0 45px;}
.exampleBox table.problemTable{margin-bottom:5px;}
.exampleBox table.problemTable th{width:50px;}

/*---------------------------------------------------
8.Table
---------------------------------------------------*/
/* table reset ------------------------------------*/
table.productTable,
table.problemTable,
table.docTable{border-collapse:collapse; border-spacing:0;}

/* productTable -----------------------------------*/
table.productTable{
	margin-bottom:5px;
	border-left:2px solid #666666;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	width:100%;
	background-color:#edeeef;
}
table.productTable th,
table.productTable td{
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
table.productTable th{
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	background-color:#666666;
	font-weight:bold;
}
table.productTable td{
	border-left:1px solid #cccccc;
	border-bottom:1px solid #666666;
}

table.productTable tr.oddLine{background-color:#ffffff;}
table.productTable th img{vertical-align:middle;}
table.productTable th.headA{border-right:#666666 solid 1px;}
table.productTable .headB{
	border-bottom:#666666 1px solid;
	background-color:#c4e6b0;
	font-weight:normal;
	text-align:left;
}

table.productTable td.tLeftA{text-align:left;}
table.productTable td.tLeftB{text-align:left; border-bottom:1px solid #cccccc;}
table.productTable td.tLeftA img,
table.productTable td.tLeftB img{margin-left:10px; vertical-align:middle;}
table.productTable td span.type{
	padding:0 15px 0 10px;
	background:url(/tokyo/data/private/necel/test/common/images/bullet_arrow_orange.gif) left 0.5em no-repeat;
}
table.productTable .odd{background-color:#ffffff;}
table.productTable .cellA{border-bottom:#cccccc 1px solid;}
table.productTable .mediaCell{ width:200px; text-align:left; white-space: nowrap;}
table.productTable td.buttonCell{padding-left:0; border-left:none;}
table.productTable .W_S_cell{background-color:#ffffff; font-size:x-small; width:40px;}
table.xSmall th,
table.xSmall td{font-size: x-small; line-height:1.3;}
table.xSmall th{padding:3px;}

/* problemTable -----------------------------------*/
table.problemTable{
	margin-bottom:10px;
	border:#afafaf solid 1px;
	width:100%;
}
table.problemTable th{
	padding:5px 10px;
	color:#ffffff;
	background:url(/common/images/bg_lineuptable_01.gif) left bottom no-repeat;
	text-align:center;
	font-weight:bold;
}
table.problemTable th a:link,
table.problemTable th a:hover,
table.problemTable th a:active{color:#ffffff;}
table.problemTable td{padding:5px 10px 0; border:#afafaf solid 1px;}
table.problemTable td li{list-style-type:none;}

/* docTable ---------------------------------------*/
table.docTable{
	border-left:2px solid #666666;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	width:100%;
	background-color:#ffffff;
}
table.docTable th,
table.docTable td{
	text-align:left;
}
table.docTable th{
	padding:5px;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	background-color:#666666;
	font-weight:bold;
}
table.docTable td{
	padding:5px;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
}
table.docTable td.headA{background-color:#edeeef;}
table.docTable td.buttonCell{background-color:#edeeef; padding-left:0; border-left:none;}
table.docTable td ul li{
	margin-right:15px;
	padding-left:10px;
	float:left;
	display:block;
	width:40%;
	background:url(/common/images/bullet_arrow_orange.gif) left 0.5em no-repeat;
}
table.docTable td ul li.inLink{
	padding-left:15px;
	width:25%;
	background:url(/common/images/bullet_arrow_down.gif) left 0.5em no-repeat;
}
table.docTable td ul.column4 li{width:23%;}

.docBox .boxInnerT table.docTable{border:none;}
.docBox .boxInnerT table.docTable td{border-color:#afafaf;}
.docBox .boxInnerT table.docTable td ul li{padding-right:0;}
.docBox .boxInnerT table.docTable td ul.column1 li{margin-right:0; float:none; width:98%;}
.docBox .boxInnerT table.docTable td ul.column4 li{width:19%;}

/*---------------------------------------------------
9.others
---------------------------------------------------*/
.settleTitle{
	padding-bottom:5px;
	display:block;
	background:url(/home/ja/images/line_newslist.gif) left bottom repeat-x;
}

.bulletStraight li{
	padding:0 20px 0 10px;
	float:left;
	background:url(/common/images/bullet_arrow_orange.gif) left 0.5em no-repeat;
	list-style-type:none;
}
.mAdjust01{padding-left:10px;}
.OWlist{margin:0.5em 0 0 1em;}
.OWlist li{
	padding:0 0 3px 23px;
	background:url(/common/images/icon_window.gif) left center no-repeat;
	list-style-type:none;
}
.OSlink{
	padding:0 0 3px 23px;
	background:url(/common/images/icon_outsite.gif) left center no-repeat;
}
.OSlist,
ul.bullet ul.OSlist{margin:0.5em 0 0 1em;}
.OSlist li,
ul.bullet ul.OSlist li{
	padding:0 0 3px 23px;
	background:url(/common/images/icon_outsite.gif) left center no-repeat;
	list-style-type:none;
}