@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-family: 'Meiryo', 'Osaka', 'MS PGothic', sans-serif;
font-size: 13px;


color: #000;
margin:0px;
padding:30px;

}

#wrapper{
	display: none;
}

#tenkoku{
	position:absolute;
	bottom:95px;
	left:20px;
	 z-index: 99999;
	 width:100px;
	 
}

#copy
{
	position: absolute;
left:230px;
	z-index:99;
	bottom:300px;}
	

.best2_logo{
	position:fixed;
	top:35px;
   z-index: 99;
   right:30px;
   margin:0px;

 
}

.menu_shousai{
 position: fixed;
 top:0;
   left: 220px;
 z-index: 99; 
  height: 0px;
    width: 38px;
}

.menu_shousai hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none;
}


.menu_music{
 position: fixed;
 top:0;
   left: 170px;
 z-index: 99; 
  height: 0px;
    width: 38px;
}

.menu_music hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none;
}

.menu_credit{
position: fixed;
 top:0;
   left: 100px;
 z-index: 99; 
  height: 0px;
    width: 38px;
}

.menu_credit hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none;
}

.menu_shousai2{
 position: fixed;
 top:0;
   left: 0;
 z-index: 99; 
}


.menu_shousai2 a{  display: block;
    overflow: hidden;
    height: 0px;
    width: 38px;
    background-image: url(http://www.butaotome.com/img/pop/shousai_b.png);

    text-align: center;
	position:fixed;
	top:0px;
	left:220px;
	    padding-top: 200px;
    margin: 10px 0px;
	
}

.menu_shousai2 a:hover {
    background-image: url(http://www.butaotome.com/img/pop/shousai_a.png);
}

.menu_credit2{
 position: fixed;
 top:0;
   left: 0;
 z-index: 99; 
}


.menu_credit2 a{  display: block;
    overflow: hidden;
    height: 0px;
    width: 38px;
    background-image: url(http://www.butaotome.com/img/pop/credit_b.png);

    text-align: center;
	position:fixed;
	top:0px;
	left:70px;
	    padding-top: 200px;
    margin: 10px 0px;
	
}

.menu_credi2t a:hover {
    background-image: url(http://www.butaotome.com/img/pop/credit_a.png);
}

.menu_music2{
 position: fixed;
 top:0;
   left: 0;
 z-index: 99; 
}


.menu_music2 a{  display: block;
    overflow: hidden;
    height: 0px;
    width: 38px;
    background-image: url(http://www.butaotome.com/img/pop/music_ｂ.png);

    text-align: center;
	position:fixed;
	top:0px;
	left:150px;
	    padding-top: 200px;
    margin: 10px 0px;
	
}

.menu_music2 a:hover {
    background-image: url(http://www.butaotome.com/img/pop/music_a.png);
}

.headerFixed_koi9{
	  position: fixed;
	  bottom:61px;
   left: 0;
   background-color:#000;
   width: 100%;
   height:2px;
   z-index: 99; 

 
}

.yuge{
	bottom:200px;
	position:absolute;
	left:0;
	z-index:100;
	width:500px;}

.open{
	position:fixed;
	left:220px;
	top:20px;
     color: #fff;
     cursor: pointer;
	 width:28px;
	 height:180px;
	 padding-left:120px;
	 z-index:100;
     }
#slideBox{
	   z-index: 100;
	color:#000;
		top:210px;
	position:absolute;
	width:800px;
	
     padding: 10px;
     border: 1px #ccc solid;
	 display:none;
	    background-image:url(http://www.butaotome.com/img/pop/crazykira.png);
		margin:30px;
		/* border-radius */
/* box-shadow */
box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
-webkit-box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
-moz-box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
border: #fff solid 1px;
     }
	 
	 .open2{
		 	position:fixed;
	left:150px;
	top:20px;
     color: #fff;
     cursor: pointer;
	 width:28px;
	  height:180px;
	 padding-left:70px;
	 z-index:100;
     }
#slideBox2{
	   z-index: 100;
		color:#000;
		top:210px;
	position:absolute;
	width:800px;
     padding: 10px;
     border: 1px #ccc solid;
     display:none;
	    background-image:url(http://www.butaotome.com/img/pop/crazykira.png);
		margin:30px;
		/* box-shadow */
box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
-webkit-box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
-moz-box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
border: #fff solid 1px;
     }
	 
	 .open3{
		 	position:fixed;
	left:70px;
	top:20px;
     color: #fff;
     cursor: pointer;
	 width:28px;
	  height:180px;
	 padding-left:30px;
	 z-index:99999999;
     }
#slideBox3{
	   z-index: 100;
		color:#000;
	top:210px;
	position:absolute;
	width:800px;
     padding: 10px;
     border: 1px #ccc solid;
     display:none;
	    background-image:url(http://www.butaotome.com/img/pop/crazykira.png);
		margin:30px;
		/* box-shadow */
box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
-webkit-box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
-moz-box-shadow:rgba(56, 56, 56, 0.341176) 0px 0px 8px 3px;
border: #fff solid 1px;
     }


#hyouji1 {position: fixed;
top:250px;
right:30px;
width:300px;

   margin:15px;
   padding:15px;
   background-image:url(http://www.butaotome.com/img/pop/crazykira.png);
  	border: 1px solid #747474;
   z-index: 100; }
   
   #hyouji2 {position: fixed;
top:250px;
right:30px;
width:300px;

   margin:15px;
   padding:15px;
   background-image:url(http://www.butaotome.com/img/pop/crazykira.png);
  	border: 1px solid #747474;
   z-index: 100; }
   
   #hyouji3 {position: fixed;
top:250px;
right:30px;
width:300px;

   margin:15px;
   padding:15px;
   background-image:url(http://www.butaotome.com/img/pop/crazykira.png);
  	border: 1px solid #747474;
   z-index:100; }




.headerFixed{
	text-align:center;
	display:block;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height:20px;
   z-index: 100;
   background-color:#000;
   border-top: 1px solid #353535;
   text-align:left;
   padding:5px;
}
.sns{

	bottom:0px;
	   z-index: 999999;}

.headerFixed3{
	
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height:80px;
   z-index: 90; 
   opacity: 0.8;
filter: alpha(opacity=80); /* IE6、IE7対応 */
-moz-opacity: 0.8; /* Firefox1.5以前対応 */
  background-image:url(http://www.butaotome.com/img/pop/Melamine-wood-006.png
);
  	border-top: 1px solid #747474;
	 text-align:left;
   padding:5px;
}
.headerFixed4{

   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height:80px;
   z-index: 80;
   display:block;
   background:none;
}

.headerFixed2 {

   position: fixed;
   background-color:#000;
   bottom: 0;
   left: 0;
   width: 100%;
   height:60px;
   z-index: 200; 
   /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #001119 0%, #4A4949 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #001119 0%, #4A4949 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #001119 0%, #4A4949 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #001119), color-stop(1, #4A4949));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #001119 0%, #4A4949 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #001119 0%, #4A4949 100%);
	border-top: 1px solid #353535;
}

.headerFixed_don{
	position:fixed;


   top:100px;
   left: 0;
   width: 100%;
   z-index: 80;
   margin:0px;
   display: table-cell;
vertical-align: middle;
text-align:center;
}



.katudon{
	position:fixed;
	bottom:0px;
   z-index: 90;
   left:-80px;
   margin:0px;
 
}
   
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
  z-index:70;
}
   


.headerFixed_menu_koi99{
	  position: fixed;
	     top:101;
   left: 0;
   background-color:#000;
   width: 100%;
   height:2px;
   z-index: 80; 

 
}


.headerFixed_menu2{
	 border-bottom:1px solid #353535;
	
  position: fixed;


   /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #4A4949 0%, #001119 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #4A4949 0%, #001119 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #4A4949 0%, #001119 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4949), color-stop(1, #001119));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #4A4949 0%, #001119 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #4A4949 0%, #001119 100%);
   top:0;
   left: 0;
   width: 100%;
   height:100px;
   z-index: 90; 

 
}
.headerFixed_menu{
	 border-bottom:1px solid #747474;
	
  position: fixed;
  background-image:url(http://www.butaotome.com/img/pop/Melamine-wood-006.png);
   top:0;
   left: 0;
   width: 100%;
   height:220px;
   z-index: 90; 
   opacity: 0.7;
filter: alpha(opacity=70); /* IE6、IE7対応 */
-moz-opacity: 0.7; /* Firefox1.5以前対応 */

 
}

.cd{
	display:block;
	border: #CCC solid 1px;
	position:fixed;
	background-color:#FFF;
	opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
width:340px;
height:184px;
bottom:100px;
z-index:100;
right:20px;
padding:10px;

}

.cd2{
	border:#FFF solid 1px;
	display:block;
	position:fixed;
width:340px;
height:184px;
bottom:100px;
z-index:100;
right:20px;
padding:10px;
/* box-shadow */
/* box-shadow */
box-shadow:rgba(56, 56, 56, 0.129412) 0px 0px 8px 3px;
-webkit-box-shadow:rgba(56, 56, 56, 0.129412) 0px 0px 8px 3px;
-moz-box-shadow:rgba(56, 56, 56, 0.129412) 0px 0px 8px 3px;


}

.cd_jouhou{
	margin-top:15px;
	margin-left:215px;
	display:block;
	background:none;
	width:110px;
	height:90px;
	position:absolute;
}
	
	.cd_jouhou2{
		color:#FFF;
	margin-top:16px;
	margin-left:214px;
	display:block;
	background:none;
	width:110px;
	height:90px;
	position:absolute;
	
}