#main-menu{
height:50px; 
width:980; 
margin:-10 auto; 
padding-top:20;
}

.main-logo-n{
float:left;
font-size:45px;
text-align:left;
}

.main-logo-n img{
height:60px; 
margin-left:15; 
margin-top:-15;
}

.main-logo-sns{
text-align:right;
margin:0 auto; 
margin-top:-15;
}

#icon{
margin-top:8;
width: 45px;
height: auto;
}

#menu{
width:980px;
}

.menu-bar{
width:980px;
}

#menu-bar_phone{
display:none;
}

.main-box{
width:980px;
padding-bottom:80px;
margin:0 auto;
background:rgba(255,255,255,0.7);
}

.name{
display:block;
background:rgba(0,0,0,0.5);
font-size:35px;
font-weight:700;
padding:10px 0 10px 0;
color:white;
margin-bottom:50px;
}

.sub-img img{
width:200px;
height:180px;
}

#subarea0{
position:relative;
overflow:scroll;
white-space:nowrap;
}

#subarea0::-webkit-scrollbar{
    display:none;
}

.sub-img{
margin:0 auto;
width:970px;
height:220px;
overflow:hidden;
transition:1s;
}

.slide img{
top:0px; 
left:0px; 
transition:1s;
height:auto;
width:720px;
}

.slide{
transition-duration:0.3s;
position:relative;
width:720px;
height:580px;
margin:0 auto;
}

#subarea1{
position:absolute; 
top:0px; 
left:121px;
}

#subarea2{
position:absolute; 
top:0px; 
left:121px;
}

.prof{
width:940px;
}

.box{
border-left:solid 3px blue;
padding-left:3px;
font-size:25px;
font-weight:700px;
}






.subimg0{
opacity:1;
}

.subimg1{
opacity:0.5;
}

.subimg2{
opacity:0.5;
}

.subimg3{
opacity:0.5;
}

.subimg4{
opacity:0.5;
}

.subimg5{
opacity:0.5;
}

.subimg6{
opacity:0.5;
}

.subimg7{
opacity:0.5;
}

.subimg8{
opacity:0.5;
}

.subimg9{
opacity:0.5;
}

.subimg10{
opacity:0.5;
}

.subimg11{
opacity:0.5;
}

.subimg12{
opacity:0.5;
}

.subimg13{
opacity:0.5;
}

.subimg14{
opacity:0.5;
}

.subimg15{
opacity:0.5;
}

.subimg16{
opacity:0.5;
}

.subimg17{
opacity:0.5;
}

.subimg18{
opacity:0.5;
}

.subimg19{
opacity:0.5;
}

.subimg20{
opacity:0.5;
}

.subimg21{
opacity:0.5;
}

.subimg22{
opacity:0.5;
}

.subimg23{
opacity:0.5;
}

.subimg24{
opacity:0.5;
}







.subimg0:hover{
opacity:1 ! important;
}

.subimg1:hover{
opacity:1 ! important;
}

.subimg2:hover{
opacity:1 ! important;
}

.subimg3:hover{
opacity:1 ! important;
}

.subimg4:hover{
opacity:1 ! important;
}

.subimg5:hover{
opacity:1 ! important;
}

.subimg6:hover{
opacity:1 ! important;
}

.subimg7:hover{
opacity:1 ! important;
}

.subimg8:hover{
opacity:1 ! important;
}

.subimg9:hover{
opacity:1 ! important;
}

.subimg10:hover{
opacity:1 ! important;
}

.subimg11:hover{
opacity:1 ! important;
}

.subimg12:hover{
opacity:1 ! important;
}

.subimg13:hover{
opacity:1 ! important;
}

.subimg14:hover{
opacity:1 ! important;
}

.subimg15:hover{
opacity:1 ! important;
}

.subimg16:hover{
opacity:1 ! important;
}

.subimg17:hover{
opacity:1 ! important;
}

.subimg18:hover{
opacity:1 ! important;
}

.subimg19:hover{
opacity:1 ! important;
}

.subimg20:hover{
opacity:1 ! important;
}

.subimg21:hover{
opacity:1 ! important;
}

.subimg22:hover{
opacity:1 ! important;
}

.subimg23:hover{
opacity:1 ! important;
}

.subimg24:hover{
opacity:1 ! important;
}







.selectint0:hover{
opacity:1 ! important;
}

.selectint1{
opacity:0.5;
}

.selectint1:hover{
opacity:1 ! important;
}

.selectint2{
opacity:0.5;
}

.selectint2:hover{
opacity:1 ! important;
}

.selectdiv{
position:relative;
}

.selectdiv span{
color:blue;
}

#pc{
display:none;
}

iframe{
width:420px;
height:320px;
}

.explanation{
width:600px;
margin:0 auto;
}