@charset "utf-8";
@import url("reset.css");
@import url("typography.css");


/* 基本 ---------------------------------------------- */
*{
	margin		: 0;
	padding		: 0;
	color		: #000;
	font-size	: 100%;
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
	zoom: 1;
}

img { border	: 0; }

li { list-style	: none;}

a:link{ color	: #0090CC;}
a:visited{ color: #0090CC;}
a:active{ color	: #0090CC;}
a:hover{ color	: #33CCFF;}


/* 全体 ---------------------------------------------- */
body{
	background	: #FFF url(/2010/images/exhibition/bg_main.jpg) repeat-x;
}

.container{
	margin		: 0 auto;
	background	: url(/2010/images/exhibition/bg_image.jpg) no-repeat center 0px;
}


/* レイアウト ---------------------------------------------- */
#header{
	width		: 900px;
	height		: 156px;
	margin		: 0 auto;
	position	: relative;
}

#wrapper{
	width		: 900px;
	margin		: 0 auto;
}

#contents{
	float		: right;
	width		: 655px;
	margin		: 0 0 25px 25px;
	background	: #FFF url(/2010/images/exhibition/bg_contents.jpg) no-repeat top;
}

#side{
	float		: right;
	width		: 190px;
	margin		: 0;
	padding		: 15px;
	background	: url(/2010/images/exhibition/bg_side.png) no-repeat top;
	position	: relative;
}

#footer{
	clear		: both;
	background	: url(/2010/images/exhibition/bg_foot.jpg) repeat-x;
}


/* clearfix ---------------------------------------------- */
#wrapper:after,
.day_nad_movie:after,
div.contact:after,
div.contact_last:after,
ul.guide:after,
table.information dl:after,
#footer_wrapper:after{
	content		: "";
	display		: block;
	clear		: both;
}


/* header ---------------------------------------------- */
.caption{
	position	:absolute;
	top			: 34px;
	left		: 0px;
}

h1{
	position	:absolute;
	top			: 66px;
	left		: 0px;
}

h1 a{
	display		: block;
	cursor		: pointer;
}

/* contents ---------------------------------------------- */
.top_image{
	background	: url(/2010/images/exhibition/top_image.png) no-repeat;
	margin		: 0 0 15px;
}

.top_image p.watchword{
	padding: 37px 0px 20px 37px;
}

.top_image p.watchtext{
	padding: 0px 0px 20px 37px;
	width: 580px;
	line-height	: 1.75;
	color: #FFF;
}

.day{
	float		: left;
	width		: 334px;
	padding		: 0 13px 15px 15px;
}

.movie{
	float		: left;
	width		: 278px;
}

h2{
	margin		: 0 0 10px 15px;
	clear		: both;
}

div.contact{
	margin		: 0 0 0 51px;
	padding		: 4px 0 0 0;
	*margin		: 2px 0 6px 51px;
}

div.contact_last{
	margin		: 0 0 35px 51px;
}

div.contact h3,
div.contact_last h3{
	float		: left;
	width		: 230px;
	font-weight	: bold;
	font-size	: 100%;
	padding     : 0px 0px 1px;
	_padding	: 2px 0 3px;
}

div.contact p,
div.contact_last p{
	float		: left;
	width		: 330px;
	line-height	: 1;
	padding     : 0px 0px 1px;
	_padding	: 2px 0 3px;
}


table.information{
	margin		: 0 0 35px 51px;
	line-height	: 1.75;
	border-collapse:collapse;
	width		:590px;
}

table.information th{
	vertical-align	: top;
	text-align		: left;
	padding			: 0 0 8px;
}

table.information th h3{
	color			: #EC7AAC;
	font-size		: 100%;
	font-weight		: bold;
	line-height		: 1.75;
}

table.information th span{
	color		: #EC7AAC;
	letter-spacing: 0em;
}

table.information td{
	vertical-align: top;
	padding		: 0 0 8px;
}

table.information td table{
	margin		: 0;
}

table.information td table td{
	padding		: 0;
}

table.information .last{
	padding		: 0px;
}

table.information td a{
	margin		: 0 20px 0 0;
}

.error-message{
	color		: #FF0000;
}

/* side ------------------------------------------------ */
#side ul{
	margin		: 0 0 20px;
	line-height: 0;
}

#side li{
	margin		: 0;
}

#side ul li.roll1{
	display:block;
	width:190px;
	height:52px;
}
#side ul li.roll1 a{
	display:block;
	cursor:pointer;
	background:url(/2010/images/english/side_toppage_off.png);
}
#side ul li.roll1 a:hover{
	display:block;
	cursor:pointer;
	background:url(/2010/images/english/side_toppage_on.png);
}

#side ul li.roll2{
	display:block;
	width:190px;
	height:51px;
}

#side ul li.roll2 a{
	display:block;
	cursor:pointer;
	background:url(/2010/images/english/side_exhibition_guide_off.png);
}

#side ul li.roll2 a:hover{
	display:block;
	cursor:pointer;
	background:url(/2010/images/english/side_exhibition_guide_on.png);
}

#side ul li.roll3{
	display:block;
	width:190px;
	height:51px;
}

#side ul li.roll3 a{
	display:block;
	cursor:pointer;
	background:url(/2010/images/english/side_contact_off.png);
}

#side ul li.roll3 a:hover{
	display:block;
	cursor:pointer;
	background:url(/2010/images/english/side_contact_on.png);
}

#side p{
	margin		: 0 0 20px;
}

#side p.title{
	margin		: 0 0 3px;
}

#side ul.old li{
	margin		: 0 0 2px;
}


/* footer ---------------------------------------------- */
#footer_wrapper{
	width		: 900px;
	height		: 86px;
	margin		: 0 auto 0;
}

#footer .privacy{
	float: left;
	margin: 12px 0 0 0;
}

#footer .copyright{
	float: right;
	margin: 14px 0 0 0;
}


/* indis ---------------------------------------------- */
table.contact th.indis{
	background	: #F2A8CA url(/2010/images/english/indis.gif) no-repeat 95% 50% !important;
	padding		: 10px 20px 10px 10px;
}