@charset "utf-8";

html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
    margin: 0;  
    padding: 0;  
    background: transparent;  
    border: 0;  
    outline: 0;  
  
    font-size: 1em;  
}  
  
body,  
table,  
input, textarea, select, option {  
    font-family: HiraKakuProN-W3;  
    font-size: 1em;  
}  
html,body{-webkit-text-size-adjust: none;height: 100%;}

img { vertical-align: bottom;
     max-width: 100%;
     height: auto;
     }


#page,#page2,#page3,#page4 {background-image:-moz-linear-gradient(51% 0% -90deg,rgb(238,244,251) 0%,rgb(240,246,251) 21%,rgb(249,251,253) 94%); 
background-image:-webkit-gradient(linear,51% 0%,51% 4%,color-stop(0, rgb(238,244,251)),color-stop(0.21, rgb(240,246,251)),color-stop(0.94, rgb(249,251,253)));
background-image:-webkit-linear-gradient(-90deg,rgb(238,244,251) 0%,rgb(240,246,251) 21%,rgb(249,251,253) 94%);
background-image:-o-linear-gradient(-90deg,rgb(238,244,251) 0%,rgb(240,246,251) 21%,rgb(249,251,253) 94%);
background-image:-ms-linear-gradient(-90deg,rgb(238,244,251) 0%,rgb(240,246,251) 21%,rgb(249,251,253) 94%);
background-image:linear-gradient(-90deg,rgb(238,244,251) 0%,rgb(240,246,251) 21%,rgb(249,251,253) 94%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeef4fb,endColorstr=#fff9fbfd,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeef4fb,endColorstr=#fff9fbfd,GradientType=0);
	width:100%;min-height: 100%;font-size: 1.08em !important; 
	overflow:hidden;}
	.content{
		height:100%;margin-bottom: 30px;}
.header a i{
	display:none;}

.header{
	color:#A0B1C0;
	background:url(../image/common/bg-smh-head.jpg) repeat-x left top;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,div,a,.footer{
	margin: 0px;
	padding: 0px;}
#page div #utility-nav {float:right;}
#page div #utility-nav li {
	float: left;
	list-style: none;
	border-left:1px solid #eee;
	border-right:1px solid #fff;
	font-size: 11px;
	display: inline-block;
	text-align:center;
	overflow: hidden;
	height:45px;
	width:auto;
}
#logo{
	height: 45px;
	width:95px;
	margin: 0px;
	padding: 0px;
	text-align:right;
	float: left;
	font-size: 11px;
	line-height: 18px;
	background: url(../image/icon/logo-attain-st.png) no-repeat center 14px;
}
.header a{
	color:#A0B1C0;
width:33px;
	text-decoration:none;
	display: block;}
	.header a:hover{
		color:#069;}
#nv-relese a {height: 40px;
	background: url(../image/common/bg-smh-rls.png) no-repeat center 17px;

}
.header li a{height: 43px;}
#nv-relese a:hover{
	background: url(../image/common/bg-smh-rls.png) no-repeat center bottom;}
	#nv-company a { background: url(../image/common/bg-smh-com.png) no-repeat center 11px; }
	#nv-company a:hover { background: url(../image/common/bg-smh-com.png) no-repeat center bottom; }
	#nv-elearning a { background: url(../image/common/bg-smh-eln.png) no-repeat center 15px; }
	#nv-elearning a:hover { background: url(../image/common/bg-smh-eln.png) no-repeat center bottom; }
	#nv-attainshop a { background: url(../image/common/bg-smh-shp.png) no-repeat center 9px; }
	#nv-attainshop a:hover { background: url(../image/common/bg-smh-shp.png) no-repeat center bottom; }
	#nv-mail a { background: url(../image/common/bg-smh-mai.png) no-repeat center 17px; }
	#nv-mail a:hover { background: url(../image/common/bg-smh-mai.png) no-repeat center bottom; }
	
#sub-nav{
	height:21px;
	line-height:21px;}
	#sub-nav a{
	clear:both;
	width:100px;
	float:left;
	display:block;
	font-size: 12px;
	overflow:hidden;}
#sub-nav span{
	float:right;}
	.footer{
		text-align:center;
		line-height:30px;
		height:30px;
		margin-top:-30px;}