@charset "UTF-8";

/* ヘッドライン */

#headline p{
	left:304px;
}

/* メイン */

#main{
	overflow:hidden;
}

/* メディア情報 */

#media{
	margin:0 0 0 54px;
	width:587px;
	float:left;
	display:inline;
}

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

#media dt{
	position:relative;
	width:587px;
	height:130px;
	background:url(../img/media/cloth.png) no-repeat;
}
#media dt img{
	position:absolute;
	top:0;
	left:-10px;
}

/* メディア情報 - メイン */

#media dd{
	margin:0 0 20px;
	padding:0 0 30px;
	width:587px;
	background:url(../img/media/cloth_bg.png) repeat-y;
}

/* メディア情報 - リスト */

#media dd ul{
	margin:0 auto;
	width:534px;
}
#media dd ul li{
	padding:6px 0 12px;
	width:534px;
	background:url(../img/media/line.png) no-repeat left bottom;
	display:inline-block;
	overflow:hidden;
	clear:both;
}
#media dd ul li img{
	vertical-align:top;
}
#media dd ul li p,
#media dd ul li h2{
	float:left;
}
#media dd ul li h2 a{
	color:#ff4988;
	text-decoration:underline
}
#media dd ul li h2 a:hover{
	text-decoration:none;
}
#media dd ul li p{
	width:90px;
}
#media dd ul li p.icon{
	width:75px;
}
#media dd ul li span{
	padding:0 10px 0 0;
	display:inline-block;
}
#media dd ul li h2{
	width:275px;
}
#media dd ul li h2 em{
	padding:0 14px 0 0;
	display:inline-block;
}
#media dd ul li div{
	width:534px;
	clear:both;
}
#media dd ul li div span{
	margin:0 0 0 90px;
	width:434px;
	display:inline-block;
}

/* サイドバー */

#side{
	position:relative;
	margin:0 40px 0 0;
	width:289px;
	float:right;
	display:inline;
}
#side dt{
	width:289px;
	height:51px;
	overflow:hidden;
}
#side dd{
	width:289px;
	height:270px;
	background:url(../img/media/side_bg.png) no-repeat;
}
#side dd ul{
	margin:0 auto;
	width:233px;
}
#side dd ul li img{
	vertical-align:top;
}