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


	画面左の段

	ランダムに表示される画像と新着情報


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


#leftInformation {
	width: 500px;
	float: left;
	background-color: #ffffff;
}

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

	画像のランダム表示部分

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

#randomTopImage {
	width: 500px;
	height: 300px;
	background-color: #ffffff;
	float: left;
}

#randomTopImage img{
	border-collapse: collapse;
	width: 500px;
}

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

	公演情報の表示部分

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

#nextPerformance {
	width: 500px;
	background-color: #ffffff;
	text-align: center;
}

#nextPerformancePoster{
	width: 200px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
}

#nextPerformanceInformation {
	margin: 10px;
	padding: 10px;
	margin-left: 200px;
	background-color:#EFEFEF;
	-moz-box-shadow: 5px 5px 5px #DDD;
	-webkit-box-shadow: 5px 5px 5px #DDD;
}

#nextPerformance div img {
	border: 3px solid #ff3333;
	width: 150px;
}


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

	画面右側の段

	更新履歴とプライバシーについて

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

#rightInformation {
	margin-left:500px;
	background-color: #ffff66;
}

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

	更新履歴の表示部分

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

#history {
	width: 300px;
	height: 300px;
	overflow: scroll;
	background-color: #ffffff;
}

#history p {
	padding: 5px;
}

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

	プライバシーについての表示部分

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

#announce {
	text-align: left;

}

#announce p {
	margin: 20px;
}

#announce p.title{
	text-align:center;
	size: 3;
}


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

	回り込み解除をオーバーライド

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

.clear {
	background-color: #ffff66;
}