@charset "UTF-8";

* {
margin: 0px;
padding: 0px;
zoom: 1;
overflow: visible !important;
}

/** 印刷用CSS **/

body {
font-family: 'ＭＳ ゴシック',sans-serif;
font-size: 10pt;
}

html body #body #content #main h2,
html body #body #content #main h3 {
clear: both !important;
background-color: transparent;
}

#navigation,
#header,
#footer {
display: none;
}

html body #body #other {
float: none;
clear: both;
border-top: none !important;
display: none;
}

body,
html body #body,
html body #body #pageBody,
html body #body #content {
width: 100% !important;
background: none !important;
float: left !important;
}

html body #body #main,
html body #body #main .section {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
background: none #fff !important;
float: none;
height: auto !important;
overflow: visible !important;
position: static !important;
}

#main p {
width: 95%;
margin-bottom: 15px;
}

html body #body #content #main p.description {
width: 85% !important;
padding: 0px;
}

#main p.lt,
#main p.rt {
width: auto;
}

/*** index ***/

html body #content p.jst,
html body #content p.print,
html body #content p.back,
html body #content p.english,
html body #content p.language,
html body #content p.topicPath {
display: none;
}

html body #content p.right_bot {
margin: 0px;
padding: 0px;
float: none;
position: static;
text-align: right;
background: #fff;
white-space: nowrap; 
}

html body #content p.right_bot a,
html body #content p.right_bot img {
margin: 0px !important;
padding: 0px !important;
position: static !important;
float: none;
text-align: right;
clear: both !important;
}

html body #content p.right_bot a {
padding: 15px 2px !important;
}

html body #content #main p.pageurl {
width: 100% !important;
padding-top: 5px;
display: block !important;
clear: both !important;
overflow: auto;
zoom: 1;
}

html body #content #main .news {
/*float: left;*/
margin-bottom: 20px;
}

html body #content #main .news dl {
padding-bottom: 20px;
float: right;
}

html body #content #main .news dl dd {
/*width: 300px;*/
background: #ccf !important;
float: right;
}

html body #content #main .news dl dd p {
margin-right: 10px;
background: #ccc;
}

html body #content #main .news p.right_bot {
position: absolute;
bottom: 15px;
right: 10px;
background: transparent;
/*display: none;*/
}

html body #body #content #main .topics ul,
html body #body #content #main .topics ul li,
html body #body #content #main .topics ul li a {
width: 95% !important;
}


html body #body #content #main .info ul,
html body #body #content #main .info ul li,
html body #body #content #main .info ul li a {
width: 95% !important;
padding-right: 0px !important;
}

html body #body #content #main .info ul li a {
display: inline;
}

html body #body #content #main .topics ul li,
html body #body #content #main .info ul li {
border-bottom:1px solid #D6D6D6;
}


html body #content #main .permanent {
width: 100% !important;
}

html body #content #main .permanent p.thumb {
border-top:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
}

html body #content #main .permanent .permanentBoxLeft,
html body #content #main .permanent .permanentBoxRight {
width: 48% !important;
}

html body #content #main .permanent .permanentBoxLeft {
float:left;
}

html body #content #main .permanent .permanentBoxRight {
float:right;
}

html body #content #main .permanent .permanentBoxLeft h3,
html body #content #main .permanent .permanentBoxRight h3,
html body #content #main .permanent .permanentBoxLeft p,
html body #content #main .permanent .permanentBoxRight p {
width: 95%;
}

#other dl ul.link {
width: 200px;
}

/** entry **/

html body #content #main table {
width: 95% !important;
}

html body #content #main table td {
padding-right: 30px;
}

html body #body #content #main h2 {
width: 430px !important;
margin-top: 10px !important;
clear: both !important;
background-color: transparent !important;
}


html body #content #main h3 {
width: 430px;
}

html body #body #content #main h4 {
clear: both !important;
}

html body #content #main p.l,
html body #content #main p.r,
html body #content #main p.img,
html body #content #main .permanent .permanentBoxLeft h3 {
width: auto !important;
}

html body #content #main .rentingabout {
width: 100% !important;
}

html body #content #main .rentingabout p.l {
width: 220px !important;
}

html body #content #main .rentingabout dl {
width: 55%;
float: left;
}

html body #content #main dl dd p.r,
html body #content #main dl dd p.exhibitionImg {
width: auto;
float: right;
}

html body #content #main p.r {
margin-left: 30px;
}

html body #content #main p.rt {
padding-left: 30px;
}

html body #main .section dl.eventldetails,
#main .relatedlinks dl {
border-top: solid 1px #ccc;
}


html body #content #main dl dd p.exhibitionImg {
padding-left: 10px;
}

html body #main div.section dl dt {
border-top: solid 1px #ccc;
}

html body #content #main p.l img {
margin: 0;
}

html body #content #main dl.sp {
width: 70%;
float: left;
margin-bottom: 15px;
}

html body #content #main dl.sp dt {
clear: none;
}

html body #content #main dl.sp dd * {
width: auto;
}

html body #content #main dl.sp dd {
width: 100%;
}

html body #content #main dl.sp dd p.summary {
padding-right: 30px;
float: left;
}

html body #content #main .sub_text{
text-align: right;
}


html body #content #main .sectionVr table {
width: 210px !important;
padding-left: 30px;
}

html body #content #main .sectionVr p.comment {
width: 55% !important;
float: left;
}

html body #content #main .section .blueLine {
clear: both;
}

html body #content #main .section dl.eventList dt span {
width: 80% !important;
}

html body #content #main .section.eventdetails p {
clear: both;
}

html body #body #content #main dl.newsrelease {
width: 100% !important;
padding-right: 0px !important;
float: left !important;
}

html body #body #content #main dl.newsrelease dd {
width: 90% !important;
padding-right: 0px !important;
}

html body #body #content #main dl.newsrelease dd a {
display: inline !important;
}

html body #body #content #main ul.sitemap {
width: 100%;
}

html body #body #content #main ul.sitemap li {
width: 48%;
}

html body #body #content #main table.monthlySchedule td a {
display: block;
width: 100%;
}





/* 右画像(150px)左テキスト用 -開始- */

html body #body #content #main .section .l_text_m {
	float: none;
	width: auto;
}

html body #body #content #main .section .r_picture_m {
	float: none;
	width: auto;
}


/* 右画像(150px)左テキスト用 -終了- */

/* 左画像(150px)右テキスト用 -開始- */

html body #body #content #main .section .l_picture_m {
	float: none;
	width: auto;
}

html body #body #content #main .section .r_text_m {
	float: none;
	width: auto;
}


/* 左画像(150px)右テキスト用 -終了- */

/* 左右コンテンツ用(215px) -開始- */

html body #body #content #main .section .lr_side_l {
	float: none;
	width: auto;
}

html body #body #content #main .section .lr_side_r {
	float: none;
	width: auto;
}


/* 左右コンテンツ用(215px) -終了- */

html body #body #content #main .news .right_bot {
	position: static;
	text-align: right;
	margin-top: 0px;
	clear: both;
}