/* home.css 2020/02/12 */
/* 2020/02/12 update for AR5700D and HPCOM receivers  */
/* 2018/12/14 AR-Alpha deleted. */
/* 2017/08/28 40th anniversary slide banner added. */
/* 2017/08/18 Instead of INPUT tag, it changed to innerHTML insertion by javascript. To avoid Chrome security warnings. */

/* slide-banner */
div#slidemask {
	width: 980px;
/* 	height: 290px; */
	height: 100px;
	margin: 0 2px;
	display: block;
	overflow: hidden;
    position: relative;
}
@-webkit-keyframes AutoSlideBanner {
	0% { left: 0px;}
	2% { left: 0px;}
	34% { left: -800px;}
	36% { left: -800px;}
	65% { left: 0px;}
	66% { left: 0px;}
	98% { left: -800px;}
	100% { left: -800px;}
}
@keyframes AutoSlideBanner {
	0% { left: 0px;}
	2% { left: 0px;}
	34% { left: -800px;}
	36% { left: -800px;}
	65% { left: 0px;}
	66% { left: 0px;}
	98% { left: -800px;}
	100% { left: -800px;}
}
img#slide-banner {
    width: 1800px;
/*     height: 290px; */
    height: 100px;
    top: 0;
    left: 0;
    position: absolute;  /* key point */

    -webkit-animation-name: AutoSlideBanner;
    -webkit-animation-duration: 120s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    
    animation-name: AutoSlideBanner;
    animation-duration: 120s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
} 

/* ar-home */
span.page {
	font-size: 7pt;
}
span#showClass {
	font-family: monospace;
	font-size: 8pt;
}

h1#banner-header {
/* 	padding-left: 14px; */ /* for check 01-30 */
}
/* topic added 20140221 */
#topic .tp-description {
	margin-right: auto;
	margin-left: auto;
	width: auto;
/* 	height: 58px; */
	text-align: center;
	font-family: "Arial Black", sans-serif;
}
#topic .tp-description div.tp-box {
	margin-right: auto;
	margin-left: auto;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	width: 310px;
	height: auto;
	font-size: 14pt;
	text-align: center;
	line-height: 1.4em;
}
#topic .tp-description div.red-center {
	font-size: 16pt;
	text-align: center;
	color: red;
	line-height: 1.4em;
}
#tp2 {
	font-family: "Arial Black", sans-serif;
	text-align: left;
	margin-top: -38px;
	padding: 0px 20px 20px 20px;
}
#tp2 div#tp2-left {
	font-size: 14pt;
}
#tp2 ul {
	font-size: 12pt;
	padding-left: 65px;
	text-indent: -1.4em;
}
#tp2 li {
	padding-top: 30px;
}
#tp2 div#tp2-org-center {
	padding: 40px 0 20px 35px;
	font-size: 24pt;
	color: #ff6f00;
}
#tp2 div#tp2-red-center {
	padding: 20px 0 20px 140px;
	font-size: 37pt;
	color: red;
}
#tp2 div#tp2-footer {
	font-family: "Meiryo UI","Meiryo","Helvetica","Arial", sans-serif;
	padding: 20px 0 20px 70px;
	font-size: 28pt;
	font-weight: bolder;
}
/* newproducts added 20130905 */
#newproducts {
	width: 980px;
	height: autopx;
	margin: 2px 2px 10px 2px;
	padding: 10px 0px;
	font-family: "Arial Black", sans-serif;
	background-color: #dcdcdc;
	overflow: hidden;
}
#newproducts div.ticker {
	height: 30px;
	padding: 0 0;
	color: red;
}
@keyframes slidein {
	0% { margin-left: 40%;}
	5% { margin-left: 40%;}
	25% { margin-left: 3%;}
	75% { margin-left: 70%;}
	95% { margin-left: 40%;}	
	100% { margin-left: 40%;}	
}
@-webkit-keyframes slidein {
	0% { margin-left: 40%;}
	5% { margin-left: 40%;}
	25% { margin-left: 3%;}
	75% { margin-left: 70%;}
	95% { margin-left: 40%;}	
	100% { margin-left: 40%;}	
}
#newproducts div.tickerItem {
	overflow:hidden;
	text-align: left;
	margin: 0 0;
	padding: 0 0;
	height: 30px;
	width: 980px;
	font-size: 19pt;
	animation-duration: 20s;
	animation-name: slidein;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	
	-webkit-animation-duration: 20s;
	-webkit-animation-name: slidein;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
#newproducts div.leftred {
	font-size: 11pt;
	padding-left: 28px;
	text-align: left;
	color: red;
}
#newproducts div.leftred a {
	color: red;
}
#newproducts .np-image a {
	padding: 0px 4px
}
/* billboard */
#billboard {
	width: 984px;
	height: 300px;
	margin: 0;
	padding: 0;
	font-family: "Arial Black", sans-serif;
	overflow: hidden;
}
#billboard div.bb-item {
	width: 980px;
	height: 300px;
	margin: 0 auto;
	display: none;
/* 	display: inline; */
}
#billboard div.bb-item hr {
	display: none;
}
#billboard div.bb-image {
	width: 490px;
	height: 300px;
	left: 0px;
	padding: 0;
	float: left;
}
#billboard div.bb-image p {
	margin: 0;
	padding: 0;
	width: 490px;
	height: 300px;
	display: block;
}
/* image overlay text */
#billboard div.bb-image p a {
/* 	padding: 283px 0 0 0; */
/* 	padding: 284px 0 0 0; */
	width: 490px;
	height: 18px;
	margin-top: 0;
	padding-top: 282px;
	font-family: sans-serif;
	font-style: italic;
	font-size: 14px;
	display: block;
}
#billboard div.bb-image p.b2-center a {
	height: 37px;
	padding-top: 263px;
}
#billboard div.bb-image p.no-disp a {
	display: none;
}
#billboard div.bb-image p.b-left a {
	width: 470px;
	padding-left: 20px;
	text-align: left;
}
#billboard div.bb-image p.b-right a {
	width: 480px;
	padding-right: 10px;
	text-align: right;
}
#billboard div.bb-image p.b2-right a {
	height: 37px;
	width: 480px;
	padding-right: 10px;
	padding-top: 263px;
	text-align: right;
}
#billboard div.bb-image p.p-right a {
	top: 0px;
	left: 0px;
	height: 260px;
	width: 440px;  /* for ie6 */
	padding-top: 40px;
/* 	padding-left: 186px; */
	padding-left: 180px;
	text-align: left;
}
/* end of image overlay text */
#billboard div.bb-text {
	width: 470px;
	height: 300px;
/* 	display: inline; don't use */
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	overflow: hidden;
}
#billboard div.bb-text a {
	color: black;
	display: block;
}
#billboard div.bb-title {
	padding-top: 30px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.1em;
/* 	line-height: 1.2em; */
/* 	background-color: #ffffff; */
}
#billboard div.bb-title h3 a.small {
	font-size: 30px;
}
#billboard div.bb-header {
	padding-top: 10px;
/* 	padding-left: 20px; */
	font-size: 26px;
	line-height: 1.2em;
/* 	background-color: #ffffff; */
}
#billboard div.bb-header a {
	font-size: 24px;
}
#billboard div.bb-description {
	padding-top: 10px;
	font-family: serif;
	font-size: 18px;
	line-height: 1.1em;
/* 	line-height: 1.2em; */
/* 	background-color: #ffffff; */
}
#billboard div.bb-description a {
	height: 200px;
	display: block;
}
/* 	item number for check */
#billboard div.bb-num {
	padding-top: 10px;
	font-family: sans-serif;
	font-size: 12px;
	display: none;
}
/* 	end of item number for check */

#billboard:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}


/* ar-home bodyClassName switch end */
#top-promo {
	width: 100%;
	height: 290px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	white-space: normal;
	text-align: left;
	border-top: 1px solid #cccccc;
	background-color: #ffffff;
	overflow: hidden;
}
#top-promo hr {
	display: none;
}
#top-promo div.ant-left,
#top-promo div.portable-left,
#top-promo div.desktop {
	width: 246px;
	height: 290px;
	float: left;
	overflow: hidden;
}
#top-promo .promo-image {
	width: 246px;
	height: 290px;
}
#top-promo .promo-image a {
	width: 246px;
	height: 290px;
	display: block;
}
#top-promo .promo-image p {
	display: none;
}
#top-promo .promo-text {
	position: absolute;
	top: 0;
	width: 246px;
}
#top-promo .promo-text a {
	display: block;
}
#top-promo .promo-header {
	padding: 10px;
	font-size: 20px;
	line-height: 1.5em;
	background-color: #ffffff;
}
/*
#top-promo a.promo-header {
	z-index: 1;
	display: block;
}
*/
#top-promo .promo-description {
	padding: 8px;
	font-size: 13px;
	line-height: 1.5em;
	background-color: #ffffff;
}
/*
#top-promo a.promo-description {
	z-index: 2;
	display: block;
}
*/
#top-promo .portable-left .promo-header {
	margin-left: 30px;
}
#top-promo .portable-left .promo-description {
	margin-left: 80px;
}
#top-promo .ant-left .promo-header {
	margin-left: 30px;
}
#top-promo .ant-left .promo-description {
	margin-left: 80px;
}
#top-promo .promo-btn a {
/* 	position: absolute; */
/* 	margin: 145px 0 0 0; */
	margin: 0;
/* 	top: 0px; */
/* 	left: 0px; */
	width: 246px;
	height: 186px;
/* 	height: 290px; */
	padding: 0;
	z-index: 0;
	display: block;
}
#headline {
	margin-bottom: 4px;
	width: 100%;
	height: auto;
/* 	height: 6em; */
/* 	height: 84px; */
/* 	overflow: auto; */
	position: relative;
	padding: 10px 0 0 0;
	text-align: left;
	font-size: 12px;
	/* font-family: "Arial Black",	sans-serif; */
	clear: left;
	border-top: 1px solid #cccccc;
}
#headline h3 {
	padding-left: 20px;
	font-weight: bold;
	width: 15em;
}
#headline td.nudate {
	padding-left: 40px;
	width: 64px;
	vertical-align: text-top;
}
#headline td.nudesc {
	padding-left: 44px;
}

#headline li {
	display: inline;
	padding-left: 40px;
}
div#lastupdate {
	height: 26px;
	padding: 2px 0 2px 40px;
	text-align: left;
	font-size: 12px;
/* 	border-bottom: 1px solid #cccccc; */
}

/* ============== */
div#top-banner {
	width: 100%;
	height: 100px;
	margin: 10px 0 10px 0;
	position: relative;
	padding: 0 15px 0 15px;
	white-space: normal;
	text-align: left;
/* 	border-top: 1px solid #cccccc; */
	background-color: #ffffff;
	overflow: hidden;
}
#top-banner hr {
	display: none;
}
#top-banner div.bn-cols {
	margin: 0;
	width: 314px;
	height: 100px;
	padding: 0 2px;
	float: left;
	overflow: hidden;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#top-banner div.bn-image {
	width: 314px;
	height: 80px;
/* 	height: 81px; */
	margin: 0;
	padding: 0;
}
#top-banner div.bn-image p {
	display: block;
	margin: 0;
	padding: 0;
	width: 314px;
	height: 100px;
	text-align: center;
	background-color: transparent;
}
#top-banner div.bn-image p a {
	display: block;
	margin: 0;
	width: 314px;
	height: 20px;
	padding: 80px 0 0 0;
	line-height: 1.2exm;
	text-align: center;
	vertical-align: bottom;
}
#top-banner div.bn-image p a:hover {
	text-decoration: none;
	color: #333333;
}
#top-banner div.bn-image p.t2-center a {
	padding: 68px 0 0 0;
	line-height: 1.2em;
}

#footer.hfooter div {
	width: auto;
	padding: 0 30px;
	float: left;
	color: #333;
}


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

/* ar-home bodyClassName switch */
div.bb-item,
div.tp-cols,
div.bn-cols {
	display: none;
}

.show01 div#item06 {
	display: inline;
}
.show02 div#item07 {
	display: inline;
}
.show03 div#item08 {
	display: inline;
}
.show04 div#item11 {
	display: inline;
}
.show05 div#item21 {
	display: inline;
}
.show06 div#item09 {
	display: inline;
}
.show07 div#item31 {
	display: inline;
}
.show08 div#item34 {
	display: inline;
}
.show09 div#item29 {
	display: inline;
}
.show10 div#item39 {
	display: inline;
}
.show11 div#item09 {
	display: inline;
}
.show12 div#item06 {
	display: inline;
}
.show13 div#item10 {
	display: inline;
}
.show14 div#item08 {
	display: inline;
}
.show15 div#item11 {
	display: inline;
}
.show16 div#item14 {
	display: inline;
}
.show17 div#item31 {
	display: inline;
}
.show18 div#item34 {
	display: inline;
}
.show19 div#item29 {
	display: inline;
}
.show20 div#item39 {
	display: inline;
}
.show21 div#item33 {
	display: inline;
}
.show22 div#item07 {
	display: inline;
}
.show23 div#item10 {
	display: inline;
}
.show24 div#item11 {
	display: inline;
}
.show25 div#item21 {
	display: inline;
}
.show26 div#item14 {
	display: inline;
}
.show27 div#item09 {
	display: inline;
}
.show28 div#item34 {
	display: inline;
}
.show29 div#item10 {
	display: inline;
}
.show30 div#item39 {
	display: inline;
}

.show01 div#col07,
.show01 div#col09,
.show01 div#col14,
.show01 div#col21 {
	display: block;
}
.show02 div#col08,
.show02 div#col10,
.show02 div#col19,
.show02 div#col25 {
	display: block;
}
.show03 div#col06,
.show03 div#col07,
.show03 div#col14,
.show03 div#col21 {
	display: block;
}
.show04 div#col07,
.show04 div#col29,
.show04 div#col31,
.show04 div#col39
 {
	display: block;
}
.show05 div#col08,
.show05 div#col09,
.show05 div#col11,
.show05 div#col14 {
	display: block;
}
.show06 div#col06,
.show06 div#col11,
.show06 div#col21,
.show06 div#col39 {
	display: block;
}
.show07 div#col08,
.show07 div#col09,
.show07 div#col11,
.show07 div#col19 {
	display: block;
}
.show08 div#col06,
.show08 div#col10,
.show08 div#col21,
.show08 div#col39 {
	display: block;
}
.show09 div#col08,
.show09 div#col11,
.show09 div#col31,
.show09 div#col34 {
	display: block;
}
.show10 div#col14,
.show10 div#col21,
.show10 div#col27,
.show10 div#col29 {
	display: block;
}
.show11 div#col07,
.show11 div#col11,
.show11 div#col21,
.show11 div#col31 {
	display: block;
}
.show12 div#col10,
.show12 div#col19,
.show12 div#col25,
.show12 div#col39 {
	display: block;
}
.show13 div#col06,
.show13 div#col07,
.show13 div#col09,
.show13 div#col14 {
	display: block;
}
.show14 div#col07,
.show14 div#col29,
.show14 div#col31,
.show14 div#col39 {
	display: block;
}
.show15 div#col08,
.show15 div#col09,
.show15 div#col14,
.show15 div#col19 {
	display: block;
}
.show16 div#col06,
.show16 div#col21,
.show16 div#col27,
.show16 div#col39 {
	display: block;
}
.show17 div#col08,
.show17 div#col11,
.show17 div#col19,
.show17 div#col31 {
	display: block;
}
.show18 div#col06,
.show18 div#col09,
.show18 div#col10,
.show18 div#col39 {
	display: block;
}
.show19 div#col08,
.show19 div#col10,
.show19 div#col11,
.show19 div#col31 {
	display: block;
}
.show20 div#col14,
.show20 div#col21,
.show20 div#col27,
.show20 div#col29 {
	display: block;
}
.show21 div#col07, 
.show21 div#col09,
.show21 div#col21,
.show21 div#col34 {
	display: block;
}
.show22 div#col10,
.show22 div#col19,
.show22 div#col25,
.show22 div#col39 {
	display: block;
}
.show23 div#col06,
.show23 div#col07,
.show23 div#col09,
.show23 div#col14 {
	display: block;
}
.show24 div#col07,
.show24 div#col29,
.show24 div#col31,
.show24 div#col39 {
	display: block;
}
.show25 div#col08,
.show25 div#col10,
.show25 div#col14,
.show25 div#col19 {
	display: block;
}
.show26 div#col06,
.show26 div#col09,
.show26 div#col27,
.show26 div#col39 {
	display: block;
}
.show27 div#col11,
.show27 div#col19,
.show27 div#col31,
.show27 div#col34 {
	display: block;
}
.show28 div#col06,
.show28 div#col09,
.show28 div#col27,
.show28 div#col39 {
	display: block;
}
.show29 div#col08,
.show29 div#col11,
.show29 div#col19,
.show29 div#col27 {
	display: block;
}
.show30 div#col10,
.show30 div#col21,
.show30 div#col29,
.show30 div#col34 {
	display: block;
}

#item06 div.bb-image {
	background: url('../img3/ar2300_img_rev1_490x294.jpg') no-repeat center bottom;
}
#item07 div.bb-image {
	background: url('../img2/AR8200_MK3_img_490x294.jpg') no-repeat center bottom;
}
#item08 div.bb-image {
	background: url('../img2/ar8600mk2_img_490x294.jpg') no-repeat center bottom;
}
#item09 div.bb-image {
	background: url('../img3/AR5700D_white_back_490x294.png') no-repeat center bottom;
}
#item10 div.bb-image {
	background: url('../img3/ar-dv10_ad2_img_490x294.jpg') no-repeat center bottom;
}
#item11 div.bb-image {
	background: url('../img2/ar-one_img_490x294.jpg') no-repeat center bottom;
}
#item12 div.bb-image {
	background: url('../img2/SR2000A_img_490x294.jpg') no-repeat center bottom;
}
#item13 div.bb-image {
	background: url('../img2/SR2200_img_490x294.jpg') no-repeat center bottom;
}
#item14 div.bb-image {
	background: url('../img2/ariq_img_490x294.jpg') no-repeat center bottom;
}
#item16 div.bb-image {
	background: url('../img2/da3200_img_490x294.jpg') no-repeat center bottom;
}
#item17 div.bb-image {
	background: url('../img2/da753g_img_490x294.jpg') no-repeat center bottom;
}
#item21 div.bb-image {
	background: url('../img2/sa7000_img_490x294.jpg') no-repeat center bottom;
}
#item29 div.bb-image {
	background: url('../img2/ard25_img_490x294.jpg') no-repeat center bottom;
}
#item30 div.bb-image {
	background: url('../img2/ard9000mk2_img_490x294.jpg') no-repeat center bottom;
}
#item31 div.bb-image {
	background: url('../img2/ard9800_img_490x294.jpg') no-repeat center bottom;
}
#item32 div.bb-image {
	background: url('../img2/ard9900_img_490x294.jpg') no-repeat center bottom;
}
#item33 div.bb-image {
	background: url('../img3/WEB_AD_490x294.jpg') no-repeat center bottom;
}
#item34 div.bb-image {
	background: url('../img3/arl2300_img_490x294.jpg') no-repeat center bottom;
}
#item37 div.bb-image {
	background: url('../img2/TFX-03_img_490x294.jpg') no-repeat center bottom;
}
#item38 div.bb-image {
	background: url('../img/crystal_img_490x294.jpg') no-repeat center bottom;
}
#item39 div.bb-image {
	background: url('../img3/ar5001d_rev1_img_490x294.jpg') no-repeat center bottom;
}
#item40 div.bb-image {
	background: url('../img2/acu5032_img_490x294.jpg') no-repeat center bottom;
}
#item41 div.bb-image {
	background: url('../img2/acu6035_img_490x294.jpg') no-repeat center bottom;
}
#item42 div.bb-image {
	background: url('../img2/acu7050_img_490x294.jpg') no-repeat center bottom;
}
#item43 div.bb-image {
	background: url('../img2/acf7050_img_490x294.jpg') no-repeat center bottom;
}
#item44 div.bb-image {
	background: url('../img2/through_hole_mc_img_490x294.jpg') no-repeat center bottom;
}
#item45 div.bb-image {
	background: url('../img2/ahco7050_img_490x294.jpg') no-repeat center bottom;
}
#item46 div.bb-image {
	background: url('../img2/other_packages_img_490x294.jpg') no-repeat center bottom;
}

#col06 div.promo-image {
	background: url('../img2/ar2300_b_img_240x275.jpg') no-repeat center bottom;
}
#col07 div.promo-image {
	background: url('../img2/AR8200_MK3_img_240x275.jpg') no-repeat center bottom;
}
#col08 div.promo-image {
	background: url('../img2/AR8600_img_240x275.jpg') no-repeat center bottom;
}
#col09 div.promo-image {
	background: url('../img3/AR5700D_240x275.JPG') no-repeat center bottom;
}
#col10 div.promo-image {
	background: url('../img3/ar-dv10_ipx5_240x275.jpg') no-repeat center bottom;
}
#col11 div.promo-image {
	background: url('../img2/AR-one_c_back_img_240x275.jpg') no-repeat center bottom;
}
#col12 div.promo-image {
	background: url('../img2/SR2000A_img_240x275.jpg') no-repeat center bottom;
}
#col13 div.promo-image {
	background: url('../img2/SR2200_img_240x275.jpg') no-repeat center bottom;
}
#col14 div.promo-image {
	background: url('../img2/ariq_img_240x275.jpg') no-repeat center bottom;
}
#col16 div.promo-image {
	background: url('../img2/da3200_img_240x275.jpg') no-repeat center bottom;
}
#col17 div.promo-image {
	background: url('../img2/da753g_img_240x275.jpg') no-repeat center bottom;
}
#col19 div.promo-image {
	background: url('../img2/ma500_img_240x275.jpg') no-repeat center bottom;
}
#col21 div.promo-image {
	background: url('../img2/sa7000_img_240x275.jpg') no-repeat center bottom;
}
#col25 div.promo-image {
	background: url('../img2/abf128_img_240x275.jpg') no-repeat center bottom;
}
#col27 div.promo-image {
	background: url('../img2/MC-600_img_240x275.jpg') no-repeat center bottom;
}
#col29 div.promo-image {
	background: url('../img2/ard25_img_240x275.jpg') no-repeat center bottom;
}
#col30 div.promo-image {
	background: url('../img2/ard9000mk2_img_240x275.jpg') no-repeat center bottom;
}
#col31 div.promo-image {
	background: url('../img2/ard9800_img_240x275.jpg') no-repeat center bottom;
}
#col32 div.promo-image {
	background: url('../img2/ard9900_img_240x275.jpg') no-repeat center bottom;
}
#col33 div.promo-image {
	background: url('../img2/AR-STV_img_240x275.jpg') no-repeat center bottom;
}
#col34 div.promo-image {
	background: url('../img3/arl2300_img_240x275.jpg') no-repeat center bottom;
}
#col134 div.promo-image {
	background: url('../img3/arl2300_img_240x275.jpg') no-repeat center bottom;
}
#col37 div.promo-image {
	background: url('../img/TFX-03_240x275.jpg') no-repeat center bottom;
}
#col38 div.promo-image {
	background: url('../img/crystal_img_240x275.jpg') no-repeat center bottom;
}
#col39 div.promo-image {
	background: url('../img3/ar5001d_img_240x275.jpg') no-repeat center bottom;
}
#col40 div.promo-image {
	background: url('../img2/acu5032_img_240x275.jpg') no-repeat center bottom;
}
#col41 div.promo-image {
	background: url('../img2/acu6035_img_240x275.jpg') no-repeat center bottom;
}
#col42 div.promo-image {
	background: url('../img2/acu7050_img_240x275.jpg') no-repeat center bottom;
}
#col43 div.promo-image {
	background: url('../img2/acf7050_img_240x275.jpg') no-repeat center bottom;
}
#col44 div.promo-image {
	background: url('../img2/through_hole_mc_img_240x275.jpg') no-repeat center bottom;
}
#col45 div.promo-image {
	background: url('../img2/ahco_img_240x275.jpg') no-repeat center bottom;
}
#col46 div.promo-image {
	background: url('../img2/metalcan_img_240x275.jpg') no-repeat center bottom;
}