@charset "utf-8";

/**
 * 標準タグ  
 */
body {
  background-color:#fff;
  -webkit-text-size-adjust:auto;
  font-size:28px;
  font-family:sans-serif;
  line-height:130%;
}

body {
  font-family:'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link, a:hover {
  font-weight: normal;
  text-decoration: none
}

a:visited {
    color:#0002f2;
    text-decoration: none
}

li {
  list-style:none;
}
ol {
  margin:auto -3em auto 0;
  position:relative;
  left:-3em;
  overflow:hidden
}
ol li {
  list-style-type:decimal;
  margin-left:4.5em;
}

select {
  min-height:64px;
  font-size:24px;
  -webkit-border-radius:16px;
  background:#fefefe;
  color:#000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a2a2a2), to(#686868)), -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cfcfcf));
  border: 4px solid #666;
  -webkit-appearance:none;
  -webkit-box-sizing:border-box;
  margin:0;
  padding:8px 55px 8px 16px;
  -webkit-background-size:44px 100%, 100% 100%;
  background-repeat:no-repeat, no-repeat;
  background-position:right top, left top
}

input[type=checkbox] {
  -webkit-appearance: none;
  width: 44px;
  height: 44px;
  display: inline-block;
  border: 3px solid #666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cfcfcf));
  -webkit-border-radius: 6px;
  margin-right: 10px;
}

input[type=checkbox]:checked {
  background-image:url(../img/form/check.png), -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#fefefe));
  background-position:-90px -90px, 0 0
}

input[type=radio] {
  -webkit-appearance: none;
  width: 45px;
  height: 45px;
  display: inline-block;
  border: 3px solid #666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cfcfcf));
  -webkit-border-radius: 45px;
  position: relative;
  margin-right: 10px;
}

input[type=radio]:checked:after {
  content: "\00a0";
  width: 24px;
  height: 24px;
  display: block;
  -webkit-border-radius: 22px;
  background-color: #e5e5e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4ab0f1), to(#2083c8));
  -webkit-box-shadow: #414141 0 1px 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -12px
}

textarea, input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], input[type=search] {
  display:inline-block;
  border:1px solid #ababab;
  padding:10px;
  -webkit-box-sizing:border-box;
  font-size:24px
}
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], input[type=search] {
  height:56px;
  margin: 10px 0;
}

table {
  width: 100%;
}

/**
 * ローディング
 */

#load,#canvasloader-container {
  display: none;
}

.loadingimg {
  padding-top: 30px;
  text-align: center;
}

/**
 * レイアウト
 */
#wrap-top {
  margin: 0 0px;
  overflow: hidden;
}

#wrap {
  margin: 0 10px;
  overflow: hidden;
}

.clear-both {
  clear:both
}
.clearfix:after {
  content:"\00a0";
  display:block;
  height:0;
  visibility:hidden;
  clear:both
}

.menu {
  overflow: hidden;
  border: 2px solid #ababab;
  height: 87px;
  background: url(../img/btn_bk_off.jpg) transparent repeat-x;
}

.menu ul {
  display: block;
  width: auto;
}

.menu ul li {
  list-style: none;
  float: left;
  background: url(../img/btn_bk_off.jpg) transparent repeat-x;
  width: 20%;
  box-sizing: border-box;
}

.menu ul li:hover,
.menu ul li.active {
  background: url(../img/btn_bk_on.jpg) transparent repeat-x;
}

.menu ul li a {
  height: 87px;
  display: block;
  border-left: 2px solid #ababab;
  text-indent: -999em;
}

.menu ul li:first-child a {
  border-left: none;
}

.menu ul li a.top {
  background: url('../img/gnavi_sprite.png') -744px 0px no-repeat;
}

.menu ul li.active a.top,
.menu ul li:hover a.top {
  background: url('../img/gnavi_sprite.png') -868px 0px no-repeat;
}

.menu ul li a.plan {
  background: url(../img/gnavi_sprite.png) -248px 0px no-repeat;
}

.menu ul li.active a.plan,
.menu ul li:hover a.plan {
  background: url('../img/gnavi_sprite.png') -372px 0px no-repeat;
}

.menu ul li a.campaign {
  background: url('../img/gnavi_sprite.png') 0px 0px no-repeat;
}

.menu ul li.active a.campaign,
.menu ul li:hover a.campaign {
  background: url('../img/gnavi_sprite.png') -124px 0px no-repeat;
}

.menu ul li a.newReserve {
  background: url('../img/gnavi_sprite.png') -992px 0px no-repeat;
}

.menu ul li.active a.newReserve,
.menu ul li:hover a.newReserve {
  background: url('../img/gnavi_sprite.png') -1116px 0px no-repeat;
}

.menu ul li a.history {
  background: url('../img/gnavi_sprite.png') -496px 0px no-repeat;
}

.menu ul li.active a.history,
.menu ul li:hover a.history {
  background: url('../img/gnavi_sprite.png') -620px 0px no-repeat;
}


/**
 * 共通定義
 */

.breadcrumbs {
  margin-top: 15px;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.shadow00 {
  border-bottom: 2px solid #ababab;
  -webkit-box-shadow: 1px 4px 4px #dcdcdc;
}

.shadow01 {
  border-bottom: 2px solid #d9d9d9;
  -webkit-box-shadow: 1px 4px 4px #dcdcdc;
}

.fontRed {
  color: #f00;
}

.fontBlue {
  color: #308AD2;
}

.blueLine {
  width: 100%;
  border-top: 2px solid #4eb8f4;
  border-bottom: 2px solid #308ad2;
}

.whiteLine1 {
  border-top: 1px solid #fff;
}

.paddingTop20 {
  padding-top: 20px;
}

.padding0 {
  padding: 0!important;
}

.backgroundLightBlue {
  background-color: #cae9fa!important;
}

width100 {
  width: 100%!important;
}

.fontSize20 {
  font-size: 20px;
}

.border0 {
  border: 0!important;
}

.marginTop0 {
  margin-top: 0;
}


li.defOptions dl {
}

li.defOptions dl dt {
  font-size: 24px;
  float: left;
  width: 180px;
  padding: 5px 0 5px 0px;
  clear: both;
  line-height: 60px;
}

li.defOptions dl dd {
  width: 460px;
  margin-left: 180px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 15px;
  font-size: 20px;
  text-align:center;
}


li.defOptions dl dd:last-child {
  margin-bottom: 0;
}

.bk-icon {
display:inline-block;
font-size:20px;
height:37px;
line-height:37px;
margin:4px 0;
text-align:center;
width:150px;
}

.bk-icon.pink {
background:none repeat scroll 0 0 #F15967;
color:#FFFFFF;
}

.bk-icon.orange {
background:none repeat scroll 0 0 #F88900;
color:#FFFFFF;
}

.bk-icon.blue {
background:none repeat scroll 0 0 #358bc8;
color:#FFFFFF;
}

/**
 * テーブル定義
 */

table.table01 {
  color:#000;
}
table.table01 > tbody > tr > td {
  text-align: left;
  padding: 15px;
  border: 2px solid #2087C7;
}

table.table01 tbody tr:first-child td {
  border-top: none;
}

table.table01 tbody tr:last-child td {
  border-bottom: none;
}

table.table01 tbody tr td:first-child {
  border-left: none;
}

table.table01 tbody tr td:last-child {
  border-right: none;
}

table.table01 > tbody > tr > th {
display:none
  text-align: left;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5a5a5), color-stop(0.5, #a5a5a5), color-stop(0.5, #787878), to(#787878));
  padding: 8px;
  border: 1px solid #ccc;
  color: #fff;
  text-shadow: 0 -1px 1px #333
}

td.disable {
	color:#949494
}

table.table02 > tbody > tr > td {
  text-align: left;
  padding: 15px;
  border: 2px solid #ababab;
}

table.table02 tbody tr:first-child td {
  border-top: none;
}

table.table02 tbody tr:last-child td {
  border-bottom: none;
}

table.table02 tbody tr td:first-child {
  border-left: none;
}

table.table02 tbody tr td:last-child {
  border-right: none;
}

table.table03 {
  color:#000;
}
table.table03 > tbody > tr > td {
  text-align: center;
  padding: 15px;
  border: 2px solid #2087C7;
}

table.table03 tbody tr:first-child td {
  border-top: none;
}

table.table03 tbody tr:last-child td {
  border-bottom: none;
}

table.table03 tbody tr td:first-child {
  border-left: none;
}

table.table03 tbody tr td:last-child {
  border-right: none;
}

table.table03 > tbody > tr > th {
display:none
  text-align: left;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5a5a5), color-stop(0.5, #a5a5a5), color-stop(0.5, #787878), to(#787878));
  padding: 8px;
  border: 1px solid #ccc;
  color: #fff;
  text-shadow: 0 -1px 1px #333
}

/**
 * 予約アイコン
 */
.iconself {
  background: url(../img/reserve_icon.png) 0px -150px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconself-ov {
  background: url(../img/reserve_icon.png) 0px -220px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcaddy {
  background: url(../img/reserve_icon.png) 0px -10px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcaddy-ov {
  background: url(../img/reserve_icon.png) 0px -80px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart4 {
  background: url(../img/reserve_icon.png) 0px -290px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart4-ov {
  background: url(../img/reserve_icon.png) 0px -360px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart2 {
  background: url(../img/reserve_icon.png) 0px -430px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart2-ov {
  background: url(../img/reserve_icon.png) 0px -500px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart1a {
  background: url(../img/reserve_icon.png) 0px -570px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart1a-ov {
  background: url(../img/reserve_icon.png) 0px -640px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart1b {
  background: url(../img/reserve_icon.png) 0px -710px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconcart1b-ov {
  background: url(../img/reserve_icon.png) 0px -780px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconlunch {
  background: url(../img/reserve_icon.png) 0px -850px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconlunch-ov {
  background: url(../img/reserve_icon.png) 0px -920px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icon1some {
  background: url(../img/reserve_icon.png) 0px -990px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icon1some-ov {
  background: url(../img/reserve_icon.png) 0px -1060px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icon2someh {
  background: url(../img/reserve_icon.png) 0px -1130px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icon2someh-ov {
  background: url(../img/reserve_icon.png) 0px -1200px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icon2somes {
  background: url(../img/reserve_icon.png) 0px -1270px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icon2somes-ov {
  background: url(../img/reserve_icon.png) 0px -1340px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconopencompe {
  background: url(../img/reserve_icon.png) 0px -1410px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.iconopencompe-ov {
  background: url(../img/reserve_icon.png) 0px -1480px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icongdoonly {
  background: url(../img/reserve_icon.png) 0px -1550px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.icongdoonly-ov {
  background: url(../img/reserve_icon.png) 0px -1620px no-repeat;
  float: left;
  padding-right: 5px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
}


/**
 * モーダルダイアログ共通
 */

.modalDialog {
  margin: 50px 10px;
  border      : 5px solid #565656;
  display     : none;
  position    : absolute;
  top       : 50px;
  left      : 0;
  z-index     : 8888;
  width     : 610px;
  height      : auto;
  background-color: #dce1f0;
}


#dlgOverlay {
  display     : none;
  position    : fixed;
  top       : 0;
  left      : 0;
  z-index     : 7777;
  width     : 100%;
  height      : 100%;
  /*background-color: #565656;*/
  background-color: rgba(86, 86, 86, 1);
  filter      : alpha(opacity=98);  /* IE 用 */
  -moz-opacity  : 0.6;          /* Firefox, Netscape 用 */
  opacity     : .98;          /* Opera, Safari 用 */
}

/**
 * オプション選択リスト   
 */

ul.listOptionSettings {
  border: 2px solid #2087C7;
}

ul.listOptionSettings li {
  padding: 20px 20px;
  border-top: 2px solid #2087C7;
  background-color: #fff;
  overflow: hidden;
}

ul.listOptionSettings li.title {
  font-size: 28px;
  font-weight: bold;
  line-height: 46px;
  display: block;
  color: #fff;
  padding-left: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
}
ul.listOptionSettings li.title02 {
  font-size: 28px;
  font-weight: bold;
  line-height: 46px;
  /*padding: 0;*/
  display: block;
  color: #fff;
  padding-left: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.listOptionSettings li.noIcon {
  background-color: #308ad2;
  font-size: 24px;
  padding-left: 10px;
}

ul.listOptionSettings li.noIcons {
  background-color: #308ad2;
  font-size: 26px;
  padding-left: 20px;
  color: #fff;
  font-weight: bold;
}

ul.listOptionSettings li.iconRegion {
  background: url(../img/icon_place_white.png) no-repeat 15px 50% #308ad2;
}

ul.listOptionSettings li.iconHighway {
  background: url(../img/icon_car_white.png) no-repeat 15px 50% #308ad2;
  font-size: 24px;
}

ul.listOptionSettings li.iconCalendar {
  background: url(../img/icon_calendar_white.png) no-repeat 15px 50% #308ad2;
}

ul.listOptionSettings li.subtitleWithCollapse {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  font-size: 28px;
  line-height: 56px;
  padding: 0;
}

ul.listOptionSettings li.subtitle {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  font-size: 28px;
  line-height: 56px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.listOptionSettings li.subtitle02 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  font-size: 28px;
  line-height: 56px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.listOptionSettings li.tblOptions {
  font-size: 28px;
  line-height: 56px;
  padding: 0;
}

ul.listOptionSettings li.subtitleWithCollapse > a {
  display: block;
  background: url(../img/btn_txt_plus.png) transparent no-repeat 98% 50%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: left;
  font-weight: bold;
}

ul.listOptionSettings li.subtitleWithCollapse > a.collapse {
  background: url(../img/btn_txt_minus.png) transparent no-repeat 98% 50%;
}

#dlgCalendar li:not(.title) {
  border: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

#dlgCalendar li.button {
  padding-bottom: 15px;
}

#dlgCalendar li.calendar {
  padding-left: 15px;
}

#dlgCalendar li.navi {
  line-height: 60px;
  text-align: center;
}

#dlgCalendar li.navi div.nextmonth {
  float: right;
  width: 100px;
}

#dlgCalendar li.navi div.prev {
  float: left;
  width: 100px;
}

#dlgCalendar li.navi div.current {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  font-size: 28px!important;
}

#dlgCalendar li.navi div.nextmonth a {
  display: block;
  font-size: 24px;
  padding-left: 20px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}

#dlgCalendar li.navi div.nextmonth a:after {
  content: "";
  position: absolute;
  right: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-top: solid 7px #4eb8f4;
  border-right: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

#dlgCalendar li.navi div.prev a {
  display: block;
  font-size: 24px;
  padding-left: 30px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}

#dlgCalendar li.navi div.prev a:after {
  content: "";
  position: absolute;
  left: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-left: solid 7px #4eb8f4;
  border-bottom: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

#dlgCalendar li.navi div a.noAfter {
  cursor: default;
  text-indent: -999em;
  color: #fff;
}

#dlgCalendar li.navi div a.noAfter:after {
  border: none;
  content: "";
  display: none!important;
}

#dlgCalendarHoliday li:not(.title) {
  border: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

#dlgCalendarHoliday li.button {
  padding-bottom: 15px;
}

#dlgCalendarHoliday li.calendar {
  padding-left: 15px;
}

#dlgCalendarHoliday li.navi {
  line-height: 60px;
  text-align: center;
}

#dlgCalendarHoliday li.navi div.next {
  float: right;
  width: 100px;
}

#dlgCalendarHoliday li.navi div.prev {
  float: left;
  width: 100px;
}

#dlgCalendarHoliday li.navi div.current {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  font-size: 28px!important;
}

#dlgCalendarHoliday li.navi div.next a {
  display: block;
  font-size: 24px;
  padding-left: 20px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}


#dlgCalendarHoliday li.navi div.next a:after {
  content: "";
  position: absolute;
  right: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-top: solid 7px #4eb8f4;
  border-right: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

#dlgCalendarHoliday li.navi div.prev a {
  display: block;
  font-size: 24px;
  padding-left: 30px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}

#dlgCalendarHoliday li.navi div.prev a:after {
  content: "";
  position: absolute;
  left: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-left: solid 7px #4eb8f4;
  border-bottom: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

#dlgCalendarHoliday li.navi div a.noAfter {
  cursor: default;
  text-indent: -999em;
  color: #fff;
}

#dlgCalendarHoliday li.navi div a.noAfter:after {
  border: none;
  content: "";
  display: none!important;
}

#dlgCalendarCheap li:not(.title) {
  border: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

#dlgCalendarCheap li.button {
  padding-bottom: 15px;
}

#dlgCalendarCheap li.calendar {
  padding-left: 15px;
}

#dlgCalendarCheap li.navi {
  line-height: 60px;
  text-align: center;
}

#dlgCalendarCheap li.navi div.next {
  float: right;
  width: 100px;
}

#dlgCalendarCheap li.navi div.prev {
  float: left;
  width: 100px;
}

#dlgCalendarCheap li.navi div.current {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  font-size: 28px!important;
}

#dlgCalendarCheap li.navi div.next a {
  display: block;
  font-size: 24px;
  padding-left: 20px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}

#dlgCalendarCheap li.navi div.next a:after {
  content: "";
  position: absolute;
  right: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-top: solid 7px #4eb8f4;
  border-right: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

#dlgCalendarCheap li.navi div.prev a {
  display: block;
  font-size: 24px;
  padding-left: 30px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}

#dlgCalendarCheap li.navi div.prev a:after {
  content: "";
  position: absolute;
  left: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-left: solid 7px #4eb8f4;
  border-bottom: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

#dlgCalendarCheap li.navi div a.noAfter {
  cursor: default;
  text-indent: -999em;
  color: #fff;
}

#dlgCalendarCheap li.navi div a.noAfter:after {
  border: none;
  content: "";
  display: none!important;
}

ul.listOptionSettings li.button {
  padding-top: 15px;
  padding-bottom: 15px;
}

ul.listOptionSettings li.button div.btnSubmitRegion {
  float: left;
  border: 2px solid #308ad2;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4eb8f4), to(#308ad2));
  width: 100%;
  text-align: center;
  margin-left: -5px;
}

ul.listOptionSettings li.button div.btnSubmitRegion a {
  display: block;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-size: 28px;
  font-weight: bold;
}

ul.listOptionSettings li.button div.btnSaveRegion {
  float: right;
  display: block;
  line-height: 80px;
}

ul.listOptionSettings li.button div.btnSaveRegion a {
  display: block;
  background: url(../img/icon_save.png) transparent no-repeat 100% 50%;
  padding-right: 40px;
  text-decoration: underline;
  font-size: 24px;
}

ul.listOptionSettings li.button div.btnSubmitHighway {
  float: left;
  border: 2px solid #308ad2;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4eb8f4), to(#308ad2));
  width: 100%;
  text-align: center;
  margin-left: -5px;
}

ul.listOptionSettings li.button div.btnSubmitHighway a {
  display: block;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-size: 28px;
  font-weight: bold;
}

ul.listOptionSettings li.button div.btnSaveHighway {
  float: right;
  display: block;
  line-height: 80px;
}

ul.listOptionSettings li.button div.btnSaveHighway a {
  display: block;
  background: url(../img/icon_save.png) transparent no-repeat 100% 50%;
  padding-right: 40px;
  text-decoration: underline;
  font-size: 24px;
}

ul.listOptionSettings li.button div.btnCloseCalendar {
  float: left;
  border: 2px solid #308ad2;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4eb8f4), to(#308ad2));
  width: 100%;
  text-align: center;
  margin-left: -5px;
}

ul.listOptionSettings li.button div.btnCloseCalendar a {
  display: block;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 28px;
  font-weight: bold;
}

ul.listOptionSettings li.button div.btnCloseIcons {
  float: left;
  border: 2px solid #308ad2;
  background: -webkit-gradient(linear, left top, left bottom, from(#4eb8f4), to(#308ad2));
  width: 100%;
  text-align: center;
  margin-left: -5px;
}

ul.listOptionSettings li.button div.btnCloseIcons a {
  display: block;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
}

li.defOptions dl dt {
  font-size: 24px;
  float: left;
  width: 180px;
  padding: 5px 0 5px 0px;
  clear: both;
  line-height: 60px;
}

li.defOptions dl dd {
  width: 460px;
  margin-left: 180px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 15px;
}

li.defOptions dl dd:last-child {
  margin-bottom: 0;
}

/**
 * こだわり検索内のテーブル部
 */
table.table01 {
  color:#333;
}
table.table01 > tbody > tr > td {
  text-align: left;
  padding: 15px;
  border: 2px solid #2087C7;
}

table.table01 tbody tr:first-child td {
  border-top: none;
}

table.table01 tbody tr:last-child td {
  border-bottom: none;
}

table.table01 tbody tr td:first-child {
  border-left: none;
}

table.table01 tbody tr td:last-child {
  border-right: none;
}

table.table01 > tbody > tr > th {
  text-align: left;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5a5a5), color-stop(0.5, #a5a5a5), color-stop(0.5, #787878), to(#787878));
  padding: 8px;
  border: 1px solid #ccc;
  color: #fff;
  text-shadow: 0 -1px 1px #333
}

/**
 * カレンダーテーブル
 */
table.calendar {
  border-style: solid;
  border: 2px solid #ababab;
}

table.calendar tr th,
table.calendar tr td {
  border: 2px solid #ababab;
  text-align: center;
}

table.calendar tr td {
}

table.calendar tr th {
  padding-top: 12px;
  padding-bottom: 10px;
}

table.calendar tr th.sat {
  background-color: #4aaeed;
  color: #FFF
}

table.calendar tr th.sun {
  background-color: #f75265;
  color: #FFF
}

table.calendar tr td a {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}

table.calendar tr td.today {
  background: #2087c7!important;
  color: #fff;
}

table.calendar tr td a.today {
  background: #2087c7!important;
  color: #fff;
}

table.calendar tr td.visit {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #2083c8;
  color: #FFF;
}

table.calendar tr td.noactive {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #FFF;
  color: #909090;
}

#dlgCalendar {
  margin-top : 20px;
}

#dlgCalendar li {
  list-style: none;
}

#dlgCalendar li:not(.title) {
  border: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

#dlgCalendar li.button {
  padding-bottom: 15px;
}

#dlgCalendar li.calendar {
  padding-left: 15px;
  padding-bottom: 15px;
}

#dlgCalendar li.navi {
  line-height: 60px;
  text-align: center;
}

#dlgCalendar li.navi div.next {
  float: right;
  width: 100px;
}

#dlgCalendar li.navi div.prev {
  float: left;
  width: 100px;
}

#dlgCalendar li.navi div.current {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  font-size: 28px!important;
}

#dlgCalendar li.navi div.next a {
  display: block;
  font-size: 24px;
  padding-left: 20px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}

#dlgCalendar li.navi div.next a:after {
  content: "";
  position: absolute;
  right: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-top: solid 7px #4eb8f4;
  border-right: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

#dlgCalendar li.navi div.prev a {
  display: block;
  font-size: 24px;
  padding-left: 30px;
  text-align: left;
  position: relative;
  text-decoration: underline;
}

#dlgCalendar li.navi div.prev a:after {
  content: "";
  position: absolute;
  left: 4%;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-left: solid 7px #4eb8f4;
  border-bottom: solid 7px #308ad2;
  -webkit-transform: rotate(45deg);
}

ul.listOptionSettings {
  border: 2px solid #2087C7;
}

ul.listOptionSettings li {
  padding: 20px 20px;
  border-top: 2px solid #2087C7;
  background-color: #fff;
  overflow: hidden;
}

ul.listOptionSettings li.title {
  font-size: 26px;
  font-weight: bold;
  line-height: 46px;
  display: block;
  color: #fff;
  padding-left: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.listOptionSettings li.iconCalendar {
  background: url(../img/icon_calendar_white.png) no-repeat 15px 50% #308ad2;
}

/**
 * フッターボタン
 */

.btnBottom {
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.btnBottom div {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  -webkit-border-radius: 10px;
}

.btnBottom div a {
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  border: 2px solid #ababab;
  -webkit-border-radius: 10px;
  text-align: center;
  color: #000;
  font-size: 24px;
}

.btnBottom div.goBack {
  float: left;
  width: 33%;
}

.btnBottom div.goBack a {
  position: relative;
}

.btnBottom div.goBack a:after {
  content: "";
  position: absolute;
  left: 8%;
  top: 55%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  border-top: solid 7px #424242;
  border-right: solid 7px #424242;
  -webkit-transform: rotate(225deg);
}

.btnBottom div.goTop {
  float: right;
  width: 37%;
}

.btnBottom div.goTop a {
  background: url(../img/btn_link_pagetop.png) transparent no-repeat 95% 50%;
  text-align: left;
  padding-left: 5%;
}

.btnBottom div.goTopWide {
  width: 95%;
  margin: 0 auto;
}

.btnBottom div.goTopWide a {
  background: url(../img/btn_link_pagetop.png) transparent no-repeat 400px 50%;
  text-align: center;
}

.next20 {
  margin-top: 30px;
  border-top: 2px solid #ababab;
  border-bottom: 2px solid #ababab;
  background-color: #f5f5f5;
  padding-top: 15px;
  padding-bottom: 15px;
}

.next20 a {
  background: -webkit-gradient(linear, left top, left bottom, from(#4eb8f4), to(#308ad2));
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
  width: 200px;
  border: 2px solid #308ad2;
  -webkit-border-radius: 10px;
  margin: 0 auto;
}

/**
 * 電話番号表示
 */

.telephone {
  text-align: center;
  padding-top: 30px;
}

/**
 * インフォメーション
 */

#info-message {
    border: 4px solid #2083c8;
    margin: 20px;
    font-size: 24px;
}
#info-message .content {
    border-width:0;
    overflow:hidden;
    clear:both;
    padding:20px 0;
    position:relative;
}
#info-message .text-center {
    text-align:center
}
#info-message a.normal-link {
    color:#3391c7;
    text-decoration:underline
}

/**
 * お知らせ（アラート）
 */

.alert-message {
    padding:10px 0;
	font-size: 24px;
	color:#f73d52;
    text-align:center;
}

/**
 * 検索ボタン
 */

.areaSearch ul li.button div.search,
.listSearchDetail li.button div.search {
  float: left;
  border: 2px solid #f73d52;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc7d8e), to(#f73d52));
  width: 50%;
  margin-left: -5px;
}

.areaSearch ul li.button div.search a,
.listSearchDetail li.button div.search a {
  background: url(../img/icon_search_white.png) no-repeat 40px 50% transparent;
  display: block;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 21px;
  padding-left: 115px;
  font-size: 28px;
  font-weight: bold;
}

/*検索0件の場合の非アクティブ時*/
.areaSearch ul li.button div.search.disabled,
.listSearchDetail li.button div.search.disabled {
  float: left;
  border: 2px solid #8b8b8b;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b8b8b), to(#bcbcbc));
  width: 50%;
  margin-left: -5px;
}

.areaSearch ul li.button div.search.disabled a,
.listSearchDetail li.button div.search.disabled a {
  background: url(../img/icon_search_white.png) no-repeat 40px 50% transparent;
  display: block;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 21px;
  padding-left: 115px;
  font-size: 28px;
  font-weight: bold;
}

.areaSearch ul li.button div.search2,
.listSearchDetail li.button div.search2 {
  float: left;
  border: 2px solid #f73d52;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc7d8e), to(#f73d52));
  width: 50%;
  margin-left: -5px;
}

.areaSearch ul li.button div.search2 a,
.listSearchDetail li.button div.search2 a {
  background: url(../img/icon_search_white.png) no-repeat 40px 50% transparent;
  display: block;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 21px;
  padding-left: 115px;
  font-size: 28px;
  font-weight: bold;
}

/*検索0件の場合の非アクティブ時*/
.areaSearch ul li.button div.search2.disabled,
.listSearchDetail li.button div.search2.disabled {
  float: left;
  border: 2px solid #8b8b8b;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b8b8b), to(#bcbcbc));
  width: 50%;
  margin-left: -5px;
}

.areaSearch ul li.button div.search2.disabled a,
.listSearchDetail li.button div.search2.disabled a {
  background: url(../img/icon_search_white.png) no-repeat 40px 50% transparent;
  display: block;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 21px;
  padding-left: 115px;
  font-size: 28px;
  font-weight: bold;
}

.areaSearch ul li.button div.searchResult,
.listSearchDetail li.button div.searchResult {
  float: right;
  border: 2px solid #d4d4d4;
  background-color: #f0f0f0;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 17px;
  text-align: center;
  width: 50%;
  margin-right: -10px;
}
   
.areaSearch ul li.button div.searchResult .number,
.listSearchDetail li.button div.searchResult .number {
  font-size: 30px;
  color: #f00;
  font-weight: bold;
}


/**
 * 次の20件ボタン
 */

.nextback {
  margin-top: 30px;
  border-top: 2px solid #ababab;
  border-bottom: 2px solid #ababab;
  background-color: #f5f5f5;
  padding-top: 15px;
  padding-bottom: 75px;
}

.next {
  float: right;
  border: 2px solid #308ad2;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4eb8f4), to(#308ad2));
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 200px;
}

.next a {
  background: url(../img/btn_link_next.png) transparent no-repeat 170px 50% ;
  display: block;
  color: #fff;
  text-align: left;
  padding-left: 20px;
}

.back {
  float: left;
  border: 2px solid #308ad2;
  -webkit-border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4eb8f4), to(#308ad2));
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 200px;
}

.back a {
  background: url(../img/btn_link_back.png) transparent no-repeat 10px 50% ;
  display: block;
  color: #fff;
  text-align: right;
  padding-right: 20px;
}


.areaSearch ul li div.btnSearchBigSave {
  background: url(../img/btn_search_popup_big.png) no-repeat transparent;
  height: 78px;
  line-height: 78px;
  width: 452px;
}

.areaSearch ul li div.btnSearchSmallSave {
  background: url(../img/btn_search_popup_small.png) no-repeat transparent;
  height: 78px;
  line-height: 78px;
  width: 239px;
  display: inline-block;
}

.areaSearch ul li div.btnSearchBigSave a,
.areaSearch ul li div.btnSearchSmallSave a {
  padding-left: 20px;
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #0a9303;
}

.dlgRegionName{
text-overflow: ellipsis;
white-space: nowrap;
width: 80%;
overflow: hidden;
}

.dlgHighwayName{
text-overflow: ellipsis;
white-space: nowrap;
width: 80%;
overflow: hidden;
}

.btnClose {
float: right;
}

.btnClose a {
display: block;
background: url(../img/btn_close.png) no-repeat;
text-indent: -999em;
width: 50px;
height: 50px;
}

/**
 * Chrome対応
 */
.title,.titleTop,.subtitle,.subacc,.titleBottom,.titleWithButton,.area,.btnBottom,.sc_title01,.sc_step p,.sc_title02,.recommendation,.sc_read,.sc_explanation,.sc_title03,.btnOubo,.outline_item,.btnOubo2,.golf_name{
	display: inline-block !important;
	vertical-align: bottom !important;
}
.title,.golf_name{
	width: 97% !important;
}
.titleTop,.subtitle,.subacc,.titleBottom,.titleWithButton,.area,.btnBottom,.sc_title01,.sc_step p,.sc_title02,.recommendation,.sc_explanation,.sc_title03,.btnOubo,.outline_item,.btnOubo2{
	width: 100% !important;
}

.btnNextOubo{
	width:95%;
	display:inline-block;
}
.sc_read{
	width:60%;
}
.detail li p{
	display: inline-block !important;
	vertical-align: bottom !important;
	width: 100% !important;
}
	
.chrome_tx{
	width: 97% !important;
	display: inline-block !important;
	vertical-align: bottom !important;
}
.chrome_tx02{
	width: 100% !important;
	display: inline-block !important;
	vertical-align: bottom !important;
}
.chrome_tx03{
	display: inline-block !important;
	vertical-align: bottom !important;
	width:50%;
}
.chrome_tx04{
	display: inline-block !important;
	vertical-align: bottom !important;
	width:94%;
}
.chrome_tx05{
	display: inline-block !important;
	width:95%;
}
.chrome_tx06{
	display: inline-block !important;
	width:97%;
}

.w95{
	width:95%;
}
.m10{
	margin-left:10px;
}
.t10{
	margin-top:10px;
}
.areaSearch ul li.search_title {
  background: #2087c7;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  /*padding-top: 15px;
  padding-bottom: 15px;*/
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 56px;
}
.areaSearch ul li.search_title .btnDown,
.areaSearch ul li.search_title .btnUp {
  float: right;
  /*height: 56px;*/
}

.areaSearch ul li.search_title .btnDown a {
  display: block;
  background: url(../img/btn_top_anchor_down.png) no-repeat 100% 50%;
  text-indent: -999em;
  width: 235px;
  height: 56px;
}

.areaSearch ul li.search_title .btnUp a {
  display: block;
  background: url(../img/btn_top_anchor_up.png) no-repeat 100% 50%;
  text-indent: -999em;
  width: 188px;
  height: 56px;
}

.area ul li.title_top {
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.4, #fcfcfc), to(#fff));
  padding-left: 15px;
  padding-top : 15px;
  padding-bottom: 15px;
  color: #308ad2;
  font-weight: bold;
  border-bottom: 2px solid #f0f0f0;
  /*float: left;
  width: 100%;*/
}

.emergency_plan ul {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-left:16px;
}

.emergency_plan ul li {
  list-style: none;
  display: block;
  float: left;
  padding-bottom:15px;
  padding-right:10px;
}

.consumptiontax{
	text-align:center;
	max-height:999999px;
	font-size:26px;
	border-top:2px solid #D9D9D9;
	padding:25px 0px 15px 0px;
}
.center{
	text-align:center;
}
/*同伴者に共有*/

.share{
	background-color:#F5F5F5;
	border:2px solid #ABABAB;
	margin-bottom:30px;
}

.share_btn{
	margin:0 14px;
	margin-bottom:14px;
}

.share_btn .left{
	float:left;
}

.share_btn .right{
	float:right;
}

.share_title{
	padding:14px 0px 14px 14px;
	max-height:999999px;
	color:#308AD2;
}