body{
	min-width:480px;
}

header{
	height:50px;
}

header h1{
	width:100px;
	top:10px;
	left:4%;
}

header ul{
	position:absolute;
	top:50px;
	right:0;
	display:none;
	width:100%;
	border-bottom:4px solid #005;
}

header ul li{
	margin-left:0;
	z-index:100;
}

header ul li a{
	display:block;
	font-size:80%;
	border-top:1px solid #005;
	padding:20px 0;
	background-color:#fff;
	color:#005;
}

header ul li a:hover{
	opacity:1;
	background-color:#005;
	color:#fff;
}

header ul li a span{
	font-weight:400;
	font-size:200%;
}

header #spBtn{
	display:block;
	width:42px;
	height:42px;
	background:url(../images/spbtn.png) no-repeat 0 0;
	background-size:200%;
	position:absolute;
	top:4px;
	right:4%;
	cursor:pointer;
}

footer{
	padding-top:0;
}

footer>.inner{
	width:92%;
	padding:0 4%;
}

footer ul{
	float:none;
	text-align:center;
	margin-bottom:20px;
}

footer p{
	float:none;
	text-align:center;
}

footer p#pageTop{
	position:relative;
	top:0;
	right:0;
	width:100%;
	height:auto;
	margin-bottom:0;
}

footer p#pageTop a{
	width:100%;
	border-radius:0;
}

footer p#pageTop a:hover{
	background:url(../images/pagetop.png) no-repeat center top #222;
}

#sabaco .txtBlock{
	float:none;
	width:92%;
	padding:20px 4%;
	font-size:90%;
}

#sabaco .map{
	float:none;
	width:100%;
}

#guide{
	border-top:none;
	padding:0;
}

#guide ul{
	width:100%;
	padding:0;
}

#guide ul li{
	width:92%;
	padding:4%;
}

#guide ul li:first-child{
	padding-bottom:0;
}

#guide ul li#guideInfo{
	float:none;
}

#guide ul li#guideContact{
	float:none;
}

#guide ul li a{
	border:1px solid #fff;
}

#content{
	margin:20px 0;
}

#content>.inner{
	width:92%;
	padding:0 4%;
}

#pageNav ul{
	width:92%;
	padding:0 4%;
}

#sns>.inner{
	width:92%;
	padding:0 4%;
}

#sns{
	padding:20px 0 10px;
}

#sns #share p{
	float:none;
	width:100%;
	margin:0 0 10px;
}

#sns #share p a span{
	font-size:150%;
}

#calendar{
	position:relative;
	top:0;
	margin:0 auto;
	width:100%;
	background-color:#ddd;
	border-radius:0;
	color:#000;
}

#calendar .nav{
	margin:0 4% 20px;
	padding-top:20px;
}

#calendar table.nav{
	margin:0;
	padding-top:0;
}

#subContent{
	width:100%;
	float:none;
}

h1#contentHead,
h1#contentHeadInfo{
	padding:70px 4% 20px;
}

.hdStyle1{
	font-size:200%;
	font-weight:400;
}



/* Events Detail
------------------------------------------------------------- */

#eventDetail{
	padding-top:55px;
}

#content .entry{
	font-size:90%;
}

#content .txtBlock p.txt{
	line-height:1.5em;
}

#content .txtBlock{
	width:100%;
	float:none;
	margin-bottom:20px;
}

#content p.img{
	width:100%;
	float:none;
}

#pageNav ul li.pageNavList{
	width:100%;
}


/* Events List
------------------------------------------------------------- */

#eventList{
	width:100%;
	float:none;
	margin-bottom:40px;
}

#eventList .entry{
	padding-bottom:20px;
	margin-bottom:20px;
	font-size:90%;
}

#eventList .txtBlock p.txt{
	line-height:1.5em;
}


/* Top
------------------------------------------------------------- */

#topSchedule{
	padding-top:50px;
	background:#fff;
}

#topSchedule #calendar{
	position:relative;
	top:0;
	margin:0 auto;
	width:100%;
	background-color:#ddd;
	border-radius:0;
	color:#000;
}

#topSchedule #calendar .nav{
	margin:0 4% 20px;
	padding-top:20px;
}

#topSchedule #calendar table.nav{
	margin:0;
	padding-top:0;
}

ul#slides li{
	height:600px;
}

ul#slides li .txtBlock h2{
	font-size:200%;
}

ul#slides li .txtBlock p.date{
	font-size:200%;
}

ul#slides li .txtBlock p.time{
	font-size:116%;
}

ul#slides li .txtBlock p.txt{
	font-size:100%;
}

ul#slides li .txtBlock{
	width:92%;
	margin:0;
	padding:0 4%;
}

#topContent{
	padding:20px 0;
}

#topContent>.inner{
	width:92%;
	padding:0 4%;
}

#topContent #news{
	float:none;
	width:100%;
	padding:0;
	font-size:90%;
	margin-bottom:40px;
}

#topContent #news h2{
	margin-bottom:20px;
}

#topContent #news .entry p{
	line-height:1.5;
}

#twitter{
	display:none;
}

#topContent aside{
	float:none;
	width:100%;
}

#topContent #share p{
	margin-bottom:10px;
}

#topContent #share p#shareLn{
	margin-bottom:0;
}



/* Policy
------------------------------------------------------------- */

#policy{
	font-size:90%;
}



/* Info
------------------------------------------------------------- */
#infoLead>.inner{
	width:92%;
	padding:50px 4%;
}

#infoLead h2{
	font-weight:400;
	font-size:146.5%;
	text-align:center;
	margin-bottom:50px;
}

#infoLead div.copy p{
	text-align:left;
	margin-bottom:50px;
	text-indent:0;
}

#infoLead div.copy p span{
	display:block;
	padding:2%;
	width:96%;
}

#infoLead div.txt{
	padding:2%;
	width:96%;
}

#infoLead p{
	font-size:100%;
	line-height:1.5;
}

#infoSpec>.inner{
	width:92%;
	padding:40px 4%;
}

#infoSpec h2{
	font-size:200%;
	font-weight:400;
}

#infoSpec .txtBlockL{
	width:100%;
	float:none;
	margin-bottom:20px;
}

#infoSpec .txtBlockR{
	width:100%;
	padding-left:0;
	border-left:0;
	float:none;
	margin-bottom:0;
}

#infoSpec p{
	font-size:100%;
	line-height:1.5;
}

#infoSlides,
ul#infoSlidesPager{
	width:100%;
}



/* Contact
------------------------------------------------------------- */

#contactRental,
#contactFlow,
#contactFaq,
#contactRentalForm,
#contactInquiryForm{
	font-size:90%;
}

#contactRental h4{
	margin-left:0;
}

#contactRental p{
	margin-left:0;
}

#contactRental .txtBlockL{
	float:none;
	width:100%;
	margin-bottom:40px;
}

#contactRental .txtBlockR{
	float:none;
	width:92%;
	border:1% solid #ddd;
	padding:3%;
}

#contactFlow ol li span.label{
	display:block;
	margin:5px 0 0;
}

#contactFlow ol li span.note{
	display:block;
	text-align:left;
}

#contactFaq .imgBlock{
	display:none;
}

#contactFaq p{
	margin-left:0;
}

#contactRentalForm iframe{
	width:100%!important;
}

#contactRentalForm dt,
#contactInquiryForm dt{
	width:100%;
	float:none;
}

#contactRentalForm dd,
#contactInquiryForm dd{
	width:100%;
	float:none;
}

#contactRentalForm input,
#contactInquiryForm input{
	width:92%;
}

#contactRentalForm textarea,
#contactInquiryForm textarea{
	width:92%;
}

#contactRentalForm .subBlock dd,
#contactInquiryForm .subBlock dd{
	width:100%;
}