@charset "UTF-8";

/* =================================================================
    Header
================================================================= */

body.popup div#h_header{
	background:url(/biz/d/common/img/header/bg_header.png) repeat-x;
}

div#h_header div#h_header_inner{
	position:relative;
	width:100%;
	height:100px;
	text-align:left;
	/z-index:199;
}

div#h_header div#h_header_inner .logo{
	width:208px;
	height:53px;
	background-color:#fff;
	text-align:center;
	padding:30px 1px 26px 1px;
	font-size:0;
	float:left;
	border-right:none;
	border-left:none;
	background:#fff url(/biz/d/common/img/header/bg_logo_01.gif) repeat-y center top;
}

div#h_header div#h_header_inner .logo p.read{
	margin:15px 0 0 0;
}

div#h_header div#h_header_inner .tool{
	width:601px;
	height:54px;
	float:right;
}

div#h_header div#h_header_inner .tool .customer{
	width:90px;
	height:14px;
	float:left;
	margin:20px 0 0;
	font-size:0;
	line-height:0;
}
div#h_header div#h_header_inner .tool .customer a {
	display:block;
}
div#h_header div#h_header_inner .tool .customer a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
div#h_header div#h_header_inner .tool .tool_inner{
	background-color:#fff;
	height:30px;
	margin:15px 0 0 21px;
	padding:0 1px;
	float:right;
	line-height:0;
	border-top:1px solid #d8dadc;	
	border-right:none;
	border-bottom:1px solid #d8dadc;
	border-left:1px solid #d8dadc;
	background:#fff url(/biz/d/common/img/header/bg_tool_01.gif) repeat-y right top;

	_display:inline;
	_float:right;
	_margin-left:0;
}

div#h_header div#h_header_inner .tool .font{
	width:137px;
	height:30px;
	padding-right:1px;	
	float:left;
	background:#fff url(/biz/d/common/img/header/bg_tool_02.gif) repeat-y right top;
}

div#h_header div#h_header_inner .tool dl{
	width:137px;
	background-color:#fff;
	margin:0;
	font-size:0;
}

div#h_header div#h_header_inner .tool dl dt{
	width:49px;
	float:left;
	margin:10px 4px;

	_display:inline;
}

div#h_header div#h_header_inner .tool dl dd{
	width:80px;
	float:left;
	margin:4px 0;
}

div#h_header div#h_header_inner .tool dl dd ul.font_inner li{
	width:20px;
	height:20px;
	float:left;
	margin-right:4px;
	padding:0 1px;
	border-top:1px solid #d8dadc;
	border-right:none;
	border-bottom:1px solid #d8dadc;
	border-left:none;
	background:url(/biz/d/common/img/header/bg_font_01.gif) repeat-y right top;
	
	_display:inline;
	_margin-right:2px;
}

div#h_header div#h_header_inner .tool dl dd ul.font_inner li.act{
	background-color:#d8dadc;
}

div#h_header div#h_header_inner .tool dl dd ul.font_inner li a{
	display:block;
	overflow:hidden;
}

div#h_header div#h_header_inner .tool dl dd ul.font_inner li a:hover{
	background-color:#d8dadc;
}

div#h_header div#h_header_inner .tool .lang{
	width:77px;
	float:left;
	padding:4px 5px 4px 4px;
	border-right:none;
	background:url(/biz/d/common/img/header/bg_tool_02.gif) repeat-y right top;
}
div#h_header div#h_header_inner .tool .lang a {
	display:block;
	overflow:hidden;
}
div#h_header div#h_header_inner .tool .lang a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

div#h_header div#h_header_inner .tool .site_search{
	position:relative;
	width:181px;
	float:left;
	padding:5px 5px 4px 4px;
	border-right:none;
	background:url(/biz/d/common/img/header/bg_tool_02.gif) repeat-y right top;
}

div#h_header div#h_header_inner .tool .search_box{
	width:156px;
	height:14px;
	margin:0;
	padding:2px;
	border:#e8e9ea 1px solid;
	font-size:80%;
}

div#h_header div#h_header_inner .tool .btn_search{
	position:absolute;
	top:5px;
	right:5px;
	-moz-border-bottom-colors:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	-moz-box-sizing:border-box;
	border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #E3E4E5;
	border-image:none;
	border-style:none none none solid;
	border-width:0 0 0 1px;
	color:#F4F5F6;
	font-size:10px;
	width:20px;
	height:22px;
	padding:0;
	border:none;
	overflow:hidden;
	padding:0;
	vertical-align:bottom;
	cursor:pointer;
}

div#h_header div#h_header_inner .tool .btn_search:before{
	background:url(/biz/d/common/img/header/btn_search.gif) no-repeat ;
	content:"";
	display:block;
	height:20px;
	width:20px;
	text-indent:-9999px;
}

div#h_header div#h_header_inner .tool .btn_search:hover:before,
divv#h_header_inner .tool .btn_search:hover:focus:before{
	background:url(/biz/d/common/img/header/btn_search.gif) no-repeat 0 -20px;
}

div#h_header div#h_header_inner .tool .sitemap{
	width:76px;
	float:left;
	margin:4px;
}
div#h_header div#h_header_inner .tool .sitemap a {
	display:block;
	overflow:hidden;
}
div#h_header div#h_header_inner .tool .sitemap a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
div#h_header div#h_header_inner .h_gnav{
	width: 100%;
    background-color: #e6e8eb;
}

div#h_header div#h_header_inner .h_gnav li{
	float:left;
	border-right:none;
}
body.consumer div#h_header div#h_header_inner .tool{
	width:520px;
}
body.consumer div#h_header div#h_header_inner .tool .customer{
	width:87px;
}


/* ----------------------------------------------------------------
    header > drop_menu
----------------------------------------------------------------- */

div#h_header div#h_header_inner .drop_menu {
	display:none;
	position: absolute;
	top: 109px;
	left: 0;
	width: 948px;
	background:#f4f5f7 url(/biz/d/common/img/header/bg_drop_menu.gif) no-repeat center top;
	border-bottom:solid 1px #dcddde;
	border-left:solid 1px #dddedf;
	border-right:solid 1px #dddedf;
	z-index:200;
}

div#h_header div#h_header_inner li.contact_support .drop_menu { background:#f4f5f7 url(/biz/d/common/img/header/bg_drop_menu.gif) no-repeat center top; }
div#h_header div#h_header_inner li.contact_support .pos { position:relative; }

div#h_header div#h_header_inner .drop_menu .head_block { padding:14px 10px 8px 30px; border-bottom:solid 1px #dddedf; }
div#h_header div#h_header_inner .drop_menu .head_block dt { float:left; }
div#h_header div#h_header_inner .drop_menu .head_block dd { float:right; width:372px; }

div#h_header div#h_header_inner li.contact_support .drop_menu .head_block dd { float:right; width:181px; }

div#h_header div#h_header_inner .drop_menu .head_block dd p { float:left; margin-left:5px; }

/*div#h_header div#h_header_inner .drop_menu ul { border-top:solid 1px #646464; }*/
div#h_header div#h_header_inner .drop_menu li{ float:left; height:auto; border-bottom:solid 1px #dddedf; border-right:none;	background:url(/biz/d/common/img/header/bg_gnav_01.gif) repeat-y right top; }
div#h_header div#h_header_inner .drop_menu li a { display:block; width:190px; height:69px; text-indent:-9999px; overflow:hidden; }

div#h_header div#h_header_inner .drop_menu li.last_col { border-right:none; }
div#h_header div#h_header_inner .drop_menu li.last_row { border-bottom:none; }

div#h_header div#h_header_inner .drop_menu li.last_col a { width:188px; }

div#h_header div#h_header_inner .drop_menu li.ad a { background: url(/biz/d/common/img/header/drop_menu_service_nav_ad.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.mobile a { background: url(/biz/d/common/img/header/drop_menu_service_nav_mobile.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.voice a { background: url(/biz/d/common/img/header/drop_menu_service_nav_voice.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.nw a { background: url(/biz/d/common/img/header/drop_menu_service_nav_nw.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.cloud a { background: url(/biz/d/common/img/header/drop_menu_service_nav_cloud.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.security a { background: url(/biz/d/common/img/header/drop_menu_service_nav_security.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.datacenter a { background: url(/biz/d/common/img/header/drop_menu_service_nav_datacenter.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.outsource a { background: url(/biz/d/common/img/header/drop_menu_service_nav_outsource.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.global a { background: url(/biz/d/common/img/header/drop_menu_service_nav_global.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.meeting a { background: url(/biz/d/common/img/header/drop_menu_service_nav_meeting.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.isp a { background: url(/biz/d/common/img/header/drop_menu_service_nav_isp.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.other a { background: url(/biz/d/common/img/header/drop_menu_service_nav_other.gif) no-repeat 0 0; }
div#h_header div#h_header_inner .drop_menu li.iot a { background: url(/biz/d/common/img/header/drop_menu_service_nav_iot.gif) no-repeat 0 0; width:380px!important; }
div#h_header div#h_header_inner .drop_menu .closeBtn{ position:absolute; top:212px; left:890px; }
div#h_header div#h_header_inner .drop_menu .closeBtn a:hover {
	display:block;
	background-color:#fff;
	overflow:hidden;
}
div#h_header div#h_header_inner .drop_menu .closeBtn a:hover img{ 
	opacity:0.7;
	filter:alpha(opacity=70);
}

div#h_header div#h_header_inner .drop_menu .service_search_01 a:hover,
div#h_header div#h_header_inner .drop_menu .service_search_02 a:hover {
	display:block;
	background-color:#fff;
	overflow:hidden;
}
div#h_header div#h_header_inner .drop_menu .service_search_01 a:hover img,
div#h_header div#h_header_inner .drop_menu .service_search_02 a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

div#h_header.fixed { position: fixed; top: 0; left:0; width:100%; z-index:100; background-position:0 bottom; }
div#h_header.fixed div#h_header_inner{ height:59px; }
div#h_header.fixed div#h_header_inner .logo{ height:auto; padding:15px 1px; }
div#h_header.fixed div#h_header_inner .logo p.read { display:none; }
div#h_header.fixed div#h_header_inner .tool { display:none; }
div#h_header.fixed div#h_header_inner .drop_menu { top:55px; }


/* ----------------------------------------------------------------
    header > business2
----------------------------------------------------------------- */
.h_line{
	width: 950px;
	margin: 0 auto;
    height: 35px;
	display: block;
	min-width: 950px;
}

.h_ing{
	margin: 21px 0 21px 0;
	float:left;
}

.h_nav1{
	float:left;
	margin:11px 0 0 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}

.h_nav2{
	padding:13px 22px 0 75px;
    font-size: 13px;
    line-height: 1;
}

.h_nav{
	padding:13px 22px 0 0;
    font-size: 13px;
    line-height: 1;
}

.h_nav_last{
	padding:13px 0 0 0;
    font-size: 13px;
    line-height: 1;
}

.h_linkcolor a:link {
    color: #000000;
}
.h_linkcolor a:visited {
    color: #000000;
}
.h_linkcolor a:hover {
    color: #aaaaaa;
	text-decoration:none;
}
.h_linkcolor a:active {
    color: #aaaaaa;
}

div#h-container{
	width: 950px;
	margin: 0 auto;
}