@charset "UTF-8";

.park_detail{
	position:relative;
	margin:0px 0px 0 10px;
	width:772px;
	height:36px;
	padding: 0;
	float:left;
	background-image:url("/images/park_detail.jpg");
	background-repeat:no-repeat;
	display:inline;
}

.specialday_info{
	position:relative;
	margin:10px;
	width:772px;
	padding: 0;
	float:left;
	display:inline;
}

.base_info{
	position:relative;
	margin:10px 0 0 5px;
	width:501px;
	height:30px;
	padding: 0;
	float:left;
	background-image:url("/images/bbasic_info.jpg");
	background-repeat:no-repeat;
	display:inline;
}
/*20070810 CSI t.nakashima start*/
/*
.mypage{
	position:relative;
	margin:10px 0px 5px 80px;
	width:108px;
	height:36px;
	padding: 0;
	float:left;
	display:inline;
}
*/
.mmail{
	position:relative;
/*	margin:10px 0px 5px 5px;*/
/*	margin:10px 0px 5px 195px;*/
	margin:10px 0px 5px 150px;
	width:108px;
	height:36px;
	padding: 0;
	float:left;
	display:inline;
}
.mmail:hover{
	opacity: 0.6;
}
/*20070810 CSI t.nakashima end*/
.print{
	position:relative;
	/*margin:10px 0px 5px 5px;*/
	margin: 10px 0px 5px 5px;
	width:108px;
	height:36px;
	padding: 0;
	float:left;
	display:inline;
}
.print:hover{
	opacity: 0.6
}
.icon{
	position:relative;
	margin:10px 0px 0px 15px;
	width:30px;
	height:31px;
	padding: 0;
	float:left;
	display:inline;
}

.tooltip { /* 補足説明するテキストのスタイル */
  position: relative;
  cursor: pointer;
  padding: 0 5px;
  font-size: 0.9em;
  color: #4682b4;
}
 
.balloon_top { /* ツールチップのスタイル */
  /*width: 150px;*/ /* 横幅 */
  width: 180px; /* 横幅 */
  position: absolute;
  /*left: 50%;*/
  left: 100%;
  bottom: 80%; /* Y軸の位置 */
  transform: translateX(-50%);
  /*margin-bottom: 15px;*/ /* テキストとの距離 */
  margin-bottom: 26px; /* テキストとの距離 */
  padding: 8px;
  border-radius: 10px; /* 角の丸み */
  background-color: #666; /* ツールチップの背景色 */
  /*font-size: 0.7em;*/
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  visibility: hidden; /* ツールチップを非表示に */
  opacity: 0; /* 不透明度を0％に */
  z-index: 1;
  transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}
 
.balloon_top::before { /* 吹き出しの「しっぽ」のスタイル */
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 12px solid #666; /* 最後の値は「ツールチップの背景色」と合わせる */
  position: absolute;
  top: 99%;
  left: 50%;
  transform: translateX(-50%);
}
 
.tooltip:hover .balloon_top { /* マウスオーバー時のスタイル */
  bottom: 100%; /* Y軸の位置 */
  visibility: visible; /* ツールチップを表示 */
  opacity: 1; /* 不透明度を100％に */
}


.pmap{
	position:relative;
	margin:10px 0px 50px 0px;
	/*width:525px;
	height:525px;*/
	width:760px;
	height:560px;
	padding: 0;
	float:left;
	/*background-image:url("/images/P1020045.JPG");*/
	background-repeat:no-repeat;
	display:inline;
}
.clauseinfo{
	position:relative;
	/*margin:10px 0px 0px 0px;*/
	margin: 0px 0px 0px 10px;
	width:1000px;
	float:left;
	display:inline;
	font-weight: 500;
}

.clauseinfo h3 {
    margin: 50px 5px 30px;
    padding: 4px 15px 4px;
    color: #004991;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2em;
    border-left: 6px solid #004991;
    text-align: left;
}

.clauseinfo h4{
    margin: 40px 10px 20px;
    padding: 4px 8px 4px;
    color: #004991;
    font-size: 20px;
    font-weight: bold;
    line-height: 0.1em;
    border-left: 10px solid #004991;
    text-align: left;
}

.clauseinfo p{
    margin: 0px 10px 20px;
    font-size: 1.0rem;
    font-weight: 500;
    text-align: left;
    line-height: 1.7;
}

.clauseinfo img{
    margin: 0px 10px 20px;
    width: 98%;
}


.faqtype {
  display: flex; /*横並び*/
}
.faqtype .image {
  width: 150px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
  position: relative;
}
.faqtype .right {
  margin: 0 0 0 20px;
  padding: 0;
}
.faqtype .title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.faqtype .text {
  margin: 10px 0 0;
  padding: 0;
}



.chacklist{
	position:relative;
	margin:0px 0px 10px 0px;
	width:514px;
	text-align:left;
	float:left;
	display:inline;
}

.phyou{
	position:relative;
	/*margin:0px 0px 0px 5px;*/
	margin:0px 0px 100px 5px;
	/*width:520px;*/
	width:760px;
	border-bottom-width: 1px;
	/*border-bottom-color: brack;*/
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	/*border-left-color: brack;*/
	border-left-color: #CCC;
	border-left-style: solid;
	float:left;
	/*background-color:#EEEEEE;*/
	background-color:#fbf9f2;
	display:inline;
}
.phyou_left{
	position:relative;
	margin:0px 0px 0px 0px;
	/*padding: 2px 0 2px 3px;*/
	padding: 12px 0 12px 12px;
	/*width:136px;*/
	width:160px;
	float:left;
	border-top-width: 1px;
	/*border-top-color: brack;*/
	border-top-color: #ccc;
	border-top-style: solid;
	font-size: 11pt;
	text-align: left;
	/*background-color:#EEEEEE;*/
	background-color:#fbf9f2;
	display:inline;
	font-weight: 700;
}
.phyou_right{
	position:relative;
	margin: 0px 0px 0px 0px;
	/*padding: 2px 0 2px 3px;*/
	padding: 12px 0 12px 12px;
	/*width:383px;*/
	width:599px;
	float:left;
	border-top-width: 1px;
	/*border-top-color: brack;*/
	border-top-color: #ccc;
	border-top-style: solid;
	border-right-width: 1px;
	/*border-right-color: brack;*/
	border-right-color: #ccc;
	border-right-style: solid;
	border-left-width: 1px;
	/*border-left-color: brack;*/
	border-left-color: #ccc;
	border-left-style: solid;
	/*font-size: 11pt;*/
	text-align: left;
	background-color:#FFFFFF;
	word-break: break-all;
	display:inline;
	font-size: 16px;
}
.pdetail{
	position:relative;
	margin: 0px 15px 0px 15px;
	/*width:800px;*/
	width:1150px;
	float:left;
	display:inline;
}
.pdetail_left{
	position:relative;
	margin: 0px 10px 0px 0px;
	width:530px;
	/*width:760px;*/
	float:left;
	display:inline;
}
.pdetail_right{
	position:relative;
	/*margin: 5px 0px 0px 0px;*/
	margin: 5px 0px 0px 250px;
	padding: 0 0 5px 0;
	width:222px;
	float:left;
	/*background-color:#CDE6FF;*/
	background-color:#fbf9f2;
	display:inline;
}
.koma{
	position:relative;
	margin: 0px 0px 0px 0px;
	width:160px;
	padding: 3px 0px 3px 0px;
	float:left;
	border-bottom-style:dashed;
	border-bottom-color:#000000;
	border-bottom-width:1px;
	display:inline;
}
.bar1{
	position:relative;
	margin:5px 0 0 5px;
	width:221px;
	height:30px;
	padding: 0;
	float:left;
	/*background-image:url("/images/blue_bar1.jpg");*/
	background-repeat:no-repeat;
	display:inline;
}
.bar2{
	position:relative;
	margin:5px 0 0 5px;
	width:221px;
	height:30px;
	padding: 0;
	float:left;
	/*background-image:url("/images/blue_bar2.jpg");*/
	background-repeat:no-repeat;
	display:inline;
}
.bar3{
	position:relative;
	margin:5px 0 0 5px;
	width:221px;
	height:30px;
	padding: 0;
	float:left;
	/*background-image:url("/images/blue_bar3.jpg");*/
	background-repeat:no-repeat;
	display:inline;
}
.bar4{
	position:relative;
	margin:5px 0 0 5px;
	width:221px;
	height:30px;
	padding: 0;
	float:left;
	/*background-image:url("/images/blue_bar4.jpg");*/
	background-repeat:no-repeat;
	display:inline;
}
.box{
/*
	position:relative;
	margin: 0px 0px 0px 20px;
	width:160px;
	padding: 10px;
	float:left;
	text-align: left;
	background-color:#FFFFFF;
	display:inline;
	word-break:break-all;
*/
    position: relative;
    margin: 0px 0px 0px 10px;
    width: 200px;
    padding: 10px;
    float: left;
    text-align: left;
    /* background-color: #FFFFFF; */
    display: inline;
    word-break: break-all;
    font-size: 14px;
}

.qr_bar{
	position:relative;
	margin:20px 0 0 5px;
	width:221px;
	height:30px;
	padding: 0;
	float:left;
	/*background-image:url("/images/park_qr_bar.png");*/
	background-repeat:no-repeat;
	display:inline;
}
.qr_box{
	position:relative;
	margin: 0px 0px 0px 20px;
	width:160px;
	padding: 10px;
	float:left;
	text-align: center;
	/*background-color:#FFFFFF;*/
	display:inline;
	word-break:break-all;
}

.new_line_img{
	align:center;
	width:145px;
}
.pimage{
	position:relative;
	margin:10px 0px 0px 5px;
	width:213px;
	height:159px;
	padding: 0;
	float:left;
	display:inline;
}
.min_bar{
	position:relative;
	margin:10px 5px 0 20px;
	width:5px;
	height:25px;
	padding: 0;
	float:left;
	background-image:url("/images/bar_blue.jpg");
	background-repeat:no-repeat;
	display:inline;
}
.fontalign{
	position: relative;
    margin: 30px 0px -30px 0px;
    /*width: 775px;*/
    width: 1020px;
    height: auto;
    padding: 2px 0px 30px 15px;
    /* font-size: 18px; */
    font-size: 1.6rem;
    font-weight: 700;
    font-weight: bold;
    text-align: left;
    float: left;
    display: inline;
}

.fontalign h2{
    font-size: 2.2rem;
    font-weight: 700;
    border-bottom: 5px solid #fbf9f2;
    position: relative;
    margin-bottom: -5px;
    padding-bottom: 20px;
    line-height: 40px;
}

.fontalign h2:after {
    content: "";
    display: block;
    background: #004991;
    width: 120px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.park_icon{
	position:relative;
	margin:10px 0px 0px 0px;
	width:360px;
	height:40px;
	padding: 0;
	float:right;
	display:inline;
}
.campaign{
	position:relative;
	margin:0px 15px 0px 15px;
	width:767px;
/*	height:60px;*/
	padding: 0;
	float:left;
	border-width: 1px;
	border-color:#FF3366;
	border-style: solid;
	display:inline;
}
.pcampaign{
	position:relative;
	margin:3px 2px 2px 2px;
	width:137px;
	height:52px;
/*	height:49px;*/
	padding: 0;
	float:left;
	background-image:url("/images/campaign.jpg");
	background-repeat:no-repeat;
	display:inline;
}
.pcdetail{
	position:relative;
	margin:2px 2px 2px 2px;
	width:520px;
/*	height:57px;*/
	padding: 4px;
	float:left;
	text-align: left;
	font-size: 16px;
	border-width: 1px;
	border-style-left: solid;
	color: #FF3366;
	display:inline;
	

	
}
.line{
	position:relative;
	width:501px;
	margin: 0px 0px 0px 0px;
	float:left;
	display:inline;
}