@charset "UTF-8";
/* ---------------------------------------------------------
  CSS Document sidebar > common
--------------------------------------------------------- */

#sidebar .b_list {
  display: block;
  width: 108px;
  overflow: hidden;
  margin: 0 0 0 auto;
  text-align: center;
}
#sidebar .b_list a {
  display: block;
  height: 29px;
  overflow: hidden;
  padding-left: 19px;
  background: #2d75c3 url(../images/b_list.jpg) no-repeat 0 0;
  text-decoration: none;
  font-size: 12px;
  line-height: 31px;
  color: #fff;
}
#sidebar .b_list a:hover {
  background-position: 0 -29px;
}
#sidebar .b_list a.down {
  background-position: 0 -58px;
}
#sub .b_list {
  display: block;
  width: 108px;
  overflow: hidden;
  margin: 0 0 0 auto;
  text-align: center;
}
#sub .b_list a {
  display: block;
  height: 29px;
  overflow: hidden;
  padding-left: 19px;
  background: #2d75c3 url(../images/b_list.jpg) no-repeat 0 0;
  text-decoration: none;
  font-size: 12px;
  line-height: 31px;
  color: #fff;
}
#sub .b_list a:hover {
  background-position: 0 -29px;
}
#sub .b_list a.down {
  background-position: 0 -58px;
}
#sub .b_list_long {
  display: block;
  margin: 0 0 0 auto;
  overflow: hidden;
  text-align: center;
  width: 180px;
}
#sub .b_list_long a {
  background: url("../images/b_list_long.jpg") no-repeat scroll 0 0 #2d75c3;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 29px;
  line-height: 31px;
  overflow: hidden;
  padding-left: 19px;
  text-decoration: none;
  width: 162px;
}
#sub .b_list_long a:hover {
  background-position: 0 -29px;
}
#sub .b_list_long a.down {
  background-position: 0 -58px;
}


/* ---------------------------------------------------------
  CSS Document sidebar > s_news
--------------------------------------------------------- */

.s_news, #s_news, #sInformation {
  margin-top: 20px;
  margin-bottom: 20px;
  border: solid 1px #ccc;
  background: #fff;
}
#sidebar .s_news p.icon,
#sidebar #s_news p.icon {
  text-align:center;
  margin:10px;
}
#sidebar .s_news p.txt,
#sidebar #s_news p.txt {
  margin-left:28px;
}
.s_news h2,
#s_news h2,
#sInformation h2 {
     height: 32px;
     overflow: hidden;
   padding-left:0;
     border-bottom: 1px solid #cccccc;
     background-color:#eee;
     line-height: 34px;
     font-size: 16px;
     font-weight: normal;
}

.s_news h2:before,
#s_news h2:before,
#sInformation h2:before {
  background-color:#d80008;
  margin:4px 7px 0 9px;
  width:4px;
  height:24px;
  float:left;
  display:block;
  content:" ";
}
#sidebar .s_news .find:hover,
#sidebar #s_news .find:hover {
  background-color:#d1e7ff;
}
#sidebar a.btn {
  display:block;
  background: url(/img/btn.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  text-shadow: 1px 1px 1px #333333;
  width:230px;
  height:30px;
  margin:10px auto 0;
  color:#fff;
  text-align:center;
  line-height:30px;
}
#sidebar a.btn span {
  position:relative;
}
#sidebar a.btn span:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
  border-image: none;
  border-style: solid;
  border-width: 3px;
  content: " ";
  left: -10%;
  position: absolute;
  top: 4px;
}
#sidebar a.btn:hover, #sidebar a.btn:active {
  text-decoration:none;
}
.s_news .box,
#s_news .box {
  padding: 5px 10px 10px;
}
.s_news .box:hover,
#s_news .box:hover {
  background: #d1e7ff;
}
.s_news .find,
#s_news .find {
  cursor: pointer;
}
.s_news .special ul,
#s_news .special ul {
  padding: 10px 20px 20px;
  font-size: 15px;
  line-height: 19px;
}
.s_news .special ul li,
#s_news .special ul li {
  margin-top: 10px;
}
.s_news .entry,
#s_news .entry {
  padding: 10px 5px;
  border-bottom: solid 1px #ccc;
}
.s_news .last .entry,
#s_news .last .entry {
  border-bottom: 0;
}
.s_news p.f_left,
#s_news p.f_left {
  padding: 1px;
  border: solid 1px #ccc;
  background: #fff;
}
.s_news dl {
  width: 174px;
}

#sInformation dl {
  padding: 10px 5px;
  }

#sInformation dl dd {
  margin: 5px 0 0;
}

#s_news > div.find {
  padding: 0 10px;
}

#s_news > div.find:hover {
  background-color: #d1e7ff;
}

.photo_none p.f_left {
  padding: 1px;
  border: solid 1px #ccc;
  background: #fff;
  display:none;
}
.photo_none dl {
  width: 100%;
}
.s_news dt,
#s_news dt {
  margin-bottom: 5px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  line-height: 1.4em;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
  -moz-transform-origin: 0 0;
  -moz-transform: scale(1, 1.01);
  -ms-transform-origin: 0 0;
  -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
  -o-transform-origin: 0 0;
  -o-transform: scale(1, 1.01);
}
.s_news dt a,
#s_news dt a {
  text-decoration: none;
  color: #000;
}
.s_news dt span.rank_01,
#s_news dt span.rank_01 {
  padding-top: 5px;
  padding-left: 24px;
  background: url(../images/rank_01.png) no-repeat 0 0;
}
.s_news dt span.rank_02,
#s_news dt span.rank_02 {
  padding-top: 5px;
  padding-left: 24px;
  background: url(../images/rank_02.png) no-repeat 0 0;
}
.s_news dt span.rank_03,
#s_news dt span.rank_03 {
  padding-top: 5px;
  padding-left: 24px;
  background: url(../images/rank_03.png) no-repeat 0 0;
}
.s_news dd,
#s_news dd {
  font-size: 12px;
  color: #666;
}
.s_news p.right,
#s_news p.right {
  padding: 10px;
  border-top: solid 1px #ccc;
}
.s_news a img,
#s_news a img {
  height: auto;
}
.s_news .special p.pcm,
#s_news .special p.pcm {
  font-size: 16px;
  line-height: 19px;
  padding: 10px 20px 20px;
}
.s_news .special p.pcm a,
#s_news .special p.pcm a {
  background: url(/sightseeing/common/images/i_arrow.png) no-repeat scroll left 9px rgba(0, 0, 0, 0);
  font-size: 16px;
  line-height: 1.4em;
  padding-left: 8px;
  display: inline-block;
  margin-bottom: 0.5em;
}

.s_news .special p.pcm a:last-child,
#s_news .special p.pcm a:last-child {
  margin-bottom: 0;
}

/* ---------------------------------------------------------
  CSS Document sidebar > book
--------------------------------------------------------- */

.book {
  padding: 10px 0;
  overflow:hidden;
}
.book p {
  margin: 10px 0 0 38px;
}
.book ul li.tl_link {
  text-align:center;
}


/* ---------------------------------------------------------
  CSS Document sidebar > s_rank
--------------------------------------------------------- */

.s_rank {
  margin: 20px 0;
  border: solid 1px #ccc;
  background: #fff;
  position: relative;
}
.s_rank #rank_nav {
  position: absolute;
  top: 8px;
  right: 5px;
}
.s_rank #rank_nav li {
  float: left;
  margin-left: 2px;
  padding: 2px;
  border: solid 1px #ccc;
  background-color: #f3fdff;
  -webkit-box-shadow: inset 0 0 0 2px #fcfcfc;
  -moz-box-shadow: inset 0 0 0 2px #fcfcfc;
  box-shadow: inset 0 0 0 2px #fcfcfc;
  background-image: -webkit-linear-gradient(top, #d8e4ff, #fff);
  background-image: -moz-linear-gradient(top, #d8e4ff, #fff);
  background-image: -o-linear-gradient(top, #d8e4ff, #fff);
  background-image: linear-gradient(to bottom, #d8e4ff, #fff);
  font-weight: bold;
}
.s_rank #rank_nav li a:link {
  color: #0059fc;
}
.s_rank #rank_nav li:first-child a:link {
  color: #d60008;
}
.s_rank #rank_nav li:first-child {
  background-color: #f3fdff;
  -webkit-box-shadow: inset 0 0 0 2px #fcfcfc;
  -moz-box-shadow: inset 0 0 0 2px #fcfcfc;
  box-shadow: inset 0 0 0 2px #fcfcfc;
  background-image: -webkit-linear-gradient(top, #ffd8d8, #fff);
  background-image: -moz-linear-gradient(top, #ffd8d8, #fff);
  background-image: -o-linear-gradient(top, #ffd8d8, #fff);
  background-image: linear-gradient(to bottom, #ffd8d8, #fff);
}
.s_rank h2 {
     height: 32px;
     overflow: hidden;
   padding-left:0;
     border-bottom: 1px solid #cccccc;
     background-color:#eee;
     line-height: 34px;
     font-size: 16px;
     font-weight: normal;
}

.s_rank h2:before {
  background-color:#d80008;
  margin:4px 7px 0 9px;
  width:4px;
  height:24px;
  float:left;
  display:block;
  content:" ";
}
.s_rank .box {
  padding: 5px 10px 0;
  position: relative;
}
.s_rank .rank_num {
  padding: 2px 3px;
  font-weight: bold;
  color: white;
  background-color: #d36061;
  position: absolute;
  top: 7px;
  left: 5px;
}
.s_rank.topic .rank_num {
  background-color: #377ECC;
}
.s_rank #rank_pv .rank_num {
  background-color: #d36061;
}
.s_rank #rank_like .rank_num {
  background-color: #3c599b;
}

.s_rank.topic #rank_pv .rank_num {
  background-color: #4e81cc;
  border: 1px solid #ffffff;
  top: 6px;
  left: 4px;
}

.s_rank .box:hover {
  background: #d1e7ff;
}
.s_rank .find {
  cursor: pointer;
  overflow: hidden;
}
.s_rank .special ul {
  padding: 10px 20px 20px;
  font-size: 16px;
  line-height: 19px;
}
.s_rank .special ul li {
  margin-top: 10px;
}
.s_rank .entry {
  padding: 10px 5px;
  border-bottom: solid 1px #ccc;
  overflow: hidden;
}
.s_rank .box:last-child .entry {
  border-bottom: none;
  padding: 10px 5px 20px;
  margin-bottom: 15px;
}
.s_rank .last .entry {
  border-bottom: 0;
}

.s_rank p.f_left {
  padding: 1px;
}
.s_rank p.f_left img {
  border: 1px solid #fff;
  outline: 1px solid #ccc;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.f_right {
  float: right;
}

.s_rank dl {
  width: 174px;
}
.s_rank dt,
.s_rank .box:nth-child(8) p:nth-child(2) {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.4em;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
  -moz-transform-origin: 0 0;
  -moz-transform: scale(1, 1.01);
  -ms-transform-origin: 0 0;
  -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
  -o-transform-origin: 0 0;
  -o-transform: scale(1, 1.01);
}
.s_rank dt a {
  text-decoration: none;
  color: #000;
}
.s_rank dt span.rank_01 {
  padding-top: 5px;
  padding-left: 24px;
  background: url(../images/rank_01.png) no-repeat 0 0;
}
.s_rank dt span.rank_02 {
  padding-top: 5px;
  padding-left: 24px;
  background: url(../images/rank_02.png) no-repeat 0 0;
}
.s_rank dt span.rank_03 {
  padding-top: 5px;
  padding-left: 24px;
  background: url(../images/rank_03.png) no-repeat 0 0;
}
.s_rank dd {
  font-size: 12px;
  color: #666;
}
.s_rank p.right {
  padding: 10px;
  border-top: solid 1px #ccc;
}
.s_rank a img {
  height: auto;
}

/* 新広告ツールのタイアップ枠 */
/* .s_rank .box:nth-child(n+7) p:nth-child(2) */
.s_rank .box:nth-child(n+7) p.admt_txt {
  width: 174px;
  float: right;
}
.s_rank .box:nth-child(7) p.f_left {
  width: auto;
  float: none;
}
/* .s_rank .box:nth-child(n+7) p:first-child */
.s_rank .box:nth-child(n+7) p.admt_img {
  padding: 1px;
  float: left;
}
/* .s_rank .box:nth-child(n+7) p:first-child img */
.s_rank .box:nth-child(n+7) p.admt_img img {
  width: 75px;
  height: 50px;
  border: 1px solid #fff;
  outline: 1px solid #ccc;
}
.s_rank .box:last-child .entry {
  overflow: hidden;
  float: none !important;
  width: 100%;
  box-sizing: border-box;
}
/* .s_rank .box:nth-child(n+7) p:nth-child(2), */
.s_rank .box:nth-child(n+7) p.admt_txt,
.s_rank .box:nth-child(7) .f_right {
  position: relative;
  padding: 0 0 30px;
}
.s_rank .box:nth-child(n+7):after {
  content: "タイアップ";
  padding: 0 25px 15px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: small;
  color: #999;
  font-family: HiraKakuPro-W3, "Hiragino Kaku Gothic Pro",'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Arial, Helvetica, Verdana, sans-serif;
}
.s_rank .box:last-child:after {
  content: "タイアップ";
  padding: 15px 15px 15px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: small;
  color: #999;
}
.s_rank .box:last-child .entry a,
.s_rank .box:nth-child(n+7) a,
.s_rank .box:nth-child(7) .f_right a {
  text-decoration: none;
  color: #000;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.4em;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}



/* ---------------------------------------------------------
  CSS Document sidebar > s_supplier
--------------------------------------------------------- */

.s_supplier {
  margin-bottom: 20px;
  border: solid 1px #ccc;
  background: #fff;
}
.s_supplier h2 {
     height: 32px;
     overflow: hidden;
   padding-left:0;
     border-bottom: 1px solid #cccccc;
     background-color:#eee;
     line-height: 34px;
     font-size: 16px;
     font-weight: normal;
}

.s_supplier h2:before {
  background-color:#d80008;
  margin:4px 7px 0 9px;
  width:4px;
  height:24px;
  float:left;
  display:block;
  content:" ";
}

.s_supplier .box {
  padding: 20px 15px 5px;
}
.s_supplier p {
  margin-bottom: 15px;
  text-align: center;
}
.s_supplier img {
  padding: 1px;
  border: solid 1px #ccc;
  background: #fff;
}
.s_supplier dt {
  margin-bottom: 6px;
  border-bottom: solid 1px #ccc;
  font-size: 16px;
  line-height: 28px;
}
.s_supplier dd {
  margin-bottom: 15px;
}
/* ---------------------------------------------------------
  CSS Document sidebar > s_event
--------------------------------------------------------- */

#s_event {
  margin-bottom: 20px;
  border: solid 1px #ccc;
  background: #fff;
}

/* 【暫定対応】リンク非表示 20151203 */
#s_event > p {
  display:none;
}

#s_event h2 {
     height: 32px;
     overflow: hidden;
   padding-left:0;
     border-bottom: 1px solid #cccccc;
     background-color:#eee;
     line-height: 34px;
     font-size: 16px;
     font-weight: normal;
}

#s_event h2:before {
  background-color:#d80008;
  margin:4px 7px 0 9px;
  width:4px;
  height:24px;
  float:left;
  display:block;
  content:" ";
}
#s_event .box {
  padding: 10px 10px 0;
  font-size: 14px;
}
#s_event .box dt {
  padding: 5px 0;
  border-bottom: solid 1px #ccc;
}
#s_event .monthly dd {
  padding: 5px 0 0;
  text-align: center;
}
#s_event .monthly li {
  display: inline-block;
 *display: inline;
 *zoom: 1;
  width: 89px;
  margin-top: 5px;
}
#s_event .monthly li a {
  display: block;
  width: 86px;
  height: 29px;
  overflow: hidden;
  background: #eee url(../top/s_event_btn.jpg) no-repeat 0 0;
  line-height: 31px;
  color: #2068b7;
}
#s_event .monthly li a:hover {
  text-decoration: none;
  background: #eee url(../top/s_event_btn.jpg) no-repeat 0 -29px;
}
#s_event .monthly li a.down {
  background: #eee url(../top/s_event_btn.jpg) no-repeat 0 -58px;
}
#s_event .theme dd {
  padding: 10px 0;
}
#s_event .theme ul {
/*  width: 105%;*/
}
#s_event .theme li {
  /*  display: inline;
  margin-top: 5px;
  margin-right: 2px;
  padding-right: 7px;
  background: url(../top/s_event_icon.jpg) no-repeat right;
*/  list-style: none;
  color: #000;
}
#s_event .theme li.last {
  background: none;
}
#s_event p.right {
  padding: 10px;
  border-top: solid 1px #ccc;
}
#s_event p.pcm {
  font-size: 14px;
  line-height: 22px;
  padding: 10px 0 20px 10px;
  text-align: left;
}
#s_event p.pcm a {
  background: url("/sightseeing/common/images/i_arrow.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
  font-size: 14px;
  line-height: 22px;
  padding-left: 8px;
}
/* ---------------------------------------------------------
  CSS Document sidebar > s_info
--------------------------------------------------------- */

#s_info {
  margin-bottom: 20px;
  border: solid 1px #ccc;
  background: #fff;
}

#s_info h2 {
     height: 32px;
     overflow: hidden;
   padding-left:0;
     border-bottom: 1px solid #cccccc;
     background-color:#eee;
     line-height: 34px;
     font-size: 16px;
     font-weight: normal;
}

#s_info h2:before {
  background-color:#d80008;
  margin:4px 7px 0 9px;
  width:4px;
  height:24px;
  float:left;
  display:block;
  content:" ";
}

#s_info .box {
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
}
#s_info .box:hover {
  background: #d1e7ff;
}
#s_info dl {
  padding: 20px 0 20px 56px;
  border-bottom: solid 1px #ccc;
}
#s_info .about dl {
  background: url(../top/s_info_about.png) no-repeat 0 22px;
}
#s_info .traffic dl {
  background: url(../top/s_info_traffic.png) no-repeat 0 25px;
}
#s_info .terminal dl {
  background: url(../top/s_info_terminal.png) no-repeat 0 20px;
}
#s_info .useful dl {
  background: url(../top/s_info_useful.png) no-repeat 0 19px;
}
#s_info .monthly dl {
  background: url(../top/s_info_monthly.png) no-repeat left;
}
#s_info .map dl {
  background: url(../top/s_info_map.png) no-repeat 0 20px;
}
#s_info dt {
  margin-bottom: 5px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
  -moz-transform-origin: 0 0;
  -moz-transform: scale(1, 1.01);
  -ms-transform-origin: 0 0;
  -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
  -o-transform-origin: 0 0;
  -o-transform: scale(1, 1.01);
}
#s_info dt a {
  text-decoration: none;
  color: #333;
}
#s_info dd {
  font-size: 14px;
}
#s_info dd ol {
  margin-top: 10px;
  line-height: 24px;
}
#s_info dd li {
  padding-left: 5px;
}
#s_info dd ol li.this {
  background: #266dbc;
}
#s_info dd li.this a {
  background-image: url(../images/i_white.png);
}
#s_info dd li.this a.arrow {
  color: #fff;
}
#s_info ol {
  margin-top: 10px;
  line-height: 24px;
}
#s_info ol li {
  padding-left: 5px;
}

#s_info ol li.this {
  background: #266dbc;
}
#s_info li.this a {
  background-image: url(../images/i_white.png);
}
#s_info li.this a.arrow {
  color: #fff;
}

#s_info p.right {
  padding: 10px;
}
#s_info p.right.textLink {
  font-size: 16px;
  padding: 10px 5px 0 0;
}
/* ---------------------------------------------------------
  CSS Document sidebar > s_magazine
--------------------------------------------------------- */

#s_magazine {
  border: solid 1px #ccc;
  background: #fff;
}
#s_magazine h2 {
     height: 32px;
     overflow: hidden;
   padding-left:0;
     border-bottom: 1px solid #cccccc;
     background-color:#eee;
     line-height: 34px;
     font-size: 16px;
     font-weight: normal;
}

#s_magazine h2:before {
  background-color:#d80008;
  margin:4px 7px 0 9px;
  width:4px;
  height:24px;
  float:left;
  display:block;
  content:" ";
}

#s_magazine dl {
  padding: 10px 5px;
  }

#s_magazine dl dd {
  margin: 5px 0 0;
}

#s_magazine dt {
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-size: 16px;
    margin-bottom: 10px;
    transform: scale(1, 1.01);
    transform-origin: 0 0 0;
    text-align: center;
}

#s_magazine dt span {
  color: #e83e3e;
  font-size: 32px;
}

#s_magazine .box {
  padding: 20px 15px 10px;
}
#s_magazine p.strong {
  margin-bottom: 10px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 19px;
}
#s_magazine p.strong span {
  font-size: 32px;
  color: #e83e3e;
}
#s_magazine p.small {
  margin-bottom: 8px;
  font-size: 12px;
}
#s_magazine .button {
  width: 224px;
  height: 45px;
  overflow: hidden;
  margin: 0 auto;
}
#s_magazine .button a {
  display: block;
  height: 45px;
  overflow: hidden;
  padding-left: 60px;
  background: #eee url(../images/s_magazine.jpg) no-repeat 0 0;
  text-decoration: none;
  text-shadow: 0 1px 2px #2565ac, 0 1px 2px #2565ac, 0 1px 2px #2565ac;
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
  color: #fff;
}
#s_magazine .button a:hover {
  background-position: 0 -45px;
}
#s_magazine .button a.down {
  background-position: 0 -90px;
}
/* ---------------------------------------------------------
  CSS Document sidebar > s_social
--------------------------------------------------------- */

#s_social {
  padding: 15px;
  border: solid 1px #ccc;
  border-top: 0;
  background: #fff;
  margin-bottom: 20px;
}
#s_social h2 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: solid 1px #ccc;
  font-weight: normal;
  font-size: 14px;
}
#s_social ul {
  text-align: center;
  list-style: none;
}
#s_social li {
  float: left;
  margin-right: 2px;
}
#s_social li.last {
  margin-right: 0;
}
#s_social li a:hover {
  opacity: 0.8;
  filter: Alpha(opacity=80);
}
/* ---------------------------------------------------------
  CSS Document sidebar > tatsujin_search
--------------------------------------------------------- */

.tatsujin_search {
  margin-bottom: 20px;
  background: #fff;
  font-size: 14px;
  line-height: 22px;
}
.tatsujin_search .inner {
  padding: 10px 20px 20px;
  border: solid 1px #ccc;
}
.tatsujin_search h3 {
  margin-bottom: 10px;
  background: url(../top/i_h2_line.jpg) no-repeat left bottom;
  line-height: 34px;
  font-weight: normal;
  font-size: 16px;
}
.tatsujin_search h4 {
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  line-height: 28px;
  font-weight: normal;
  font-size: 14px;
}
.tatsujin_search dl.search {
  margin-bottom: 15px;
  padding: 0 0 0 26px;
  background: #fff url('../images/h_icon.jpg') no-repeat 5px;
}
.tatsujin_search dl.search dt {
  margin-right: 63px;
  position: relative;
}
.tatsujin_search dl.search dt input {
  height: 27px;
 *height: 23px;
  padding-top: 1px;
}
.tatsujin_search dl.search dd input {
  display: block;
  height: 30px;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  line-height: 30px;
  font-family : HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "osaka";
  font-size: 12px;
  cursor: pointer;
}
.tatsujin_search ul.theme {
  margin-bottom: 10px;
}
.tatsujin_search .theme li.last {
  background: none;
}
.tatsujin_search .area li {
  list-style: none;
}
/* ---------------------------------------------------------
  CSS Document sidebar > info > monthly
--------------------------------------------------------- */
#s_info .monthly dl {
  background: url(../top/s_info_monthly.png) no-repeat left 19px;
}
/* ---------------------------------------------------------
  CSS Document sidebar > tag
--------------------------------------------------------- */

#s_tag {
  margin-bottom: 20px;
  border: solid 1px #ccc;
  background: #fff;
}
#s_tag h2 {
     height: 32px;
     overflow: hidden;
   padding-left:0;
     border-bottom: 1px solid #cccccc;
     background-color:#eee;
     line-height: 34px;
     font-size: 16px;
     font-weight: normal;
}

#s_tag h2:before {
  background-color:#d80008;
  margin:4px 7px 0 9px;
  width:4px;
  height:24px;
  float:left;
  display:block;
  content:" ";
}
#s_tag .box {
  padding: 20px 15px 15px;
}
.s_bnr {
  margin-bottom:20px;
}

/* ---------------------------------------------------------
  CSS Document aside#sub > .bnrOnpara 温泉ぱらだいすバナー
--------------------------------------------------------- */

.bnrOnpara {
  margin: 0 0 20px;
}

.s_news .special {
  margin-bottom: 10px;
  }

.s_news .special p.pcm {
    font-size: 16px;
    line-height: 19px;
    padding: 10px 20px 0;
}
.s_news .special p.pcm a {
    background: url("/sightseeing/common/images/i_arrow.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 25px;
    padding-left: 8px;
}







/* ---------------------------------------------------------
  CSS Document 沖縄観光情報トップ
--------------------------------------------------------- */
/* ---------------------------------------------------------
  sidebar > s_pr
--------------------------------------------------------- */
#s_pr{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    margin: 30px 0 30px;
}

#s_pr h2 {
  height: 32px;
  overflow: hidden;
  padding-left: 20px;
  border-bottom: solid 1px #ccc;
  background: #eee url(../images/i_h4_red.jpg) no-repeat 10px;
  line-height: 34px;
  font-weight: normal;
  font-size: 16px;
}

#s_pr .box {
  padding: 15px 12px 10px 13px;
  font-size: 14px;
}

#s_pr ul li {
  background:url("../images/front/linkIcon01.png") no-repeat scroll left 8px rgba(0, 0, 0, 0);
    margin: 0 0 12px;
    padding: 0 0 0 10px;
}

/* ---------------------------------------------------------
  sidebar > s_month
--------------------------------------------------------- */

#s_month {
  margin-bottom: 20px;
  border: solid 1px #ccc;
  background: #fff;
}

#s_month h2 {
  height: 32px;
  overflow: hidden;
  border-bottom: solid 1px #ccc;
  line-height: 34px;
  font-weight: normal;
  font-size: 16px;
  background-color: #eee;
}
#s_month h2:before {
    background-color: #d80008;
    margin: 4px 7px 0 9px;
    width: 4px;
    height: 24px;
    float: left;
    display: block;
    content: " ";
}
#s_month .box {
  padding: 20px 10px 10px 15px;
  font-size: 14px;
  cursor: pointer;
}

#s_month ul li{
  background: none repeat scroll 0 0 #eeeeee;
  border-radius: 3px;
  float: left;
  font-size: 14px;
  margin: 0 4px 15px 0;
  padding: 5px 10px;
  width: 16%;
}

#s_month ul li a{
  padding-left: 10px;
  background: url("../images/front/linkIcon01.png") no-repeat scroll 0 center / 3px auto rgba(0, 0, 0, 0);
  line-height: 1.6;
}

#s_month .month_head{
  margin-bottom:20px;
}

#s_month .month_head li{
  float: left;
    width: 24%;
  font-size: 110%;
    text-align: center;
  margin-right: 5px;
  margin-bottom: 0px;
  padding: 10px;
  background: none repeat scroll 0 0 #d1e7ff;
  border-radius: 5px;
}

#s_month p.summary{
  font-size: 100%;
  margin: 0;
  padding: 10px 0 0;
  text-align:right;
}

#s_month .month_head li a,
#s_month p.summary a{
  padding-left: 10px;
  background: url("../images/front/linkIcon01.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
}


/* ---------------------------------------------------------
  CSS Document sidebar > s_magazine
--------------------------------------------------------- */

#s_magazine .box {
  padding: 20px 15px 10px;
}
#s_magazine p.strong {
  margin-bottom: 10px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 19px;
}
#s_magazine p.strong span {
  font-size: 32px;
  color: #e83e3e;
}
#s_magazine p.small {
  margin-bottom: 8px;
  font-size: 12px;
}
#s_magazine .button {
  width: 224px;
  height: 45px;
  overflow: hidden;
  margin: 0 auto;
}
#s_magazine .button a {
  display: block;
  height: 45px;
  overflow: hidden;
  padding-left: 60px;
  background: #eee url(../images/s_magazine.jpg) no-repeat 0 0;
  text-decoration: none;
  text-shadow: 0 1px 2px #2565ac, 0 1px 2px #2565ac, 0 1px 2px #2565ac;
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
  color: #fff;
}
#s_magazine .button a:hover {
  background-position: 0 -45px;
}
#s_magazine .button a.down {
  background-position: 0 -90px;
}

/* ---------------------------------------------------------
  CSS Document sidebar > s_social
--------------------------------------------------------- */

#s_social .box {
    width: 270px;
    margin: 0 auto;
}
#s_social li {
  display: inline;
}


/* ---------------------------------------------------------
  CSS Document sidebar > job
--------------------------------------------------------- */
#sideCont .job {
    border-top: 1px dotted #cccccc;
    font-size: 13px;
    line-height: 140%;
    margin: 20px 0;
    padding: 15px 0 0;
    overflow: hidden;
}
#sideCont .job .jobtitle{
  font-size:11px;
  color:#fff;
  background-color:#1c61ac;
  border-radius:3px;
  padding:4px 5px;
  float:left;
}
#sideCont .job .jobtext {
    float: left;
    padding: 4px 0 0 4px;
}


/* ---------------------------------------------------------
   検索ボックス  tagSearchBox
--------------------------------------------------------- */

.s_rank dt a,
.s_info dt a,
#s_magazine dt span {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#tagSearchBox {
  background-color: #fff;
  margin: 20px 0 20px;
  border: 4px solid #003894;
}
.tagSearch_tit {
  background-color: #003894;
  padding: 6px 7px 9px;
}
.tagSearch_tit p {
  color: #fff;
  font-size: 16px;
}
.tagSearch_tit p:before {
  display: inline-block;
  width: 20px;
  height: 23px;
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
  content: " ";
  background: url(/sightseeing/common/images/ico_tag_white.png) no-repeat center 3px;
  background-size: contain;
  vertical-align: top;
}

.tagSearch_main {
  padding: 15px 15px;
}
.tagSearch_main select {
  width: 100%;
  margin-bottom: 15px;
  padding: 5px;
  font-size: 15px;
}
.tagSearch_main option.inner_first {
  font-weight: bold;
  font-size: 15px;
}
.tagSearch_main .tagSearch p {
  text-align: right;
}
.tagSearch_main input#tabirai_sidebar_btnTagSearch {
  display: inline-block;
  background-color: #f08300;
  color: #fff;
  padding: 5px 24px;
  border-radius: 5px;
  border: none;
  font-size: 15px;
  letter-spacing: 1.5px;
}