*{
	font-family:arial;
	font-size:14px;
	letter-spacing:1px;
	color:#222;
/*	border:5px solid red;*/
/* PHPによる変更あり */

}

html,body{
	margin:0;
	padding:0;
/*	border:5px solid pink;*/

}

body{
	/* 動的ページが多くて、かくっとずれるのがいやなので、はじめに、スクロールはだしておく。*/
	overflow:scroll;
}

.clear{
  clear: both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

form{
	display:inline;
}


#upper,#main{
/* giftube_css.php */
}


#middle_caption{
	width:608px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:40px;
	text-align:center;
	display:block;
}

#header{
	margin:0 auto;
	height:50px;
	background:#0DB3DD;
}


input,select{
	font-size:25px;
}

input,select{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

a{
	color:#0000FF;
}

a img{
	border:0;
}

p{
	line-height:140%;
	margin:5px 0 5px 0 ;
}

p.b{
	font-weight:bold;
}

label{
	font-weight:bold;
}

.b0{
	border:0;
}

#btn_panel{
	width:600px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
}

.btn{
	cursor:pointer;
}

.left{
	float:left;
}
.right{
	float:right;
}

#next_btn{
	opacity:0.3;
}

.imd{ime-mode:disabled}

.tar{
	text-align:right;
}

/* 1 */

#waku{
width:740px;
margin:0 auto;
background:#999;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
}

#waku_inside{
margin:20px;display:inline-block;
}

#youtube_err{
height:60px;margin-top:20px;
}
#error{
padding:0 10px;display:none;
}

#waku_button{
	float:left;
	margin-left:10px;
	height:50px;
}

#count_gif{
	margin-bottom:40px;
	text-align:center;
	color:#555;
	font-size:16px;
}

.url_area{
	width:600px;
	margin:0 auto;
}
#url{
	display:block;
	float:left;
 -webkit-appearance: none;
	font-size:22px;
	width:340px;
	height:50px;
	border:1px solid #999;
	margin:0 auto;
	padding:0 10px;
	background: url(/images/url_placeholder.png) left center no-repeat;
}

#news{
	color:#555;
	font-size:16px;
}

#news td{
	color:#555;
	font-size:14px;
}

#howto{
	margin-bottom:20px;
}

#howto_mobile_guide{
	display:none;
}

#wait1{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	margin:-64px 0 0 -64px;
}

.center_para{
	margin-top:15px;
}
#normal,#rapid{
	display:block;
	float:left;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width:110px;
	height:50px;
	border:1px solid #999;
	margin-left:5px;
}

#normal{
	background:#444;
}
#normal img,#rapid img{
	display:block;
	margin:13px auto;
}



.btn_chk{
 -webkit-appearance: none;
	height:50px;
	margin:0;
/*	margin-left:10px;*/
	font-size:20px;
	font-weight:bold;
	background:#DDD;
}



/* 2 */
.size_arrow{
	width:41px;height:62px;
	background:url(/images/size_arrow.png) 10px 20px no-repeat;
}

#wait2{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	margin:-64px 0 0 -64px;
}

#play_console{
	display:none;
}

#play_console p{
	display:inline;
}

#explain{
	display:block;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	background:#FFBF00;
	color:#FFF;
	padding:10px 0;
	border-radius: 10px;
/*	width:730px;*/
	margin:0 auto;
	margin-bottom:40px;
}

.wait2{
	display:none;
}

#yt_video{
	display:block;width:640px;height:480px;background:#000;
}


.div_t{
	width:640px;margin:0 auto;
}
.div_t_1{
	width:640px;
}

.div_t_2{
	display:table-cell;width:640px;vertical-align:top;
}

.div_t_3{
	display:table-cell;width:290px;vertical-align:top;
	display:none;
}

.div_t_3_1{
	display:none;

	width:280px;
}


#play_console,#cur_time,#duration{
font-size:30px;
}

#start_time,#play_time,#video_size,#end_time,#video_size_tate{
	padding-right:5px;
	width:70px
/* PHPによる変更あり */

}

/*
@media screen and (max-width: 1000px) {
	#start_time,#play_time,#video_size,#end_time,#video_size_tate{
		width:50px
	}
}
*/



#video_size_tate{
	background:#BBB;
}

#start_time_add_panel{
	width:590px;float:left;height:70px;text-align:left;

 /* PHP変更あり */
}



#size_add_panel{
	width:590px;float:left;height:70px;text-align:left;
 /* PHP変更あり */
}

.mt20{
	margin-top:20px;
}


#thumb_cover{
width:640px;height:480px;
display:table-cell;
text-align:center;
vertical-align:middle;
}


.step_side{
	margin:10px;

	border:1px solid #00BFFF;
	background:#58D3F7;

	width: 80px;
	height: 80px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	

	display:table-cell;
	vertical-align:middle;
	text-align:center;

	color:#FFF;
	font-size:70px;

	float:left;
}

.step_side_text{

	color:#58D3F7;
	font-size:40px;
	float:left;
	margin-top:30px;
	margin-left:10px;

}

.contents_mt_2{
	margin-top:50px;
}

.sp_slider_notice{
	display:none;
}

#video_title{
	border-radius:3px;
}

#cover_f{
	display:inline;
}


/* 3 */
#param,#thumb_path,#main_b,#progress3,#wait3{
	display:none;
}

#wait3{
	width:600px;margin:0 auto;text-align:center;font-size:20px;color:#555;
}

#wait3_perc{
	font-size:20px;
}

#progress3{
	width:480px;height:40px;margin:0 auto;margin-bottom:100px;
}

#frame_rate,#play_speed{
	height:50px;width:180px;
}

/* 4 */
#wait4{
	display:none;
}
#tbl4 *{
	font-size:18px;
}

#tbl4 th{
	background:#EEE;

	border:1px solid #DDD;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

}

/* 5 */

#main_5{
	display:none;
}

.prog5_text{
	width:480px;height:30px;margin:0 auto;
	text-align:center;
	font-size:20px;
	color:#666;
}

#prog5_area{
	width:480px;height:140px;
	margin:0 auto;
	margin-bottom:100px;
	margin-top:40px;
}

#prog5_extract{
	width:480px;height:40px;
}

#prog5_make{
	width:480px;height:40px;
}

#prog5_make_over{
	display:none;
}

#tbl5 *{
	font-size:14px;
}

#tbl5 th{
	background:#EEE;

	border:1px solid #DDD;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

}

#sns_upload{
	width:640px;margin:0 auto;
	margin-bottom:20px;
}

.sns_upload_target{
	float:left;width:213px;height:120px
}


#mx_dlg{
	display:none;
}

#mx_mailto,#mx_subject{
	width:380px;
}

#mx_body{
	width:380px;height:100px;
}


#fb_upload_dlg{
	display:none;
}

#fb_upload_dlg_body{
	margin:0 auto;
}

.fb_post_a{
	float:left;
	display:inline-block;
	background:#EEE;
	padding:5px 10px;
	text-decoration:none;
	border:1px solid #BBB;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.fb_post_a:hover{
	background:#999;
	color:#FFF;
}

#fb_title{
	width:380px;
}

#fb_desc{
	width:380px;height:100px;
}

@media only screen
 and (device-height: 568px),
only screen
 and (device-width: 568px) {

	#mx_mailto,#mx_subject{
		width:240px;
	}

	#mx_body{
		width:240px;height:100px;
	}


	#fb_title{
		width:240px;
	}

	#fb_desc{
		width:240px;height:100px;
	}




}




.rad6{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

}


.rad3{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

}