@charset "utf-8"; @import "font.css"; /*--------------- 全体設定 ---------------*/ * { margin:0; padding:0; font-style:normal; } /*----------------- タグ -----------------*/ body { font-family:'Trebuchet MS',verdana,"MS Pゴシック",Osaka,sans-serif; background: #d0d0d0; overflow: hidden; text-align:center; /*IE Hack*/ } img { border:none; } /*----------- 擬似フレーム設定 -----------*/ .container{ width : 1000px; height : 100%; background: #ffffff; background-image: url(http://ahs.jp/common/images/background/shadow.gif); top: 0px; margin-left: auto; margin-right: auto; z-index : 01; } .bar{ width : 960px; height : 95px; background: #ffffff; top: 0px; margin-left: 15px; position: absolute; z-index : 90; } .bar_inner{ width : 950px; height : 95px; margin-left: auto; margin-right: auto; } .main_outer{ width: 1000px; height : 100%; margin: 0px auto; } .main{ background: #ffffff; background-image: url(http://ahs.jp/common/images/background/shadow.gif); width: 1000px; height : 100%; top: 0px; margin: 0px auto; z-index : 1; overflow: auto; scrollbar-face-color: #8d8; } .main_inner{ width : 950px; margin-top: 100px; margin-left: auto; margin-right: auto; } /*------------ ヘッダ部 内容 -------------*/ #head-content div.rcontent { padding:2px; background:#ffcc66; color:#fff; font-family: Verdana; font-weight: bold; font-size:16pt; } /*------- 角丸のCSS -------*/ #head-content span.rtop, #head-content span.rbottom { display:block; background: #fff; } #head-content span.rtop span, #head-content span.rbottom span { display:block; height: 1px; overflow: hidden; background: #ffcc66; } #head-content span.r1{margin: 0 5px;} #head-content span.r2{margin: 0 3px;} #head-content span.r3{margin: 0 2px;} #head-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;} #head-content span.r0 { display:block; height: 3px; overflow: hidden; background: #a40035; margin: 2 6px; } /*------- 角丸のCSS -------*/ /*------------ フッタ部 内容 -------------*/ #foot-content div.copyright { padding:2px; background:#ffcc66; color:#fff; font-family: Verdana; font-weight: bold; font-size:10pt; text-align:right; } #foot-content span.rtop, #foot-content span.rbottom { display:block; background: #fff; } #foot-content span.rtop span, #foot-content span.rbottom span { display:block; height: 1px; overflow: hidden; background: #ffcc66; } #foot-content span.r1{margin: 0 5px;} #foot-content span.r2{margin: 0 3px;} #foot-content span.r3{margin: 0 2px;} #foot-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;} /*------- 角丸のCSS -------*/ #headfoot-content span.rtop, #headfoot-content span.rbottom { display:block; background: #fff; } #headfoot-content span.rtop span, #headfoot-content span.rbottom span { display:block; height: 1px; overflow: hidden; background: #ffcc66; } #headfoot-content span.r1{margin: 0 5px;} #headfoot-content span.r2{margin: 0 3px;} #headfoot-content span.r3{margin: 0 2px;} #headfoot-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;} #headfoot-content span.r0 { display:block; height: 3px; overflow: hidden; background: #0a0; margin: 2 6px; } /*------- 角丸のCSS -------*/ /*----------- メニュー部 内容 ------------*/ #menu-content div.rcontent { padding:0px; background:#000000; color:#f60; font-family: Verdana; font-weight: bold; font-size:12pt; } /*------- 角丸のCSS -------*/ #menu-content span.rtop, #menu-content span.rbottom { display:block; background: #fff; } #menu-content span.rtop span, #menu-content span.rbottom span { display:block; height: 1px; overflow: hidden; background: #000000; } #menu-content span.r1{margin: 0 5px;} #menu-content span.r2{margin: 0 3px;} #menu-content span.r3{margin: 0 2px;} #menu-content span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;} /*------- 角丸のCSS -------*/ /*------------- 本文部 内容 --------------*/ #linknest p{ font-size: 14px; font-weight: bold; color: #080; text-align: right; margin-right: 2em; } #body-text h2 { color:#ffcc66; font-family: Verdana; font-weight: bold; font-size: 18px; text-align: center; } #body-menu { float: left; margin-left: 650px; margin-top: 140px; position: absolute; } /*--------- 内容 ----------*/ #body-content h2 { margin-bottom: 2px; padding-left: 33px; line-height: 16px; background: #fff url('http://ahs.jp/common/images/symbol/PREFIX/04.gif') no-repeat scroll left center; font-family: "Verdana"; font-weight: bold; font-size: 14px; text-align: left; } #body-content table { margin-left : auto ; margin-right : auto ; } /*----- 罫線あり基本テーブル ------*/ #basictable table{ border-color: #ffcc66; border-collapse:collapse; margin-top: 0px; margin-left: 8px; } #basictable tbody{ font-size: 10pt; color:#330000; font-family:Verdana; line-height: 135%; } #basictable th{ background: #000000; border-width: 1px; border-style: solid; border-color: #ffcc66; text-align: left; vertical-align: middle; padding: 0 0.5em; } #basictable td{ border-width: 1px; border-style: solid; border-color: #ffcc66; text-align: left; vertical-align: middle; padding: 0 0.5em; } /* 定義リスト2(dtの幅が短いVer・更新履歴とイベント詳細で使用) */ #body-content dl.dt-short dt { padding-left: 0px; width: 7em; line-height: 1.2; font-size: 14px; } #body-content dl.dt-short dd { margin: -1.2em 0 0 7em; line-height: 1.2; font-size: 14px; } #body-content dl{ margin-bottom: 0.2em; } #body-content p{ font-size: 14px; padding-bottom:6px; padding-right:6px; } #body-content p.red{ font-size: 14px; color: red; padding-bottom:6px; padding-right:6px; } /* ---- 擬似インラインフレーム ----*/ #body-content .textbox1{ border: none; width: 98%; height: 130px; margin: auto; padding-left: 2px; overflow: auto; scrollbar-face-color: #8d8; } #body-content .textbox2{ border: none; width: 98%; height: 240px; margin: auto; padding-left: 6px; overflow: auto; scrollbar-face-color: #8d8; } #body-content .textbox3{ border: none; width: 600px; margin: 20px; padding-left: 6px; text-align: left; overflow: visible; scrollbar-face-color: #8d8; } #body-content .leftbox{ width: 100%; text-align: left; } #body-content .singlebox{ margin: 0 20px; text-align: left; } #body-content ul.list{ text-align: left; font-size: 15px; margin-top: 0px; margin-left: 20px; line-height: 20px; } #body-content li{ margin-top: 6px; } #body-content ul.alert{ font-size: 16px; margin-left: 26px; margin-top: 0px; color: red; padding-bottom:6px; padding-right:6px; list-style-image: url("http://ahs.jp/common/images/symbol/SUN_22_20.gif"); } /*----- 角丸ボックス ------*/ .curve-head{ font-size:1px; height:7px; background:url(http://ahs.jp/common/images/background/curve-right-head.gif) top right no-repeat; margin-top:2px; } .curve-head div{ font-size:1px; height:7px; background:url(http://ahs.jp/common/images/background/curve-left-head.gif) top left no-repeat; } .curve-body{ background:url(http://ahs.jp/common/images/background/curve-left-middle.gif) top left repeat-y; } .curve-body div{ background:url(http://ahs.jp/common/images/background/curve-right-middle.gif) top right repeat-y; } .curve-bottom{ font-size:1px; height:7px; background:url(http://ahs.jp/common/images/background/curve-right-bottom.gif) bottom right no-repeat; margin-bottom:5px; } .curve-bottom div{ font-size:1px; height:7px; background:url(http://ahs.jp/common/images/background/curve-left-bottom.gif) bottom left no-repeat; } /*----- イベント一覧テーブル ------*/ #eventlist table{ border-color: #ffcc66; border-collapse:collapse; margin-top: 0px; margin-left: 8px; } #eventlist tbody{ font-size: 10pt; color:#330000; font-family:Verdana; line-height: 135%; } #eventlist th{ background: #000000; border-width: 1px; border-style: solid; border-color: #000000; text-align: center; vertical-align: middle; } #eventlist td{ border-width: 1px; border-style: solid; border-color: #ffcc66; text-align: left; vertical-align: middle; padding: 0 4px; } /*----------- 切替タブ ------------*/ #eventlist_tab td{ border-width: 0px; text-align: left; vertical-align: bottom; padding: 0px; } .tabNav{ position:relative; z-index:10; *zoom:1; } .tabNav li{ display:inline; height: 1em; border-bottom: 0px; margin-left:0px; margin_bottom:0px; text-decoration: none; valign: bottom; } #day li a{ display:inline; background:url(http://ahs.jp/common/images/text/TAB_DAY.gif) bottom left no-repeat; padding:0.25em 7px; text-decoration: none; z-index:10; } #day li a.active{ background:url(http://ahs.jp/common/images/text/TAB_DAY_ACTIVE.gif) bottom left no-repeat; border-bottom: 0px; text-decoration: none; z-index:10; } #genre li a{ display:inline; background:url(http://ahs.jp/common/images/text/TAB_GENRE.gif) bottom left no-repeat; padding:0.25em 7px; text-decoration: none; z-index:10; } #genre li a.active{ background:url(http://ahs.jp/common/images/text/TAB_GENRE_ACTIVE.gif) bottom left no-repeat; border-bottom: 0px; text-decoration: none; z-index:10; }