/* CSS Document */

#news
{
	padding-left: 20px;
	padding-right: 20px;
}


#news table
{
	width: 100%;
}

#news table th
{
	background-color: initial;
	width: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #707070;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

#news table td
{
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #707070;
	text-align: left;
	vertical-align: top;
	position: relative;
	padding-right: 40px;
}

#news table td a
{
	font-weight: normal;
}

#news table td a:hover
{
	text-decoration: underline;
}


/* PCのみ */
@media screen and (min-width:1200px)
{
}

/** タブレット */
@media screen and (max-width:979px)
{
	#news
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	

}

/* 横置きの場合 */
@media (max-width: 979px) and (orientation: landscape)
{
}

/* 縦置きの場合 */
@media (max-width: 979px) and (orientation: portrait)
{
	#news table th
	{
		display: block;
		width: auto;
		padding-bottom: 0px;
		border-bottom-style: none;
	}
	
	#news table td
	{
		display: block;
		padding-top: 0px;
	}
}


@media screen and (max-width:767px)
{

	#news table
	{
		width: 100%;
	}

	#news table th
	{
		display: block;
		width: auto;
		padding-bottom: 0px;
		border-bottom-style: none;
	}

	#news table td
	{
		display: block;
		padding-top: 0px;
	}


}

@media screen and (max-width:599px) and (orientation: portrait)
{
	#news table th
	{
		display: block;
		width: auto;
		padding-bottom: 0px;
		border-bottom-style: none;
	}

	#news table td
	{
		display: block;
		padding-top: 0px;
	}

}