/*override*/
body {
background-color:#000000;	
}

.content {
background-color:#000000;		
background-image:url('');
 margin-top:130px;
}

.unibox {
background-color:#000000!important;
background-image:url(''); 
}
.unibox div {
color:#ffffff;		
}

.oki_grid td {background-color:#000000}
.oki_grid tr:hover td{background-color:#333333}
.oki_grid td a{color:#ffffff}
.oki_grid tr.data_col td{border-bottom:#333333 1px solid;padding:15px 10px;}

/*cus*/
.cus_logobox {
position:absolute;
left:20px;
top:0px;
}

.cus_menubox {
position:absolute;
left:0px;
top:0px;
width:100%;	
display:block;
text-align:center;
padding-top:40px;
}

.cus_menubox .menu {
text-indent:-9999px;	
display:inline-block;
width:92px;
height:25px;
background-position:0px 0px;
background-repeat:no-repeat;
cursor:pointer;
margin:0px 20px;;
}

.cus_menubox .menu[class~=active],.cus_menubox .menu:hover {
background-position:0px -25px;
margin:auro;
}

.cus_menubox .menu1 {
background-image:url("../cusimg/menu1.png");
}
.cus_menubox .menu2 {
background-image:url("../cusimg/menu2.png");
}
.cus_menubox .menu3 {
background-image:url("../cusimg/menu3.png");
}
.cus_menubox .menu4 {
background-image:url("../cusimg/menu4.png");
}

/*index*/
.sldbtn {  
 display:none;
}

.cus_index_mvbox {
  margin:auto;	
  width:75%;
}
.cus_mv_relbox{
  position:relative;
  width:100%;
  padding-bottom:50%;
}

.cus_index_enterbox {
margin-top:10px;
text-align:center;
font-size:12pt;
}
.cus_index_enterbox a{
padding:10px 40px;
border:#646464 solid 1px ;
border-radius:3px;
display:inline-block;
}

.cus_index_enterbox a:hover{
border::#ffffff solid 1px ;
border-radius:3px;
display:inline-block;
color:#ffffff;
box-shadow:0 0 5px #999999; 
}

/*works mv*/
.mvbox ,.mvrel{
position:relative	
}
.mvlist {
width:30%;
display:inline-block;
margin:0px 1%;
}
.mvrel {
width:100%;
padding-bottom:66%;	
}
.mvrel iframe {
position:absolute;	
width:100%;
height:100%;	
}
.mvlist  .mvtitle {
height:40px;
padding-top:10px;
text-align:center;
}

/*footer*/

.btm_contact {
color:#646464;	
}

/*rwd show hide ==============================================*/


*[class*=rshow] {
  display:none;	
}

*[class*=rhide] {
  display:block;	
}

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

  *.rshow1600 {display:block}
  *.rhide1600 {display:none}
 
  /*4*/
  /*
 .s5mdl {
  width:24%;
  margin:0.2%;
  font-size:1rem;
 }
  */
}


@media screen and (max-width: 1400px){
  *.rshow1400 {display:block}
  *.rhide1400 {display:none}

}

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

  *.rshow1350 {display:block}
  *.rhide1350 {display:none}
}


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

  *.rshow1280 {display:block}
  *.rhide1280 {display:none}

  
 
 
 
}


@media screen and (max-width: 1000px){
  *.rshow1000 {display:block}
  *.rhide1000 {display:none}
  
.cus_menubox {
float:right;
width:500px;
right:0px;
left:auto;
}
.cus_menubox .menu{
margin:0px 5px;
}

}




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

  *.rshow800 {display:block}
  *.rhide800 {display:none}

.cus_index_mvbox {
  margin:auto;	
  width:100%;
  margin-top:30%;
}

.mvlist {
width:46%;
display:inline-block;
margin:0px 1.5%;
}

}

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

 .cus_menubox {
display:none;
}
}


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

  *.rshow640 {display:block}
  *.rhide640 {display:none}



}

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

  *.rshow480 {display:block}
  *.rhide480 {display:none}

.mvlist {
width:96%;
display:inline-block;
margin:0px 1.5%;
}
  
}

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

  *.rshow320 {display:block}
  *.rhide320 {display:none}


}