@charset "UTF-8";
/* CSS Document */

#container .inner {
		width:1011px;
		}
	#container .inner>div {
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		background:#fff;
		}
	
#slide { width:740px; }

#infoArea {
	position:relative;
	}
	#infoArea p {
		position:absolute;
		padding:15px;
		top:10px;
		left:10px;
		background-color:rgba(255, 247, 164, 0.9);
		width:200px;
		}
		
#newsArea {
	width:285px;
	height:450px;
	}
	#newsArea .scroll {
		overflow:hidden;
		position:relative;
		height:430px;
		}
	#newsArea .scroll .scrollInner {
		width:95%;
		}
	#newsArea article {
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #ededed;
		}
	#newsArea article .date { font-size:11px; margin-bottom:10px; }
	#newsArea article a.toDetail {font-size:11px;background-color:#7D7D7F;display:inline-block;line-height:20px;padding:2px 5px 0;height:20px;color:#fff;text-decoration:none;verticall-align:middle;margin-top:10px;}
	#newsArea article a.toDetail:hover {background-color:#C40614;}
	#newsArea article a.toDetail.wdw {background-image:url(../img/icon_blank.png);background-repeat:no-repeat;background-position:5px center;padding-left:17px;}
	
#exInfo a { display:block; position:relative; }
	#exInfo a div {
		position:absolute;
		width:270px;
		top:0;
		left:0;
		background-color:rgba(255, 247, 164, 0.9);
		padding:15px;
		}
		
#playtaro {width:198px;height:450px;}
#playtaro>h2 {
	padding:5px 0;
	border-bottom:1px solid #ededed;
	line-height:0px;
	}
#playtaro .scroll {
	height:375px;
	overflow:hidden;
	position:relative;
	font-size:12px;
	}
#playtaro .scroll li a {
	float:right;
	width:75%;
	color:inherit;
	text-deocration:underline;
	}
#playtaro .scroll li span.date {
	float:left;
	width:19%;
	}
#playtaro .scroll li:before,
#playtaro .scroll li:after {content: " ";display: table;}
#playtaro .scroll li:after {clear: both;}
#playtaro .scroll li {*zoom: 1;}
#playtaro .scroll li {margin-bottom:10px;}

#twBox {
	width:202px;
	height:300px;
}


@media only screen and (max-width: 768px) {
	
#container .inner {
		width:100%;
		}
	#container .inner>div {
		float:none;
		margin-right:0;
		margin-bottom:10px;
		}
		
#slide { width:100%; }	

#newsArea {
	width:100%;
	height:300px;
	}
	#newsArea .scroll {
		overflow:hidden;
		position:relative;
		height:280px;
		}
	#newsArea .scroll .scrollInner {
		width:95%;
		}
	#newsArea article {
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #ededed;
		}
	#newsArea article .date { font-size:11px; margin-bottom:10px; }
	#newsArea article a.toDetail {font-size:11px;background-color:#7D7D7F;display:inline-block;line-height:20px;padding:2px 5px 0;height:20px;color:#fff;text-decoration:none;verticall-align:middle;margin-top:10px;}
	#newsArea article a.toDetail:hover {background-color:#C40614;}
	#newsArea article a.toDetail.wdw {background-image:url(../img/icon_blank.png);background-repeat:no-repeat;background-position:5px center;padding-left:17px;}
	
#infoArea{
	float:left  !important;
	width:49%;
}

#exInfo {
	float:right !important;
	width:49%
}

#infoArea img, #exInfo img {
	width:100%;
	height:auto;
}

#playtaro {
	clear:both;
	width:100%;
	height:300px;
}

#twBox {
	width:100%;
	height:300px;
	overflow:scroll;
}

	


}