@charset "utf-8";

/* CSS */

/* IE6用hover疑似クラス */
body { behavior: url("csshover.htc");}

/* 扉：mainの中：右ステージ */
#stage_tobira{
	width: 512px;
	height: 480px;
	text-align: left;
	float: left;
	background-color: #f7dc6f;
}

/* 扉：ステージ内中スペース囲み */
#stage_left_tobira{
	width: 482px;
	height: 480px;
	background-image: url(images/tobiraimg.gif);
	background-repeat: no-repeat;
	float: left;
}

/* 扉：右進むボタン囲み */
#stage_right_tobira{
	width: 30px;
	height: 480px;
	float: left;
}

/* 扉：次ページボタン */
#nextbutt{
	width: 30px;
	height: 30px;
}

#nextbutt span{
	display:none;
}

#nextbutt .tobira a{
	display: block;
	margin-top: 450px;
	height: 30px;
	background-image: url(images/tobira_next.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#nextbutt .tobira a:hover{
	background-position:0px -30px;
}




/* ギャラリー：ステージ内左スペース囲み */
#stage_left{
	width: 232px;
	height: 480px;
	background-image: url(images/hatch24gray.gif);
	background-repeat: no-repeat;
	float: left;
}

/* ギャラリー：テーマおよび授業名の入る囲み */
#headline{
	width: 170px;
	height: 82px;
	margin-top: 48px;
	margin-left: 42px;
}

/* ギャラリー：テーマ文字の大きさ */
#theme{
	font-size: 14px;
}
/* ギャラリー：授業名文字の大きさ */
#genre{
	font-size: 9px;
	color: #111;
	line-height: 9px;
}

/* ギャラリー：本文 */
#textbox_museum{
	width: 170px;
	height: 325px;
	padding: 0px 20px 25px 42px;
	font-size: 12px;
	color: #333;
	line-height: 18px;
	overflow: auto;
}

/* ギャラリー：サムネール15個のスペース囲み */
#stage_right{
	width: 250px;
	height: 435px;
	padding-top: 40px;
	float: left;
}

/* ギャラリー：サムネール */
ul.thumb{
	width: 250px;
	height: 400px;
}

ul.thumb li{
	width: 70px;
	height: 70px;
	background-image: url(images/thumframe.gif);
	background-repeat: no-repeat;
	margin: 5px;
	display: inline
	list-style-type: none;
	float: left;
	overflow: hidden;
}

ul.thumb li a img{
	border: none;
	padding: 5px 0px 0px 5px;
	width: 60px;
	height: 60px;
}

ul.thumb li a img:hover{
	padding: 4px;
	border: 1px solid #bbb;
}