/*============================================================
FACILITY.CSS
============================================================*/


/*------------
ul.lineup
------------*/

ul.lineup {
	zoom: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1em 0px;
}

ul.lineup li {
	font-size: 120%;
	margin: 0px 0px 1em 0px;
	padding: 0.2em 5px 0.2em 0px;
	border-bottom: 1px dotted #000000;
	font-weight: bold;
	list-style: none;
}

ul.lineup li a {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
}

ul.lineup li a:link {
	background-image: url(../../../images/facility/ic_list_off.gif);
}

ul.lineup li a:visited {
	background-image: url(../../../images/facility/ic_list_off.gif);
}

ul.lineup li a:hover {
	background-image: url(../../../images/facility/ic_list_on.gif);
}




ul.lineup li span.categoryName {
	margin-left: 0.5em;
	color: #993333;
/*	color: #CD9A65;*/
	font-size: 80%;
	font-weight: normal;
}




/*------------
dl.lineup
------------*/

dl.lineup {
	zoom: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1em 0px;
}

dl.lineup dt {
	font-size: 120%;
	margin: 0px 0px 1em 0px;
	padding: 0.2em 5px 0.2em 0px;
	border-bottom: 1px dotted #000000;
	font-weight: bold;
	list-style: none;
}

dl.lineup dt a {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
}

dl.lineup dt a:link {
	background-image: url(../../../images/facility/ic_list_off.gif);
}

dl.lineup dt a:visited {
	background-image: url(../../../images/facility/ic_list_off.gif);
}

dl.lineup dt a:hover {
	background-image: url(../../../images/facility/ic_list_on.gif);
}




dl.lineup dt span.categoryName {
	margin-left: 0.5em;
	color: #993333;
/*	color: #CD9A65;*/
	font-size: 80%;
	font-weight: normal;
}


dl.lineup dd {
	margin-bottom: 0.5em;
}


dl.lineup dd ul {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	list-style: none;
}

dl.lineup dd ul li {
	border-left: 5px solid #cccccc;
	padding: 0px 0px 0px 5px;
	margin: 0px 10px 0px 0px;
	display: inline;
}



p.categoryImage a {
	border: none !important;
}




h2.genre {
	font-size: 120%;
	border-left: 5px solid #999999;
	padding: 0.2em 0px 0.2em 5px;
	margin: 0px 0px 0.3em 0px;
}





/*------------
div.genreSearch
------------*/
div.genreSearch {
	margin: 0px 0px 2em 0px;
	padding: 0px;

/*	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../../images/facility/im_genre_bottom.gif);*/
}

div.genreSearch h3 {
	zoom: 100%;
	margin: 0px !important;
/*	padding-bottom: 0px !important;*/
}

div.genreSearch h3 img {
	vertical-align: bottom;
}



ul.lineupGenre {
	zoom: 100%;
	margin: 0px 0px 0em 0px;
	padding: 10px 15px 10px 15px;
	background-color: #F6F6F6;

/*	border-top: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;


/*	background-repeat: repeat-y;
	background-position: left center;
	background-image: url(../../../images/facility/im_genre_middle.gif);*/
}

ul.lineupGenre li {
	zoom: 100%;
	margin: 0px 15px 0.5em 0px;
	padding: 0px 0px 0px 13px;
	list-style: none;
/*	display: inline;*/

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../images/contents/ic_triangle_orange.gif);
	white-space: nowrap;
	float: left;

	line-height: 150%;
}

ul.lineupGenre:after {
    content: "";
    clear: both;
    height: 0px;
    display: block;
    visibility: hidden;
}




ul.lineupGenre li a {
	white-space: nowrap;
}















/*------------
div.notFound
------------*/
div.notFound {
	zoom: 100%;
	margin: 0px 0px 1em 0px;
	padding: 0px;
/*	border: 1px solid #cccccc;
	background-color: #ffffff;*/
}

div.notFound img.notFoundTop {
/**/	vertical-align: bottom;
}

div.notFound img.notFoundBottom {
/**/	vertical-align: top;
}



div.notFound div {
	zoom: 100%;
/**/	margin: 0px 0px 0em 0px;
	padding: 0px 10px 0px 10px;
	border: none;
/*	background-color: #F5F5F5;*/

	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../../../images/facility/im_notfound_middle.gif);
}



div.notFound h4 {
	width: 480px;
	font-size: 100%;
/**/	margin: 0px 0px 1em 0px !important;
	padding: 0.2em 0px 0.2em 0px;
	border-bottom: 1px solid #cccccc;
	background-color: #F5F5F5;
}

div.notFound h4 img {
	vertical-align: bottom;
}

div.notFound h5 {
	width: 100%;
	margin: 0px 10px 0.5em 10px;
	padding: 0px 0px 0em 0px;
}




div.notFound ul {
	zoom: 100%;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0.5em 0px;
}


div.notFound ul li {
	margin: 0px 15px 0.7em 0px;
	padding: 0px 0px 0px 13px;
	list-style: none;
/*	display: inline;*/

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../images/contents/ic_triangle_orange.gif);
	white-space: nowrap;
	float: left;
}

div.notFound ul li a {
	white-space: nowrap;
}



div.notFound ul:after {
    content: "<li>.</li>";
    clear: both;
    height: 0px;
    display: block;
    visibility: hidden;
}





div.notFound form {
	margin: 0px 0px 0em 0px;
	padding: 0px 10px 10px 10px;
/**/	border-bottom: 1px solid #cccccc;
}

div.notFound p {
	margin: 0px 0px 0.2em 0px !important;
	padding: 0px;
}



p.move {
	margin: 0px 0px 0.2em 0px;
	padding: 0px;
	text-align: center;
/*	font-size: 80%;
	border-bottom: 1px dashed #cccccc;*/
}










div.facilityInfo {
	margin-left: 10px;
	margin-right: 10px;
}



div.facilityInfo h2  {
	zoom: 100%;
	font-size: 140%;
	padding: 0.2em 10px 0.5em 10px;
	margin: 0px 0px 0.7em 0px;

	border-top: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;

	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../../../images/facility/bg_h2.gif);

	background-color: #ffffff;
}

div.facilityInfo h2 img {
	vertical-align: bottom;
}



div.facilityInfo h2 span.category {
	margin-left: 0.5em;
	font-weight: normal;
	color: #993333;
/*	color: #CC6666;*/
	font-size: 70%;
}


div.facilityInfo h2 span.category a {
	color: #CC6666;
}


div.facilityInfo h3 {
	font-size: 110%;
	padding: 0.2em 0px 0.2em 0px;
	margin: 0px 0px 0.5em 0px;
	border-bottom: 1px solid #cccccc;
}



div.facilityInfo h4 {
	font-size: 100%;
	padding: 0.2em 0px 0.2em 0px;
	margin: 0px 0px 0.5em 0px;
	border-bottom: 1px solid #cccccc;
}




img.facilityPhoto {
	margin-bottom: 1em;
	float: left;
}


a.movieLink img {
/*	display: block;
	width: 200px;*/
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../../../images/facility/bt_movie.gif);
}







div.facilityInfo dl.outline {
	padding: 0px;
	margin: 0px 0px 1em 0px;
}

div.facilityInfo dl.outline dt {
	font-weight: bold;
	font-size: 120%;
	padding: 0.2em 0px 0.2em 0px;
	margin: 0px 0px 0.5em 0px;
	border-bottom: 1px solid #cccccc;
}

div.facilityInfo dl.outline dd {
	padding: 0px;
	margin: 0px 0px 0.5em 20px;
}

div.facilityInfo dl.hasImg {
	float: right;
/*	margin-left: -250px;*/

	width: 260px;
}









div.detailInfo {
	border-top: 1px solid #cccccc;
	padding-top: 1em;
}



div.facilityInfo h3.rss {
	padding-left: 20px;

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../images/contents/ic_rss.gif);
}

/*----------
div.rssFeed
----------*/

div.rssFeed {
/*	zoom: 100%;*/
	margin: 0px 0px 0em 0px;
	padding: 10px 0px 0px 0px;

	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../../images/facility/im_rssfeed_top.gif);
}

div.rssFeed ul {
	zoom: 100%;
	margin: 0px;
	padding: 0px 10px 0px 20px;

	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../../../images/facility/im_rssfeed_middle.gif);
}



div.rssFeed ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	line-height: 150%;

	background-repeat: no-repeat;
	background-position: left 0.65em;
	background-image: url(../../images/contents/ic_circle.gif);
}


p.getRss {
	padding-top: 15px !important;
	text-align: right;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../../images/facility/im_rssfeed_bottom.gif);
}

p.getRss a {
	padding: 0.2em 0px 0.2em 20px;

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../images/contents/ic_rss.gif);
}








div.adr {
/**/	border: 1px solid #cccccc;
	margin-bottom: 1em;
}







div.relatedLink {
	width: 480px;
	padding: 0px;
	margin: 0px 0px 2em 0px;
	border-bottom: 1px solid #cccccc;
}

div.relatedLink h4 {
	margin-bottom:0px;
}



div.relatedLink p {
	padding: 0.7em 10px 0em 10px !important;
	margin: 0px !important;
	background-color: #ffffff;
}

div.relatedLink ul {
	padding: 10px 12px 10px 12px;
	margin: 0px;
	background-color: #ffffff;
}


div.relatedLink ul li {
	margin: 0px 15px 0.5em 0px;
	padding: 0px 0px 0px 13px;
	list-style: none;
/**/	display: inline;

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../images/contents/ic_triangle_orange.gif);
}

div.relatedLink ul li a {
	white-space: nowrap;
}







/*=========
div.townTopics
==========*/

div.townTopics h3 {
	background-image: url(../../../images/facility/h3_youpla_topics.gif);
}

/*=========
div.townTopicsPickup
==========*/

div.townTopicsPickup h3 {
	background-image: url(../../../images/facility/h3_youpla_event.gif);
}

/*=========
div.townTopicsEventNews
==========*/

div.townTopics.EventNews h3 {
	background-image: url(../../../images/facility/h3_youpla_event_news.gif);
}

/*=========
div.townTopics.ShoppingNews
==========*/

div.townTopics.ShoppingNews h3 {
	background-image: url(../../../images/facility/h3_youpla_shopping_news.gif);
}

/*=========
div.townTopics.GrumetNews
==========*/

div.townTopics.GrumetNews h3 {
	background-image: url(../../../images/facility/h3_youpla_grumet_news.gif);
}










div.calendar table {
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #3B991B;
}

div.calendar table th {
	font-weight: normal;
	text-align: center;
	padding: 5px 2px;
	border: 1px solid #3B991B;
/*	background-color: #666666;*/
}

div.calendar table th.sunday {
	color: #ff0000;
}

div.calendar table th.saturday {
	color: #0000ff;
}



div.calendar table td {
	border: 1px solid #3B991B;
	padding: 4px 2px;
	text-align: center;
}

div.calendar table td.link {
	background-color: #D0E7C8;
}


div.calendar table td a {
	text-decoration: underline;
}

div.calendar table td.today {
	background-color: #ff6600;
	color: #ffffff;
}


div.calendar table td.today a {
	color: #ffffff;
	text-decoration: underline;
}








div.weather {
	margin-right: 10px;
	border: 1px solid #cccccc;
	padding: 5px;
	background-color: #ffffff;
}

div.weather div#jwfx_menu {
	text-align: center;
	border-bottom: 1px dotted #000000;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}










dl.navi dd form {
	zoom: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align: center;

	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../../../images/facility/im_navi_middle.gif);
}


dl.navi dd form input#searchSub {
	zoom: 100%;
/*	display: block;*/
	width: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

dl.navi dd form p {
	margin: 0em 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	background: none;
}














div.printPage {
	margin: 0px 0px 1em 0px;
/*	border: 1px solid #cccccc;*/
}

div.printPage h4 {
	background-color: #ffffff;
/*	border: 1px solid #cccccc;*/
}


div.printPage dl {
	margin: 0px 0px 5em 0px;
	padding: 0px;
}

div.printPage dl dt {
	border-left: 5px solid #999999;
	padding-left: 7px;
	margin-bottom: 0.2em;
}

div.printPage dl dd {
	margin: 0px 0px 0.5em 0px;
	padding: 0.5em 0px 0.5em 30px;
	border-top: 1px dotted #999999;

}

div.printPage p {
/*	font-size: 90%;*/
}










/*----------
dl.bn_youpla
----------*/

dl.bn_youpla {
	margin: 0px 10px 1em 0px;
	padding: 0px 0px 0px 0px;
}

dl.bn_youpla dt {
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

dl.bn_youpla dt img {
	vertical-align: bottom;
}

dl.bn_youpla dd {
	font-size: 80%;
	margin: 0px 0px 1em 0px;
	padding: 0px 5px 0px 5px;
}


dl.bn_youpla dt a {
	border: none !important;
}




/*----------
dl.info_youpla
----------*/

dl.info_youpla {
	zoom: 100%;
	margin: 0px 10px 1em 0px;
	padding: 10px 10px 0px 10px;
	background-color: #F5F5F5;
	border: 1px solid #cccccc;
}

dl.info_youpla dt {
	margin: 0px 0px 0.3em 0px;
	padding: 0px 0px 0.2em 0px;
	border-bottom: 1px dashed #6C6C6C;
}

dl.info_youpla dd {
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 10px;
}

dl.info_youpla dd a {
	
	margin-left: 30px;
	border: none !important;
}






/*----------
div.youplaTop
----------*/


div.youplaTop {
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 10px 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../../images/facility/im_youpla_bottom.gif);
}

div.youplaTop img {
	vertical-align: bottom;
}




/*----------
div.youplaTopNavi
----------*/

div.youplaTopNavi {
	zoom: 100%;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../../../images/facility/im_youpla_middle.gif);
}


div.youplaTopNavi h3 {
	padding: 0.2em 0px 0.2em 0px;
	margin: 0px 0px 0em 0px;
	border-bottom: 1px solid #cccccc;
}


div.youplaTopNavi ul {
	zoom: 100%;
	margin: 0px;
	padding: 10px 15px 0px 15px;
}

div.youplaTopNavi ul li {
	zoom: 100%;
	margin: 0px 15px 0.5em 0px;
	padding: 0px 0px 0px 13px;
	list-style: none;

	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../../images/contents/ic_triangle_orange.gif);
	white-space: nowrap;
	float: left;

	line-height: 150%;
}

div.youplaTopNavi ul:after {
    content: ".";
    clear: both;
    height: 0px;
    display: block;
    visibility: hidden;
}









div.access {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin: 0px 0px 3em 0px;
	padding: 10px;
}

div.access h2 {
	font-size: 110%;
}

div.access h3 {
	font-size: 100%;
}

div.access table {
	width: 80%;
	line-height: 150%;
	margin: 0px 0px 1em 10%;
	padding: 0px;

	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #999999;
}

div.access table th {
	width: 10em;
	border: 1px solid #999999;
	background-color: #eeeeee;
	white-space: nowrap;
	font-weight: normal;
	padding: 5px;
}

div.access table td {
	border: 1px solid #999999;
	padding: 5px;
}







dl.bnlink dd.kinder ul {
	border-top: 1px dashed #cccccc;
	margin: 0px 0px 0px 0px;
	padding: 1em 0px 0em 0px;
}

dl.bnlink dd.kinder ul li {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

dl.bnlink dd.kinder p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}








p.parking {
	text-align: center;
}

p.parking a {
	border: none !important;
}








@media print {


div.notFound {
	display: none;
}


div#townSubContents {
	display: none;
}

div#townMainContents {
	width: 100%;
}


}