@charset "utf-8";


/* ------------------------------------------------------
　メディア情報スタイル
------------------------------------------------------ */


.SubTitle{
	margin:20px 0 50px 80px;
	font-size:0.85em;
	font-weight:bolder;
}

/* ----------------------
　アイコン
------------------------- */


ul.MediaIconArea{
	display:block;
	position:absolute;
	z-index:20;
	top:20px;
	right:10px;
	width:300px;
	height:24px;
}

ul.MediaIconArea li{
	float:right;
	margin:0 4px 0 0;
	padding:0;
	display:block;
	height:24px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}

#Static li.Media_TV{
	width:60px;
	background-color:#3E73C4;
	color:#FFF;
}

#Static li.Media_Magazine{
	width:60px;
	background-color:#4D8E4D;
	color:#FFF;
}

#Static li.Media_DVD{
	width:60px;
	background-color:#8154AD;
	color:#FFF;
}

#Static li.Media_Mobile{
	width:60px;
	background-color: #C8398E;
	color:#FFF;
}


/* ----------------------
　日付
------------------------- */
#Static p.MediaDate{
	margin:0;
	padding:0 15px 0 0;
	text-align:right;
	line-height:100%;
	font-size:12px;
	color: #666;
}


/* ----------------------
　詳細
------------------------- */

.MediaDetail{
	overflow:hidden;
	width:700px;
	margin:10px auto;
}

.MediaDetail .MediaImgArea{
	width:250px;
	float:left;
}

.MediaDetail .MediaImgArea img{
	display:block;
	border:1px solid #CCC;
	padding:4px;
	background-color:#F0F0F0;
}

.MediaDetail .MediaTextArea {
	width:440px;
	float:right;
}

#Static .MediaDetail .MediaTextArea p{
	margin:15px 0 0 5px;
	padding:0;
}

#Static .MediaDetail .MediaTextArea span.URL_Link{
	background-image:url(/images/common/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding: 0 0 0 18px;
	font-size:12px;
	line-height:40px;
}


ul.MediaYear{
	width:680px;
	display:block;
	overflow:hidden;
	margin:0 auto;
}

ul.MediaYear li{
	float:left;
	margin:0 5px 0 0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

ul.MediaYear li.On{
	display:block;
	width:100px;
	height:24px;
	background-color:#369;
	color:#FFF;
	border:1px solid #CCC;
}

ul.MediaYear li.Off a:link{
	display:block;
	width:100px;
	height:24px;
	background-color:#F6F6F6;
	border:1px solid #CCC;
}

ul.MediaYear li.Off a:visited{
	display:block;
	width:100px;
	height:24px;
	background-color:#F6F6F6;
	border:1px solid #CCC;
	color:#666;
}

ul.MediaYear li.Off a:hover{
	display:block;
	width:100px;
	height:24px;
	background-color: #CFE6E9;
	border:1px solid #CCC;
}

ul.MediaYear li.Off a:active{
	display:block;
	width:100px;
	height:24px;
	background-color:#F6F6F6;
	border:1px solid #CCC;
	color:#666;
}