@charset "shift_jis";



/* .specialBannerArea
 -----------------------------------------------------------------------*/

.specialBannerArea{
	display:none;
	/background:#555555;
	background/**/:#555555;
	background: linear-gradient(top, #555555 0, #777777 100%);
	background: -ms-linear-gradient(top, #555555 0, #777777 100%);
	background: -moz-linear-gradient(top, #555555 0, #777777 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#777777));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff555555', endColorstr='#ff777777');
	margin-bottom:20px;
	padding:10px 0;
	border-top:5px solid #333333;
	border-bottom:5px solid #333333;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
	-ms-box-shadow:0 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
	color:#ffffff;
}
#AS-topSlideNavi{
	padding-bottom:1px;
}
.specialBnrBox{
	position:relative;
	/background:#8C73C8;
	background/**/:#8C73C8;
	background: linear-gradient(left, #7657BD 0, #8C73C8 100%);
	background: -ms-linear-gradient(left, #7657BD 0, #8C73C8 100%);
	background: -moz-linear-gradient(left, #7657BD 0, #8C73C8 100%);
	background: -webkit-gradient(linear, left center, rihgt center, from(#7657BD), to(#8C73C8));
	min-height:144px;
	padding:30px 10px;
	margin:0;
	margin-right:10%;
	border:1px solid #F5EBAC;
	border-right-width:6px;
	border-radius:15px;
	-ms-border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	text-shadow: 1px 1px 1px #000000;
}
.specialBnrBox:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -115px;
	display: block;
	width: 0px;
	height: 0px;
	margin-top:-50px;
	border-style: solid;
	border-width: 50px 0 50px 110px;
	border-color: transparent transparent transparent #F5EBAC;
	z-index: 0;
	}
.specialBnrBox:after{
	content: "";
	position: absolute;
	top: 50%;
	right: -100px;
	display: block;
	width: 0px;
	height: 0px;
	margin-top:-42px;
	border-style: solid;
	border-width: 42px 0 42px 100px;
	border-color: transparent transparent transparent #8C73C8;
	z-index: 1;
	}
.countArea{
	position:relative;
	background:#573CA5;
	max-width:210px;
	margin:0 auto;
	padding:10px 0;
	border:10px solid #F5EBAC;
	border-radius:15px;
	-ms-border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
	-ms-box-shadow:0 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	line-height:1;
	z-index:2;
}
.countArea.start{
	padding:70px 0;
	font-size:180%;
}
.countBase{
	position:relative;
	display:inline-block;
	width:153px;
	margin-left:5px;
	padding:2px;
	}
#countBox{
	position:relative;
	overflow:hidden;
	height:128px;
	width:153px;
	}
#countBox img{
	position:absolute;
	display:block;
	}
#countNum1{
	top:0;
	left:0;
	}
#countNum2{
	top:0;
	right:0;
	}
.boxLink{
	display:inline-block;
	/background:#5D40A9;
	background/**/:#5D40A9;
	background: linear-gradient(top, #5D40A9 0, #45307C 100%);
	background: -ms-linear-gradient(top, #5D40A9 0, #45307C 100%);
	background: -moz-linear-gradient(top, #5D40A9 0, #45307C 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5D40A9), to(#45307C));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff5D40A9', endColorstr='#ff45307C');
	margin-left:10px;
	padding:0 10px 0 5px;
	border:2px solid #ffffff;
	border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#ffffff;
	font-size:110%;
	font-weight:normal;
	}
.boxLink:before{
    content: url(/product/atermstation/cmn/images/bg-arrow04.png);
    padding-right: 2;
	}
.specialbnr-column{
	padding:0 1.53%;
	}
.specialbnr-column .specialbnr-col-wide{
	float:left;
	width:77%;
	}
.specialbnr-column .specialbnr-col{
	float:right;
	width:23%;
	}
.specialBnrBox .pic{
	float:left;
	margin-right:10px;
	margin-top:5px;
	}

.AS-pib-main .countArea{
	margin:0 200px 0 auto;
	}

@media screen and (max-width:910px){
.specialbnr-column .specialbnr-col-wide,
.specialbnr-column .specialbnr-col{
	float:none;
	width:auto;
	}
.specialBnrBox{
	min-height:0;
	max-width:90%;
	margin:15px auto 0;
	padding:10px;
	border-width:1px;
	}
.specialBnrBox:before,
.specialBnrBox:after{
	display:none;
	}
}

@media screen and (max-width:660px){

.specialBnrBox .pic{
	display:block;
	float:none;
	margin:10px auto;
	}

.specialBnrBox p{
	text-align:center;
	}

.specialBnrBox p strong{
	display:block;
	margin:0 auto;
	}

.AS-pib-main .countArea{
	margin:0 auto;
	}
	
}