@charset "UTF-8";

#mainImgArea {
	width:auto;
	background:url(/english/museum/images/index_bg01.jpg) no-repeat center;
}

/*  Column style
---------------------------------------------------------- */
.columnTypeIndex03 {
	clear: both;
	width: 716px;
	overflow: hidden;
}
.columnTypeIndex03 .innerBlock {
	width: 710px;
	float:right;
}
.columnTypeIndex03 .innerBlock .col {
	display: block;
	float: left;
	width: 210px;
	margin:0 0 0 25px;
}
/* IE6 hack */
*html .columnTypeIndex03 .innerBlock .col {
	display: block;
	float: left;
	width: 210px;
	margin:0 0 0 20px;
}
.columnTypeIndex03 .innerBlock .col .section {
	width:180px;
	margin:0 5px 0 5px;
}
.columnTypeIndex03 .innerBlock .col .txt {
	margin:0;
	padding:0;
	width:200px;
}
.columnTypeIndex03 .innerBlock .col .image {
	padding:0 10px 10px 10px;
}
.columnTypeIndex03 .innerBlock .col .txtLink {
	margin:0 0 0 -3px;
}
.headingIndex05 {
	clear: both;
	margin-top: 40px;
}
.headingIndex05 a {
	display: block;
	padding: 8px 20px 1px 26px;
	background: url(/english/museum/common/images/com_bg24.gif) repeat-x 0 0;
	font-weight: bold;
	/*font-size: 110%;*/
	color: #333333;
	text-decoration:none;
	min-height: 28px;
	height: auto !important;
	height: 31px;
}
.headingIndex05 a:hover {
	color: #089f87;
}
#indexTopLeft h2.heading_index img {
	float:left;
}
/* IE6 hack */
*html #indexTopLeft h2.heading_index img {
	float:left;
	margin:0 0 0 -3px;
}
#indexTopLeft h2.heading_index span a {
	margin:11px 15px 0 0;
	padding: 0 0 5px 18px;
	background: url(/english/museum/common/images/com_ic26.gif) no-repeat 8px 8px;
	white-space: nowrap;
	float:right;
}
/* IE6/7 hack */
#indexTopLeft h2.heading_index span a {
	/background: url(/english/museum/common/images/com_ic26.gif) no-repeat 8px 6px;
}

#guideArea {
	clear: both;
	padding: 25px 0 0 0;
}
/* IE6 hack */
*html #guideArea {
	clear: both;
	padding: 10px 0 0 0;
}
#guideArea h2.heading_index {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/english/museum/images/index_bg02.gif) repeat scroll left top;
	height: 38px;
}
.pluginBox02 {
	padding: 9px;
	border: solid 1px #d3d3d3;
}

#indexTopRight .prArea {
	width:150px;
	padding:20px 0 0 29px;
}
/* IE6 hack */
*html #indexTopRight .prArea {
	width:180px;
}
#indexTopRight .prArea dd {
	text-align:left;
	margin:5px 0 5px 0;
}

.columnTypeIndex02 {
	clear: both;
	width: 960px;
	overflow: hidden;
}

#guideArea .colLeft {
	width:270px;
	padding:0 0 0 30px;
	float:left;
}
#guideArea .colRight {
	width:590px;
	padding:0 0 0 30px;
	float:right;
}
/* IE6 hack */
* html #guideArea .colRight {
	width:610px;
	padding:0 0 0 30px;
	float:right;
}
#guideArea .colLeft dt,
#guideArea .colRight dt {
	background:url(/museum/common/images/com_ic28.gif) no-repeat 0 0.5em;
	font-weight:bold;
	padding:0 0 0 10px;
}
#guideArea .colRight dt.nomalLink01 {
	background:url(/museum/common/images/com_ic26.gif) no-repeat scroll 3px 0.5em transparent;
	font-weight:bold;
	padding:0 0 0 10px;
}
#guideArea .colLeft dd,
#guideArea .colRight dd {
	padding:0 0 15px 10px;
}
#guideArea .colRight .mapImg {
	width:364px;
	margin:0 0 0 10px;
	float:left;
	border: 1px solid #AEA9A9;
}
#guideArea .colRight .mapLink {
	width:164px;
	margin:0 0 0 20px;
	float:left;
}

/* 	Clearfix Property
---------------------------------------------------------- */
.columnTypeIndex03 .innerBlock:after,
#guideArea .colRight:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}
.columnTypeIndex03 .innerBlock,
#guideArea .colRight {
	zoom: 1;
}

/* Link underline property */
#indexTopLeft h2.heading_index span a,
#indexTopRight .blogUpdate dd a {
	text-decoration: none;
}

#indexTopLeft h2.heading_index span a:hover,
#indexTopRight .blogUpdate dd a:hover {
	text-decoration: underline;
}