@charset "UTF-8"; @import "http://takadanobaba.drivemenuts.com/styles-static-site.css"; /* http://takadanobaba.drivemenuts.comのスタイルシート */ /* HOME：#888888 rgb(136 136 136) 店舗で探す：#339900 rgb(51 153 0) categoryID:424 メニューで探す：#ff4444 rgb(255 68 68) categoryID:423 予算で探す：#0066ff rgb(0 102 255) categoryID:425 住所で探す：#ff7514 rgb(255 117 20) categoryID:426 */ /*目次 1.サイト全体のスタイル 1-1.フォントのスタイル 1-2.サイトのレイアウトに関するスタイル 1-3.その他サイト全体で使うスタイル 1-4.トップページのみで使うスタイル 2.メインカテゴリーのスタイル 3.サブカテゴリーのスタイル 4.個別エントリーアーカイブのスタイル 5.検索結果のスタイル（for MT4） */ /* ==========1.サイト全体のスタイル ========== */ /* ==========1-1.フォントのスタイル ========== */ *{ /*border: 1px solid #ff0000; padding: 1px;*/ } body{ color: #666666; font-size: medium; line-height: 1.2em; margin: 0; text-align: center; background: #ffffff url("http://takadanobaba.drivemenuts.com/images/header-back.gif") left top repeat-x; } a{ color: #336699; text-decoration: underline; border: 0; } /* a:after{ content: "("attr(href)")"; } */ a img{ border: 0; } a:link{ color: #336699; } a:visited{ color: #666699; } a:active{ color: #666699; } a:hover{ color: #666699; text-decoration: underline; } h2{ margin: 0px; padding: 3px; } h3{ margin: 0px; padding: 3px; } .shopclose{ padding: 2px 0.5em; margin: 5px; background-color: #ff0000; -webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em; color: #ffffff; } .linethrough{ text-decoration: line-through; } /* ==========1-2.サイトのレイアウトに関するスタイル ========== */ /*サイトの構造

←個別エントリーアーカイブは除く

*/ #container{ margin: 0 auto; width: 1006px; text-align: left; } /*ヘッダー内のスタイル*/ #header{ position: relative; padding: 0px; height: 110px; /*border: 1px solid #ff0000;*/ } #header h1{ /*width: 527px;*/ text-indent: -9999px; margin: 10px 0 5px; padding: 0px; height: 61px; overflow: hidden; } #header h1 a{ display: block; width: 527px; height: 61px; background: #ffffff url("http://takadanobaba.drivemenuts.com/images/takadanobaba_gourmet_title.png") left top no-repeat; } #header h2{ /*width: 527px;*/ text-indent: -9999px; margin: 0px; padding: 0px; height: 18px; overflow: hidden; } #header h2 a{ display: block; width: 527px; height: 18px; background: #ffffff url("http://takadanobaba.drivemenuts.com/images/takadanobaba_gourmet_discription.png") left top no-repeat; } #header a:hover{ text-decoration: none; } #header div.amazon{ width: 468px; position: absolute; top: 10px; right: 0; padding: 0; } #header div.gad-468-60{ width: 468px; position: absolute; top: 10px; right: 0; padding: 0; } #main{ width: 1006px; padding: 5px 0px 0px 0px; clear: both; } .main-contents{ width: 800px; /*padding-right: 5px;*/ float: left; } .left{ /*clear: both;*/ float: left; width: 395px; } .right{ float: right; width: 395px; } .right2{ float: right; width: 200px; text-align: center; } .right2 div{ margin-bottom: 5px; } .right2 .roundcorner{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } .right2 .right2-contents{ margin-bottom: 5px; border: 1px solid #aaaaaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .right2 #for-ipad{ margin-bottom: 0; border: none; } div.right2 div#info-by-twitter{ margin-bottom: 5px; } .right2 h3{ color: #666666; background-color: #ffffff; font-size: 1em; border-bottom: 1px solid #dddddd; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .right2 #quickclip{ padding: 5px; } #footer{ clear: both; margin-top: 5px; padding: 5px; text-align: right; font-size: 0.8em; border-top: 1px solid #666666; } .afi{ clear: both; padding: 15px 0px; text-align: center; /*border: 1px solid #666666;*/ } div#search-box{ background-color: #eeeeee; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-bottom: 7px; padding: 3px 0; clear: both; } div#search-box input[type="submit"]{ width: 100px; letter-spacing: 1em; } div#search-box input[type="text"]{ width: 370px; } div#search-box div{ max-width: 500px; overflow: visible; margin: 0 auto; } /* ==========1-3.その他サイト全体で使うスタイル ========== */ .cat423-color{ /* メニューで探すの背景色 */ background-color: #ff4444; text-shadow: 1px 1px 3px #000000; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,68,68, .5)), color-stop(.7, rgba(255,68,68, 1)) ); background: -moz-linear-gradient( top,rgba(255,68,68, .5),rgba(255,68,68, 1) ); } .cat424-color{ /* 店舗名で探すの背景色 */ background-color: #339900; text-shadow: 1px 1px 3px #000000; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(51,153,0, .5)), color-stop(.7, rgba(51,153,0, 1)) ); background: -moz-linear-gradient( top,rgba(51,153,0, .5),rgba(51,153,0, 1) ); } .cat425-color{ /* 予算で探すの背景色 */ background-color: #0066ff; text-shadow: 1px 1px 3px #000000; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(0,102,255, .5)), color-stop(.7, rgba(0,102,255, 1)) ); background: -moz-linear-gradient( top,rgba(0,102,255, .5),rgba(0,102,255, 1) ); } .cat426-color{ /* 住所で探すの背景色 */ background-color: #ff7514; text-shadow: 1px 1px 3px #000000; background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255,117,20, .5)), color-stop(.7, rgba(255,117,20, 1)) ); background: -moz-linear-gradient( top,rgba(255,117,20, .5),rgba(255,117,20, 1) ); } #main-navi-mini ul{ list-style-type: none; margin: 0 0 5px; padding: 0; display: box; display: -webkit-box; display: -moz-box; display: -o-box; } #main-navi-mini ul li{ width: 197px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-right: 4px; /*padding-right: 4px;*/ } #main-navi-mini ul li#cat426-color{ margin-right: 0; } #main-navi-mini ul li a{ display: block; padding: 7px 0; color: #ffffff; font-weight: bold; text-align: center; text-decoration: none; } /* right2のスタイル */ div.right2 div.amazon{ padding-top: 15px; padding-bottom: 15px; } div.right2 div#to-maincatnavi{ border-width: 0; } div.right2 div#to-maincatnavi ul{ margin: 0; padding: 0; list-style-type: none; width: 194px; /*border: 1px solid #ff0000;*/ } div.right2 div#to-maincatnavi ul.tomaincatnavi li{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 3px 0; } div.right2 div#to-maincatnavi ul.tomaincatnavi li a{ color: #ffffff; text-decoration: none; display: block; padding: 2px; /*text-align: center;*/ } div.right2 div#to-maincatnavi ul.tomaincatnavi li a{color: #ffffff;} div#search-box form div{ border: none; } /* 店舗で探す424：339900 住所で探す426：ff7514 メニューで探す423：ff4444 予算で探す425：0066ff */ /* 右サイドバーのナビBGグラデ */ /* right2のスタイルここまで */ #search-box #search{ width: 170px; } #search-box #submit{ width: 150px; } #search-box #submit:first-letter{ letter-spacing: 2em; } /*リストのスタイルをリセット*/ li{ line-height: 1.3em; } #aboutsitenavi{ clear: both; text-align: right; font-size: 0.8em; } #aboutsitenavi ul li{ display: inline;/*このサイトの概要のリストをインラインにする*/ padding-left: 12px; margin-left:7px; background: url("http://takadanobaba.drivemenuts.com/images/arrow.gif") center left no-repeat; } dl{ margin-top: 0px; margin-bottom: 5px; } .to-top{ font-size: 0.8em; clear: both; margin: 7px 0; } .to-top a{ display: block; text-align: right; padding: 0px 10px; } .to-top a:active{ color: #ff0000; background-color: transparent; text-align: center; } .to-top a:hover{ color: #ff0000; background-color: #eeeeee; text-align: center; } .post{ font-size: 0.7em; /*padding-left: 10px;*/ /*text-indent: 1em;*/ } .g-ad{ clear: both; margin: 0 0 10px; padding: 5px; text-align: center; border: 1px solid #dddddd; border-width: 1px 0; } .g-ad2{ margin: 0 0 7px; text-align: center; border: 1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* メインカテゴリーのリンクユニットで使用 */ } .clear{ clear: both } div.gad-728-90{ clear: both; margin: 5px 0 10px; text-align: center; border:1px #cccccc solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px; } div.gad-728-15{ clear: both; margin: 0 0 7px; text-align: center; border: 1px solid #dddddd; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.gad-160-600{ clear: both; margin: 0 0 10px; padding: 5px; text-align: center; border: 1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.gad-200-200{ /*margin: 0 0 10px;*/ background-color: #eeeeee; } div#please-tweet{ margin-top: 7px; } div#please-tweet div.tweet-button{ margin-bottom: 5px; } .sub-cat div#please-tweet div.tweet-button{ margin-top: 5px; } div#please-tweet div.hashtag span{ color: #ff0000; } div#please-tweet div.discription{ font-size: 0.7em; color: #888888; } .for-pc{ display: none; } /* ルート検索ここから */ div#routesearch{ margin: 5px 10px; padding: 5px; /*border: 1px dashed #dddddd;*/ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; text-align: center; background-color: #eeeeee; } div#routesearch div#open-close{ text-align: left; font-size: 0.8em; margin: 2px; padding: 2px 2px 2px 15px; background: #ffffff url(http://takadanobaba.drivemenuts.com/images/routesearch_open_close.gif) left center no-repeat; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; cursor: pointer; } div#routesearch input{ width: 90%; margin-bottom: 5px; } div#routesearch button{ width: 90%; cursor: pointer; } div#routesearch div.keyworddiscription{ text-align: left; font-size: 0.8em; margin: 0 10px 5px; } div#routesearch div.keywordsample{ text-align: left; font-size: 0.8em; margin: 5px 10px 0; } div#routesearch div.keywordsample span{ font-weight: bold; } /* ルート検索ここまで */ div.heartbeat{ margin-bottom: 5px; } /* Twitter関係のスタイル */ div.followme { overflow: hidden; padding: 3px; } div.easy-click-follow{ text-align: left; padding-left: 10px; font-size: 12px; } /* ==========1-4.トップページのみで使うスタイルシート========== */ #hiddencat11{ display: none; } /* メインメニューのスタイルここまで */ /* 新しいメインメニューここから */ div#main-navi{ display: box; display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; } div#main-navi dl{ width: 195px; margin-right: 6px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #eeeeee; } div#main-navi dl#mncat424{ background-color: #cce5bf; } div#main-navi dl#mncat423{ background-color: #ffd0d0; } div#main-navi dl#mncat425{ background-color: #d1e3ff; } div#main-navi dl#mncat426{ background-color: #ffdcc4; margin-right: 0; } div#main-navi dl dt{ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } div#main-navi dl dt a{ display: block; padding: 3px; color: #ffffff; text-align: center; text-decoration: none; letter-spacing: 3px; font-weight: bold; } div#main-navi dl dt a:active{ letter-spacing: 5px; } div#main-navi dl dt a:hover{ letter-spacing: 5px; } div#main-navi dl dd{ margin: 0; height: 100%; padding: 3px; } div#main-navi dl dd a{ font-size: 0.8em; color: #666666; text-decoration: none; display: block; /*min-height: 64px; height: 100%; background-color: rgba(255,255,255,0.5)*/ } div#main-navi dl dd div{ text-align: right; } /* 新しいメインメニューここまで */ /*各項目の見出しのスタイル*/ .left .topblock{ margin: 0px 0px 0.5em; } .right .topblock{ margin: 0px 0px 0.5em; } .topblock h3{ color: #ff6600; margin: 0px; padding-left: 10px; /*border-left: 3px solid #ff6600;*/ text-shadow: 1px 1px 2px #c0a57e; font-size: 1em; background: #ffddaa url("http://takadanobaba.drivemenuts.com/images/border-left.gif") left top repeat-y; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #home .topblock ul{ margin: 5px; padding-left: 0; } #home .topblock li{ font-size: 0.9em; margin-bottom: 3px; } /* 新着のスタイル */ #home .new-list ul{ list-style: none; /* IEで一番上の線が消えるのを防ぐ余白 */ padding-top: 1px; position: relative; /*z-index: 100;*/ } #home .new-list li{ border: 1px #bbbbbb solid; border-right-width: 2px; border-bottom-width: 2px; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*↓マウスオーバーで画像を拡大*/ #home .new-list .thumb{ position: relative; width: 93px; float: left; /*border: 1px solid #666666;*/ /*z-index: 50;*/ } #home .new-list .thumb a{ width: 88px; height: 72px; overflow: hidden; /*margin-right: 3px;*/ display: block; } #home .new-list .thumb a img{ width: 88px; height: 72px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; } #home .new-list .thumb a:hover img{ position: absolute; left: 60px; top: -120px; width: 352px; height: 288px; /*overflow: visible;*/ padding: 7px; background-color: #ffffff; border: 1px solid #999999; z-index: 100; } /*↑マウスオーバーで画像を拡大*/ #home .new-list .right-of-img{ height: 72px; overflow: hidden; /*width: 100%;*/ /*margin-left: 95px;*/ /*border: 1px solid #666666;*/ } #home .new-list .right-of-img a{ font-weight: bold; height: 2.5em; display: block; /*background-color: #999999;*/ } /* 店舗名のスタイル */ #home .new-list .right-of-img .shop-name{ font-size: 0.8em; margin: 3px 0 1px; /*padding-left: 10px; line-height: 1.5em;*/ height: 1.4em; overflow: hidden; } /*　イントロダクションのスタイルここから　*/ /* #home div#intro{ margin: 0 0 12px; border: 1px solid #333333; padding: 14px; padding-right: 310px; line-height: 1.3em; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: url(http://takadanobaba.drivemenuts.com/images/intro_bg.jpg) 500px center no-repeat; background-image: url(http://takadanobaba.drivemenuts.com/images/intro_bg.jpg),url(http://takadanobaba.drivemenuts.com/images/takadanobaba_intro_bg.jpg); background-position: 500px center,left top; background-repeat: no-repeat,repeat; } #home div#intro p{ margin: 0 0 1.3em; font-family: "ヒラギノ明朝 Pro W3",Hiragino Mincho Pro,"ＭＳ明朝",selif; color: #000000; text-shadow: 2px 2px 2px #bbbbbb; } #home div#intro p#intro-last{ margin: 0; } */ /*　イントロダクションのスタイルここまで　*/ /* shop-no-tsubuyaki */ #home div#shop-no-tsubuyaki{ padding-bottom: 10px; } /* news-by-twitter */ #home div#news-by-twitter{ padding-bottom: 10px; } /* コメント／トラックバックのスタイル */ #home .topblock ul.list{ margin: 5px; padding-left: 1em; } #home .topblock ul.list li{ margin: 5px 5px 8px; padding-bottom: 8px; border-bottom: 1px dashed #bbbbbb; } /* アクセスランキングのスタイル */ ol#access-ranking{ text-align: left; margin: 5px 0; padding: 0 0 0 2.2em; font-size: 0.9em; } ol#access-ranking li span{ font-size: 0.5em; } .right2 div div#access-ranking-body{ border: none; } .right2 div#amazon-afi{ padding-top: 5px; padding-bottom: 5px; } #home .for-mobile-tools dl{ border: 1px solid #999999; margin: 10px; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } #home .for-mobile-tools dt{ } #home .for-mobile-tools dd{ margin: 0; } #home .for-mobile-tools dd p#mstag{ margin: 0; color: #ff0000; font-size: 0.8em; } #home .for-mobile-tools div.right #amazon-widget{ margin: 10px; padding: 10px 0; border: 1px solid #999999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } /* ==========2.メインカテゴリーのスタイル========== */ .main-cat #main h2{ margin-bottom: 12px; clear: both; text-shadow: 2px 2px 5px #333333; } /* メインカテゴリーのタイトルのスタイル */ .main-cat #main h2{ color: #ffffff; padding: 8px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 1.2em; } /*　各カテゴリーのタイトル部分のバックグラウンドの設定　*/ /* #catid424 #main h2{ background: #339900 url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_shop.gif") top left repeat-x; } #catid423 #main h2{ background: #ff4444 url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_menu.gif") top left repeat-x; } #catid425 #main h2{ background: #0066ff url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_price.gif") top left repeat-x; } #catid426 #main h2{ background: #ff6600 url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_addre.gif") top left repeat-x; } */ .index-list{ /*margin-left: 1em;*/ /*サブカテゴリーでも使用*/ } .index-list ul{ padding: 0px; margin: 0px; margin-bottom: 10px; list-style: none; } .index-list li{ margin-bottom: 5px; float: left; margin-left: 8px; border: 1px #aaaaaa solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*white-space: nowrap;*/ /*width: 385px;*/ overflow: hidden; } .index-list li a{ display: block; text-decoration: none; width: 365px; padding: 3px 3px 3px 15px; background: transparent url(http://takadanobaba.drivemenuts.com/images/arrow.gif) 3px 7px no-repeat; background: transparent url(http://takadanobaba.drivemenuts.com/images/arrow.gif) 1% 50% no-repeat; white-space: nowrap; /*text-overflow: ellipsis;IEのみ*/ /*-webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis;*/ /*サブカテゴリーでも使用*/ } .index-list li.close a{ padding: 3px 3px 3px 15px; background-image: none; } .index-list li:hover{ background: #ffffff url("http://takadanobaba.drivemenuts.com/images/back-image-flash.gif") repeat; } .index-list li a:active{ background-color: #ffcccc; } .index-list li a .shopclose{ margin: 0 2px 0 0; } /* 総店舗数／表示・非表示をまとめる */ div#category-digression{ padding: 7px 5px; margin-bottom: 7px; } /* 店舗数のスタイル */ div#num-of-shop{ margin-bottom: 10px; padding: 8px 5px 5px; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div#num-of-shop #total span{ font-weight: bold; font-size: 2em; } /* ↓閉店したお店の表示・非表示を切り替える */ .display-closed-shop{ padding: 3px; text-align: center; border: 1px solid #ff6666; background-color: #ffbbbb; cursor: pointer; color: #ff4444; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .display-closed-shop:hover{ background-color: #ff6666; color: #ffffff; font-weight: bold; } /* ↑閉店したお店の表示・非表示を切り替える */ /* ==========3.サブカテゴリーのスタイル========== */ /*サブカテゴリーの各メニューの先頭に画像を表示させた時のスタイル*/ /*サブカテゴリーにはfloat解除のため、空要素を１カ所、作ってあります。*/ .sub-cat #main h2{ color: #ffffff; padding: 8px 5px; margin-bottom: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 1.2em; } /*.sub-cat #main h2.sub-cat-title424{ background: #339900 url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_shop.gif") top left repeat-x; } .sub-cat #main h2.sub-cat-title423{ background: #ff4444 url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_menu.gif") top left repeat-x; } .sub-cat #main h2.sub-cat-title425{ background: #0066ff url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_price.gif") top left repeat-x; } .sub-cat #main h2.sub-cat-title426{ background: #ff6600 url("http://takadanobaba.drivemenuts.com/images/mainmenu_titleback_addre.gif") top left repeat-x; }*/ .sub-cat .main-contents .g-ad2{ float: right; padding: 30px 5px; text-align: center; width: 367px; margin-right: 22px; border: 1px solid #aaaaaa; height: 289px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 店舗情報のスタイルここから */ .sub-cat #sub-cat-shop-info{ overflow: hidden; margin-bottom: 10px; border: 1px solid #bbbbbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sub-cat h3{ margin: 0; padding: 3px 5px; background-color: #666666; color: #ffffff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .sub-cat #sub-cat-shop-info #shop-info{ padding: 10px 0 10px 9px; width: 280px; float: left; } .sub-cat #sub-cat-shop-info #shop-info dl dt,dd{ line-height: 1.2em; } .sub-cat #sub-cat-shop-info #shop-info dl dt{ font-weight: bold; } .sub-cat #sub-cat-shop-info #shop-info dl dd{ border-bottom: 1px dashed #bbbbbb; margin: 0 0 7px; padding: 2px 0 2px 10px; } .sub-cat #sub-cat-shop-info #shop-info ul{ list-style-type: none; margin: 0; padding: 0; } .sub-cat #sub-cat-shop-info #shop-info li{ /*margin: 0; padding: 0;*/ } #shop-info #shopofficialsite:after, #shopmobileurl:after{ content: "│"; /* ブログエントリーでも使ってます。 */ } #shop-info .noshoplink{ color: #999999; /* ブログエントリーでも使ってます。 */ } .sub-cat #google-maps{ float: right; background-color: #dddddd; padding: 5px; margin: 5px; overflow: hidden; } /* 店舗情報のスタイルここまで */ .hashtag-search{ padding-bottom: 7px; } .gad-336-280{ padding-bottom: 7px; text-align: center; } .sub-cat .menu-list{ border: 1px solid #bbbbbb; clear: both; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sub-cat .menu-list ul{ list-style: none; margin: 10px 0 0; padding: 0; /*全体に設定してある余白をクリア*/ } .sub-cat .menu-list li{ border: 1px #bbbbbb solid; border-right-width: 2px; border-bottom-width: 2px; margin-bottom: 5px; margin-left: 10px; width: 370px; float: left; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* ↓マウスオーバーで画像を拡大 */ .sub-cat .thumb{ position: relative; } .sub-cat .thumb a{ float: left; display: block; width: 88px; height: 72px; /*overflow: hidden;*/ text-align: center; background-color: #dddddd; } .sub-cat .thumb a:hover img{ position: absolute; left: 85px; top: -65px; width: 264px; height: 216px; padding: 7px; background-color: #ffffff; border: solid 1px #999999; z-index: 100; } /* ↑マウスオーバーで画像を拡大 */ .sub-cat li .right-of-img{ margin-left: 100px; height: 72px; overflow: hidden; /*border: 1px solid #ffoo99; width: 100%;*/ width: 260px; } .sub-cat li .right-of-img a{ display: block; height: 3em; overflow: hidden; /*border: 1px solid #ffoo99;*/ } .sub-cat li .right-of-img a:hover{ background: #ffffff url("http://takadanobaba.drivemenuts.com/images/back-image-flash.gif") repeat; } .sub-cat .com-tb{ font-size: 0.7em; } .sub-cat .ping-body{ border: 1px solid #bbbbbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sub-cat .ping-body form{ margin: 10px; padding: 5px; background-color: #ffeeee; } .sub-cat .ping-body form input{ width: 750px; } .sub-cat .ping-body .pinged-list{ margin: 0 10px 10px; padding: 5px; border: 1px solid #bbbbbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sub-cat .ping-body .trackback-footer{ margin-bottom: 0; } /* ショップ別以外のサブカテゴリーページのGoogleMaps */ .sub-cat div#google-maps2{ padding: 10px; background-color: #bbbbbb; margin-bottom: 12px; border-radius: 5px; } .sub-cat div#gmap{ height: 400px; } .sub-cat div#dlcsv{ margin-top: 10px; } .sub-cat div#dlcsv input{ width: 680px; overflow: hidden; margin: 0 auto; display: block; font-size: 1.2em; } /* ショップ別以外のサブカテゴリーページのGoogleMaps */ /* ==========4.個別エントリーアーカイブのスタイル========== */ /*　前後へのリンク　*/ ul.next-pre{ list-style: none; padding: 0; margin: 0; display: box; display: -webkit-box; display: -moz-box; } ul.next-pre li{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #aaaaaa; } ul.next-pre li a{ display: block; text-decoration: none; white-space: nowrap; overflow: hidden; padding: 3px; } ul.next-pre li.pre{ width: 337px; background: transparent url(http://takadanobaba.drivemenuts.com/images/arrow02.gif) left center no-repeat; } ul.next-pre li.pre a{ margin-left: 15px; } ul.next-pre li.home{ width: 100px; margin: 0 10px; text-align: center; } ul.next-pre li.next{ width: 337px; background: transparent url(http://takadanobaba.drivemenuts.com/images/arrow.gif) right center no-repeat; } ul.next-pre li.next a{ text-align: right; margin-right: 15px; } /* ul.next-pre li.pre a{ padding-left: 15px; background: transparent url(http://takadanobaba.drivemenuts.com/images/arrow02.gif) left center no-repeat; } ul.next-pre li.next a{ padding-right: 15px; background: tarnsparent url(http://takadanobaba.drivemenuts.com/images/arrow.gif) right center no-repeat; } */ ul.next-pre li a:hover{ font-weight: bold; } /*　前後へのリンクここまで　*/ /*head内のgooglemapsのスタイル*/ div.gmaps-infowin div{ padding: 2px 0px; border-bottom: 1px solid #999999; border-bottom: 1px dashed #999999; border-bottom: 1px dotted #999999; } /*エントリーヘッダー内のスタイル*/ .entry-header{ border-top: 1px dashed #ff9966; border-bottom: 1px dashed #ff9966; padding: 3px; margin: 5px 0px 10px; clear: both; } .entry-header-body{ border-left: 15px solid #ff6633; padding-left: 5px; padding-top: 5px; overflow: hidden; /*width: 100%;*/ } .shop-category{ /*padding-top: 5px;*/ /*height: 1.3em;*/ } .entry-header h2{ padding: 1px 0; line-height: 1.3em; } .entry-index div{ margin-bottom: 3px; } .entry-index{ width: 730px; margin-right: 10px; float: left; } #for-mobile{ padding: 5px; margin-bottom: 5px; overflow: hidden; height: 110px; } .qr-img{ width: 110px; height: 110px; position:relative; } div#for-k-tai{ float: left; width: 120px; } div#for-iphone{ float: left; width: 120px; } .qr{ position: absolute; left: 31px; top: 48px; } #individual .comment-body{ width: 390px; float: left; margin-bottom: 10px; } #individual .ping-body{ width: 390px; float: right; margin-bottom: 10px; } #individual div#google-maps{ background-color: #dddddd; padding: 5px; } #individual #map{ /*margin: 8px auto;*/ } /*エントリーコンテンツ内のスタイル*/ /*.entry-body{ padding: 0px 5px; }*/ .entry-body p{ margin-top: 0px; line-height: 1.3em; } p.pix{ text-align: center; padding-top: 15px; padding-bottom: 15px; border: solid 1px #999999; } .entry-body dl,ul{ margin-left: 1em; margin-right: 1em; margin-bottom: 1em; } .entry-body dt{ font-weight: bold; } .entry-body dd{ margin: 0 0 5px; padding: 3px 1em; border-bottom: 1px dashed #bbbbbb; } blockquote{ margin: 1em; padding: 0.7em; border: 1px dashed #cccccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #eeeeee; } .entry-body blockquote dl{ padding: 0; margin: 0; border-width: 0; } .entry-body blockquote dd{ padding: 0 0 0 1.5em; margin: 0; border-width: 0; } .entry-body blockquote ul{ padding: 0; margin: 0; } blockquote ul{ list-style-image: none; list-style-type: disc; padding: 0; } .entry-body blockquote p:last-child{ margin-bottom: 0; } /* rightのスタイル */ #individual .right h3{ padding-top: 3px !important; padding-bottom: 5px !important; color: #ffffff; text-shadow: 1px 1px 3px #80331a; background-color: #ff6633; background: -webkit-gradient( linear, left top, left bottom, color-stop(1, rgba(255,102,51, 1)), color-stop(0, rgba(255,144,107, 1)) ); background: -moz-linear-gradient( top,rgba(255,144,107, 1),rgba(255,102,51, 1) ); padding: 2px 7px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #individual .right .right-contents{ margin-bottom: 5px; } #individual .right .right-contents #shop-info-con{ margin-bottom: 5px; border: 1px solid #cccccc; border-width: 0 1px 1px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /* dl要素なのでマージンをなくしてパディングにする */ margin: 0; padding: 5px 10px; } #individual .right .right-contents #another-menu-con{ margin-bottom: 5px; border: 1px solid #cccccc; border-width: 0 1px 1px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #individual .right .right-contents #link-con{ margin-bottom: 5px; border: 1px solid #cccccc; border-width: 0 1px 1px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #individual #shop-info dl{ margin: 7px 1em; } #individual #shop-info dl dt{ font-weight: bold; } #individual #shop-info dl dd{ border-bottom: 1px dashed #bbbbbb; margin-bottom: 6px; margin-left: 0; padding-left: 1em; } #individual #shop-info dl dd ul{ list-style: none; margin: 0; padding: 0; } #individual #shop-info div.caption{ clear: both; font-size: 0.7em; color: #bbbbbb; } /* 食べたのメニューの一覧 */ #individual #another-menu{ padding-bottom: 5px; } #individual #another-menu ul{ margin: 0; padding-left: 2em; max-height: 8em; overflow: auto; list-style-image: url("http://takadanobaba.drivemenuts.com/images/arrow.gif"); } #individual #another-menu li a{ display: block; padding: 3px; } #individual #another-menu li a:hover{ background: #ffffff url("http://takadanobaba.drivemenuts.com/images/back-image-flash.gif") top left repeat; } /* リンクの一覧 */ #individual #link{ padding-bottom: 5px; } #individual #link ul{ margin: 0; padding-left: 2em; max-height: 8em; overflow: auto; list-style-image: url("http://takadanobaba.drivemenuts.com/images/arrow.gif"); } #individual #link li{ /*display: block;*/ padding: 3px; } #individual #link li:hover{ background: #ffffff url("http://takadanobaba.drivemenuts.com/images/back-image-flash.gif") top left repeat; } /* rightのスタイルここまで */ .entry-date{ margin: 5px; margin-left: 0px; padding: 3px; font-size: 0.8em; text-align: right; clear: both; } #access-count{ margin: 5px; margin-left: 0px; padding: 3px; font-size: 0.8em; text-align: right; } .access-count span{ font-size: 1.2em; text-align: right; font-weight: bold; } .comment-ping .comments-content,form,.trackbacks-content{ /*border: 1px solid #66aa66;*/ margin: 5px; } .comments-content p{ margin-bottom: 3px; line-height: 1.3em; } .comment-ping form{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #666666; } .comment-ping form input{ padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .comment-ping form textarea{ padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .ping-body form input{ width: 360px; } .comment-ping h3{ margin: 8px 0px; border: 1px solid #666666; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 2px; padding-top: 4px; padding-left: 10px; background-color: #eeeeee; } #comments-open-data input#comment-author,#comment-email,#comment-url{ width: 350px } #comments-open-data textarea#comment-text{ width: 350px; height: 10em; } .comment-footer,.trackback-footer{ margin: 2px 0px 10px; border-top: 1px dashed #aaaaaa; font-size: 0.8em; text-align: right; padding-top: 3px; } .trackback-excerpt{ padding-left: 1em; font-size: 0.9em; line-height: 1.3em; } /* ==========5.検索結果のスタイル（for MT4）========== */ .mt-search-results #search-results{ margin-top: 10px; } .mt-search-results .entry-asset{ margin: 10px; border-bottom: dashed 1px #888888; } .mt-search-results .entry-asset h2{ } .mt-search-results .entry-asset .asset-meta{ margin: 3px 15px; font-size:0.8em; } .mt-search-results .entry-asset .asset-body{ margin: 3px 15px; } .mt-search-results .entry-asset .asset-more-link{ margin: 3px 15px; text-align: right; } .right2 div#info-by-twitter{ /*border-width: 0;*/ }