/*===============================================
●style.css 画面の横幅が737px以上
===============================================*/
@media print, screen and (min-width: 737px){
h2.ttl	{	margin: 37px 105px 20px;}
.museum_news{
	display: inline;
	float: right;
	width: 714px;
	height: 640px;
	background-image: url("../images/news/bg.gif");
	background-position: right top;
	background-repeat: no-repeat;
	text-align: left;
}
.news_area{
	background-color: transparent;
	width: 505px;
	height: 530px;
	margin: 0 auto;
	text-align: left;
	overflow-y: scroll;
}		
.news_area table{
	float: left;
	width: 475px;
	margin: 0 0 5px;
	border: none;
	}

.news_area table	th{
	background-color: #F5F6F8;
	width: 100px;
	vertical-align: top;
	text-align: center;
	color: #666666;
	font-size: 12px;
	padding-top: 20px;
	line-height: 24px;
	}

.news_area table	td{
	background-color: #ffffff;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 24px;
	}

.news_area table	td	span.ttl	{color: #943241; font-size: 14px;}
.news_area table	td	span.ttl	a	{color: #943241; font-size: 14px; text-decoration: none;}
.news_area table	td	span.ttl	a:hover	{color: #943241; font-size: 14px; text-decoration: underline;}
.news_area table	td	span.brk	{ display:block;}
}
/*===============================================
●smart.css  画面の横幅が736pxまで
===============================================*/
@media only screen and (max-width:736px){
.museum_news{
	width: 100%;
	background: #E1E3EA;
	padding-bottom: 8%;
	padding-top: 8%;
}
.news_area{
	background-color: transparent;
	width: 94%;
	height: 865px;
	margin: 7% auto 0;
	text-align: left;
	overflow-y: scroll;
}		
.news_area table{
	float: left;
	width: 88%;
	margin: 0 auto 6px;
	border: none;
	}

.news_area table	th{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2% 5%;
	background-color: #F5F6F8;
	color: #666666;
	text-align: left;
	font-size: 14px;
}

.news_area table	td{
	display: block;
	width: 100%;
	background-color: #ffffff;
	padding: 3% 5%;
	text-align: left;
	font-size: 12px;
}

.news_area table	td	span.ttl	{color: #943241; font-size: 14px;}
.news_area table	td	span.ttl	a	{color: #943241; font-size: 14px; text-decoration: none;}
.news_area table	td	span.ttl	a:hover	{color: #943241; font-size: 14px; text-decoration: underline;}
}
