@charset "utf-8";



/*----------------------------------------------------	

	Content

----------------------------------------------------*/



#other-content-01 {

	float: left;

	width: 738px;

	padding: 110px 22px 10px 22px;

	background: url(../img/other/common/content_back01.jpg) no-repeat left top;

}



#other-content-02 {

	float: left;

	width: 738px;

	padding: 110px 22px 10px 22px;

	background: url(../img/other/common/content_back02.jpg) no-repeat left top;

}



#other-content-03 {

	float: left;

	width: 738px;

	padding: 110px 22px 10px 22px;

	background: url(../img/other/common/content_back03.jpg) no-repeat left top;

}



#other-content-04 {

	float: left;

	width: 738px;

	padding: 110px 22px 10px 22px;

	background: url(../img/other/common/content_back04.jpg) no-repeat left top;

}



#other-content-05 {

	float: left;

	width: 738px;

	padding: 110px 22px 10px 22px;

	background: url(../img/other/common/content_back05_min.jpg) no-repeat left top;

}



#other-content-06 {

	float: left;

	width: 738px;

	padding: 110px 22px 10px 22px;

	background: url(../img/other/common/content_back06_min.jpg) no-repeat left top;

}



#other-content-main {

	float: left;

	width: 692px;

	padding: 30px 20px 10px 20px;

	background: url(../img/other/common/titlemain.gif) no-repeat left top;

}
#other-content-main2 {
	float: left;
	width: 692px;
	padding: 15px 5px 5px 5px;
	background: url(../img/other/common/titlemain.gif) no-repeat left top;
}



#other-content-bottom {

	float: left;

	width: 738px;

	height: 10px;

	background: url(../img/common/content_bottom.jpg) no-repeat left top;

}



.other-content-main-bottom {

	float: left;

	width: 692px;

	height: 10px;

	margin-bottom: 30px;

	background: url(../img/common/content_main_bottom.gif) no-repeat left top;

}



* html .other-content-main-bottom {

	margin-bottom: 15px;

}



*:first-child + html .other-content-main-bottom {

	margin-bottom: 25px;

}



.other-next a {

	padding-left: 22px; 

	background: url(../img/other/common/next_icon.gif) no-repeat left center;

}



.other-next a:hover {

	padding-left: 22px; 

	background: url(../img/other/common/next_icon_on.gif) no-repeat left center;

}


#cameramap {
	position: relative;
}



/*----------------------------------------------------	

	Navi

----------------------------------------------------*/



#other-back {

	margin-bottom: 20px;

	border-top: #b3b3b3 1px solid;

}



* html #other-back {

	border-top: none;

}



/*----------------------------------------------------	

	Sitemap

----------------------------------------------------*/



.sitemap-main {

	width: 650px;

	margin-bottom: 20px;

}



.sitemap-main-title {

	padding: 10px 0 10px 20px;

	margin-bottom: 20px;

	font-weight: 700;

	background: #daf4ff;

}



.sitemap-main-space {

	padding-left: 40px;

}



.sitemap-space {

	padding-left: 50px;

}



.sitemap-space2 {

	padding-bottom: 20px;

}



/*----------------------------------------------------	

	Topics

----------------------------------------------------*/



#topics-list {

	width: 586px;

	font-size: 85%;

	padding: 6px 10px 6px 10px;

	margin: 10px 20px 10px 20px;

	line-height: 1.8;

	border: #cccccc 2px solid;

}



* html #topics-list {

	margin: 40px 20px 10px 20px;

}



*:first-child + html #topics-list {

	margin: 40px 20px 10px 20px;

}



#topics-list ul {

	text-align: right;

}



#topics-list ul li {

	display: inline;

}



#topics-list a {

	color: #323232;

	padding: 0 10px 0 18px;

	background: url(../img/access/common/link_icon_off.gif) no-repeat left center;

}



#topics-list a:hover {

	color: #999999;

	padding: 0 10px 0 18px;

	background: url(../img/access/common/link_icon_on.gif) no-repeat left center;

}



#topics {

	width: 610px;

	margin-bottom: 10px;

}



#topics dl {

	margin-bottom: 9px;

	background: url(../img/common/line01.gif) repeat-x left bottom;

}



* html #topics dl {

	padding-bottom: 3px;

	margin-bottom: 6px;

}



#topics dl dt {

	float: left;

	width: 9em;

	margin-bottom: 6px;

	padding-bottom: 0.5em;

}



* html #topics dl dt {

	padding: 2px 0 5px 0;

}



#topics dl dd {

	_height: 1%;

	margin: 0 0 6px 9em;

	padding-bottom: 0.5em;

}



* html #topics dl dd {

	padding: 4px 0 4px 0;

}



#topics-main-title {

	clear: both;

	width: 500px;

	padding: 0 0 0 20px;

	margin-bottom: 10px;

	font-size: 140%;

	line-height: 1.3;

	background: url(../img/other/common/title_icon.gif) no-repeat left center;

}



#topics-day {

	width: 650px;

	padding-bottom: 10px;

}



.topics-day-right {

	text-align: right;

}



.topics-sub-title {

	width: 650px;

	padding-bottom: 20px;

}



.topics-img {

	width: 650px;

	margin-bottom: 20px;

}



.topics-img img {

	border: #666666 1px solid;

}



.topics-img-center {

	text-align: center;

}



.topics-main {

	width: 640px;

	padding: 5px;

}



.topics-main-text {

	padding-bottom: 20px;

	margin-bottom: 20px;

	background: url(../img/common/line_dotted01.gif) repeat-x left bottom;

}



.topics-sub-text {

	padding-bottom: 20px;

	margin-bottom: 20px;

	background: url(../img/common/line_dotted01.gif) repeat-x left bottom;

}



.topics-text-b {

	font-weight: 700;

}



.topics-text-red {

	color: #cc3300;

}



.topics-link {

	width: 650px;

	padding-bottom: 20px;

}



.topics-link-right {

	float: right;

}



.topics-link ul li {

	padding-bottom: 5px;

}



/*----------------------------------------------------	

	Livecam

----------------------------------------------------*/



.livecam {

	width: 500px;

	padding: 10px 10px 40px 10px;

	margin: 10px 63px 40px 63px;

	line-height: 1.8;

	border: #cccccc 2px solid;

}



.livecam-title {

	font-weight: 700;

	text-align: center;

	padding: 5px 0 10px 0;

	margin-bottom: 10px;

	background: #efefef;

}



.livecam-title-b {

	font-size: 140%;

	padding-bottom: 15px;

}



.livecam-title-s {

	text-align: center;

	font-size: 85%;

	font-weight: 400;

		margin-bottom: 20px;

}



.livecam-img {

	width: 400px;

	margin: 0 50px 0 50px;

	text-align: center;

	border: #666666 1px solid;

}



/*----------------------------------------------------	

	Past

----------------------------------------------------*/



.past-text {

	width: 640px;

	padding: 5px 5px 15px 5px;

}



.past-main {

	float: left;

	width: 640px;

	padding: 5px 5px 10px 5px;

}



.past-main-l {

	float: left;

	width: 313px;

	padding-right: 10px;

}



.past-main-r {

	float: right;

	width: 313px;

}



.past-table {

	width: 313px;

	line-height: 1.3;

	font-size: 90%;

	border: #b3b3b3 2px solid;

}



.past-table td {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;

}



.past-table .title {

	padding: 3px 0 3px 0;

	font-size: 110%;

	background: #d1f1fe;

	text-align: center;

}



.past-table .icon {

	padding-top: 10px;

	background: #ffffff;

	text-align: center;

}



.past-table .percent {

	padding-bottom: 10px;

	background: #ffffff;

	text-align: center;

}



.calendar-table .empty {

	background: #ffffff;

}



.past-table .s01 {

	padding-top: 15px;

}



.past-table .s02 {

	padding-bottom: 15px;

}



.past-table .item {

	padding-left: 25px;

	background: #ffffff;

	text-align: left;

}



.past-table .bdb {

	border-bottom: #b3b3b3 1px solid;

}



.past-table .bdbd {

	border-bottom: #b3b3b3 1px dotted;

}



.past-table .bdbd02 {

	border-bottom: #b3b3b3 1px dotted;
	
	padding-left: 25px;

}


.past-table .tcenter {
	text-align:center;

}


.past-table .pdl10 {

	padding-left: 10px;

	background: #ffffff;

	text-align: left;

}
.past-table .lblue {

	background: #d1f1fe;

	text-align: center;

}

/*----------------------------------------------------	

	Contact

----------------------------------------------------*/



.contact {

	width: 650px;

	padding-bottom: 25px;

}



.contact-main {

	width: 610px;

	padding: 15px 20px 10px 20px;

	background: url(../img/contact/main_back.gif) no-repeat left top;

}



.contact-main-bottom {

	width: 650px;

	height: 10px;

	margin-bottom: 25px;

	background: url(../img/contact/main_bottom.gif) no-repeat left top;

}



.contact-title {

	font-size: 120%;

	font-weight: 700;

	padding: 0 0 8px 20px;

	margin-bottom: 15px;

	border-bottom: #999999 1px dotted;

	background: url(../img/info/common/icon02.gif) no-repeat left top;

}



.contact-tel {

	padding-bottom: 15px;

}



.contact-red {

	color: #cc0000;

}



.contact-table {

	clear: both;

	width: 610px;

	line-height: 1.5;

	margin-bottom: 20px;

	border: #cccccc 2px solid;

}



.contact-table .bdr {

	border-right: #cccccc 1px solid;

}



.contact-table .bdb {

	border-bottom: #cccccc 1px solid;

}



.contact-table .title {

	width: 130px;

	background: #ededed;

	padding: 8px 8px 8px 10px;

}



.contact-table .item {

	padding: 8px 8px 8px 10px;

}



.contact-detail {

	width: 439px;

}



.contact-point {

	width: 578px;

	font-size: 85%;

	line-height: 1.7;

	padding: 12px 15px 12px 15px;

	margin-bottom: 20px;

	border: #323232 1px dotted;

}



.contact-send {

	width: 610px;

	padding-bottom: 10px;

}



.contact-send ul {

	text-align: center;

}



.contact-send ul li {

	display: inline;

}



.contact-send-space {

	padding-right: 10px;

}



.ssl-main {

	width: 630px;

	padding: 10px 0 0 20px;

}





/*----------------------------------------------------	

	Site

----------------------------------------------------*/



.site-main {

	width: 630px;

	line-height: 1.8;

	padding: 10px 10px 20px 10px;

}



.site-main-l {

	float: left;

	width: 300px;

}



.site-main-r {

	float: right;

	width: 300px;

}



.site {

	padding: 3px 0 10px 0;

	background: url(../img/other/common/line.gif) repeat-x left top;

}



.site-s {

	padding: 3px 0 10px 0;

	background: url(../img/other/common/line.gif) repeat-x left top;

}



.site-title {

	font-weight: 700;

	padding: 5px 0 6px 10px;

	margin-bottom: 10px;

	background: #e9f8ff;

	border-bottom: #a4d5ff 1px solid;

}



.site-sub-title {

	line-height: 1.5;

	font-weight: 700;

	padding: 6px 0 7px 10px;

	margin-bottom: 10px;

	background: #f5f5f5;

	border-top: #999999 1px solid;

	border-bottom: #999999 1px solid;

}



.site-sub-title-b {

	line-height: 1.5;

	font-weight: 700;

	padding: 6px 0 7px 10px;

	margin-bottom: 20px;

	background: #f5f5f5;

	border-top: #999999 1px solid;

	border-bottom: #999999 1px solid;

}



.site-menu {

	padding: 0 0 15px 10px;

}



.site-menu-s {

	padding: 0 0 0 10px;

}



.site-menu-last {

	padding: 0 0 5px 10px;

}



.site-menu ul li {

	line-height: 1.5;

	padding-bottom: 5px;

}



.site-icon {

	padding-left: 18px;

	background: url(../img/other/common/icon.gif) no-repeat left 5px;

}



.site-icon a {

	color: #323232;

}



.site-icon a:hover {

	color: #999999;

}



/*----------------------------------------------------	

	Campaign

----------------------------------------------------*/



#campaign-content {

	float: left;

	width: 738px;

	padding: 210px 22px 10px 22px;

	background: url(../img/other/common/content_back07.jpg) no-repeat left top;

}



.campaign-info {

	float: left;

	width: 652px;

	padding: 65px 20px 10px 20px;

	background: url(../img/other/campaign/title_campaign_info.gif) no-repeat left top;

}



.campaign-red {

	float: left;

	width: 652px;

	padding: 65px 20px 10px 20px;

	background: url(../img/other/campaign/title_campaign_red.gif) no-repeat left top;

}



.campaign-bottom {

	float: left;

	width: 692px;

	height: 10px;

	margin-bottom: 20px;

	background: url(../img/other/campaign/title_campaign_bottom.gif) no-repeat left top;

}



* html .campaign-bottom {

	margin-bottom: 15px;

}



*:first-child + html .campaign-bottom {

	margin-bottom: 25px;

}



.privilege01 {

	padding-bottom: 15px;

	position: relative;

	z-index: 1;

}



.privilege01-link {

	position: absolute;

	top: 98px;

	right: 27px;

	z-index: 2;

}



* html .privilege01-link {

	right: 47px;

}



.privilege02 {

	padding-bottom: 15px;

	position: relative;

	z-index: 1;

}



.privilege02-link {

	position: absolute;

	top: 123px;

	right: 27px;

	z-index: 2;

}



* html .privilege02-link {

	right: 47px;

}



.red-illust {

	padding-bottom: 15px;

}



.red-main {

	float: left;

	width: 650px;

}



.red-main-l {

	float: left;

	width: 154px;

}



.red-main-r {

	float: right;

	width: 470px;

}



.campaign-bnr {

	padding-bottom: 20px;

}



.coupon {

	width: 637px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 30px;

	position: relative;

	z-index: 1;

}



.coupon-link01 {

	position: absolute;

	top: 112px;

	left: 83px;

	z-index: 2;

}



.coupon-link02 {

	position: absolute;

	top: 112px;

	left: 385px;

	z-index: 2;

}



.coupon-link03 {

	position: absolute;

	top: 341px;

	left: 83px;

	z-index: 2;

}



.coupon-link04 {

	position: absolute;

	top: 341px;

	left: 385px;

	z-index: 2;

}



.coupon-link05 {

	position: absolute;

	top: 536px;

	left: 340px;

	z-index: 2;

}



.coupon-link06 {

	position: absolute;

	top: 767px;

	left: 353px;

	z-index: 2;

}



.coupon-print {

	width: 213px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 20px;

	padding-bottom: 50px;

}