@charset "UTF-8"; /* CSS Document */ /* ■■■■■■■■■■*/ /* ■■■2009.04リニューアル変更点（唯木） /* ■■■■■■■■■■*/ /*screen_0.css*/ @import "blueprint/screen_forArchive.css"; /*dialog css @import "ui-lightness/ui.all.css"; */ body {color:#666;font-family:"ヒラギノ丸ゴ ProN W4", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Hiragino Maru Gothic ProN", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";letter-spacing:0.1em;background-color:#F2F0E1;background-image:url(../img/2009/bg.jpg);background-repeat:repeat-y; background-position:center top;} h1,h2,h3,h4,h5,h6,#primeLeaf h1,h2,h3,h4,h5,h6{color:#666;} p.catchCopy,#eventTop p.catchCopy {color:#e87979;font-size:1.1em;font-weight:bold;} .container {background-color:#fff;} #crumbs{padding:20px;} /* ■■■■■■■■■■*/ /* ■■■header*/ /* ■■■■■■■■■■*/ /*header内、サブナビ、メインナビ全面改装。.suvnaviArea .mainNaviを追加しそれぞれの背景画像、高さを指定。　09.04.01 唯木*/ /*header・footerともに、形はscreen_0.css内.inLineBlockListにて定義。 　プロジェクトcssでは、各ボタンの幅および高さを指定する。 　※画像を背景処理しているため、width,height,の定義は必須 display:blockも必ず記述　0513さこう*/ /*subNavi*/ .subNaviArea{width:944px;height:59px;background: url(../img/2009/header/head_shadow.gif) repeat-x;} .subNaviArea ul{padding:25px 0 0 0;margin:0;} #shisetsuMap a{background:url(../img/2009/header/subNavi_shisetsu.gif) no-repeat;width:89px;height:22px;display:block;} #access a{background:url(../img/2009/header/subNavi_access.gif) no-repeat;width: 69px;height:22px;display:block;} #pressRelease a{background:url(../img/2009/header/subNavi_press.gif) no-repeat;width:89px; height:22px;display:block;} #mailNews a{background:url(../img/2009/header/subNavi_mail.gif) no-repeat;width:92px;height:22px;display:block;} #office a{background:url(../img/2009/header/subNavi_office.gif) no-repeat;width:99px;height:22px;display:block;} #recruit a{background:url(../img/2009/header/subNavi_recruit.gif) no-repeat;width:65px;height:22px;display:block;} #textSize{width:71px;height:22px;display:block;} #textPlus a{background:url(../img/2009/header/subNavi_+.gif) no-repeat;width:12px;height:22px;display:block;} #textPlus a:hover,#textPlus a:active{background:url(../img/2009/header/subNavi_+Hover.gif) no-repeat;width:12px;height:22px;display:block;} #textMinous a{background:url(../img/2009/header/subNavi_-.gif) no-repeat;width:12px;height:22px;display:block;} #textMinous a:hover,#textMinous a:active{background: url(../img/2009/header/subNavi_-Hover.gif) no-repeat;width:12px;height:22px;display:block;} #rss a{background:url(../img/2009/header/subNavi_rss.gif) no-repeat;width:49px;height:22px;display:block;} #aboutYGP img{margin:1px 0;} /*mainNavi*/ /*header・footerともに、形はscreen_0.css内.inLineBlockListにて定義。 　プロジェクトcssでは、各ボタンの幅および高さを指定する。 　※画像を背景処理しているため、width,height,の定義は必須 display:blockも必ず記述　0513さこう*/ .mainNaviArea{width:944px;height:47px;background: url(../img/2009/header/navi_bg.gif) repeat-x;} .mainNaviArea ul{padding:0 0 0 16px;background: url(../img/2009/header/navi_bg.gif) } #home a{background:url(../img/2009/header/navi_home.gif) no-repeat left center;width:182px;height:47px;display:block;} #restaurant a{background:url(../img/2009/header/navi_restaurant.gif) no-repeat left center;width:183px;height:47px;display:block;} #shopping a{background:url(../img/2009/header/navi_shopping.gif) no-repeat left center;width:182px;height:47px;display:block;} #event a{background:url(../img/2009/header/navi_event.gif) no-repeat left center;width:182px;height:47px;display:block;} #service a{background:url(../img/2009/header/navi_service.gif) no-repeat left center;width:182px;height:47px;display:block;} #home a:hover,#navi01:active{background: url(../img/2009/header/navi_homeHover.gif) no-repeat left center;width:182px;height:47px;display:block;} #restaurant a:hover,#navi02:active{background:url(../img/2009/header/navi_restaurantHover.gif) no-repeat left center;width:183px;height:47px;display:block;} #shopping a:hover,#navi03:active{background:url(../img/2009/header/navi_shoppingHover.gif) no-repeat left center;width:182px;height:47px;display:block;} #event a:hover,#navi04:active{background:url(../img/2009/header/navi_eventHover.gif) no-repeat left center;width:182px;height:47px;display:block;} #service a:hover,#navi05:active{background:url(../img/2009/header/navi_serviceHover.gif) no-repeat left center;width:182px;height:47px;display:block;} /* ■■■■■■■■■■*/ /* ■■■brandlaed header*/ /* ■■■■■■■■■■*/ /*リードページ用縮小版ヘッダー　09.04.08唯木*/ /*blandlaed subNavi*/ .brandLeadNaviArea{width:944px;height:50px;background:url(../img/2009/brandNavi_bg.gif) no-repeat;} .brandLeadNaviArea li{padding:13px 0 0;} #brandLead #ygpLogo{padding:13px 0 0 15px;} #brandLead #textSize{width:75px;height:20px;display:block;} #brandLead #textPlus a{background:url(../img/2009/brand_subnavi_+.gif) no-repeat;width:15px;height:22px;display:block;} #brandLead #textPlus a:hover,#textPlus a:active{background:url(../img/2009/brand_subnavi_+Hover.gif) no-repeat;width:15px;height:22px;display:block;} #brandLead #textMinous a{background:url(../img/2009/brand_subnavi_-.gif) no-repeat;width:13px;height:22px;display:block;} #brandLead #textMinous a:hover,#textMinous a:active{background:url(../img/2009/brand_subnavi_-Hover.gif) no-repeat;width:13px;height:22px;display:block;} #brandLead #rss a{background:url(../img/2009/brand_subnavi_rss.gif) no-repeat;width:49px;height:22px;display:block;} #brandLead #home a{background:url(../img/2009/brand_gnavi_home.gif) no-repeat left center;width:67px;height:22px;display:block;} #brandLead #restaurant a{background:url(../img/2009/brand_gnavi_restaurant.gif) no-repeat left center;width:126px;height:22px;display:block;} #brandLead #shopping a{background:url(../img/2009/brand_gnavi_shopping.gif) no-repeat left center;width:98px;height:22px;display:block;} #brandLead #event a{background:url(../img/2009/brand_gnavi_event.gif) no-repeat left center;width:76px; height:22px;display:block;} #brandLead #service a{background:url(../img/2009/brand_gnavi_service.gif) no-repeat left center;width:90px;height:22px;display:block;} #brandLead #home a:hover,#navi01:active{background:url(../img/2009/brand_gnavi_homeHover.gif) no-repeat left center;width:67px;height:22px;display:block;} #brandLead #restaurant a:hover,#navi02:active{background:url(../img/2009/brand_gnavi_restaurantHover.gif) no-repeat left center;width:126px;height:22px;display:block;} #brandLead #shopping a:hover,#navi03:active{background:url(../img/2009/brand_gnavi_shoppingHover.gif) no-repeat left center;width:98px;height:22px;display:block;} #brandLead #event a:hover,#navi04:active{background:url(../img/2009/brand_gnavi_eventHover.gif) no-repeat left center;width:76px;height:22px;display:block;} #brandLead #service a:hover,#navi05:active{background:url(../img/2009/brand_gnavi_serviceHover.gif) no-repeat left center;width:90px;height:22px;display:block;} /* ■■■■■■■■■■*/ /* ■■■brandlaed header（旧リード）*/ /* ■■■■■■■■■■*/ /*旧リードページ用ヘッダー　09.06.24唯木*　旧リードページ（weblog）のヘッダーは縮小版ではなく通常版に設定します/ /*subNavi*/ body#weblog #brandLead #ygpLogo{padding:0px;} body#weblog .subNaviArea{width:944px;height:59px;background: url(../img/2009/header/head_shadow.gif) repeat-x;} body#weblog .subNaviArea ul{padding:25px 0 0;} body#weblog #shisetsuMap a{background:url(../img/2009/header/subNavi_shisetsu.gif) no-repeat;width:89px;height:22px;display:block;} body#weblog #access a{background:url(../img/2009/header/subNavi_access.gif) no-repeat;width: 69px;height:22px;display:block;} body#weblog #pressRelease a{background:url(../img/2009/header/subNavi_press.gif) no-repeat;width:89px; height:22px;display:block;} body#weblog #mailNews a{background:url(../img/2009/header/subNavi_mail.gif) no-repeat;width:92px;height:22px;display:block;} body#weblog #office a{background:url(../img/2009/header/subNavi_office.gif) no-repeat;width:99px;height:22px;display:block;} body#weblog #recruit a{background:url(../img/2009/header/subNavi_recruit.gif) no-repeat;width:65px;height:22px;display:block;} body#weblog #textSize{width:71px;height:22px;display:block;} body#weblog #textPlus a{background:url(../img/2009/header/subNavi_+.gif) no-repeat;width:12px;height:22px;display:block;} body#weblog #textPlus a:hover,#textPlus a:active{background:url(../img/2009/header/subNavi_+Hover.gif) no-repeat;width:12px;height:22px;display:block;} body#weblog #textMinous a{background:url(../img/2009/header/subNavi_-.gif) no-repeat;width:12px;height:22px;display:block;} body#weblog #textMinous a:hover,#textMinous a:active{background: url(../img/2009/header/subNavi_-Hover.gif) no-repeat;width:12px;height:22px;display:block;} body#weblog #rss a{background:url(../img/2009/header/subNavi_rss.gif) no-repeat;width:49px;height:22px;display:block;} /*mainNavi*/ body#weblog .mainNaviArea{width:944px;height:47px;background: url(../img/2009/header/navi_bg.gif) no-repeat} body#weblog .mainNaviArea ul{padding:0 0 0 16px} body#weblog #home a{background:url(../img/2009/header/navi_home.gif) no-repeat left center;width:182px;height:47px;display:block;} body#weblog #restaurant a{background:url(../img/2009/header/navi_restaurant.gif) no-repeat left center;width:183px;height:47px;display:block;} body#weblog #shopping a{background:url(../img/2009/header/navi_shopping.gif) no-repeat left center;width:182px;height:47px;display:block;} body#weblog #event a{background:url(../img/2009/header/navi_event.gif) no-repeat left center;width:182px;height:47px;display:block;} body#weblog #service a{background:url(../img/2009/header/navi_service.gif) no-repeat left center;width:182px;height:47px;display:block;} body#weblog #home a:hover,#navi01:active{background: url(../img/2009/header/navi_homeHover.gif) no-repeat left center;width:182px;height:47px;display:block;} body#weblog #restaurant a:hover,#navi02:active{background:url(../img/2009/header/navi_restaurantHover.gif) no-repeat left center;width:183px;height:47px;display:block;} body#weblog #shopping a:hover,#navi03:active{background:url(../img/2009/header/navi_shoppingHover.gif) no-repeat left center;width:182px;height:47px;display:block;} body#weblog #event a:hover,#navi04:active{background:url(../img/2009/header/navi_eventHover.gif) no-repeat left center;width:182px;height:47px;display:block;} body#weblog #service a:hover,#navi05:active{background:url(../img/2009/header/navi_serviceHover.gif) no-repeat left center;width:182px;height:47px;display:block;} /* ■■■■■■■■■■*/ /* ■■■footer*/ /* ■■■■■■■■■■*/ #footer{width:944px;background-color:#fff;height:120px;} .footNaviArea{border-top:1px solid #ccc;width:944px;} #glassSquare a{background:url(../img/2009/footer/ygp01.gif) no-repeat center center;width:82px;height:40px;display:block;} #westin a{background:url(../img/2009/footer/ygp02.gif) no-repeat center center;width:78px;height:40px;display:block;} #mugizake a{background:url(../img/2009/footer/ygp03.gif) no-repeat center center;width:72px;height:40px;display:block;} #mitsukoshi a{background:url(../img/2009/footer/ygp04.gif) no-repeat center center;width:90px;height:40px;display:block;} #syabi a{background:url(../img/2009/footer/ygp05.gif) no-repeat center center;width:70px;height:40px;display:block;} #ichibankan a{background:url(../img/2009/footer/ygp06.gif) no-repeat center center;width:102px;height:40px;display:block;} #gardencCinema a{background:url(../img/2009/footer/ygp07.gif) no-repeat center center;width:100px;height:40px;display:block;} #gardenHall a{background:url(../img/2009/footer/ygp08.gif) no-repeat center center;width:100px;height:40px;display:block;} #clubYGP a{background:url(../img/2009/footer/ygp09.gif) no-repeat center center;width:90px;height:40px;display:block;} #sapporo a{background:url(../img/2009/footer/ygp10.gif) no-repeat center center;width:70px;height:40px;display:block;} #YGPtower a{background:url(../img/2009/footer/ygp11.gif) no-repeat center center;width:66px;height:40px;display:block;} #glassSquare a:hover,#glassSquare a:active{background: url(../img/2009/footer/ygp01.gif) no-repeat top center;width:82px;height:40px;display:block;} #westin a:hover,#westin a:active{background: url(../img/2009/footer/ygp02.gif) no-repeat top center;width:78px;height:40px;display:block;} #mugizake a:hover,#mugizake a:active{background: url(../img/2009/footer/ygp03.gif) no-repeat top center;width:72px;height:40px;display:block;} #mitsukoshi a:hover,#mitsukoshi a:active{background: url(../img/2009/footer/ygp04.gif) no-repeat top center;width:90px;height:40px;display:block;} #syabi a:hover,#syabi5 a:active{background: url(../img/2009/footer/ygp05.gif) no-repeat top center;width:70px;height:40px;display:block;} #ichibankan a:hover,#ichibankan a:active{background: url(../img/2009/footer/ygp06.gif) no-repeat top center;width:102px;height:40px;display:block;} #gardencCinema a:hover,#gardencCinema a:active{background: url(../img/2009/footer/ygp07.gif) no-repeat top center;width:100px;height:40px;display:block;} #gardenHall a:hover,#gardenHall a:active{background: url(../img/2009/footer/ygp08.gif) no-repeat top center;width:100px;height:40px;display:block;} #clubYGP a:hover,#clubYGP a:active{background: url(../img/2009/footer/ygp09.gif) no-repeat top center;width:90px;height:40px;display:block;} #sapporo a:hover,#sappporo a:active{background: url(../img/2009/footer/ygp10.gif) no-repeat top center;width:70px;height:40px;display:block;} #YGPtower a:hover,#YGPtower a:active{ width: 66px; height:40px; background-image: url(../img/2009/footer/ygp11.gif);background-repeat:no-repeat;background-position:center top;display:block;} #factoryLogo{margin:0 5px;padding:0 5px;border:1px solid #CCCCCC;} /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■■■■ボタン・アイコン類■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ /*アクションボタン（プリント、メール）0904唯木追加*/ .actionbox {width:240px;height:30px;padding:0px 0 11px 7px;} .actionbox em{display:block;font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";color:#FF9900;font-size:11px;} .actionboxbtn{width:240px;height:30px;margin:0;} .actionbox .printAction a{cursor:pointer;height:22px;width:113px;background:url(../img/2009/action_print_off.gif) no-repeat;display:block;float:left;} .actionbox .printAction a:hover{height:22px;width:113px;background:url(../img/2009/action_print_on.gif) no-repeat;display:block;float:left;} .actionbox .printAction,.action .mailAction{margin:0px;} .actionbox .mailAction a{cursor:pointer;height:22px;width:113px;background:url(../img/2009/action_mail_off.gif) no-repeat;float:right;} .actionbox .mailAction a:hover{height:22px;width:113px;background:url(../img/2009/action_mail_on.gif) no-repeat;float:right;} .actionPanel{width:300px;margin:5px 0 10px;} .actionPanel .printAction a{cursor:pointer;height:21px;width:21px;background:url(../img/2009/actionPanel_print_off.png) no-repeat;display:block;float:left;margin:0 5px 0 0;} .actionPanel .printAction a:hover{height:21px;width:21px;background:url(../img/2009/actionPanel_print_on.png) no-repeat;display:block;} .actionPanel .printAction,.action .mailAction{margin:0px;} .actionPanel .mailAction a{cursor:pointer;height:21px;width:21px;background:url(../img/2009/actionPanel_mail_off.png) no-repeat;display:block;float:left;margin:0 5px 0 0;} .actionPanel .mailAction a:hover{height:21px;width:21px;background:url(../img/2009/actionPanel_mail_on.png) no-repeat;display:block;} .applyArea{padding:10px;height:auto;border:2px #CCCCCC solid;margin-bottom:10px;background-image:url(../img/2009/bg_infomationbox.gif);} a.blackButton { background: transparent url('/img/2009/bg_button_a.gif') no-repeat scroll top right; color: #FFF; display: block; float: left; font: normal 14px arial, sans-serif; font-size:14px; height: 42px; margin-right: 6px; margin-bottom:10px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.blackButton span { background: transparent url('/img/2009/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 14px 0 14px 18px; } a.blackButton:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.blackButton:active span { background-position: bottom left; padding: 14px 0 14px 18px; /* push text down 1px */ } .imgBorder{border:1px solid #EAEAEA;} .smallBannar{margin:5px 0 5px 0;} .grayBox{border:1px dotted #999999;margin-bottom:10px;padding:10px;} .arrowMark{padding:5px 10px 5px 20px;margin:0px 0px 0px 10px;color:#666;background:url(../img/2009/arrowGreen.gif) no-repeat 3px center;list-style:none;/* height: 13px; */} .arrowMark:hover{color:#000;background:#FFF url(../img/2009/arrowGray.gif) no-repeat 3px center;} .smallIconTerm{background-image:url(../img/2009/iconTerm.gif);background-repeat: no-repeat;width:30px ;height:15px;} .smallIconPlace{background-image:url(../img/2009/iconPlace.gif);background-repeat: no-repeat;width:30px ;height:15px;} .smallIconTel{background-image:url(../img/2009/iconTel.gif);background-repeat: no-repeat;width:30px ;height:15px;} #crumbs{margin:10px 0 20px;} /*ツールチップ演出用*/ .toolTip{position:relative;} .toolTip span{display:block;border:solid 2px #79c52a;background-color:#FFF;color:#666;text-decoration:none;position:absolute;top:20px;left:10px;padding:5px;visibility:hidden;width:150px;} a.toolTip:hover,a.toolTip:hover span{visibility:visible;z-index:100;} /* ■■■■■■■■■■■■■■■■■■■■■■*/ /* ■■■primeTopのその他の指定■■■■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■■■■*/ /*primeTopカテゴリータイトルの背景指定のために*/ #restaurantCategoryTitle{background:url(../img/2009/titleH1restaurant.gif) no-repeat left top;width:624px;height:52px;} #shopCategoryTitle{background:url(../img/2009/titleH1shopping.gif) no-repeat left top;width:624px;height:52px;} #eventCategoryTitle{background:url(../img/2009/titleH1event.gif) no-repeat left top;width:624px;height:52px;} #serviceCategoryTitle{background:url(../img/2009/titleH1service.gif) no-repeat left top;width:624px;height:52px;} #talkingmapTitle{background:url(../img/2009/titleH1talkingmap.gif) no-repeat left top;width:944px;height:52px;} #event h3.linkedTitleMarker{color: #95c742;} /*ショップ、サービスページトップのニュースコーナーの見出しが出ていなかったので修正　09.04.02 唯木*/ #primeTop #restaurantContent #newsSlideShow h2{background:url(../img/2009/slideShowBgRestaurantNews.gif) no-repeat left top;width:624px;height:30px;margin:0; padding:0;} #primeTop #shopContent #newsSlideShow h2{background:url(../img/2009/slideShowBgShopNews.gif) no-repeat left top;width:624px;height:30px;margin:0;padding:0;} #primeTop #serviceContent #newsSlideShow h2{background:url(../img/2009/slideShowBgServiceNews.gif) no-repeat left top;width:624px;height:30px;margin:0;padding:0;} #primeTop #newsSlideShowContent h3{font-size:1em;} #primeTop #service #newsSlideShowContent h3{font-size:1em;} #primeTop #buttons {width:624px;height:20px;background: url(../img/2009/bottunRestaurantSlide.jpg) repeat-x center center;margin:0;padding:0;} #primeTop #buttons .prev{width:75px;height:20px;float:left;background:url(../img/2009/bottunRestaurantSlideMae.jpg) no-repeat left center;margin:0;padding:0;} #primeTop #buttons .next{width:75px;height:20px;float:right;background:url(../img/2009/bottunRestaurantSlideTsugi.jpg) no-repeat right center;margin:0;padding:0;} /*トップ内スライドニュースのボタンのために*/ #primeTop #restaurantContent #newsSlideShow h2{background:url(../img/2009/slideShowBgRestaurantNews.gif) no-repeat left top;width:630px;height:30px;margin:0; padding:0;} #primeTop #shopContent #newsSlideShowContent h2{background:url(../img/2009/slideShowBgRestaurantNews.gif) no-repeat left top;width:630px;height:30px;margin:0; padding:0;} #primeTop #serviceContent #newsSlideShowContent h2{background:url(../img/2009/slideShowBgServiceNews.gif) no-repeat left top;width:630px;height:30px;margin:0; padding:0;} #primeTop #buttons {width:624px; height:20px; background: url(../img/2009/bottunRestaurantSlide.jpg) repeat-x center center; margin:0; padding:0;} #primeTop #buttons .prev{width:75px; height:20px; float:left; background: url(../img/2009/bottunRestaurantSlideMae.jpg) no-repeat left center; margin:0;padding:0;} #primeTop #buttons .next{width:75px; height:20px; float:right; background: url(../img/2009/bottunRestaurantSlideTsugi.jpg) no-repeat right center;margin:0; padding:0;} #primeTop .shopContact{font-size:10px;} /* ■■■■■■■■■■■■■■■■■*/ /* ■■■primeLeafのその他の指定■■■*/ /* ■■■■■■■■■■■■■■■■■*/ /*コーナータイトルの指定*/ #primeLeaf #cornerTitleRestaurant{background:url(../img/2009/cornerTitleRestaurantCafe.gif) no-repeat center bottom;height:30px;margin:10px 0 20px 0;width:944px;} #primeLeaf #cornerTitleShop{background:url(../img/2009/cornerTitleShop.gif) no-repeat center bottom;height:30px;margin:10px 0 20px 0;width:944px;} #primeLeaf #cornerTitleEvent{background:url(../img/2009/cornerTitleEvent.gif) no-repeat center bottom;height:30px;margin:10px 0 20px 0;width:944px;} #primeLeaf #cornerTitleService{background:url(../img/2009/cornerTitleService.gif) no-repeat center bottom;height:30px;margin:10px 0 20px 0;width:944px;} /*プライムリーフのヘッドコンテントエリア*/ #primeLeaf #headContentArea {width:604px;margin:0;padding:10px;background:#EBEBEB url(../img/2009/primeLeafHeadBg.gif) repeat left top;} #primeLeaf #headContentArea .cbox { /*margin-bottom:10px; */ padding:10px 10px 0px 10px;margin:0;width:584px;background:#FFF;} #primeLeaf #headContentArea .cbox img {margin-right:15px;} #primeLeaf #headContentArea .cbox .sImageSquare{width:110px;height:110px;overflow:hidden;margin:0;padding:0;float:left;display:none;} #primeLeaf #headContentArea .cbox .sImage{width:200px;overflow:hidden;margin:0 0 10px;padding:0;float:right;} #primeLeaf #headContentArea .span-7 {width:250px;padding:10px 0px 0px 10px;color:#333;float:left;} #primeLeaf #headContentArea .span-7 table{width:250px;} #primeLeaf .inLineList {margin:10px 0;} #primeLeaf .inLineList .withPartition{padding-left:0px; margin:5px 0 0 0;} #primeLeaf #headContentArea h1{font-size:1.2em;line-height:1.3em;padding-top:5px;} #primeLeaf #headContentArea p.catchCopy{font-size:1.1em;color:#82ca35;clear:left;} #primeLeaf #headContentArea .small{font-family:Arial, Helvetica, sans-serif ;color:#007575;font-size:1em;line-height:0.8em;padding-bottom:8px;} #primeLeaf #headContentArea .location{clear:none;} #primeLeaf #headContentArea img.left{border:#CCCCCC 1px solid;} .menuArea p{margin-bottom:0px;} .menuArea p.updated{margin-bottom:0px;padding:0px 14px;float:right;} /*店舗詳細欄*/ .shopInformation {width:244px;margin:0;padding:10px;background:#EBEBEB url(../img/2009/primeLeafHeadBg.gif) repeat left top;} .shopInformation .span-7 table{width:224px;} .shopInformation .inLineList{margin:10px 0 0;} .shopInformation .inLineList .withPartition{padding-left:0px;margin:5px 0 0 0;} .shopInformation p.shopTitle{font-size:1em;line-height:1.3em;padding-top:5px;color:#333333;} .shopInformation .small{font-family:Arial, Helvetica, sans-serif;color:#007575;font-size:1em;line-height:0.8em;padding-bottom:0px;} .shopInformation .location {clear:none;} .shopInformation .ul{margin:5px 0;} .shopInformation a img{margin:10px 0 0;} /*店舗詳細欄内のアクションボタン*/ .shopInformation .action {width:238px;height:22px;margin:10px 0 0 2px;} .shopInformation .action em{display:block;font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";color:#FF9900;font-size:11px;margin:15px 0;} .shopInformation .actionboxbtn{width:240px; height:50px; margin:0;} .shopInformation .printAction a{cursor:pointer;height:22px;width:113px;background:url(../img/2009/action_print_off.gif) no-repeat;display:block;float:left;} .shopInformation .printAction a:hover{height:22px;width:113px;background:url(../img/2009/action_print_on.gif) no-repeat;display:block;float:left;} .shopInformation .printAction,.action .mailAction{margin:0px;} .shopInformation .mailAction a{cursor:pointer;height:22px;width:113px;background:url(../img/2009/action_mail_off.gif) no-repeat;float:right;} .shopInformation .mailAction a:hover{height:22px;width:113px;background:url(../img/2009/action_mail_on.gif) no-repeat;float:right;} /*営業情報欄*/ .information{padding:15px;margin:15px 0;border:1px dotted #CCCCCC;clear:both;} .information p{color:#333333;} .information ul{margin:10px 0;} /*レストランリーフ内「こちらもおすすめ」エリアのために*/ #prime #recommend .cbox,#primeLeaf #recommend .cbox { background-image: url(../img/2009/primeLeaf_bg.gif); background-repeat: repeat; padding: 8px; border: 1px solid #E6E6E6; margin-bottom:10px;} #newsList h2 { background:url() no-repeat left top; height:40px; font-weight:bold; padding:5px 0px 0px 80px;} #menuList h2 { background:url() no-repeat left top; height:40px; font-weight:bold; padding:5px 0px 0px 80px;} #infoList h2 { background:url() no-repeat left top; height:40px; font-weight:bold; padding:5px 0px 0px 80px;} #menuList ul { list-style:none;} #menuList li { background:url(../img/2009/arrowGray.jpg) no-repeat left center; padding-left:18px; line-height:2em;} /*レストランリーフタブパネルコンテンツ内の店舗情報のbox*/ #primeLeaf .TabbedPanelsContent .tabbedInfo,#primeLeaf .TabbedPanelsContent .tabbedInfo {padding:10px; border: dotted 1px #CCC; background:url(../img/2009/restaurantInfoBg.gif); margin-bottom:20px;} #primeLeaf .TabbedPanelsContent .tabbedInfo img { float:left; padding-top:0; margin-top:0;} #primeLeaf #prime h1, h2, h3, h4, h5, h6, #primeLeaf h1, h2, h3, h4, h5, h6, #eventTop h1, h2, h3, h4, h5, h6{color:#666666;} /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■■■■各情報ブロック定義■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■■■■*/ /* ■■■スライドショー用の指定■■■■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■■■■*/ /*09.04YGPリニューアル用blueprint適用のため、width:628px→width:622px変更　09.04.02 唯木*/ #newsSlideShow{ position:relative; margin:0px;} #slideshow{ overflow:hidden; border:1px solid #f1f1f1; width:622px; height:9.0em;} #slideshow ul{ padding-left:286px; width:3900px; } #slideshow li{ height:8.0em; border-left:2px dotted #f59f00; float:left; margin:5px 10px 5px 0px; padding:3px 0px 0px 10px; cursor:pointer; width:290px; background-color:#FFFFFA;} #eventTop #slideshow { height:2.0em; border:none; width:610px; margin:0 10px 20px 10px;padding:0; } #eventTop #slideshow ul{padding:0px;margin:0px;} #eventTop #slideshow li{height:2.0em;border:none;margin:0px; padding:0px;float:left; cursor:pointer; width:620px; background-color:#FFFFFF;} /* ■■■■■■■■■■■■■■■■■■■■*/ /* ■■■JSを使用する仕組みの形の定義■■■*/ /* ■■■■■■■■■■■■■■■■■■■■*/ /*サブナビのSpryの仕組み（ぱたぱたひらくやつ）形の定義*/ .subNaviCurve {border:1px solid #CCCCCC;background:#E7E6E1;padding:5px 0 5px 0;} #subnavi .CollapsiblePanel{background:#E7E6E1;} #subnavi .CollapsiblePanelTab {background:url(../img/2009/CollapsiblePanelPlus.gif) no-repeat right center; clear: both; padding:8px; border-top: 1px dotted #999999; color: #333; padding-left:15px;font-size:1.2em;font-weight:normal;margin-bottom:0;} #subnavi .CollapsiblePanelTabHover{background:url(../img/2009/CollapsiblePanelPlusHover.gif) no-repeat right center;} #subnavi .CollapsiblePanelOpen .CollapsiblePanelTab {background:url(../img/2009/CollapsiblePanelMinus.gif) no-repeat right center;} #subnavi .CollapsiblePanelOpen .CollapsiblePanelTabHover{background:url(../img/2009/CollapsiblePanelMinusHover.gif) no-repeat right center; } #subnavi .CollapsiblePanelContent .cbox{ margin-top:10px;}/*さこう追加*/ /*#primeLeafサブナビのSpry（ぱたぱた）*/ /*#subnavi { background:#EBEBEB; margin:5px 0;}*/ #subnavi .CollapsiblePanelTab {color: #000000; padding-left:15px; background:#E7E6E1 url(../img/2009/CollapsiblePanelPlus.gif) no-repeat right center;} #subnavi .CollapsiblePanelTabHover{color: #333333; background:#DBD9D7 url(../img/2009/CollapsiblePanelPlusHover.gif) no-repeat right center;} #subnavi .CollapsiblePanelOpen .CollapsiblePanelTab {color: #333333; background:#E5F3F5 url(../img/2009/CollapsiblePanelMinus.gif) no-repeat right center;} #subnavi .CollapsiblePanelOpen .CollapsiblePanelTabHover{color: #333333; background:#E0E6E6 url(../img/2009/CollapsiblePanelMinusHover.gif) no-repeat right center; } /* #subnavi .CollapsibleRound1{ background: url(../img/2009/CollapsiblePanel_RoundBg.gif) no-repeat left top ; background-color:#EBEAE5; height:10px;}*/ #subnavi .CollapsiblePanelContent{background-color:#F3F3F3; padding:10px;} #primeLeaf #subnavi .CollapsiblePanelContent .cbox {margin:0; padding:0; } #primeLeaf #subnavi .CollapsiblePanelContent .cbox h4 { display:block; font-weight:normal; margin:0; padding: 0px 5px 5px 15px; background: url(../img/2009/CollapsiblePanelBt.gif) no-repeat left top;} #primeLeaf #subnavi .CollapsiblePanelContent a:hover{ color: #00CC99; } #subnavi .CollapsiblePanelContent .cbox{ margin:5px 0; padding:0; border-bottom: dotted 1px #CCC;} #subnavi .CollapsiblePanelContent h4 {line-height:1em; margin:0; padding:0; font-size:1em; font-weight:normal;} #subnavi .CollapsiblePanelContent span{font-size:0.7em;} #subnavi .CollapsiblePanelContent span.title{font-size:1.0em;} #subnavi .CollapsiblePanelContent p {font-size:0.8em; } /* ■■■■■■■■■■■■■■■■■*/ /* ■■■TabbedPanelsTabの指定■■■*/ /* ■■■■■■■■■■■■■■■■■*/ /*形とカラーどちらも定義しています*/ /*デフォルト*/ .TabbedPanelsTabGroup{/*padding-bottom: 9px;*/ margin:0 0 15px; border-bottom:solid 2px #898989; width: 624px;overflow: hidden;} .TabbedPanelsTab{ float:left; padding: 0; margin: 0px; border: 0; width: auto;background:url(../img/2009/contextTabLeft_restaurant.gif) no-repeat left top; cursor:pointer;} .TabbedPanelsTab h3{ float:left; padding: 7px 9px 7px 7px; margin: 0; color: #666;/* font-weight: bold;*/ font-size: 80%; background:url(../img/2009/contextTabRight_restaurant.gif) no-repeat right top;} .TabbedPanelsTabHover{ padding: 0; margin: 0; border: 0; width: auto; background:url(../img/2009/contextTabHoverLeft_restaurant.gif) no-repeat left top; cursor:pointer;} .TabbedPanelsTabHover h3{ padding: 7px 9px 7px 7px; margin: 0; border: 0; color: #666;/* font-weight: bold;*/ font-size: 80%; background:url(../img/2009/contextTabHoverRight_restaurant.gif) no-repeat right top;} .TabbedPanelsTabSelected{ z-index: 3; padding: 0; margin: 0; border: 0; width: auto; background:url(../img/2009/contextTabSelectLeft_restaurant.gif) no-repeat left top;color:white;} .TabbedPanelsTabSelected h3{ padding: 7px 9px 7px 7px; margin: 0; border: 0; color: #FFF;/* font-weight: bold;*/ font-size: 80%; background:url(../img/2009/contextTabSelectRight_restaurant.gif) no-repeat right top;} .TabbedPanelsTab a{ background: inherit;} .TabbedPanelsContent{margin:0; padding:0; width:624px;overflow: hidden;} .TabbedPanelsTabGroup li{ list-style:none;text-align:center;padding:0px ;} /*右サイドカレンダー用*/ #restaurantCalendar .TabbedPanelsTabGroup,#shopCalendar .TabbedPanelsTabGroup{/* padding-bottom: 9px;*/ margin: 0 0 0 0; border: 0; border-bottom:solid 15px #007575; width: 270px; overflow: hidden;} #restaurantCalendar .TabbedPanelsTab,#shopCalendar .TabbedPanelsTab{ float:left; padding: 0; margin: 0; border: 0; width: auto; background:url(../img/2009/contextTabLeft_restaurant.gif) no-repeat left top;} #restaurantCalendar .TabbedPanelsTab h3,#shopCalendar .TabbedPanelsTab h3{ float:left; padding: 5px 9px 5px 7px; margin: 0; color: #666; font-size: 80%; background:url(../img/2009/contextTabRight_restaurant.gif) no-repeat right top;} #restaurantCalendar .TabbedPanelsTabHover,#shopCalendar .TabbedPanelsTabHover{ padding: 0; margin: 0; border: 0; width: auto; background:url(../img/2009/contextTabHoverLeft_restaurant.gif) no-repeat left top;} #restaurantCalendar .TabbedPanelsTabHover h3,#shopCalendar .TabbedPanelsTabHover h3{ padding: 7px 9px 7px 7px; margin: 0; border: 0; color: #666;/* font-weight: bold;*/ font-size: 80%; background:url(../img/2009/contextTabHoverRight_restaurant.gif) no-repeat right top;} #restaurantCalendar .TabbedPanelsTabSelected,#shopCalendar .TabbedPanelsTabSelected{ z-index: 3; padding: 0; margin: 0; border: 0; width: auto; background:url(../img/2009/contextTabSelectLeft_restaurant.gif) no-repeat left top;} #restaurantCalendar .TabbedPanelsTabSelected h3,#shopCalendar .TabbedPanelsTabSelected h3{ padding: 7px 9px 7px 7px; margin: 0; border: 0; color: #FFF;/* font-weight: bold;*/ font-size: 80%; background: url(../img/2009/contextTabSelectRight_restaurant.gif) no-repeat right top;} #restaurantCalendar .TabbedPanelsTab a,#shopCalendar .TabbedPanelsTab a{ background: inherit;} #restaurantCalendar .TabbedPanelsContent,#shopCalendar .TabbedPanelsContent{margin:0; padding:0; width:268px; border:solid 1px #CCCCCC;} /*** 目的ナビ ***/ #localnavi{border:1px solid #CCCCCC;text-align:center;margin:0px;} #localnavi h2{color:#666;font-size:110%;border:1px solid #FFF;padding:3px;background-image:url(../img/2009/bg_localnaviTitle.gif);background-repeat:repeat-x;border-bottom:#CCCCCC 1px solid;} #localnavi h3{margin:2px;text-align:center;} #localnavi img{ width:260px;margin-right:auto; margin-left:auto;} #localnavi ul{list-style:none;width:260px;float:left;margin:0px;padding-left:4px;} #localnavi li{font-size:11px;float:left;width:124px;height:100%;display:block;border:1px solid #DDDDDD;text-align: center;margin:2px 1px 0px 2px;padding: 0px;letter-spacing:1px;} #localnavi .BoxList a{font-size:11px;float:left;width:124px;height:100%;display:block;color:#666666;background:#F2F2F2;text-align:center;} #localnavi .BoxList a:hover,#localnavi .BoxList a:active{font-size:11px;float:left;width:124px;height:100%;display:block;color: #EC7F7B;background:#FFFFFF;text-align:center;} /* 20090312追加 */ .subBannerArea .horizontalBannerList { margin:0px;padding:0px;width:270px; } .subBannerArea .horizontalBannerList li { margin:0px 6px 0px 0px;width:132px;height:auto;display:block;float:left; } .subBannerArea .horizontalBannerList li.last { margin:0px; } .subBannerArea .horizontalBannerList a img { width:132px; } /* cboxのクリアフィックス定義、いちいちHTMLテンプレート側でクリアをいれるな！！ */ .cbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /*Firefox、Opera、Safariなどのモダンブラウザ用の対策*/ .cbox{padding:0px;margin:0px;display:inline-block;min-height:1%; /* for IE 7*/} /* Hides from IE-mac */ * html .cbox{height: 1%;} .cbox{display: block;} /* End hide from IE-mac */ .topicsLArea{ width:624px; height:auto; } .topicsMArea #secondTopics{ width:624px; height:auto; } .topicsSArea #secondTopics{ width:624px; height:auto; } /*C2画像(C2MSが割り当てる画像）の大きさクラスはマージンを設定。画像はLのサイズでオペレータに登録してもらい、実際の使用サイズを指定すれば、縮小できるようにするのがいいでしょう。 ちなみに、C2MSが割り当てる画像ではない装飾的な画像要素についてはこれらのクラスは使わないこと（もも）*/ /* sImageに関しては、0403さこうテストでサイズ変更（150⇒120）*/ /* sImageSquare、サイズ変更（グレーの枠線追加）（120⇒118）　090401唯木*/ /* sImageSquare、margin-right変更　0.5em⇒30px　画像周りの余白を大きくとる方針で　090401唯木*/ .cbox .thumbnail{ width:98px; margin:0.5em; border:#CCCCCC 1px solid;} .cbox .thumbPoster{width:75px; height:112px;margin:0.5em;overflow:hidden;} .cbox .thumbWide{width:112px; height:75px;margin:0.5em;overflow:hidden;} .cbox .thumbSquare{width:75px; height:75px; margin:0.5em;overflow:hidden;} .cbox .sImage{width:144px; margin:0.5em; } .cbox .sImagePoster{width:144px; height:200px;margin:0.5em;overflow:hidden;} .cbox .sImageWide{width:144px; height:72px;margin:0.5em;overflow:hidden;} .cbox .sImageSquare{width:118px; margin:0.5em 30px 0.5em 0.5em;overflow:hidden;border:1px solid #cecece;border:#CCCCCC 1px solid;} .cbox .mImage{width:200px; margin:1em;} .cbox .mImagePoster{width:200px; height:300px; overflow:hidden;} .cbox .mImageWide{width:300px; height:200px; overflow:hidden;} .cbox .mImageSquare{width:200px; height:200px;overflow:hidden; padding:5px;} .cbox .lImage{width:250px; margin:1.5em 1.5em 1.5em 0;} .cbox .lImagePoster{width:288px; height:300px;margin:1.5em;overflow:hidden;} .cbox .lImageWide{width:300px; height:250px;margin:1.5em;overflow:hidden;} .cbox .lImageSquare{width:300px; height:300px;margin:1.5em;overflow:hidden;} .cbox .xlImage{width:350px; margin:1.5em 1.5em 1.5em 0;} .topicsSArea .cbox .sImageSquare{width:88px; height:88px;margin:0.5em 0 0.5em 0.5em;overflow:hidden;border:1px solid #cecece;} .contentsBox .thumbnail img{width:98px;margin:0.5em;border:#CCCCCC 1px solid;} #eventChilds .cbox{padding:10px 0;} /* # microThumbnailSqare (32-c) : 32*32 margin-5 # thumbnailSqare (48-c) : 48*18 margin-5 # sImageSqare (64-c) : 64*64 margin-5 # mImageSqare (160-c) : 120*120 margin-7 # lImageSqare (200-c) ; 200*200 margin:10 */ /*ニュース一覧のアップデート*/ .updated{background:url('../img/2009/2009/bullet_news_updated.png') no-repeat left center;float:none;margin-bottom:8px;padding:0px 14px;vertical-align:middle;} .TabbedPanelsContent .updated{background:url('../img/2009/2009/bullet_news_updated.png') no-repeat left center;float:right;margin-bottom:8px;padding:0px 0 0 14px;vertical-align:middle;} .location{font-size:10px;padding-left:30px;background-image:url(/img/2009/iconPlace.gif);background-repeat:no-repeat;background-position:left;color:#666;} .term{font-size:10px;padding-left:30px;background-image:url(/img/2009/iconTerm.gif);background-repeat:no-repeat;background-position:left;color:#666;} .telIcon{font-size:10px;padding-left:30px;background-image:url(/img/2009/iconTel.gif);background-repeat:no-repeat;background-position:left;color:#666;} /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■■■■各ページ別定義■■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■■■■■■■■*/ /* ■■■siteTop*/ /* ■■■■■■■■■■*/ #siteTop #crumbs{display:none;font-size:1px;color:#FFFFFF;margin:-3000px;height:1px;margin:0;padding:0;} #siteTop h1{display:none;height:1px;margin:0;padding:0;} /*siteTop　headContent部分背景指定*/ /*■■■最新event,movie,photo*/ /*表示boxが小さいため、font-sizeをpxにて絶対的指定*/ .headSlideNews{height:108px;width:944px;background:url(../img/2009/topSlideBg.png) no-repeat left top;} .headSlideCornerBox{height:62px;width:918px;margin:35px 13px 0;} .headContent .thumbnail{width:52px;height:57px;overflow:hidden;float:right;margin:2px 1px 0 0;} .headContentText{height:62px;float:left;padding:0px 0px 0px 5px;} .headContentText h3{font-size:11px;font-weight:bold;margin:5px 0;} .headContentText .catchCopy{font-size:11px;font-weight:normal;text-decoration:none;margin-bottom:5px;} .headContentText .information{font-size:10px;font-weight:bold;} .headSlideCorner{height:62px;width:298px;float:left;margin:0 12px 0 0;} .headSlideCorner2{height:62px;width:298px;float:right;margin:0;} #weekEvent {height:62px;width:298px;background:url(../img/2009/weekEventBg.png) no-repeat left top;} #weekCinema{height:62px;width:298px;background:url(../img/2009/weekCinemaBg.png) no-repeat left top;} #weekMuseum{height:62px;width:298px;background:url(../img/2009/weekArtBg.png) no-repeat left top;} #weekEvent h3{color:#067B82;} #weekCinema h3{color:#585892;} #weekMuseum h3{color:#C23F71;} #weekEvent .link a{float:left;height:20px;width:190px;display:block;} #weekCinema .link a{float:left;height:20px;width:190px;display:block;} #weekMuseum .link a{float:left;height:20px;width:190px;display:block;} #weekEvent .headContentText{width:190px;padding:15px 0 0 35px;} #weekCinema .headContentText{width:190px;padding:15px 0 0 35px;} #weekMuseum .headContentText{width:190px;padding:15px 0 0 35px;} /*サイトトップ .locationに一部 PICK UP!!バナーを表示する指定に変更　2009.04 唯木*/ #siteTop .topicsLArea .location{font-size:10px;padding:0 0 0 30px;margin:0;background-image:url(/img/2009/iconPlace.gif);background-repeat:no-repeat; background-position:left;color:#999;} #siteTop .topicsLArea img.lImage230{width:230px;height:auto;border:#cecece 1px solid;margin:0 0 10px;} #siteTop .topicsLArea img.lImage622{width:622px;height:auto;border:#cecece 1px solid;margin:0 0 10px;} #siteTop .topicsMArea .location{font-size:10px;padding-left:30px;margin:3px 0 5px 150px;background-image:url(/img/2009/iconPlace.gif);background-repeat: no-repeat;background-position:left;color:#666;} #siteTop .topicsSArea .location{font-size:10px;padding-left:30px;margin:3px 0 5px;background-image:url(/img/2009/iconPlace.gif);background-repeat:no-repeat; background-position:left;color:#666;} #siteTop .contentTitle h2{float:none;} #siteTop .topicsSArea .mark{padding-left:0px;background-repeat:no-repeat;background-position:left center;} .backToHead{float:right;background:url(../img/2009/pageTop.gif) no-repeat;width:65px;height:10px;margin:5px 0;cursor:pointer;} /*共用へ↑ 20091019伊藤 */ #mokuteki,div.pickup,#slideBt{overflow-x:hidden;} #rightBar{float:right; } /*siteTop #mokuteki～目的ナビ用　リスト*/ #mokuteki{text-align:center;border:1px solid #CCCCCC;} #mokuteki img{align: center;} #mokuteki ul{width:260px;margin-left:3px;font-size:10px;} #mokuteki .inLineBlockList a{width:128px;margin:1px;padding:2px 0px 2px 0px;background-color:#F0F0F0;} #mokuteki .inLineBlockList a:hover,#mokuteki .inLineBlockList a:active{color:#FF6666;width:128px;margin:1px;padding:2px 0px 2px 0px;background-color:#FFF;} /*siteTop #pickup～ピックアップ用タイトル部分*/ .pickup{float:left;margin:0px 0px 5px 0px;} #pickupTitle{background:url(../img/2009/slideShow_top.gif) no-repeat left top;margin:0px 0px 0px 0px;padding:0px;height:25px;width:264px;font-size:3px;} #slide1{float:left;} .pickup h2{float:left;width:200px;height:25px;margin:0px;padding:0px;} .pickup p{float:left;width:52px;height:19px;padding:6px 0px 0px 12px;margin:0px;font-size:11px;text-align:center;} .pickup .contentTitle{margin-top:3px;margin-bottom:3px;} .pickup .headLine{margin-top:3px;margin-bottom:3px;} .pickup .slider_thumbnail{max-width:100px;max-height:80px;width:expression( this.width > 100 ? "100px" : true);height:expression( this.height > 80 ? "80px" : true);border:1px solid #CCCCCC;position:absolute;top:0px;left:0px;cursor:pointer;} /*siteTop #pickup～ピックアップ用スタートボタン部分*/ #slideBt{float:left;background:url(../img/2009/slideBt_bg.gif) no-repeat center top;height: 20px;width:264px;display:block;} #slideBt #mae{background:url(../img/2009/slideBt_back.gif) no-repeat left top;margin:0px;padding:0px 37px 0px 0px;float:left;height:20px;width:60px;} #slideBt #start{background:url(../img/2009/slideBt_start.gif) no-repeat left top;margin:0px;padding:0px 37px 0px 0px;float:left;height:20px;width:70px;} #slideBt #tsugi{background:url(../img/2009/slideBt_next.gif) no-repeat left top;margin:0px;padding:0;float:left;height:20px;width:60px;} /* ■■■■■■■■■■■■*/ /* ■■■gridBoxList ■■■*/ /* ■■■■■■■■■■■■*/ /*gridBoxList イベント一覧なんかで縦長のカードがグリッド状に並ぶ感じのやつ*/ /* 3列パターン col3 */ .gridBoxListCol3 .cbox h3{clear:both;} .gridBoxListCol3 .cbox .imgBorder{width:188px;height:80px;margin-bottom:5px;cursor:pointer;overflow:hidden;} .gridBoxListCol3 .cbox .imgBorder .spacer{margin-left:-1px;width:1px;height:80px;} .gridBoxListCol3 .cbox{height:16.0em;} .gridBoxListCol3 .gridrow{margin-left:20px;} .gridBoxListCol3{background-color:#FFFFFF;} /* 4列パターン col3 */ .gridBoxListCol4 .cbox {width:146px;margin-right:9px;float:left;} .gridBoxListCol4 .cbox div.sImagePoster{/*background:#FAFAFA*/background:#BCDF9D;background:url(../img/2009/bg_greenBox.jpg);margin:0 0 5px 0;padding:0;} .gridBoxListCol4 .cbox div .sImage{margin:0 !important;vertical-align:middle;width:140px;} .gridBoxListCol4 .cbox div.imgBorder {vertical-align:middle} .gridBoxListCol4 .cbox div.imgBorder img.spacer{width:1px;height:200px;} .gridBoxListCol4 .cbox table{font-size:smaller;} /*サブのコンテクストエリア*/ .subContextArea h2{ color:#333333;font-size: 110%;border-top: 1px solid #009999;border-bottom: 1px solid #009999;padding:0 3px;}} .subContextArea .contentTitle { color:#333333;font-size: 100%;} .subContextArea .headline { color:#666666;} /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■eventTopのその他の指定■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ /*イベントトップのイベントニュースのレイアウト*/ #eventTop #event #newsSlideShow { width:624px; height:auto;} #eventTop #event #newsSlideShow h2{ background:url(../img/2009/slideShowBgEventNews.gif) no-repeat left top; width:624px; height:30px; margin:0; padding:0;} #eventTop #newsSlideShow #slideshow ul{ list-style:none; margin:10px 0 0 0;} #eventTop #newsSlideShow #slideshow li h3{ color:#666; font-size:1em; font-weight:normal; border-bottom: dotted 1px #CCC; } #eventTop #newsSlideShow #slideshow li .updated{font-size:10px;} .ssIcon{height:1.25em; margin-right:5px;} /* ■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /* ■■■eventTopの特殊なグリット割とカラーの指定■■■*/ /* ■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*span-16を3分割するレイアウト、かつ高さ統一のためのテーブルレイアウト。高さの見えがぶれてしまうので、背景色はtdにつけてはいけません*/ /*tdのh2はそれぞれ画像置き換えのため、ボックスの大きさとbackgroundの画像指定*/ #eventTop #eventLocation .cbox h2 {width:200px; height:30px; display:block; } #eventTop #ygpEvent h2{ background: #2F8E8E url(../img/2009/titleH2ygp.jpg) no-repeat left top;} #eventTop #cinema h2{ background: #585892 url(../img/2009/titleH2cinema.jpg) no-repeat left top;} #eventTop #museum h2{ background: #CD638C url(../img/2009/titleH2museum.jpg) no-repeat left top;} #eventTop #eventLocation .cbox img{width:180px;overflow:hidden; } #eventTop #eventLocation .cbox h3 {clear:both; color:#666666;} #eventTop #eventLocation .cbox h3,#eventTop #eventLocation .cbox p { padding:0px 10px 0px 10px;} #eventTop #ygpEvent{background:#f3f3f3;}/*薄いグレーの背景色指定*/ #eventTop #cinema{background:#f3f3f3;}/*薄いグレーの背景色指定*/ #eventTop #museum{background:#f3f3f3;}/*薄いグレーの背景色指定*/ #eventTop #ygpEvent .catchCopy{ color: #2F8E8E;} #eventTop #cinema .catchCopy{ color: #585892;} #eventTop #museum .catchCopy{ color: #CD638C;} /*.mark { padding-left:50px; background-image:url(../../img/2009/iconTopicS.gif); background-repeat:no-repeat; background-position:left center; }*/ .mark { padding-left:50px; background-repeat:no-repeat; background-position:left center; } .news { background-image:url(../../img/2009/iconNewsS.gif);} .topics { background-image:url(../../img/2009/iconTopicS.gif);} .report { background-image:url(../../img/2009/iconReportS.gif);} .new { background-image:url(../../img/2009/iconNew.gif);} /*「マークをつけるためのアイコンを定義します*/ /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■関連情報の出し方の指定■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ .reference img{ float:right;} .reference h2{ color:#333333; font-size: 110%; border-top: 1px solid #009999; border-bottom: 1px solid #009999; padding:0 3px;} .reference .contentTitle { color:#333333; font-size: 100%; padding-left:5px;} .reference .headline { color:#666666;} /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■フェアページのワッペンデザイン■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ /*JSでフェアのタイトル、キャッチ、画像をとってきたものに対して*/ .promotionbox{border:1px solid #CCCCCC;padding:8px;margin-top:30px;width:300px;clear:right;float:right;background-image:url(../img/2009/bg_infomationbox.gif);background-repeat:repeat-x;} .promotionbox h3{color:#666666;font-size:12px;} .promotionbox p{color:#82ca35;font-size:11px;font-weight:bold;} .promotionbox .cbox img{width:80px;border:#CCCCCC 1px solid;} .promotionbox img{width:80px;border:#CCCCCC 1px solid;} /* ■■■■■■■■■■■■*/ /* ■■■その他の指定■■■*/ /* ■■■■■■■■■■■■*/ /*タブパネルコンテンツ内の特殊な3分割エリア*/ .TabbedPanelsContent .gridrow .span-4 {width:150px; margin:0px; padding:0px 20px 0px 25px; float:left;} .TabbedPanelsContent .gridrow .span-4 img {width:150px; margin:0; padding:0 0 10px 0; } /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■■■■　その他装飾類　　■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ /*ロゴ周りの細い線：primeTopで使用*/ .cbox .imgBorder img{float:none !important;vertical-align:middle !important;margin:none !important;} .cbox:hover .imgBorder{border:1px solid #f89a00;margin:0 0 5px 0;;vertical-align:middle;} /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■screen_0.css候補■■■■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ .spacer{height:1px; clear:both;} .grayborder{border:1px solid #CCCCCC;padding:5px;} .grayPanel{border:1px solid #EEEEEE;padding:5px;background-color:#F6F9F6;} .grayPanel h2{padding:15px} /* 写真の枠用*　（09.04.10　写真のフレーム廃止。代わりに薄いグレーで淵を整える効果に差し替え　唯木）*/ .photoFlame{display:block;text-align:center;background-color:#FFFFFF;position:relative;border:1px solid #CCCCCC;} .photoFlame + .caption{top:-10px;left:8px;text-align:left;position:relative;} .caption{margin-left:0;color:#CCCCCC;font-size:0.8em} /*さこうテスト*/ .ssIcon{height:1.25em; margin-right:5px;} /*iconNewで使用するため*/ .cbox>img, .cbox>img.right, .cbox>h2, .cbox>h3, .cbox>h4 { margin-top:0 !important;} /*.cBoxの最初のトップマージンをなくす（.screen_0.cssでは、がある場合のみの指定のため追加）*/ .nedan { font-size: x-small; background: url(../img/2009/location.gif) no-repeat left top; display: block; padding: 2px 10px 2px 15px; text-align: right; float:right; clear: both; color: #999999; } .logoS{ border: solid 1px #000; width:90px; height:30px; margin:0 5px 0 0; padding:0; float:left;} .logoSleft{ width:30px; height:30px; margin:0; padding:0;} .logoSright{ width:60px; height:30px; margin:0; padding:0;} /* ■■■■■■■■■■■*/ /* ■■■リードコンテンツ全スキーム共通 09.04.07唯木*/ /* ■■■■■■■■■■■*/ #brandLead .cbox{ paddng:0 0 15px;margin:15px 0 0;} #brandLead .descriptionBox .cbox{paddng:15px 0px;margin:0 11px;border-bottom:none;width:240px;} #brandLead tr .cbox{ border:none;} #brandLead h1{font-size:1.2em;font-weight:bold;line-height:1.2em;padding:0} #brandLead h2{font-size:1.1em;font-weight:bold;line-height:1.2em;padding:0} #brandLead h3{font-size:1.1em;font-weight:bold;line-height:1.2em;padding:0 0 3px} #brandLead .catchCopy{font-size:1.1em;font-weight:normal;line-height:1.2em;padding:0 0 8px} #brandLead .location{margin:15px 0 10px;font-weight:normal;} #brandLead ul,li{list-style-type:none;} #brandLead .bodycopy ul{padding:1em 0 0;} #brandLead .bodycopy li{padding:0 0 1em;} #brandLead .cbox lImage{margin:0 0 0 30px;} #brandLead .cbox img.right{margin:0 0 15px 15px;border:1px #CCCCCC solid;} #brandLead #eventTop.cbox{border-bottom::none;} #brandLead #newsTop.cbox{border-bottom::none;} #brandLead #fairTop.cbox{border-bottom::none;} #brandLead #descriptionTop.cbox{border-bottom::none;} #brandLead #eventList.hstripe .cbox{padding:10px 0px 10px 5px; margin:5px 0;border:none;} #brandLead #eventList.hstripe h3{font-size:0.9em;font-weight:normal;line-height:1.2em;padding:0 0 2px} #brandLead #eventList.hstripe .catchCopy{font-size:0.9em;font-weight:normal;line-height:1.2em;padding:0 0 8px} #brandLead #eventList.hstripe .span{display:block;float:left;} #brandLead #eventList.hstripe .location{margin:0;font-weight:normal;display:block;} #brandLead #eventList.hstripe img{width:72px;float:right} #brandLead #eventList.hstripe .eventPickup img{width:254px;float:none;} /* JSストライプの仕組み */ .hstripe-even{clear:both;} .hstripe-even{background-color:#ffccff;} .hstripe-odd{background-color:#ffffcc;} .vstripe-even{background-color:#ffccff;} .vstripe-odd{background-color:#ffffcc;} #brandLead .hstripe-even{background-color:#FFC;} #brandLead .hstripe-odd{background-color:#66F;color:#FFFFFF;} #brandLead .hstripe-even:hover{background-color:#F6F6F6;} #brandLead .hstripe-odd:hover{background-color:#D9FAAB;} #brandLead .hstripe-odd .h3{color:#FFFFFF;} #brandLead .hstripe-odd .catchCopy{color:#FFFFFF;} /*#brandLead .hstripe .cbox h3{ margin-top:0.2em;margin-bottom:0em; padding:0px; } #brandLead .hstripe .cbox .catchCopy{ margin-top:0em;margin-bottom:0em; padding:0px;font-size:0.9em; } #brandLead .hstripe div.cbox { margin-bottom:1px; padding:3px;}*/ /*brandLeadのheadContent内ナビゲーションバーの仕組み、形の定義*/ #brandLead #modernbricksmenu2{padding:0;width:944px;height:34px;background:url(../img/2009/brandLead_menu_bg.gif) no-repeat;voice-family:"\"}\"";voice-family: inherit;} #brandLead #modernbricksmenu2 li{display:inline;margin: 0 2px 0 0;padding:0;/*text-transform:uppercase;*/} #brandLead #modernbricksmenu2 a{float:left;display:block;font:1.1em "ＭＳ ゴシック", "Osaka－等幅";letter-spacing:0.2em;text-decoration:none;margin:0;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■brandLeadの各コーナーの指定 ■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ #brandLead .news{height:35px;background-image:url(../img/2009/brand_iconNewsS.gif);background-repeat:no-repeat;background-position:left center;} #brandLead .event{background:url(../img/2009/brand_iconEventS.gif) no-repeat left center;height:35px;} #brandLead .recommend{background:url(../img/2009/brand_iconRecommendS.gif) no-repeat left center;height:35px;} #brandLead .new{background:url(../img/2009/iconNewS.gif) no-repeat left center;height:25px;} #brandLead .restaurant{background: url(../img/2009/brand_iconRestaurantS.gif) no-repeat left center;height:25px;} #brandLead .shop{background:url(../img/2009/brand_iconShopS.gif) no-repeat left center;height:25px;} #brandLead .photoReport a img{width:260px;float:left;margin:2px;border:2px solid #FFFFFF;} #brandLead .picureTile{margin:20px 0 0;padding:0;} #brandLead .picureTile .cbox{float:left;margin:0 30px 30px 0;padding:0;} #brandLead .picureTile img{border:1px solid #CCCCCC;margin:0;padding:0;} #brandLead .boxgrid .cbox{ } #brandLead .boxgrid .cbox{ /* 変更不可 */ width: 130px; height: 130px; float:left; overflow: hidden; position: relative; /* 変更可能 */ background:#FFF; border: solid 1px #CCC; margin:0 24px 24px 0; } #brandLead .boxgrid .cbox img{ /* 変更不可 */ position: absolute; top: 0; left: 0; width:130px; /* 変えない方が無難だけどトライ＆エラーしてみてもいいかも*/ border: 0; margin:0px; padding:0px; } #brandLead .boxgrid .cbox .titleSet{ /* 変更不可 */ float: left; position: absolute; height: 130px; width: 100%; /*変更可能*/ background: #333; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #brandLead .captionfull .titleSet{ /* 変更不可 */ top:130px; left:0px; } #brandLead .captionfull .cbox h3{ /* 変更可能*/ font-weight:normal; font-size:10px; color:#fff; background: #333; height:80px; padding:8px; } #brandLead .captionfull .cbox p{ /* 変更可能*/ font-size:8px; float:right; color:#fff; padding:0px; } /*サブナビのSpryの仕組み（ぱたぱたひらくやつ）の上部の角丸　※c2タグ仕様のため、クラス名最後に「1」の数字は必須です #subnavi .CollapsibleRound1{ clear: both; background: url(../img/2009/CollapsiblePanel_bg.gif) no-repeat left top; padding-top:5px;}*/ #brandLead #subnavi .CollapsiblePanelContent .viewAll{float:right; text-align:right;} #brandLead #subnavi .CollapsiblePanelContent .viewAll a{background:url() no-repeat right top;text-align:right;padding:0 20px;margin-bottom:5px;} /*ブランドのサブナビ（ぱたぱた開くやつ）内cboxの定義*/ #brandLead #subnavi .cbox{border-bottom:1px dotted #CCCCCC;margin:0 0 0.5em 0;} #brandLead #subnavi .cbox h2{font-size:1.0em;line-height:1.0em;margin-bottom:0.1em;padding: 0.1em;} #brandLead #subnavi .cbox h3{font-size:0.8em;line-height:1.0em;margin-bottom:0.1em;padding: 0.1em;} /* ■■■■■■■■■■■■■■■■■■■*/ /* ■■■brandLeadのその他の指定 ■■■■■*/ /* ■■■■■■■■■■■■■■■■■■■*/ #brandLead #eventTitle{background:url(../img/2009/brandH2_event.gif) no-repeat; height:50px;} #brandLead #fairTitle{background:url(../img/2009/brandH2_fair.gif) no-repeat; height:50px;} #brandLead #reportTitle{background:url(../img/2009/brandH2_photo.gif) no-repeat; height:50px;} #brandLead #newsTitle{background:url(../img/2009/brandH2_news.gif) no-repeat; height:50px;} #brandLead #recommendTitle{background:url(../img/2009/brandH2_recommend.gif) no-repeat; height:50px;} #brandLead #leadDescription{background:url(../img/2009/leadDescriptionTitle_gw.gif) no-repeat; height:47px; padding:0; margin:0;} #brandLead #modernbricksmenu2 .action a{background-color:#FFFFFF;margin:0px; padding:0;border-right:none;border-left:none;} #brandLead #modernbricksmenu2 .action a:hover{background-color:#FFFFFF;margin:0px; padding:0;} #brandLead #modernbricksmenu2 a{color:white;line-height:20px;text-align:center;padding:5px 5px 5px 5px;margin:1px 1px 0 0;font-weight:bold;} #brandLead #modernbricksmenu2 a img{color:white;line-height:20px;text-align:center;padding:1px 8px 1px 8px;margin:1px 1px 0 0;font-weight:bold;} #brandLead .subNewsArea{margin:0 0 20px;} h2.cornerTitle{font-size:13px} .cornerTitle{background:url(../img/2009/cornerTitleBg.png) no-repeat; height:28px; width:624px; padding:6px 0 0 15px; margin:0;} #photoReportContents{background-color:#F7F7F7; width:624px;padding:10px 0;} .cornerBox{height:340px;overflow:hidden;margin-bottom:20px;} #brandLead .cornerBox .cbox{margin-bottom:50px;} /* ■■■■■■■■■■■*/ /* ■■■GWカラークラス2009(kidsSpring) 09.04.07唯木*/ /* ■■■■■■■■■■■*/ /*グレーを全体に、強調はオレンジ#FB8B1F*/ .kidsSpring #brandLead h1,h2,h3,h4,h5,h6{color:#666666;} .kidsSpring #brandLead p.catchCopy{color:#FB8B1F;} .kidsSpring #brandLead #modernbricksmenu2 ul{margin:0 0 0 2px;} .kidsSpring #brandLead #modernbricksmenu2 a{color:#666666;background:url(../img/2009/brandLead_menuBg.gif) repeat-x;border-right:#CCCCCC 1px solid;} .kidsSpring #brandLead #modernbricksmenu2 a:hover{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .kidsSpring #brandLead #modernbricksmenu2 #current a{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .kidsSpring a:focus,#brandLead a:hover{} .kidsSpring #brandLead .descriptionBox{width:264px;height:auto;background:url(../img/2009/leadDescription_bg_gw.gif) repeat-y;border-bottom:#42A8CD 2px solid;padding:15px 0} .kidsSpring #brandLead .descriptionBox p.headline{color:#fb8b1f;} /*背景に波状ブルーを設定*/ body.kidsSpring{background-color:#5fb7df;background-image:url(../img/2009/brandlead_gw09_bg.jpg);background-repeat:repeat-y;background-position:center top;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .kidsSpring #brandLead #eventTitle{background:url(../img/2009/brandH2_event_gw.gif) no-repeat; height:50px;} .kidsSpring #brandLead #fairTitle{background:url(../img/2009/brandH2_fair_gw.gif) no-repeat; height:50px;} .kidsSpring #brandLead #reportTitle{background:url(../img/2009/brandH2_photo_gw.gif) no-repeat; height:50px;} .kidsSpring #brandLead #newsTitle{background:url(../img/2009/brandH2_news_gw.gif) no-repeat; height:50px;} .kidsSpring #brandLead #recommendTitle{background:url(../img/2009/brandH2_recommend_gw.gif) no-repeat; height:50px;} .kidsSpring #brandLead #leadDescription{background:url(../img/2009/leadDescriptionTitle_gw.gif) no-repeat; height:47px; padding:0; margin:0;} #brandLead #modernbricksmenu2 .action a{background-color:#FFFFFF;margin:0px; padding:0;border-right:none;border-left:none;} #brandLead #modernbricksmenu2 .action a:hover{background-color: #FFFFFF;margin:0px; padding:0;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .kidsSpring #brandLead .hstripe-even { background-color: #f5f9fb; } .kidsSpring #brandLead .hstripe-even:hover { background-color: #e9f3f8; } .kidsSpring #brandLead .hstripe-odd { background-color: #f5f9fb;} .kidsSpring #brandLead .hstripe-odd:hover { background-color: #e9f3f8; } .kidsSpring #brandLead .hstripe-odd h3{color:#666666;} .kidsSpring #brandLead .hstripe-odd .catchCopy{color:#4eaaca;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #kidsSpring #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } /*#brandLeadサブナビのSpry（ぱたぱた）*/ .kidsSpring #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .kidsSpring #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .kidsSpring #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} .kidsSpring #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} /*一覧ページをみるへのきっかけアイコン*/ .kidsSpring #brandLead.viewAll{float:right;} .kidsSpring #brandLead.viewAll a{ width:72px; height:18px; background-image:url(../img/2009/viewAll01_gw.gif); background-repeat:no-repeat; display:block; margin:0; padding:0;} .kidsSpring #brandLead.viewAll a:hover,.viewAll a:active{background-image: url(../img/2009/viewAll02_gw.gif);} /*一覧ページをみるへのきっかけアイコン*/ .kidsSpring #brandLead .viewAll{float:right;} .kidsSpring #brandLead .viewAll a{width:72px;height:50px;background-image:url(/img/2009/viewAll01_gw.gif);background-repeat:no-repeat;background-position:left top;} .kidsSpring #brandLead .viewAll a:hover,.viewAll a:active{background-image:url(/img/2009/viewAll02_gw.gif);} /* ■■■■■■■■■■■*/ /* ■■■麦酒カラークラス2009(beer) 09.09.17唯木*/ /* ■■■■■■■■■■■*/ /*グレーを全体に、強調はオレンジ#FB8B1F*/ .beer #brandLead h1,h2,h3,h4,h5,h6{color:#666666;} .beer #brandLead p.catchCopy{color:#FB8B1F;} .beer #brandLead #modernbricksmenu2 ul{margin:0 0 0 2px;} .beer #brandLead #modernbricksmenu2 a{color:#666666;background:url(../img/2009/classBeer/brandLead_menuBg.gif) repeat-x;border-right:#CCCCCC 1px solid;} .beer #brandLead #modernbricksmenu2 a:hover{color:#FFF;background:url(../img/2009/classBeer/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .beer #brandLead #modernbricksmenu2 #current a{color:#FFF;background:url(../img/2009/classBeer/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .beer a:focus,#brandLead a:hover{} .beer #brandLead .descriptionBox{width:264px;height:auto;background:url(../img/2009/classBeer/leadDescription_bg_beer.png) repeat-y;border-bottom:#eb8c30 2px solid;padding:15px 0} .beer #brandLead .descriptionBox p.headline{color:#fb8b1f;} /*背景にビール状グラデーション*/ body.beer{background-color:#dfb64d;background-image:url(../img/2009/classBeer/brandlead_beer_bg.jpg);background-repeat:repeat-y;background-position:center top;} /*各コーナーのタイトル画像*/ .beer #brandLead #eventTitle{background:url(../img/2009/classBeer/brandH2_event_beer.png) no-repeat; height:50px;} .beer #brandLead #fairTitle{background:url(../img/2009/classBeer/brandH2_fair_beer.png) no-repeat; height:50px;} .beer #brandLead #reportTitle{background:url(../img/2009/classBeer/brandH2_photo_beer.png) no-repeat; height:50px;} .beer #brandLead #newsTitle{background:url(../img/2009/classBeer/brandH2_news_beer.png) no-repeat; height:50px;} .beer #brandLead #recommendTitle{background:url(../img/2009/classBeer/brandH2_recommend_beer.png) no-repeat; height:50px;} .beer #brandLead #leadDescription{background:url(../img/2009/classBeer/leadDescriptionTitle_beer.png) no-repeat; height:50px; padding:0; margin:0;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .beer #brandLead .hstripe-even { background-color: #f5f9fb; } .beer #brandLead .hstripe-even:hover { background-color: #e9f3f8; } .beer #brandLead .hstripe-odd { background-color: #f5f9fb;} .beer #brandLead .hstripe-odd:hover { background-color: #e9f3f8; } .beer #brandLead .hstripe-odd h3{color:#666666;} .beer #brandLead .hstripe-odd .catchCopy{color:#4eaaca;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #beer #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } /*#brandLeadサブナビのSpry（ぱたぱた）*/ .beer #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .beer #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .beer #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} .beer #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} /*一覧ページをみるへのきっかけアイコン*/ .beer #brandLead .viewAll{float:right;} .beer #brandLead .viewAll a{width:72px;height:50px;background-image:url(/img/2009/classBeer/viewAll01_beer.png);background-repeat:no-repeat;background-position:left top;display:block; margin:0; padding:0;} .beer #brandLead .viewAll a:hover,.viewAll a:active{background-image:url(/img/2009/classBeer/viewAll02_beer.png);} /* ■■■■■■■■■■■*/ /* ■■■バカラカラークラス2009トップページレイアウト切り替え可能版(matureWinter) 09.12.03唯木*/ /* ■■■■■■■■■■■*/ /*グレーを全体に、強調はオレンジ#FB8B1F*/ .matureWinter #brandLead h1,h2,h3,h4,h5,h6{color:#666666;} .matureWinter #brandLead p.catchCopy{color:#84c839;} .matureWinter #brandLead #modernbricksmenu2 ul{margin:0 0 0 2px;} .matureWinter #brandLead #modernbricksmenu2 a{color:#666666;background:url(../img/2009/brandLead_menuBg.gif) repeat-x;border-right:#CCCCCC 1px solid;} .matureWinter #brandLead #modernbricksmenu2 a:hover{color:#FFF;background:url(../img/2009/brandLead_menuBg_Gray.gif) repeat-x;border-right:#CCCCCC 1px solid;} .matureWinter #brandLead #modernbricksmenu2 #current a{color:#FFF;background:url(../img/2009/matureWinter/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .matureWinter a:focus,#brandLead a:hover{} .matureWinter #brandLead .descriptionBox{width:264px;height:auto;background-color:#fafafa;padding:15px 0} .matureWinter #brandLead .descriptionBox p.headline{color:#666;} .matureWinter #brandLead #cornerDetail p.catchCopy{display:none;} .matureWinter #brandLead #cornerDetail p.headline{display:none;} .matureWinter #brandLead .cornerBox .cbox{display:none;} .matureWinter #brandLead .cornerBox{height:230px;overflow:hidden;margin-bottom:20px;} /*背景に墨色（星空）を設定*/ body.matureWinter{background-color:#2e373e;background-image:url(../img/2009/matureWinter/bg.jpg);background-repeat:repeat-y;background-position:center top;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .matureWinter #brandLead #eventTitle{background:url(../img/2009/matureWinter/matureWinterTitleEvent.png) no-repeat; height:25px;} .matureWinter #brandLead #fairTitle{background:url(../img/2009/matureWinter/matureWinterTitleFair.png) no-repeat; height:25px;} .matureWinter #brandLead #reportTitle{background:url(../img/2009/matureWinter/matureWinterTitleReport.png) no-repeat; height:25px;} .matureWinter #brandLead #newsTitle{background:url(../img/2009/matureWinter/matureWinterTitleNews.png) no-repeat; height:25px;} .matureWinter #brandLead #recommendTitle{background:url(../img/2009/matureWinter/matureWinterTitleRecommend.png) no-repeat; 25px;} .matureWinter #brandLead #leadDescription{background:url(../img/2009/matureWinter/leadDescriptionTitle.png) no-repeat; height:56px; padding:0; margin:0;} #matureWinter #modernbricksmenu2 .action a{background-color:#FFFFFF;margin:0px; padding:0;border-right:none;border-left:none;} #matureWinter #modernbricksmenu2 .action a:hover{background-color: #FFFFFF;margin:0px; padding:0;} #matureWinter #modernbricksmenu2 a img{ color: white; line-height:20px;text-align:center;padding:15px 15px 15px 15px;margin:1px 1px 0 0;font-weight:bold;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .matureWinter #brandLead .hstripe-even { background-color: #f5f9fb; } .matureWinter #brandLead .hstripe-even:hover { background-color: #e9f3f8; } .matureWinter #brandLead .hstripe-odd { background-color: #f5f9fb;} .matureWinter #brandLead .hstripe-odd:hover { background-color: #e9f3f8; } .matureWinter #brandLead .hstripe-odd h3{color:#666666;} .matureWinter #brandLead .hstripe-odd .catchCopy{color:#4eaaca;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #matureWinter #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } /*#brandLeadサブナビのSpry（ぱたぱた）*/ .matureWinter #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .matureWinter #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .matureWinter #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} .matureWinter #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} /*一覧ページをみるへのきっかけアイコン*/ .matureWinter #brandLead.viewAll{float:right;} .matureWinter #brandLead.viewAll a{ width:72px; height:18px; background-image:url(../img/2009/matureWinter/viewAll01.gif); background-repeat:no-repeat; display:block; margin:0; padding:0;} .matureWinter #brandLead.viewAll a:hover,.viewAll a:active{background-image: url(../img/2009/matureWinter/viewAll02.gif);} #bottomBar{display:none;} /* ■■■■■■■■■■■*/ /* ■■■青ベースクラス2009(blueBase) 09.09.24唯木*/ /* ■■■■■■■■■■■*/ /*グレーを全体に、強調はオレンジ#FB8B1F*/ .blueBase #brandLead h1,h2,h3,h4,h5,h6{color:#666666;} .blueBase p.catchCopy,.blueBase #eventTop p.catchCopy {color:#5ca4be;} .blueBase #brandLead #modernbricksmenu2 ul{margin:0 0 0 2px;} .blueBase #brandLead #modernbricksmenu2 a{color:#666666;background:url(../img/2009/brandLead_menuBg.gif) repeat-x;border-right:#CCCCCC 1px solid;} .blueBase #brandLead #modernbricksmenu2 a:hover{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .blueBase #brandLead #modernbricksmenu2 #current a{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .blueBase a:focus,#brandLead a:hover{} .blueBase #brandLead .descriptionBox{width:264px;height:auto;background:url(../img/2009/leadDescription_bg_gw.gif) repeat-y;border-bottom:#42A8CD 2px solid;padding:15px 0} .blueBase #brandLead .descriptionBox p.headline{color:#fb8b1f;} /*背景に波状ブルーを設定*/ body.blueBase{background-color:#41a8da;background-image:url(../img/2009/classBlueBase/brandlead_bluebase_bg.png);background-repeat:repeat-y;background-position:center top;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .blueBase #brandLead #eventTitle{background:url(../img/2009/brandH2_event_gw.gif) no-repeat; height:50px;} .blueBase #brandLead #fairTitle{background:url(../img/2009/brandH2_fair_gw.gif) no-repeat; height:50px;} .blueBase #brandLead #reportTitle{background:url(../img/2009/brandH2_photo_gw.gif) no-repeat; height:50px;} .blueBase #brandLead #newsTitle{background:url(../img/2009/brandH2_news_gw.gif) no-repeat; height:50px;} .blueBase #brandLead #recommendTitle{background:url(../img/2009/brandH2_recommend_gw.gif) no-repeat; height:50px;} .blueBase .cornerTitle{background:url(../img/2009/classBlueBase/cornerTitleBgBlue.png) no-repeat; height:28px; width:624px; padding:6px 0 0 15px; margin:0;} #brandLead #modernbricksmenu2 .action a{background-color:#FFFFFF;margin:0px; padding:0;border-right:none;border-left:none;} #brandLead #modernbricksmenu2 .action a:hover{background-color: #FFFFFF;margin:0px; padding:0;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .blueBase #brandLead .hstripe-even { background-color: #f5f9fb; } .blueBase #brandLead .hstripe-even:hover { background-color: #e9f3f8; } .blueBase #brandLead .hstripe-odd { background-color: #f5f9fb;} .blueBase #brandLead .hstripe-odd:hover { background-color: #e9f3f8; } .blueBase #brandLead .hstripe-odd h3{color:#666666;} .blueBase #brandLead .hstripe-odd .catchCopy{color:#4eaaca;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #blueBase #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } /*#brandLeadサブナビのSpry（ぱたぱた）*/ .blueBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .blueBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .blueBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} .blueBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} /*一覧ページをみるへのきっかけアイコン*/ .blueBase #brandLead.viewAll{float:right;} .blueBase #brandLead.viewAll a{ width:72px; height:18px; background-image:url(../img/2009/viewAll01_gw.gif); background-repeat:no-repeat; display:block; margin:0; padding:0;} .blueBase #brandLead.viewAll a:hover,.viewAll a:active{background-image: url(../img/2009/viewAll02_gw.gif);} /*一覧ページをみるへのきっかけアイコン*/ .blueBase #brandLead .viewAll{float:right;} .blueBase #brandLead .viewAll a{width:72px;height:50px;background-image:url(/img/2009/viewAll01_gw.gif);background-repeat:no-repeat;background-position:left top;} .blueBase #brandLead .viewAll a:hover,.viewAll a:active{background-image:url(/img/2009/viewAll02_gw.gif);} /* ■■■■■■■■■■■*/ /* ■■■赤ベースクラス2009(blueBase) 09.09.24唯木*/ /* ■■■■■■■■■■■*/ /*グレーを全体に、強調はオレンジ#FB8B1F*/ .redBase #brandLead h1,h2,h3,h4,h5,h6{color:#666666;} .redBase #brandLead p.catchCopy{color:#FB8B1F;} .redBase #brandLead #modernbricksmenu2 ul{margin:0 0 0 2px;} .redBase #brandLead #modernbricksmenu2 a{color:#666666;background:url(../img/2009/brandLead_menuBg.gif) repeat-x;border-right:#CCCCCC 1px solid;} .redBase #brandLead #modernbricksmenu2 a:hover{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .redBase #brandLead #modernbricksmenu2 #current a{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .redBase a:focus,#brandLead a:hover{} .redBase #brandLead .descriptionBox{width:264px;height:auto;background:url(../img/2009/leadDescription_bg_gw.gif) repeat-y;border-bottom:#42A8CD 2px solid;padding:15px 0} .redBase #brandLead .descriptionBox p.headline{color:#fb8b1f;} /*背景に波状ブルーを設定*/ body.redBase{background-color:#d35761;background-image:url(../img/2009/classRedBase/brandlead_redbase_bg.png);background-repeat:repeat-y;background-position:center top;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .redBase #brandLead #eventTitle{background:url(../img/2009/brandH2_event_gw.gif) no-repeat; height:50px;} .redBase #brandLead #fairTitle{background:url(../img/2009/brandH2_fair_gw.gif) no-repeat; height:50px;} .redBase #brandLead #reportTitle{background:url(../img/2009/brandH2_photo_gw.gif) no-repeat; height:50px;} .redBase #brandLead #newsTitle{background:url(../img/2009/brandH2_news_gw.gif) no-repeat; height:50px;} .redBase #brandLead #recommendTitle{background:url(../img/2009/brandH2_recommend_gw.gif) no-repeat; height:50px;} .redBase .cornerTitle{background:url(../img/2009/classRedBase/cornerTitleBgRed.png) no-repeat; height:28px; width:624px; padding:6px 0 0 15px; margin:0;} #brandLead #modernbricksmenu2 .action a{background-color:#FFFFFF;margin:0px; padding:0;border-right:none;border-left:none;} #brandLead #modernbricksmenu2 .action a:hover{background-color: #FFFFFF;margin:0px; padding:0;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .redBase #brandLead .hstripe-even { background-color: #f5f9fb; } .redBase #brandLead .hstripe-even:hover { background-color: #e9f3f8; } .redBase #brandLead .hstripe-odd { background-color: #f5f9fb;} .redBase #brandLead .hstripe-odd:hover { background-color: #e9f3f8; } .redBase #brandLead .hstripe-odd h3{color:#666666;} .redBase #brandLead .hstripe-odd .catchCopy{color:#4eaaca;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #redBase #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } /*#brandLeadサブナビのSpry（ぱたぱた）*/ .redBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .redBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .redBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} .redBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} /*一覧ページをみるへのきっかけアイコン*/ .redBase #brandLead.viewAll{float:right;} .redBase #brandLead.viewAll a{ width:72px; height:18px; background-image:url(../img/2009/viewAll01_gw.gif); background-repeat:no-repeat; display:block; margin:0; padding:0;} .redBase #brandLead.viewAll a:hover,.viewAll a:active{background-image: url(../img/2009/viewAll02_gw.gif);} /*一覧ページをみるへのきっかけアイコン*/ .redBase #brandLead .viewAll{float:right;} .redBase #brandLead .viewAll a{width:72px;height:50px;background-image:url(/img/2009/viewAll01_gw.gif);background-repeat:no-repeat;background-position:left top;} .redBase #brandLead .viewAll a:hover,.viewAll a:active{background-image:url(/img/2009/viewAll02_gw.gif);} /* ■■■■■■■■■■■*/ /* ■■■緑ベースクラス2009(blueBase) 09.09.24唯木*/ /* ■■■■■■■■■■■*/ /*グレーを全体に、強調はオレンジ#FB8B1F*/ .greenBase #brandLead h1,h2,h3,h4,h5,h6{color:#666666;} .greenBase p.catchCopy,.greenBase #eventTop p.catchCopy {color:#82d025;} .greenBase #brandLead #modernbricksmenu2 ul{margin:0 0 0 2px;} .greenBase #brandLead #modernbricksmenu2 a{color:#666666;background:url(../img/2009/brandLead_menuBg.gif) repeat-x;border-right:#CCCCCC 1px solid;} .greenBase #brandLead #modernbricksmenu2 a:hover{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .greenBase #brandLead #modernbricksmenu2 #current a{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .greenBase a:focus,#brandLead a:hover{} .greenBase #brandLead .descriptionBox{width:264px;height:auto;background:url(../img/2009/leadDescription_bg_gw.gif) repeat-y;border-bottom:#42A8CD 2px solid;padding:15px 0} .greenBase #brandLead .descriptionBox p.headline{color:#fb8b1f;} /*背景に波状ブルーを設定*/ body.greenBase{background-color:#63c752;background-image:url(../img/2009/classGreenBase/brandlead_greenbase_bg.png);background-repeat:repeat-y;background-position:center top;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .greenBase #brandLead #eventTitle{background:url(../img/2009/brandH2_event_gw.gif) no-repeat; height:50px;} .greenBase #brandLead #fairTitle{background:url(../img/2009/brandH2_fair_gw.gif) no-repeat; height:50px;} .greenBase #brandLead #reportTitle{background:url(../img/2009/brandH2_photo_gw.gif) no-repeat; height:50px;} .greenBase #brandLead #newsTitle{background:url(../img/2009/brandH2_news_gw.gif) no-repeat; height:50px;} .greenBase #brandLead #recommendTitle{background:url(../img/2009/brandH2_recommend_gw.gif) no-repeat; height:50px;} #brandLead #modernbricksmenu2 .action a{background-color:#FFFFFF;margin:0px; padding:0;border-right:none;border-left:none;} #brandLead #modernbricksmenu2 .action a:hover{background-color: #FFFFFF;margin:0px; padding:0;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .greenBase #brandLead .hstripe-even { background-color: #f5f9fb; } .greenBase #brandLead .hstripe-even:hover { background-color: #e9f3f8; } .greenBase #brandLead .hstripe-odd { background-color: #f5f9fb;} .greenBase #brandLead .hstripe-odd:hover { background-color: #e9f3f8; } .greenBase #brandLead .hstripe-odd h3{color:#666666;} .greenBase #brandLead .hstripe-odd .catchCopy{color:#4eaaca;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #greenBase #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } /*#brandLeadサブナビのSpry（ぱたぱた）*/ .greenBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .greenBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .greenBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} .greenBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} /*一覧ページをみるへのきっかけアイコン*/ .greenBase #brandLead.viewAll{float:right;} .greenBase #brandLead.viewAll a{ width:72px; height:18px; background-image:url(../img/2009/viewAll01_gw.gif); background-repeat:no-repeat; display:block; margin:0; padding:0;} .greenBase #brandLead.viewAll a:hover,.viewAll a:active{background-image: url(../img/2009/viewAll02_gw.gif);} /*一覧ページをみるへのきっかけアイコン*/ .greenBase #brandLead .viewAll{float:right;} .greenBase #brandLead .viewAll a{width:72px;height:50px;background-image:url(/img/2009/viewAll01_gw.gif);background-repeat:no-repeat;background-position:left top;} .greenBase #brandLead .viewAll a:hover,.viewAll a:active{background-image:url(/img/2009/viewAll02_gw.gif);} /* ■■■■■■■■■■■*/ /* ■■■紫ベースクラス2009(blueBase) 09.09.24唯木*/ /* ■■■■■■■■■■■*/ /*グレーを全体に、強調はオレンジ#FB8B1F*/ .purpleredBase #brandLead h1,h2,h3,h4,h5,h6{color:#666666;} .purpleredBase p.catchCopy,.purpleredBase #eventTop p.catchCopy {color:#a869d0;} .purpleredBase #brandLead #modernbricksmenu2 ul{margin:0 0 0 2px;} .purpleredBase #brandLead #modernbricksmenu2 a{color:#666666;background:url(../img/2009/brandLead_menuBg.gif) repeat-x;border-right:#CCCCCC 1px solid;} .purpleredBase #brandLead #modernbricksmenu2 a:hover{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .purpleredBase #brandLead #modernbricksmenu2 #current a{color:#FFF;background:url(../img/2009/brandLead_menuBg_hover.gif) repeat-x;border-right:#CCCCCC 1px solid;} .purpleredBase a:focus,#brandLead a:hover{} .purpleredBase #brandLead .descriptionBox{width:264px;height:auto;background:url(../img/2009/leadDescription_bg_gw.gif) repeat-y;border-bottom:#42A8CD 2px solid;padding:15px 0} .purpleredBase #brandLead .descriptionBox p.headline{color:#fb8b1f;} /*背景に波状ブルーを設定*/ body.purpleredBase{background-color:#a869d0;background-image:url(../img/2009/classPurpleBase/brandlead_purplebase_bg.png);background-repeat:repeat-y;background-position:center top;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .purpleredBase #brandLead #eventTitle{background:url(../img/2009/brandH2_event_gw.gif) no-repeat; height:50px;} .purpleredBase #brandLead #fairTitle{background:url(../img/2009/brandH2_fair_gw.gif) no-repeat; height:50px;} .purpleredBase #brandLead #reportTitle{background:url(../img/2009/brandH2_photo_gw.gif) no-repeat; height:50px;} .purpleredBase #brandLead #newsTitle{background:url(../img/2009/brandH2_news_gw.gif) no-repeat; height:50px;} .purpleredBase #brandLead #recommendTitle{background:url(../img/2009/brandH2_recommend_gw.gif) no-repeat; height:50px;} .purpleredBase .cornerTitle{background:url(../img/2009/classPurpleBase/cornerTitleBgPurple.png) no-repeat; height:28px; width:624px; padding:6px 0 0 15px; margin:0;} #brandLead #modernbricksmenu2 .action a{background-color:#FFFFFF;margin:0px; padding:0;border-right:none;border-left:none;} #brandLead #modernbricksmenu2 .action a:hover{background-color: #FFFFFF;margin:0px; padding:0;} /*グレーを全体に、強調はオレンジ#FB8B1F*/ .purpleredBase #brandLead .hstripe-even { background-color: #f5f9fb; } .purpleredBase #brandLead .hstripe-even:hover { background-color: #e9f3f8; } .purpleredBase #brandLead .hstripe-odd { background-color: #f5f9fb;} .purpleredBase #brandLead .hstripe-odd:hover { background-color: #e9f3f8; } .purpleredBase #brandLead .hstripe-odd h3{color:#666666;} .purpleredBase #brandLead .hstripe-odd .catchCopy{color:#4eaaca;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #purpleredBase #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } /*#brandLeadサブナビのSpry（ぱたぱた）*/ .purpleredBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .purpleredBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab {background-color:#46ACEA;color: white;} .purpleredBase #brandLead#subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} .purpleredBase #brandLead#subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background-color:#FB8B1F;color: white;} /*一覧ページをみるへのきっかけアイコン*/ .purpleredBase #brandLead.viewAll{float:right;} .purpleredBase #brandLead.viewAll a{ width:72px; height:18px; background-image:url(../img/2009/viewAll01_gw.gif); background-repeat:no-repeat; display:block; margin:0; padding:0;} .purpleredBase #brandLead.viewAll a:hover,.viewAll a:active{background-image: url(../img/2009/viewAll02_gw.gif);} /*一覧ページをみるへのきっかけアイコン*/ .purpleredBase #brandLead .viewAll{float:right;} .purpleredBase #brandLead .viewAll a{width:72px;height:50px;background-image:url(/img/2009/viewAll01_gw.gif);background-repeat:no-repeat;background-position:left top;} .purpleredBase #brandLead .viewAll a:hover,.viewAll a:active{background-image:url(/img/2009/viewAll02_gw.gif);} /* ■■■■■■■■■■■*/ /* ■■■スターライトカラークラス(matureSummer)*/ /* ■■■■■■■■■■■*/ /*うす青#46ACEAを全体に、強調はオレンジ#FB8B1F*/ body#weblog #brandLead.matureSummer h1, h2,h3,h4,h5,h6 { color: #CD77B9; } body#weblog #brandLead.matureSummer h2{ color: #CD77B9; } body#weblog #brandLead.matureSummer h3{ color: #CD77B9; } body#weblog #brandLead.matureSummer .listTitleMarker{border-color:#CD77B9;} body#weblog #brandLead.matureSummer p.catchCopy {color:#8FA85F;} body#weblog #brandLead.matureSummer #modernbricksmenu2 {border-top-color:#333333; } body#weblog #brandLead.matureSummer #modernbricksmenu2 li{ } body#weblog #brandLead.matureSummer #modernbricksmenu2 a{ color: white; background-color: #333333; /*blue color theme*/ border-top: white; no-repeat;line-height:20px;text-align:center;padding:5px 10px 5px 10px;font-weight:bold;border-right:2px solid #86B0D3;} body#weblog #brandLead.matureSummer #modernbricksmenu2 a:hover{background-color: #666666; color: CD77B9;} body#weblog #brandLead.matureSummer #modernbricksmenu2 #current a{ /*currently selected tab*/background-color: #EEEEEE; /*Brown color theme*/color: #BC66A8;border-color: #FB8B1F; /*Brown color theme*/ } .matureSummer a:focus,#brandLead a:hover{} /*イベント一覧のストライプ*/ body#weblog #brandLead.matureSummer #eventList h3{color:#FFFFFF;} body#weblog #brandLead.matureSummer #eventList img{margin:5px 0 5px 5px;} body#weblog #brandLead.matureSummer #eventList .hstripe-even h3{ color:#666666; } body#weblog #brandLead.matureSummer .hstripe-even { background:url(../img/2009/matureSummerBlue400.jpg); } body#weblog #brandLead.matureSummer .hstripe-even:hover { background:url(../img/2009/matureSummerBlue400.jpg) right; } body#weblog #brandLead.matureSummer .hstripe-odd { background:url(../img/2009/matureSummerRed400.jpg); } body#weblog #brandLead.matureSummer .hstripe-odd:hover { background:url(../img/2009/matureSummerRed400.jpg) right; } body#weblog #brandLead.matureSummer .hstripe-odd .catchCopy{color:#FFFFFF;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ body#weblog #matureSummer #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } body#weblog #brandLead.matureSummer #subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#B8CEE3;color: white;} body#weblog #brandLead.matureSummer #subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#B0ABC9;color: white;} body#weblog #brandLead.matureSummer #subnavi .CollapsiblePanel div.CollapsiblePanelTab {background:url(../img/2009/matureSummer950.jpg);color: white;} body#weblog #brandLead.matureSummer #subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background:url(../img/2009/matureSummer950.jpg) right;color: white;} /*コーナータイトルもかえちゃいましょ*/ body#weblog #brandLead.matureSummer #eventTitle{background:url(../img/2009/matureTitleEvent.gif) no-repeat; height:50px;} body#weblog #brandLead.matureSummer #fairTitle{background:url(../img/2009/matureTitleFair.gif) no-repeat; height:50px;} body#weblog #brandLead.matureSummer #reportTitle{background:url(../img/2009/matureTitleReport.gif) no-repeat; height:50px;} body#weblog #brandLead.matureSummer #newsTitle{background:url(../img/2009/matureTitleNews.gif) no-repeat; height:50px;} body#weblog #brandLead.matureSummer #recommendTitle{background:url(../img/2009/matureTitleRecommend.gif) no-repeat; height:50px;} /*サブコンテクストもかえないと*/ body#weblog #brandLead.matureSummer .subContextArea h2{color:#333333;font-size: 110%;border-top: 1px solid #CD77B9;border-bottom: 1px solid #CD77B9;padding:0 3px;}} body#weblog #brandLead.matureSummer .subContextArea .contentTitle {color:#333333;font-size: 100%; padding-left:5px;} body#weblog #brandLead.matureSummer .subContextArea .headline {color:#666666;} /* ■■■■■■■■■■■*/ /* ■■■和ものカラークラスorientalAutumn)*/ /* ■■■■■■■■■■■*/ /*うす青#46ACEAを全体に、強調は朱色#FB8B1F*/ body#weblog #brandLead.orientalAutumn h1, h2,h3,h4,h5,h6 { color: #C33; } body#weblog #brandLead.orientalAutumn h2{ color: #262; } body#weblog #brandLead.orientalAutumn h3{ color: #262; } body#weblog #brandLead.orientalAutumn .listTitleMarker{border-color:#262;} body#weblog #brandLead.orientalAutumn p.catchCopy {color:#033;} body#weblog #brandLead.orientalAutumn #modernbricksmenu2 {border-top-color:#333333; } body#weblog #brandLead.orientalAutumn #modernbricksmenu2 li{ } body#weblog #brandLead.orientalAutumn #modernbricksmenu2 a{ color: #000; background-color: #EEE; border-top: #C33; no-repeat;line-height:20px;text-align:center;padding:5px 10px 5px 10px;font-weight:bold;border-right:2px solid #363;} body#weblog #brandLead.orientalAutumn #modernbricksmenu2 a:hover{background-color: #C33; color: #FFF;} body#weblog #brandLead.orientalAutumn #modernbricksmenu2 #current a{ background-color: #c33;color: #fff;border-color: #C33;} .orientalAutumn a:focus,#brandLead a:hover{} /*イベント一覧のストライプ*/ body#weblog #brandLead.orientalAutumn #eventList{color:#FFF;} body#weblog #brandLead.orientalAutumn #eventList h3{color:#FFF;font-weight:bold;} body#weblog #brandLead.orientalAutumn #eventList .catchCopy{color:#FFF;} body#weblog #brandLead.orientalAutumn #eventList .date{color:#FFF;} body#weblog #brandLead.orientalAutumn #eventList img{margin:5px 0 5px 5px;} body#weblog #brandLead.orientalAutumn #eventList .hstripe-even h3{ color:#FFF;font-weight:bold; } body#weblog #brandLead.orientalAutumn .hstripe-even { background:url(../img/2009/orientalAutumnUme.jpg); } body#weblog #brandLead.orientalAutumn .hstripe-even:hover { background:url(../img/2009/orientalAutumnUme.jpg) right;} body#weblog #brandLead.orientalAutumn .hstripe-odd { background:url(../img/2009/orientalAutumnUme.jpg) -250px 0; } body#weblog #brandLead.orientalAutumn .hstripe-odd:hover { background:url(../img/2009/orientalAutumnUme.jpg) right;} body#weblog #brandLead.orientalAutumn #eventList .cbox:hover h3{ color:#C33;font-weight:bold; } body#weblog #brandLead.orientalAutumn #eventList .cbox:hover .catchCopy{ color:#262;} body#weblog #brandLead.orientalAutumn #eventList .cbox:hover .date{ color:#262;} #matureSummer #brandLead #rightBar #subnavi h2 { background-color:#46ACEA; color:#FFFFFF; } body#weblog #brandLead.orientalAutumn #subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#B8CEE3;color: white;} body#weblog #brandLead.orientalAutumn #subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#B0ABC9;color: white;} body#weblog #brandLead.orientalAutumn #subnavi .CollapsiblePanel div.CollapsiblePanelTab {background:url(../img/2009/orientalAutumnUme.jpg);color: white;} body#weblog #brandLead.orientalAutumn #subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background:url(../img/2009/orientalAutumnUme.jpg) -250px 0;;color: white;} /*コーナータイトルもかえちゃいましょ*/ body#weblog #brandLead.orientalAutumn #eventTitle{background:url(../img/2009/orientalTitleEvent.gif) no-repeat; height:30px;} body#weblog #brandLead.orientalAutumn #fairTitle{background:url(../img/2009/orientalTitleFair.gif) no-repeat; height:30px;} body#weblog #brandLead.orientalAutumn #reportTitle{background:url(../img/2009/orientalTitleReport.gif) no-repeat; height:30px;} body#weblog #brandLead.orientalAutumn #newsTitle{background:url(../img/2009/orientalTitleNews.gif) no-repeat; height:30px;} body#weblog #brandLead.orientalAutumn #recommendTitle{background:url(../img/2009/orientalTitleRecommend.gif) no-repeat; height:30px;} /* ■■■■■■■■■■■*/ /* ■■■バカラカラークラス(matureWinter)*/ /* ■■■■■■■■■■■*/ body#weblog #brandLead.matureWinter h1, h2,h3,h4,h5,h6 { color: #C70025; } body#weblog #brandLead.matureWinter h2{ color: #333333; } body#weblog #brandLead.matureWinter h3{ color: #333333; } body#weblog #brandLead.matureWinter .listTitleMarker{border-color:#C70025;} body#weblog #brandLead.matureWinter p.catchCopy {color:#006600;} body#weblog #brandLead.matureWinter #modernbricksmenu2 {border-top-color:#333333; } body#weblog #brandLead.matureWinter #modernbricksmenu2 li{ } body#weblog #brandLead.matureWinter #modernbricksmenu2 a{ color: white; background-color: #333333; /*blue color theme*/ border-top: white; no-repeat;line-height:20px;text-align:center;padding:5px 10px 5px 10px;font-weight:bold;border-right:2px solid #339933;} body#weblog #brandLead.matureWinter #modernbricksmenu2 a:hover{background-color: #666666; color: CD77B9;} body#weblog #brandLead.matureWinter #modernbricksmenu2 #current a{ /*currently selected tab*/background-color: #EEEEEE; /*Brown color theme*/color: #C70025;border-color: #C70025; /*Brown color theme*/ } .matureWinter a:focus,#brandLead a:hover{} /*イベント一覧のストライプ*/ body#weblog #brandLead.matureWinter #eventList h3{color:#CC2121;font-weight:bold;} body#weblog #brandLead.matureWinter #eventList img{margin:5px 0 5px 5px;} body#weblog #brandLead.matureWinter #eventList .hstripe-even { background:url(../img/2009/matureWinterBG400_test.jpg) no-repeat; } body#weblog #brandLead.matureWinter #eventList .hstripe-even:hover { background:url(../img/2009/matureWinterBG400_test_s.jpg) no-repeat; } body#weblog #brandLead.matureWinter #eventList .hstripe-odd { background:url(../img/2009/matureWinterBG400_test_odd.jpg) no-repeat; } body#weblog #brandLead.matureWinter #eventList .hstripe-odd:hover { background:url(../img/2009/matureWinterBG400_test_odd_s.jpg) no-repeat; } body#weblog #brandLead.matureWinter #eventList .catchCopy{color:#219921;} body#weblog #brandLead.matureWinter #eventList span{color:#333333;} body#weblog #brandLead.matureWinter #eventList .location{color:#219921;} body#weblog #brandLead.matureWinter #eventList .cbox:hover h3{color:#CC2121;} body#weblog #brandLead.matureWinter #eventList .cbox:hover .catchCopy{color:#219921;} body#weblog #brandLead.matureWinter #eventList .cbox:hover span{color:#333333;} /*ローカルなびは、うす青緑#B6CF98×しろぬき文字*/ #matureWinter #brandLead #rightBar #subnavi h2 { color:#333; } body#weblog #brandLead.matureWinter #subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab {background-color:#B8CEE3;color: #333;} body#weblog #brandLead.matureWinter #subnavi .CollapsiblePanelOpen div.CollapsiblePanelTab:hover {background-color:#B0ABC9;color: #333;} body#weblog #brandLead.matureWinter #subnavi .CollapsiblePanel div.CollapsiblePanelTab {background:url(../img/2009/matureWinterBG400.jpg) right;color: #333;} body#weblog #brandLead.matureWinter #subnavi .CollapsiblePanel div.CollapsiblePanelTab:hover {background:url(../img/2009/matureWinterBG400_s.jpg) ;color: #333;} /*コーナータイトルもかえちゃいましょ*/ body#weblog #brandLead.matureWinter h1{border-bottom:1px solid #AA001F;} body#weblog #brandLead.matureWinter #eventTitle{background:url(../img/2009/matureWinterTitleEvent.png) no-repeat; height:25px;} body#weblog #brandLead.matureWinter #fairTitle{background:url(../img/2009/matureWinterTitleFair.png) no-repeat; height:25px;} body#weblog #brandLead.matureWinter #reportTitle{background:url(../img/2009/matureWinterTitleReport.png) no-repeat; height:25px;} body#weblog #brandLead.matureWinter #newsTitle{background:url(../img/2009/matureWinterTitleNews.png) no-repeat; height:25px;} body#weblog #brandLead.matureWinter #recommendTitle{background:url(../img/2009/matureWinterTitleRecommend.png) no-repeat; 25px;} /*サブコンテクストもかえないと*/ body#weblog #brandLead.matureWinter .subContextArea h2{color:#333333;font-size: 110%;border-top: 1px solid #CD77B9;border-bottom: 1px solid #CD77B9;padding:0 3px;} body#weblog #brandLead.matureWinter .subContextArea .contentTitle {color:#333333;font-size: 100%;padding-left:5px;} body#weblog #brandLead.matureWinter .subContextArea .headline { color:#666666;} #prime h1, h2, h3, h4, h5, h6, #primeLeaf h1, h2, h3, h4, h5, h6, #eventTop h1, h2, h3, h4, h5, h6{color:#666666;} /* ------------------------------------------------------------ * 2009ygp * ------------------------------------------------------------ * とりあえず施設（#facility）だけに適用 * */ #facility { color:#666666;font-size:122%; } #facility h1 { color:#007575;font-size:136%;font-weight:bold;margin-bottom:10px; } #facility h2 { color:#007575;font-size:129%;font-weight:bold;margin-bottom:10px; } #facility h3 { color:#007575;font-size:122%;font-weight:bold;margin-bottom:10px; } #facility h4 { color:#333333;font-size:114%;font-weight:bold;margin-bottom:10px; } #facility h5 { color:#333333;font-size:107%;font-weight:bold;margin-bottom:10px; } #facility h6 { color:#333333;font-size:100%;font-weight:bold;margin-bottom:10px; } #facility p { color:#666666;font-size: 77%;font-weight:normal;line-height:1.5em;margin-bottom:10px; } #facility div { color:#666666;font-size:100%;font-weight:normal;line-height:1.5em;margin-bottom:10px; } #facility ul { list-style:none;margin:0px;padding:0px;font-size:77%; } #facility ol { list-style:decimal;margin:0px;padding:0px 0px 0px 20px;font-size:77%; } #facility ul li { list-style:none;margin:0px;padding:0px; } #facility ol li { list-style:decimal;margin:0px;padding:0px; } /* blueprint layout */ #facility .span-16 { overflow:hidden; } /* * tabbed panel * ------------------------------------------------------------ * * */ #facility div.tabs ul.tabs li { list-style:none;text-align:center;margin:0px;padding:3px 7px;border-left:#D8D8D8 2px solid;float:left;width:auto;cursor:pointer;white-space:nowrap; } #facility div.tabs ul.tabs li a { background:inherit; } #facility div.tabs ul.tabs li a h3 { margin:0px;padding:0px;color:#999999;font-weight:normal;font-size:100%; } #facility div.tabs ul.tabs li a.selected h3 { color:#333333; } #facility div.tabs div.tabsGroup { clear:both; } #facility div.tabs div.tabsGroup div.tab { margin:0px;padding:0px;overflow:hidden; } /* * buttons/icons * ------------------------------------------------------------ * * */ #facility .action { width:166px;padding:2px;border-top:1px dotted #999999;border-bottom:1px dotted #999999;background-color:#FFFFFF;margin:0px;} #facility .action .printAction a { display:block;cursor:pointer;float:left;height:20px;width:80px;background:url(../img/2009/action_print_off.gif) no-repeat top center;width:80px;height:20px;display:block; } #facility .action .printAction, .action .mailAction { background-color:#FFFFFF;margin:0px; } #facility .action .printAction a:hover{ background:url(../img/2009/action_print_on.gif) no-repeat top center;width:80px;height:20px;display:block; } #facility .action .mailAction a { display:block;cursor:pointer;float:left;height:20px;width:80px;background:url(../img/2009/action_mail_off.gif) no-repeat top center;width:80px;height:20px;display:block; } #facility .action .mailAction a:hover{ background:url(../img/2009/action_mail_on.gif) no-repeat top center;width:80px;height:20px;display:block; } #facility .listTitleMarker { border-left:3px solid #007575;padding-left:2px; } #facility .imgBorder { border:1px solid #EAEAEA; } #facility .smallBannar { margin:5px 0 5px 0; } #facility .grayBox { border:1px dotted #999999;margin-bottom:10px;padding:10px;} #facility .arrowMark { padding:5px 10px 5px 20px;margin: 0px;border-bottom:dotted 1px #D6D6D6;color:#666;background:url(../img/2009/arrowGray.jpg) no-repeat 3px center;list-style:none;/*height:13px;*/ } #facility .arrowMark:hover { color:#000;background:#FFF url(../img/2009/arrowBlack.jpg) no-repeat 3px center; } #facility .smallIconTerm { background-image:url(../img/2009/iconTerm.gif);background-repeat: no-repeat;width:30px;height:15px; } #facility .smallIconPlace { background-image:url(../img/2009/iconPlace.gif);background-repeat: no-repeat;width:30px;height:15px; } #facility .smallIconTel { background-image:url(../img/2009/iconTel.gif);background-repeat: no-repeat;width:30px;height:15px; } /* Iconize 0.5 http://jsajax.com/CSSIconizeTextLinksArticle954.aspx */ /* pdf */ /*#facility a[href$='.pdf'] { padding:5px 20px 5px 0;background:transparent url(../img/2009/2009/icon_pdf.gif) no-repeat center right; }*/ /* * tables * ------------------------------------------------------------ * * */ #facility table.silver { border-top:1px #F4F4F4 solid;border-right:1px #D8D8D8 solid;border-bottom:1px #D8D8D8 solid;border-left:1px #F4F4F4 solid;border-spacing:0px;background:#F4F4F4;margin:0px 0px 10px 0px; } #facility table.silver th { padding:10px;border-style:solid;border-width:1px;border-color:#FFFFFF #D8D8D8 #D8D8D8 #FFFFFF;background:#E3E3E3;color:#333333;font-size:77%;font-weight:normal;line-height:130%;text-align:left; } #facility table.silver td { padding:10px;border-style:solid;border-width:1px;border-color:#FFFFFF #D8D8D8 #D8D8D8 #FFFFFF;background:#FFFFFF;color:#333333;font-size:77%;font-weight:normal;line-height:130%;text-align:left; } #facility table.plainGray { border-collapse:collapse;border:#D8D8D8 2px solid;margin:0px;padding:0px; } #facility table.plainGray th { margin:0px;padding:4px 15px;background-color:#D8D8D8;font-size:69%;font-weight:normal;line-height:140%;white-space:nowrap; } #facility table.plainGray td { margin:0px;padding:4px 10px;background-color:#FFFFFF;font-size:69%;font-weight:normal;line-height:140%; } /* * Other Decorations * ------------------------------------------------------------ * * */ #facility p.catchCopy { color:#8D0557;font-size:85%; } /* list */ #facility ul.disc { list-style:disc;padding-left:20px; } #facility ul.circle { list-style:circle;padding-left:20px; } /* bullet */ #facility .newsUpdated { background:url('../img/2009/2009/bullet_news_updated.png') no-repeat left center;float:none;margin-bottom:8px;padding:0px 14px;vertical-align:middle; } #facility .eventPeriod { background:url('../img/2009/2009/bullet_event_period.png') no-repeat left center;float:left;margin-bottom:8px;padding:0px 14px;vertical-align:middle; } #facility .eventPeriod img { float:none;margin:0px 4px;vertical-align:middle; } /*.cBoxの最初のトップマージンをなくす（.screen_0.cssでは、がある場合のみの指定のため追加）*/ #facility .cbox>img, .cbox>img.right, .cbox>h2, .cbox>h3, .cbox>h4 { margin-top:0 !important;} /* box */ #facility .noMargin { margin:0px; } #facility .noPadding { padding:0px; } #facility .lightGrayBox { border:#F1F1F1 1px solid;margin-bottom:10px;padding:8px; } #facility .inBoxBody { margin-bottom:15px; } #facility .inBoxBodyBottom { margin-bottom:0px; } #facility .dotBorderBox { border:#999999 1px dotted;margin-bottom:10px;padding:10px; } /* image */ #facility img { border:none; } #facility img.sq44 { width:43px;height:43px; }/* カラム数変更により写真コーナーのサムネのサイズ変更　0904唯木 */ #facility img.sq50 { width:50px;height:50px; } #facility img.sq100 { width:100px;height:100px; } #facility img.w44 { width:44px;height:auto; } #facility img.w50 { width:50px;height:auto; } #facility img.w100 { width:98px;height:auto;border:#CCCCCC 1px solid; } #facility img.w150 { width:148px;height:auto;border:#CCCCCC 1px solid;margin-left:20px; } #facility img.w200 { width:198px;height:auto;border:#CCCCCC 1px solid; } /* breadcrumbs */ #facility #crumbs { background:url('../img/2009/dotted.jpg') repeat-x left bottom;padding-bottom:5px;margin:10px 30px 30px 30px;font-family:"ＭＳ ゴシック", "Osaka－等幅";font-size: x-small;letter-spacing: 0.2em; } #facility #crumbs a { color:#666666;margin-right:0px; } #facility #crumbs a:focus, #crumbs a:hover{ color:#006600; } #facility #content { margin-top:15px; } #facility #rightBar { margin-top:15px; } #facility .facilitySubNav { float:right; } #facility .facilitySubNav li a { width:81px;height:35px;display:block; } /*subNavi*/ #facility .subNaviArea{width:944px;height:59px;background: url(../img/2009/header/head_shadow.gif) repeat-x;} #facility .subNaviArea ul{padding:25px 0 0;} #facility #shisetsuMap a{background:url(../img/2009/header/subNavi_shisetsu.gif) no-repeat;width:89px;height:22px;display:block;} #facility #access a{background:url(../img/2009/header/subNavi_access.gif) no-repeat;width: 69px;height:22px;display:block;} #facility #pressRelease a{background:url(../img/2009/header/subNavi_press.gif) no-repeat;width:89px; height:22px;display:block;} #facility #mailNews a{background:url(../img/2009/header/subNavi_mail.gif) no-repeat;width:92px;height:22px;display:block;} #facility #office a{background:url(../img/2009/header/subNavi_office.gif) no-repeat;width:99px;height:22px;display:block;} #facility #recruit a{background:url(../img/2009/header/subNavi_recruit.gif) no-repeat;width:65px;height:22px;display:block;} #facility #textSize{width:71px;height:22px;display:block;} #facility #textPlus a{background:url(../img/2009/header/subNavi_+.gif) no-repeat;width:12px;height:22px;display:block;} #facility #textPlus a:hover,#textPlus a:active{background:url(../img/2009/header/subNavi_+Hover.gif) no-repeat;width:12px;height:22px;display:block;} #facility #textMinous a{background:url(../img/2009/header/subNavi_-.gif) no-repeat;width:12px;height:22px;display:block;} #facility #facility #textMinous a:hover,#textMinous a:active{background: url(../img/2009/header/subNavi_-Hover.gif) no-repeat;width:12px;height:22px;display:block;} #rss a{background:url(../img/2009/header/subNavi_rss.gif) no-repeat;width:49px;height:22px;display:block;} /*mainNavi*/ /*header・footerともに、形はscreen_0.css内.inLineBlockListにて定義。 　プロジェクトcssでは、各ボタンの幅および高さを指定する。 　※画像を背景処理しているため、width,height,の定義は必須 display:blockも必ず記述　0513さこう*/ #facility .mainNaviArea{width:944px;height:47px;background: url(../img/2009/header/navi_bg.gif) no-repeat} #facility .mainNaviArea ul{padding:0 0 0 16px} #facility #home a{background:url(../img/2009/header/navi_home.gif) no-repeat left center;width:182px;height:47px;display:block;} #facility #restaurant a{background:url(../img/2009/header/navi_restaurant.gif) no-repeat left center;width:183px;height:47px;display:block;} #facility #shopping a{background:url(../img/2009/header/navi_shopping.gif) no-repeat left center;width:182px;height:47px;display:block;} #facility #event a{background:url(../img/2009/header/navi_event.gif) no-repeat left center;width:182px;height:47px;display:block;} #facility #service a{background:url(../img/2009/header/navi_service.gif) no-repeat left center;width:182px;height:47px;display:block;} #facility #home a:hover,#navi01:active{background: url(../img/2009/header/navi_homeHover.gif) no-repeat left center;width:182px;height:47px;display:block;} #facility #restaurant a:hover,#navi02:active{background:url(../img/2009/header/navi_restaurantHover.gif) no-repeat left center;width:183px;height:47px;display:block;} #facility #shopping a:hover,#navi03:active{background:url(../img/2009/header/navi_shoppingHover.gif) no-repeat left center;width:182px;height:47px;display:block;} #facility #event a:hover,#navi04:active{background:url(../img/2009/header/navi_eventHover.gif) no-repeat left center;width:182px;height:47px;display:block;} #facility #service a:hover,#navi05:active{background:url(../img/2009/header/navi_serviceHover.gif) no-repeat left center;width:182px;height:47px;display:block;} /* * Pages * ------------------------------------------------------------ * * */ /* top */ #facility #top img.top { width:542px;border:#D8D8D8 1px solid; } #facility #top img.corner { width:542px;border:#D8D8D8 1px solid; } #facility #topInfo { margin:0 auto 10px auto;width:542px; } #facility #topInfo th { width:34px;text-align:center; } #facility .newsDigestArea { margin-bottom:10px; } #facility .newsDigestArea h2 { background:url('../c2msuploaded/child_label_newslist.png') no-repeat left top;height:38px; } #facility .newsDigestArea .cbox { background:url('../img/2009/2009/border_dotted.gif') repeat-x left top;margin-bottom:10px;padding:10px 0px 10px 10px;} #facility .newsDigestArea .cbox .newsTitle { color:#333333;font-size:92%;margin-bottom:8px; } #facility .newsDigestArea .cbox img { padding:0px; } #facility .newsDigestArea .toList { text-align:right; } #facility .eventDigestArea { margin-bottom:10px; } #facility .eventDigestArea h2 { background:url('../c2msuploaded/child_label_eventlist.png') no-repeat left top;height:38px; } #facility .eventDigestArea .cbox { background:url('../img/2009/2009/border_dotted.gif') repeat-x left top;margin-bottom:10px;padding:10px 0px 10px 10px;} #facility .eventDigestArea .cbox .eventTitle { color:#333333;font-size:92%;margin-bottom:8px; } #facility .eventDigestArea .cbox img { padding:0px; } #facility .eventDigestArea .toList { text-align:right; } #facility .shopListArea { width:544px;margin-bottom:10px; } #facility .shopListArea h2 { background:url('../img/2009/2009/label_shop_list.png') no-repeat left top;width:544px;height:38px; } #facility .shopListArea ul.spshop { background:url('../img/2009/2009/border_dotted.gif') repeat-x left top;padding:10px;width:524px;font-size:100%; } #facility .shopListArea ul.spshop li { margin-bottom:5px; } #facility .shopListArea ul.spshop li .spatial { background:url('../img/2009/2009/icon_arrow_gray.png') no-repeat left center; background-color:#eeeeee; margin:8px 0 7px;padding:5px 5px 2px 16px;color:#333333;font-size:11px; } #facility .shopListArea ul.shop li { margin-bottom:5px;padding:0px 6px 0px 12px;font-size:10px; } #facility .shopListArea ul.shop li span.category { color: #8aafc8; } #facility .restaurantListArea { width:544px;margin-bottom:10px; } #facility .restaurantListArea h2 { background:url('../img/2009/2009/label_restaurant_list.png') no-repeat left top;width:544px;height:38px; } #facility .restaurantListArea ul.sprestaurant { background:url('../img/2009/2009/border_dotted.gif') repeat-x left top;padding:10px;width:524px;font-size:100%; } #facility .restaurantListArea ul.sprestaurant li { margin-bottom:5px; } #facility .restaurantListArea ul.sprestaurant li .spatial { background:url('../img/2009/2009/icon_arrow_gray.png') no-repeat left center; background-color:#eeeeee; margin:8px 0 7px;padding:5px 5px 2px 16px;color:#333333;font-size:11px; } #facility .restaurantListArea ul.restaurant li { margin-bottom:5px;padding:0px 6px 0px 12px;font-size:10px; } #facility .restaurantListArea ul.restaurant li span.category { color: #c88a8f; } #facility #facilityInfoArea { width:246px; } #facility #facilityInfoArea h3 { background:url('../img/2009/2009/label_facilityinfo.png') no-repeat left top;width:49px;height:50px; } #facility #facilityInfoArea p { background-color:#F2F2E9;margin:0px 0px 0px 2px;padding:10px;width:175px;height:30px; } #facility #facilityInfoArea .inBoxBody table { padding:0px 10px; } #facility #facilityInfoArea .inBoxBody table th { background-color:#FFFFFF;margin:0px;padding:0px 10px 5px 0px;text-align:left;vertical-align:top;font-size:77%;font-weight:normal;border-right:#999999 1px dotted; } #facility #facilityInfoArea .inBoxBody table td { background-color:#FFFFFF;margin:0px;padding:0px 0px 5px 10px;text-align:left;vertical-align:top;font-size:77%;font-weight:normal; } #facility #facilityInfoArea .map { margin:0px auto 15px auto;width:246px;text-align:center; } #facility #facilityInfoArea .toFacilityMap { text-align:right; } #facility #facilityInfoArea .toFacilityMap img { width:106px;height:23px; } #facility #contactArea { width: 246px; } #facility #contactArea h3 { background: url('../img/2009/2009/bg_oblique_deepgray.gif') repeat left top;border:#D8D8D8 1px solid;width:224px;padding:15px 10px;color:#FFFFFF;font-size:107%; } #facility #contactArea h3 img { margin-right:10px;width:26px;height:21px;vertical-align:top; } #facility #contactArea #contactLead { background: url('../img/2009/2009/bg_oblique_deepgray.gif') repeat left top;margin:0px;padding:15px 10px;border:#D8D8D8 1px solid;width:224px; } #facility #contactArea p { color:#FFFFFF; } #facility #contactArea img { width:224px; } #facility #referenceListArea { width:246px; } #facility #referenceListArea h3 { background:#eeeeee;border:#eeeeee 1px solid;width:226px;margin-bottom:8px;padding:8px;color:#444444;font-size:92%; } #facility #referenceListArea .referenceArea { margin:0px;padding:0px;width:248px; } #facility #referenceListArea .referenceArea img { border:#eeeeee 1px solid;width:98px; } #facility #referenceListArea .referenceArea p { margin-bottom:0px;color:#999999; } #facility #photoDigestArea { width:246px; } #facility #photoDigestArea h3 { background:url('../img/2009/2009/label_photo_digest.png') no-repeat left top;border:#D8D8D8 1px solid;width:244px;height:43px; } #facility #photoDigestArea #photoDigestMain { background:url('../img/2009/2009/bg_oblique_lightgray.gif') repeat left top;margin:0px;padding:15px 10px;border:#D8D8D8 1px solid;width:224px; } #facility #photoDigestArea #photoDigestMain .gridDiv { margin-bottom:15px; } #facility #photoDigestArea #photoDigestMain .gridDivArea { width:224px; } #facility #photoDigestArea #photoDigestMain .gridDivArea .gridrhr { float:none;width:200px;height:0.1em;margin:0px;padding:0px;border:none;position:absolute;visibility:hidden; } #facility #photoDigestArea #photoDigestMain .gridDivArea .photoArea { padding:0px 0px 1px 1px;width:43px;float:left; }/* カラム数変更によりpaddingの値変更　0904唯木 */ #facility #photoDigestArea #photoDigestMain .toPhotoList { margin-bottom:0px;text-align:right;clear:both; } #facility #photoDigestArea #photoDigestMain .toPhotoList img { width:76px;height:16px; } /* news */ #facility .newsListArea .cbox { background:url('../img/2009/2009/border_dotted.gif') repeat-x left top;margin-bottom:10px;padding:10px;width:530px;line-height:1.5em; } #facility .newsListArea .cbox h3 { color:#333333;font-size:107%; } #facility .newsListArea .cbox .copy { color:#F07F7F; } #facility .newsListArea .cbox img.right { padding:10px 0px 10px 10px; } /* event */ #facility .eventListArea .cbox { background:url('../img/2009/2009/border_dotted.gif') repeat-x left top;margin-bottom:10px;padding:10px;width:522px;line-height:1.5em; } #facility .eventListArea .cbox h3 { color:#333333;font-size:107%; } #facility .eventListArea .cbox .copy { color:#F07F7F; } #facility .eventListArea .cbox img.right { margin:10px 0px 10px 10px; } /* photo */ #facility .photoListArea { width:544px; } #facility .photoListArea div.tabs ul.tabs { margin:0px;padding-bottom:10px; } #facility .photoListArea div.tabs ul.tabs li { margin-top:10px; } #facility .photoListArea .gridDivArea { width:544px;margin-bottom:0px; } #facility .photoListArea .gridDivArea div.gridrhr { margin:0px;height:10px;clear:both; } #facility .photoListArea .gridDivArea div.gridrhr img { width:544px;height:10px; } #facility .photoListArea .gridDivArea .photoArea { margin-bottom:0px;padding:0px 11px 0px 0px;width:100px;float:left; }/* カラム数変更によりサムネイル間のマージン変更　0904唯木 */ #facility .photoListArea .gridDivArea .photoArea.lastcell { padding-right:0px; } #facility .photoListArea .gridDivArea .photoArea p { background-color:#F2F2F2;margin:5px 0px 0px 0px;padding:5px;width:90px;color:#808080;text-align:center;font-weight:normal;font-size:77%; } /* etc */ #facility .etcCornerArea { width:544px; } #facility .etcCornerArea h3 { border-left:#B98678 5px solid;margin:10px 0px;padding:5px 10px;color:#000000; } #facility .etcCornerArea .etcCopy { color:#F07F7F;font-weight:bold; } #facility .etcCornerArea .etcDesc { color:#000000; } #facility .etcCornerArea .etcBody { padding:10px;font-size:100%; } #facility .etcCornerArea .etcBody ul { margin:15px 0px 15px 10px; } #facility .etcCornerArea .etcBody ol { margin:15px 0px 15px 10px; } #facility .etcCornerArea .etcBody li { font-size:10px; } #facility .etcCornerArea ul.pageLink { padding:10px 0px; } #facility .etcCornerArea ul.pageLink li { list-style:none;text-align:center;margin:0px;padding:3px 7px;border-left:#D8D8D8 2px solid;float:left;width:auto;cursor:pointer;white-space:nowrap; } #facility .etcCornerArea ul.pageLink li a { background:inherit; } #facility .etcCornerArea ul.pageLink li a div { margin:0px;padding:0px;color:#999999;font-weight:normal;font-size:100%; } #facility .etcCornerArea ul.pageLink li a.selected div { color:#333333; }