@charset "utf-8";

/* ****************************************************
Title: guide.css
Created: 2010-01-12
Last Modified: 2011-09-30
Editor(s): tsutsu
Last Editor: kitamura
***************************************************** */


/* Table Of Contents
----------------------------------------

# gNav
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/


/* # gNav
---------------------------------------------------------------------------- */

dl#gNav dd ul li#gNavGuide a img {
	visibility: hidden;
}


/* # content
---------------------------------------------------------------------------- */

body.e1 div#content,
body.e2 div#content,
body.e3 div#content,
body.e4 div#content,
body.e5 div#content,
body.e6 div#content,
body.organizers-corner-a div#content,
body.organizers-corner-b div#content,
body.exclusive-exhibition-a div#content,
body.exclusive-exhibition-b div#content {
	width: 100%;
}

div#content div.section .sectionTitle {
	background: url(../../common/images/bg_sh.jpg) no-repeat left top;
	padding: 4px 12px;
}

div#content div.section table#periodTable {
	margin: 8px 0;
}

div#content div.section table#periodTable th.space {
	width: 154px;
}

div#content div.section table#periodTable td.period {
	text-align: left;
}

/* outline */
div#content div#outline div.section p {
	margin-bottom: 0;
}

/* greetings */
div#content div#greetings div.section .sectionTitle {
	background: none;
	padding: 0;
}

/* history */
div#content div#history div.section dl.profile {
	width: 338px;
}

div#content div#history div.section dl.profile dt {
	background: url(../../common/images/icon_arrow02.gif) no-repeat left center;
	display: block;
	font-weight: bold;
	margin-left: 5px;
	padding-left: 10px;
	width: 5em;
}

div#content div#history div.section dl.profile dd {
	background: url(../../common/images/bg_dotline01.gif) repeat-x left bottom;
	margin: -1.5em 0 5px 0;
	padding: 0 0 3px 5.4em;
}

/* link */
div#content div#link div.section .sectionTitle {
	background: none;
	padding: 0;
}

div#content div#link div.section ul.linkList02 li {
	background: url(../../common/images/bg_dotline01.gif) repeat-x left bottom;
	padding: 2px 8px;
}

/* layout */
div#content div#layoutMain div.section .sectionTitle {
	background: none;
	padding: 0;
}

div#content div#layoutMain div#bigsite p#bigsiteMapArea {
	margin: 30px 0;
}

div#content div#layoutMain p#layoutMap {
	margin-bottom: 35px;
}

div#content div#layoutMain table.layoutTable {
	margin: 0 auto;
	width: 800px;
}

/* system */

div#content div#systemContent h2 {
	margin-bottom: 20px;
}

div#content div#systemContent p.outlineTxt {
	float: left;
	width: 470px;
}

div#content ul#point {
	margin-bottom: 20px;
}

div#content ul#point li {
	background: #ffe5e5;
	padding: 10px 15px;
	margin-bottom: 1px;
}

div#content ul#systemAttention {
	margin-top: -15px;
}

div#content ul#systemAttention li {
	font-size: 78%;
	padding-bottom: 5px;
	vertical-align: middle;
}

div#content ul#systemAttention li img {
	padding: 0 5px;
}

/* 2011report */

div#content ul#reportNav li {
	float: left;
	padding-bottom: 10px;
	padding-right: 4px;
}

div#content ul#reportNav li#catalog {
	padding-right: 0;
}

div#content ul#reportNav li a,
div#content ul#reportNav li span {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

div#content ul#reportNav li a:hover {
	overflow: hidden;
}

div#content ul#reportNav li a.hover img,
div#content ul#reportNav li a:hover img,
div#content ul#reportNav li span img {
	visibility: hidden;
}

div#content ul#reportNav li#opening a,
div#content ul#reportNav li#opening span { 
	background-image: url(../images/btn_opening_o.gif); 
}

div#content ul#reportNav li#album a,
div#content ul#reportNav li#album span { 
	background-image: url(../images/btn_album_o.gif); 
}

div#content ul#reportNav li#catalog a,
div#content ul#reportNav li#catalog span { 
	background-image: url(../images/btn_catalog_o.gif); 
}

div#content ul#reportNav li#abroad a,
div#content ul#reportNav li#abroad span { 
	background-image: url(../images/btn_abroad_o.gif); 
}

div#content div.report2011 div.section .sectionTitle {
	background: none;
	padding: 0;
}

div#content div.section table.albumTable th,
div#content div.section table.albumTable td {
	padding: 5px;
	width: 25%;
}

div#content div.catalog div.section h3.sectionTitle {
    background: url(../../common/images/bg_sh.jpg) no-repeat left top;
    padding: 4px 12px;
}

div#content div.catalog div.catalogInner {
	position: relative;
}

div#content div.catalog div.catalogInner p.lead {
	position:absolute;
	left: 5px;
	margin: 0;
	top: 60px;
}

div#content div.catalog div.catalogInner p.ph {
	float: right;
	margin: 0;
	width: 260px;
}

div#content div.catalog div.section ol li {
	margin-bottom: 10px;
}

div#content div.catalog div.section ol li span {
	text-decoration:underline;
}

div#content div.catalog div.contact dl {
	margin-top: 15px;
}

div#content div.catalog div.contact dl dt {
	float: left;
	margin-bottom: 3px;
	width: 45px;
}

div#content div.catalog div.contact dl dd {
	margin-bottom: 3px;
}

/* powersaving */

div#content div.section ul.powersavingList {
	margin-bottom: 20px;
}

div#content div.section ul.powersavingList li {
	list-style: disc outside;
	margin-left: 2em;
}

/* abroad */

div#content div.report2011 table.frameTable {
	clear: both;
	border: none;
	width: 100%;
}

div#content div.report2011 table.frameTable td.normal {
	text-align: left;
	vertical-align: top;
	width: 230px;
}

div#content div.report2011 table.frameTable td.last {
	text-align: left;
	vertical-align: top;
	width: 220px;
}
	
div#content div.report2011 table.frameTable table.innerTable {
	margin-bottom: 10px;
	width: 220px;
}

div#content div.report2011 table.frameTable table.innerTable th {
	background-color: #f4f4f4 !important;
	font-weight: bold;
	text-align: left;
}

div#content div.report2011 table.frameTable table.innerTable td {
	text-align: left;
}

div#content div.report2011 table.frameTable table.innerTable td.number {
	text-align: right;
	width: 50px;
}

div#content div.report2011 table.frameTable table#totalTable {
	margin: 0 auto 10px;
	width: 300px;
}

div#content div.report2011 table.frameTable table#totalTable th {
	background-color: #fef9de !important;
}



/* # sidebar
---------------------------------------------------------------------------- */

body.e1 div#sidebar,
body.e2 div#sidebar,
body.e3 div#sidebar,
body.e4 div#sidebar,
body.e5 div#sidebar,
body.e6 div#sidebar,
body.organizers-corner-a div#sidebar,
body.organizers-corner-b div#sidebar,
body.exclusive-exhibition-a div#sidebar,
body.exclusive-exhibition-b div#sidebar {
	display: none;
}

div#sidebar div#lNav ul li.e1,
div#sidebar div#lNav ul li.e1,
div#sidebar div#lNav ul li.e2,
div#sidebar div#lNav ul li.e3,
div#sidebar div#lNav ul li.e4,
div#sidebar div#lNav ul li.e5,
div#sidebar div#lNav ul li.e6,
div#sidebar div#lNav ul li.organizers-corner-a,
div#sidebar div#lNav ul li.organizers-corner-b,
div#sidebar div#lNav ul li.exclusive-exhibition-a,
div#sidebar div#lNav ul li.exclusive-exhibition-b,
div#sidebar div#lNav ul li.album,
div#sidebar div#lNav ul li.catalog,
div#sidebar div#lNav ul li.abroad {
	display: none;
}

/* # footer
---------------------------------------------------------------------------- */

div#footer div#fNav ul li#fNavGuide a {
	color: #666;
}


/* # clearfix
---------------------------------------------------------------------------- */

div#content div.catalog div.catalogInner,
div#content div.catalog div.contact {
	zoom: 1;
}

div#content div.catalog div.catalogInner:after,
div#content div.catalog div.contact:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* # common classes
---------------------------------------------------------------------------- */

table.layoutTable thead th {
	background-color: #f3f3f3;
}

table.layoutTable thead th.thNumber {
	width: 100px;
}

table.layoutTable tbody th {
	background-color: #fffadf;
}

table.layoutTable tbody td {
	text-align: left;
}

table.layoutTable tbody td a {
	font-weight: bold;
}

