@charset "utf-8";

body {
  color: #333;
  font-size: 14px;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background: #fff;
  line-height: 1.5em;
}
a {
  color: #007ff6;
  text-decoration: none;
  -webkit-tap-highlight-color: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
.txtR {
  text-align: right;
}
.txtC {
  text-align: center;
}
.txtL {
  text-align: left;
}
.c_red {
  color: #ff0000;
}
.c_gray {
  color: #666;
}
.c_blue {
  color: #0076e5;
}
.cap {
  font-size: 11px;
  line-height: 1.3em;
}
.uline {
  text-decoration: underline;
}
.mb {
  margin-bottom: 20px;
}
img {
  vertical-align: bottom;
}
input, textarea {
  -webkit-tap-highlight-color: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
/* サイズ */
.w30 {
  width: 30px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w55 {
  width: 55px;
}
.w60 {
  width: 60px;
}
.w65 {
  width: 65px;
}
.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
/* 矢印リンク */
.arrow_L {
  color: white;
  padding-left: 18px;
  background: url(/videopost/images/icon_arrow.png) no-repeat left center;
}
a:hover.arrow_L {
  text-decoration: underline;
}

/* ヘッダーバナー
 ------------------------------ */
#headBannerArea {
  position: relative;
  width: 960px;
  margin: 10px auto;
}
#headBannerArea #headLogo {
  float: left;
}
#headBannerArea #headBanner {
  /*float: left;*/
}

/* レイアウト
 ------------------------------ */
#wrapper {
  padding: 15px 0 30px 0;
  background: #041d2d url(/videopost/images/bg_gra_blue.png) repeat-x left top;
}
#container {
  width: 1015px;
  margin: 0 auto auto;
}
#contents {
  float: left;
  width: 650px;
}
#rightSide {
  float: right;
  width: 350px;
}

/* コンテンツ
 ------------------------------ */
/* ヘッダー・お知らせ */
#contents .head {
  width: 650px;
  margin-bottom: 15px;
  background-color: #f7ed47;
}
#contents .headB {
  width: 650px;
  padding-bottom: 10px;
  background: url(/videopost/images/boxR_st_yellow_bottom.png) no-repeat left bottom;
}
#contents .headCont {
  width: 650px;
  padding-top: 10px;
  background: url(/videopost/images/boxR_st_yellow_top.png) no-repeat left top;
}
/* ロゴ */
.head .logos {
  padding: 25px 20px;
  margin: 0 10px 10px 10px;
  background-color: #fff;
}
.head .logos h1 {
  float: left;
}
.head .logos h2 {
  float: right;
}
/* ビデオPost横ロゴのみ */
.head .fbp_logo_w {
  text-align: center;
  padding: 18px 20px;
  margin: 0 10px 10px 10px;
}
/* インフォメーション */
.head #information {
  width: 575px;
  height: 40px;
  margin: 0 10px;
  padding: 0 0 0 55px;
  background: url(/videopost/images/information_bg.png) no-repeat left top;
}
#ticker {
  position: relative;
  width: 575px;
  height: 40px;
  overflow: hidden;
}
#ticker ul {
}
#ticker li {
  position: absolute;
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 2.4em;
  width: 100%;
}

/* 局紹介 */
#contents .introduction {
  width: 650px;
  margin-bottom: 15px;
  background: url(/videopost/images/pattern_st_light.gif) repeat-y left top;
}
#contents .introB {
  width: 650px;
  background: url(/videopost/images/button_bg.png) no-repeat left bottom;
}
#contents .introCont {
  width: 650px;
  padding-top: 10px;
  background: url(/videopost/images/boxR_intro_top.png) no-repeat left top;
}
/* head */
.introduction .introHead {
  padding: 15px 21px 21px 25px;
  margin: 0 9px 23px 5px;
  background-color: #fff;
}
.introduction .introHead h2 {
  color: #0e649e;
  font-size: 26px;
  font-weight: bold;
  padding: 8px 0 2px 40px;
  margin-bottom: 12px;
  background: url(/videopost/images/icon_tv.png) no-repeat left center;
}
.introduction .introHead p {
  font-size: 16px;
  font-weight: bold;
}
/* body */
.introduction .introBody {
  margin: 0 30px 0 30px;
}
.introduction .introBody .imgR {
  float: right;
  margin: 0 0 25px 25px;
}
.introduction .introBody p {
  padding-bottom: 20px;
}
/* button */
.introduction .button {
  height: 107px;
  margin: 23px 0 0 35px;
}
.introduction .button li {
  float: left;
  margin-right: 35px;
}
.introduction .button li a:hover img {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

/* とは？ */
#contents .about {
  width: 650px;
  margin-bottom: 15px;
  background: url(/videopost/images/pattern_st_yellow.gif) repeat-y left top;
}
#contents .aboutB {
  width: 650px;
  padding-bottom: 10px;
  background: url(/videopost/images/boxR_about_bottom.png) no-repeat left bottom;
}
.about .aboutCont {
  padding: 25px 30px 0 30px;
}
.about .aboutCont p {
  padding-bottom: 20px;
}

/* スマホ */
#contents .sp {
  width: 650px;
  margin-bottom: 15px;
  background: url(/videopost/images/pattern_st_white.gif) repeat-y left top;
}
#contents .spB {
  width: 650px;
  padding-bottom: 10px;
  background: url(/videopost/images/boxR_sp_bottom.png) no-repeat left bottom;
}
.sp .spCont {
  margin: 20px 30px 0 30px;
}
.sp .spCont .spAbout {
  margin-bottom: 25px;
}
.sp .spCont .spAbout .imgL {
  float: left;
  margin: 0 25px 0 0;
}
.sp .spCont .storelink {
  margin-bottom: 22px;
}
.sp .spCont .storelink .imgL {
  float: left;
  margin: 0 25px 0 0;
}
.sp .spCont .storelink .store {
  padding: 44px 0 0 0;
}
.sp .spCont .storelink .store .android {
  float: left;
  width: 170px;
  text-align: center;
  margin: 0 42px 0 7px;
}
.sp .spCont .storelink .store .ios {
  float: left;
  text-align: center;
  width: 200px;
}
.sp .spCont .storelink .store .badge img {
  margin-bottom: 30px;
}

/* TOP Gallery */
#contents .top_gallery {
  width: 650px;
  margin-bottom: 15px;
  background: url(/videopost/images/pattern_st_white.gif) repeat-y left top;
}
#contents .top_galleryB {
  width: 650px;
  padding-bottom: 10px;
  background: url(/videopost/images/boxR_sp_bottom.png) no-repeat left bottom;
}
.top_gallery .top_galleryCont {
  padding: 18px 0 0 22px;
  margin-bottom: 20px;
  overflow: hidden;
}
.top_gallery .top_galleryCont.special {
  padding: 18px 0 0 17px;
  margin: 0 9px 0 5px;
  background-color: #fff5b2;
}
.top_gallery .top_galleryCont .listBox {
  float: left;
  border-bottom: 2px solid #ddd;
  width: 190px;
  height: 360px;
  padding: 0 0 15px 0;
  margin: 0 16px 15px 0;
  table-layout: fixed;
  display: table;
}
.top_gallery .top_galleryCont.special .listBox {
  float: left;
  border: none;
  width: 190px;
  padding: 0 0 15px 0;
  margin: 0 16px 0 0;
  table-layout: fixed;
  display: table;
}
.top_gallery .top_galleryCont .listBox h4 {
  position: relative;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 0 3px 30px;
  background-color: #456685;
  white-space: nowrap;
}
.top_gallery .top_galleryCont.special .listBox h4 {
  height: 21px;
  color: #111;
  background-color: #ffde00;
}
.top_gallery .top_galleryCont.special .listBox h4 .short{
  line-height: 24px;
}
.top_gallery .top_galleryCont.special .listBox h4 .long{
    font-size: 10px;
    line-height: 22px;
    margin: 0 0 0 -8px;
}
.top_gallery .top_galleryCont .listBox h4 img {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 24px;
}
.top_gallery .top_galleryCont .listBox .catthumb {
  height: 107px;
  width: 190px;
  background-color: black;
  text-align: center;
  vertical-align: middle;
  /*display: table-cell;*/
}
.top_gallery .top_galleryCont .listBox img.thumb {
  max-height: 107px;
  max-width: 190px;
}
.top_gallery .top_galleryCont .listBox .sns {
  margin: 5px 0 6px 0;
  /*height: 43px;*/
}
.top_gallery .top_galleryCont .listBox .sns li {
  margin: 0 0 3px 0;
  display: inline-block;
}
.top_gallery .top_galleryCont .listBox .sns li #twitter {
  background-color: #00aced;
  color:#ffffff;
  width: 92px;
  margin: 0;
}
.top_gallery .top_galleryCont .listBox .sns li #twitter #btnTwitter {
  height: 100%;
  width: 100%;
  display: block;
}
.top_gallery .top_galleryCont .listBox .sns li #twitter .tweet {
  color:#ffffff;
  vertical-align: 3px;
}
.top_gallery .top_galleryCont .listBox .sns li #facebook {
  background-color: #305097;
  color:#ffffff;
  width: 93px;
}
.top_gallery .top_galleryCont .listBox .sns li #facebook #btnFacebook {
  height: 100%;
  width: 100%;
  display: block;
}
.top_gallery .top_galleryCont .listBox .sns li #facebook .fb_share {
  color:#ffffff;
  vertical-align: 3px;
}
.top_gallery .top_galleryCont .listBox .sns li .sns_main {
  width: 20px;
  margin: 5px 3px 5px 11px;
}
.top_gallery .top_galleryCont .listBox .date {
  font-size: 13px;
  line-height: 1.3;
}
.top_gallery .top_galleryCont .listBox h5 {
  line-height: 1.4;
  margin-bottom: 5px;
  word-break: break-all;
}
.top_gallery .top_galleryCont .listBox h5 .onair {
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 3px;
  background-color: #f75100;
  display: inline-block;
}
.top_gallery .top_galleryCont .listBox p {
  font-size: 12px;
  line-height: 1.4;
  word-break: break-all;
}

/* リリース */
#contents .release {
  padding-bottom: 15px;
}
#contents .release li {
  padding-left: 15px;
  font-size: 13px;
  background: url(/videopost/images/arrow_yellow.gif) no-repeat left center;
}
#contents .release li a {
  color: #fff;
  text-decoration: underline;
}

/* エントランス */
#contents .guide .leadbar {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
  background-color: #ff831f;
}
#contents .guide .logos {
  margin-bottom: 25px;
}
#contents .guide .logos ul {
}
#contents .guide .logos ul li {
  float: left;
  font-size: 70%;
  line-height: 1.2em;
  letter-spacing: -0.1em;
  text-align: center;
  width: 100px;
  margin: 0 0 25px 0;
}
#contents .guide .logos ul li a {
  text-decoration: underline;
}
#contents .guide .logos ul li img {
  width: 70px;
}
#contents .guide .aboutMap {
  text-align: center;
  margin-bottom: 30px;
}
#contents .guide .aboutMap img {
  width: 600px;
}

/* ご利用ガイド・ヘルプ */
#contents .guide {
  width: 650px;
  margin-bottom: 15px;
  background: url(/videopost/images/pattern_st_white.gif) repeat-y left top;
}
#contents .guide a {
  text-decoration: underline;
}
#contents .guide a:hover {
  text-decoration: none;
}
#contents .guide h3 {
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  width: 650px;
  min-height: 37px;
  padding: 20px 0 0 25px;
  background: url(/videopost/images/title_bg.png) no-repeat left top;
}
#contents .guide h3 .icon_question {
  padding: 3px 0 3px 28px;
  background: url(/videopost/images/icon_question.png) no-repeat left center;
}
#contents .guide h3 .icon_book_close {
  padding: 3px 0 3px 28px;
  background: url(/videopost/images/icon_book-close.png) no-repeat left center;
}
#contents .guide h3 .icon_app {
  padding: 5px 0 3px 30px;
  background: url(/videopost/images/icon_app.png) no-repeat left center;
}
#contents .guideB {
  width: 650px;
  padding-bottom: 10px;
  background: url(/videopost/images/boxR_white_bottom.png) no-repeat left bottom;
}
#guide_area {
  cursor: pointer;
}
.guide .guideCont {
  padding: 25px 25px 0 25px;
}
.guide .guideCont p .cauntion {
  margin-bottom: 20px;
}
.guide .guideCont h4 {
  border-bottom: 2px solid #0e639d;
  font-size: 108%;
  padding: 7px 0 5px 5px;
  margin-bottom: 25px;
  background-color: #f8d88c;
  background: -moz-linear-gradient(#f8d88c, #e5c068);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8d88c), to(#e5c068));
}
.guide .guideCont h4 .icon_exclamation {
  padding: 3px 0 3px 22px;
  background: url(/videopost/images/icon_exclamation.png) no-repeat left center;
}
.guide .guideCont h4 .icon_book {
  padding: 3px 0 3px 22px;
  background: url(/videopost/images/icon_book-open.png) no-repeat left center;
}
.guide .guideCont .title_yellow {
  border-bottom: 3px solid #fff;
  color: #111;
  font-size: 100%;
  font-weight: bold;
  padding: 10px 12px 10px 23px;
  background: #fffec9 url(/videopost/images/arrow_dblue.gif) no-repeat 10px center;
  cursor: pointer;
}
.guide .guideCont .title_yellow:hover {
  background-color: #fffd98;
}
.guide .guideCont .title_green {
  border-bottom: 3px solid #fff;
  color: #111;
  font-size: 100%;
  font-weight: bold;
  padding: 10px 12px 10px 23px;
  background: #effce1 url(/videopost/images/arrow_dblue.gif) no-repeat 10px center;
  cursor: pointer;
}
.guide .guideCont .title_green:hover {
  background-color: #dcfabb;
}
.guide .guideCont .area {
  border: 1px solid #e3e3e3;
  padding: 20px 20px 0 20px;
  margin-bottom: 25px;
  background-color: #f4f4f4;
}
.guide .guideCont .area_w {
  margin-bottom: 25px;
}
.guide .guideCont .area h5 {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 25px;
}
.guide .guideCont .area_green {
  border: 1px solid #c8d8b9;
  padding: 20px 20px 0 20px;
  margin-bottom: 25px;
  background-color: #effce1;
}
.guide .guideCont .area .inner {
  border: 1px solid #dcdcdc;
  margin-bottom: 20px;
}
.guide .guideCont .area .inner .ttl {
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 0;
  background-color: #ebebeb;
}
.guide .guideCont .area_green .inner .ttl_green {
  font-weight: bold;
  padding: 10px 15px;
  margin-bottom: 20px;
  background-color: #e1f8c8;
}
.guide .guideCont .area .inner .cnt {
  padding: 10px 15px;
  margin-bottom: 0;
  background-color: #fff;
}
.guide .guideCont .area .inner .cnt .line-dot {
  border-top: 1px dotted #ccc;
  padding: 10px 0;
  margin: 0;
}
.guide .guideCont .inner .cnt ol {
  list-style: decimal outside;
  margin-bottom: 15px;
}
.guide .guideCont .inner .cnt li {
  list-style: decimal outside;
  font-size: 12px;
  margin-left: 20px;
}

/* プレスリリース */
.guide .releaseCnt p.photoBox {
  text-align: center;
}
.guide .releaseCnt .presHead {
  border: 2px solid #000;
  font-size: 120%;
  line-height: 1.6em;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}
.guide .releaseCnt .presHead p {
  margin-bottom: 0;
}
.guide .releaseCnt .presHead .url {
  font-size: 80%;
}

/* add */
.guide .releaseCnt .presHead2 {
  /*border: 2px solid #007FF6;*/
  font-size: 120%;
  line-height: 1.6em;
  text-align: left;
  padding: 10px;
  margin-bottom: 20px;
}
.guide .releaseCnt .presHead2 p {
  margin-bottom: 0;
}
.guide .releaseCnt .presHead2 .url {
  font-size: 80%;
}
.guide .releaseCnt .presHead2 a {
  background: url("../img/arrow_gray.gif") no-repeat scroll 10px center #FFFFFF;
  margin-left: 15px;
  padding-left: 25px;
}

.guide .releaseCnt .releaseCap {
  color: #333;
  font-size: 77%;
  line-height: 1.2em;
  margin-bottom: 25px;
}
.guide .releaseCnt .releaseCap li {
}
.guide .releaseCnt .releaseCap li span {
  display: block;
}
.guide .releaseCnt .releaseCap li .left {
  float: left;
  width: 30px;
}
.guide .releaseCnt .releaseCap li .right {
  float: right;
  width: 570px;
}
.guide .releaseCnt table th, .guide .releaseCnt table td {
  text-align: left;
}
.guide .releaseCnt table th {
  padding-right: 10px;
}

/* テーブル(table) */
.guide .guideCont table.filesize {
  margin-bottom: 20px;
}
.guide .guideCont table caption {
  text-align: left;
  font-weight: bold;
}
.guide .guideCont table caption span {
  color: #00ccff;
}
.guide .guideCont table.filesize th, .guide .guideCont table.filesize td {
  border: 1px solid #e3e3e3;
  font-size: 86%;
  text-align: center;
  vertical-align: middle;
  padding: 5px 8px;
  background-color: #fff;
}
.guide .guideCont table.filesize th {
  font-size: 78%;
  background-color: #effcff;
}
.guide .guideCont table.filesize td.txtL {
  text-align: left;
}

/* 投稿の手順 */
.howto_copy {
  margin-bottom: 20px;
}
.howto {
  margin-bottom: 25px;
}
.howto .title {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}
.howto .left {
  float: left;
  color: #666;
  font-size: 80%;
  text-align: center;
  width: 347px;
}
.howto .left img {
  border: 5px solid #e6e6e6;
  margin-bottom: 25px;
}
.howto .right {
  float: right;
  width: 219px;
  margin-right: 8px;
  padding-top: 20px;
}
.howto .center {
  clear: both;
}
.yajirushi {
  text-align: center;
  margin-bottom: 15px;
}
.icon_movie {
  padding-left: 20px;
  background: url(/videopost/images/icon_movie.png) no-repeat left center;
}
.icon_photo {
  padding-left: 20px;
  background: url(/videopost/images/icon_photo.png) no-repeat left center;
}
/* sBox */
.howto .sbox {
  width: 219px;
  margin-bottom: 25px;
  background: url(/videopost/images/g1_box_s_M.png) repeat-y left top;
}
.howto .sbox .top img {
  vertical-align: bottom;
}
.howto .sbox .middle {
  padding: 10px 15px 0 15px;
}
.howto .sbox .bottom img {
  vertical-align: top;
}
.howto .sbox p {
  margin-bottom: 10px;
}
/* lBox */
.howto .lbox {
  width: 586px;
  background: url(/videopost/images/g1_box_l_M.png) repeat-y left top;
}
.howto .lbox .top img {
  vertical-align: bottom;
}
.howto .lbox .middle {
  padding: 10px 20px 0 20px;
}
.howto .lbox .bottom img {
  vertical-align: top;
}
.howto .lbox p {
  margin-bottom: 10px;
}
.howto .lbox .middle dl dt {
  color: #007ff6;
  font-weight: bold;
}
.howto .lbox .middle dl dd {
  margin-bottom: 10px;
}

/* スマートフォンアプリ
 ------------------------------ */
.sp_flowmap, .sp_qr-code {
  text-align: center;
  margin-right: 4px;
  margin-bottom: 20px;
}

/* GALLERYページ
 ------------------------------ */
/* BASE */
#contents #galleryPage {
  width: 650px;
  margin-bottom: 15px;
  background: url(/videopost/gallery/img/gal_bg_middle.png) repeat-y left top;
}
#contents #galleryPage .galleryPageB {
  width: 650px;
  background: url(/videopost/gallery/img/gal_bg_top.png) no-repeat left top;
}
#contents #galleryPage .inner {
  width: 650px;
  background: url(/videopost/gallery/img/gal_bg_bottom.png) no-repeat left bottom;
}

/* TOP */
#contents #galleryPage h2 {
  text-align: center;
  padding: 25px 25px 20px 25px;
}
#contents #galleryPage .leadtext {
  color: #111;
  font-weight: bold;
  margin: 0 36px 13px 32px;
  font-size: 9pt;
  background-color: #F8F8F8;
  border-color: #555;
  border: solid;
  border-width: 1px;
  padding: 8px;
  text-align: center;
}
#contents #galleryPage .leadtext span {
  color: #ff5400;
  font-weight: bold;
}
#contents #galleryPage .galleryTab {
  margin: 0 0 13px 32px;
  overflow: hidden;
}
#contents #galleryPage .galleryTab li {
  float: left;
  margin: 0 6px 0 0;
}
#contents #galleryPage .galleryTab li img {
  width: 36px;
}
#contents #galleryPage .galleryTab li a:hover img {
  opacity: 0.8;
}
#contents #galleryPage .galleryTab li.non img {
  opacity: 0.3;
}
#contents #galleryPage .caution {
  margin: 0 36px 18px 32px;
  background-color: #777;
  color: #FFF;
  font-size: 11px;
  padding: 5px 10px;
}

#contents #galleryPage .categoryList {
}
#contents #galleryPage .categoryList h3 {
  font-size: 22px;
  padding: 11px 0 0 45px;
  margin: 0 0 13px 32px;
  width: 550px;
  height: 29px;
  background: no-repeat left top;
}
#contents #galleryPage .categoryList h3.category01 {
  background-image: url(/videopost/gallery/img/title_category01.png);
}
#contents #galleryPage .categoryList h3.category02 {
  background-image: url(/videopost/gallery/img/title_category02.png);
}
#contents #galleryPage .categoryList h3.category03 {
  background-image: url(/videopost/gallery/img/title_category03.png);
}
#contents #galleryPage .categoryList h3.category04 {
  background-image: url(/videopost/gallery/img/title_category04.png);
}
#contents #galleryPage .categoryList h3.category05 {
  background-image: url(/videopost/gallery/img/title_category05.png);
}
#contents #galleryPage .categoryList h3.category06 {
  background-image: url(/videopost/gallery/img/title_category06.png);
}
#contents #galleryPage .categoryList h3.category07 {
  background-image: url(/videopost/gallery/img/title_category07.png);
}
#contents #galleryPage .categoryList h3.category08 {
  background-image: url(/videopost/gallery/img/title_category08.png);
}
#contents #galleryPage .categoryList h3.category09 {
  background-image: url(/videopost/gallery/img/title_category09.png);
}
#contents #galleryPage .categoryList h3.category10 {
  background-image: url(/videopost/gallery/img/title_category10.png);
}
#contents #galleryPage .categoryList h3.category16 {
  background-image: url(/videopost/gallery/img/title_category16.png);
}
#contents #galleryPage .categoryList h3.special {
  background-image: url(/videopost/gallery/img/title_special.png);
}
#contents #galleryPage .categoryList h3 .number {
  font-size: 16px;
  padding-left: 15px;
}
#contents #galleryPage .categoryList .movieBox {
  border-bottom: 2px solid #ddd;
  padding: 0 0 15px 30px;
  margin: 0 15px 15px 10px;
  overflow: hidden;
}
#contents #galleryPage .categoryList .movieBox .left {
  float: left;
  width: 280px;
  margin-right: 10px;
}
#contents #galleryPage .categoryList .movieBox .left .onair {
  height: 22px;
}
#contents #galleryPage .categoryList .movieBox .left .oaart {
  width: 280px;
  height: 157px;
  background-color: #000;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#contents #galleryPage .categoryList .movieBox .left img.thumb {
  vertical-align: bottom;
  max-height: 157px;
  max-width: 280px;
}
#contents #galleryPage .categoryList .movieBox .left .link {
  overflow: hidden;
}
#contents #galleryPage .categoryList .movieBox .left .link li.link_fnn {
  float: left;
}
#contents #galleryPage .categoryList .movieBox .left .link li.link_movie {
  float: right;
}
#contents #galleryPage .categoryList .movieBox .left .link li img {
  vertical-align: top;
}
#contents #galleryPage .categoryList .movieBox .right {
  float: right;
  width: 305px;
}
#contents #galleryPage .categoryList .movieBox .right .update {
  color: #0e5585;
  font-size: 12px;
  text-align: right;
  margin: 0 0px 3px 0;
}
#contents #galleryPage .categoryList .movieBox .right h4 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 5px;
}
#contents #galleryPage .categoryList .movieBox .right .data {
  color: #0e5585;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 8px;
}
#contents #galleryPage .categoryList .movieBox .right .data .postdate {
  color: #ff5400;
}
#contents #galleryPage .categoryList .movieBox .right p {
  font-size: 12px;
  line-height: 1.5;
}
#contents #galleryPage .categoryList .movieBox .share {
  clear: both;
  padding-top: 10px;
  margin: 0 150px 0 110px;
  overflow: hidden;
}
#contents #galleryPage .categoryList .movieBox .new_sns {
  clear: both;
  padding-top: 10px;
  margin: 0 150px 0 25px;
  overflow: hidden;
  width: 525px;
}
.share {
  width: 355px;
  margin: 12px 0 20px 0;
  overflow: hidden;
}
.new_sns {
  width: 560px;
  margin: 12px 0 20px 0;
  overflow: hidden;
}

.share .cf {
  /*  background: url(/videopost/images/sns_etc_bg.gif) no-repeat;*/
  float: right;
}
.share ul {
  padding: 10px 20px;
  background-color: #e3e3e3;
  overflow: hidden;
}
.new_sns ul {
  padding: 10px 5px 10px 13px;
  background-color: #e3e3e3;
  overflow: hidden;
}
.new_sns #sns_list {
  padding: 10px 5px 10px 30px;
  background-color: #e3e3e3;
  overflow: hidden;
}
.new_sns ul .sns_mixi {
  background-color: #d1ad59;
  padding: 1px 1px;
}
.new_sns ul .sns_google {
  background-color: #db4a39;
  padding: 1px 1px;
}
.new_sns ul .sns_hatena {
  background-color: #3067c4;
  padding: 1px 1px;
}
.new_sns ul .sns_evernote {
  background-color: #79bd28;
  padding: 1px 1px;
}
.share ul li {
  float: left;
  margin-right: 15px;
}
.new_sns ul li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.new_sns ul li a{
  width:100%;
  height:100%;
  display:block;
}
.new_sns ul li .twitter {
  background-color: #00aced;
  color:#ffffff;
  width: 150px;
  margin: 0;
  height: 27px;
}
.new_sns ul li #twitter {
  background-color: #00aced;
  color:#ffffff;
  width: 92px;
  margin: 0;
  height: 27px;
}
.new_sns ul li .twitter .tweet {
  color:#ffffff;
}
.new_sns ul li #facebook {
  background-color: #305097;
  color:#ffffff;
  width: 150px;
  height: 27px;
}
.new_sns ul li #facebook .fb_share {
  color:#ffffff;
}
.new_sns ul li .sns_main{
  width: 20px;
  margin: 4px 3px 1px 16px;
}
.new_sns ul li .sns_main{
  width: 20px;
  margin: 4px 3px 1px 16px;
}
.new_sns ul li #btnTwitter .sns_main{
  width: 20px;
  margin: 4px 5px 1px 41px;
}
.new_sns ul li #btnFacebook .sns_main{
  width: 20px;
  margin: 4px 5px 1px 43px;
}


/* pagenation */
#contents #galleryPage .pagenation {
  text-align: center;
  padding: 10px 0 30px 0;
}
#contents #galleryPage .pagenation a {
  padding: 0 40px;
}

#contents #galleryPage .pagenation #left_pager {
  display: inline-block;
  text-align: right;
  width: 40%;
}

#contents #galleryPage .pagenation #page_num {
  display: inline;
  width: 20%;
}

#contents #galleryPage .pagenation #right_pager {
  display: inline-block;
  text-align: left;
  width: 40%;
}

/* パンくずリスt */
#contents #galleryPage .breadcrumb {
  font-size: 13px;
  margin: 0 47px 15px 43px;
}
#contents #galleryPage .breadcrumb a {
  color: #333;
  text-decoration: underline;
}

/* 詳細 */
#contents #galleryPage .detail {
  margin: 0 47px 0 43px;
}
#contents #galleryPage .detail .movie {
  position: relative;
}
#contents #galleryPage .detail .movie .onair {
  height: 22px;
}
#contents #galleryPage .detail .movie .date {
  position: absolute;
  top: 0;
  right: 0;
  color: #0e5585;
  font-size: 11px;
}
#contents #galleryPage .detail .movie .link {
  text-align: right;
  float: right;
}
#contents #galleryPage .detail h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
}
#contents #galleryPage .detail .dates .update {
  color: #ff5400;
}
#contents #galleryPage .detail .dates .onair_dt {
  color: #0e5585;
}
#contents #galleryPage .detail .dates {
  margin-bottom: 10px;
}
#contents #galleryPage .detail p {
  margin-bottom: 15px;
}

/* 写真の場合 */
#contents #galleryPage .picture {
  display: table;
  width: 560px;
  height: 315px;
  background-color: #111;
}
#contents #galleryPage .picture .pictureInner {
  position: relative;
  display: table-cell;
  width: 560px;
  height: 315px;
  text-align: center;
  vertical-align: middle;
}
#contents #galleryPage .picture .pictureInner img {
  max-width: 560px;
  max-height: 315px;
}
#contents #galleryPage .picture a:after {
  content: " ";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 27px;
  height: 27px;
  background: url(/videopost/gallery/img/icon_magnifier.png) no-repeat left top;
}

.tweet {
  margin-bottom: 20px;
  /*background-color: #e3e3e3;*/
}
.tweet h4 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding: 6px 10px 4px 10px;
  background-color: #456685;
}

.twitter {
  margin-top: 2px;
}
.twitter iframe {
  width: 90px !important;
}
.tweet h4 .hashtag {
}
.tweet h4 .hashtag a {
  color: #ffff99;
}
.tweet .tweetCont {
  background: url(/videopost/gallery/img/twitter-bird.png) no-repeat 16px center;
}
.tweet .tweetCont ul {
  padding: 20px 0 5px 60px;
  overflow: hidden;
}
.tweet .tweetCont li {
  float: left;
  margin: 0 15px 15px 0;
}
.tweet .tweetCont li a {
  border-radius: 5px;
  color: #0e5585;
  padding: 5px 10px;
  background-color: #fff;
}
#contents #galleryPage .detail .originaldata {
  margin-bottom: 20px;
  background-color: #e3e3e3;
}
#contents #galleryPage .detail .originaldata h4 {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding: 6px 10px 4px 10px;
  background-color: #456685;
}
#contents #galleryPage .detail .originaldata .dataCont {
  padding: 20px 20px 0 20px;
}
#contents #galleryPage .detail .originaldata .dataCont p {
  padding-bottom: 20px;
}
#contents #galleryPage .detail .originaldata .dataCont p strong {
  color: #0e5585;
}

/* 右サイド
 ------------------------------ */
/* バナー */
#rightSide .sideBanner {
  margin-bottom: 27px;
}
#rightSide .sideBanner li {
  text-align: center;
  margin-bottom: 10px;
}

/* リンク */
#rightSide .sidelist {
  border-top: 2px dotted #495862;
  padding-top: 2px;
  margin-bottom: 15px;
}
#rightSide .sidelist li {
  position: relative;
  border-bottom: 2px dotted #495862;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
#rightSide .sidelist li a {
  display: block;
  color: #fafafa;
  padding: 17px 0 17px 25px;
  background: #293842 url(/videopost/images/arrow_gray.gif) no-repeat 10px center;
}
#rightSide .sidelist li a:hover {
  text-decoration: underline;
}

/*sp*/
#rightSide .sidelist li.sp a {
  padding: 15px 0 15px 25px;
}
#rightSide .sidelist li.sp i {
  position: absolute;
  top: 4px;
  right: 5px;
}
#rightSide .sidelist li.sp i img {
  width: 43px;
  height: 43px;
}

/* 局選択 */
#rightSide .channel {
  margin-bottom: 15px;
  background: url(/videopost/images/side_link_middle.png) no-repeat left bottom;
}
#rightSide .topR {
  padding: 25px 25px 19px 25px;
  background: url(/videopost/images/side_link_top.png) no-repeat left top;
}
#rightSide .channel h3 {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0 5px 0;
  margin-bottom: 15px;
  background-color: #f7ed47;
}
#rightSide .channel p {
  line-height: 1.3em;
  margin-bottom: 15px;
}
#rightSide .channel ul {
}
#rightSide .channel li {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 6px;
  margin-bottom: 6px;
  background: url(/videopost/images/channel_arrow.png) no-repeat right 0;
}
#rightSide .channel li a {
  display: block;
  color: #293842;
}
#rightSide .channel li a:hover {
  color: #293842;
  text-decoration: underline;
}
#rightSide .channel img {
  width: auto;
  height: 21px;
  margin-right: 10px;
}

/* GALLERY */
#rightSide .gallery_catList {
  border-bottom: 2px dotted #293842;
  padding-bottom: 2px;
  margin-bottom: 15px;
}
#rightSide .gallery_catList h3 {
  border-bottom: 2px dotted #293842;
  padding-bottom: 7px;
  margin-bottom: 2px;
}
#rightSide .gallery_catList ul {
  padding: 10px 10px 6px 10px;
  background-color: #293842;
}
#rightSide .gallery_catList li {
  position: relative;
  padding: 5px 0 5px 30px;
}
#rightSide .gallery_catList li a {
  display: block;
  color: #ddd;
  word-break: break-all;
}
#rightSide .gallery_catList li.special a {
  color: #ffff65;
}
#rightSide .gallery_catList li a:hover {
  text-decoration: underline;
}
#rightSide .gallery_catList li img {
  position: absolute;
  top: 4px;
  left: 0;
  width: 21px;
}
#rightSide .fullWidth{
	width: 100%;
}
/* フッター
 ------------------------------ */
#footer {
  width: 100%;
}
#footer_ads, #copyright {
  width: 100%;
}
#footer_ads .inner, #copyright .inner {
  width: 1015px;
  margin: 0 auto;
}
/* バナー */
#footer_ads {
  padding: 10px 0;
  background-color: #dce1e5;
}
#footer_ads li {
  font-size: 12px;
}
#footer_ads a {
  color: #333;
  padding-left: 15px;
  background: url(/videopost/images/arrow_dblue.gif) no-repeat left center;
}
#footer_ads a:hover {
  color: #007ff6;
}
/* コピーライト */
#copyright {
  padding: 20px 0;
}
#copyright .copyright {
  float: left;
  color: #9a9a9a;
  font-size: 11px;
}
#copyright .copylab {
  float: right;
}

/* 新ヘッダー
 ------------------------------ */
#contents .topHeader {
  position: relative;
  height: 240px;
  margin-bottom: 15px;
  background: url(/videopost/images/topHeader_bg.png) no-repeat left top;
}
/* ロゴ */
#contents .topHeader h1 {
  text-align: center;
  padding: 31px 0 0 0;
  margin-bottom: 25px;
}
#contents .topHeader h1 img {
  width: 415px;
}
/* タイトル ティッカー */
#contents .topHeader #title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 547px;
  height: 38px;
  padding: 0 0 0 13px;
  margin-bottom: 10px;
  background: url(/videopost/images/topH_ticker_bg.png) no-repeat left top;
}
/* 記事 */
#contents .topHeader #article {
  width: 603px;
  margin-left: 43px;
}
/* ステータスエリア */
#contents .topHeader #article .statusArea {
  width: 560px;
}
#contents .topHeader #article .statusArea .status {
  float: left;
}
#contents .topHeader #article .statusArea .date {
  float: right;
  color: #0a3e61;
  font-size: 12px;
}
/* 記事 */
#contents .topHeader #article #scroll {
  height: 532px;
  margin-right: 25px;
  overflow: auto;
}
#contents .topHeader #article .detail img {
  vertical-align: bottom;
}
#contents .topHeader #article .detail span.link {
  display: block;
  width: 560px;
}
#contents .topHeader #article .detail span.link img {
  float: right;
}
#contents .topHeader #article .detail p {
  line-height: 1.4em;
  width: 560px;
  padding-top: 10px;
  margin-right: 4px;
}
/* サムネイル */
#contents #bx-pager {
  position: absolute;
  bottom: 18px;
  left: 3px;
}
/* メッセージ */
#message {
  color: #666666;
  padding: 10px;
  text-align: center;
}

#floodLink {
  float: right;
  height: 50px;
  margin: 12px 15px 0px;
  clear: both;
}
#floodLink span{
    background: #0044ff none repeat scroll 0 0;
    border: 2px solid #00ffff;
    border-radius: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    padding: 3px 10px 0;
    text-align: center;
    white-space: nowrap;
}

/* 投稿ボタン 2021/02追加*/
.btn_post {
  margin-bottom: 20px;
  text-align: center;
}

.btn_post img {
  width: 93%;
  border: 2px solid #0b507f;
  border-radius: 16px;
}

/* Twitter TimeLine 2021/02追加*/
.tweet_timeline {
  margin-bottom: 15px;
}