#top_page{
max-width:1030px;width:100%;margin:0px auto;
}

#logo{
position:relative;
}
#logo img{
width:100%;
}
#top_btn_box{
margin:1% auto;width:100%;padding:0px 1%;
}
#logo .eacloud_logo{
position:absolute;top:0px;left:0px;width:8.6%;
}

#menu{
margin:1% auto;width:100%;padding:0px 1%;text-align:center;
}
#menu ul#menu_box li{
/*width:calc(100% / 4);*/width:150px;height:52px;display:inline-block;
text-align:center;vertical-align:top;
}
#menu ul#menu_box li:first-child,
#menu ul#menu_box li:nth-child(2){
width:200px;
}
#menu ul#menu_box .btn0{
width:200px;height:52px;background:url(../images/top/btn00.png);
}

#menu ul#menu_box .btn0:hover{
background-position:0px 100% !important;
}
#menu ul#menu_box .btn0 a{
width:100%;height:100%;display:block;
}

#menu ul#menu_box li a{
display:block;width:100%;height:100%;
}
#menu ul#menu_box li#env a{
background:url(../images/top/btn01.png);
}
#menu ul#menu_box li#faq a{
background:url(../images/top/btn02.png);
}
#menu ul#menu_box li#howto a{
background:url(../images/top/btn03.png);
}
#menu ul#menu_box li#mlist a{
background:url(../images/top/btn04.png);
}
#menu ul#menu_box li#startup a{
background:url(../images/top/btn05.png);
}
#menu ul#menu_box li a:hover{
background-position:0px 100% !important;
}



.left_box{
width:640px;display:inline-block;vertical-align:top;
}
.right_box{
width:320px;display:inline-block;vertical-align:top;
}

#link_box{
width:98%;margin:0px auto;
}
#info_box{
border:1px solid #ccc;width:98%;margin:0px auto;
}
#news_box{
width:98%;margin:10px auto 0px auto;
height:400px;border:1px solid #ccc;overflow-y:auto;
}
#news_box li{
border-bottom:dotted 1px #ccc;margin:3px;padding:4px 3px;
}
#news_box li img{
width:80%;max-width:528px;
}
#news_box li img.bnr{
width:98%;margin:0px auto;max-width:810px;border:1px solid #afd9f9;
}
#news_box table td{
border-top:1px solid #000;border-right:1px solid #000;padding:5px;
}
#news_box table td:first-child{
border-left:1px solid #000;
}
#news_box table tr:last-child td{
border-bottom:1px solid #000;
}


.title{
padding:5px;text-align:center;color:#fff;
}
#info_box .title{
background:#0dd;
}
#que{
margin:0% 0px 2% 0px;
text-align:center;
border:2px solid #1708ff;
}
#que:hover{
opacity:0.5;
}
#que img{
max-width:100%;
}
#news_box .title{
background:#0d0;
}
#link_box .title{
background:#f80;
}
.detail_box{
padding:2%;
}
#info_box .img_box{
text-align:center;
}
#info_box .img_box img{
max-width:100%;
}

#link_box ul li.one_box{
width:100%;text-align:center;margin-bottom:5px;
}
#link_box ul li.one_box img{
max-width:300px;
}

.tbl_music{
width:100%;margin:1% auto;
}
.tbl_music th{
font-weight:bold;
}
.tbl_music tr{
border-bottom:1px solid #fac900;
}
.tbl_music tr:first-child{
border-top:1px solid #fac900;
}
.tbl_music td{
border-left:1px solid #fac900;
padding:1%;
}
.tbl_music th{
background:#fac900;border-left:1px solid #fff;padding:1%;color:#5b2e01;
}
.tbl_music th:first-child{
border-left:1px solid #fac900;
}
.tbl_music th:last-child,
.tbl_music td:last-child{
border-right:1px solid #fac900;
}
.tbl_music td.new{
position:relative;
}
.tbl_music td.new div{
width:calc(100% - 30px);margin-left:30px;
}
.tbl_music td.new::before{
display:block;content:"NEW";background:#f00;color:#fff;
font-weight:bold;font-size:10px;/*letter-spacing:-1px;*/line-height:1;vertical-align:top;
margin:0px;padding:2px;width:30px;position:absolute;top:50%;left:2px;
transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);
animation:newAnime .7s infinite alternate;
}
.new_cat{
font-weight:bold;color:#2034ff;
}

@keyframes newAnime {
0%{color:#ff0000;background:#ffffff;}
100%{color:#ffffff;background:#ff0000;}
}

@media screen and (max-width:1035px) {
#menu ul#menu_box li:first-child{
display:block;margin:0px auto;
}
}

@media screen and (max-width:979px) {
.left_box{
width:100%;
}
.right_box{
width:100%;margin-top:2%;
}
}
@media screen and (max-width:840px) {
#menu ul#menu_box li:first-child{
display:block;margin:0px auto;
}
}