@charset "UTF-8";
/*
 *page.css
 *
 * updated --- 2012/02/01
 */

/* contents
-------------------------------------------------*/
#contents {
	background:url(../common/img/clear_bg.png) repeat;
	margin:10px 0 20px;
	padding:10px 40px 60px;
}

#contents .contents_inner {
	width:850px;
	margin:0 35px;
}

#contents .contents_inner ul,
#reservation_form ul {
	margin-left:15px;
}

#contents .contents_inner ul li,
#reservation_form ul li {
	list-style:disc;
}

/* pankuzu
--------------------------------------------- */
#pankuzu {
	font-size:85%;
}

/* h2
--------------------------------------------- */

#contents h2 {
	margin:3px 0 20px 0;
}

#contents h3 {
	font-size:120%;
	font-weight:bold;
	color:#666;
	margin:20px 0 5px;
}

#contents h3.snrkel_title {
	font-size:120%;
	font-weight:bold;
	color:#666;
	margin:20px 0 5px;
	background:url(../common/img/point01.png) no-repeat left 2pt;
	padding-left:17px;
}

#contents h3.kayak_title {
	font-size:120%;
	font-weight:bold;
	color:#666;
	margin:20px 0 5px;
	background:url(../common/img/point02.gif) no-repeat left center;
	padding-left:17px;
}

.leftBox {
	width:320px;
	float:left;
}

.rightBox {
	width:500px;
	float:right;
}

table.style01 {
	border-top:3px solid #CCC;
	border-left:3px solid #CCC;
	background:#FFF;
}

table.style01 th,
table.style01 td {
	padding:8px;
	border-right:3px solid #CCC;
	border-bottom:3px solid #CCC;
}

table.style01 th {
	vertical-align:top;
	text-align:center;
	background:#EFEFEF;
}

table.style01 strong {
	color:#F36;
}

.mainImg {
	margin-bottom:40px;
}

.hissu {
	color:#F00;
	font-size:85%;
	margin-top:2px;
}

.submit {
	text-align:center;
	margin-top:30px;
}

.goHome {
	text-align:center;
	margin-top:3em;
}

.info {
}

.info div {
	border-bottom:1px dotted #999;
	padding:10px 0;
}

.info .date {
	background:url(../common/img/arrow02.png) no-repeat left center;
	padding-left:15px;
}

/* faq
--------------------------------------------- */

.faqList {
	margin-left:0!important;
	margin-bottom:30px;
}

.faqList li {
	float:left;
	list-style:none!important;
	border-left:1px solid #999;
	line-height:120%;
	padding:0 10px;
}

.faqList li:last-child {
	border-right:1px solid #999;
}

.faq {
	margin-bottom:50px;
}

.question {
	font-weight: bold;
	cursor: pointer;
	background-color:#D3E9FF;
	background-image:url(../faq/img/ico_index01.png);
	background-repeat:no-repeat;
	background-position:15px 8px;
	padding:8px 15px 8px 45px;
	margin:15px 0 0;
}

.answer{
	display: none;
	background-color:#FFF;
	background-image:url(../faq/img/ico_index02.png);
	background-repeat:no-repeat;
	background-position:13px 8px;
	padding:8px 15px 8px 43px;
	border:2px solid #D3E9FF;
} 

/* form
--------------------------------------------- */
.attention {
	border:2px solid #F69;
	padding:5px;
	color:#F69;
	font-weight: bold;
	margin-top: 10px;
}

.button {
  position: relative;
  display: inline-block;
  padding: .9em 15em;
  background-color: #F69;
  border: 2px solid #F69;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  transition: all .3s;
  border-radius: 5px;
}
.button::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
.button:hover {
  background-color: #fff;
  color: #F69;
}
.post-contents .button01:hover::after {
  border-left-color: #F69;
}

/* access
--------------------------------------------- */
ul.bxslider {  
	padding: 0!important;
	margin: 0!important;  
} 

/* attention
--------------------------------------------- */
.attention2020 {
    border:2px solid #F00;
    background: #FFF;
    /*width:1000px;*/
    color: #F00;
    font-weight: bold;
    margin-bottom: 2em;
}

.attention2020 h4 {
    font-size: 120%;
    padding: 5px 10px;
    background: #F00;
    color: #FFF;
    text-align: center;
}

.attention2020 > div {
    padding: 5px 10px;
}