@charset "UTF-8";
body {
    margin: 0;
    padding: 0;
	background-color 	: #222A37;
	color				: #cccccc;
/*
	border-collapse 	: collapse;
	word-break 			: break-all;
	word-wrap 			: break-ward;
	line-break 			: normal;
	width				: 320px;
*/
    min-width			: 320px;
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
	-webkit-touch-callout:none;
	line-height			: 14pt;
	background-image 	: url('../images/psp/bg_image.jpg');
}

body[ort="yoko"] body{
	width	: 480px;
}

body[ort="tate"] body{
	width	: 320px;
}

a {
	text-decoration : none;
	color:#ffffff;
}

a:hover {
	text-decoration : underline;
}

img {
	border:0px;
}

div{
}


form {
	margin	: 0;
	padding	: 0;
}


/*
 * CLASS定義
 */
.image_small_thumb {
	width	: 100px;
	height	: 75px
}

table.main_contener {
	margin	: 0px;
}

body[ort="yoko"] table.main_contener{
	width	: 480px;
}

body[ort="tate"] table.main_contener{
	width	: 320px;
}

div.main_contener{
	margin	:0px;
	padding	:0px;
}

body[ort="yoko"] div.main_contener{
	width	: 480px;
}

body[ort="tate"] div.main_contener{
	width	: 320px;
}


div.page_ctrl{
	padding-top		: 10px;
	padding-bottom	: 10px;
	width			: 100%;
	text-align		: center;
	height			: 35px;
}

div.page_ctrl span{
	font-size		: 20pt;
	vertical-align	: middle;
}

div.page_ctrl img{
	vertical-align:middle;
}

/*ビデオわくランキング型*/
.video_rank {
	width:100%;
	background-image:url('../images/iphone/video_bg.png');
	background-repeat:repeat-x;
	margin-bottom:0px;
}

span.label_small {
	font-size:60%;
}

div.label_middle {
	width		: 100%;
	font-size	: 110%;
	padding-top	: 5px;
	padding-left: 5px;
}

div.title{
	padding-left:15px;
	padding-top:5px;
	padding-right:5px;
}

/*
body[ort="tate"] div.title{
	width:215px;
}

body[ort="yoko"] div.title{
	padding:15px;
}
*/


div.label_middle2 {
	padding-right:5px;
}

span.label_middle {
	font-size:100%;
}

table{
	font-size:10pt;
}

.video_small_date{
	line-height	: 15px;
	padding-left: 5px;

}
.label_middle{
	line-height: 15px;
}

.header{
	height:50px;
	background-image:url(../images/iphone/head_bg50.png);
	background-repeat:repeat-x;
}

#footer{
	height:15px;
}

/*左端*/
input.css3button_black_left_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	padding: 5px 7px;
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a3a3a3),
		color-stop(0.50, #3b3b3b),
		color-stop(0.50, #242424),
		to(#000000));
		
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,105,005,0.6);
	-webkit-box-shadow: #222A37 0px 1px 2px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);

	border: 1px solid #000000;
	
	-webkit-border-bottom-right-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
	-webkit-border-bottom-left-radius: 4px 4px;
	-webkit-border-top-left-radius: 4px 4px;
}

input.css3button_black_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	padding: 5px 7px;
	background: -moz-linear-gradient(
		top,
		#d3d3d3 0%,
		#6b6b6b 50%,
		#545454 50%,
		#333333);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d3d3d3),
		color-stop(0.50, #6b6b6b),
		color-stop(0.50, #545454),
		to(#333333));
		
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,105,005,0.6);
	-webkit-box-shadow: #222A37 0px 1px 2px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);

	border: 1px solid #000000;
	
	-webkit-border-bottom-right-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
	-webkit-border-bottom-left-radius: 4px 4px;
	-webkit-border-top-left-radius: 4px 4px;
}

/*真ん中*/
input.css3button_black_on{
	border: 1px solid #000000;
	font-size: 12px;
	width:74px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 5px 7px;
	
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a3a3a3),
		color-stop(0.50, #3b3b3b),
		color-stop(0.50, #242424),
		to(#000000));

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,105,005,0.6);

	-webkit-box-shadow: #222A37 0px 1px 2px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
	
	-webkit-border-bottom-left-radius: 0px 0px;
	-webkit-border-top-left-radius: 0px 0px;
	-webkit-border-bottom-right-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
}

input.css3button_black{
	border: 1px solid #000000;
	font-size: 12px;
	width:74px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 5px 7px;
	
	background: -moz-linear-gradient(
		top,
		#d3d3d3 0%,
		#6b6b6b 50%,
		#545454 50%,
		#333333);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d3d3d3),
		color-stop(0.50, #6b6b6b),
		color-stop(0.50, #545454),
		to(#333333));
		
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,105,005,0.6);

	-webkit-box-shadow: #222A37 0px 1px 2px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
	
	-webkit-border-bottom-left-radius: 0px 0px;
	-webkit-border-top-left-radius: 0px 0px;
	-webkit-border-bottom-right-radius: 0px 0px;
	-webkit-border-top-right-radius: 0px 0px;
}

/*右端*/
input.css3button_black_right_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	padding: 5px 7px;
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a3a3a3),
		color-stop(0.50, #3b3b3b),
		color-stop(0.50, #242424),
		to(#000000));
		
	border: 1px solid #000000;

	-webkit-border-bottom-left-radius: 0px 0px;
	-webkit-border-top-left-radius: 0px 0px;

	-webkit-border-bottom-right-radius: 4px 4px;
	-webkit-border-top-right-radius: 4px 4px;

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,105,005,0.6);
	-webkit-box-shadow: #222A37 0px 1px 2px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);

}

input.css3button_black_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	padding: 5px 7px;
	background: -moz-linear-gradient(
		top,
		#d3d3d3 0%,
		#6b6b6b 50%,
		#545454 50%,
		#333333);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d3d3d3),
		color-stop(0.50, #6b6b6b),
		color-stop(0.50, #545454),
		to(#333333));		
	border: 1px solid #000000;

	-webkit-border-bottom-left-radius: 0px 0px;
	-webkit-border-top-left-radius: 0px 0px;

	-webkit-border-bottom-right-radius: 4px 4px;
	-webkit-border-top-right-radius: 4px 4px;

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,105,005,0.6);
	-webkit-box-shadow: #222A37 0px 1px 2px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);

}