@import "../../table.css";

a img {	/* for IE */
	border:0;
}


ul#news	{
	border:1px solid gray;
	list-style-position:outside;
	padding-left:4px;
	font-size:12px;	/*ishikari*/
}
*+html ul#news {	/* for IE7 */
	margin-left:0;
}
.topNewsArea ul#news	{
	border:none;
}

ul#news li.newsBody	{
	margin:4px;
	padding:4px;
	list-style-type:none;
}

ul#news li.newsBody h3	{
	font-weight:bold;
	font-size:16px;
	padding-top:6px;
	padding-left:4px;
	padding-bottom:8px;
	background-color:#CACACA;
/*	height:18px;*/
	height:36px;
	line-height:1.2;
}

ul#news li.newsBody h4	{
	font-weight:bold;
	font-size:16px;
	float:right;
	padding-top:2px;
	padding-right:4px;
	height:18px;
}

ul#news li.newsBody p	{
/*	font-size:14px;*/
	font-size:12px;
	clear:both;
	margin-left:8px;
}
ul#news li.newsBody img	{	/*ishikari*/
	max-width:450px;
	margin-bottom:2px;
}

ul#news li.newsBody div.imgArea	{
	margin:16px 8px 8px 8px;
	padding:4px;
	text-align:center;	/*ishikari*/
/*	border:1px solid blue;	/*�g��*/
	display:inline-block;
	*display: inline;	/* for IE7 */
	*zoom: 1;	/* for IE7 */
}
ul#news li.newsBody .imgArea div.imgBox	{
	display:block;	/*�c����*/
/*	display:inline-block; /*������*/
}
ul#news li.newsBody .imgArea img	{
	margin-right:4px;
}
ul#news li.newsBody .imgArea img:last-child	{
	margin-right:0;
}

/* ver0.6 tite only mode */
ul#news li.newsBody2	{
	margin:0 4px;
	padding-left:4px;
	padding-top:0;
	list-style-type:none;
}

ul#news li.newsBody2 p	{
	/*	default no style	*/
	margin: 0.5em 0px;
	border-width: 0px 0px 1px 0px;
	border-bottom-style: dotted;
	height: 1em;
	padding-bottom: 11px;
}



/* -------------------- */

div#newsArea	{
	border:1px solid #d0d0d0;
	padding:8px;
}
div.topNewsArea	{
	padding:4px !important;
}

#daocopy	{
	font-size:13px;
	margin-top:30px;
	text-align:right;
}
#daocopy a	{
	text-decoration:none;
}


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

	div#newsArea	{
		max-width:100%;
	}

	ul#news	{
		max-width:100%;
	}

	ul#news li.newsBody	{
		max-width:100%;
	}

	ul#news li.newsBody div.imgArea	{
		max-width:100%;
	}

	ul#news li.newsBody p img,
	ul#news li.newsBody div.imgArea img	{
		max-width:100%;
	}
}

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

	ul#news li.newsBody div.imgArea	{
		max-width:95%;
	}

}

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

	ul#news li.newsBody div.imgArea	{
		max-width:92%;
	}

}

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

	ul#news li.newsBody div.imgArea	{
		max-width:90%;
	}

}