@charset "utf-8";

/* floating.css
MLPLayerページでbodyの右側に用意するコンテンツ用
----------------------------------------- */

#ie6FixedSample {
	border: solid 1px #002092;
	padding: 15px;
}
		
.fixedItem {
	display: none;
	background-color: #fff;
	border: solid 2px white;
	border-top: solid 1px gray\9;
	border-left: solid 1px gray\9;
	border-right: solid 0px gray\9;
	border-bottom: solid 2px gray\9;
	position: fixed !important;
	position: absolute;
	top: 220px;
	right: 0px;
	_right: 16px;		
	padding: 2px;			
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;  
	-webkit-border-bottom-left-radius: 20px;  
	-moz-border-radius-topleft: 20px;  
	-moz-border-radius-bottomleft: 20px;  
	behavior:url(border-radius.htc);
	-webkit-box-shadow: 0px 5px 25px #333;
    -moz-box-shadow: 0px 5px 25px #333;
    box-shadow: 0px 5px 25px #333;
}

#toggle-button {
	display: none;
	_display: none;
	cursor: pointer;
	float: left;
	width: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#floating-menu {
	display: none;
	_display: block;
	float: left;
	width: 200px;	
	padding-left: 5px;	
}

#floating-menu div.social-element {
margin: 5px;
}

#dammy {
	background-color: #77aae4;
	text-align: center;
	line-height: 1000px;
	height: 1000px;
}
		
		
/* --------------------------
	for IE6 styles.
----------------------------- */
* html ,
* html body {
	height: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}
		
* html #cover{
	overflow: auto;
	position: relative; 
	width: 100%;
	height: 100%;
	*text-align: center;
}

div#button-toggle1 {
display: block;
width: 20px; /*画像の横幅*/
height: 320px; /*画像の高さ*/
background: url(../img/mlplayer-float.png) no-repeat -398px -40px;
}

div#button-toggle2 {
display: none;
width: 20px; /*画像の横幅*/
height: 320px; /*画像の高さ*/
background: url(../img/mlplayer-float.png) no-repeat -420px -40px;
}

/* ../img/mlplayer-float.png */
div#floating-menu div.download-button a{
display: block;
width: 194px; 
height: 66px; 
background-image: url(../img/mlplayer-float.png);
background-repeat: no-repeat;
}

div#floating-menu div.download-button#mlplayer a{background-position: -3px -3px;}
div#floating-menu div.download-button#mlplayer a:hover{background-position: -199px -3px;}
div#floating-menu div.download-button#iphonelite a{background-position: -3px -71px;}
div#floating-menu div.download-button#iphonelite a:hover{background-position: -199px -71px;}
div#floating-menu div.download-button#ipadlite a{background-position: -3px -139px;}
div#floating-menu div.download-button#ipadlite a:hover{background-position: -199px -139px;}
div#floating-menu div.download-button#mlplayer-en a{background-position: -3px -207px;}
div#floating-menu div.download-button#mlplayer-en a:hover{background-position: -199px -207px;}
div#floating-menu div.download-button#iphonelite-en a{background-position: -3px -275px;}
div#floating-menu div.download-button#iphonelite-en a:hover{background-position: -199px -275px;}
div#floating-menu div.download-button#ipadlite-en a{background-position: -3px -343px;}
div#floating-menu div.download-button#ipadlite-en a:hover{background-position: -199px -343px;}