@font-face{font-family:'HPSimplified';
	src:url("/comm/hpe/font/latin-e-regular-eot.eot");
	src:url("/comm/hpe/font/latin-e-regular-eot.eot?#iefix") format("embedded-opentype"),
	url("/comm/hpe/font/latin-e-regular-woff.woff") format("-woff.woff"),
	url("/comm/hpe/font/latin-e-regular-ttf.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}
@font-face{font-family:'HPSimplifiedLight';
	src:url("/comm/hpe/font/latin-e-light-eot.eot");
	src:url("/comm/hpe/font/latin-e-light-eot.eot?#iefix") format("embedded-opentype"),
	url("/comm/hpe/font/latin-e-light-woff.woff") format("-woff.woff"),
	url("/comm/hpe/font/latin-e-light-ttf.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}
body{font-family:"HPSimplified","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック", YuGothic,arial;}
body{height:100%;background-color: #fff;color:#000;font-size: 15px; line-height: 25px;}
div.body {margin: 0 auto;padding-bottom: 20px;position: relative;width:1000px}
div.service-page {width:930px;margin: 0 auto}
div.body {padding-bottom: 0px}
.divider{border-top: 1px solid black; padding-top: 30px;}
.service-page h1.service-h1 {border-bottom: 1px #666 solid; padding-bottom: 5px}
.service-page h1.service-h1, .service-page h2.service-h2, .service-page ul.service-ul {margin-bottom: 15px}
.service-page h4.service-h4 {margin-bottom:5px}
.service-page h2.service-h2 {
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: 10px;
	background:#CCCCCC;
	padding: 10px;
	border: 1px solid;
	margin-top: 40px
}
hr {margin: 20px 0}
/*h1, h2, h3, h4, h5, h6, p {margin: 7px 0}*/
/*h2{font-size: 2em; line-height: 30px;margin-top:0;margin-bottom: 10px}*/

a {
	font-size:  15px;
	color: #007DBA;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:visited {
	color: #822980;
}

a.none:hover {
	text-decoration: none;
}

.white {
	color: #FFF;
}

.index_column{width: 300px;float:left;padding-left: 96px;}
.service-ul{font-size: 15px; line-height: 22px}

.parts h4.service-h4 {margin-top:10px; font-weight: normal;}

#body .separator{border-top:1px solid #000000;margin-top: 30px;padding-top: 20px;}

.service-page ul.service-ul li a:hover{text-decoration: underline;}
.service-page ul.service-ul li {margin-bottom:2px}
.service-page ul.service-ul li ul{padding-left: 15px; margin-bottom: 10px}
.service-page ul.service-ul h4{font-size: inherit;}
.service-page h3 {color: black; font-size:20px}

.ui-section{padding: 20px 20px; margin: 10px 0;}

.pattern-header{width: 100%; *height: 50px; background-color: #0196D6; padding: 20px; margin-bottom:20px;direction:ltr}
.headers{float: left; padding: 0;}
/*.headers h2{font-size: 3.6em;font-weight: bold;margin:0 0 5px 0; color: #FFFFFF; line-height: 36px;}
.headers h4{font-size: 1.6em; font-weight: normal; margin: 0; color: #FFFFFF;}
.headers span{font-size: 1.6em; color: #FFFFFF;}*/

.spec{float: right; width: 400px; padding: 0px 0 10px 0;}
.spec span{text-transform: uppercase; font-size: 1.1em; color: #FFFFFF;}
.spec a{color: #FFFFFF; font-size: 1.3em; line-height: 14px; display: block; word-wrap:break-word;}
.spec a:hover{color: #FFFFFF;}

table.icon_lists  tr td {padding: 0px 40px 12px 0px}
table.icon_lists .td3 {width: 100px}
table.icon_lists .td2 {width: 450px; _font-size: 10px;}
table.icon_lists .td1 {font-size: 12px; line-height: 15px; width:100px; }

body {background: white}
h1.service-h1, .hpe h2.service-h2 {color: black}

.presentation_table {margin-bottom: 40px}
.presentation_table th{font-size: 1.4em; color:#5a5a5a;text-align: left;padding-bottom:20px; padding-top: 10px;}
.presentation_table th,
.presentation_table td{padding-right:0px; vertical-align:top;}
.content{width: auto; padding: 0 48px;}

.description_block{ background: #f2f2f2; padding: 35px 48px; margin-top:-40px}
.description_block h1{color:#777}

.wth_30p {width: 30%}
.wth_22p {width: 22%}
.wth_1000 {width:930px}
.cnt48{padding:0 48px 60px 48px}
.m_top_55{margin-top:40px}
.ul_description{font-size: 1.2em; margin-bottom: 18px}
.ul_description li {margin-top: 1px}
.m_top_0 {margin-top:0}
.red_allert {color:red; font-size: 1.2em; line-height: 18px; width:200px}
.red_alert {color:red; font-size: 1.2em; line-height: 18px;}
.red_alert a:hover{text-decoration:underline;}
.width_280{width:280px}
.width_200 {width: 200px}
.width_265 {width: 265px}
.p_left_40{padding-left: 40px;}
div.index_page {width:1000px}
.m-bottom_6 {margin-bottom:6px;}

small{font-size: 1.3em}
.presentation_block {border:1px dotted #767676}

.typ_head{font-size: 24px; margin-bottom: 20px;}

.lft{padding-right:20px}
.fst, .lst, .col, .lft {float:left;}

/*.header_container{ background-color: #0096D6;  height: 72px;  margin-bottom:30px}
.header_container h1{
    margin:0;
    color:#fff;
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
    display: inline;
    position:relative;
    margin-left: 36px;
    top: 24px;
    font-family: HPSimplified,Arial;
}
.hf_section { margin: 0 auto; width: 1060px;}
.header_container a.logo {
    display: block;
    height: 60px;
    margin: 10px 0 0px 40px;
    width: 50px;
    background-image: url(../../i/header-footer/s-header-v3.2-hpe.gif);
    float:left
}
*/
.icn_loa_wht, .icn_vid_wht, .icn_fon_wht,.icn_exp_wht, .icn_rsl_wht, .icn_spt2_wht, .icn_mal2_wht,.idd_cht_wht,.icb_lnk_wht, .icn_pdf_wht {
background-color:#0196D6 !important;padding-left: 6px !important;
}

.white-bkg{background-color:#0196D6 !important; width:60px;}
.white-bkg a{color: #ffffff!important; }
.icb_lnk_wht{color:#ffffff !important;}

.link_to_library{display: none;}

.tab_content {width:680px; padding:30px 0px;}

.left-content-area {float:left; padding: 0px 48px 60px 18px; width: 700px; height: auto;}
.left-content-area .notabs {padding-left: 0px !important;}

.left-content-area p.learnmore {padding-bottom: 1em;}


.right-content-area {float:left; margin-top: auto; width: 234px; padding-bottom:60px;}
/*.right-content-area p {font-size:15px !important;}
.right-content-area h4 {font-size:15px !important; font-weight: bold !important; line-height:22px; margin-bottom:13px !important;}*/

.hpeTable{
    border-left:1px solid #CCC !important;
    border-top:1px solid #CCC !important;
    border-collapse:collapse;
}
.hpeTable tr th{
    padding:12px 12px 12px 18px;
    text-align:left;
    font-size:15px;
    line-height:22px;
    background-color:#767676;
    color:#FFF;
    border-right:1px solid #CCC !important;
    border-bottom:1px solid #CCC !important;
}
.hpeTable tr td{
    font-size:15px;
    line-height:22px;
    padding:12px 12px 12px 18px;
    border-right:1px solid #CCC !important;
    border-bottom:1px solid #CCC !important;
}
.hpeTable tr td.lightgrey{
    background-color: #f2f2f2;
}

.hpeTable tr td a:hover{text-decoration:underline !important;}

#body ul.list {font-size:15px; list-style-type:disc; margin: 9px 0 18px 18px;}
#body ul.list li {padding-bottom: 15px;}


.list, .list li, .expandedli li, #overviewLeftContent ul.expandedli li, ul.expandedli li{
	list-style: disc outside none;
}

  ul.expandedli.linksUnit li{
	list-style:none;
}


#body ul.list > li:last-child, #body ul.list-links > li:last-child {padding-bottom: 0px !important;}
#body .list-links-rr li {padding-bottom:7px !important;}


#body ul.list-links {list-style-type:none; line-height:22px !important; padding:0 0 18px 0;}

#body p+ul.list-links {padding:9px 0px 18px 0px;}

#body ul.list-links li  {padding-bottom: 9px;}


ul.list-links-sm {list-style-type:none; padding:9px 0px 18px 0px;}
ul.list-links-sm a, ul.list-links-sm a:hover, ul.list-links-sm a:visited {font-size:14px !important;}

.item {display:inline-block; margin:0px 0px 10px 0px; min-width: 160px;}
.item {font-size:14px; line-height: 23px;}
.item h3 {font-size:17px; line-height: 26px; font-weight: bold;}
.item a  {font-size:14px; line-height: 23px;}
.item-last {display:inline-block; margin-bottom:0px !important; min-width: 160px;}
.item .item-txt a {font-size:14px !important; line-height: 23px;}
.item-img {float:left; height:42px !important; margin-right:18px; width:61px !important;}
.item-img-small {float:left; height:55px; margin-right:18px; width:61px;}
.item-txt-withimg {float:left; width:232px !important; margin-top:-4px;}
.item-ico {display: block; margin-top: 4px;}
.item-ico a {font-size:14px !important; color:#767676 !important; text-decoration:none;}
.item-ico a:hover {font-size:14px !important; color:#767676 !important; text-decoration:underline;}

.twocolumns {display:inline-block; margin:15px 0; width:100%;}
.twocolumns .left_col  {display:table-cell; width:45%; padding-right: 18px; border-right: 1px solid #CCC;}
.twocolumns .right_col {display:table-cell; width:45%; padding-left:  18px;}

.twocolumns_nb {display:inline-block; margin:15px 0; width:100%;}
.twocolumns_nb .left_col  {display:table-cell; width:45%; padding-right: 18px;}
.twocolumns_nb .right_col {display:table-cell; width:45%; padding-left:  18px;}


.threecolumns {display:inline-block; margin:15px 0; width:100%;}
.threecolumns .left_col   {display:table-cell; width:28%; padding-right: 18px; border-right: 1px solid #CCC;}
.threecolumns .middle_col {display:table-cell; width:30%; padding-right: 18px; padding-left: 18px; border-right: 1px solid #CCC;}
.threecolumns .right_col  {display:table-cell; width:28%; padding-left:  18px;}

.threecolumns_nb {display:inline-block; margin:15px 0; width:100%;}
.threecolumns_nb .left_col   {display:table-cell; width:28%; padding-right: 18px;}
.threecolumns_nb .middle_col {display:table-cell; width:30%; padding-right: 18px; padding-left: 18px;}
.threecolumns_nb .right_col  {display:table-cell; width:28%; padding-left:  18px;}

.fourcolumns {display:inline-block; margin:15px 0; width:100%;}
.fourcolumns .f_col {display:table-cell; width:20%; padding-right: 18px; border-right: 1px solid #CCC;}
.fourcolumns .s_col {display:table-cell; width:23%; padding-right: 18px; padding-left: 18px; border-right: 1px solid #CCC;}
.fourcolumns .t_col {display:table-cell; width:23%; padding-right: 18px; padding-left: 18px; border-right: 1px solid #CCC;}
.fourcolumns .l_col {display:table-cell; width:20%; padding-left:  18px;}

.fourcolumns_nb {display:inline-block; margin:15px 0; width:100%;}
.fourcolumns_nb .f_col {display:table-cell; width:20%; padding-right: 18px;}
.fourcolumns_nb .s_col {display:table-cell; width:23%; padding-right: 18px; padding-left: 18px;}
.fourcolumns_nb .t_col {display:table-cell; width:23%; padding-right: 18px; padding-left: 18px;}
.fourcolumns_nb .l_col {display:table-cell; width:20%; padding-left:  18px;}

.bdFFF {border-color:#FFF !important;}

.banner {margin: 15px 0 0;} /*height:150px;  margin: 21px 0 0 18px;*/ /*Original banner size .content {margin:28px 0px 55px 18px;}*/
.banner-text {padding:18px 380px 0 20px;}

.cnt15_0_0_18 {margin: 15px 0 0 18px;}
.cnt30_0_0_18 {margin: 30px 0 0 18px;}

.padd20_18_20_18{padding: 20px 18px 20px 18px;}

.bold {font-weight: bold;}


.floatleft{
	float:left;
}
.font14 {
	font-size:14px !important;
}
.font15 {
	font-size:15px !important;
}
.both {
	clear:both;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.padd-l10 {
	padding-left:10px;
}
.padd-l18 {
	padding-left:18px;
}
.padd-l20 {
	padding-left:20px;
}
.padd-r10 {
	padding-right:10px;
}
.padd-r20 {
	padding-right:20px;
}
.padd-r30 {
	padding-right:30px;
}
.padd-r40 {
	padding-right:40px;
}
.margin-t5 {
	margin-top:5px !important;
}
.margin-t15 {
	margin-top:15px !important;
}
.margin-t40 {
	margin-top:60px;
}
.margin-b5 {
	margin-bottom:5px !important;
}
.margin-b15 {
	margin-bottom:15px !important;
}
.margin-b40 {
	margin-bottom:60px;
}
.width5 {
	width:5%;
}
.width10 {
	width:10%;
}
.width20 {
	width:20%;
}
.width40 {
	width:40%;
}
.width45 {
	width:45%;
}
.width55 {
	width:55%;
}
.width75 {
	width:75%;
}
.tabs_section {
	border-bottom: 1px solid #000000;
	float: left;
	width: 1000px;
	margin:30px 0 20px 0;
}
.tabs_section #tablist {
	display: block;
	margin: 0;
	padding: 0 0 0 18px;
}
.tabs_section #tablist > li {
	display: block;
	float: left;
	margin: 0;
	border-bottom: 1px solid #000;
	padding: 12px 20px 10px 20px;
	width: auto;
	margin: 0 0 -1px -1px;
}
.tabs_section #tablist > li a {
	display: block;
	width: auto;
	float: left;
	margin: 0;
	font-size: 18px;
	color: #5A5A5A !important;
	font-weight: bold;
	line-height: 22px;
}

.tabs_section #tablist > li.active_tab {
	border-left: 1px solid #000;
	background: url(/comm/hpe/images/active-tab.png) top right no-repeat;
	color: #000000 !important;
	border-bottom: 1px solid #FFFFFF !important;
}
.tabs_section #tablist > li.active_tab a {
	color: #000000 !important;
}
.news_wrapper {
	overflow: hidden;
	height: auto;
	border-bottom: 1px solid #CCCCCC;
	margin-top:5px;
	margin-bottom:15px;
}
.news_wrapper .target_icon {
	width: 12%;
}
.news_wrapper .date {
	font-size: 15px !important;
	font-weight: bold;
}
.news_wrapper .news_area {
	/*margin-left:10px;
	margin-bottom:10px;*/
	width:88%;
}
.news_wrapper .news_area a {
	font-size: 15px !important;
}
.news_wrapper .news_text {
	margin-bottom:15px;
	clear:both;
}
.line_sep {
	border-bottom:1px solid #cccccc;
	margin-top:15px;
	margin-bottom:15px;
}

#popUpOverlay {
	background:url("/comm/hpe/images/common/modal_bg.png") !important;
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	z-index:998;
}

div.cns_modal {
	display:block !important;
	background: #fff;
	margin: 75px auto 0 auto;
	z-index: 999;
	width: 640px;
}
.modal-body{
	position:relative;
	padding: 40px;
	width: 800px;
	background-color: #ffffff;
	margin: 0 auto;
	top: 100px;
	z-index: 99999;
}
div.modal-body .close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	line-height: 36px;
	text-align: center;
	width: 36px;
	opacity: 1;
	filter: alpha(opacity=100);
	background: #fff;
	color: #222;
	border: 0;
	outline: 0;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: black;
	text-shadow: 0 1px 0 white;

}
.bg0096d6{
	background-color: #0096d6 !important;
}

.banner-body {
	width: 1000px;
	height:275px;
	float: left;
	overflow: hidden;
	z-index: 10;
	position:relative;
}
#carousel-container {
	width: 3000px;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 11;
}
.top-banner {
	width: 1000px;
	height: 215px;
	float: left;
	margin-bottom: 30px;
	padding: 30px 18px;
}
.top-banner .headline {
	width: 964px;
	float: left;
	font-size: 52px;
	line-height: 56px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
}
.top-banner .subheadline {
	width: 600px;
	float: left;
	font-size: 18px;
	line-height: 22px;
	color: #000;
}
.mb0 {
	margin-bottom: 0px !important;
}
.carrousel-container {
	width: 1000px;
	height: 15px;
	float: left;
	margin: 20px 0px;
	text-align: center;
}
.carrousel-container .pagination {
	width: 90px;
	margin: 0px auto;
}
.pagination-active {
	width: 16px;
	height: 16px;
	background: url('/comm/hpe/images/patterns/carousel-bullets.gif') left -16px no-repeat;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.pagination-normal {
	width: 16px;
	height: 16px;
	background: url('/comm/hpe/images/patterns/carousel-bullets.gif') left 0px no-repeat;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.form-input, .form-input-disabled, .form-input-error, .form-textarea, .form-textarea.disabled, .form-textarea.error {
	display: inline-block;
	font-family: "HPSimplified","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック", YuGothic,Arial;
	height: 32px;
	line-height: 22px;
	_height: 36px;
	padding: 0 8px;
	font-size: 16px;
	color: #767676;
	background: #fff;
	border: 2px solid #949494;
	vertical-align: top;
	/* NOTE: do not set middle in this container (IE bugs will be); */
}

.v-aln-t {vertical-align:top;}
.v-aln-m {vertical-align:middle;}
.v-aln-b {vertical-align:bottom;}


.solutions {
	background-color: #F5F5F5;
	padding-top: 100px;
	padding-bottom: 100px;
	color: #293138;
}
.solutions .row {
	margin-left: -15px;
	margin-right: -15px;
	left: 1.3%;
	width: 100%;
}

.solutions .heading {
	margin-bottom: 40px;
}

.solutions .heading h3 {
	text-align: center;
	font-size: 36px;
	font-weight: 300;
	line-height: 1.11;
	margin-bottom: 20px;
}
.solutions .heading p {
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	max-width: 1000px;
	margin: auto;
}

.col-sm-6 {
	width: 50%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.single-solution {
	position: relative;
	background-color: #FFF;
	margin: 15px 0px;
	padding: 45px;
	padding-bottom: 60px;
	width: 100%;
}
.solution-height {
	height: 490px;
	background-image: linear-gradient(to top,#1ab1c7,#2cc4c4);
	border-radius: 4px;
}

.single-solution .solution-images {
	margin-bottom: 30px;
}

.single-solution img {
	height: 38px;
}
.single-solution h3 {
	font-size: 24px;
	font-weight: 400;
	color: #FFF;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: #FFF 1px solid;
}
.single-solution p {
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	color: #FFF;
	margin-bottom: 40px;
}
.single-solution div.solution-button {
	border-radius: 100px;
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #0073e7;
	position: absolute;
	bottom: 45px;
	left: 45px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 12px;
	min-width: 280px;
}

.float_wrapper{
	overflow-x: auto;
}

.l-navi{
	width:23%;
	padding-right:2%;
	float:left;
}
.l-navi-header{
	font-size:16px;
}
.l-navi-select{
	padding-left:2%;
}
.l-navi-select-item{
	list-style: none;
}
.l-navi-select-item > li{
	list-style: none;
	margin-bottom: 5px;
	font-size: 0.8em;
	font-weight: 600;
}
.l-navi-select-item > li > a, .l-navi-select-item > li > a:visited, .l-navi-select-item > li > a:hover, .l-navi-select-item > li > a:active{
	color: #333;
	cursor: pointer;
	text-decoration: none;
}

{
}

.r-content{
	width:75%;
	float:left;
	min-height: 660px;
}
.r-content-inner{
	padding:0 4%;
}
.r-content-header{
	padding: 0 0 10px 0;
}
.r-content-item {
	width:50%;
	padding: 2% 3% 4% 3%;
}
/*.r-content-item .l-item {
	padding-right: 3%;
}*/
.cat-name{
	font-size: 1.1em;
	margin-bottom: 10px;
}
.r-content-inner .l-item,.r-content-inner .r-item{
	float:left;
/*	padding-bottom: 40px;*/
}
.r-content-inner .r-item:after{
	content: " ";
	display: table;
	clear: both;
}
.r-content-inner:after{
	content: " ";
	display: table;
	clear: both;
}
.r-content-sep{
	padding: 20px 0 40px 0;
}

.r-content2-header h2{
	color: #822980;
}
.r-content2-item {
	padding-left: 24px;
	padding-bottom: 20px;
}
.r-content2-item > .cat-name{
	color: #822980;
}

.r-content2-item li{
	padding-bottom: 10px;
}
.r-content2-links {
	padding-left: 10px;
}
.r-content2-links a{
	font-size: 22px !important;
	color: #000000 !important;
	line-height: 28px !important;
}
.r-content2-links .f-comment{
	padding-left: 30px;
	color: #707070 !important;
	display: inherit;
}