@charset"utf-8";

#tokubetsuMain {
	width:730px;
	margin:10px 0 0;
}
#tokubetsuMain h1 img {
	border:solid 1px #CCC;
}
#tokubetsuMain .navi {
	margin-bottom:25px;
	background:url(/exhibition/2012/1209sep/images/menu_back.gif) repeat-x;
	height:26px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
#tokubetsuMain .navi li {
	float:right;
}

#tokubetsuMain .eventLink {
	padding-top:1em;
}
#tokubetsuMain .eventLink a {
	padding-left:13px;
	background:url(/exhibition/2012/1209sep/images/link_icon.gif) no-repeat left center;
	color:#600;
	text-decoration:underline;
}

/* top */
#tokubetsuMain #hanjieLead {
	padding:0 0 20px 2px;
}
#hanjieLead .boxLeft {
	width:510px;
	float:left;
}
#hanjieLead .boxLeft p {
	padding-bottom:1em;
}
#hanjieLead .boxRight {
	width:176px;
	float:right;
}
#hanjieLead .boxRight p {
	font-size:.83em;
	line-height:1.3;
	margin-top:5px;
	padding-left:21px;
	background:url(/exhibition/2012/1209sep/images/icon_glass.gif) no-repeat;
}
#hanjieLead .boxRight a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#tokubetsuMain .hanjieTable {
	width:315px;
	float:left;
}
#tokubetsuMain .hanjieIllCenter {
	width:174px;
	float:right;
	padding-top:12px;
}
#tokubetsuMain .hanjieIllRight {
	width:216px;
	float:right;
	padding-top:7px;
}
#tokubetsuMain .hanjieTable table {
	width:100%;
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
#tokubetsuMain .hanjieTable th,
#tokubetsuMain .hanjieTable td {
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	font-size:1em;
	line-height:1.4;
}
#tokubetsuMain .hanjieTable th {
	width:23%;
	padding:7px 0;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	background-color:#7DBAE4;
}
#tokubetsuMain .hanjieTable td {
	width:77%;
	padding:6px 12px;
}
#tokubetsuMain .hanjieIllCenter .hanjieTitle {
	padding-bottom:15px;
}

/* event */
#tokubetsuMain #eventArea {
}
#eventArea .eventLeft {
	width:470px;
	float:left;
}
#eventArea .eventRight {
	width:235px;
	padding-top:24px;
	float:right;
}
#eventArea .eventLeft h2 {
	font-size:1.25em;
	line-height:1.3;
	padding-bottom:5px;
	font-weight:normal;
}
#eventArea .eventLeft h2 span {
	color:#BC9633;
	padding:0 2px;
}
#eventArea .eventLeft dt {
	line-height:1.3;
	padding:5px 12px;
	color:#FFF;
	background-color:#BC9633;
}
#eventArea .eventLeft dd {
	line-height:1.3;
	padding:5px 14px;
	background-color:#EBDFC1;
	border-bottom:solid 2px #FFF;
}
#eventArea .eventLeft ul {
	padding:10px 2px 5px;
}
#eventArea .eventLeft li {
	font-size:.83em;
	line-height:1.5;
}
#eventArea .eventRight .hanjie {
	text-align:right;
	margin-top:-2px;
}

/* toRead */
#tokubetsuMain #toReadLead {
	background:url(/exhibition/2012/1209sep/hanjie/images/hanjie_bk.gif) repeat-y;
	padding:25px 25px 0 25px;
}
#toReadLead .inBox {
	background-color:#FFF;
	padding:12px;
}
#toReadLead .inBox h2 {
	width:80px;
	float:left;
}
#toReadLead .inBox p {
	width:540px;
	background:url(/exhibition/2012/1209sep/hanjie/images/title_line.gif) repeat-y;
	float:right;
}
#toReadLead .inBox p span {
	display:block;
	padding-left:15px;
	font-size:1.0833em;
}
#toReadLead .inBox p span.pb1 {
	padding-bottom:1em;
}

#tokubetsuMain #toReadEx {
	background:url(/exhibition/2012/1209sep/hanjie/images/hanjie_bk_b.gif) no-repeat;
	width:730px;
	height:2459px;
	position:relative;
}
#toReadEx div,
#toReadEx p,
#toReadEx dl {
	position:absolute;
}
#toReadEx dl {
	background:url(/exhibition/2012/1209sep/hanjie/images/txtbox_bk.gif) no-repeat left bottom;
	z-index:1;
	width:216px;
}
#toReadEx dt {
	font-size:0;
	line-height:0;
}
#toReadEx dd {
	padding:10px 15px 15px;
	font-size:1.0833em;
	line-height:1.6;
	color:#FFF;
}
#toReadEx .cut {
	z-index:0;
}
#toReadEx .check {
	z-index:1;
}
#toReadEx .quiz {
	z-index:2;
}
#toReadEx .han {
	z-index:5;
}
#toReadEx .han img {
	cursor:pointer;
}

#toReadEx dl.keyWord01 {
	left:25px;
	top:54px;
}
#toReadEx dl.keyWord02 {
	left:489px;
	top:490px;
}
#toReadEx dl.keyWord03 {
	left:25px;
	top:899px;
}
#toReadEx dl.keyWord04 {
	left:489px;
	top:1085px;
}
#toReadEx dl.keyWord05 {
	left:25px;
	top:1604px;
}
#toReadEx dl.keyWord06 {
	left:489px;
	top:2007px;
}

#toReadEx .cut01 {
	left:579px;
	top:316px;
}
#toReadEx .cut03 {
	left:486px;
	top:875px;
}
#toReadEx .cut05 {
	left:489px;
	top:1635px;
}
#toReadEx .cut06 {
	left:49px;
	top:1994px;
}

#toReadEx .check01 {
	left:582px;
	top:54px;
}
#toReadEx .check03 {
	left:25px;
	top:614px;
}
#toReadEx .check04 {
	left:25px;
	top:1461px;
}
#toReadEx .check05 {
	left:582px;
	top:1864px;
}

#toReadEx .quiz01_1 {
	left:272px;
	top:100px;
}
#toReadEx .quiz01_2 {
	left:227px;
	top:338px;
}
#toReadEx .quiz02 {
	left:445px;
	top:679px;
}
#toReadEx .quiz03 {
	left:272px;
	top:854px;
}
#toReadEx .quiz04_1 {
	left:272px;
	top:1118px;
}
#toReadEx .quiz04_2 {
	left:464px;
	top:1378px;
}
#toReadEx .quiz05 {
	left:272px;
	top:1604px;
}
#toReadEx .quiz06_1 {
	left:368px;
	top:2038px;
}
#toReadEx .quiz06_2 {
	left:250px;
	top:2279px;
}
#toReadEx .quiz06_3 {
	left:529px;
	top:2231px;
}

#toReadEx .answer01_1 {
	left:405px;
	top:79px;
}
#toReadEx .answer01_2 {
	left:27px;
	top:285px;
}
#toReadEx .answer02 {
	left:300px;
	top:528px;
}
#toReadEx .answer03 {
	left:128px;
	top:570px;
}
#toReadEx .answer04_1 {
	left:45px;
	top:1104px;
}
#toReadEx .answer04_2 {
	left:278px;
	top:1359px;
}
#toReadEx .answer05 {
	left:252px;
	top:1773px;
}
#toReadEx .answer06_1 {
	left:252px;
	top:2008px;
}
#toReadEx .answer06_2 {
	left:105px;
	top:2162px;
}
#toReadEx .answer06_3 {
	left:342px;
	top:2090px;
	z-index:0;
}

/* thickbox html */
#tokubetsuWindow {
	padding-top:25px;
	margin:0;
	text-align:center;
}
#tokubetsuWindow div {
	padding-bottom:5px;
	width:276px;
	margin:0 auto;
}
#tokubetsuWindow p {
	color:#333;
	font-size:12px;
	line-height:150%;
	padding:0;
	margin:0;
	width:276px;
	margin:0 auto;
	text-align:center;
}


/*
	float clear
=========================================*/
.clr {
    overflow: hidden;
}
.clr:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
* html .clr {
    height: 1em;
    overflow: visible;
}
