/*==================================================
	museum theater:top.css
	targetHTML:/index.html
==================================================*/

/*	top
==================================================*/
#wrapper #container #topindex {
	width:900px;
}
#wrapper #container #topindex h1 {
	padding-bottom:15px;
}
#wrapper #container #topindex .currentWork {
	margin:15px 11px 13px 11px;
	width:878px;
	height:259px;
	background:url(../imgs/top_bg_currentframe.gif) left top no-repeat;
}
#wrapper #container #topindex .currentWork .main {
	margin:0 4px;
	position:relative;
	width:870px;
	height:252px;
	background:url(../imgs/top_current_image.jpg) left top no-repeat;
	text-align:left;
}
#wrapper #container #topindex .currentWork .main h2 {
	padding:10px 0 0 481px;
}
#wrapper #container #topindex .currentWork .main p {
	padding:0 0 0 481px;
}
#wrapper #container #topindex .currentWork .main .btnposition {
	position:absolute;
	top:198px;
	left:226px;
	width:145px;
	height:32px;
}
#wrapper #container #topindex .currentWork .main .btnposition2 {
	position:absolute;
	top:50px;
	left:226px;
	width:145px;
	height:32px;
}
#wrapper #container #topindex .currentWork .main .btnposition3 {
	position:absolute;
	top:105px;
	left:226px;
	width:145px;
	height:32px;
}
#wrapper #container #topindex p.detailbtn a {
	display:block;
	width:145px;
	height:32px;
	background:url(../imgs/top_btn_detail.gif) left top no-repeat;
	text-indent:-9999px;
    overflow: hidden;
}
#wrapper #container #topindex p.detailbtn a:hover {
	background-position:0 -32px;
}
#wrapper #container #topindex .section01 {
	margin:0 15px;
	width:870px;
}
#wrapper #container #topindex .section01 .leftcnt {
	float:left;
	width:584px;
	text-align:left;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork {
	margin:0 0 13px 0;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork .rightbox {
	float:left;
	width:434px;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork .cntl {
	float:left;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork .cntr {
	padding:0 0 0 18px;
	float:left;
	color:#58524c;
	width:300px;
	line-height:1.2;
	font-size:139%;
	font-weight:bold;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork .cntall {
	padding:10px 0 0 12px;
	color:#58524c;
	line-height:1.2;
	font-size:139%;
	font-weight:bold;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork .cntall span {
	color:#58524c;
	line-height:1.2;
	font-size:85%;
	font-weight:bold;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork .txt {
	padding:9px 0 0 12px;
	line-height:1.2;
	color:#58524c;
	font-size:93%;
}
#wrapper #container #topindex .section01 .leftcnt .nextWork .btn {
	padding:5px 0 0 342px;
}
#wrapper #container #topindex .section01 .rightcnt {
	float:right;
	width:272px;
	text-align:left;
}
#wrapper #container #topindex .section01 .leftcnt .block {
	margin-bottom:10px;
	width:584px;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm {
	padding-bottom:5px;
	background:url(../imgs/top_bg_maincnt_s_btm.gif) left bottom no-repeat;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop {
	padding-top:6px;
	background:url(../imgs/top_bg_maincnt_s_top.gif) left top no-repeat;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt {
	padding:4px 11px 6px 19px;
	background:url(../imgs/top_bg_maincnt_s.gif) left top no-repeat;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt .left {
	padding:0 22px 0 0;
	float:left;
	width:346px;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt .left p.txt {
	padding:13px 0 0 4px;
	color:#58524c;
	font-size:93%;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt .left .btn {
	padding:14px 0 0 198px;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt .right {
	float:right;
	width:186px;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt dl {
	padding:10px 0 3px 0;
	width:554px;
	background:url(../imgs/top_item_slidline.gif) left bottom no-repeat;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt dt {
	padding:0;
	display:block;
	float:left;
	width:100px;
	color:#a80000;
	background:url(../imgs/top_item_icon.gif) right 6px no-repeat;
	font-size:93%;
	font-weight:bold;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt dd {
	padding-left:10px;
	display:block;
	float:left;
	width:444px;
	color:#58524c;
	font-size:93%;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt dd a {
	color:#006ed4;
	text-decoration:none;
	font-size:100%;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt dd a:hover {
	color:#006ed4;
	text-decoration:underline;
	font-size:100%;
}




#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt ul {
	padding:7px 0;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt li {
	padding:10px 0 3px 0;
	background:url(../imgs/top_item_slidline.gif) left bottom no-repeat;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt li span.news {
	padding-left:10px;
	display:block;
	float:left;
	width:430px;
	color:#58524c;
	font-size:93%;
}
#wrapper #container #topindex .section01 .leftcnt .block .blockbtm .blocktop .blockcnt li span.icon {
	padding:0;
	display:block;
	float:left;
	width:100px;
	color:#a80000;
	background:url(../imgs/top_item_icon.gif) right 6px no-repeat;
	font-size:93%;
	font-weight:bold;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule {
	width:272px;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm {
	padding-bottom:4px;
	background:url(../imgs/top_bg_schedule_boxend.gif) left bottom no-repeat;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt {
	background:url(../imgs/top_bg_schedule_box.gif) left top repeat-y;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt h2 {
/*	margin-top:8px;*/
}
/* for IE7 */
*:first-chidl+html #wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt h2 {
	margin-top:7px;
}
/* for IE6 */
* html body #wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt h2 {
	margin-top:7px;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList {
	padding:0 14px;
	text-align:left;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList .slid {
	padding:7px 0 5px 0;
	background:url(../imgs/top_item_scheduleline.gif) left bottom no-repeat;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList dt {
	float:left;
	width:83px;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList dd {
	float:left;
	width:161px;
	line-height:1.4;
	color:#58524c;
	font-size:93%;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList p {
	padding:5px 0;
	line-height:1.4;
	color:#58524c;
	font-size:93%;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList .seeingbtn {
	padding:17px 13px 8px 13px;
	width:218px;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList .seeingbtn a {
	display:block;
	width:218px;
	height:40px;
	background:url(../imgs/top_btn_seeing.gif) left top no-repeat;
	text-indent:-9999px;
}
#wrapper #container #topindex .section01 .rightcnt .workSchedule .btm .cnt .scheduleList .seeingbtn a:hover {
	background-position:0 -40px;
}
#wrapper #container #topindex .section02 {
	padding:10px 15px;
	width:870px;
}
#wrapper #container #topindex .section02 .archive {
}
#wrapper #container #topindex .section02 .archive .archivebtm {
	padding-bottom:5px;
	background:url(../imgs/top_bg_maincnt_l_btm.gif) left bottom no-repeat;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop {
	padding-top:6px;
	background:url(../imgs/top_bg_maincnt_l_top.gif) left top no-repeat;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt {
	padding:1px 30px 13px 19px;
	background:url(../imgs/top_bg_maincnt_l.gif) left top no-repeat;
	text-align:left;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame {
	padding:6px 0 0 11px;
	width:810px;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame .box01 {
	float:left;
	border-right:1px solid #d5d3d0;
	width:260px;
}
* html body #wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame .box01 {
	width:250px;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame .box02 {
	padding-left:18px;
	float:left;
	border-right:1px solid #d5d3d0;
	width:260px;
}
* html body #wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame .box02 {
	width:250px;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame .box03 {
	padding-left:18px;
	float:left;
	width:252px;
}
* html body #wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame .box03 {
	width:247px;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame dl {
	padding:6px 0 9px 0;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame dt {
	float:left;
	display:block;
	width:78px;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame dd {
	margin:0 6px 0 6px;
	padding-left:11px;
	float:left;
	width:150px;
	line-height:1.2;
	background:url(../imgs/top_icon_archive.gif) left 3px no-repeat;
}
/* for IE6 */
* html body #wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame dd {
	width:130px;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame dd a {
	color:#514845;
	text-decoration:none;
	font-size:93%;
	font-weight:bold;
	line-height:1.2;
}
#wrapper #container #topindex .section02 .archive .archivebtm .archivetop .archivecnt .frame dd a:hover {
	text-decoration:underline;
	line-height:1.2;
}
.bdstyle02 {
	padding:1px;
	border:1px solid #979789;
}