@charset "shift_jis";

/*

information{
	ファイル名 : /css/print.css;
	概要 : このCSSファイルはプリント用の設定を記述しています。;
	サイト名 : サンシャインシティー ;
}
 */



/* 0.ページ全体のCSS
------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,div,img,ul,li,dl,dt,dd,ol,table,tr,th,td,br,p{
	margin: 0;
	border: none;
	padding: 0;
}

html,body{
	height: auto;
}
body{
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*font-size: 62.5%;*/
	font-size:12px;
	background-image:none;
}

h1,h2,h3,h4,h5,h6,th{
	font-weight:bold;
}
h1,h2,h3,h4,h5,h6{
	font-size: 1.2em;
}


input,select,form{
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
label{
	white-space: nowrap; 
}
option{
	padding:0 3px;
}

img{
	border: none;
	vertical-align: bottom;
}

ul,li,dl,dt,dd,ol{
	list-style: none;
}
strong{
	font-weight: 800;
}
table{
	/*border-collapse: collapse;*/
	/*empty-cells: show;*/
	border-spacing: 0;
	text-align: left;
}
a{
	color: #468BCA;
}
a:link{
	color: #468BCA;
	text-decoration: underline;
}
a:hover{
	color: #0099cc;
	text-decoration: underline;
}

#footer a,
#header a{
	color: #4d4d4d;
}
#footer a:link,
#header a:link{
	color: #4d4d4d;
}
#footer a:hover,
#header a:hover{
	color: #999999;
}

/* 1.ページ構成枠のCSS
------------------------------------------------------------------------- */
#wrapper{
	background-image:none;
	margin: 0 auto;
	height: 100%;
	position:relative;
	width: 100%;
}
/*\*/
* html #wrapper{
    height: 100%;
}
/**/

#header{
	background-image: none;
	width: 100%;
}

#container{
	background-image: none;
	clear: both;
	margin: 0 auto;
	min-height:300px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 100%;
	/*width: 800px;*/
	overflow:visible;
}

#footerArea{
	background-image: none;
	background-color: #ffffff;
	bottom: 0;
	clear: both;
	/*font-size: 1em;*/
	font-size: 0.8em ;
	height: 1em;
	overflow:visible;
	position:static;
	width: 100%;
}
#footer{
	background-image: none;
	/*height: 61px;*/
	height: auto;
	margin: 0 auto;
	padding-top: auto;
	text-align: left;
	width: 100%;
}

/* 2.ヘッダ部分のCSS
------------------------------------------------------------------------- */
#header h1{
	float: left;
	height: 50px;
	width: 160px;
}
#header h1 img{
	padding:0 0 0 15px;
}
#header #searchArea{
	display:none;
}

#header #globalNavi{
	display:none;
}

/* 3.メイン部分のCSS
------------------------------------------------------------------------- */
#container h2{
	color:#333333;
	margin-bottom:5px;
	/*height: 55px;*/
}
#container h3{
	color:#333333;
}

/* パンくず --------------------- */
#container #topicpath{
	/*font-size: 1em;*/
	font-size: 0.8em ;
	padding-bottom: 10px;
}
#container #topicpath a{
}
#container #topicpath a: hover{
}
#container #topicpath span{
}


/* 記事部分 --------------------- */
#mainContents{
	/*font-size: 1.2em;*/
	line-height:1.4em;
	float: none;
	width: 575px;
}
#mainContents .article{
	width: 575px;
	overflow:visible;
}
#mainContents .article:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #mainContents .article{
    height: 1em;
    overflow: visible;
}
/**/

#mainContents .article div.caption{
	border: 1px solid #cccccc ;
}
#mainContents .article div.caption p{
	border-top: 1px solid #cccccc ;
	font-size:0.8em;
	padding: 3px 4px;
	/*width:200px;*/
	/*width:190px;*/
}

#mainContents .article2{
}

/* ページトップ --------------------- */
#mainContents .pagetop{
	display:none;
}
/* 左側部分 --------------------- */
#localMenu{
	display:none;
}
.toppage #localMenu{
	border-top:2px solid;
	display:block;
	float:none;
	padding-top:10px;
	width:100%;
}
.toppage #localMenu ul li{
	display:inline;
}
.toppage #localMenu ul li img{
	padding-bottom:10px;
}
#localMenu ul.module li{
	border:none;
}

/* 4.フッタ部のCSS
------------------------------------------------------------------------- */
#footer{
	text-align: center;
}
#footer ul{
	display:none;
}

#footer address{
	background-image:none;
	height: 1em;
	margin: 0 auto;
	padding-top: 0;
	overflow:auto;
	width:100%;
}

/*#facilityNavi{
	display:none;
}*/



/* 5.
------------------------------------------------------------------------- */
/*toppage*/
.rss,
.toppage #mainContents .news ul li.past,
.toppage #mainContents .event h3,
.toppage #mainContents .tenant h3,
/*company*/
#companyNavi,
/*event*/
.searchBox,
.event .btBox,
.eventList div.fLeft,
.eventList div.fRight,
.eventDetail #mainContents .moreInfo .more,
.eventNews #mainContents .moreInfo .more,
.eventList .more,
/*guide*/
.guideTop .more,
.guide02 .more,
.guide05 .btBox,
.guide05 #mainContents div.article .floorMap h4,
/*info*/
#infoAccessNavi,
#infoFaqNavi,
.infoFloor .facilityAccess,
.infoAccess .facilityAccess,
.infoSitemap #mainContents .article h3,
.infoPolicy #mainContents .article h3,
/*news*/
.newsList #mainContents .article li.more,
.news #mainContents .article .more,
/*office*/
.officeSupport #mainContents ul.linkarea,
/*rentspace*/
.rentspaceNavi01,
.rentspaceNavi02,
.rentspaceTop #mainContents .facility ul li.more,
.rentspace #mainContents .gotoIndex,
.rentspaceHall02 #mainContents .article .btn,
.rentspaceconfroom01 #mainContents .article ul.moreInfo li.fLeft,
.rentspaceHall03 #mainContents ul,
.rentspaceHall03 #mainContents .btBox,
/*tn*/
.tenantList #mainContents div.facility .fRight ul li.more,
.tenantListSpecial #mainContents div.articleBody .fRight ul li.more,
.tenant p.btBox,
.search #mainContents .facility .fRight ul li.more,
.search #mainContents ul.sortList{
	display:none;
}

.eventList .facility div.fLeft,
.eventList .facility div.fRight,
.eventList .articleBody div.fLeft,
.eventList .articleBody div.fRight,
.guide05 #mainContents div.article .floorMap h5,
.infoPolicy #mainContents .article h4,
.rentspaceHall03 #mainContents .articleBody .ul{
	display:block;
}


.toppage #mainContents{
	border-right:none;
}
.toppage #mainContents .news h2,
.toppage #mainContents .event h2,
.toppage #mainContents .tenant h2{
	display:block;
	border-left:5px solid;
	padding-left:5px;
}
.toppage #mainContents .news{
	background-image:none;
	background-color:#FFFFFF;
}
.toppage #mainContents .news ul li.news01,
.toppage #mainContents .news ul li.news02,
.toppage #mainContents .news ul li.news03,
.toppage #mainContents .news ul li.news04,
.toppage #mainContents .news ul li.news05{
	background-image:none;
	padding: 2px 5px ;
}
.toppage #mainContents .event div.topEventList ul{
	float: none;
	width: 370px;
}
.toppage #mainContents .event div.topEventList ul li.title{
	width: 290px;
}
.toppage #mainContents .event div.topEventList ul li.txt{
	width: 360px;
}

.eventList #mainContents div.article.archive,
.tenantListSpecial #mainContents div.article.archive{
	clear:both;
	padding-top:10px;
}


.eventList #mainContents h2{
	border-left:5px solid;
	padding:5px !important;
}
.eventList #mainContents h3{
	padding:5px !important;
}
.eventList #mainContents .facility,
.eventList #mainContents div.articleBody,
.guideTop #mainContents div.article,
.guide02 #mainContents div.article,
.infoFaq #mainContents .article,
.infoTime #mainContents #aquarium,
.infoTime #mainContents #panorama,
.infoTime #mainContents #namja,
.infoTime #mainContents #planetarium,
.infoTime #mainContents #theater,
.infoTime #mainContents #museum,
.infoTime #mainContents #alpa,
.infoTime #mainContents #alta,
.newsList #mainContents .article,
.rentspaceTop #mainContents .facility,
.tenantRecruit #mainContents div.articleBody,
.tenantList #mainContents div.facility,
.tenantListSpecial #mainContents div.articleBody,
.search #mainContents .facility{
	background-image:none;
	background-color:#FFFFFF;
	border-bottom:1px #cccccc solid;
	margin-bottom: 10px;
	padding:0 0 10px 0;
}
.eventDetail #mainContents .article h2,
.eventNews #mainContents .article h2,
.eventNews #mainContents .article h3,
.guideTop #mainContents .article h3,
.guide02 #mainContents .article h3,
.infoTime #mainContents .facility h3,
.rentspaceTop #mainContents .facility h3,
.tenantList #mainContents div.facility h4,
.tenantListSpecial #mainContents div.articleBody h3,
.search #mainContents .facility h3{
	background-image:none;
	background-color:#ffffff;
	border-left:5px solid;
	padding:0 0 0 5px;
	overflow:visible;
}
.guideTop #mainContents .article h3,
.guide02 #mainContents .article h3,
.infoTime #mainContents .facility h3{
	margin-bottom:5px;
}

.eventList #mainContents .moreInfo,
.eventDetail #mainContents .moreInfo,
.eventNews #mainContents .moreInfo,
.rentspaceTop #mainContents #business,
.search #mainContents div.moreInfo{
	background-image:none;
	background-color:#ffffff;
	border:1px #cccccc solid;
	width: 100%;
}
.eventList #mainContents .moreInfo h4,
.eventDetail #mainContents .moreInfo h4,
.eventNews #mainContents .moreInfo h4,
.rentspaceTop #mainContents #business h3,
.search #mainContents div.moreInfo h4{
	background-image:none;
	background-color:#ffffff;
	color:#333333;
	font-size:1em;
	overflow:visible;
}

.guide01 #mainContents div.article div.facility dl dt{
	background-image:none;
	font-weight:bold;
	padding-left:0;
}

.guide01 #mainContents .fClear{
	page-break-before:always;
}
.guide04 #mainContents .article{
	padding-bottom:10px !important;
}
.guide05 #mainContents div.article ul li.floorMap{
	background-image:none;
	border:1px #cccccc solid;
	padding:5px 0;
	margin-top:5px;
}
.guide05 #mainContents div.article.f01 ul li.floorMap{
	clear:both;
	float:none;
	width:590px;
}
.guide05 #mainContents div.article ul li.floorMap h5{
	width:365px;
	text-align:left;
}
.guide05 #mainContents div.article.f01 ul li.floorMap h5{
	width:560px;
	text-align:left;
}
.infoSitemap #mainContents .article dl.fRight{
	width:280px;
}
.infoSitemap #mainContents .article dt{
	background-image: none;
	font-weight:bold;
	padding:0 0 0 3px;
}
.infoSitemap #mainContents .article dd{
	line-height:1.2em;
	margin-bottom:10px;
}
.infoFaq #mainContents .article dl dt{
	background-image:none;
	height:15px;
	line-height:1.2em;
	margin-bottom:0;
	padding:0 0 0 20px;
}
.infoFaq #mainContents .article dl dd{
	background-image:none;
	padding:0 0 0 20px;
}
.infoAccess #mainContents .parkStatus{
	margin-top:0px;
}
.infoAccess #mainContents .parkAttention table{
	line-height:1.2em;
}
.infoAccess #mainContents .txt01 strong{
	display:block;
	margin-bottom:5px;
}
.infoPolicy #mainContents .article{
	background-image:none;
	background-color:#FFFFFF;
	line-height:1.3em;
}
.infoPolicy #mainContents .article p,
.infoPolicy #mainContents .article dl{
	background: #ffffff ;
	margin:0;
	/*width:565px;*/
	width: 550px ;
}
.news #mainContents h3{
	background-image:none;
}
.newsList #mainContents .article .fLeft,
.newsList #mainContents .article .fRight{
	padding-top:0;
	padding-right:0;
}
.officeAccess #mainContents .txt{
	margin-left: 10px;
}
.rentspace #mainContents #top .fLeft{
	width:270px;
}
.rentspaceHall03 #mainContents .article .articleBody{
	border:none;
	border-bottom:1px #cccccc solid;
}
.rentspaceHall03 #mainContents .article .articleBody p{
	padding-top:5px;
}
.tenantList #mainContents div.facility .fRight ul li.moreInfo,
.search #mainContents div.facility .fRight ul li.moreInfo{
	padding:0 0;
}

.guide03 #mainContents .f01,
.guide03 #mainContents .f02,
.guide04 #mainContents .f01,
.guide04 #mainContents .f02,
.guide04 #mainContents .f04,
.guide05 #mainContents .f01,
.guide05 #mainContents .f02,
.rentspaceHall02 #mainContents .hall01,
.rentspaceconfroom01 #mainContents .confroom01{
	page-break-after:always;
}
.infoAccess #mainContents .howtoWalk h4.fClear,
.infoAccess #mainContents .parkStatus,
.officeFloor #mainContents .column02,
.officeSummary #mainContents .column02{
	page-break-before:always;
}
.tenantListSpecial #mainContents div.articleBody h3{
	page-break-after:avoid;
}
.search #mainContents div.topicTitle{
	border-top:5px #336699 solid;
	background: #d4e6f1;
	background-image:none;
	padding:15px 5px 0 5px;
	margin-bottom:10px;
}
.search #mainContents div.topicTitle .articleTitle{
	padding:8px 10px 20px 10px;
}
.search #mainContents div.topicTitle span,
.search #mainContents div.topicTitle .articleTitle{
	background: #ffffff;
	padding-left:10px;
}
.couponInfo table th{
	color:#000000 !important;
}



/* 6.テナント拡張施設aquarium,observatory,namja,planetarium,theatre,orient
------------------------------------------------------------------------- */
.aquarium #facilityNavi,
.observatory #facilityNavi,
.namja #facilityNavi,
.planetarium #facilityNavi,
.theatre #facilityNavi,
.orient #facilityNavi{
	background-image:none;
}
.aquarium #facilityNavi h2,
.observatory #facilityNavi h2,
.namja #facilityNavi h2,
.planetarium #facilityNavi h2,
.theatre #facilityNavi h2,
.orient #facilityNavi h2{
	display:block;
	font-size:2em;
	padding:10px 0;
}
.aquarium #facilityNavi ul,
.observatory #facilityNavi ul,
.namja #facilityNavi ul,
.planetarium #facilityNavi ul,
.theatre #facilityNavi ul,
.orient #facilityNavi ul{
	display:none;
}
#sub_facilityNavi{
	display:none;
}
.aquariumTop #mainContents #topContents,
.aquariumTop #mainContents #topContents .article,
.observatoryTop #mainContents #topContents,
.observatoryTop #mainContents #topContents .article,
.namjaTop #mainContents #topContents,
.namjaTop #mainContents #topContents .article,
.planetariumTop #mainContents #topContents,
.planetariumTop #mainContents #topContents .article,
.theatreTop #mainContents #topContents,
.theatreTop #mainContents #topContents .article,
.orientTop #mainContents #topContents,
.orientTop #mainContents #topContents .article{
	float:none;
	width: 100%;
}
.aquariumTop #mainContents .topInfo h3,
.aquariumTop #mainContents .eventInfo h3.eventInfo01,
.aquariumTop #mainContents .eventInfo h3.eventInfo02,
.aquariumNews #mainContents .article h3,
.aquariumEvent #mainContents .article h3,
.aquariumDetail #mainContents .article h3,

.observatoryTop #mainContents .topInfo h3,
.observatoryTop #mainContents .eventInfo h3.eventInfo01,
.observatoryTop #mainContents .eventInfo h3.eventInfo02,
.observatoryNews #mainContents .article h3,
.observatoryEvent #mainContents .article h3,
.observatoryDetail #mainContents .article h3,

.namjaTop #mainContents .topInfo h3,
.namjaTop #mainContents .eventInfo h3.eventInfo01,
.namjaTop #mainContents .eventInfo h3.eventInfo02,
.namjaNews #mainContents .article h3,
.namjaEvent #mainContents .article h3,
.namjaDetail #mainContents .article h3,

.planetariumTop #mainContents .topInfo h3,
.planetariumTop #mainContents .eventInfo h3.eventInfo01,
.planetariumTop #mainContents .eventInfo h3.eventInfo02,
.planetariumNews #mainContents .article h3,
.planetariumEvent #mainContents .article h3,
.planetariumDetail #mainContents .article h3,

.theatreTop #mainContents .topInfo h3,
.theatreTop #mainContents .eventInfo h3.eventInfo01,
.theatreTop #mainContents .eventInfo h3.eventInfo02,
.theatreNews #mainContents .article h3,
.theatreEvent #mainContents .article h3,
.theatreDetail #mainContents .article h3,

.orientTop #mainContents .topInfo h3,
.orientTop #mainContents .eventInfo h3.eventInfo01,
.orientTop #mainContents .eventInfo h3.eventInfo02,
.orientNews #mainContents .article h3,
.orientEvent #mainContents .article h3,
.orientDetail #mainContents .article h3{
	background-image:none;
	background-color:#ffffff;
	border-left:5px solid;
	padding:0 0 0 5px;
	overflow:visible;
}


.aquariumTop #mainContents .topInfo ul li.title,
.aquariumTop #mainContents .topInfo ul li.txt,
.observatoryTop #mainContents .topInfo ul li.title,
.observatoryTop #mainContents .topInfo ul li.txt,
.namjaTop #mainContents .topInfo ul li.title,
.namjaTop #mainContents .topInfo ul li.txt,
.planetariumTop #mainContents .topInfo ul li.title,
.planetariumTop #mainContents .topInfo ul li.txt,
.theatreTop #mainContents .topInfo ul li.title,
.theatreTop #mainContents .topInfo ul li.txt,
.orientTop #mainContents .topInfo ul li.title,
.orientTop #mainContents .topInfo ul li.txt{
	width:500px;
}
.aquariumTop #mainContents .eventInfo ul,
.observatoryTop #mainContents .eventInfo ul,
.namjaTop #mainContents .eventInfo ul,
.planetariumTop #mainContents .eventInfo ul,
.theatreTop #mainContents .eventInfo ul,
.orientTop #mainContents .eventInfo ul{
	width: 280px;
}
.aquariumTop #mainContents .eventInfo ul li.title,
.observatoryTop #mainContents .eventInfo ul li.title,
.namjaTop #mainContents .eventInfo ul li.title,
.planetariumTop #mainContents .eventInfo ul li.title,
.theatreTop #mainContents .eventInfo ul li.title,
.orientTop #mainContents .eventInfo ul li.title{
	width: 200px;
}
.aquariumTop #mainContents .eventInfo ul li.date,
.aquariumTop #mainContents .eventInfo ul li.txt,
.observatoryTop #mainContents .eventInfo ul li.date,
.observatoryTop #mainContents .eventInfo ul li.txt,
.namjaTop #mainContents .eventInfo ul li.date,
.namjaTop #mainContents .eventInfo ul li.txt,
.planetariumTop #mainContents .eventInfo ul li.date,
.planetariumTop #mainContents .eventInfo ul li.txt,
.theatreTop #mainContents .eventInfo ul li.date,
.theatreTop #mainContents .eventInfo ul li.txt,
.orientTop #mainContents .eventInfo ul li.date,
.orientTop #mainContents .eventInfo ul li.txt{
	width: 270px;
}
.aquariumTop #mainContents .moreInfo,
.aquariumNews #mainContents .moreInfo,
.aquariumEvent #mainContents .moreInfo,
.aquariumDetail #mainContents .moreInfo,
.observatoryNews #mainContents .moreInfo,
.observatoryEvent #mainContents .moreInfo,
.namjaNews #mainContents .moreInfo,
.namjaEvent #mainContents .moreInfo,
.planetariumNews #mainContents .moreInfo,
.planetariumEvent #mainContents .moreInfo,
.theatreNews #mainContents .moreInfo,
.theatreEvent #mainContents .moreInfo,
.orientNews #mainContents .moreInfo,
.orientEvent #mainContents .moreInfo{
	background-image:none;
	background-color:#ffffff;
	width: 100%;
	border:1px #cccccc solid;
}

.aquariumTop #mainContents .moreInfo h3,
.aquariumNews #mainContents .moreInfo h4,
.aquariumEvent #mainContents .moreInfo h4,
.aquariumDetail #mainContents .moreInfo h4,
.observatoryNews #mainContents .moreInfo h4,
.observatoryEvent #mainContents .moreInfo h4,
.namjaNews #mainContents .moreInfo h4,
.namjaEvent #mainContents .moreInfo h4,
.planetariumNews #mainContents .moreInfo h4,
.planetariumEvent #mainContents .moreInfo h4,
.theatreNews #mainContents .moreInfo h4,
.theatreEvent #mainContents .moreInfo h4,
.orientNews #mainContents .moreInfo h4,
.orientEvent #mainContents .moreInfo h4{
	background-image:none;
	background-color:#ffffff;
	color:#333333;
	font-size:1em;
	overflow:visible;
}
.aquariumNews #mainContents .moreInfo ul li.more,
.aquariumEvent #mainContents .moreInfo ul li.more,
.observatoryNews #mainContents .moreInfo ul li.more,
.observatoryEvent #mainContents .moreInfo ul li.more,
.namjaNews #mainContents .moreInfo ul li.more,
.namjaEvent #mainContents .moreInfo ul li.more,
.planetariumNews #mainContents .moreInfo ul li.more,
.planetariumEvent #mainContents .moreInfo ul li.more,
.theatreNews #mainContents .moreInfo ul li.more,
.theatreEvent #mainContents .moreInfo ul li.more,
.orientNews #mainContents .moreInfo ul li.more,
.orientEvent #mainContents .moreInfo ul li.more,

.aquariumDetail #mainContents .article p.btBox{
	display:none;
}
.aquariumInfo #mainContents .article,
.observatoryInfo #mainContents .article,
.namjaInfo #mainContents .article,
.planetariumInfo #mainContents .article,
.theatreInfo #mainContents .article,
.orientInfo #mainContents .article,
.aquariumDetail #mainContents .article,
.observatoryDetail #mainContents .article,
.namjaDetail #mainContents .article,
.planetariumDetail #mainContents .article,
.theatreDetail #mainContents .article,
.orientDetail #mainContents .article{
	background-image:none;
	background-color:#FFFFFF;
	border-bottom:1px #cccccc solid;
	margin-bottom: 10px;
	padding:0 0 10px 0;
}

.aquariumInfo #mainContents #facilityInfo02,
.observatoryInfo #mainContents #facilityInfo02,
.namjaInfo #mainContents #facilityInfo02,
.planetariumInfo #mainContents #facilityInfo02,
.theatreInfo #mainContents #facilityInfo02,
.orientInfo #mainContents #facilityInfo02,

.aquariumDetail #mainContents #facility02{
	page-break-before:always;
	width:580px;
}