@charset "shift_jis";

/*

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

 */
 
.namja #mainContents a,
.namja #mainContents a:link{
	color:#cc6600;
}
.namja #mainContents a:hover{
	color:#993300;
}
 
/* 1.ナンジャタウン.namja
------------------------------------------------------------------------- */
.namjaTop #mainContents{
	/*font-size: 1em;*/
	font-size: 0.8em ;
	line-height:1.4em;
}
.namjaTop #mainContents h2{
	margin-bottom:0;
}
.namjaTop #facilityNavi{
	width: 575px;
}
.namjaTop #mainContents{
	overflow: hidden;
}
.namjaTop #mainContents:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaTop #mainContents{
    height: 1em;
    overflow: visible;
}
/**/
.namjaTop #mainContents .article h3{
	margin-bottom:7px;
}
.namjaTop #mainContents #topContents,
.namjaTop #mainContents #topContents .article{
	float:left;
	width: 400px;
}
.namjaTop #mainContents #sub_facilityNavi{
	float:right;
	width: 160px;
}

/* ---------->>> facilityNavi <<<-----------*/
.namja #facilityNavi{
	background: transparent url("../namja/images/facilityNavi_bg.jpg");
	/*height:100px;*/
}
.namja #facilityNavi h2{
	display:none;
}
.namja #facilityNavi ul{
	height:100px;
	overflow:hidden;
	padding-left:5px;
	width: 570px;
}
.namja #facilityNavi ul:after{
    content: "";
    display: block;
    clear: both;
    height: 100px;
    overflow: hidden;
}
/*\*/
* html .namja #facilityNavi ul{
    height: 100px;
    overflow: visible ;
}
/**/
.namja #facilityNavi ul li{
	float: left ;
	height:31px;
	margin-top:69px;
	padding-right: 5px ;
}
/* ---------->>> topInfo <<<-----------*/
.namjaTop #mainContents .topInfo h3{
	background: transparent url("../namja/images/top_info_title.gif");
	height:0;
	overflow:hidden;
	padding-top:30px;
}
.namjaTop #mainContents .topInfo ul{
	clear: both;
	overflow: hidden;
	padding-bottom:5px;
}
.namjaTop #mainContents .topInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaTop #mainContents .topInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.namjaTop #mainContents .topInfo ul li.pic{
	float: left;
	width: 70px;
}
.namjaTop #mainContents .topInfo ul li.title{
	background: transparent url("../namja/images/icon01.gif") left 5px no-repeat;
	float: left;
	padding:2px 0 3px 0;
	width:320px;
}
.namjaTop #mainContents .topInfo ul li.title a{
	padding-left:12px;
}
.namjaTop #mainContents .topInfo ul li.txt{
	float: left;
	width:320px;
}

/* ---------->>> eventInfo <<<-----------*/
.namjaTop #mainContents .eventInfo{
	clear: both;
}
.namjaTop #mainContents .eventInfo h3{
	height:0;
	overflow:hidden;
	padding-top:30px;
}
.namjaTop #mainContents .eventInfo h3.eventInfo01{
	background: transparent url("../namja/images/top_news_title.gif");
}
.namjaTop #mainContents .eventInfo h3.eventInfo02{
	background: transparent url("../namja/images/top_event_title.gif");
}

.namjaTop #mainContents .eventInfo .articleBox{
	clear:both;
	overflow: hidden;
}
.namjaTop #mainContents .eventInfo .articleBox:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaTop #mainContents .eventInfo .articleBox{
    height: 1em;
    overflow: visible;
}
/**/
.namjaTop #mainContents .eventInfo ul{
	float: left;
	width: 200px;
}
.namjaTop #mainContents .eventInfo ul li.pic{
	float: left;
	padding-bottom:5px;
	width: 70px;
}
.namjaTop #mainContents .eventInfo ul li.title{
	background: transparent url("../namja/images/icon01.gif") left 5px no-repeat;
	float: left;
	padding:2px 0 7px 0;
	width: 120px;
}
.namjaTop #mainContents .eventInfo ul li.title a{
	padding-left:12px;
}
.namjaTop #mainContents .eventInfo ul li.date{
	clear: both;
	font-weight:bold;
	padding-bottom:3px;
	width: 190px;
}
.namjaTop #mainContents .eventInfo ul li.txt{
	clear: both;
	padding-bottom:5px;
	width: 190px;
}

/* ---------->>> facilityIntro <<<-----------*/
.namjaTop #mainContents ul.facilityIntro{
	background:#f5cb67 url("../namja/images/sub_facilityNavi_header.gif") top no-repeat;
	margin-bottom:10px;
	text-align:center;
	width:160px;
}
.namjaTop #mainContents ul.facilityIntro li.facilityIntro01{
	/*width: 160px;*/
	background: transparent url("../namja/images/sub_facilityNavi_footer.gif") bottom no-repeat;
	padding: 5px 0 15px 0;
	width:160px;
}

.namjaTop #mainContents ul.facilityIntro h4{
	height:0;
	margin-left:4px;
	margin-bottom:5px;
	overflow:hidden;
	padding-top:20px;
	width:152px;
}
.namjaTop #mainContents ul.facilityIntro li.facilityIntro01 h4{
	background: transparent url("../namja/images/facilityIntro_title01.gif") no-repeat;
}
.namjaTop #mainContents ul.facilityIntro li.facilityIntro01 p{
	background-color:#FFFFFF;
	margin:0 5px;
	width:150px;
}
.namjaTop #mainContents ul.facilityIntro li.facilityIntro01 p.pic{
	padding-top:5px;
}
.namjaTop #mainContents ul.facilityIntro li.facilityIntro01 p.txt{
	background: transparent url("../namja/images/facilityIntro_txt01.gif") top center no-repeat;
	height:0;
	padding-top:90px;
	overflow:hidden;
}
.namjaTop #mainContents ul.facilityIntro li.facilityIntro01 p.btBox a{
	background: #ff6600 ;
	border: solid 1px #cc6600;
	color: #ffffff ;
	padding: 5px ;
}


/* ---------->>> facilityInfo <<<-----------*/
.namjaTop #mainContents ul.facilityInfo{
	clear:both;
}
.namjaTop #mainContents ul.facilityInfo li{
	padding-bottom:6px;
}

/* ---------->>> namjaNews <<<-----------*/
/* ---------->>> namjaEvent <<<-----------*/
.namjaNews #mainContents .article,
.namjaEvent #mainContents .article{
	clear:both;
}
.namjaNews #mainContents .article h3,
.namjaEvent #mainContents .article h3{
	font-weight:bold;
	font-size:1.2em;
	padding: 10px 25px 5px 25px;
}
.namjaNews #mainContents .article h3{
	background: #ffffff url("../namja/images/title_bg_n01.gif") left bottom no-repeat;
}
.namjaEvent #mainContents .article h3{
	background: #ffffff url("../namja/images/title_bg01.gif") left bottom no-repeat;
}

.namjaNews #mainContents .moreInfo,
.namjaEvent #mainContents .moreInfo{
	background: #f5cb67 url("../namja/images/moreInfo_footer.gif") left bottom no-repeat;
	clear: both;
	padding-bottom:10px;
	width: 575px ;
}
.namjaNews #mainContents .moreInfo h4,
.namjaEvent #mainContents .moreInfo h4{
	background: #f5cb67 url("../namja/images/moreInfo_header.gif") ;
	color: #663333 ;
	font-weight: bold ;
	padding: 10px 15px ;
	width: 545px ;
}
.namjaNews #mainContents .moreInfo ul,
.namjaEvent #mainContents .moreInfo ul{
	/*width: 575px ;*/
	background: #ffffff ;
	clear:both;
	font-size: 0.8em ;
	line-height: 1.4em ;
	margin: 0 5px ;
	overflow: hidden;
	padding:5px 5px 0 0;
	width: 560px ;
}
.namjaNews #mainContents .moreInfo ul:after,
.namjaEvent #mainContents .moreInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaNews #mainContents .moreInfo ul,
* html .namjaEvent #mainContents .moreInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.namjaNews #mainContents .moreInfo ul li.pic,
.namjaEvent #mainContents .moreInfo ul li.pic{
	float: left ;
	width: 80px ;
	text-align: center ;
}
.namjaNews #mainContents .moreInfo ul li.title,
.namjaNews #mainContents .moreInfo ul li.txt,
.namjaNews #mainContents .moreInfo ul li.more,
.namjaEvent #mainContents .moreInfo ul li.title,
.namjaEvent #mainContents .moreInfo ul li.txt,
.namjaEvent #mainContents .moreInfo ul li.more{
	float: right ;
	width: 480px ;
}
.namjaNews #mainContents .moreInfo ul li.title,
.namjaNews #mainContents .moreInfo ul li.txt,
.namjaEvent #mainContents .moreInfo ul li.title,
.namjaEvent #mainContents .moreInfo ul li.txt{
	margin-bottom:3px;
}
.namjaNews #mainContents .moreInfo ul li.title a,
.namjaEvent #mainContents .moreInfo ul li.title a{
	background: transparent url("../namja/images/icon01.gif") 5px 3px no-repeat;
	padding:3px 0 3px 20px;
}
.namjaNews #mainContents .moreInfo ul li.title span,
.namjaEvent #mainContents .moreInfo ul li.title span{
	color:#cc0000;
}
.namjaNews #mainContents .moreInfo ul li.more,
.namjaEvent #mainContents .moreInfo ul li.more{
	text-align:right;
}

/* ---------->>> namjaEvent <<<-----------*/
.namjaEvent #mainContents .article ul.eventInfo{
	font-size: 0.8em ;
	margin:10px 0;
}
.namjaEvent #mainContents .article ul.eventInfo li.more{
	/*display: inline ;*/
	padding-right:5px;
}
.namjaEvent #mainContents .article ul.eventInfo li span{
	background: #993333 ;
	color: #ffffff ;
	margin:0 5px 0 0;
	padding: 2px 5px 1px 5px;
}

.namjaEvent #mainContents .article ul.titleBox{
	background: #ffffff url("../namja/images/title_bg_n01.gif") left bottom no-repeat;
	margin-bottom:15px;
}
.namjaEvent #mainContents .article ul.titleBox li.date{
	font-size: 0.8em ;
	padding: 0 25px ;
}
.namjaEvent #mainContents .article ul.titleBox li.date span{
	color:#cc0000;
	padding:0 0 0 5px;
}
.namjaEvent #mainContents .article ul.titleBox li.title{
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	padding: 0 25px 5px 25px;
}
.namjaEvent #mainContents .associated{
	background: none ;
	margin-bottom: 15px ;
	padding:0 0 0 0;
}
.namjaEvent #mainContents .associated ul.eventInfo{
	margin:10px 0 0 0 ;
}
.namjaEvent #mainContents .associated .btBox{
}
.namjaEvent #mainContents .associated .btBox a{
	background: #ff6600 ;
	border: #cc6600 1px solid ;
	color: #ffffff ;
	display:block ;
	font-size: 0.8em ;
	margin:0 0 0 auto;
	padding: 4px 0;
	text-align:center;
	width: 16em ;
}

/* ---------->>> namjaInfo <<<-----------*/
.namjaInfo #mainContents .article{
	background: transparent url("../images/line03.gif") left bottom repeat-x;
	margin-bottom: 15px ;
	padding:0 0 20px 0;
}
.namjaInfo #mainContents .article h4{
	margin:15px 0 10px 0;
}
.namjaInfo #mainContents .article p{
	color: #990000;
	margin-top:10px;
}
.namjaInfo #mainContents #facilityInfo02 dl{
	overflow: hidden;
}
.namjaInfo #mainContents #facilityInfo02 dl:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaInfo #mainContents #facilityInfo02 dl{
    height: 1em;
    overflow: visible;
}
/**/
.namjaInfo #mainContents #facilityInfo02 dl{
	/*[20091106] 文字・フォントサイズ改修 START 鈴木*/
	/*border:1px solid #d1d1d1;*/
	border:0px solid #d1d1d1;
	/*[20091106] 文字・フォントサイズ改修 END   鈴木*/
	float:left;
	margin:0 1px 10px 0;
	padding:1px;
	width:187px;
}
.namjaInfo #mainContents #facilityInfo02 dl.listEnd{
	margin-right:0;
}
.namjaInfo #mainContents #facilityInfo02 dt{
	float:left;
	width:66px;
}
.namjaInfo #mainContents #facilityInfo02 dd{
	font-size:0.8em;
	line-height:1.4em;
	margin-left:66px;
	padding:3px;
}
.namjaInfo #mainContents #facilityInfo02 dd img{
	margin-right:2px;
}
.namjaInfo #mainContents #facilityInfo02 h4{
	background: transparent url("../namja/images/icon01.gif") left center no-repeat;
	color:#3f3f3f;
	font-weight:bold;
	margin:0 0 0 0;
	padding:3px 0 3px 12px;
}
.namjaInfo #mainContents #facilityInfo02 h5{
	margin:15px 0 10px 0;
}
.namjaInfo #mainContents .moreInfo{
	overflow: hidden;
}
.namjaInfo #mainContents .moreInfo:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaInfo #mainContents .moreInfo{
    height: 1em;
    overflow: visible;
}
/**/

.namjaInfo #mainContents .moreInfo .fLeft{
	/*width: 256px ;*/
	background: #ff6985 ;
	border: #ff6985 solid 1px ;
	color: #ffffff ;
	font-size: 0.8em ;
	line-height: 1.4em ;
	width: 254px ;
}
.namjaInfo #mainContents .moreInfo .fLeft p{
	padding: 3px ;
}
.namjaInfo #mainContents .moreInfo .fRight{
	/*width:312px;*/
	background: #ffffff url("../namja/images/info_mobile_bg.gif") left top repeat-x;
	border: 1px solid #d9d9d9;
	width: 310px ;
}
.namjaInfo #mainContents .moreInfo .fRight h5,
.namjaInfo #mainContents .moreInfo .fRight ul{
	/*width: 310px ;*/
	padding:5px 9px;
	width:292px;
}
.namjaInfo #mainContents .moreInfo .fRight ul{
	font-size:0.8em;
	overflow: hidden;
}
.namjaInfo #mainContents .moreInfo .fRight ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaInfo #mainContents .moreInfo .fRight ul{
    height: 1em;
    overflow: visible;
}
/**/
.namjaInfo #mainContents .moreInfo .fRight ul li.pic{
	float:left;
	width:65px;
}
.namjaInfo #mainContents .moreInfo .fRight ul li.txt{
	float:left;
	width:225px;
}

/* ---------->>> namjaDetail <<<-----------*/
.namjaDetail #mainContents .article{
}

.namjaDetail #mainContents .article#map h3{
	background: #ffffff url("../namja/images/detail_title01.gif");
	height:0;
	margin-bottom:15px;
	overflow:hidden;
	padding-top: 30px ;
}
.namjaDetail #mainContents .article#detail h3{
	background: #ffffff url("../namja/images/detail_title02.gif");
	height:0;
	margin-bottom:15px;
	overflow:hidden;
	padding-top: 30px ;
}
.namjaDetail #mainContents .article#detail h4.f2{
	background: #ffffff url("../namja/images/detail_title_2f.gif");
	clear:both;
	height:0;
	margin-bottom:15px;
	overflow:hidden;
	padding-top: 31px ;
}
.namjaDetail #mainContents .article#detail h4.f3{
	background: #ffffff url("../namja/images/detail_title_3f.gif");
	clear:both;
	height:0;
	margin-bottom:15px;
	overflow:hidden;
	padding-top: 31px ;
}
.namjaDetail #mainContents .article#map dl{
	background: #d3e6f6;
	padding:0 10px;
	width:555px;
}
.namjaDetail #mainContents .article#map dl dt{
	display:none;
}
.namjaDetail #mainContents .article#map dl dd.f3{
	background: transparent url("../namja/images/detail_map_3f.gif") 20px 20px no-repeat;
	text-align:right;
}
.namjaDetail #mainContents .article#map dl dd.f2{
	background: transparent url("../namja/images/detail_map_2f.gif") 365px 30px no-repeat;
}

.namjaDetail #mainContents .article#map p.btBox{
	margin-top:-3.5em;
	margin-bottom:15px;
	padding:10px;
	text-align:right;
}
.namjaDetail #mainContents .article#detail{
	margin-bottom:10px;
}
.namjaDetail #mainContents .article#detail dl{
	clear:both;
	overflow: hidden;
	margin-bottom:15px;
}
.namjaDetail #mainContents .article#detail dl:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .namjaDetail #mainContents .article#detail dl{
    height: 1em;
    overflow: visible;
}
/**/
.namjaDetail #mainContents .article#detail dl dt{
	float:left;
	width:280px;
}
.namjaDetail #mainContents .article#detail dl dt img{
	border:5px solid #ffcccc;
	margin-right:10px;
}
.namjaDetail #mainContents .article#detail dl dd{
	float:right;
	width:295px;
}
.namjaDetail #mainContents .article#detail dl dl dt{
	float:left;
	margin-bottom:5px;
	width:270px;
}
.namjaDetail #mainContents .article#detail dl dl dt img{
	border:none;
}
.namjaDetail #mainContents .article#detail dl dl dd img{
	margin:3px 0;
}
.namjaDetail #mainContents .article#detail dl dl dd strong{
	color:#666666;
}