@charset "shift_jis";
/* 
====================================================
 File Name  : media_com.css
 Style Info : 
=================================================== */

.left_margin {
	/* 画面左側スペース調整 */
	margin-left: 5%;
}

.movie_box {
	width : 200px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	line-height: 100%;
}

.movie_box h4 {
	font-size: 95%;
	text-align: left;
	font-weight: normal;
	background-color: gray;
	padding-left: 5px;
	padding-bottom : 2px;
	margin-bottom : 0px;
	color: #ebebeb;
     border-bottom-color : #000000;
     padding-top : 5px;
     border-top-color : #000000;
}

.box {
	padding : 5px;
	margin: 0px;
	border: 1px solid #696969;
	line-height: 120%;
	background-color: #eeede3;
	text-align: left;
	color: #5f5f5f;
	font-size: 80%;
	height : 120px;
}

.box p {
	color: #4862f2;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
}

.name {
	padding: 1px;
	margin: 5px 0px 0px 0px;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	color: #ff0000;
	font-family: "ＭＳ Ｐ明朝";
}
/* .box img {					
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #f3f3f3 #f3f3f3 #f3f3f3 #f3f3f3;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}*/

.imagebox-r {
	float: right;
	color: navy;
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	z-index: 1;
	font-size: 80%;
}

.imagebox-r img {
	padding-right: 7px;
	background-position: right bottom;
	padding-left: 0px;
	background-image: url(../image/backshadow.gif);
	padding-bottom : 2px;
	padding-top: 0px;
	background-repeat: no-repeat;
     border-bottom-color : #000000;
}
/* 再生ボタン初期状態のリンクの装飾 */

.play_button a {
	display: block;
	width: 49px;/* 画像1枚分の横幅(※1) */
	height: 25px;/* 画像1枚分の高さ(※2) */
	text-indent: -5000px;/* 文字を消す */
	float: left;/* 横に並べる(※3) */
	margin-top : 3px;
	margin-left : 5px;
	margin-bottom: 5px;
     border-left-color : #000000;
     border-top-color : #000000;
}
/* 再生ボタンマウスが載ったときの装飾 */

.play_button a:hover {
	background-color: #eeede3;
	background-position: top right;
}

.play_button a.sd {
	background-image: url(../image/play_sd02.gif);
}

.play_button a.hd {
	background-image: url(../image/play_hd02.gif);
}