@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: special.css

		Setting of: Contents area
			1: special mainContents setting
	}

****************************************************************** */




* html .pkg             { zoom: 1; } /* IE6 */
*:first-child+html .pkg { zoom: 1; } /* IE7 */


/*===================================================================
	0: base mainContents setting
===================================================================*/
span.flRight {
	float: right !important;
}
.flRight {
	float: right !important;
}

.flLeft {
	float: left !important;
}
.alCenter {
	text-align: center !Important;
}

.mt5 {
	margin-top: 5px !Important;
}

.mt10 {
	margin-top: 10px !Important;
}

.mt15 {
	margin-top: 15px !Important;
}

.mt20 {
	margin-top: 20px !Important;
}
.mt30 {
	margin-top: 30px !Important;
}
.pt5 {
	padding-top: 5px !Important;
}

.pt10 {
	padding-top: 10px !Important;
}

.pt15 {
	padding-top: 15px !Important;
}

.pt20 {
	padding-top: 20px !Important;
}

.pt30 {
	padding-top: 30px !Important;
}

.mb5 {
	margin-bottom: 5px !Important;
}

.mb10 {
	margin-bottom: 10px !Important;
}
.mb15 {
	margin-bottom: 15px !Important;
}

.mb20 {
	margin-bottom: 20px !Important;
}

.mb30 {
	margin-bottom: 30px !Important;
}

.pb5 {
	padding-bottom: 5px !Important;
}

.pb10 {
	padding-bottom: 10px !Important;
}
.pb15 {
	padding-bottom: 15px !Important;
}
.pl5 {
	padding-left: 5px !Important;
}

.pl10 {
	padding-left: 10px !Important;
}
.pl15 {
	padding-left: 15px !Important;
}

.pl20 {
	padding-left: 20px !Important;
}

.pr5 {
	padding-right: 5px !Important;
}

.pr10 {
	padding-right: 10px !Important;
}
.pr15 {
	padding-right: 15px !Important;
}

.pr20 {
	padding-right: 20px !Important;
}
/*
		shupo
---------------------------------------------------------------------------------------------------------------- */

/* main header */
#contentsArea{
	float:left;
	width:945px;
	padding:0;
	margin:15px 0 0 0;
}

#campaignHeader{
	clear: both;
	width: 945px;
	height: 524px;
	background: url(/images/feature/sp_24/campaign_header_1205.jpg) left top no-repeat;
	overflow: hidden;
}

#campaignHeader a.link{
	display: block;
	cursor: pointer;
}
#campaignHeader span.link-inner{
	display: block;
}

#campaignHeader h2{
	clear: both;
	display: block;
	width: 945px;
	height: 365px;
	text-indent: -9999px;
}

#campaignHeader .text01{
	clear: both;
	display: block;
	width: 945px;
	height: 77px;
	text-indent: -9999px;
}
#campaignHeader .text02{
	clear: both;
	display: block;
	width: 945px;
	height: 108px;
	text-indent: -9999px;
}



#campaignMenu{
	clear: both;
	display: block;
	width: 945px;
	height: 102px;
	background: url(/images/feature/sp_24/campaign_bg_menu.gif) left top no-repeat;
}
#campaignMenu ul{
	display: block;
	padding: 0 20px 20px 20px;
}
#campaignMenu ul li{
	float: left;
	display: block;
	width: 226px;
	height: 82px;
}
#campaignMenu ul li.first {
	width:227px;
}

#campaignMenu ul li.gray_btn{
	background:url(/images/feature/sp_24/gray.gif) no-repeat;
	text-indent: -9999px;
}
	
#campaignMenu ul li a{
	display: block;
	width: 226px;
	height: 82px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#campaignMenu ul li a:hover{
	background-position: left bottom;
}
#campaignMenu ul li a.menu01{
	background-image: url(/images/feature/sp_24/menu_01_1205.gif);
	width: 227px;
}
#campaignMenu ul li a.menu02{
	background-image: url(/images/feature/sp_24/menu_02_1205.gif);
}
#campaignMenu ul li a.menu03{
	background-image: url(/images/feature/sp_24/menu_03_1205.gif);
}
#campaignMenu ul li a.menu04{
	background-image: url(/images/feature/sp_24/menu_04_1205.gif);
}






#contentsArea_inner{
	width: 945px;
	margin:0;
	padding:0;
}
#contentsArea_inner img{
	margin:0;
	padding:0;
}
#contentsArea_inner .section {
	margin-top:4px;
}
#contentsArea_inner h3 {
	height:86px;
}
#contentsArea_inner #unit_01 h3.head_01 {
	background:url(/images/feature/sp_24/facility_head_01_1205.gif) no-repeat;
	text-indent:-9999px;
}
#contentsArea_inner #unit_02 h3.head_01 {
	background:url(/images/feature/sp_24/facility_head_02_1205.gif) no-repeat;
	text-indent:-9999px;
}
#contentsArea_inner #unit_03 h3.head_01 {
	background:url(/images/feature/sp_24/facility_head_03_1205.gif) no-repeat;
	text-indent:-9999px;
}
#contentsArea_inner #unit_04 h3.head_01 {
	background:url(/images/feature/sp_24/facility_head_04_1205.gif) no-repeat;
	text-indent:-9999px;
}

#contentsArea_inner .facility_contents {
	border-left:#ca5402 solid 3px;
	border-bottom:#ca5402 solid 3px;
	border-right:#ca5402 solid 3px;
	padding:3px 12px 15px;
}
 


/* clearfix */
div.facility_contents:after, div.facility_contents_new_inner:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
}

div.facility_contents, div.facility_contents_new_inner { display:inline-block; }

/* no ie mac \*/
* html div.facility_contents, * html div.facility_content_new_inner { height:1%; }
div.facility_contents, div.facility_contents_new_inner { display:block; }
/* */

#contentsArea_inner .facility_contents .left {
	width:450px;
	padding:11px;
	background-color:#e0eec0;
	float:left;
	margin-right:23px;
}
#contentsArea_inner .facility_contents .left p {
	margin-top:10px;
}

#contentsArea_inner .facility_contents .right, #contentsArea_inner .facility_contents_new .right  {
	float:right;
	width:420px;
}
#contentsArea_inner .facility_contents .right dl, #contentsArea_inner .facility_contents_new .right dl {
	background-color:#fdf1d6;
	padding:5px 10px;
	border:#FFFFFF solid 1px;
}
#contentsArea_inner .facility_contents .right dt, #contentsArea_inner .facility_contents_new .right dt {
	border-bottom: #000 solid 1px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:5px;
}
#contentsArea_inner .facility_contents .right .valid {
	text-align:center;
	font-size:160%;
	font-weight:bold;
	margin-bottom:10px;
	color:#000;
}

#contentsArea_inner .download {
	text-align:center;
	margin:25px auto;
}
#contentsArea_inner .download a {
	background:url(/images/feature/sp_24/btn_download.gif) no-repeat left top;
	display: block;
	width: 314px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
	margin:25px auto;
}
#contentsArea_inner .download a:hover {
	background-position:left bottom;
}

#contentsArea_inner .facility_contents .right ul {
	margin-top:25px;
}
#contentsArea_inner .facility_contents .right li {
	float:left;
	width:206px;
	height:39px;
}
#contentsArea_inner .facility_contents .right li a {
	display:block;
	width:206px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
}
#contentsArea_inner .facility_contents .right li.official a {
	background:url(/images/feature/sp_24/btn_official.gif) no-repeat left top;
}
#contentsArea_inner .facility_contents .right li.detail a {
	background:url(/images/feature/sp_24/btn_detail.gif) no-repeat left top;
}
#contentsArea_inner .facility_contents .right li.official {
	margin-right:8px;
}
#contentsArea_inner .facility_contents .right li a:hover {
	background-position:left bottom;
}




/* かんなの湯 NEW*/
#contentsArea_inner .facility_contents_new {
	border-left:#ca5402 solid 3px;
	border-right:#ca5402 solid 3px;
	padding:3px 12px 15px;
}
#contentsArea_inner .facility_contents_new_inner {
	background:#fef1f7;
	border:#ce6ca1 solid 1px;
	padding:5px 12px 15px;
}
#contentsArea_inner #unit_01 h4 {
	background:url(/images/feature/sp_24/new_menu_head_01.gif) center no-repeat;
	height:52px;
	text-indent:-9999px;
	margin-bottom:8px;
}
#contentsArea_inner .facility_contents_new .left {
	width:450px;
	float:left;
	margin-right:15px;
}
#contentsArea_inner .facility_contents_new .left p {
	margin-top:10px;
}

#contentsArea_inner .facility_contents_new .schedule_area {
	margin-top:10px;
}
#contentsArea_inner .facility_contents_new .schedule {
	background:#FFFFFF;
	border:#999 solid 1px;
	padding:3px 4px;
}
#contentsArea_inner .facility_contents_new .arrow {
	padding-top:20px;
}

#contentsArea_inner .facility_contents_new .schedule dt {
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
	white-space:nowrap;
}
#contentsArea_inner .facility_contents_new .schedule dt img {
	padding-bottom:5px;
}

#contentsArea_inner .facility_contents_new .schedule dd {
	font-size:90%;
}
#contentsArea_inner .facility_contents_new .schedule dd.map {
	margin-top:5px;
	background:url(/images/feature/sp_24/ico_map.gif) left no-repeat;
	padding-left:20px;
}

#contentsArea_inner .facility_contents_new .schedule dd span {
	font-size:90%;
	white-space:nowrap;
}
#contentsArea_inner .facility_contents_new .schedule dd li {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:1.1em;
}






/* チケットページ */
#printContainer {
	text-align:left;
	margin-top:10px;
	margin-left:30px;
}
#printContainer #printInner {
	width:495px;
}
#printContainer #headerArea {
	margin-bottom:10px;
	height:26px;
}	
#printContainer #headerArea .left {
	float:left;
}
#printContainer #headerArea .right {
	float:right;
}
#printContainer #printArea {
	border:#999999 solid 2px;
	padding:10px 15px;
	clear:both;
}
#printContainer #printArea h2 {
	margin-bottom:15px;
	text-align:center;
}
.couponArea {
	text-align:center;
	margin-bottom:15px;
	font-size:140%;
	font-weight:bold;
}
.couponArea img {
	margin-bottom:5px;
}
.code {
	text-align:center;
	margin-bottom:25px;
}
.code span {
	font-size:200%;
	font-weight:bold;
	border-bottom:double 3px;
	padding-bottom:3px;
	color:#000;
}
#printContainer #printArea h3 {
	margin-top:20px;
	font-size:110%;
}

#printContainer #printArea dt{
	float: left;
}
#printContainer #printArea dd{
	margin-left:80px;
}
#printContainer #noteArea {
	margin:10px 0;
}
#printContainer #noteArea ul {
	margin-top:5px;
}
#printContainer #noteArea li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:10px;
	font-size:85%;
	*font-size: x-small;
}
#printContainer .btn_print {
	text-align:center;
}

