@charset "shift_jis";

/*

information{
	ファイル名 : /css/pageset.css;
	概要 : このCSSファイルは各ページのレイアウト設定を記述しています。;
	サイト名 : サンシャインシティー ;
}

	1.	トップページ.toppage
	2.	お知らせ.news
	3.	施設案内.facility
	4.	パフォーマンス紹介.show
	5.	営業時間.info
	6.	イベント.event
	7.	パフォーマンススケジュール.schedule
	8.	SHOP・Cafe.shop
	9.	ライブカメラ.livecamera
	10.	その他

*/

body.facility #globalNavi ul li.globalNavi01 a {background-position: 0 -55px}
body.show #globalNavi ul li.globalNavi02 a {background-position: -190px -55px}
body.info #globalNavi ul li.globalNavi03 a {background-position: -380px -55px}
body.access #globalNavi ul li.globalNavi04 a {background-position: -570px -55px}
body.event #globalNavi ul li.globalNavi05 a {background-position: -760px -55px}


/* 1.トップページ.toppage
------------------------------------------------------------------------- */
.toppage #mainImage {
	text-align: center;
	margin-bottom: 10px;
}

.toppage #emergency {
	margin-bottom: 15px;
	padding: 5px 5px 0 5px;
	border: solid 4px #E6001F;
	width: 650px;
	background-color: #FFFFFF;
	font-size: 120%;
}

.toppage #emergency ul li {
	padding:  0 0 5px 20px;
	background: url(../images/common/icon_01.png) no-repeat scroll 0 0.2em;
}

.toppage #Twitter {
	float: right;
	width: 330px;
	margin-bottom: 15px;
	position: relative;
}

.toppage #mainContents h2 {
	margin: 0;
}

.toppage #Twitter {
	border: solid 2px #0060B6;
	border-radius: 10px 10px 0 0;
}

.toppage #Twitter h2 {
	width: 100%;
	height: 40px;
	background: url(../images/toppage/twitter_title.png) no-repeat scroll 0 0;
	line-height: 1;
	padding: 0;
	position: relative;
	z-index: 999;
}

.toppage #Twitter iframe {
	width: 670px;
}

/*.toppage #Twitter div {
	padding: 5px 10px 0px 10px;
	border-left: solid 2px #0060B6;
	border-right: solid 2px #0060B6;
	background-color: #FFFFFF;
}

.toppage #Twitter div li {
	padding-left: 23px;
	padding-top: 5px;
	background: url(../images/toppage/twitter_icon.png) no-repeat 0 0.5em;
}

.toppage #Twitter div li a:link {text-decoration: none;}
.toppage #Twitter div li a:hover {text-decoration: underline;}
*/

.toppage #Twitter p.end {
/*	border-left: solid 2px #0060B6;
	border-right: solid 2px #0060B6;
	border-bottom: solid 2px #0060B6;*/
	background-color: #FFFFFF;
	text-align: right;
	padding: 0px 10px 10px;
}

.toppage #facebook {
	float: left;
	margin-bottom: 15px;
}

.toppage #facebook {
	border: solid 2px #0060B6;
	border-radius: 10px 10px 0 0;
}


.toppage #facebook h2 {
	width: 330px;
	height: 40px;
	background: url(../images/toppage/facebook_title.png) no-repeat scroll 0 0;
	background-position: center;
	line-height: 1;
	padding: 0;
	z-index: 999;
}

.toppage #topNews #PlagOpen1 .btn,
.toppage #topNews #PlagClose1 .btn {
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.toppage #topNews #PlagClose1 {
	margin:  0px -10px 0 0px ;
	padding: 0px 0px 20px 0px;
	width: 670px;
}

.toppage #topNews #PlagClose1 .list_btn {
	margin: 0 10px 10px 0;
	text-align: right;
}


.toppage #topEvent,
.toppage #topNews {
	float: left;
	width: 670px;
	position: relative;
	margin-bottom: 10px;
}

.toppage #topEvent h2,
.toppage #topNews h2 {
	width: 100%;
	height: 40px;
	background: url(../images/toppage/news_title.png) no-repeat scroll 0 0;
	line-height: 1;
	padding: 0;
}

.toppage #topEvent h2 {
	background: url(../images/toppage/event_title.png) no-repeat scroll 0 0;
}

.toppage #topEvent ul,
.toppage #topNews ul {
    overflow: hidden;
	padding: 0px 20px;
}

.toppage #topEvent ul li,
.toppage #topNews ul li {
	margin: 10px 0;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: dotted 1px #66CCFF;
}

.toppage #topNews ul li:last-child {
  margin-bottom: 0px;
}



.toppage #topEvent .pic,
.toppage #topNews .pic {
	float: left;
	border: solid 1px #CCC;
}

.toppage #topNews .honbun {
	margin-left: 90px;
	padding:  0 0 5px 15px;
	line-height: 1.25;
	background: url(../images/common/icon_04.png) no-repeat scroll 0 0.3em;
}

.toppage #topEvent .honbun {
	margin-left: 90px;
	padding:  0 0 5px 15px;
	line-height: 1.25;
	background: url(../images/common/icon_04.png) no-repeat scroll 0 0.3em;
}

.toppage #topEvent .date {
	display: block;
}

.toppage #topEvent .titleLink ul,
.toppage #topNews .titleLink ul {
	position: absolute;
	right: 10px;
	top: 14px;
	border: none;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
}

.toppage #topEvent .titleLink ul li,
.toppage #topNews .titleLink ul li {
	margin: 0;
	padding: 0;
	line-height: 1;
	border: none;
}


.toppage #topTime {
	float: left;
	width: 658px;
	padding: 5px;
	background: url(../images/toppage/time_bg.png) repeat-y 0 0;
	position: relative; 
	line-height: 1.2; 
	border-radius: 5px;
	border: solid 1px #0060b6;
	overflow: hidden;
}

.toppage #topTime ul li.honbun {
	float: left;
	padding-left: 100px;
	width: 435px;
	background: url(../images/toppage/time_title.png) no-repeat 12px center;
}
.toppage #topTime ul li.link img {
	padding: 0;
	position: absolute;  
	right: 10px;  
	bottom: 10px;  
}

/* 2.お知らせ.news
------------------------------------------------------------------------- */
.news #mainContents .article .more a{
	display:block;
	width: 6em;
	font-size: 90%;
	margin:15px 0 0;
	padding:3px 10px 3px 16px;
	background: url("../images/common/icon_14.png") no-repeat 3px center #33CCFF;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 5px;
	border: solid 1px #33CCFF;
}

.news #mainContents h3 {
	margin-bottom: 20px;
	padding-top: 13px;
	width: 100%;
	background: url(../images/common/bg_h3.gif) no-repeat 0 0 #FFFFFF;
	font-size: 120%;
	font-weight: 800;
	height: auto;
	color: #0085AD;
}

.news #mainContents h3 span {
	display: block;
	padding: 0 10px 10px 30px;
	background: url(../images/common/bg_h3.gif) no-repeat 0 bottom #FFFFFF;
}

.news #mainContents .article .moreInfo{
	clear: both;
	margin-top: 20px;
	padding: 1px;
	border: solid 5px #83CCE5;
	overflow: hidden;
	background-color: #50B1D3;
}

.news #mainContents .article .moreInfo h4{
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(../images/common/bg_moreinfo_title.png) no-repeat 0 center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	border-bottom: dotted 1px #50B1D3;
}

.news #mainContents .article .moreInfo ul {
	padding: 10px;
	background-color: #FFFFFF;
	overflow:hidden;
}

.news #mainContents .article .moreInfo a {
	padding: 0;
	background: none;
}

.news #mainContents .article .moreInfo .title {
	padding-left: 15px;
	background: url(../images/common/icon_03.png) no-repeat 0 0.3em;
}

.news #mainContents .article .moreInfo .title,
.news #mainContents .article .moreInfo .txt {
	margin-left: 80px;
}
.news #mainContents .article .moreInfo .pic {
	float: left;
}

.news #mainContents .article .moreInfo .pic img {
	border: solid 1px #CCC;
}

.news #mainContents .article .pict {
	margin-bottom: 10px;
	text-align: center;
}

.news #mainContents .article .pict img {
	border: solid 1px #CCC;
}


/* 	3.	施設案内.facility
------------------------------------------------------------------------- */
.facility #mainContents h2 {
	background: url(../images/facility/bg_h2.png) no-repeat 0 0 #FFFFFF;
}

.facility #mainContents h3 {
	padding: 0;
	background: none;
}

.facility #mainContents .pict img {
	margin: 20px 5px 10px;
	text-align: center;
}

.facility #mainContents .statement p {
	margin-left: 30px;
	color: #0066CC;
	font-weight: bold;
}

.facility #mainContents .statement p.main_copy {
	margin: 20px 0 20px 30px;
	font-size: 140%;
}


/* 	4.	パフォーマンス紹介.show
------------------------------------------------------------------------- */
.show #mainContents h2 {
	background: url(../images/show/bg_h2.png) no-repeat 0 0 #FFFFFF;
}

/*.show #mainContents .article .inner {
	float:left;
	margin-right: 25px ;
	width: 280px;
} */
 /*------2017 7月6件目の修正にてコメントアウト
/*------20160225追記↓↓↓------*/
.show #mainContents .article .inner {
	margin-right: 45px ;
	width: 280px;
}
/*------20160225追記↑↑↑------*/

/*.show #mainContents .article .inner h5 {
	padding: 5px 0 5px 25px;
	color: #FFF;
	font-weight: 800;
} */





/*.show #mainContents .article .inner dl {
	overflow: hidden;
} */
/*.show #mainContents .article .inner dt {
	float:left;
	margin: 0 5px 5px 0px;
} */

/*.show #mainContents .article .inner dd {
	font-size: 90%;
} ------*/

.show #mainContents .article .link {
	margin: 30px 0 20px;
	text-align: right;
	background: none;
}

.show #mainContents .article .atn {
	padding: 10px;
	border: solid 2px #A5C6E5;
}

/*show_pw  */

.show #mainContents .article .program_01 h5 {background: url(../images/show/show_title_A_01.gif) no-repeat 0 0;}
.show #mainContents .article .program_02 h5 {background: url(../images/show/show_title_A_02.gif) no-repeat 0 0;}
.show #mainContents .article .program_03 h5 {background: url(../images/show/show_title_A_03.gif) no-repeat 0 0;}
.show #mainContents .article .program_04 h5 {background: url(../images/show/show_title_A_04.gif) no-repeat 0 0;}
.show #mainContents .article .program_05 h5 {background: url(../images/show/show_title_B_01.gif) no-repeat 0 0;}
.show #mainContents .article .program_06 h5 {background: url(../images/show/show_title_B_02.gif) no-repeat 0 0;}
.show #mainContents .article .program_07 h5 {background: url(../images/show/show_title_C_01.gif) no-repeat 0 0;}

.show #mainContents .article .show_b1{
	width: 660px;
	float:left;
}

.show #mainContents .article .show_pw{
    margin:0 20px 40px 20px ;
	width: 285px;
	float:left;
}

.show #mainContents .article .show_pw h5 {
	padding: 5px 0 5px 25px;
	color: #FFF;
	font-weight: 800;
}

.show #mainContents .article .show_pw .boximg {
  margin:5px 5px 5px 0px;
  position: absolute;
  max-width: 120px;
  max-height:80px;
  display: block;
}

.show #mainContents .article .show_pw .boxtext {
  padding-left: 125px;
  max-width: 155px;
  margin:5px 5px 5px 0px;
  display: block;
  font-size: 90%;
}

/*show_box  */
.show #mainContents .article .show_box{
    margin:0 20px 60px 20px ;
	width: 605px;
	margin-top:10px;
}
.show #mainContents .article .show_box h6 {
	color: #FFF;
	background-color: #be514c;
	font-weight: 800;
	padding: 5px 0 5px 10px;
}

.show #mainContents .article .show_box .boximg {
  margin:10px 5px 5px 0px;
  position: absolute;
  max-width: 120px;
  max-height:80px;
  display: block;
}

.show #mainContents .article .show_box .boxtext {
  padding-left: 125px;
  margin:10px 5px 5px 0px;
  display: block;
  font-size: 90%;
}




/* 	5.	営業時間.info
------------------------------------------------------------------------- */
.info #mainContents h2 {
	background: url(../images/info/bg_h2.png) no-repeat 0 0 #FFFFFF;
}

.info #mainContents h3 {
	margin-bottom: 0;
	padding-top: 0;
	background: none;
	overflow: inherit;
}

.info #mainContents div p {
	margin: 15px 10px;
}

/*  6.  イベント.event
------------------------------------------------------------------------- */
.event #container {
	width: 950px;
	padding-top: 170px;
	background: url(../event/images/bg_h2_event.png) no-repeat 0 0 #FFFFFF;	
}

/*イベント詳細フレーム対応.eventDetail
*****************************************/
body.eventDetail {
	background: none;
}

body.eventDetail #container {
	width: 100%;
	padding-top: 0px;
	background: none;
}

body.eventDetail #mainContents {
	padding: 0;
}

.event #container #topicpath {
	margin-left: 20px;
	margin-bottom: 0;
}

.event #mainContents {
	width: auto;
}

.event #mainContents .pageTitle {
	display: none;
}

.event #mainContents .article h3 {
	clear: both;
	margin-bottom: 5px;
	padding: 5px 10px;
	background: none;
	background-color: #69C2FA;
	color: #FFFFFF;
	font-size: 140%;
	font-weight: 800;
	border-radius: 5px;
	border: none;
	height: auto;
	width: 900px;
}

.event #mainContents .article h3 span {
	margin: 0;
	padding: 0;
	background: none;
}

.event .pagetop {
	float: right;
	padding-top: 0;
}


.event #mainContents .article{
	margin: 0 0 10px 0;
	width: auto;
	padding: 0px;
	border: none;
}

.event #mainContents .searchBox {
	float: left;
	width: 693px;
	min-height: 130px;
	margin-right: 15px;
	border: solid 1px #CCC;
	margin-bottom: 10px;
}

.event #mainContents .searchBox table{
	margin: 10px 0px 10px 10px;
	border-collapse: collapse;
	height: 110px;
}
.event #mainContents .searchBox table th{
	background: #E7F4FD;
	font-weight: normal;
	padding: 3px 5px;
	text-align: left;
	vertical-align: middle;
	width: 4em;
	border-bottom: solid 1px #FFFFFF;
	white-space: nowrap;
}
.event #mainContents .searchBox table td{
	padding: 3px;
}
.event #mainContents .searchBox table td input{
	margin: 1px 2px;
}
.event #mainContents .searchBox table td input.searchTextBox{
	width: 600px;
	padding: 2px;
}

.event #mainContents .searchBox table td ul li{
	display:inline;
	margin-right:25px;
	white-space: nowrap;
}

.event #mainContents input.searchBtn {
	display: block;
	margin: 0;
	margin-bottom: 10px;
	width: 210px;
	height: 130px;
	background: url(../event/images/btn_search.png) no-repeat 0 bottom;
}

.event #mainContents input.searchBtn:hover{
	cursor: pointer;
	background: url(../event/images/btn_search_on.png) no-repeat 0 bottom;
}

.event #mainContents .searchResult {
	border: solid 1px #bed978;
	margin-bottom: 10px;
}

.event #mainContents .searchResult span {
	display: block;
	padding: 3px;
	border: solid 3px #FFFFFF;
	background-color: #E7F4FD;
}

.event #mainContents .searchResult span a {
	text-decoration: none;
	color: #0099FF;
}

.event #mainContents .searchDetail {
	float: left;
	width: 708px;
	border: solid 1px #CCC;
	margin-left: -1px;
}

.event #mainContents .searchDetail .inner {
	border: solid 10px #E7F4FD;
	margin: 0;
	padding: 15px;
	min-height: 600px;
	overflow: visible;
/*	padding-bottom: 70px;*/
	float: left;
}

.event #mainContents .searchDetail .inner h2 {
	font-size: 160%;
	font-weight: 800;
	color: #0099FF;
	line-height: 1;
	width: auto;
	height: auto;
	text-indent: inherit;
	white-space:inherit;
	margin: 0;
	background: none;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: solid 2px #B4E6FF;
}

.event #mainContents .searchDetail .inner .shopData {
	float: right;
}

.event #mainContents .searchDetail .inner .shopData img {
	margin-bottom: 5px;
	border: none;
}

.event #mainContents .searchDetail .inner .eventInfo {
	float: left;
	margin: 10px 0 20px 0;
}

.event #mainContents .searchDetail .inner .eventInfo table {
	width: 660px;
	border: solid 1px #B4E6FF;
	border-bottom: none;
	background-color: #FFFFFF;
}

.event #mainContents .searchDetail .inner .eventInfo table th,
.event #mainContents .searchDetail .inner .eventInfo table td {
	padding: 5px;
	border-bottom: solid 1px #B4E6FF;
	word-break: break-all;
}
.event #mainContents .searchDetail .inner .eventInfo table th {
	background-color: #E7F4FD;
	border-right: solid 1px #B4E6FF;
	text-align:left;
	vertical-align: top;
	white-space: nowrap;
	width: 7em;
}
.event #mainContents .searchDetail .inner .article .fLeft {
	margin-right: 15px;
	padding: 10px;
	width: 400px;
	border: dotted 1px #DDD;
}

.event #mainContents .searchDetail .inner .article .fLeft a {
	padding-left: 15px;
	background: url(../event/images/mark.png) no-repeat 2px center;
}

.event #mainContents .searchDetail .inner .article .fRight {
	width: 220px;
}

.event #mainContents .searchDetail .inner .article .fRight li {
	margin-bottom: 5px;
}

.event #mainContents .searchDetail .inner .Horizontal .fLeft {
	margin-right: 0px;
	width: auto;
}

.event #mainContents .searchDetail .inner .Horizontal .fRight {
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
/* 	7.	パフォーマンススケジュール.schedule
------------------------------------------------------------------------- */
.schedule #mainContents h2 {
	background: url(../images/schedule/bg_h2.png) no-repeat 0 0 #FFFFFF;
}

.schedule #mainContents .article .show_date {
	color: #0060B3;
	font-weight: 800;
	font-size: 18px;
	line-height: 1;
	height: 40px;
	background: url(../images/schedule/bg_show_date.png) no-repeat right 0 #FFFFFF;
}

.schedule #mainContents .article .show_date .month,
.schedule #mainContents .article .show_date .day {
	margin: 0 2px;
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

.schedule #mainContents .article .show_schedule table {
	font-size: 14px;
	background-color: #4CC4E0;
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
}

.schedule #mainContents .article .show_schedule table th {
	padding: 5px;
	background-color: #AED9E5;
	color: #0086AE;
	font-weight: 800;
	text-align: center;
	white-space: nowrap;
}

.schedule #mainContents .article .show_schedule table td {
	padding: 5px;
	width: 65px;
	height: 80px;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 1.2;
}

.schedule #mainContents .article .show_schedule table td.program_00,
.schedule #mainContents .article .show_schedule table td.program_01,
.schedule #mainContents .article .show_schedule table td.program_02,
.schedule #mainContents .article .show_schedule table td.program_03,
.schedule #mainContents .article .show_schedule table td.program_04,
.schedule #mainContents .article .show_schedule table td.program_05,
.schedule #mainContents .article .show_schedule table td.program_06,
.schedule #mainContents .article .show_schedule table td.program_07,
.schedule #mainContents .article .show_schedule table td.program_08 {
	text-align: left;
	width: 110px;
	font-size: 12px;
	color :#FFFFFF;
	vertical-align: top;
	font-weight: 800;
	background: url(../images/schedule/bg_program_01.png) no-repeat right bottom #192B53;
}

.schedule #mainContents .article .show_schedule table td.program_00 {background: url(../images/schedule/bg_program_00.png) no-repeat right bottom #192B53;}
.schedule #mainContents .article .show_schedule table td.program_01 {background: url(../images/schedule/bg_program_01.png) no-repeat right bottom #71BC48;}
.schedule #mainContents .article .show_schedule table td.program_02 {background: url(../images/schedule/bg_program_02.png) no-repeat right bottom #71BC48;}
.schedule #mainContents .article .show_schedule table td.program_03 {background: url(../images/schedule/bg_program_03.png) no-repeat right bottom #00A784;}
.schedule #mainContents .article .show_schedule table td.program_04 {background: url(../images/schedule/bg_program_04.png) no-repeat right bottom #00A0E9;}
.schedule #mainContents .article .show_schedule table td.program_05 {background: url(../images/schedule/bg_program_05.png) no-repeat right bottom #006AB7;}
.schedule #mainContents .article .show_schedule table td.program_06 {background: url(../images/schedule/bg_program_06.png) no-repeat right bottom #3C459A;}
.schedule #mainContents .article .show_schedule table td.program_07 {background: url(../images/schedule/bg_program_07.png) no-repeat right bottom #3C459A;}
.schedule #mainContents .article .show_schedule table td.program_08 {background: url(../images/schedule/bg_program_08.png) no-repeat right bottom #3C459A;}
.schedule #mainContents .article .link {
	margin: 10px 0 20px;
	text-align: right;
	background: none;
}

.schedule #mainContents .article .atn {
	padding: 10px;
	border: solid 2px #A5C6E5;
}


/*	8.	SHOP・Cafe.shop
------------------------------------------------------------------------- */
.shop #mainContents h2 {
	background: url(../images/shop/bg_h2.png) no-repeat 0 0 #FFFFFF;
}

.shop #mainContents .article h5{
	clear: left;
	margin: 0px 20px 0 0px;
	padding: 10px 0px 8px 30px;
	background: url(../images/common/h5_bg.gif) no-repeat 0 bottom;
	color: #336699;
	font-weight: bold;
}

.shop #mainContents .article .shop_02 h5{
	background: url(../images/common/h5_bg2.gif) no-repeat 0 bottom;
}

.shop #mainContents .article .shop_02 {
	margin-bottom: 0;
}

.shop #mainContents .article #menu {
	margin-left: 20px;
}
.shop #mainContents .article #menu ul{
	width:270px;
	min-height: 150px;
	float:left;
	margin:15px 15px 0px 0px;
	padding: 5px;
	background-color: #dcebfe;
	border: dotted 1px #95c4ff;
}

.shop #mainContents .article .shop_01 .pict{
	border: solid 1px #CCC;
	width: 240px;
	margin: 5px 5px 5px 20px;
	float: left;
}

.shop #mainContents .article .shop_02 .pict{
	border: solid 1px #CCC;
	width: 240px;
	margin: 5px 5px 5px 20px;
	float: left;
}

.shop #mainContents .article .text{
	margin: 5px 20px 5px 5px;
}

.shop #mainContents .article .image_03 img{
	float: left;
	width: 160px;
	border: solid 1px #ccc;
	margin: 0 5px 5px 0;
}
/*ikimoll  */

.shop #mainContents .article #ikimoll {
	mergin:5px 20px 5px 5px
}

.shop #mainContents .article .ikimoll img{
	float: left;
	width: 240px;
	margin: 8px 5px 5px 0;
}
.shop #mainContents .article .ikimoll_honbun{
	margin-left: 255px;
}
.shop #mainContents .article #ikimoll span.ikimoll_star {
	color: #e215c8;
	font-weight: bold;
}

.shop #mainContents .article #ikimoll span.ikimoll_title  {
	color: #02158e;
	font-weight: bold;
}

.shop #mainContents .article #ikimoll ul{
	width:555px;
	float:left;
	margin:15px 15px 0px 20px;
	padding: 10px;
	background-color: #b5dcae;.shop #mainContents .article #ikimollmenu ul
	border: dotted 1px #95c4ff;
}

/*ikimoll  ここまで */

.shop #mainContents .article .shop_01 a,
.shop #mainContents .article .shop_02 a {text-decoration: none;}

.shop #mainContents .article .name{
	font-size:80%;
	margin-left: 160px;
}

.shop #mainContents .article .atn {
	margin: 0px 20px;
	font-size: 90%;
}

.shop #mainContents .article .atn2 {
	margin: 5px 20px 5px 55px ;
	font-size: 90%;
	line-height: 1.2;
}
/* 	10.	ライブカメラ.livecamera
------------------------------------------------------------------------- */
.livecamera #mainContents h2 {
	background: url(../images/livecamera/bg_h2.png) no-repeat 0 0 #FFFFFF;
}

.livecamera #mainContents h3 {
	background: url(../images/livecamera/camera.gif) no-repeat 0 0 #FFFFFF;
}

.livecamera #mainContents ul#pageMenu li.menu_01 {
	margin-left: 0;
}

/* 	10.	その他
------------------------------------------------------------------------- */
/*年間パスポート.passport
*****************************************/
.passport #mainContents h2 {
	background: url(../images/common/bg_h2_passport.png) no-repeat 0 0 #FFFFFF;
}

.passport #mainContents .article .inner a {
	padding-left: 15px;
	color: #0066CC;
	background: url(../images/common/icon_03.png) no-repeat 0.2em center;
}

.passport #mainContents .article .inner h4 {
	margin-bottom: 10px;
	padding:5px;
	background: none;
	background-color:#0085AD;
	color:#fff;
	line-height: 1;
}

.passport #mainContents .article .charge_01 h4 {
	width:290px;
}

.passport #mainContents .article .charge_01 div {
	width: 310px;
	float: left;
}

.passport #mainContents .article .charge_02 h4 {
	margin-bottom: 0px;
	background-color: inherit;
	color: #0085AD;
}

.passport #mainContents .article .charge_02 .observatory {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

.passport #mainContents .article .charge_02 .planet {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}


.passport #mainContents .article .charge_02 .observatory table,
.passport #mainContents .article .charge_02 .planet table {
	margin-top: 0;
}

.passport #mainContents .article table{
	width:280px;
	text-align:center;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 90%;
}

.passport #mainContents .article .charge_01 table{
	width: 300px;
}

.passport #mainContents .article table th,
.passport #mainContents .article table td {
	padding: 4px;
	border-bottom: solid 1px #3399CC;
	border-right: solid 1px #3399CC;
	background: #F3F3F3;
	white-space: nowrap;
	text-align: center;
}

.passport #mainContents .article .inner dt {
	padding: 10px 30px 5px;
	background: url(../images/common/h5_bg.gif) no-repeat 0 bottom;
	color: #336699;
	font-weight: bold;
	clear:left;
}

.passport #mainContents .article .inner dd {
	padding: 5px 15px 10px;
	overflow: hidden;
}

.passport #mainContents .article .inner ol li {
	padding-left: 0px;
	margin: 0 20px 0 40px;
	list-style-type: decimal;

}

.passport #mainContents .article .inner ul li {
	margin: 0 20px;
}

/*団体向け情報.group
*****************************************/
.group #mainContents h2 {
	background: url(../images/common/bg_h2_group.png) no-repeat 0 0 #FFFFFF;
}

.group #mainContents .article table {
	width:100%;
	margin-bottom: 20px;
	text-align:center;
	font-size:90%;
	border-collapse: separate;
	border-spacing: 2px;
	clear: left;
}

.group #mainContents .article table th,
.group #mainContents .article table td {
	padding: 4px;
	border-bottom: solid 1px #3399CC;
	border-right: solid 1px #3399CC;
}

.group #mainContents .article table th {
	background: #05B4DD;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	font-weight: bold;
}

.group #mainContents .article table td {
	background: #F3F3F3;
}

.group #mainContents .article table td{
	text-align:left;
} 

.group #mainContents .article ul.atn{
	margin: 5px 0px;
}
.group #mainContents .article ul.atn li{
	margin: 2px 0;
	font-size: 90%;
	text-indent: -1em;
	margin-left: 1em;
}
.group #mainContents .article .atn2{
	width: 400px;
	margin: 10px 0;
	padding: 5px 0;
	font-size: 90%;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
.group #mainContents .article dl dt{
	width:645px;
	margin:20px 0 0 0px;
	background:#F3F3F3;
	font-weight:bold;
	padding:5px 10px;
}

.group #mainContents .article dl dd{
	margin:10px;
}


.group #mainContents .article .intro {
	margin-bottom: 20px;
}

.group #mainContents .article .detail {
/*	width: 400px; */
	width: 470px; 
	margin: 10px 0px;
	padding: 5px;
	border: solid 1px #3399CC;
	background: #F3F3F3;
}

.group #mainContents .article .detail .com {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
	font-size: 90%;
	
}

/* バリアフリー.barrier_free 
*****************************************/
.barrier_free #mainContents h2 {
	background: url(../images/common/bg_h2_barrier_free.png) no-repeat 0 0 #FFFFFF;
}

.barrier_free #mainContents .article .inner dl {
	margin: 0 15px 10px;
}

.barrier_free #mainContents .article .inner dt {
	margin: 5px 0;
	font-weight: bold;
	border-bottom: dotted 1px #0066CC;
	color: #0066CC;
}

.barrier_free #mainContents .article .inner dd {
	margin-bottom: 15px;
}
.barrier_free #mainContents .article .inner a {
	padding-left: 15px;
	color: #0066CC;
	background: url(../images/common/icon_03.png) no-repeat 0.2em center;
}

.barrier_free #mainContents .article .detail {
	width: 400px;
	padding: 5px;
	border: solid 1px #3399CC;
	background: #F3F3F3;
}

/* アクセスページ.access
*****************************************/

.access #mainContents h2 {
	background: url(../images/access/bg_h2_access.png) no-repeat 0 0 #FFFFFF;
}

.access #mainContents ul#infoAccessNavi{
	width: 660px;
	margin-bottom: 10px;
	padding: 10px 1px 10px 5px;
}

.access #mainContents ul#infoAccessNavi li{
	display: inline;
	margin: 0.1px;
	text-align: center;
}

.access #mainContents .pict img {
	margin: 20px 0 ;
	text-align: center;
}

/* 動物取扱業に関する表示.legal 
*****************************************/
.legal #mainContents h2 {
	background: url(../images/common/bg_h2_legal.png) no-repeat 0 0 #FFFFFF;
}

.legal #mainContents .article table {
	width:100%;
	margin: 10px auto;
	text-align:center;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 95%;
	line-height: 1.5;
	padding: 3px;
	border: solid 1px #ccc;
}

.legal #mainContents .article table th,
.legal #mainContents .article table td {
	padding: 6px;
	border-bottom: solid 1px #0066CC;
	border-right: solid 1px #0066CC;
	background: #F3F3F3;
}

.legal #mainContents .article table th {
	background: #05B4DD;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	font-weight: bold;
}