/* 文字コード */ @charset "UTF-8"; /* 全体 */ body { overflow-y:scroll; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif; color: #666666; font-size: 100%; line-height: 1.2em; text-align: center; margin: 0px; padding: 0px; background: #ffffff; } body div { text-align: left; margin: 0 auto; } img { margin: 0px; padding: 0px;} h1 { font-size: 100%;} p.center { text-align: center; } p.center2 { text-align: center; font-size: 80%; } /* リンク指定 */ a { overflow: hidden;} a img { border: 0;} a:link { color: #610E0E; text-decoration: underline;} a:visited { color: #420505; text-decoration: underline;} a:hover { color: #8D1919; text-decoration: none;} /* コンテンツ全体 */ #container { width: 800px; margin: 0px auto 0px auto; border: 1px #000000 solid; padding: 0px; } /* ヘッダー */ #header { height: 85px; width: 800px; margin: 0px; padding: 0px; background: url(images/headerbg.jpg); background-repeat: no-repeat; background-position: 0px 25px; } /* リード */ #read { font-size: 80%; margin: 0px; color: #ffffff; background: url(images/copybg.jpg); height: 25px; line-height: 25px; padding: 0px 10px; text-align: left; clear: both; } /* ロゴ */ .logo { margin: 0px; padding: 0px; width: 310px; height: 60px; float: left; } .logo h1 { background: url(images/logo.jpg); width: 310px; height: 60px; margin: 0px; padding: 0px; text-indent: -9999px; } .logo h1 a { display: block; width: 310px; height: 60px; margin: 0px; padding: 0px; } /* 検索 */ .search { margin: 0px; padding: 0px; width: 250px; height: 60px; float: right; } .searchin { font-size: 75%; line-height: 30px; margin: 0px; margin: 27px 0px 3px 0px; padding: 0px 0px 0px 40px; width: 250px; height: 30px; background: url(images/searchbg.jpg) no-repeat; } * html .searchin { padding: 3px 0px 3px 40px; } .searchin form { margin: 0px; padding: 0px; } #search_img { margin: 0px; padding: 0px; vertical-align: middle; } #search_text { margin: 0px; padding: 0px; color: #666666; vertical-align: middle; width: 150px; height: 20px; border: 1px solid #666666; } /* ナビゲーション */ #navi { height: 40px; width: 800px; margin: 0px; padding: 0px; background: url(images/navi.gif) no-repeat; clear: both; } ul#navigation { margin: 0px; padding: 0px 0px 0px 10px; list-style: none; clear: both; } #navigation li { float: left; text-indent: -9999px; } #navigation a { text-decoration: none; overflow: hidden; background: url(images/navi.gif) no-repeat; } #navi1, #navi1 a, #navi2, #navi2 a, #navi3, #navi3 a, #navi4, #navi4 a, #navi5, #navi5 a, #navi6, #navi6 a { display: block; width: 130px; height: 40px; margin: 0px; padding: 0px; } #navi1 a { background-position: -10px 0px;} #navi2 a { background-position: -140px 0px;} #navi3 a { background-position: -270px 0px;} #navi4 a { background-position: -400px 0px;} #navi5 a { background-position: -530px 0px;} #navi6 a { background-position: -660px 0px;} #navi1 a:hover { background-position: -10px -40px;} #navi2 a:hover { background-position: -140px -40px;} #navi3 a:hover { background-position: -270px -40px;} #navi4 a:hover { background-position: -400px -40px;} #navi5 a:hover { background-position: -530px -40px;} #navi6 a:hover { background-position: -660px -40px;} /* コンテンツの指定 */ #content { margin: 8px 0px 0px 0px; width: 800px; padding: 0px; clear: both; } /* Leftボックス */ #left { width: 200px; margin: 0px; padding: 0px; float: left; } /* Rightボックス */ #right { width: 590px; margin: 0px; padding: 0px; float: right; } #topimg { margin: 0px; padding: 0px; } #topmain { width: 380px; margin: 0px; padding: 0px; float: left; } /* トップページ中央 */ #news h3 { width: 380px; height: 30px; background: url(http://tomioka-shoten.co.jp/images/ttnews.gif) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px; } #exhibit h3 { width: 380px; height: 30px; background: url(http://tomioka-shoten.co.jp/images/ttexhibit.gif) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px; } ul.newsul { font-size: 80%; margin: 10px 5px 5px 20px; padding: 0px; list-style: none; } .newsul li { width: 355px; margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.3em; display: block; } .newsul li .date { width: 60px; margin: 0px; padding: 0px; float: left; } .newsul li .contents { width: 285px; margin: 0px; padding: 0px; float: right; } .newslink { margin: 10px 5px 20px 0px; padding: 0px; font-size: 80%; line-height: 1.6em; text-align: right; } dl.exhibitdl { font-size: 80%; margin: 10px 5px 5px 20px; padding: 0px; list-style: none; } .exhibitdl dt { margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.3em; } .exhibitdl dd { margin: 0px 0px 5px 35px; padding: 0px; line-height: 1.3em; } .exhibitlink { margin: 10px 5px 20px 0px; padding: 0px; font-size: 80%; line-height: 1.6em; text-align: right; } #campaign h3 { width: 180px; height: 30px; background: url(http://tomioka-shoten.co.jp/images/ttcampaign.jpg) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px; } .centerul { font-size: 80%; float: left; width: 200px; margin: 8px 0px 0px 0px; } .centerul dl{ width: 200px; margin: 0; padding: 0; height: auto; display: block; } .centerul dt{ float: left; width: 70px; margin-right: 0px; padding: 0; } .centerul dd{ float: right; width: 120px; margin: 0; padding: 0; } /* トップページ右サイド */ #newcatalog h3 { width: 200px; height: 30px; background: url(http://tomioka-shoten.co.jp/images/ttnewcatalog.gif) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px; } #pickup h3 { width: 400px; height: 30px; background: url(<$MTBlogURL$>images/ttpickup.jpg) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px; } /*sidebarボックス */ #sidebar { width: 200px; margin: 0px; padding: 0px; font-size: 80%; float: right; } #list { width: 200px; background-color: #430505; margin: 0px 0px 0px 0px; padding: 0px; } #list h3 { width: 200px; height: 30px; background: url(http://tomioka-shoten.co.jp/images/ttcategory.gif) no-repeat left; margin: 0px; padding: 0px; text-indent: -9999px; } #list .end { font-size: 1px; width: 200px; height: 5px; background: url(http://tomioka-shoten.co.jp/images/ttcategory-end.gif) no-repeat left; margin: 0px; padding: 0px; } #listtop { margin: 0px; padding: 0px; } ul.categorylist { color: #3D0204; margin: 0px; padding: 0px; list-style: none; } ul.categorylist ul { width: 200px; margin: 0px; padding: 0px; list-style: none; } ul.categorylist li { font-size: 80%; width: 200px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; line-height: 30px; color: #ffffff; background: url(http://tomioka-shoten.co.jp/images/topcatebg.gif) no-repeat; } ul.categorylist li a { overflow: hidden;} /* ul.categorylist li a img { border: 0;} */ ul.categorylist li a:link { color: #ffffff; text-decoration: underline;} ul.categorylist li a:visited { color: #ffffff; text-decoration: underline;} ul.categorylist li a:hover { color: #ffffff; text-decoration: none;} ul.categorylist li li { color: #3D0204; background-color: #333333; margin: 0px 0px 3px 0px; padding: 3px 0px 3px 25px; background-image: url(http://tomioka-shoten.co.jp/images/subcatebg.jpg); background-repeat: no-repeat; background-position: 10px 8px; } ul.categorylist a { color: #3D0204; text-decoration: none; } ul.categorylist a:hover { color: #3D0204; text-decoration: underline; } #sidebar div.banner{ width: 190px; margin: 10px 0 0 0; text-align: center; float: left; } /* AKITA NO HIKARI 通常*/ li img.akita-no-hikari-logo { border-bottom: 1px #fff solid; padding: 9px 0 1px 0; } /* AKITA NO HIKARI foverした場合 */ li img.akita-no-hikari-logo:hover { border: none; margin-bottom: 1px; } .maintt { margin: 0px; padding: 2px 0px 2px 0px; font-size: 100%; line-height: 1.5; font-weight: normal; text-indent: 20px; vertical-align: middle; color: #FFFFFF;  background: #3D0204 url(http://tomioka-shoten.co.jp/images/maintt.gif) no-repeat left top; } /* 商品カタログページメイン */ #main { width: 570px; margin: 0px; padding: 10px; background: #ffffff; } /* 商品表示ページのレイアウト */ .itemBox { width: 570px; margin-bottom: 15px; } .itemBox h3 { color: #FFFFFF; margin: 0px 0px 10px 0px; padding: 2px 0px 2px 0px; border-bottom: 1px solid #240000; font-size: 100%; font-weight: normal; text-indent: 20px; vertical-align: middle; background: #3D0204 url(http://tomioka-shoten.co.jp/images/itemname_bg.gif) no-repeat left top; clear: both; } .itemBox h3 a:link { color: #FFFFFF; text-decoration: underline;} .itemBox h3 a:visited { color: #FFFFFF; text-decoration: underline;} .itemBox h3 a:hover { color: #FFFFFF; text-decoration: none;} .itemLeft { float: left; width: 140px; margin-right: 10px; } .itemRight { float: left; width: 420px; } .itemname { font-weight: bold; color: #610E0E; margin: 0px; padding: 0px; } .entryBox { margin: 0px 0px 5px 0px; padding: 0px; font-size: 80%; } .item { margin-bottom: 10px; background: #F1F1F1; } .item_tt { color: #610E0E; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px; } .item_left { float: left; width: 360px; margin: 0px; padding: 10px; font-size: 80%; } .item_left2 { float: left; width: 550px; margin: 0px; padding: 10px; font-size: 80%; } .photo_right { float: right; width: 170px; margin: 0px; padding: 10px; } /*フッター */ #footer { margin: 0px; padding: 0px; clear: both; background: #FFFFFF; text-align: center; } #footer-copy { margin: 10px 0px 0px 0px; padding: 0px; clear: both; background: #FFFFFF; text-align: center; } #footerin { width: 800px; font-size: 80%; margin: 0px auto 0px auto; padding: 0px; text-align: center; } ul.ftmenu { margin: 0px; padding: 0px; list-style: none; } .ftmenu li { margin: 5px 5px 10px 5px; padding: 0px; float: right; } .copy { margin: 0px; color: #ffffff; background: url(images/copybg.jpg); height: 25px; line-height: 25px; padding: 0px 10px; text-align: right; clear: both; } /* ハック */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* 新着情報ページのレイアウト */ .newsBox { width: 570px; margin-bottom: 15px; } .newsBox h3 { color: #FFFFFF; margin: 20px 0px 10px 0px; padding: 2px 0px 2px 0px; border-bottom: 1px solid #000000; font-size: 100%; font-weight: normal; text-indent: 20px; vertical-align: middle; background: #3D0204 url(http://tomioka-shoten.co.jp/images/itemname_bg.gif) no-repeat left top; clear: both; } .newsname { font-weight: bold; color: #610E0E; margin: 0 0 5px 0; padding: 0px; } .newsentryBox { margin: 0px 0px 5px 10px; padding: 0px; font-size: 80%; } .oldentryList { margin: 0px 0px 5px 0px; padding: 0px; font-size: 80%; } ul.oldList { margin: 0px; padding: 0px; list-style: none; } .oldList li { margin: 10px 5px 10px 5px; padding: 0px; white-space:nowrap; float: left; } .newsBox table { background-color: #666666; } .newsBox td { padding: 3px; font-size: 80%; text-align: center; background-color: #ffffff; } .newsBox td.date { width: 160px; } .newsBox td.address { width: 170px; } .newsBox td.name { width: 120px; } .newsBox td.about { width: 120px; } /* ウェブページのレイアウト */ .webBox { width: 570px; margin: 0px; } .webBox h3 { color: #FFFFFF; margin: 20px 0px 20px 0px; padding: 2px 0px 2px 0px; border-bottom: 1px solid #240000; font-size: 100%; font-weight: normal; text-indent: 20px; vertical-align: middle; background: #3D0204 url(http://tomioka-shoten.co.jp/images/itemname_bg.gif) no-repeat left top; clear: both; } .webBox td { font-size: 80%; } .webBox p { font-size: 80%; } .webBox ul { margin: 0; padding: 10px 10px 10px 30px; background-color: #FFE8E8; } .webBox ul li { margin: 3px 0; font-size: 80%; line-height: 1.2em; } .webBox p img.left { float: left; margin: 0 10px 10px 0; } .webBox p img.right { float: right; margin: 0 0 10px 10px; } .webBox p .head{ color: #A02222; } .webBox td.t-head { padding: 5px 0; width: 100px; } .webBox td.t-contents { padding: 5px 0; width: 470px; } .webBox table.left { background-color: #666666; } .webBox table.left td.t-head { padding: 3px 10px; width: 100px; text-align: center; background-color: #ffffff; } .webBox table.left td.t-contents { padding: 3px 10px; width: 470px; background-color: #ffffff; } .webBox table.left td.t-contents ol { margin: 0; padding: 0 0 0 20px; } .webBox table.left td.t-contents ol li { padding: 3px 0; } /* カレンダーのレイアウト */ .calendar { width: 200px; text-align: center; margin: 0px 0px 15px 0px; } .calendar h3.title { width: 200px; height: 30px; background: url(http://tomioka-shoten.co.jp/images/ttcalendar.gif) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px; } .calendar h3 { font-size: 80%; font-weight: bold; margin: 20px 0 5px 0; } .calendar table { margin: auto; border-collapse: collapse; border: solid 1px #666666; } .calendar td { text-align: center; width: 20px; height: 20px; font-size: 80%; border: solid 1px #666666; } .calendar td.close { text-align: center; width: 20px; height: 20px; font-size: 80%; border: solid 1px #666666; color: #ffffff; background-color: #A02222; } /* サイドバナーのレイアウト */ .side-banner { width: 200px; text-align: center; margin: 10px 0px 15px 0px; font-size: 75%; line-height: 1.2em; } .side-banner .banner1 { width: 162px; text-align: center; margin: 0px auto 10px auto; } /* 検索結果のレイアウト */ .searchBox { width: 570px; margin-bottom: 15px; } .searchname { font-size: 120%; font-weight: bold; color: #610E0E; margin: 0 0 5px 0; padding: 0px; } /* ブログ記事概要 */ .summaryname { font-size: 120%; font-weight: bold; color: #610E0E; margin: 0 0 5px 0; padding: 0px; } .summarydate { margin: 0px 0px 5px 0px; padding: 0px; font-size: 80%; } .summarydate2 { margin: 0px 10px 15px 10px; padding: 5px 0px 0px 0px; font-size: 80%; border-top: solid 1px #666666; } .summaryBox { margin: 0px 0px 15px 10px; padding: 0px; font-size: 80%; } .summaryBox p. { margin: 0px 0px 15px 10px; padding: 0px; font-size: 80%; } /* トラックバック */ h2.trackback { font-size: 100%; font-weight: bold; margin: 10px 0px 5px 0px; } /* コメント */ h2.comment { font-size: 100%; font-weight: bold; margin: 10px 0px 5px 0px; } #commentform { font-size: 80%; margin: 0px 0px 15px 10px; } #commentform .data .name { margin: 0px 0px 5px 0px; } #commentform .data .email { margin: 0px 0px 5px 0px; } #commentform .data .url { margin: 0px 0px 5px 0px; } #commentform .data .remember-me { margin: 0px 0px 5px 0px; } /* メールフォーム */ .contact { font-size: 80%; } .contact strong { color: #A02222; } .contact dl.form dd { color: #666666; margin: 0px } .contact { font-size: 80%; } input { color: #666666; } textarea { color: #666666; font-size: 100%; } /* 商品詳細 */ #item_number { margin: 0px; padding: 0px; color: #666666; vertical-align: middle; width: 50px; height: 20px; } strong.nohilight { font-weight: normal; } p.newsname strong.nohilight { font-weight: bold; } /* for movie player */ div#movie h3 { margin: 5px 0; } div#movie p { font-size: 80%; margin-top: 5px; }