@charset "UTF-8";
/**
 * ダイドー祭りドットコム2013
 * 下層用共通スタイル
 */
/* ==========================================================================
   layout
   ========================================================================== */
/* パンくず
   ========================================================================== */
div#topicpath {
  margin: 13px auto;
  width: 960px; }

div#topicpath dt, div#topicpath dd {
  color: #777777;
  float: left;
  font-size: 77%; }

div#topicpath dd span {
  color: #777777;
  font-weight: bold; }

div#topicpath dt a, div#topicpath dd a {
  color: #777777;
  font-weight: normal; }

div#topicpath dt a:hover, div#topicpath dd a:hover {
  color: #333333; }

/* 2カラムのライン
   ========================================================================== */
.column2-line {
  background: url(images/column2_line.gif) repeat-y 729px top;
  margin-bottom: 35px; }

dl.access {
  margin-top: -5px; }

dl.access dt,
dl.access dd {
  font-size: 12px;
  line-height: 1.3 !important; }

dl.access dt {
  clear: left;
  float: left;
  margin: 0 0 8px;
  width: 3.5em;
  font-weight: bold;
  color: #fff !important; }

dl.access dd {
  margin-bottom: 8px;
  margin-left: 3.5em;
  color: #fff; }

.arc-tabs {
  margin-top: -38px;
  margin-bottom: 21px;
  position: relative;
  z-index: 555; }

/* ==========================================================================
   title
   ========================================================================== */
/* タイトルエリアの右側に画像配置
   ========================================================================== */
.parts-r {
  position: relative; }

#ttl-right {
  position: absolute;
  right: 0;
  top: 0; }

#other-ttl {
  margin-bottom: 21px; }

#dev-ttl {
  margin-bottom: 21px;
  font-weight: bold;
  font-size: 44px;
  color: #cc0c26;
  padding-bottom: 13px; }

/* 左に赤アイコン
   ========================================================================== */
.ttl01 {
  background: url(images/ttl01_item.gif) no-repeat left 0.25em;
  border-bottom: 1px solid #E5E5E5;
  font-size: 123.5%;
  font-weight: bold;
  margin-top: 34px;
  margin-bottom: 13px;
  padding-left: 20px;
  padding-bottom: 10px; }

/* 番組情報ボックス
   ========================================================================== */
#tv,
.tv {
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: url(images/tv_mat.gif) repeat left top;
  padding: 34px;
  width: 635px;
  -moz-box-shadow: 0px 0px 8px #d9d9d9;
  box-shadow: 0px 0px 8px #d9d9d9;
  margin-bottom: 16px;
  margin-top: 34px; }

/* 1カラム */
#tv.column1-box,
.tv.column1-box {
  width: 892px;
  /*960*/ }

/* end */
#tv .fBox,
.tv .fBox {
  margin-bottom: 13px; }

#tv .fBox h2,
.tv .fBox h2 {
  float: left; }

#tv .fBox p,
.tv .fBox p {
  float: right; }

#tv #ttl,
.tv #ttl {
  background: url(images/tv_ttl_mat.gif) repeat left top;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 21px;
  width: 636px; }

#tv #ttl p,
.tv #ttl p {
  color: #fff;
  font-weight: bold;
  line-height: 1.3; }

#tv #ttl p.title,
.tv #ttl p.title {
  font-size: 184%;
  line-height: 1.1; }

#tv #ttl p.line,
.tv #ttl p.line {
  background: url(images/tv_line.gif) repeat-x left top;
  padding: 9px 0 0;
  margin-top: 8px; }

#tv .btn,
.tv .btn {
  text-align: right;
  margin-top: 13px; }

#tv .t16,
.tv .t16 {
  line-height: 1.8125; }

#tv #msg,
.tv #msg {
  background: url(images/tv_dot.gif) repeat-x left top;
  padding: 34px 0 0;
  margin-top: 21px; }

#tv #msg h3,
.tv #msg h3 {
  margin-bottom: 16px; }

#tv #msg .fl,
.tv #msg .fl {
  width: 375px; }

#tv #msg .fl p,
.tv #msg .fl p {
  line-height: 1.618;
  font-size: 108%; }

#tv #msg .fr,
.tv #msg .fr {
  width: 225px;
  text-align: right; }

#tv #msg .fr span,
.tv #msg .fr span {
  display: block;
  margin-top: 5px;
  font-size: 85%; }

#msg p.noImg {
  float: left !important;
  font-size: 93% !important;
  margin-top: 12px; }

#msg .name {
  margin-top: 10px;
  font-size: 93%;
  text-align: right; }

/* 画像とテキスト
   ========================================================================== */
/**
 * 画像エリアにテキストが入る場合は、widthの指定が必要です。
 */
.item-wrap,
.item-txt,
.item-img {
  overflow: hidden;
  zoom: 1; }

.item-img.fr {
  margin-left: 30px; }

.item-img.fl {
  margin-right: 30px; }

/* 位置固定の検索ボックス
   ========================================================================== */
#fixed-wrap {
  /*background:url(images/white.png) repeat-x left top;*/
  width: 960px; }

#srch-bar {
  background-color: #c70226;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 5px 5px 7px;
  position: relative;
  text-align: right;
  letter-spacing: -.40em;
  margin-bottom: 21px;
  z-index: 999; }

#srch-bar h2 {
  position: absolute;
  left: 5px;
  top: 5px; }

#srch-slc {
  letter-spacing: -.40em;
  margin-right: 15px; }

#srch-slc dt,
#srch-slc dd {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle; }

#srch-slc,
.srch-btn {
  display: inline-block;
  letter-spacing: normal; }

.fixed {
  position: fixed;
  top: 0;
  z-index: 100; }

.slideNavi {
  position: fixed !important;
  z-index: 100;
  width: 100%; }

#fixed-wrap.slideNavi {
  margin-bottom: 0; }

#fixed-wrap.slideNavi #tab-list {
  padding-top: 3px;
  margin-bottom: 0px; }

#notfound,
#clear {
  width: 100%;
  text-align: center; }

#clear {
  margin-bottom: 34px; }

.pattern02 {
  background: url(images/pattern02.gif) repeat left top; }

/* 位置固定のタブ
   ========================================================================== */
#tab-list {
  margin-bottom: 31px; }

#tab-list li.last {
  margin: 0; }

.fixed #tab-list {
  padding-top: 0; }

/* 背景パターン01
   ========================================================================== */
.pattern01 {
  background: url(images/pattern01.gif) repeat left top; }

.pattern01 .pattern01-in {
  background: url(images/pattern01_set.gif) no-repeat right top;
  padding: 34px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px; }

.pattern02 {
  background: url(images/pattern02.gif) repeat left top; }

/* ==========================================================================
   今年応援する祭りサーチ
   ========================================================================== */
#search-bar {
  background: url("images/pattern02.gif") repeat left top;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 5px 5px 7px;
  position: relative;
  text-align: right;
  letter-spacing: -.40em;
  margin-bottom: 21px; }

#search-bar h2 {
  position: absolute;
  left: 5px;
  top: 5px; }

#search-slc {
  letter-spacing: -.40em;
  margin-right: 15px; }

#search-slc dt,
#search-slc dd {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle; }

#search-slc,
.search-btn {
  display: inline-block;
  letter-spacing: normal; }

/* ==========================================================================
   Parts
   ========================================================================== */
strong {
  font-weight: bold; }

a.bl {
  background: url(/common/css/images/link_blank.gif) no-repeat right top;
  padding-right: 13px; }

.pt {
  text-align: right;
  margin-right: -12px;
  position: relative;
  z-index: 5; }

#contents .t16lh28 {
  font-size: 123.1%;
  line-height: 1.75; }

.arrow-link li,
.arrow-link dd,
span.arrow-link {
  background: url(images/arrow_link.gif) no-repeat left 0.25em;
  padding-left: 20px; }

a.arrow-link {
  background: url(images/arrow_link.gif) no-repeat left 0.15em;
  padding-left: 20px; }

/* ==========================================================================
   ダイドードリンコ 日本の祭りとは
   ========================================================================== */
#contents.about {
  background: url(images/about_bg.jpg) no-repeat center 20px;
  background-size: 960px auto;
  padding: 0 0 21px 0;
  width: 100%;
  height: 1394px;
  margin-bottom: 16px; }
  #contents.about + p {
    width: 960px;
    margin: 0 auto 100px; }
    #contents.about + p a {
      transition-duration: .05s; }
      #contents.about + p a:hover {
        opacity: .7; }

#contents.about p {
  width: 890px;
  padding-left: 82px;
  margin: 76px auto 0; }

.modal-area img {
  border-radius: 5px;
  overflow: hidden; }

.modals {
  width: 960px;
  margin: 0 auto; }
  .modals li {
    display: inline;
    margin-right: 8px; }

/* ==========================================================================
   ユーティリティ
   ========================================================================== */
#sec-other {
  /*border-top:3px solid #c70226;
	background:url(images/pattern03.gif) repeat left top;*/
  padding: 34px 0; }

/* サイトのご利用
   ========================================================================== */
.riyou-bnrlist {
  margin-top: 21px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  text-align: center;
  padding: 21px 0; }

/* サイトマップ
   ========================================================================== */
/* リンク設定上書き */
#sitemap #sec-other a {
  text-decoration: none; }

#sitemap #sec-other a:hover {
  text-decoration: underline; }

/* end */
.sitemapbox {
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 1px #ebeded;
  -moz-box-shadow: 0px 0px 5px 1px #ebeded;
  -ms-box-shadow: 0px 0px 5px 1px #ebeded;
  -o-box-shadow: 0px 0px 5px 1px #ebeded;
  box-shadow: 0px 0px 5px 1px #ebeded;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 34px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 13px; }
  .sitemapbox h2 {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold; }
    .sitemapbox h2 a {
      background: url(images/arrow_link.gif) no-repeat left 50%;
      line-height: 1;
      padding-left: 20px;
      color: #cc0c26; }

.sitemap {
  border-bottom: 1px solid #eee;
  margin-top: 21px; }

.sitemap li,
#archive .arrlink {
  border-top: 1px solid #eee;
  padding: 13px 0;
  line-height: 1;
  font-size: 123.1%;
  font-weight: bold; }

#archive .arrlink {
  border-top: none; }

.sitemap #archive li {
  width: 100%; }

.sitemap #archive li .name-list li {
  float: left; }

.sitemap li a,
#archive .arrlink a {
  background: url(images/arrow_link.gif) no-repeat left 50%;
  padding-left: 20px;
  color: #444; }

.sitemap li .arrow-link {
  margin-left: 6px; }

.sitemap .arrow-link li {
  background: url("/common/css/images/arrow_link_red.gif") no-repeat left 11px;
  padding: 5px 8px 5px 13px !important;
  font-weight: normal; }

.sitemap .arrow-link li a {
  background: none;
  padding-left: 0px; }

.sitemap li ul {
  margin-top: 5px; }

.sitemap li li {
  border-top: none;
  width: 150px;
  padding: 0 0 0 20px !important;
  font-size: 14px;
  line-height: 1.3 !important;
  font-weight: normal; }

.sitemap .flist li {
  width: 276px;
  font-size: 14px; }

.sitemap .flist li span {
  color: #575757;
  font-size: 11px; }

.sitemap li .name-list a {
  border-left: none;
  padding-left: 0px; }

/* 今年応援する祭り　リンク先がないとき */
#footlist .link-none,
#sitemap .link-none {
  background: url(images/arrow_nolink_red.gif) no-repeat left 0.25em !important;
  padding: 0 8px 0 13px !important; }

/* ==========================================================================
   PIE
   ========================================================================== */
.pie {
  behavior: url(/common/css/PIE.htc);
  position: relative;
  zoom: 1; }

/* ==========================================================================
   404
   ========================================================================== */
#sec-other.notfound {
  position: relative;
  padding: 247px 34px 55px; }

#notfound-ttl {
  position: absolute;
  left: 29px;
  top: 68px; }

#notfound-txt {
  width: 600px;
  position: relative;
  z-index: 2; }

#sec-other.notfound .play-box {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  padding: 34px;
  margin-top: 55px;
  border: 3px solid #ddd; }

#sec-other.notfound .play-box h2 {
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 8px; }

/* ==========================================================================
   再放送
   ========================================================================== */
h1#tvRe {
  font-size: 21px;
  font-weight: bold;
  color: #C70226;
  margin-bottom: 21px;
  padding: 13px 0 13px;
  border-bottom: 3px solid #ddd; }

.tvRe {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 960px;
  margin-bottom: 34px; }

.tvRe th,
.tvRe td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 8px 8px;
  text-align: center;
  font-size: 15px; }

.tvRe td.ttl {
  text-align: left; }

.tvRe th {
  font-size: 11px;
  background: url("/common/css/images/bg_tapes.gif") repeat left top;
  font-weight: bold;
  color: #555; }

.tvRe td.date {
  background-color: #412F71;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 8px;
  text-align: left; }