@charset "utf-8";
/*****************************************************************/

/**アイコン***********************************/
.ico {
  vertical-align: middle;
  margin: -1px 0 0 4px;
}
a.window {
  background: url(/cmn/img/ico/ico-window-o.gif) right 5px no-repeat;
  padding: 0 14px 0 0;
  margin-right: 3px;
}
a.pdf {
  background: url(/cmn/img/ico/ico-pdf.gif) right 3px no-repeat;
  padding: 0 15px 0 0;
  margin-right: 3px;
}
.arrow-p01, ul.arrowlist-p01 li {
  background: url(/cmn/img/arrow-p01.gif) left 4px no-repeat;
  padding-left: 20px;
}
.arrow-o01, ul.arrowlist-o01 li {
  background: url(/cmn/img/arrow-o01.gif) left 4px no-repeat;
  padding-left: 20px;
}
.arrow-o02, ul.arrowlist-o02 li {
  background: url(/cmn/img/arrow-o02.gif) 5px 5px no-repeat !important;
  padding-left: 20px;
}
.arrow-o03, ul.arrowlist-o03 li {
  background: url(/cmn/img/arrow-o03.gif) 5px 5px no-repeat;
  padding-left: 20px;
}
.arrow-b01, ul.arrowlist-b01 li {
  background: url(/cmn/img/arrow-b01.gif) left 4px no-repeat;
  padding-left: 20px;
}
.arrow-b02, ul.arrowlist-b02 li {
  background: url(/cmn/img/arrow-b02.gif) 8px 5px no-repeat;
  padding-left: 20px;
}
.arrow-b03, ul.arrowlist-b03 li {
  background: url(/cmn/img/arrow-b03.gif) 8px 5px no-repeat;
  padding-left: 20px;
}
.arrow-w01, ul.arrowlist-w01 li {
  background: url(/cmn/img/arrow-w01.gif) left 4px no-repeat;
  padding-left: 20px;
}
.arrow-w02, ul.arrowlist-w02 li {
  background: url(/cmn/img/arrow-w02.gif) 5px 5px no-repeat;
  padding-left: 20px;
}
.arrow-w03, ul.arrowlist-w03 li {
  background: url(/cmn/img/arrow-w03.gif) 5px 5px no-repeat;
  padding-left: 20px;
}
.arrow-anc {
  background: url(/cmn/img/arrow-btm-o.gif) left 3px no-repeat;
  padding-left: 20px;
}
.pdf {
  background: url(/cmn/img/ico/ico-pdf.gif) left 3px no-repeat;
  padding-left: 20px;
}
.window {
  background: url("/lp/ivory_cobalt/img/ico-window-lb.gif") left 4px no-repeat;
  padding-left: 20px;
}
sup {
  font-size: 50%;
  vertical-align: super;
  line-height: 0;
}
sub {
  font-size: 50%;
  vertical-align: sub;
  line-height: 0;
}
/**注釈***********************/
.exp { /**「*」のみ**/
  text-indent: -1em;
  padding-left: 1em;
}
.exp-num { /**「*1：」**/
  text-indent: -2em;
  padding-left: 2em;
}
.exp-etc { /**（注1）**/
  text-indent: -3em;
  padding-left: 3em;
}
td.exp {
  text-indent: -0.6em !important;
  padding-left: 1.3em !important;
}
/**テキスト回り込みなし**/
.nowrapBlock {
  overflow: hidden;
  zoom: 1; /**IE6用**/
}
/**リスト***********************/
ul.disc, ul.txt, ul.num, ul.alpha {
  margin-left: 1.5em;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
/*disc*/
/*ul.num li ul.disc li,
ul.txt li ul.disc li,
ul.alpha li ul.disc li,
ul.disc li{
	list-style:disc;
	margin-left:0;
	text-indent: 0;
	}*/
/*num*/
ul.disc li ul.num li, ul.txt li ul.num li, ul.alpha li ul.num li, ul.num li {
  list-style: decimal;
  margin-left: 1em;
}
/*alpha*/
ul.num li ul.alpha li, ul.disc li ul.alpha li, ul.txt li ul.alpha li, ul.alpha li {
  list-style: lower-alpha;
  margin-left: 1em;
}
/*txt*/
ul.num li ul.txt li, ul.disc li ul.txt li, ul.alpha li ul.txt li, ul.disc {
  list-style: none;
}
ul.txt li {
  list-style: none;
  margin-left: 0.5em;
  text-indent: -2em;
}
ul.num li ul.disc li, ul.none li ul.disc li, ul.alpha li ul.disc li, ul.arrow li ul.disc li, ul.disc li {
  margin-left: 0;
  text-indent: -0.5em;
  padding-left: 0.5em;
}
ul.num li ul.disc li:before, ul.none li ul.disc li:before, ul.alpha li ul.disc li:before, ul.arrow li ul.disc li:before, ul.disc li:before {
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #71a28b;
  position: relative;
  left: -8px;
  top: -3px;
}
.li0m li {
  margin-bottom: 0 !important;
}
ul li:last-child {
  /*	margin-bottom:0 !important;*/
}
/*pdfのリスト*/
ul.pdflist li {
  background: url(/cmn/img/ico/ico-pdf.gif) left 3px no-repeat;
  padding-left: 20px;
  margin-bottom: 0;
}
/*別ウインドウのリスト*/
ul.windowlist li {
  background: url(/cmn/img/ico/ico-window-o.gif) left 5px no-repeat;
  padding-left: 20px;
  margin-bottom: 0;
}
/*アンカーリンク*/
.anc {
  clear: both;
  background: url(/cmn/img/bg-dot01.gif) left top;
  padding: 10px 15px 10px 15px;
  margin: 2em 0;
}
.anc li {
  margin-bottom: 0.2em !important;
  background: url(/cmn/img/arrow-btm-o.gif) left 3px no-repeat;
  padding-left: 20px;
  font-size: 90%;
  line-height: 1.4em;
  letter-spacing: 0;
}
/*2カラム*/
.list-column2Box li {
  float: left;
  width: 320px;
  padding-right: 10px;
  margin-bottom: 0.3em !important;
}
.list-column2 li {
  float: left;
  width: 335px;
  padding-right: 10px;
  margin-bottom: 0.3em !important;
}
/*3カラム*/
.list-column3Box li {
  float: left;
  width: 203px;
  padding-right: 10px;
  margin-bottom: 0.5em !important;
}
.list-column3 li {
  float: left;
  width: 335px;
  padding-right: 10px;
  margin-bottom: 0.3em !important;
}
.arrow-o01 a, ul.arrowlist-o01 li a, .arrow-o02 a, ul.arrowlist-o02 li a, .arrow-o03 a, ul.arrowlist-o03 li a, .arrow-b01 a, ul.arrowlist-b01 li a, .arrow-b02 a, ul.arrowlist-b02 li a, .arrow-b03 a, ul.arrowlist-b03 li a, .arrow-p01 a, ul.arrowlist-p01 li a, .pdf a, ul.pdflist li a, .window a, ul.windowlist li a, .arrow-anc a, .anc li a {
  color: #000 !important;
}
.arrow-w01 a, ul.arrowlist-w01 li a, .arrow-w02 a, ul.arrowlist-w02 li a, .arrow-w03 a, ul.arrowlist-w03 li a {
  color: #FFF !important;
}
/*table-cell*/
ul.tbl-cell {
  display: table;
}
ul.tbl-cell li {
  display: table-cell;
  padding: 5px;
}
/**table表******************************/
table {
  border: 1px solid #797962;
  border-collapse: collapse;
}
th {
  padding: 3px 6px;
  border: 1px solid #797962;
  background: #ebe3d9;
  font-weight: bold;
  vertical-align: top;
  text-align: center;
  letter-spacing: 0.1em;
}
td {
  padding: 3px 6px;
  border: 1px solid #797962;
  vertical-align: top;
  background: #FFF;
  letter-spacing: 0.1em;
}
.th2, .th2 th {
  background-color: #ffefda !important;
}
.th2-l, .th2-l th {
  background-color: #ffefda !important;
  text-align: left !important;
}
.th3, .th3 th {
  background-color: #f6f1ea !important;
}
.th3-l, .th3-l th {
  background-color: #f6f1ea !important;
  text-align: left !important;
}
table.th4 th {
  font-weight: bold !important;
  color: #5f5f2d !important;
  padding-right: 1em;
}
td p:last-child {
  margin-bottom: 0;
}
/*th td中央寄せ表*/
table.td-c td {
  text-align: center;
}
/*th td右寄せ表*/
table.th-r th, table.td-r td {
  text-align: right;
}
/*th td左寄せ表*/
table.td-c td.td-l {
  text-align: left;
}
/*th td右寄せ表*/
table.th-r th, table.td-r td {
  text-align: right;
}
/*th td垂直真ん中寄せ*/
table.alignC th, table.alignC td {
  vertical-align: middle;
}
/**透明テーブル**/
table.tbl-invisible, table.tbl-invisible th, table.tbl-invisible td {
/*  font-weight: normal;*/
  background: none;
  border: none;
  text-align: left;
}
table.tbl-invisible th {
  white-space: nowrap;
}
table.tbl-invisible th, table.tbl-invisible td {
  padding: 3px;
}
/*縦ライン点線*/
.dotlr th, .dotlr td {
  border-left: 1px dotted #797962 !important;
  border-right: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*縦ライン右点線*/
th.dotr, td.dotr {
  border-right: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*縦ライン左点線*/
th.dotl, td.dotl {
  border-left: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*横ライン点線*/
.dottb th, .dottb td {
  border-top: 1px dotted #797962 !important;
  border-bottom: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*横1ライン下点線*/
tr.dotb th, tr.dotb td {
  border-bottom: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*横1ライン上点線*/
tr.dott th, tr.dott td {
  border-top: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*横一部ライン下点線*/
th.dotb, td.dotb {
  border-bottom: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*横一部ライン上点線*/
th.dott, td.dott {
  border-top: 1px dotted #797962 !important;
  padding: 3px 6px;
}
/*料金表*/
.tbl-fee {
  width: 100%;
}
.tbl-fee th, .tbl-fee td {
  vertical-align: middle;
}
.tbl-fee th p, .tbl-fee td p {
  margin-bottom: 0.7em;
}
/*ニュース記事*/
.tbl-dot {
  clear: both;
  border: none;
}
.tbl-dot th, .tbl-dot td {
  font-weight: normal;
  background: url(/cmn/img/border-bla01.gif) left bottom repeat-x;
  border: none;
  text-align: left;
  padding: 7px 5px 7px 0;
  line-height: 1.4em;
}
.tbl-dot th {
  white-space: nowrap;
  width: 1%;
}
.ico-cam {
  display: block;
  background: url(/news/img/ico-campaign.gif) 3px 2px no-repeat;
  padding-left: 75px;
}
.ico-eve {
  display: block;
  background: url(/news/img/ico-event.gif) 3px 2px no-repeat;
  padding-left: 75px;
}
.ico-imp {
  display: block;
  background: url(/news/img/ico-important.gif) 3px 2px no-repeat;
  padding-left: 75px;
}
.ico-info {
  display: block;
  background: url(/news/img/ico-info.gif) 3px 2px no-repeat;
  padding-left: 75px;
}
.ico-sig {
  display: block;
  background: url(/news/img/ico-sightseeing.gif) 3px 2px no-repeat;
  padding-left: 75px;
}
a.ico-cam, a.ico-eve, a.ico-imp, a.ico-info, a.ico-sig {
  color: #000 !important;
  text-decoration: none !important;
}
a.ico-cam:hover, a.ico-eve:hover, a.ico-imp:hover, a.ico-info:hover, a.ico-sig:hover {
  color: #000 !important;
  text-decoration: underline !important;
}
.tbl-dot span.new {
  display: none;
  background: #DD0003;
  color: #FFF;
  font-size: 8px;
  letter-spacing: 0;
  padding: 0 4px;
  line-height: 1.0;
  font-weight: bold;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
/*偶数行の背景に色を付ける*/
.tbl-alternate tr:nth-child(even) {
  background: #f6f4f1;
}
.tbl-alternate th, .tbl-alternate td {
  padding: 7px 5px;
}
/**リンクカラー******************************/
/*青リンク*/
.a-blue a {
  color: #16619e;
  text-decoration: underline;
}
.a-blue a:hover {
  color: #16619e;
  text-decoration: none;
}
.a-blue a:visited {
  color: #16619e;
}
table.a-blue a {
  text-decoration: none;
}
table.a-blue a:hover {
  text-decoration: underline;
}
/**リンクボタン******************************/
.linkbtn-r, .linkbtn-o, .linkbtn-yg, .linkbtn-lb, .linkbtn-p, .linkbtn-eg, .linkbtn-dy, .linkbtn-matgold {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.linkbtn-r a, .linkbtn-o a, .linkbtn-yg a, .linkbtn-lb a, .linkbtn-p a, .linkbtn-eg a, .linkbtn-dy a, .linkbtn-matgold a {
  display: block;
  padding: 10px 5px;
  font-weight: bold;
  text-align: center;
  color: #FFF !important;
  text-decoration: none;
  font-size: 115%;
  background: url(/cmn/img/bg-grade-w.png) left top repeat-x;
}
.linkbtn-r a:hover, .linkbtn-o a:hover, .linkbtn-yg a:hover, .linkbtn-lb a:hover, .linkbtn-p a:hover, .linkbtn-eg a:hover, .linkbtn-dy a:hover, .linkbtn-matgold a:hover {
  background: none;
}
.linkbtn-r a .ico, .linkbtn-o a .ico, .linkbtn-yg a .ico, .linkbtn-lb a .ico, .linkbtn-p a .ico, .linkbtn-eg .ico, .linkbtn-dy .ico, .linkbtn-line .ico, .linkbtn-matgold a .ico {
  padding: 0 5px;
}
/*赤*/
.linkbtn-r {
  background: url(/cmn/img/btn-bg-r.gif) left top !important;
}
/*オレンジ*/
.linkbtn-o {
  background: url(/cmn/img/btn-bg-o.gif) left top !important;
}
/*黄緑*/
.linkbtn-yg {
  background: url(/cmn/img/btn-bg-yg.gif) left top !important;
}
/*水色*/
.linkbtn-lb {
  background: url(/cmn/img/btn-bg-lb.gif) left top !important;
}
/*ピンク*/
.linkbtn-p {
  background: url(/cmn/img/btn-bg-p.gif) left top !important;
}
/*エメラルドグリーン*/
.linkbtn-eg {
  background: url(/cmn/img/btn-bg-eg.gif) left top !important;
}
/*ダークイエロー*/
.linkbtn-dy {
  background: url(/cmn/img/btn-bg-dy.gif) left top !important;
}
/*マットゴールド*/
.linkbtn-matgold {
  background: #9b9b84;
}
.linkbtn-matgold.linkbtn-2line a {
  line-height: 1.3;
  padding-top: 5px;
  height: 40px;
}
/*白・線あり*/
.linkbtn-line {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 2px solid #baba9e;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 1px 0 #dbdbcc;
  -webkit-box-shadow: 0 1px 1px 0 #dbdbcc;
  box-shadow: 0 1px 1px 0 #dbdbcc;
}
.linkbtn-line:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.linkbtn-line a {
  display: block;
  /*margin:2px;*/
  padding: 8px 3px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 115%;
  background: url(/cmn/img/bg-grade-dy.png) left bottom repeat-x #FFF;
  border: 1px solid #FFF;
}
.linkbtn-line a:hover {
  background: #FFF;
}
/**リンクボタン02*************/
/*オレンジ*/
ul.btn-o li a, a.btn-o {
  background: url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #ef8d00;
  border-left: 5px solid #ef6b00;
  color: #FFF;
  text-decoration: none;
  display: block;
  margin-right: 20px;
  padding: 5px 5px 5px 20px;
  font-weight: bold;
  -moz-box-shadow: 0 1px 1px 0 #d3e0e7;
  -webkit-box-shadow: 0 1px 1px 0 #d3e0e7;
  box-shadow: 0 1px 1px 0 #d3e0e7;
}
ul.btn-o li a:hover, a.btn-o:hover {
  background: url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #fca62a;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*水色*/
ul.btn-lb li a, a.btn-lb {
  background: url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #5fc1ed;
  border-left: 5px solid #22a6e3;
  color: #FFF;
  text-decoration: none;
  display: block;
  margin-right: 20px;
  padding: 5px 5px 5px 20px;
  font-weight: bold;
  -moz-box-shadow: 0 1px 1px 0 #d3e0e7;
  -webkit-box-shadow: 0 1px 1px 0 #d3e0e7;
  box-shadow: 0 1px 1px 0 #d3e0e7;
}
ul.btn-lb li a:hover, a.btn-lb:hover {
  background: url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #7cd0f6;
  color: #FFF;
  text-decoration: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*黄緑*/
ul.btn-yg li a, a.btn-yg {
  background: url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #95c308;
  border-left: 5px solid #83ae00;
  color: #FFF;
  text-decoration: none;
  display: block;
  margin-right: 20px;
  padding: 5px 5px 5px 20px;
  font-weight: bold;
  -moz-box-shadow: 0 1px 1px 0 #d3e0e7;
  -webkit-box-shadow: 0 1px 1px 0 #d3e0e7;
  box-shadow: 0 1px 1px 0 #d3e0e7;
}
ul.btn-yg li a:hover, a.btn-yg:hover {
  background: url(/cmn/img/arrow-w04.gif) 10px 10px no-repeat #a6ca38;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/**カラー設定******************************/
/**背景カラー***/
.bg-dot {
  background: url(/cmn/img/bg-dot01.gif) left top !important;
}
.bg-dot02 {
  background: url(/cmn/img/bg-dot02.gif) left top !important;
}
.bg-skin01 {
  background-color: #f4f1ed !important;
}
.bg-skin02 {
  background-color: #ebe3d9 !important;
}
.bg-blue01 {
  background-color: #509cd9 !important;
  color: #FFF;
}
.bg-blue02 {
  background-color: #a9cdea !important;
}
.bg-blue03 {
  background-color: #d7f3ff !important;
}
.bg-orange01 {
  background-color: #f4a654 !important;
}
.bg-orange02 {
  background-color: #fcc58c !important;
}
.bg-orange03 {
  background-color: #ffefda !important;
}
.bg-dot-b {
  background: url(/cmn/img/bg-dot-b.gif) left top !important;
}
.bg-white {
  background-color: #FFF !important;
}
.bg-yellow {
  background-color: #fffbe2 !important;
}
.bg-pink {
  background-color: #f7e6e6 !important;
}
.bg-pink02 {
  background-color: #f38292 !important;
}
.bg-green {
  background-color: #e6f0ce !important;
}
.bg-red {
  background-color: #ef5400 !important;
  color: #FFF;
}
.bg-none {
  background: none !important;
}
/**テキストカラー****/
.txt-red {
  color: #dc0000 !important;
}
.txt-red02 {
  color: #dc0000 !important;
  font-weight: bold;
  font-size: 120%;
}
.txt-orange {
  color: #ef7a00 !important;
}
.txt-blue {
  color: #177bca !important;
}
.txt-lightblue {
  color: #2ea5dc !important;
}
.txt-white {
  color: #FFF !important;
}
.txt-pink {
  color: #f0677b !important;
}
.txt-yellowgreen {
  color: #89ab21 !important;
}
.txt-green {
  color: #3b8b00 !important;
}
.txt-darkyellow {
  color: #5f5f2d !important;
}
.txt-black {
  color: #000 !important;
}
.txt-beppu {
  color: #3895d7 !important;
}
.txt-oita {
  color: #fe9500 !important;
}
.txt-shibushi {
  color: #f43a12 !important; /*ff5e3b*/
}
/*囲い線カラー*/
.border-blue {
  border-color: #4b9cdd !important;
}
.border-pink {
  border-color: #f18897 !important;
}
.border-gray {
  border: 1px solid #a6a691 !important;
}
/**テキスト設定（位置・太さ・サイズ等）******************************/
/*太さ*/
.txt-bold {
  font-weight: 700;
}
/*右寄せ・左寄せ・中央寄せ*/
.r-txt {
  text-align: right !important;
}
.l-txt {
  text-align: left !important;
}
.c-txt {
  text-align: center !important;
}
/*テキストサイズ*/
small, .txt-small {
  font-size: 90%;
  letter-spacing: 0.16em;
}
.txt-small02 {
  font-size: 80%;
  letter-spacing: 0.16em;
}
.txt-small03 {
  font-size: 70%;
  letter-spacing: 0.16em;
}
.txt-small04 {
  font-size: 60%;
  letter-spacing: 0.16em;
}
.txt-big {
  font-size: 110%!important;
  font-weight: 700;
}
.txt-big02 {
  font-size: 120%!important;
  font-weight: 700;
}
.txt-big03 {
  font-size: 140%!important;
  font-weight: 700;
}
.txt-big04 {
  font-size: 160%;
  font-weight: 700;
}
.txt-big05 {
  font-size: 180%;
  font-weight: 700;
}
/*斜体*/
.txt-oblique {
  font-style: oblique;
  font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; 
}
/*文字間0**/
.spacing0 {
  letter-spacing: 0;
}
/*折り返し設定****/
/*折り返し禁止*/
.nowrap {
  white-space: nowrap;
}
/*強制折り返し*/
.break {
  word-break: break-all;
}
/**垂直配置****/
.alignC {
  vertical-align: middle !important;
}
/**line******************************/
.line {
  border-bottom: 1px solid #797962;
  padding: 0 0 5px 0;
  margin-bottom: 1em;
}
.line-o {
  border-bottom: 1px solid #ef7a00;
  padding: 0 0 5px 0;
  margin-bottom: 1em;
}
.line-b {
  border-bottom: 1px solid #3db3ea;
  padding: 0 0 5px 0;
  margin-bottom: 1em;
}
.line-double {
  border-bottom: 3px double #797962;
  padding: 0 0 5px 0;
  margin-bottom: 1em;
}
.line-dot {
  background: url(/cmn/img/border-bla01.gif) left bottom repeat-x;
  padding: 0 0 7px 0;
  margin-bottom: 1em;
}
/**block要素の設定******************************/
/*block要素中央配置****/
.center {
  margin: 0 auto !important;
}
/**block要素*****/
.block {
  display: block !important;
}
/**BOX******************************/
.box-white {
  clear: both;
  padding: 12px 12px 12px 12px;
  margin-bottom: 1em;
  border: 3px double #797962;
}
.box-dot {
  clear: both;
  background: url(/cmn/img/bg-dot01.gif) left top;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
}
.box-blue {
  clear: both;
  background: #509cd9;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
  color: #FFF;
}
.box-lightblue {
  clear: both;
  background: #d3efff;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
}
.box-yellow {
  clear: both;
  background: #fffbe2;
  padding: 15px;
  margin-bottom: 1em;
}
.box-dot-b {
  clear: both;
  background: url(/cmn/img/bg-dot-b.gif) left top;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
}
.box-gray {
  background: #f4f1ed;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
}
.box-orange {
  background: #ffefda;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
}
.box-pink {
  clear: both;
  background: #ffecec;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
}
.box-green {
  clear: both;
  background: #e6f0ce;
  padding: 15px 15px 15px 15px;
  margin-bottom: 1em;
}
.r-block.w310 > ul.box-2photo {
  margin-left: 10px;
}
.r-block.w310 > ul.box-2photo li {
  display: inline-block;
  vertical-align: top;
  width: 145px;
}
.r-block.w310 > ul.box-2photo li span, .r-block.w310 > ul.box-2photo li span {
  display: block;
  font-size: 80%;
  line-height: 1.2em;
  margin-top: 5px;
}
/*p.box-white, p.box-dot, p.box-blue, p.box-yellow, p.box-dot-b, p.box-gray, p.box-pink, p.box-green, p.box-orange {
	padding-bottom:1em;
}
*/
.box-white p:last-child, .box-dot p:last-child, .box-blue p:last-child, .box-lightblue p:last-child, .box-yellow p:last-child, .box-dot-b p:last-child, .box-gray p:last-child, .box-pink p:last-child, .box-green p:last-child, .box-orange p:last-child {
  margin-bottom: 0;
}
.box-white ul.column2 li, .box-dot ul.column2 li, .box-blue ul.column2 li, .box-lightblue ul.column2 li, .box-yellow ul.column2 li, .box-dot-b ul.column2 li, .box-gray ul.column2 li, .box-pink ul.column2 li, .box-green ul.column2 li, .box-orange ul.column2 li {
  width: 340px;
}
.box-white ul.column3 li, .box-dot ul.column3 li, .box-blue ul.column3 li, .box-lightblue ul.column3 li, .box-yellow ul.column3 li, .box-dot-b ul.column3 li, .box-gray ul.column3 li, .box-pink ul.column3 li, .box-green ul.column3 li, .box-orange ul.column3 li {
  width: 225px;
}
.box-white ul.column4 li, .box-dot ul.column4 li, .box-blue ul.column4 li, .box-lightblue ul.column4 li, .box-yellow ul.column4 li, .box-dot-b ul.column4 li, .box-gray ul.column4 li, .box-pink ul.column4 li, .box-green ul.column4 li, .box-orange ul.column4 li {
  width: 166px;
}
.box-white ul.column5 li, .box-dot ul.column5 li, .box-blue ul.column5 li, .box-lightblue ul.column5 li, .box-yellow ul.column5 li, .box-dot-b ul.column5 li, .box-gray ul.column5 li, .box-pink ul.column5 li, .box-green ul.column5 li, .box-orange ul.column5 li {
  width: 130px;
}
/***********table-fee************************/
.tbl-fee.tbl-osaka-beppu th {
    background: #b7e7ed;
}
.tbl-fee.tbl-osaka-beppu th.th2,
.tbl-fee.tbl-osaka-beppu th.th2-l {
    background: #d3f9ff!important;
}
.tbl-fee.tbl-osaka-beppu th.connect-dx,
.tbl-fee.tbl-osaka-beppu td.connect-dx {
    background: #6ed5ff!important;
}
.tbl-fee.tbl-osaka-beppu th.connect-dx2,
.tbl-fee.tbl-osaka-beppu td.connect-dx2 {
    background: #aee7ff!important;
}
.tbl-fee.tbl-osaka-beppu th.ebed {
    background: #cfecf3!important;
}
.tbl-fee.tbl-osaka-beppu td.ebed {
    background: #cfecf3!important;
}
.tbl-fee tr.border,
.tbl-fee tr.border > th,
.tbl-fee tr.border > td {
    padding: 0!important;
    height: 3px;
    line-height: 0;
}
.tbl-fee.tbl-osaka-beppu th.connect-su,
.tbl-fee.tbl-osaka-beppu td.connect-su {
    background: #6ed5ff!important;
}
.tbl-fee.tbl-osaka-beppu th.connect-su2,
.tbl-fee.tbl-osaka-beppu td.connect-su2 {
    background: #aee7ff!important;
}
th.solidb, .dottb tr.solidb > th, .dottb tr.solidb > td {
    border-bottom: 1px solid #797962 !important;
}

/**カラム設定***********************/
.l-block {
  float: left;
}
.r-block {
  float: right;
}
.c-block {
  float: left;
  margin-left: 12px;
  _margin-left: 6px;
}
.column2 .l-block, .column2 .r-block {
  width: 360px;
}
.column3 .l-block, .column3 .r-block, .column3 .c-block {
  width: 235px;
}
/*高さが揃った2カラムのBOXを作成したい場合*/
.column2Box {
  background: url(/cmn/img/column2-bg.gif) left bottom no-repeat;
}
.column2Box .l-block, .column2Box .r-block {
  border-top: 1px solid #a6a691;
}
/*高さが揃った3カラムのBOXを作成したい場合*/
.column3Box {
  background: url(/cmn/img/column3-bg.gif) left bottom no-repeat;
}
.column3Box .l-block, .column3Box .c-block, .column3Box .r-block {
  border-top: 1px solid #a6a691;
}
/*column3Boxを使用して定義リストを作成**/
.column3Box dl {
  margin-bottom: 0;
}
.column3Box dt {
  background: #f4f1ed;
  padding: 10px;
  margin: 1px 2px;
  font-weight: bold;
}
.column3Box dt a {
  background: url(/cmn/img/arrow-o01.gif) left 4px no-repeat;
  padding-left: 18px;
  display: block;
  text-decoration: none;
}
.column3Box dd {
  padding: 5px 10px 10px 10px;
  margin: 1px;
  /*font-size:90%;
	letter-spacing:0;*/
}
/*column3Boxの体裁だが1BOXのみ表示させたい時用**/
.column1Box {
  border: 1px solid #a6a691;
  width: 235px;
}
.column1Box dl {
  margin-bottom: 0;
}
.column1Box dt {
  background: #f4f1ed;
  padding: 10px;
  margin: 1px 2px;
  font-weight: bold;
}
.column1Box dt a {
  background: url(/cmn/img/arrow-o01.gif) left 4px no-repeat;
  padding-left: 18px;
  display: block;
  text-decoration: none;
}
.column1Box dd {
  padding: 5px 10px 10px 10px;
  margin: 1px;
}
/*column3Boxの体裁だが2BOXのみ表示させたい時用**/
.column3Box-new {
  display: flex;
  flex-wrap: wrap;
}
.column3Box-new .l-block, .column3Box-new .c-block, .column3Box-new .r-block {
  border-top: 1px solid #a6a691;
  border-right: 1px solid #a6a691;
  border-bottom: 1px solid #a6a691;
  border-left: 1px solid #a6a691;
  width: 233px;
}
.column3Box-new dl {
  margin-bottom: 0;
}
.column3Box-new dt {
  background: #f4f1ed;
  padding: 10px;
  margin: 1px 2px;
  font-weight: bold;
}
.column3Box-new dd {
  padding: 5px 10px 10px 10px;
  margin: 1px;
}
@media only screen and (max-width: 750px) {
  #article .column3Box-new .l-block, #article .column3Box-new .c-block, #article .column3Box-new .r-block {
    width: 100% !important;
    border: 1px solid #a6a691;
    float: none !important;
    margin: 0 0 20px 0 !important;
  }
}
/**画像配置設定******************/
.l-photo {
  float: left;
  padding: 0 12px 0.5em 0;
}
.r-photo {
  float: right;
  padding: 0 0 0.5em 12px;
}
.l-photo span, .r-photo span {
  display: block;
  font-size: 80%;
  line-height: 1.2em;
  margin-top: 5px;
  /*color:#603900;
	color:#5d5042;
	width:300px;*/
}
.column2 .r-photo, .column3 .r-photo, .column4 .r-photo, .column5 .r-photo {
  padding-left: 0;
}
.cap {
  margin-top: 5px;
  display: block;
  font-size: 80%;
  line-height: 1.2em;
  /*color:#5d5042;*/
}
ul.column2 li {
  float: left;
  margin-right: 20px;
  _margin-right: 10px;
  width: 355px;
}
ul.column3 li {
  float: left;
  margin-right: 12px;
  _margin-right: 6px;
  width: 235px;
}
ul.column4 li {
  float: left;
  margin-right: 12px;
  _margin-right: 6px;
  width: 173px;
}
ul.column5 li {
  float: left;
  margin-right: 12px;
  _margin-right: 6px;
  width: 136px;
}
/**幅設定******************************/
.w-1 {
  width: 1% !important;
  white-space: nowrap;
}
.w-auto {
  width: auto !important;
}
.w-full {
  width: 100% !important;
}
.w30 {
  width: 30px !important;
}
.w100 {
  width: 100px !important;
}
.w128 {
  width: 128px !important;
}
.w140 {
  width: 140px !important;
}
.w150 {
  width: 150px !important;
}
.w200 {
  width: 200px !important;
}
.w240 {
  width: 240px !important;
}
.w250 {
  width: 250px !important;
}
.w280 {
  width: 280px !important;
}
.w290 {
  width: 290px !important;
}
.w300 {
  width: 300px !important;
}
.w310 {
  width: 310px !important;
}
.w340 {
  width: 340px !important;
}
.w355 {
  width: 355px !important;
}
.w365 {
  width: 365px !important;
}
.w390 {
  width: 390px !important;
}
.w400 {
  width: 400px !important;
}
.w410 {
  width: 410px !important;
}
.w450 {
  width: 450px !important;
}
.w460 {
  width: 460px !important;
}
.w490 {
  width: 460px !important;
}
.w500 {
  width: 500px !important;
}
.w550 {
  width: 550px !important;
}
.w600 {
  width: 600px !important;
}
.w650 {
  width: 650px !important;
}
.w700 {
  width: 700px !important;
}
.w730 {
  width: 730px !important;
}
/**画像リンク******************************/
a:hover img.bnr {
  opacity: 0.6;
  filter: alpha(opacity=60); /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
  -moz-opacity: 0.6; /* FF lt 1.5 */
  -khtml-opacity: 0.6; /* Safari 1.x */
  zoom: 1;
}
/**マージン設定********************************/
/**上**/
.mar0t {
  margin-top: 0 !important;
}
.mar5t {
  margin-top: 5px !important;
}
.mar10t {
  margin-top: 10px !important;
}
.mar15t {
  margin-top: 15px !important;
}
.mar20t {
  margin-top: 20px !important;
}
.mar30t {
  margin-top: 30px !important;
}
.mar35t {
  margin-top: 35px !important;
}
.mar40t {
  margin-top: 40px !important;
}
.mar50t {
  margin-top: 50px !important;
}
.mar100t {
  margin-top: 100px !important;
}
.mar150t {
  margin-top: 150px !important;
}
.mar200t {
  margin-top: 200px !important;
}
.mar-1t {
  margin-top: -1px !important;
}
.mar-20t {
  margin-top: -20px !important;
}
/**下**/
.mar0b {
  margin-bottom: 0 !important;
}
.mar5b {
  margin-bottom: 5px !important;
}
.mar10b {
  margin-bottom: 10px !important;
}
.mar15b {
  margin-bottom: 15px !important;
}
.mar20b {
  margin-bottom: 20px !important;
}
.mar30b {
  margin-bottom: 30px !important;
}
.mar50b {
  margin-bottom: 50px !important;
}
.mar60b {
  margin-bottom: 60px !important;
}
.mar100b {
  margin-bottom: 100px !important;
}
.mar150b {
  margin-bottom: 150px !important;
}
.mar200b {
  margin-bottom: 200px !important;
}
/**左**/
.mar0l {
  margin-left: 0 !important;
}
.mar5l {
  margin-left: 5px !important;
}
.mar10l {
  margin-left: 10px !important;
}
.mar15l {
  margin-left: 15px !important;
}
.mar20l {
  margin-left: 20px !important;
}
.mar30l {
  margin-left: 30px !important;
}
.mar50l {
  margin-left: 50px !important;
}
.mar60l {
  margin-left: 60px !important;
}
.mar100l {
  margin-left: 100px !important;
}
.mar150l {
  margin-left: 150px !important;
}
.mar200l {
  margin-left: 150px !important;
}
.mar63l {
  margin-left: 63px !important;
}
/**右**/
.mar0r {
  margin-right: 0 !important;
}
.mar5r {
  margin-right: 5px !important;
}
.mar10r {
  margin-right: 10px !important;
}
.mar15r {
  margin-right: 15px !important;
}
.mar20r {
  margin-right: 20px !important;
}
.mar30r {
  margin-right: 30px !important;
}
.mar50r {
  margin-right: 50px !important;
}
.mar100r {
  margin-right: 100px !important;
}
.mar150r {
  margin-right: 150px !important;
}
.mar200r {
  margin-right: 200px !important;
}
/**上下左右**/
.mar0 {
  margin: 0 !important;
}
.mar5 {
  margin: 5px !important;
}
.mar10 {
  margin: 10px !important;
}
.mar15 {
  margin: 15px !important;
}
.mar20 {
  margin: 20px !important;
}
.mar30 {
  margin: 30px !important;
}
.mar50 {
  margin: 50px !important;
}
.mar100 {
  margin: 100px !important;
}
/**パディング設定********************************/
/**上**/
.pad0t {
  padding-top: 0 !important;
}
.pad5t {
  padding-top: 5px !important;
}
.pad10t {
  padding-top: 10px !important;
}
.pad15t {
  padding-top: 15px !important;
}
.pad20t {
  padding-top: 20px !important;
}
.pad30t {
  padding-top: 30px !important;
}
.pad50t {
  padding-top: 50px !important;
}
.pad100t {
  padding-top: 100px !important;
}
/**下**/
.pad0b {
  padding-bottom: 0 !important;
}
.pad5b {
  padding-bottom: 5px !important;
}
.pad10b {
  padding-bottom: 10px !important;
}
.pad15b {
  padding-bottom: 15px !important;
}
.pad20b {
  padding-bottom: 20px !important;
}
.pad30b {
  padding-bottom: 30px !important;
}
.pad50b {
  padding-bottom: 50px !important;
}
.pad100b {
  padding-bottom: 100px !important;
}
/**左**/
.pad0l {
  padding-left: 0 !important;
}
.pad5l {
  padding-left: 5px !important;
}
.pad10l {
  padding-left: 10px !important;
}
.pad15l {
  padding-left: 15px !important;
}
.pad20l {
  padding-left: 20px !important;
}
.pad30l {
  padding-left: 30px !important;
}
.pad40l {
  padding-left: 40px !important;
}
.pad50l {
  padding-left: 50px !important;
}
.pad100l {
  padding-left: 100px !important;
}
/**右**/
.pad0r {
  padding-right: 0 !important;
}
.pad5r {
  padding-right: 5px !important;
}
.pad10r {
  padding-right: 10px !important;
}
.pad15r {
  padding-right: 15px !important;
}
.pad20r {
  padding-right: 20px !important;
}
.pad30r {
  padding-right: 30px !important;
}
.pad50r {
  padding-right: 50px !important;
}
.pad100r {
  padding-right: 100px !important;
}
/**上下左右**/
.pad0 {
  padding: 0 !important;
}
.pad5 {
  padding: 5px !important;
}
.pad10 {
  padding: 10px !important;
}
.pad15 {
  padding: 15px !important;
}
.pad20 {
  padding: 20px !important;
}
.pad30 {
  padding: 30px !important;
}
.pad50 {
  padding: 50px !important;
}
.pad100 {
  padding: 100px !important;
}
/**clear設定***********************************/
.list-column2, .list-column2Box, .list-column3Box, .column2, .column3, .column4, .column5, .box-white, .box-dot, .box-blue, .box-lightblue, .box-yellow, .box-dot-b, .box-gray, .box-pink, .box-green, .box-orange {
  min-height: 1%;
}
.list-column2:after, .list-column2Box:after, .list-column3Box:after, .column2:after, .column3:after, .column4:after, .column5:after, .box-white:after, .box-dot:after, .box-blue:after, .box-lightblue:after, .box-yellow:after, .box-dot-b:after, .box-gray:after, .box-pink:after, .box-green:after, .box-orange:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*\*/
* html .list-column2, * html .list-column2Box, * html .list-column3Box, * html .column2, * html .column3, * html .column4, * html .column5, * html .box-white, * html .box-dot, * html .box-blue, * html .box-lightblue, * html .box-yellow, * html .box-dot-b, * html .box-gray, * html .box-pink, * html .box-green, * html .box-orange {
  height: 1%;
}
.list-column2, .list-column2Box, .list-column3Box, .column2, .column3, .column4, .column5, .box-white, .box-dot, .box-blue, .box-lightblue, .box-yellow, .box-dot-b, .box-gray, .box-pink, .box-green, .box-orange {
  display: block;
} /**/
.link-zoom a {
  display: inline-block;
  vertical-align: top;
  padding: 0 25px 0 11px;
  background: #595959 url(/cmn/img/ico/ico-zoom.png) no-repeat 100% 50%;
  background-size: 20px 11px;
  font: bold 12px/24px Arial, Helvetica, sans-serif;
  color: #fff !important;
  border-radius: 12px;
}
/**FS***********************************/