/********************************
 * PC
 ********************************/
div.photo_movie{
    background-color:transparent;
}

div.photo_movie div.photo-movie-box{
    background-color:transparent;
    position:absolute;
    top:0px;
    left:0px;
    overflow:hidden;
}

div.photo_movie div.photo-items-box{
    background-color:transparent;
}

div.photo_movie .defaultItem,div.photo_movie .moveItem{
    background-color:transparent;
    position:absolute;
    z-index:0;
}

div.photo_movie .audiojs{
	margin-top:-36px;
}

div.photo_movie a.volumeBtn{
	display:block;
	top:auto;
	left:auto;
	right:10px;
	bottom:0px;
    width:54px;
    height:46px;
	background-image: url("./image/bgm_on.png");
    cursor:pointer;
    z-index:70;
}

div.photo_movie a.volumeOn{
	background-image: url("./image/bgm_on.png");
}

div.photo_movie a.volumeOff{
	background-image: url("./image/bgm_off.png");
}

div.photo_movie div.overlay{
	display:block;
    background-color:#000000;
    width:100%;
    height:100%;
    z-index:80;
}

div.photo_movie div.startItems{
	display:block;
    width:100%;
    height:100%;
    z-index:99;
}

div.photo_movie img.startImage{
    z-index:1;
}

div.photo_movie div.startImageOverLay{
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
    opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    z-index:2;
}

div.photo_movie a.startBtn{
	display:block;
	top:50%;
	left:50%;
    width:80px;
    height:80px;
    margin-top:-40px;
    margin-left:-40px;
	background-image: url("./image/movie_start_btn.png");
    cursor:pointer;
    z-index:3;
	display:none;
}

div.photo_movie a.startBgmText{
	display:block;
	top:55%;
	left:50%;
    width:300px;
    height:20px;
    margin-top:40px;
    margin-left:-150px;
	background-image: url("./image/bgm_text.png");
    z-index:4;
}

div.photo_movie a.uploadMsg{
	display:block;
	top:auto;
	bottom:0px;
	left:50%;
    width:550px;
    height:200px;
    margin-left:-275px;
	background-image: url("./image/upload_msg.png");
    z-index:4;
}

div.photo_movie img.loading{
	top:50%;
	left:50%;
    width:66px;
    height:66px;
    margin-top:-33px;
    margin-left:-33px;
    z-index:100;
}

div.photo_movie .linkBtn{
    display:none;
	top:50%;
	left:50%;
    width:182px;
    height:136px;
    margin-left:-91px;
    margin-top:-68px;
    cursor:pointer;
    z-index:99;
    background-image: url("./image/link_btn.png");
}

/********************************
 * SmartPhone
 ********************************/
div.photo_movie_sp{
    background-color:transparent;
}

div.photo_movie_sp div.photo-movie-box{
    background-color:transparent;
    position:absolute;
    top:0px;
    left:0px;
    overflow:hidden;
}

div.photo_movie_sp div.photo-items-box{
    background-color:transparent;
}

div.photo_movie_sp .defaultItem,div.photo_movie_sp .moveItem{
    background-color:transparent;
    position:absolute;
    z-index:0;
}

div.photo_movie_sp .audiojs{
    margin-top:-36px;
}

div.photo_movie_sp a.volumeBtn{
	display:block;
	top:auto;
	left:auto;
	right:10px;
	bottom:0px;
    width:54px;
    height:46px;
	background-image: url("./image/bgm_on.png");
    cursor:pointer;
    z-index:70;
}

div.photo_movie_sp a.volumeOn{
	background-image: url("./image/bgm_on.png");
}

div.photo_movie_sp a.volumeOff{
	background-image: url("./image/bgm_off.png");
}

div.photo_movie_sp div.overlay{
	display:block;
    background-color:#000000;
    width:100%;
    height:100%;
    z-index:80;
}

div.photo_movie_sp div.startItems{
	display:block;
    width:100%;
    height:100%;
    z-index:99;
}

div.photo_movie_sp img.startImage{
    z-index:1;
}

div.photo_movie_sp div.startImageOverLay{
	display:block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
    opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    z-index:2;
}

div.photo_movie_sp a.startBtn{
	display:block;
	top:50%;
	left:50%;
    width:80px;
    height:80px;
    margin-top:-40px;
    margin-left:-40px;
	background-image: url("./image/movie_start_btn.png");
    cursor:pointer;
    z-index:3;
}

div.photo_movie_sp a.startBgmText{
	display:block;
	top:55%;
	left:50%;
    width:300px;
    height:20px;
    margin-top:40px;
    margin-left:-150px;
	background-image: url("./image/bgm_text.png");
    cursor:pointer;
    z-index:4;
}

div.photo_movie_sp img.loading{
	top:50%;
	left:50%;
    width:66px;
    height:66px;
    margin-top:-33px;
    margin-left:-33px;
    z-index:100;
}

div.photo_movie_sp .linkBtn{
    display:none;
	top:50%;
	left:50%;
    width:182px;
    height:136px;
    margin-left:-91px;
    margin-top:-68px;
    cursor:pointer;
    z-index:99;
    background-image: url("./image/link_btn.png");
}