@charset "utf-8";
/* CSS Document */

/*==========================================================

  ■NAASH 国立代々木競技場

  ■/yoyogi/Portals/0/css/contents.css

==========================================================*/



/* ---------------------------------------------------------
common
--------------------------------------------------------- */
.zaseki02po { position:relative; }
.white-po { position:absolute; top:594px; right:65px; /top:573px;}
head~/* */body .white-po {top:576px;}
.red { color: #CC0000; }
.bold { font-weight: bold; }
.small { font-size: 72%; }
.m10b { margin-bottom: 10px; }
.m20b { margin-bottom: 20px; }
.m30b { margin-bottom: 30px; }
#contents { width: 620px; margin: 20px auto; }
hr { border-left:none; border-right:none; border-top:none; border-bottom:#cccccc solid 1px;}
/* ---------------------------------------------------------
フリーボタン
--------------------------------------------------------- */
/*--フリーボタン01列--*/
ul.freebutton01 { clear: both; width: 620px; padding: 0; margin: 10px 0; font-size: 86%; }
ul.freebutton01 li { float: left; list-style: none; margin: 0 0 10px; }
ul.freebutton01 li a { display: block; width: 575px; height: 25px; padding: 9px 30px 0 15px; background: url(/yoyogi/Portals/0/images/common/freebutton/freebutton01.gif) no-repeat top left; line-height: 1.2em; color: #666666; }
ul.freebutton01 li a:link, ul.freebutton01 li a:visited, ul.freebutton01 li a:active { text-decoration: none; color: #666666; }
ul.freebutton01 li a:hover { text-decoration: underline; color: #666666; }
/*--フリーボタン02列--*/
ul.freebutton02 { clear: both; width: 620px; padding: 0; margin: 10px 0; font-size: 86%; }
ul.freebutton02 li { float: left; list-style: none; margin: 0 10px 10px 0; }
ul.freebutton02 li.right { margin: 0 0 10px; }
ul.freebutton02 li a { display: block; width: 260px; height: 25px; padding: 9px 30px 0 15px; background: url(/yoyogi/Portals/0/images/common/freebutton/freebutton02.gif) no-repeat top left; line-height: 1.2em; color: #666666; }
ul.freebutton02 li a:link, ul.freebutton02 li a:visited, ul.freebutton02 li a:active { text-decoration: none; color: #666666; }
ul.freebutton02 li a:hover { text-decoration: underline; color: #666666; }
/*--フリーボタン03列--*/
ul.freebutton03 { clear: both; width: 620px; padding: 0; margin: 10px 0; font-size: 86%; }
ul.freebutton03 li { float: left; list-style: none; margin: 0 10px 10px 0; }
ul.freebutton03 li.right { margin: 0 0 10px; }
ul.freebutton03 li a { display: block; width: 155px; height: 25px; padding: 9px 30px 0 15px; background: url(/yoyogi/Portals/0/images/common/freebutton/freebutton03.gif) no-repeat top left; line-height: 1.2em; color: #666666; }
ul.freebutton03 li a:link, ul.freebutton03 li a:visited, ul.freebutton03 li a:active { text-decoration: none; color: #666666; }
ul.freebutton03 li a:hover { text-decoration: underline; color: #666666; }
/*--フリーボタン04列--*/
ul.freebutton04 { clear: both; width: 620px; padding: 0; margin: 10px 0; font-size: 86%; }
ul.freebutton04 li { float: left; list-style: none; margin: 0 10px 10px 0; }
ul.freebutton04 li.right { margin: 0 0 10px; }
ul.freebutton04 li a { display: block; width: 102px; height: 25px; padding: 9px 30px 0 15px; background: url(/yoyogi/Portals/0/images/common/freebutton/freebutton04.gif) no-repeat top left; line-height: 1.2em; color: #666666; }
ul.freebutton04 li a:link, ul.freebutton04 li a:visited, ul.freebutton04 li a:active { text-decoration: none; color: #666666; }
ul.freebutton04 li a:hover { text-decoration: underline; color: #666666; }
/* ---------------------------------------------------------
カテゴリー
--------------------------------------------------------- */
/*--カテゴリー01--*/
.category_box01 { width: 620px; margin: 15px 0; }
.category_box01 td { width: 195px; padding: 0 5px 20px; vertical-align: top; }
.category_box01 .category_title { font-weight: bold; border-left: 4px solid #F5AEAE; padding: 0 0 0 10px; margin: 0 0 5px; }
.category_box01 .category_photo { padding: 0 0 5px; }
/*--カテゴリー02--*/
.category_box02 { width: 620px; margin: 15px 0; }
.category_box02 td { padding: 0 5px 20px; vertical-align: top; }
.category_box02 .category_title { font-weight: bold; border-left: 4px solid #F5AEAE; padding: 0 0 0 10px; margin: 0 0 5px; }
.category_box02 .category_photo { width: 210px; text-align: left; padding: 0 0 20px 5px; }
/* ---------------------------------------------------------
トップページ
--------------------------------------------------------- */
/*--お知らせ--*/
.information .topics { font-weight: bold; color: #666666; display: block; padding: 7px 20px 5px 0; border-bottom: 1px dotted #cccccc; width: 600px; }
.information .day { padding: 0 15px 0 0; }
.information .title { color:#e06e6e; font-weight: normal; padding: 0 0 0 5px; }
/*--お知らせ詳細--*/
.information-details { width: 620px; }
.information-details h3 { width: 590px; }
.information-details .day { font-size: 79%; border-bottom: 1px dotted #cccccc; }
.information-details .text { padding: 5px 0 20px; }
/*--ボックス--*/
.index_box { margin: 0 0 20px; }
.index_box td { vertical-align: top; }
.index_box h2 { margin: 0 0 10px; padding: 0; }
.index_box .photo { float: left; }
.index_box .text { float: right; width: 170px; padding: 0 0 10px 10px; }
.sidenavi_top { background: url(/yoyogi/Portals/0/images/contents/side/sidenavi_bg-top.gif) no-repeat top left; }
.sidenavi_bottom { background: url(/yoyogi/Portals/0/images/contents/side/sidenavi_bg-bottom.gif) no-repeat bottom left; padding:0; }
.sidenavi_bg { background: url(/yoyogi/Portals/0/images/contents/side/sidenavi_bg.gif) repeat-y left; }
.sidenavi_bg p { padding: 0 0 5px; }
/* ---------------------------------------------------------
会議室利用概要
--------------------------------------------------------- */
/*--会議室利用概要--*/
.confernce .box { background:url(/yoyogi/Portals/0/images/contents/conference/conferenc-img.jpg) no-repeat top right; width: 620px; float:left; }
.confernce .box2 { width:600px; float:left; padding:10px; }
.confernce .box3 { width: 620px; float:left; }
.confernce .text { padding-left:10px; }
.confernce ul { padding-left:10px; list-style:none; }
/* ---------------------------------------------------------
お申込みの流れ
--------------------------------------------------------- */
/*お申込みの流れ*/
.info-flow ul { margin:0 0 10px 15px; }
/* ---------------------------------------------------------
イベントカレンダー
---------------------------------------------------------
.event-calendar { margin: 0 auto 20px; width: 880px; background: #dddddd; }
.event-calendar th { background: #f5aeae; padding: 5px 0; font-size: 86%; color: #FFFFFF; text-align: center; }
.event-calendar td { padding: 5px 2px; font-size: 86%; text-align: center; background: #ffffff; }
.event-calendar th.day { text-align: center; padding: 0 0 0 10px; width: 100px; }
.event-calendar td.day { text-align: left; padding: 0 0 0 10px; }
.event-calendar th.time { width:60px; }
.event-calendar th.starttime { width:60px; } */
/* ---------------------------------------------------------
お知らせ
--------------------------------------------------------- */
.newslist { clear:both; }
.newslist dl { border-bottom:1px dotted #CCCCCC; clear:both; overflow:hidden; width:620px; }
.newslist dt { float:left; font-weight: bold; color: #666666; width:130px; padding: 5px; }
.newslist dd { float:right; font-weight: normal; width:470px; padding: 5px; }
/* ---------------------------------------------------------
ログイン削除
--------------------------------------------------------- */
#dnn_ctr_Login_cmdRegister { display:none; }
/* ---------------------------------------------------------
売店
--------------------------------------------------------- */
.presence-title { position:relative; width:620px; margin:20px 0 10px 0; height:74px; }
.presence-title .dai-1 { position:absolute; right:15px; top:20px; }
.presence-title .dai-1 a:hover img { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
.presence_box { background:url(/yoyogi/Portals/0/yoyogi/image/presence/menu_bg.gif) left bottom no-repeat; padding:0 0 15px 0; }
.presence { padding:15px; }
.presence .arrow-title { background: url(/yoyogi/Portals/0/yoyogi/image/presence/arrow.gif) 5px 0 no-repeat; border-bottom:#f6e5e8 double 3px; padding:0 0 5px 30px; font-size:100%; margin:0 0 10px 0; font-weight:bold; }
.presence ul.drink { margin:0 0 0 15px; padding:0; }
.presence .drink li { margin:0 0 5px 0; padding:0; }
.menu-about { background:#efefef; padding:15px 10px; }
.menu-about h4 { font-size:86%; font-weight:bold; padding:0 0 5px 18px; border-bottom:#f07b87 solid 1px; background:url(/yoyogi/Portals/0/yoyogi/image/presence/arrow_pink.gif) 5px 3px no-repeat; margin:0 0 15px 0; }
/* ---------------------------------------------------------
レストラン
--------------------------------------------------------- */
.restaurant { width:620px; }
.restaurant .res-navi { background:#ffd6c2; width:620px; text-align:center; padding:5px 0; margin:30px 0 10px 0; }
.restaurant .res-navi a:hover img { filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
#osusume { background:url(/yoyogi/Portals/0/yoyogi/image/restaurant/osusume_bg.gif) left bottom no-repeat; width:620px; padding:0 0 15px; margin:0; }
#osusume h3 { margin:0; padding:0; }
.restaurant_menu { padding:15px; }
.restaurant_menu .arrow-title { background: url(/yoyogi/Portals/0/yoyogi/image/restaurant/arrow.gif) 5px 0 no-repeat; border-bottom:#f4af83 double 3px; padding:0 0 5px 30px; font-size:100%; margin:0 0 10px 0; font-weight:bold; }
/* ---------------------------------------------------------
いろいろなテーブル
--------------------------------------------------------- */
.color-table { border-collapse: collapse; border: 1px solid #CCCCCC; margin-bottom: 25px; width: 100%; }
.color-table li, .color-table ol { padding-left: 5px; }
.color-table th { background: #F5AEAE; border: 1px dotted #CCCCCC; padding: 10px; text-align: left; color:#FFFFFF; }
.color-table td { border: 1px dotted #CCCCCC; padding: 10px; }
.gray-table { border-collapse: collapse; border: 1px solid #CCCCCC; margin-bottom: 25px; width: 100%; }
.gray-table li, .gray-table ol { padding-left: 5px; }
.gray-table th { background: #EAEAEA; border: 1px dotted #CCCCCC; padding: 10px; text-align: left; }
.gray-table td { border: 1px dotted #CCCCCC; padding: 10px; }
.line-table { border-collapse: collapse; border: 2px solid #F5AEAE; margin-bottom: 25px; width: 100%; }
.line-table li, .line_table ol { padding-left: 5px; }
.line-table th { border: 1px dotted #F5AEAE; padding: 10px; text-align: left; }
.line-table td { border: 1px dotted #F5AEAE; padding: 10px; }
.nocolor-table { border-collapse: collapse; border: 1px solid #CCCCCC; margin-bottom: 25px; width: 100%; }
.nocolor-table li, .nocolor-table ol { padding-left: 5px; }
.nocolor-table th { border: 1px dotted #CCCCCC; padding: 10px; text-align: left; }
.nocolor-table td { border: 1px dotted #CCCCCC; padding: 10px; }
/*---- table grayTable ----*/
.listTable { margin-top:20px 0 0 0; border-collapse:collapse; border-spacing:0;border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}
.listTable caption { text-align:left;border-bottom:1px solid #ccc;padding:0 0 2px 0; margin:0 0 5px 0;}
.listTable th { border:1px solid #c2c2c2; padding:5px; background:#efefef;}
.listTable tr.listTableHead th { background:#cccccc;}
.listTable th.listTableEmptycell { border:none; background:none;}
.listTable tr.listTableHead th.listTableEmptycell { border:none; background:none;}
.listTable td { border:1px solid #c2c2c2; padding:5px; background:none; vertical-align:top; clear:both; overflow:hidden; _zoom:1;}

.seatFlow td{ position:relative;}
.seatFlow td .linkText{ position:absolute; bottom:10px; width:132px; margin:0;}
.seatFlow td .linkText, x:-moz-any-link, x:default{ bottom:20px;}

/* ---------------------------------------------------------
トップ　サイドイベント
--------------------------------------------------------- */
.event_gym {padding:7px;background:#fff;border:1px solid #d9d9d9;border-radius:5px;behavior:url(/corp/Portals/0/PIE.htc);position:relative;}
.event-news ul {margin:0;list-style:none;}
.event-news ul li {padding: 10px 0 12px;border-bottom: 1px dotted #c2c2c2;position: relative;}
.event-news ul li .newsDate {font-weight: bold;margin: 0;}
.event_gym .newsListLink {text-align: right;margin: 0;}
.event_gym .newsListLink a {padding:0 0 0 8px;background:url(/yoyogi/Portals/0/Skins/yoyogi/images/common/newsListLinkArrow.gif) no-repeat 0 0.4em;}

/* ---------------------------------------------------------
イベント情報
--------------------------------------------------------- */
.event_information_2Col {border: 1px solid #ccc;border-radius: 5px;margin: -16px 0 5px 0;padding: 15px 10px 5px;behavior:url(/corp/Portals/0/PIE.htc);position:relative;}
.event_information_2Col .event_information_inner {clear: both;}
.event_information_2Col .event_information_inner .newsTitle {margin: 0 0 5px !important;}

/* ---------------------------------------------------------
20190910_アクセシビリティ対応
--------------------------------------------------------- */
#sidecontents .panelColor .productSearch_selectGate option{background-color:#fff;color:#000;}
#skin2columnsRnavi #header .searchArea *{font-size:100% !important;}
/* prettyPhoto.js */
div.pp_default .pp_nav .currentTextHolder,
div.pp_default .pp_description{font-size:78% !important;}
div.facebook .pp_nav p{font-size:107% !important;}
div.ppt{font-size:121% !important;color:#333 !important;}
div.pp_default .pp_nav .currentTextHolder{color:#333 !important;}
/* fb-root */
#fb-root{font-size: 78%;}
/* カスタム検索 */
.gsc-tabHeader.gsc-tabhActive,
.gsc-refinementHeader.gsc-refinementhActive{color:#333 !important;}