* { font-family:helvetica, arial; text-decoration:none; outline:none; border:none; } html, body { width:100%; height:80%; margin:0; padding:0; } #container { height:auto; min-height:100%; position:relative; overflow:hidden; } #container.home { background-image: url(/wp-content/themes/irie/image/back-accommodation.jpg); background-repeat: no-repeat; background-position: top; } #container.explore { background-attachment: fixed; background-image: url(/wp-content/themes/irie/image/back-explore.jpg); background-repeat: no-repeat; background-position: top; } #container.accommodation { background-attachment: fixed; background-image: url(/wp-content/themes/irie/image/back-accommodation.jpg); background-repeat: no-repeat; background-position: top; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #container.offers { background:url(/wp-content/themes/irie/image/back-offers.jpg) top fixed no-repeat; } #container.dining { background:url(/wp-content/themes/irie/image/back-dining.jpg) top fixed no-repeat; } #container.location { background:url(/wp-content/themes/irie/image/back-location.jpg) top fixed no-repeat; } #container.events { background:url(/wp-content/themes/irie/image/back-events.jpg) top fixed no-repeat; } #container.weddings { background:url(/wp-content/themes/irie/image/back-weddings.jpg) top fixed no-repeat; } #container p, h1, h2, h3, h4, h5, #container ul, #container li { margin:0; padding:0; list-style:none; color: #333; } #container h6 { margin:0; padding:0; list-style:none; color: #d96c98; font-size: 15px; } #container h7 { margin:0; padding:0; list-style:none; color: #d96c98; font-size: 13px; font-weight: normal; } .centre { width:950px; margin:0 auto; position:relative; *z-index:50; } .line { width:100%; height:1px; background:url(/wp-content/themes/irie/image/line.png) no-repeat; clear:both; } .clear { clear:both; display:none; } .home h1 { position:absolute; top:-1000px; } /* Navigation */ #nav { width:100%; height:62px; position:absolute; top:0; z-index:20; /*IE6*/ _background:#F0F0F0; margin-top: 20px; } #nav #logo { width:300px; height:90px; position:absolute; top:0; left:-22px; z-index:1; } #nav #logo a { width:100; height:100%; background:url(/wp-content/themes/irie/image/logo.png) top; display:block; } #nav #logo a:hover { background-position:bottom; } #nav #logo span { position:absolute; top:-2000px; } #nav ul { position:absolute; right:-18px; z-index:1; } #nav li { height:61px; float:left; position:relative; } #nav li a { height:61px; display:block; } #nav li:hover a { background-position:bottom !important; } #nav li.explore a { width:105px; background:url(/wp-content/themes/irie/image/navi_salon.png) top; } #nav li.accommodation a { width:105px; background:url(/wp-content/themes/irie/image/navi_menu.png) top; } #nav li.offers a { width:105px; background:url(/wp-content/themes/irie/image/navi_gallery.png) top; } #nav li.dining a { width:105px; background:url(/wp-content/themes/irie/image/navi_faq.png) top; } #nav li.location a { width:105px; background:url(/wp-content/themes/irie/image/navi_privacy.png) top; } #nav li.events a { width:105px; background:url(/wp-content/themes/irie/image/navi_contact.png) top; } #nav li span { position:absolute; top:-2000px; } #nav .line { position:absolute; bottom:0; } #nav li ul { width:175px; padding:10px 8px 5px 10px; background:url(/wp-content/themes/irie/image/dropdown-back.png); display:none; position:absolute; left:5px; } #nav li ul li { height:auto; float:none; overflow:hidden; } #nav li ul li a { width:auto !important; height:25px; padding:0 25px 0 0; font:bold 13px/20px helvetica, arial; color:#FFF; text-shadow:#000 0 0 2px; background:none !important; } #nav li ul li a:hover { color:#C6B685; background-image: url(/wp-content/themes/irie/image/sub-hover.png); background-repeat: no-repeat; background-position: right top; } #nav2 { position:absolute; top:80px; right:0; } #nav2 li { float:left; } #nav2 li a { padding:15px 0 15px 20px; font:bold 12px/20px helvetica, arial; color:#f8c6ef; text-shadow:#FFF 0 0 2px; } #nav2 li a:hover { color:#8D6C0B; } #sub { width:583px; height:50px; padding-left:15px !important; background:url(/wp-content/themes/irie/image/sub-back.png); position:absolute; top:350px; left:0; display:none; overflow:hidden; } #sub li { padding:0 !important; float:left; background:none !important; } #sub li a { padding:15px 10px; font:bold 12px/20px helvetica, arial; color:#21190C; display:block; } #sub li a:hover { color:#8D6C0B !important; } #content #sub { display:block; } /* Sub Navigation */ #nav3 { width:474px; height:20px; position:absolute; top:0; z-index:20; /*IE6*/ _background:#F0F0F0; margin-top: 80px; float: right; } #nav3 ul { position:absolute; left:1px; z-index:1; } #nav3 li { height:20px; float:left; position:relative; } #nav3 li a { height:20px; display:block; } #nav3 li:hover a { background-position:bottom !important; } #nav3 .line { position:absolute; bottom:0; } #nav3 li ul { width:175px; padding:10px 8px 5px 10px; background:url(/wp-content/themes/irie/image/dropdown-back.png); display:none; position:absolute; left:5px; } #nav3 li ul li { height:auto; float:none; overflow:hidden; } #nav3 li ul li a { width:auto !important; height:20px; padding:0 25px 0 0; font:bold 13px/20px helvetica, arial; color:#FFF; text-shadow:#000 0 0 2px; background:none !important; } #nav3 li ul li a:hover { color:#C6B685; background-image: url(/wp-content/themes/irie/image/sub-hover.png); background-repeat: no-repeat; background-position: right top; } #nav2 { position:absolute; top:80px; right:0; } #nav2 li { float:left; } #nav2 li a { padding:15px 0 15px 20px; font:bold 12px/20px helvetica, arial; color:#f8c6ef; text-shadow:#FFF 0 0 2px; } #nav2 li a:hover { color:#8D6C0B; } #sub { width:583px; height:50px; padding-left:15px !important; background:url(/wp-content/themes/irie/image/sub-back.png); position:absolute; top:350px; left:0; display:none; overflow:hidden; } #sub li { padding:0 !important; float:left; background:none !important; } #sub li a { padding:15px 10px; font:bold 12px/20px helvetica, arial; color:#21190C; display:block; } #sub li a:hover { color:#8D6C0B !important; } #content #sub { display:block; } /* Loader */ #loader { width:81px; height:82px; margin-left:-40px; position:absolute; top:182px; left:50%; z-index:1; /*IE6*/ _display:none; background-image: url(/wp-content/themes/irie/image/loader.png); background-repeat: no-repeat; background-position: top; } .QOverlay { width:1000px; height:100% !important; background:#FFF url(/wp-content/themes/irie/image/loader-back.png); position:absolute !important; left:0 !important; /*IE6*/ _display:none; } .QAmt { width:100%; color:#99948D; font:18px/20px georgia; text-align:center; z-index:2; position:absolute; bottom:0; cursor:default; /*IE6*/ _display:none; } /* Slideshow */ #slideshow { display:none; } .home #slideshow { max-width:1080px; height:480px; margin:0 auto; background:url(/wp-content/themes/irie/image/loader-back.png); position:relative; overflow:hidden; display:block; /*IE6*/ _display:none !important; } .home #slideshow .item { max-width:1080px; height:480px; display:none; } .home #slideshow .item .back { width:100%; height:100%; position:absolute; top:0; } .home #slideshow .item#explore .back { background:url(/wp-content/themes/irie/image/slide-explore.jpg); } .home #slideshow .item#accommodation .back { background:url(/wp-content/themes/irie/image/slide-accommodation.jpg); } .home #slideshow .item#offers .back { background:url(/wp-content/themes/irie/image/slide-offers.jpg); } .home #slideshow .item#explore .buttons, .home #slideshow .item#accommodation .buttons, .home #slideshow .item#offers .buttons { left:467px; } .home #slideshow .item#dining .back { background:url(.../image/slide-dining.jpg); } .home #slideshow .item#location .back { background:url(/wp-content/themes/irie/image/slide-location.jpg); } .home #slideshow .item#events .back { background:url(/wp-content/themes/irie/image/slide-events.jpg); } .home #slideshow .buttons { position:absolute; top:252px; left:387px; } .home #slideshow .buttons a { float:left; } .home #slideshow .nav { width:36px; height:49px; display:none; position:absolute; top:200px; } .home #slideshow .nav.backward { left:62px; background:url(/wp-content/themes/irie/image/slider-prev.png); } .home #slideshow .nav.forward { right:62px; background:url(/wp-content/themes/irie/image/slider-next.png); } .home #slideshow .slidetabs { display:none; } #content #slideshow { width:598px; height:350px; background:#EEE; position:absolute; top:0; left:0; overflow:hidden; display:block; } #content #slideshow .item { display:none; position:absolute; } /*#content #slideshow .item .caption { font:bold 13px/20px helvetica, arial; color:#FFF; text-shadow:#000 0 0 2px; cursor:default; position:absolute; bottom:15px; left:68px; z-index:1; display:none; } #content #slideshow .item .caption.show { display:block; }*/ #content #slideshow .cover { width:100%; height:50px; background:url(/wp-content/themes/irie/image/box-detail2.png); position:absolute; bottom:0; /*IE6*/ _background:none; } #content #slideshow .nav, #banner .nav { width:25px; height:34px; position:absolute; top:9px; } #content #slideshow .nav.backward, #banner .nav.prev { left:25px; background:url(/wp-content/themes/irie/image/slider-prev2.png); } #content #slideshow .nav.forward, #banner .nav.next { right:25px; background:url(/wp-content/themes/irie/image/slider-next2.png); } #content #slideshow .slidetabs { position:absolute; bottom:20px; right:68px; z-index:1; /*IE6*/ _display:none; } #content #slideshow .slidetabs a { width:9px; height:9px; margin:0 0 0 3px; background:url(/wp-content/themes/irie/image/box-navi2.png) top; float:left; display:block; cursor:pointer; } #content #slideshow .slidetabs a:hover, #content #slideshow .slidetabs a.current { background-position:bottom; } #slideshow .nav, #banner .nav { display:block; cursor:pointer; } #slideshow .nav:hover, #banner .nav:hover { opacity:.5 !important; } /* Content */ #content { width:950px; margin-bottom:0px; background:url(/wp-content/themes/irie/image/content_back_002.png); position:relative; top:0px; display:table; } #copy { width:500px; padding:473px 25px 5px 25px; font:13px/21px helvetica, arial; color:#333; float:left; position:relative; } #copy h1 { font:22px/20px georgia; color:#D96C98; position:absolute; top:427px; left:25px; width: 500px; height: 45px; } #copy h1 span { position:absolute; top:-2000px; } #copy .subheading { margin-top:-24px; font:12px/20px georgia; } #copy h2, #copy h3 { margin-bottom:10px; font:18px/20px georgia; color:#7A1E1E; margin-top: 15px; } #copy h3 a { font:normal 18px/20px georgia; color:#8D6C0B; } #copy h3 a:hover { color:#7A1E1E; } #copy h3 span { font-size:11px; color:#666; } #copy h5, #copy h5 a { margin-bottom:2px; font:16px georgia; font-size: 12px; color: #D96C98; } #copy p { margin-bottom:20px; } #copy a { font-weight:bold; color:#8D6C0B; } #copy a:hover { color:#7A1E1E; } #copy hr { border:1px solid #F8F8F8; border-top:1px solid #D8D6D4; margin-top: 5px; margin-right: 0; margin-bottom: 5px; margin-left: 0; } #copy ul { margin-bottom:20px; } #copy ul.features { margin:0 25px 20px 0; float:left; } #copy ul.features1 { float:right; margin-top: 0; margin-right: 5px; margin-bottom: 20px; margin-left: 0; } #copy ul li { padding-left:18px; background:url(/wp-content/themes/irie/image/.png) top left no-repeat; } #copy .fine { font:11px/18px helvetica, arial; color:#666; } #copy .button { margin:20px 0 16px 0; } #copy .price { margin-top:20px; font:14px/20px georgia; color:#7A1E1E; } #copy .price span { font:20px/20px georgia; } #copy .review div { width:29px; height:23px; background:url(/wp-content/themes/irie/image/quote2.png); float:left; } #copy .review p { padding:5px 0 0 34px; } #copy .partner { margin:0 0 10px 20px; border:5px solid #D3CFC5; float:right; } #copy #mapcontainer { width:538px; height:280px; margin-bottom:15px; background:#F1EEE2; border:5px solid #D3CFC5; } #copy #map { width:100%; height:100%; } #copy .faq-question { margin-bottom:10px; } #copy .faq-question a { font-size:16px; cursor:pointer; } #copy .faq-answer { margin:5px 0 15px 0; padding-left:25px; display:none; } #copy .clear { margin:20px 0; display:block; } #copy .parkside { margin:-13px 0 0 0; text-align:right; float:right; } #copy .parkside img { margin-top:10px; } #copy .parkside img:hover { opacity:.5; } #copy .addthis_toolbox { position:absolute; top:427px; right:25px; } #copy #videocontainer { width:538px; height:333px; margin-bottom:15px; background:#F1EEE2; border:5px solid #D3CFC5; } #copy .box { width:100%; display:table; } #copy .box .thumb { width:150px; height:150px; margin:0 0 0 -5px; float:left; position:relative; } #copy .box .thumb img { margin:15px; } #copy .box .thumb .cover { width:100%; height:100%; position:absolute; top:0; left:0; } #copy .box .thumb .cover a { width:100%; height:100%; background:url(/wp-content/themes/irie/image/thumb-cover.png); display:block; /*IE6*/ _background:url(/wp-content/themes/irie/image/transparent.png); } #copy .box .thumb .cover a:hover { background-position:bottom; } #copy .box .thumb .cover a span { display:none; } #copy .box .details { width:383px; margin:0 0 0 0; float:right; } #copy .box.item .thumb .imgcover { width:120px; height:120px; margin:15px; overflow:hidden; } #copy .box.item .thumb .imgcover img { margin:0 0 0 -80px; } #copy .box.item .thumb .cover:hover { background-position:top; } #copy .box.item .intro { margin-bottom:20px; } #copy .item.whatson .button { display:none; } #copy .item.whatson .button.enable { display:block; } #copy .item.box.whatson .button.enable { display:inline; } /* copy2 */ .post4 { padding: 5px 0px 1px 0px; } #copy2 { width:500px; padding:90px 25px 5px 25px; font:13px/21px helvetica, arial; color:#333; float:left; position:relative; } #copy2 h1 { font:22px/20px georgia; color:#D96C98; //position:absolute; //top:20px; //left:26px; height: 61px; } #copy2 h1 span { position:absolute; top:-2000px; } #copy2 .subheading { margin-top:-10px; font:12px/20px georgia; } #copy2 h2, #copy h3 { margin-bottom:20px; font:18px/20px georgia; color:#7A1E1E; } #copy2 h2.topics { position:absolute; top:20px; left:26px; } #copy2 h3 a { font:normal 18px/20px georgia; color:#8D6C0B; } #copy2 h3 a:hover { color:#7A1E1E; } #copy2 h3 span { font-size:11px; color:#666; } #copy2 h5, #copy h5 a { margin-bottom:2px; font:16px georgia; font-size: 12px; color: #D96C98; } #copy2 p { margin-bottom:20px; color: #333; } #copy2 p.topics { clear: both; margin:10px; } #copy2 p.topics a { font-weight: normal; text-decoration: underline; } #copy2 p.topics img { margin-bottom: -4px; } #copy2 p.topics span.date { width: 72px; } #copy2 p.topics span { display: inline-block; } #copy2 p.topics span.ttl { float: right; width:320px; line-height: 1.4em; margin-bottom: 5px; } #copy2 p.more { float: right; margin-right: 10px; font-size: smaller; } #copy2 a { font-weight:bold; color:#8D6C0B; } #copy2 a:hover { color:#7A1E1E; } #copy2 hr { margin:25px 0; border:1px solid #F8F8F8; border-top:1px solid #D8D6D4; } #copy2 ul { margin-bottom:20px; } #copy2 ul.features { margin:0 25px 20px 0; float:left; } #copy2 ul.features1 { float:right; margin-top: 0; margin-right: 5px; margin-bottom: 20px; margin-left: 0; } #copy2 ul li { padding-left:18px; background:url(/wp-content/themes/irie/image/.png) top left no-repeat; } #copy2 .fine { font:11px/18px helvetica, arial; color:#666; } #copy2 .button { margin:20px 0 16px 0; } #copy2 .price { margin-top:20px; font:14px/20px georgia; color:#7A1E1E; } #copy2 .price span { font:20px/20px georgia; } #copy2 .review div { width:29px; height:23px; background:url(/wp-content/themes/irie/image/quote2.png); float:left; } #copy2 .review p { padding:5px 0 0 34px; } #copy2 .partner { margin:0 0 10px 20px; border:5px solid #D3CFC5; float:right; } #copy2 #mapcontainer { width:538px; height:280px; margin-bottom:15px; background:#F1EEE2; border:5px solid #D3CFC5; } #copy2 #map { width:100%; height:100%; } #copy2 .faq-question { margin-bottom:10px; } #copy2 .faq-question a { font-size:16px; cursor:pointer; } #copy2 .faq-answer { margin:5px 0 15px 0; padding-left:25px; display:none; } #copy2 .clear { margin:20px 0; display:block; } #copy2 .parkside { margin:-13px 0 0 0; text-align:right; float:right; } #copy2 .parkside img { margin-top:10px; } #copy2 .parkside img:hover { opacity:.5; } #copy2 .addthis_toolbox { position:absolute; top:427px; right:25px; } #copy2 #videocontainer { width:538px; height:333px; margin-bottom:15px; background:#F1EEE2; border:5px solid #D3CFC5; } #copy2 .box { width:100%; display:table; } #copy2 .box .thumb { width:150px; height:100px; margin:0 0 0 -5px; float:left; position:relative; } #copy2 .box .thumb img { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 10px; } #copy2 .box .thumb .cover { width:100%; height:100px; position:absolute; top:0; left:0; } #copy2 .box .thumb .cover a { width:100%; height:100%; background:url(/wp-content/themes/irie/image/thumb-cover.png); display:block; /*IE6*/ _background:url(/wp-content/themes/irie/image/transparent.png); } #copy2 .box .thumb .cover a:hover { background-position:bottom; } #copy2 .box .thumb .cover a span { display:none; } #copy2 .box .details { width:303px; margin:0 0 0 0; float:right; } #copy2 .box.item .thumb .imgcover { width:120px; height:120px; margin:15px; overflow:hidden; } #copy2 .box.item .thumb .imgcover img { margin:0 0 0 -80px; } #copy2 .box.item .thumb .cover:hover { background-position:top; } #copy2 .box.item .intro { margin-bottom:20px; } #copy2 .item.whatson .button { display:none; } #copy2 .item.whatson .button.enable { display:block; } #copy2 .item.box.whatson .button.enable { display:inline; } /* Bar */ #bar { color:#332C1F; } #bar a { color:#b41f4c; } #bar a:hover { color:#332C1F; } /* .home #bar { width:100%; height:200px; background-image: url(/wp-content/themes/irie/image/main_bg_001.png); background-repeat: repeat-x; background-position: center top; padding-top: 0px; } */ .home #bar { width:100%; height:100px; background-image: url(/wp-content/themes/irie/image/main_bg_001.png); background-repeat: repeat-x; background-position: center top; padding-top: 0px; } /*bar-back2 を削除した*/ .centre #bar { width:400px; padding-bottom:27px; background:url(/wp-content/themes/irie/image/.png) top no-repeat; float:left; /*IE6*/ _position:absolute; _top:0; _right:0; } /**/ a:hover img { opacity: 0.7; /* 透過レベル */ filter: alpha(opacity=80); } .centre #bar .centre { width:432px; } #bar .clear { margin:40px 0; display:block; } #bar .specialbox { width:250px; height:180px; } #bar .specialbox#specials { background:url(/wp-content/themes/irie/image/box-specials.png); } #bar .specialbox#specials .details .intro { height:50px; } #bar .specialbox#whatson { background:url(/wp-content/themes/irie/image/box-whatson.png); } #bar .specialbox#whatson .details .intro { height:65px; } #bar .specialbox#rotator { background:url(/wp-content/themes/irie/image/box-rotator.png); } #bar .specialbox#rotator { height:150px; } #bar .specialbox#rotator03 { background:url(/wp-content/themes/irie/image/box-rotator.png); } #bar .specialbox#rotator03 { height:150px;top:-75px; left:50px; } #bar .specialbox#rotator02 { background:url(/wp-content/themes/irie/image/box-rotator.png); } #bar .specialbox#rotator02 { height:150px;top:-75px; left:350px; } .home #bar .specialbox { position:absolute; top:-75px; right:50px; } .home #bar .specialbox#specials { top:-105px; left:-5px; } .home #bar .specialbox#whatson { top:-105px; left:322px; } .centre #bar .specialbox { position:relative; margin-top:22px; left:23px; } #bar .specialbox#rotator a { width:227px; height:120px; display:block; background:url(/wp-content/themes/irie/image/transparent.png); position:absolute; top:0px!important; left:0px!important; z-index:2; } #bar .specialbox#rotator a:hover { background:url(/wp-content/themes/irie/image/box-detail2.png); /*IE6*/ _background:url(/wp-content/themes/irie/image/transparent.png) } #bar .specialbox#rotator .item { position:absolute; top:15px; left:15px; z-index:1; } #bar .specialbox#rotator .bow { width:87px; height:85px; background:url(); position:absolute; top:-1px; left:-1px; z-index:3; /*IE6*/ _display:none; } #bar .specialbox#rotator03 a { width:227px; height:120px; display:block; background:url(/wp-content/themes/irie/image/transparent.png); position:absolute; top:0px!important; left:0px!important; z-index:2; } #bar .specialbox#rotator03 a:hover { background:url(/wp-content/themes/irie/image/box-detail2.png); /*IE6*/ _background:url(/wp-content/themes/irie/image/transparent.png) } #bar .specialbox#rotator03 .item { position:absolute; top:15px; left:15px; z-index:1; } #bar .specialbox#rotator03 .bow { width:87px; height:85px; background:url(); position:absolute; top:-1px; left:-1px; z-index:3; /*IE6*/ _display:none; } #bar .specialbox#rotator02 a { width:227px; height:120px; display:block; background:url(/wp-content/themes/irie/image/transparent.png); position:absolute; top:0px!important; left:0px!important; z-index:2; } #bar .specialbox#rotator02 a:hover { background:url(/wp-content/themes/irie/image/box-detail2.png); /*IE6*/ _background:url(/wp-content/themes/irie/image/transparent.png) } #bar .specialbox#rotator02 .item { position:absolute; top:15px; left:15px; z-index:1; } #bar .specialbox#rotator02 .bow { width:87px; height:85px; background:url(); position:absolute; top:-1px; left:-1px; z-index:3; /*IE6*/ _display:none; } #bar .specialbox .scroller { width:227px; height:120px; position:absolute; bottom:15px; left:15px; overflow:hidden; } #bar .specialbox .itemcontainer { width:20000em; height:120px; position:absolute; z-index:1; } #bar .specialbox .item { width:277px; height:120px; position:relative; float:left; } #bar .specialbox .thumb { width:277px; height:120px; background:#f8c6ef; position:absolute; z-index:1; left: 1px; } #bar .specialbox .cover, #bar .specialbox hr { display:none !important; } #bar .specialbox .details { width:227px; height:120px; text-shadow:#000 0 0 2px; position:absolute; top:80px; z-index:2; /*IE6*/ _background:#444; background-image: url(/wp-content/themes/irie/image/box-detail4); } #bar .specialbox .details h3 a { height:22px; font:18px/20px georgia; color:#FFF; position:absolute; display:block; position:absolute; top:10px; left:10px; overflow:hidden; } #bar .specialbox .details .intro { padding:0 10px; font:12px/16px helvetica, arial; color:#FFF; position:absolute; top:37px; left:0; overflow:hidden; } #bar .specialbox .details .price { height:20px; font:14px/20px georgia; color:#D9CB8E; position:absolute; bottom:10px; left:10px; overflow:hidden; } #bar .specialbox .details .price span { font:20px/20px georgia; } #bar .specialbox .details .more a { width:100%; height:100%; display:block; position:absolute; z-index:2; background:url(/wp-content/themes/irie/image/transparent.png); /*IE6*/ _background:none; } #bar .specialbox .details .more a span, #bar .specialbox .button { display:none; } #bar .specialbox .nav { width:18px; height:36px; position:absolute; top:87px; z-index:3; display:block; cursor:pointer; } #bar .specialbox .nav:hover { background-position:bottom !important; } #bar .specialbox .nav.prev { left:15px; background:url(/wp-content/themes/irie/image/box-prev.png) top; } #bar .specialbox .nav.next { right:15px; background:url(/wp-content/themes/irie/image/box-next.png) top; /*IE6*/ _right:14px; } #bar .specialbox .navi { position:absolute; top:21px; right:13px; /*IE6*/ _display:none; } #bar .specialbox .navi a { width:8px; height:8px; float:left; margin:0 0 0 3px; background:url(/wp-content/themes/irie/image/box-navi.png) top; display:block; } #bar .specialbox .navi a:hover, #bar .specialbox .navi a.active { background-position:bottom; } .home #bar { /*IE6*/ _position:relative; _top:480px; } .home #bar .contact { font:bold 13px/20px helvetica, arial; position:absolute; top:162px; } .home #bar .contact span { margin:0 10px; color:#CABE99; } .home #bar .line { position:absolute; top:194px; } .centre #bar .line { width:292px; margin:20px 30px; } .centre #bar .contact { font:13px/21px helvetica, arial; text-align:left; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } .centre #bar .contact h4 { font:16px/26px georgia; } .centre #bar .contact .button { margin-right:-5px; float:right; } .centre #bar .contact a { font-weight:bold; } /*contact2 を削除した*/ .home #bar { /*IE6*/ _position:relative; _top:480px; } .home #bar .contact2 { font:bold 13px/20px helvetica, arial; position:absolute; top:162px; } .home #bar .contact2 span { margin:0 10px; color:#CABE99; } .home #bar .line { position:absolute; top:194px; } .centre #bar .line { width:355px; margin-top: 10px; margin-bottom: 10px; } .centre #bar .contact2 { font:13px/21px helvetica, arial; text-align:left; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } .centre #bar .contact2 h4 { font:16px/26px georgia; } .centre #bar .contact2 .button { margin-right:-5px; float:right; } .centre #bar .contact2 a { font-weight:bold; } /*contact2 を削除した*/ #bar .flags { font:16px/20px georgia; } #bar .flags img { vertical-align:middle; } #bar .flags img:hover { opacity:.5; } .home #bar .flags { position:absolute; top:161px; right:-3px; } .centre #bar .flags { margin:20px 0 25px 30px; } #bar #review { padding:3px 0 0 34px; font:12px georgia; background:url(/wp-content/themes/irie/image/index_main_swel_bg.png) top left no-repeat; } #bar #reserve { font:12px georgia; top left no-repeat; padding-top: 3px; padding-right: 10px; padding-bottom: 0; padding-left: 10px; } #bar #review a { font:bold 12px/20px helvetica, arial; } .home #bar #review { width:650px; position:absolute; top:180px; } .centre #bar #review { margin:0 30px; } #bar #widgets img:hover { opacity:.5; } .home #bar #widgets { position:absolute; top:220px; right:0; } .centre #bar #widgets { margin-left:29px; } /* Rotator Banner */ #banner { width:558px; height:125px; margin:0 0 20px -5px; background:url(/wp-content/themes/irie/image/banner-back.png); position:relative; } #banner .scroller { width:528px; height:95px; position:absolute; top:15px; left:15px; overflow:hidden; } #banner .itemcontainer { width:20000em; height:125px; position:absolute; z-index:1; } #banner .item { width:528px; height:95px; position:relative; float:left; } #banner .cover { width:100%; height:100%; background:url(/wp-content/themes/irie/image/banner-cover.png) top; position:absolute; top:0; left:0; /*IE6*/ _background:url(/wp-content/themes/irie/image/transparent.png); } #banner .cover:hover { background-position:bottom; } #banner .nav { top:46px; opacity:0; z-index:10; } /* Buttons */ #slideshow .button, #bar .button, .book .button, #form .button, .productSubmitInput, #catshopclear, #catshopbuy { width:147px; height:32px; margin-right:13px; padding:10px 0 0 0; font:bold 14px/20px georgia; color:#FFF !important; text-shadow:#000 0 0 2px; text-align:center; background:url(.../image/button-large.png) top; display:block; cursor:pointer; } #slideshow .button:hover, #bar .button:hover, .book .button:hover, #form .button:hover, .productSubmitInput:hover, #catshopclear:hover, #catshopbuy:hover { background-position:bottom !important; } /* Literature */ #literature { display:none; } #copy #literature { display:block; } #literature div { width:532px; margin-bottom:10px; padding:5px; background:#F1EEE2; border:3px solid #D3CFC5; } #literature div h3 { margin-bottom:0 !important; } #literature div h3 a { font-size:16px !important; } #literature div p { margin-bottom:0 !important; } /* Forms */ #form label { margin:6px 0 0 0; font-size:13px; position:absolute; } .text, .cat_textbox, .productTextInput, .cartInputText { width:379px; height:26px; margin:1px 0 1px 159px; padding:3px 7px 5px 6px; font-size:13px; color:#333; background:url(/wp-content/themes/irie/image/text-back.png) top left no-repeat; border:none; } .text.area { height:105px; padding-top:5px; background:url(/wp-content/themes/irie/image/text-area-back.png) top left no-repeat; } .text.dropdown { width:392px; height:34px; padding:1px 3px 3px 0; } .text.dropdown.small { padding:1px 0 3px 0; } .cat_textbox, .productTextInput, .cartInputText { width:151px !important; margin:-1px 0 0 -1px !important; background:url(/wp-content/themes/irie/image/text-captcha-back.png) top no-repeat; margin:0; } .text:hover, .text:focus, .cat_textbox:hover, .cat_textbox:focus, .productTextInput:hover, .productTextInput:focus, .cartInputText:hover, .cartInputText:focus { background-position:bottom left; } .text:focus, .cat_textbox:focus, .productTextInput:focus, .cartInputText:focus { font-weight:bold; } .mandatory { font-weight:bold; color:#7A1E1E; } .helpinfo { margin-top:5px !important; } #form h3 { font-size:16px; } #form .button, .productSubmitInput { height:42px; margin-left:-5px; padding:0 0 3px 0; } /* table */ #mainContents table { margin-top: 15px; width: 385px; } #mainContents thead th { background: none repeat scroll 0 0 #D96C98; color: #FBE6ED; } #mainContents table th, #mainContents table td { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } #mainContents table th { border: #efe1ff solid; border-width: 1px 0 0 0; background-color: #; font-weight: ; } #mainContents table td { border: #efe1ff solid; border-width: 1px 0 0 0; text-align: ; } #mainContents.access table th { width: 40%; } #mainContents.access table td { width: 60%; } /* Booking Panel */ /*.book { width:950px; height:80px; font:bold 12px/20px helvetica, arial; color:#FFF; text-shadow:#000 0 0 2px; background:url(/wp-content/themes/irie/image/top_info_line.png); z-index:10; } */ .book.top { position:absolute; top:103px; left:-5px; } .book.bottom { margin:-5px auto; position:relative; background-image: url(/wp-content/themes/irie/image/book-back_001.png); } .book input { height:18px; padding:3px; color:#333; } .book select { height:24px; margin-left:3px; padding:3px; color:#333; } .book .date { font:17px/20px georgia; position:absolute; top:18px; left:14px; } .book .date input { width:112px; margin-left:5px; background:#FFF url(/wp-content/themes/irie/image/book-calendar.png) top right no-repeat; cursor:pointer; } .book .date input:hover { background-position:bottom right; } .book .nights { position:absolute; top:18px; left:405px; } .book .promocode { position:absolute; top:18px; left:508px; } .book .promocode input { width:60px; margin-left:3px; } .book .button { position:absolute; top:9px; right:140px; } .book .advplus { width:142px; height:50px; position:absolute; top:5px; right:5px; } .book .advplus a { width:100%; height:100%; background:url(/wp-content/themes/irie/image/book-advplus.jpg) top; display:block; } .book .advplus a:hover { background-position:bottom; } .home #bar .book { position:absolute; top:95px; left:-5px; margin-left: 5px; } #ui-datepicker-div { font-size:12px; display:none; } .ui-widget-header { color:#FFF !important; text-shadow:#000 0 0 2px; background:url(/wp-content/themes/irie/image/book-header.png) !important; } .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus { background:#B83B3B !important; border:1px solid #C96161 !important; cursor:pointer; } .ui-datepicker-title span { font:bold 14px/20px georgia !important; } .ui-datepicker-trigger { width:29px; height:28px; background:none; position:absolute; top:-4px; left:85px; cursor:pointer; } .ui-datepicker-trigger:hover { opacity:.7; } /* Footer */ #footer { width:100%; /*IE6*/ _position:relative; _top:480px; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 0; } #footer .col { width:112px; font:12px/22px helvetica, arial; text-shadow:#FFF 0 0 2px; float:left; /*IE6*/ _margin-right:40px !important; } #footer .col+.col { width:182px; } #footer .col+.col+.col { width:205px; } #footer .col+.col+.col+.col { width:130px; padding-right:20px; } #footer .col+.col+.col+.col+.col { width:149px; padding-right:0; } #footer .col+.col+.col+.col+.col+.col { width:152px; } #footer .col h4 { margin:0 0 5px 0; } #footer .col h4 a { font:18px/20px georgia !important; } #footer .col ul { margin-bottom:20px; } #footer .col li { height:22px; overflow:hidden; } #footer .col a { color:#333; } #footer .col a:hover, #footer .links a:hover { color:#8C6C0B; } #footer .nav2 { padding:20px 0 0 0; } #footer .nav2 li { float:left; } #footer .nav2 li a { padding:15px 20px 0 0; font:bold 12px/20px helvetica, arial; color:#333; } #footer .nav2 li a:hover { color:#8D6C0B; } #footer .links { margin:25px 0; font:12px helvetica, arial; } #footer .links a { color:#333; } #footer .links span { margin:0 6px; color:#CCC; } #footer .links img:hover { opacity:.5; } #footer .logo { position:absolute; bottom:14px; right:0; } #footer .logo:hover { opacity:.5; } #footer .addthis_toolbox { position:absolute; bottom:16px; right:112px; } .explore #footer, .accommodation #footer, .offers #footer, .dining #footer, .location #footer, .events #footer, .weddings #footer { /*IE6*/ _top:0px; } /* Meetings & Events */ #container.events .book { background:url(/wp-content/themes/irie/image/book-back-meetings.png); } #container.events #copy h1, #container.events #copy h2, #container.events #copy h3, #container.events #copy h3 a:hover, #container.events #copy .price, #container.events .mandatory, #container.events #copy a:hover { color:#236271; } #container.events #slideshow .button, #container.events #bar .button, #container.events .book .button, #container.events #form .button { background:url(/wp-content/themes/irie/image/button-large-events.png) top; } #container.events .ui-widget-header { background:url(/wp-content/themes/irie/image/book-header-meetings.png) !important; } #confrooms { width:100%; font-size:10px; } #confrooms tr.hover2, #confrooms tr.hover:hover, #confrooms tr.hover3 { background:#F1EEE2; } #confrooms tr.hover2:hover { background:#236271; } #confrooms tr.hover2:hover a, #confrooms tr.hover2:hover a:hover { color:#FFF !important; } #confrooms tr.pad td { padding-bottom:20px; } #confrooms td { padding:3px 3px 7px 3px; } #confrooms td.no { padding:0; } #confrooms td a { width:100%; height:100%; padding:3px 3px 7px 3px; display:block; } #container.weddings .book { background:url(/wp-content/themes/irie/image/book-back-weddings.png); } #container.weddings #copy h1, #container.weddings #copy h2, #container.weddings #copy h3, #container.weddings #copy h3 a:hover, #container.weddings #copy .price, #container.weddings .mandatory, #container.weddings #copy a:hover { color:#A1173A; } #container.weddings #slideshow .button, #container.weddings #bar .button, #container.weddings .book .button, #container.weddings #form .button { background:url(/wp-content/themes/irie/image/button-large-weddings.png) top; } #container.weddings .ui-widget-header { background:url(/wp-content/themes/irie/image/book-header-weddings.png) !important; } /* Media Gallery */ #gallery { width:580px; } #gallery .image { float:left; margin:0 25px 25px 0; font:11px/18px helvetica, arial; } #gallery .image div { width:155px; height:110px; margin-bottom:5px; background:#F1EEE2; border:5px solid #D3CFC5; } #gallery .image ul { margin-bottom:0; } #gallery .image img { width:155px; height:110px; } /* CSS　 */ #footer .pagetop { position: absolute; top: -20px; right: 40px; } /* 20141217***** for toppage map caption*/ h5 { font-size: 110%; text-align: center; line-height: 2; } h5 img { border: thin solid #999999; } h5 a:hover img { opacity: 0.70; filter: alpha(opacity=70); -moz-opacity:0.70; }