html {
		margin-bottom:1px;
    height:100%;
		overflow-y:scroll;
}

html, body {
/*    font-family: Arial, Helvetica, sans-serif;*/
    font-size:14px;
    background-color:#fff;
    color:#4d4d4d;
	line-height:20px;
    letter-spacing:normal;
}
.container_12, .container_16 {
    padding-left:17px;
    margin-top:20px;
/*    font-family: Arial, Helvetica, sans-serif;*/
    font-size:14px;
	 color:#4d4d4d;
    line-height:20px;
    letter-spacing:normal;
}
h1 {
    font-size:27px;
    color:#007ac2;
/*    margin:0 0 18px 0;*/
    margin:25px 0 9px 0;
    padding:0;
    line-height:normal;
}
h1.topMargin {
	margin: 9px 0;
}
h1 a {
    color:#007ac2;
    text-decoration:none;
}
h1 a:hover {
    text-decoration:underline;
    color:#000;
}
h2 {
    font-size:18px;
/*		color:#af7209;*/
    color:#222;
    margin:25px 0 9px 0;
    padding:0;
    line-height:normal;
}
h2 a {
/*		color:#af7209;*/
    color:#222;
    text-decoration:none;
}
h2 a:hover {
    text-decoration:underline;
    color:#222;
}
h2.topMargin {
		margin: 9px 0;
}

#whatsnew h2{
	color: #007ac2;
}

h3{
		font-size:15px;
/*		color:#af7209;*/
    color:#222;
    margin:17px 0 0 0;
    padding:0;
}
h3.topMargin {
		margin: 9px 0;
}
h3 a{
	color:#222;
    text-decoration:none;
}
h3 a:hover{
	color:#222;
	text-decoration:underline;
}
h4, h5, h6 {
    font-size:14px;
    color:#000;
    margin:15px 0 0px 0;
    padding:0;
}
h4 a, h5 a, h6 a {
    color:#000;
    text-decoration:none;
}
h4 a:hover, h5 a:hover, h6 a:hover {
    color:#000;
    text-decoration:underline;
}
p {
    padding:0;
    margin:0 0 10px 0;
}
a {
    color:#2a7433;
}
a:hover {
    color:#000;
}
ul {
    padding:0;
    margin:10px 0 10px -5px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    line-height:19px;
}
ul li, ol ul li {
    margin:7px 0;
    background:transparent url(../graphics/bluebullet.gif) no-repeat scroll 0px 3px;
    padding-left:21px;
}
ul.singleline li {
    margin:1px 0;
}
ol {
    padding:0;
    margin:10px 0 10px 40px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:decimal;
    line-height:19px;
}
ol li, ul ol li {
    margin:5px 0;
}
ol.singleline li {
    margin:1px 0;
}
select {
    width:auto;
}
hr {
    display:block;
    width:100%;
    height:1px;
    background:#ACC6D8;
    color:#ACC6D8;
    border:none;
    border-collapse:collapse;
    margin:15px 0;
    padding:0;
}
/* styling for strong and bold */
strong, b {
    font-weight:bold;
}
em, i {
    font-style:italic;
}
a.button, span.button {
    color:#fff !important;
    display:inline !important;
    display:inline-block !important;
    background:#2a7433 url(../graphics/buttonbg.jpg) repeat-x center center !important;
    border:1px solid #2a7433 !important;
    padding:6px !important;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:5px;
    font-weight:bold !important;
    font-size:12px !important;
    line-height:12px !important;
    text-decoration:none !important;
    text-align:center !important;
    max-height:24px !important;
}
a.button:hover, span.button:hover {
    background-color:#2a7433 !important;
    background-image:url(../graphics/buttonbghover.jpg) !important;
    text-decoration:underline !important;
    color:#fff !important;
}
input.button {
    color:#fff;
    display:block;
    display:inline-block;
    background:#2a7433 url(../graphics/buttonbg.jpg) repeat-x center center;
    border:none;
    padding:2px 6px;
    margin:0 0 0 10px;
    margin-left:0;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
}
input.button:hover {
    background-color:#2a7433;
    background-image:url(../graphics/buttonbghover.jpg);
    text-decoration:underline;
    color:#fff;
}
.box {
    border: 1px solid #acc2d1;
}


.pageNav {
  position: relative;
  font-size: 12px;
  width:100%;
  margin: 20px 0px 10px 0px;
}
a.navprev, a.navnext { position: absolute; }
a.navprev { left: 0; }
a.navnext { right: 0;  }

ul.eventoutline li {
 margin: 7px;
 font-size: 14px;
 padding-left: 21px;
 background-image:none;
}

.popup_privacy{
	margin-bottom:4px;
	padding:3px;
	border:1px solid #E5E5E5;
	height:110px;
	overflow:auto;
	color:#333333;
	font-size:0.85em;
	background-color:#FFFFFF;
}

.container_12 sup {
    line-height: 11px;
}

/* new product template. 2015/03/16 */
.container h1, .container h2,.container h3{
 font-weight: normal !important;
 font-style: normal;
 line-height: normal;
 font-variant: normal;
 font-family: 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif;
}

img.nonResp {
    width: 18px !important;
    height: 18px !important;
}

.container h1{
  color: #007ac2;
  font-size: 32px;
  margin: 0 0 15px 0;
  margin: 0 0 15px 0;
}

.container h2{
	color: #222;
	font-size: 24px;
	margin: 20px 0 10px 0;
}

.container h3{
	font-weight: bold !important;
}

.container .grid-60 h2, .container .grid-60 h3
, .container .grid-50 h2, .container .grid-50 h3
, .container .grid-40 h2, .container .grid-40 h3
, .container .grid-30 h2, .container .grid-30 h3
, .container .grid-20 h2, .container .grid-20 h3
{
 margin-top:0px;
}

.container hr{
	background-color: #e0e0e0;
  color: #e0e0e0;
  border: none;
  border-collapse: collapse;
	display: block;
  height: 1px;
  margin: 15px 0;
  padding: 0;
  width: 100%;
}

.container .product-top{
	margin-top: 40px;
  position: relative;
}

.container .mar-btm-30, .container .mar-btm-20,.container .mar-all-30, .container .mar-all-20{
  display: inline-block;
  width: 100%;
}

.container .mar-btm-30{
	margin-bottom: 30px;
}
.container .mar-btm-20{
	margin-bottom: 20px;
}
.container .mar-all-30{
	margin: 30px 0 !important;
}
.container .mar-all-20{
	margin: 20px 0 !important;
}
.container .push-50{
	left: 50%;
}
.container .pull-50{
	left: -50%;
}

.grid-100 img , .grid-80 img , .grid-70 img , .grid-60 img , .grid-50 img, .grid-40 img, .grid-30 img, grid-20 img
, .grid-100 a img , .grid-80 a img , .grid-70 a img , .grid-60 a img , .grid-50 a img, .grid-40 a img, .grid-30 a img, grid-20 a img
{
	width: 100%;
}

.grid-70 img , .grid-70 a img {	max-width: 616px; }
.grid-60 img , .grid-60 a img {	max-width: 528px; }
.grid-50 img , .grid-50 a img {	max-width: 440px; }
.grid-40 img , .grid-40 a img {	max-width: 352px; }
.grid-30 img , .grid-30 a img{	max-width: 262px; }

/* new product title class*/
/**** black ****/
#topperText .arcgis-pro ,#topperText .arcgis-pro a
,#topperText .web-appbuilder-for-arcgis-dev,#topperText .web-appbuilder-for-arcgis-dev a
,#topperText .arcgis-online,#topperText .arcgis-online a
,#topperText .arcgis-engine,#topperText .arcgis-engine a
,#topperText .arcgis-maps-for-office,#topperText .arcgis-maps-for-office a
,#topperText .arcgis-solutions,#topperText .arcgis-solutions a
,#topperText .data-content-onlinesuite-weather,#topperText .data-content-onlinesuite-weather a
,#topperText .explorer-for-arcgis,#topperText .explorer-for-arcgis a
,#topperText .operations-dashboard-for-arcgis,#topperText .operations-dashboard-for-arcgis a
,#topperText .workforce,#topperText .workforce a
{	color: #000000 !important; }

/**** blue ****/
#topperText .esri-cityengine,#topperText .esri-cityengine a
{	color: #DA4D1E !important; }

/**** white(default) ****/
#topperText .arcgis-data-collection-detail,#topperText .arcgis-data-collection-detail a
,#topperText .arcgis,#topperText .arcgis a
,#topperText .arcgis-data-collection-network,#topperText .arcgis-data-collection-network a
,#topperText .arcgis-data-collection-topography,#topperText .arcgis-data-collection-topography a
,#topperText .arcgis-data-collection-address,#topperText .arcgis-data-collection-address a
,#topperText .arcgis-data-collection-census,#topperText .arcgis-data-collection-census a
,#topperText .arcgis-data-collection-standard,#topperText .arcgis-data-collection-standard a
{	color: #ffffff !important; }

#topperText .arcgis-data-collection,#topperText .arcgis-data-collection a
{	color: #23446D !important; }

#topperText .data-content ,#topperText .data-content a
,#topperText .data-content-geosuite ,#topperText .data-content-geosuite a
,#topperText .data-content-geosuite-chikei ,#topperText .data-content-geosuite-chikei a
,#topperText .data-content-geosuite-douromo ,#topperText .data-content-geosuite-douromo a
,#topperText .data-content-geosuite-jukyo ,#topperText .data-content-geosuite-jukyo a
,#topperText .data-content-geosuite-jukyo-toshi ,#topperText .data-content-geosuite-jukyo-toshi a
,#topperText .data-content-geosuite-shosai ,#topperText .data-content-geosuite-shosai a
,#topperText .data-content-starter ,#topperText .data-content-starter a
,#topperText .data-content-statsuite ,#topperText .data-content-statsuite a
,#topperText .online-content ,#topperText .online-content a
{	color: #3c3c3c !important; }

#topperText .data-content-geosuite-shosai ,#topperText .data-content-geosuite-shosai a
{	color: #1a0c3a !important; }

#topperText .topnav.workforce
{	color: #dc511b !important; }

/**** FONT SIZE ****/
/* 48px */
#sectionTopper_tall h1.arcgis-data-collection
{font-size:48px;}

/* 45px */
#sectionTopper_tall h1.image-analyst
{font-size:45px;}

/* 44px */
#sectionTopper_tall h1.esri-maps-for-microstrategy
{font-size:44px;}

/* 40px */
#sectionTopper_tall h1.arcgis-data-collection-detail
,#sectionTopper_tall h1.arcgis-data-collection-network
,#sectionTopper_tall h1.arcgis-data-collection-topography
,#sectionTopper_tall h1.arcgis-data-collection-address
,#sectionTopper_tall h1.arcgis-data-collection-census
,#sectionTopper_tall h1.arcgis-data-collection-standard
,#sectionTopper_tall h1.data-content-geosuite-jukyo-toshi
{font-size:40px;}

/* 38px */
#sectionTopper_tall h1.operations-dashboard-for-arcgis
{font-size:38px;}

/* 32px */
#sectionTopper_short h1.arcgis-data-collection-detail
,#sectionTopper_short h1.arcgis-data-collection-network
,#sectionTopper_short h1.arcgis-data-collection-topography
,#sectionTopper_short h1.arcgis-data-collection-address
,#sectionTopper_short h1.arcgis-data-collection-census
,#sectionTopper_short h1.arcgis-data-collection-standard
,#sectionTopper_short h1.data-content-geosuite-jukyo-toshi
{font-size:32px;}
/**** /FONT SIZE ****/

#apps h3{
	color:#007ac2;
}

.container #structures-item h3{
	color:#007ac2;
	margin-bottom: 10px;
	font-size:18px;
}

.container #whatsnew h3{
	font-weight:bold !important;
	margin-bottom: 7px;
}

.ctaBlock {
  background-color: #efefef;
  margin-bottom: 32px;
  padding: 14px 25px;
  min-height: 32px;
}

.ctaBlock h3 {
  color: #222;
  float: left;
  margin: 0;
  font-size: 20px;
  padding: 5px 0;
}

.ctaBlock .ctaButton {
  background-color: #f89927;
  border: none;
  color: #FFF;
  display: block;
  float: right;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  padding: 10px 14px;
  text-decoration: none;
}
.ctaBlock-small {
  background-color: #efefef;
  margin-bottom: 32px;
  padding: 14px 25px;
  min-height: 32px;
}

.ctaBlock-small h3 {
  color: #222;
  margin: 0;
  font-size: 17px;
  padding: 5px 0;
}

.ctaBlock-small .ctaButton {
  background-color: #f89927;
  border: none;
  color: #FFF;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  padding: 6px 10px;
  text-decoration: none;
}
.ctaBlock-small p {
    margin-bottom: 0;
}


.site_thumb img {
  vertical-align: middle;
}

/** Solution Page */

#summary-casestudy li {
 font-size:18px;
 padding-top: 2px;
 padding-bottom: 3px;
}

#summary-casestudy h3 {
 font-size:24px;
}
/** /Solution Page */

/** GIS kaisetsu */
.kiso-kaisetsu h1, .kiso-kaisetsu h2, .kiso-kaisetsu h3, .kiso-kaisetsu ul, .kiso-kaisetsu li,.kiso-kaisetsu p,.kiso-kaisetsu h1 a, .kiso-kaisetsu h2 a, .kiso-kaisetsu h3 a ,
#gis-guide h1, #gis-guide h2, #gis-guide h3,#gis-guide h4, #gis-guide ul, #gis-guide li,#gis-guide p,#gis-guide h1 a, #gis-guide h2 a, #gis-guide h3 a
{
font-family: Meiryo,'メイリオ',Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',Osaka, Arial, Helvetica, sans-serif;
}

.kiso-kaisetsu {margin-top:10px;}
.kiso-kaisetsu ul {margin:0px; padding:0px;}
.kiso-kaisetsu h1 {font-size:22px;  margin:20px 0px 0px 0px;  }
.kiso-kaisetsu li {float:left; margin: 5px 5px 5px 0px;background:none; }
.kiso-kaisetsu h2 {margin:0px;}
.kiso-kaisetsu h2 a {color:#2A7433;font-size:16px; margin:0px; font-weight:normal !important;}
#gis-guide h2 {
    border-bottom: dotted 1px #00B9F2;
}
#gis-guide h4.subh4 {
	font-size: 16px;
	width:100%;
	border-bottom: solid 1px #D0D0D0;
    margin-bottom: 10px;
	font-weight:normal !important;
}

#gis-guide .grid-100, , #gis-guide .grid-80 , #gis-guide .grid-70, #gis-guide .grid-60, #gis-guide .grid-50, #gis-guide .grid-40, #gis-guide .grid-30, #gis-guide .grid-20 {
    padding-left: 0px;
}

.related { margin-top:30px; }
.topics , .thema , .howtouse {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.related hr{ margin: 1px 0px; }
.related h3 {
    display: block;
    padding: 5px 0px 5px 10px;
    background: #00a0e9;
    color:#fff;
    font-size: 18px;
}
.related h3.bgpink {
    background: #f06060;
}
.topics ul , .thema ul {margin:15px 0px 0px 0px; padding:0px;}
.topics li, .thema li {float:left; margin: 5px 5px 5px 0px;background:none; }
.thema li.active{ font-weight:bold;}
.thema li.active a {     text-decoration: none; color:#000; }

.div-mesh-item dt {
    font-weight: bold;
    margin: 7px 0;
    background: transparent url(../graphics/bluebullet.gif) no-repeat scroll 0px 3px;
    padding-left: 21px;
}

.div-mesh-item dd {
	padding-left:30px;
}

a.dmy-link{
	pointer-events: none;
	text-decoration: none;
	color:#CACACA !important;
}


.kiso-kaisetsu-2 li{
    list-style: none;
    background: none;
    padding-left: 0px;
    width: 50%;
    float: left;
    font-size: 16px;
    height: 30px;
}

/** /GIS kaisetsu */

/** case-studies , applications */
#case-studies .article h2  , #applications .article h2{
    font-size: 20px;
    font-family: Meiryo,'メイリオ',Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',Osaka, Arial, Helvetica, sans-serif !important;
    margin-top: 10px;
    margin-bottom: 20px;
}


#case-studies .article p.kouka , #case-studies .article p.kadai ,
#applications .article p.kouka , #applications .article p.kadai
{
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

#case-studies .article h2.jirei-midashi ,  #applications .article h2.jirei-midashi ,
#case-studies .article h3.jirei-midashi ,  #applications .article h3.jirei-midashi {
    font-size: 22px;
    font-family: Meiryo,'メイリオ',Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',Osaka, Arial, Helvetica, sans-serif !important;
    color: #007ac2;
    margin-top: 30px;
	margin-bottom: 5px;
}

#case-studies .article h3.jirei-midashi-sub ,  #applications .article h3.jirei-midashi-sub ,
#case-studies .article h4.jirei-midashi-sub ,  #applications .article h4.jirei-midashi-sub {
    font-family: Meiryo,'メイリオ',Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',Osaka, Arial, Helvetica, sans-serif !important;
}

#platform-section{
    margin-bottom : 30px;
    border-bottom : dotted 1px #9e9e9e;
}
#platform-section h2{
    color: #E85948;
    border-bottom: dotted 2px #7d7d7d;
    margin-bottom:10px;
}
#platform-section ul {
    background-image: url(/cgi-bin/wp/wp-content/themes/esri/images/icon_arcgisplatform_100x55.png);
    background-repeat: no-repeat;
    padding-left: 110px;
}
#posts .tx_products-arcgis .thumbnail:after{
    /** content: url(/cgi-bin/wp/wp-content/themes/esri/images/icon_arcgisplatform_thumbnail.png); */
}

/** /case-studies , applications */

/** training page */
.training-course-table {
    margin: 20px 0 10px;
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    border: none;
}

.training-course-table th {
	text-align:left;
	font-weight:bold;
	color:#fff;
	padding:10px;
	margin:0;
	border:none;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	vertical-align:bottom;
}

.training-course-table thead th {
	vertical-align:middle;
	text-align:center;
}
.training-course-table thead th.course-name {
	font-size:18px;
}
.training-course-table tbody th {
	vertical-align:top;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}

.training-course-table th a {
	color:#fff !important;
	text-decoration:underline !important;
}
.training-course-table th a:hover {
	color:#FFCC33 !important;
}
.training-course-table td {
	text-align:center;
	vertical-align:middle;
	padding:8px 10px;
	border:none;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
.training-course-table td.training-price {
	text-align:right;
}
.training-course-table th:first-child {
	border-left:none;
}

.training-course-table.purple tr:nth-child(odd){
	background-color:#dfcbe3;
}
.training-course-table.purple tr:nth-child(even){
	background-color:#ceb0d4;
}
.training-course-table.purple th{
	background-color:#8e499b;
}

.training-course-table.blue tr:nth-child(odd){
	background-color:#DCF0F3;
}
.training-course-table.blue tr:nth-child(even){
	background-color:#ECF8FA;
}
.training-course-table.blue th{
	background-color:#0085A6;
}

.training-course-table.green tr:nth-child(odd){
	background-color:#e2efd9;
}
.training-course-table.green tr:nth-child(even){
	background-color:#c2e0b3;
}
.training-course-table.green th{
	background-color:#70ad47;
}
.training-course-table.orange tr:nth-child(odd){
	background-color:#fbe4d5;
}
.training-course-table.orange tr:nth-child(even){
	background-color:#f7caac;
}
.training-course-table.orange th{
	background-color:#ed7d31;
}
.training-course-table.gray tr:nth-child(odd){
	background-color:#f4f4f4;
}
.training-course-table.gray tr:nth-child(even){
	background-color:#FBFBFB;
}
.training-course-table.gray th{
	background-color:#939393;
}

/** /training page */

span.newicon {
    display: inline-block;
    background: #df002c;
    padding: 1px 5px;
    margin-left: 7px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}


/** top page banner */
#topbanner .item .contentWidth {
    width: inherit;
    height:180px;
    position:relative;
    overflow:hidden;
    top:40px;
    left:17px;
    z-index:10;
}
#topbanner .item .contentWidth h1 {
    font-size:32px;
	margin-bottom: 11px;
    line-height:normal;
    margin-top:0;
    filter:none;
    text-shadow:none;
    font-family: 'Avenir LT W01 85 Heavy' , Meiryo UI,Meiryo,'メイリオ',Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',Osaka, Arial, Helvetica, sans-serif;
}
#topbanner .item .contentWidth .btnSmallGreen {
    margin-top:10px;
}
#topbanner p.BtnArea {
    position: absolute;
    left: 140px;
    top: 140px;
}
/** /top page banner */
/** what is gis (new) */
.what-is-section{
  background: linear-gradient(to bottom, #F5F5F5, #fff 20%, #fff);
  padding: 10px 8px;
  margin-top:30px;
  border-top: 1px solid #969696;
}
.what-is-section h1{
	 text-align: center;
	 font-size: 32px;
	 font-weight:bold !important;
	 color: #000;
	 margin-bottom: 25px;
}
h2.capabilities-visualize , h2.capabilities-relation , h2.capabilities-integration , h2.capabilities-data{
	 padding-left: 37px;
	 height: 30px;
}
h2.capabilities-visualize{
	background: url('//www.esrij.com/cgi-bin/wp/wp-content/uploads/2016/06/02-capabilities-icon-1-h30.jpg') no-repeat left center;
}
h2.capabilities-relation{
	background: url('//www.esrij.com/cgi-bin/wp/wp-content/uploads/2016/06/02-capabilities-icon-2-h30.jpg') no-repeat left center;
}
h2.capabilities-integration{
	background: url('//www.esrij.com/cgi-bin/wp/wp-content/uploads/2016/06/02-capabilities-icon-3-h30.jpg') no-repeat left center;
}
h2.capabilities-data{
	background: url('//www.esrij.com/cgi-bin/wp/wp-content/uploads/2016/06/02-capabilities-icon-4-h30.jpg') no-repeat left center;
	 padding-left: 42px;
}
#what-is-gis .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#what-is-gis #fixedBox ul {
    margin: 0;
    padding: 0;
}
#what-is-gis #fixedBox ul li {
    display: inline-block;
    list-style: none;
    background: #e6e6e6;
    width: 187px;
    text-align: center;
    margin: 0;
    float: left;
    border-left: 1px solid #c6c6c6;
    padding: 0px;
}
#what-is-gis #fixedBox ul:first-child {
    border-left: none;
}
#what-is-gis #fixedBox ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    padding: 18px 0px;
	display:block;
}
#what-is-gis #fixedBox ul li:hover {
    background: #f0f0f0;
}
#what-is-gis #fixedBox.nav li.now {
    background-color: #000;
}
#what-is-gis #fixedBox.nav li.now a {
    color: #fff;
}
#what-is-gis-main , #what-is-gis-capabilities , #what-is-gis-merit , #what-is-gis-case-studies , #what-is-gis-start{
	position: relative;
	top: -60px;
	display: block;
}
/** /what is gis (new) */
/** product capabilities */
.product-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    float: left;
    overflow: hidden;
    margin: 0.5%;
    position: relative;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    width: 32%;
}
.product-box a {
    color: #FFF;
    display: block;
    font-weight: bold;
}
.product-box a:hover .inner-box-padding {
  position: relative;
  width: 100%;
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.product-box .spatial-analysis {
    background-image: url("//www.esri.com/~/media/FF80A44432C447AC99974BF28CB9EA14");
}
.product-box .apps {
    background-image: url("//www.esri.com/~/media/FC2916A88933413C92327BDD95D181CA");
}
.product-box .content {
  background-image: url("//www.esri.com/~/media/537CB61B791E4142BA9F17F4223EF0EB");
}
.product-box .real-time {
  background-image: url("//www.esri.com/~/media/955A84CF0F4845DA8E7C213628C9A992");
}
.product-box .big-data {
  background-image: url("//www.esri.com/~/media/2F8032FB154B45C3B245DC96993961A3");
}
.product-box .mapping-visualization {
  background-image: url("//www.esri.com/~/media/B86A45DD3F354F558DE99648E6C67247");
}
.product-box .image-management {
  background-image: url("//www.esri.com/~/media/B7DBE3EB8FDB477DAC1FA447887AF0BC");
}
.product-box .three-d {
  background-image: url("//www.esri.com/~/media/D98B936C323D4D3AAF478D2EE764A6AD");
}
.product-box .cad {
  background-image: url("//www.esri.com/~/media/DC45FA1464754FB08698E76B805D60FE");
}
.product-box .data-management {
  background-image: url("//www.esri.com/~/media/365DC50F060D4EE5BFD25C91519A72F4");
}
.product-box .geodesign {
  background-image: url("//www.esri.com/~/media/2960FDCAE53B4F05984914BEE3C717CB");
}
.product-box .community-engagement {
  background-image: url("//www.esri.com/~/media/695EBA12557444BEB66412276184526C");
}
.product-box .inner-box-padding {
    background-color: #007ac2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
}
.product-box .inner-box-padding:before {
    content: "";
    display: block;
    padding-top: 87%;
}
.product-box h3 {
    font-size: 22px;
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8%;
	font-weight:normal !important;
	font-family: 'Avenir LT W01 65 Medium',Meiryo,'メイリオ',Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',Osaka, Arial, Helvetica, sans-serif;
}
.product-box.dark-text h3 {
    color: #333;
}
/** /product capabilities */