#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;
height:1900px;
margin:0 auto;
background:rgba(255,255,255,0.7);
}


.baner{
font-size:30px;
}

.main-str{
margin:0 auto;
color:black;
width:500px;
}

.main-str img{
width:275px;
}

.str-info{
width:440px;
margin:0 0 0 5px;
text-align:left;
font-size:16px;
}

.str-info p::before{
content:"STR";
font-size:45px;
margin-left:10px;
}

.str-info p{
border-bottom:3px solid black;
}

.main-uryna{
margin:0 auto;
width:980px;
background:rgba(0,0,0,0.5);
}

.main-uryna img{
width:540px;
}

.uryna-info{
width:440px;
margin:0 0 0 5px;
text-align:left;
font-size:14px;
}

.uryna-info p::before{
content:"Uryna";
font-size:45px;
margin-left:10px;
}

.uryna-info p{
border-bottom:3px solid black;
}

.main-ai{
margin:0 auto;
width:980px;
background:rgba(0,0,0,0.5);
}

.main-ai img{
width:540px;
}

.ai-info{
width:440px;
margin:0 0 0 5px;
text-align:left;
font-size:14.5px;
}

.ai-info p::before{
content:"AI";
font-size:45px;
margin-left:10px;
}

.ai-info p{
border-bottom:3px solid black;
}

.main-max{
margin:0 auto;
width:980px;
background:rgba(0,0,0,0.5);
}

.main-max img{
width:540px;
}

.max-info{
width:440px;
margin:0 0 0 5px;
text-align:left;
font-size:14.5px;
}



.max-info p::before{
content:"MAXIMA";
font-size:45px;
margin-left:10px;
}

.max-info p{
border-bottom:3px solid black;
}


.inf li{
list-style-type:none;
}

.str-info p{
border-bottom:3px solid black;
}

.logo{
text-align:right;
margin-right:25px;
}

.logo img{
opacity:0.5;
margin-left:20px;
width:30px;
}

.logo img:hover{
opacity:1.0;
}

.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:144px;
}

#subarea0{
position:relative;
}

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

.slide img{
top:0px; 
left:0px; 
transition:1s;
width:334px;
}

.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;
}

.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;
}

.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;
}

.slide{
transition-duration:0.3s;
position:relative;
width:334px;
height:520px;
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;
}

#pc{
display:none;
}