@charset "shift_jis";


/* reset
------------------------------------ */


#AS-contents h1,
#AS-contents h2,
#AS-contents h3,
#AS-contents h4,
#AS-contents h5,
#AS-contents h6,
#AS-contents p,
#AS-contents ul,
#AS-contents li,
#AS-contents table{
	margin:0;
	padding:0;
	font-weight:normal;
}


/* redefine
------------------------------------ */

#AS-contents .mtXL{
	margin-top:80px;
}

#AS-contents h1{
	background-color:transparent;
	max-width:950px;
	margin:0 auto;
	border-radius:0;	
}

#AS-contents h2{
	background-color:#68AD0A;
	max-width:950px;
	margin:0 auto;
	padding:20px 20px 16px;
	border-radius:0;
}

#AS-contents h3{
	/background:#ECFBFB;
	background/**/:#ECFBFB;
	background: linear-gradient(top, #ECFBFB 0, #ffffff 100%);
	background: -ms-linear-gradient(top, #ECFBFB 0, #ffffff 100%);
	background: -moz-linear-gradient(top, #ECFBFB 0, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECFBFB), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffECFBFB', endColorstr='#ffffffff');
	margin:40px auto 10px;
	padding:10px;
	border-top:5px solid #88D3D5;
	border-radius:0;
	font-size:144%;
	text-align:center;
}

#AS-contents h4{
	margin-bottom:10px;
}

#AS-contents p,
#AS-contents ul{
	margin-bottom:20px;
}

#AS-contents .notes > li{
	padding-left:2em;
	text-indent:-2em;
	font-size:80%;
}

#AS-contents table{
	width:100%;
	margin-bottom:20px;
}

#AS-contents table th,
#AS-contents table td{
	padding:5px 10px;
	font-size:80%;
	text-align:center;
}

#AS-contents thead th{
	background-color:#dddddd;
	padding:10px 10px 8px;
	font-size:100%;
}

#AS-contents tbody th{
}

#AS-contents thead th.red{
	background-color:#F8D3D6;
}

#AS-contents thead th.blue{
	background-color:#93D3FF;
}




/* origin
------------------------------------ */

#AS-contents .inner{
	position:relative;
	background-color:#ffffff;
	max-width:950px;
	margin:0 auto;
	padding:40px 20px;
	z-index:10;
}

#AS-contents .section{
	position:relative;
}

#AS-contents .section:after{
	content:"";
	position:absolute;
	bottom:0;
	background-color:black;
	/background:#ffffff;
	background/**/:#ffffff;
	background: linear-gradient(top, #ffffff 0, #EFFDDB 100%);
	background: -ms-linear-gradient(top, #ffffff 0, #EFFDDB 100%);
	background: -moz-linear-gradient(top, #ffffff 0, #EFFDDB 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EFFDDB));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffffff', endColorstr='#ffEFFDDB');
	height:50%;
	width:100%;
	z-index:-1;
}

#AS-contents .mainVisual,
#AS-contents .ttl{
	background-color:#D8FAA8;
}

#AS-contents .link:before{
	content:"";
	display:inline-block;
	position:relative;
	top:-0.035em;
	background:url("/product/atermstation/cmn/images/bg-arrow01-l.png") left center no-repeat;
	height:19px;
	width:11px;
	padding-right:5px;
	vertical-align:middle;
}

#AS-contents .colorBox{
	overflow:hidden;
	background-color:#ECFBFB;
	border:3px solid #88D3D5;
	border-radius:6px;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, .3);
}

#AS-contents .colorBox h4{
	background-color:#88D3D5;
	margin-bottom:0;
	padding:5px 20px;
	font-size:100%;
}

#AS-contents .colorBox ul{
	margin-bottom:0;
	padding:15px 20px;
}

#AS-contents .colorBox ul li{
	padding:5px 0;
}

#AS-contents .btn{
	display:block;
	background:#ECFBFB;
	max-width:500px;
	margin:0 auto;
	padding:10px 2px;
	border:1px solid #88D3D5;
	border-radius:6px;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, .3);
	font-size:120%;
	text-align:center;
}

#AS-contents .horizontalLink{
	box-sizing:border-box;
	display:table;
	width:100%;
}

#AS-contents .horizontalLink li{
	box-sizing:border-box;
	display:table-cell;
	width:33.333%;
	padding:5px;
	text-align:center;
}


#AS-contents .linkBox{
	background:#ECFBFB;
	margin:0 5px;
	padding:20px 10px;
	border:1px solid #88D3D5;
	border-radius:6px;
}


#AS-contents .linkBox ul{
	margin-bottom:0;
}

#AS-contents .linkBox .horizontalLink li{
	width:25%;
}

#AS-contents .linkBox a,
#AS-contents .linkBox img{
	display:inline-block;
}

#AS-contents .linkBox a{
	box-shadow:0 0 4px 0 rgba(0, 0, 0, .3);
}

#AS-contents .btn:hover,
#AS-contents .btn img:hover,
#AS-contents .linkBox a:hover,
#AS-contents .linkBox img:hover{
	box-shadow:none;
	opacity:1;
}


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

#AS-contents .horizontalLink{
	display:block;
}

#AS-contents .horizontalLink li{
	display:block;
	width:100%;
}

#AS-contents .linkBox .horizontalLink{
	overflow:hidden;
	display:block;
}

#AS-contents .linkBox .horizontalLink li{
	float:left;
	display:block;
	width:50%;
}

}



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

#AS-contents .linkBox .horizontalLink li{
	float:none;
	display:block;
	width:100%;
}

}