/* Theme Name: Kamitani Design Theme */ /* ------------------------------------------------------------------------------------------------------------------------ INITIAL SETTINGS ------------------------------------------------------------------------------------------------------------------------ */ body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object{ margin: 0; padding: 0; } body{ font:13px/1.6 "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", "Meiryo","Helvetica",Sans-Serif; *font-size:small; *font:x-small; background: #fff; color: #333; } html, body{ height:100%; } h1, h2, h3, h4, h5, h6, p, pre, a, td, li, dt, dd{ font-size: 108%; text-align: left; font-weight: none; } p, pre, a, td, li, dt, dd{ font-size: 12px; } table { border-collapse: collapse; border-spacing: 0; } img, a { text-decoration: none; border: none; outline: none; } ul, li { list-style-type: none;} /*------------------------------------------------------------------------------------------------------------------------ PAGE FORMAT ------------------------------------------------------------------------------------------------------------------------*/ div#wrapper { width: 750px; margin-left: auto; margin-right: auto; padding-top: 60px; } p { margin-bottom: 1.4em; } p.smaller { font-size: 10px; } img.main { border: 1px solid #bbb; padding: 2px; } img.alignleft { float: left; margin: 0 1em 0.2em 0; } /*------------------------------------------------------------------------------------------------------------------------ HOME PAGE ------------------------------------------------------------------------------------------------------------------------*/ div#homepage { position:absolute; top:50%; left:50%; width: 750px; height: 596px; margin: -298px 0 0 -375px; } div#homepage h2 { text-indent:-9999px; width:80px; height: 20px; background: url(/img/format/updateinfo.gif) 0 0 no-repeat; } ul#whatsnew li { color: #7a7a7a; width: 550px; font-size: 10px; padding-bottom: 0.2em; } ul#whatsnew a{ color: #7a7a7a; border: 0; padding: 0.2em; background: none; } ul#whatsnew a:hover { color:#fff; background: #000; } div#swfbox { width: 232px; float: left; } div#indexGlobalNav { width: 457px; float: right; margin-top: 260px;} div#indexGlobalNav h1 { width: 457px; height: 100px; } div#indexGlobalNav address{ width: 218px; height: 5px; margin-top: 10px; float: right; text-indent: -9999px; background: url(/img/format/copyright.gif) 0 0 no-repeat; } /*------------------------------------------------------------------------------------------------------------------------ LAYOUT ------------------------------------------------------------------------------------------------------------------------*/ div#maingrid { color: #333; _height:300px; min-height:300px; } div#maingrid ul.block { margin-top: 80px; } /* カテゴリタブ */ div#maingrid p.tab { width: 150px; color: #000; font-weight: normal; padding: 0 0 0.2em 70px; margin-bottom: 0.3em; background: url(/img/format/tab_category.gif) 0 0 no-repeat; } div#maingrid h2 { font-size: 108%; } div#maingrid h3 { font-size:85%; font-weight: normal; padding-bottom: 2em;} div#maingrid li.localNav { width: 220px; float: left; } div#maingrid li.localNav a { color: #888; display: block; border-bottom: 1px dotted #d3d3d3; padding-top: 0.5em; padding-bottom: 0.45em; } div#maingrid li.localNav a.back:hover { color: #333; background: url(/img/format/backmark_btn_local.gif) 0 2px no-repeat; } div#maingrid li.choice a:hover { color: #333; background: url(/img/format/mark_btn_local_over.gif) 0 2px no-repeat; } div#maingrid li.choice a.active { color: #333; background: url(/img/format/mark_btn_local.gif) 0 0 no-repeat; } div#maingrid li.credit dt{ display: block; width: 220px; color: #888; border-bottom: 1px dotted #d3d3d3; padding-top: 0.5em; padding-bottom: 0.4em; } div#maingrid li.credit dt:hover{ color: #333; background: url(/img/format/undermark_btn_local.gif) 0 0 no-repeat; } div#maingrid li.credit dd { clear: both; margin-left:0; } div#maingrid ul:after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} div#maingrid ul{ _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/} div#maingrid li { width: 220px; float:left; margin-right: 45px; } div#maingrid li.center { width: 220px; float:left; margin-right: 45px; } div#maingrid li.right { width: 220px; float:right; margin-right: 0; } div#maingrid li.colspan-right { width: 485px; float:left; margin-right: 0; } div#maingrid li dl { margin-bottom: 0.5em; } div#maingrid li dt { width: 4em; float: left; } div#maingrid li dd { margin-left:4.5em; } /* ---------------------------- PARTS ---------------------------- */ div#maingrid li.colspan-right div.blogblock:after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} div#maingrid li.colspan-right div.blogblock{ _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/} div#maingrid li.colspan-right div.blogblock { margin-bottom: 5em; } div#maingrid li.colspan-right div.blogblock h2 { font-size: 108%; } div#maingrid li.colspan-right div.blogblock h2 a { font-size: 100%; display: inline; color: #555;} div#maingrid li.colspan-right div.blogblock h2 a:hover { color: #fff; background: #000; padding: 0.3em; } div#maingrid li.colspan-right div.blogblock p { font-size: 11px; } div#maingrid li.colspan-right p.time { color: #555; border-bottom: 1px dotted #d3d3d3; padding-bottom: 0.3em; white-space: nowrap; } div#maingrid li.colspan-right div.blogblock p a { color: #f74a19; border: 0; padding: 0.2em; background: none; } div#maingrid li.colspan-right div.blogblock p a:hover { color:#fff; background: #969696; } div#maingrid li.colspan-right div.blogblock img { border: 1px solid #bbb; padding: 2px; } div#maingrid p.stack { margin-top: 80px; } /*------------------------------------------------------------------------------------------------------------------------ PLANE PAGE ------------------------------------------------------------------------------------------------------------------------*/ dl.horizontal { border-bottom: 1px dotted #d3d3d3; line-height: 1.8; padding-top: 1.2em; padding-bottom: 1.2em; } dl.top { padding-top: -1.2em; } dl.horizontal:after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} dl.horizontal{ _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/} dl.horizontal dt { width: 220px; font-weight: bold; vertical-align: top; float: left; } dl.horizontal dd { font-size: 11px; padding-left: 265px; } dl.horizontal dd a { color: #f70052; border: 0; padding: 0.2em; background: none; } dl.horizontal dd a:hover { color:#fff; background: #969696; } dl.horizontal dd a.normLink { color: #000; } dl.horizontal dd a.normLink:hover { color:#fff; background: #969696; } dl.horizontal dl.history { padding-bottom: 0.4em; } dl.horizontal dl.history dt { width: 5.5em; font-weight: normal; float: left; } dl.horizontal dl.history dd { padding-left: 6em; } div#maingrid dl.horizontal dd li { width: 485px; float: none; } dl.wide { padding-top: 2.4em; padding-bottom: 1.8em; } div#maingrid h3#privacypolicy{ width: 242px; height: 22px; font-size: 1%; text-indent: -9999px; border: none; margin-top: 20px; padding: 0; background:url(/img/format/btn_privacypolicy.gif) 0 0 no-repeat; } div#maingrid h3#privacypolicy:hover{ background: url(/img/format/btn_privacypolicy.gif) 0 -22px no-repeat; } div#maingrid div#privacypolicy { margin: 1em 0 0.5em 0; } div#maingrid div#privacypolicy dt { width: 485px; margin-bottom: 1em; } div#maingrid div#privacypolicy dd { font-size: 11px; color: #666; margin-left: 1.5em; margin-bottom: 2em; } /*------------------------------------------------------------------------------------------------------------------------ NAVIGATION ------------------------------------------------------------------------------------------------------------------------*/ ul#navigation li { float: left; } ul#navigation a{ height: 44px; display: block; text-indent: -9999px;} /* --------------------- GLOBAL ---------------------- */ div#indexGlobalNav ul{ width: 457px; margin:0 auto 20px auto; } div#indexGlobalNav ul:after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} div#indexGlobalNav ul{ _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/} div#globalNav ul{ width: 500px; margin:0 auto 80px auto; } div#globalNav ul:after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} div#globalNav ul{ _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/} ul#navigation li.home a{ width: 43px; background:url(/img/format/btn_home_move.gif) 0 0 no-repeat;} ul#navigation li.home a:hover{ background:url(/img/format/btn_home.gif) 0 0 no-repeat;} ul#navigation li.home a.active{ background:url(/img/format/btn_home.gif) 0 -44px no-repeat;} ul#navigation li.works a{ width: 53px; background:url(/img/format/btn_home_move.gif) -43px 0 no-repeat;} ul#navigation li.works a:hover{ background:url(/img/format/btn_works.gif) 0 0 no-repeat;} ul#navigation li.works a.active{ background:url(/img/format/btn_works.gif) 0 -44px no-repeat;} ul#navigation li.about a{ width: 50px; background:url(/img/format/btn_home_move.gif) -96px 0 no-repeat;} ul#navigation li.about a:hover{ background:url(/img/format/btn_about.gif) 0 0 no-repeat;} ul#navigation li.about a.active{ background:url(/img/format/btn_about.gif) 0 -44px no-repeat;} ul#navigation li.staff a{ width: 46px; background:url(/img/format/btn_home_move.gif) -146px 0 no-repeat;} ul#navigation li.staff a:hover{ background:url(/img/format/btn_staff.gif) 0 0 no-repeat;} ul#navigation li.staff a.active{ background:url(/img/format/btn_staff.gif) 0 -44px no-repeat;} ul#navigation li.publication a{ width: 84px; background:url(/img/format/btn_home_move.gif) -192px 0 no-repeat;} ul#navigation li.publication a:hover{ background:url(/img/format/btn_publication.gif) 0 0 no-repeat;} ul#navigation li.publication a.active{ background:url(/img/format/btn_publication.gif) 0 -44px no-repeat;} ul#navigation li.access a{ width: 57px; background:url(/img/format/btn_home_move.gif) -276px 0 no-repeat;} ul#navigation li.access a:hover{ background:url(/img/format/btn_access.gif) 0 0 no-repeat;} ul#navigation li.access a.active{ background:url(/img/format/btn_access.gif) 0 -44px no-repeat;} ul#navigation li.blog a{ width: 42px; background:url(/img/format/btn_home_move.gif) -333px 0 no-repeat;} ul#navigation li.blog a:hover{ background:url(/img/format/btn_blog.gif) 0 0 no-repeat;} ul#navigation li.blog a.active{ background:url(/img/format/btn_blog.gif) 0 -44px no-repeat;} ul#navigation li.contact a{ width: 64px; background:url(/img/format/btn_home_move.gif) -375px 0 no-repeat;} ul#navigation li.contact a:hover{ background:url(/img/format/btn_contact.gif) 0 0 no-repeat;} ul#navigation li.contact a.active{ background:url(/img/format/btn_contact.gif) 0 -44px no-repeat;} ul#navigation li.recruit a{ width: 61px; background:url(/img/format/btn_home_move.gif) -439px 0 no-repeat;} ul#navigation li.recruit a:hover{ background:url(/img/format/btn_recruit.gif) 0 0 no-repeat;} ul#navigation li.recruit a.active{ background:url(/img/format/btn_recruit.gif) 0 -44px no-repeat;} div#maingrid ul#navigation li a{ height: 20px; text-indent: -9999px; font-size; 1px; border-bottom: 1px dotted #d3d3d3; padding-top: 0.5em; padding-bottom: 0.4em; float: none; } /* --------------------- LOCAL ---------------------- */ ul#navigation li.package a{ height: 16px; background: url(/img/format/btn_local.gif) 0 0 no-repeat;} ul#navigation li.package a:hover{ background: url(/img/format/btn_local.gif) -220px 0 no-repeat;} ul#navigation li.package a.active{ background: url(/img/format/btn_local.gif) -440px 0 no-repeat;} ul#navigation li.graphic a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -30px no-repeat;} ul#navigation li.graphic a:hover{ background: url(/img/format/btn_local.gif) -220px -30px no-repeat;} ul#navigation li.graphic a.active{ background: url(/img/format/btn_local.gif) -440px -30px no-repeat;} ul#navigation li.editorial a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -60px no-repeat;} ul#navigation li.editorial a:hover{ background: url(/img/format/btn_local.gif) -220px -60px no-repeat;} ul#navigation li.editorial a.active{ background: url(/img/format/btn_local.gif) -440px -60px no-repeat;} ul#navigation li.branding a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -90px no-repeat;} ul#navigation li.branding a:hover{ background: url(/img/format/btn_local.gif) -220px -90px no-repeat;} ul#navigation li.branding a.active{ background: url(/img/format/btn_local.gif) -440px -90px no-repeat;} /* --------------------- CATEGORY ---------------------- */ ul#navigation li.food a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -120px no-repeat;} ul#navigation li.food a:hover{ background: url(/img/format/btn_local.gif) -220px -120px no-repeat;} ul#navigation li.food a.active{ background: url(/img/format/btn_local.gif) -440px -120px no-repeat;} ul#navigation li.confectionery a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -150px no-repeat;} ul#navigation li.confectionery a:hover{ background: url(/img/format/btn_local.gif) -220px -150px no-repeat;} ul#navigation li.confectionery a.active{ background: url(/img/format/btn_local.gif) -440px -150px no-repeat;} ul#navigation li.alcohol a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -180px no-repeat;} ul#navigation li.alcohol a:hover{ background: url(/img/format/btn_local.gif) -220px -180px no-repeat;} ul#navigation li.alcohol a.active{ background: url(/img/format/btn_local.gif) -440px -180px no-repeat;} ul#navigation li.gift a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -210px no-repeat;} ul#navigation li.gift a:hover{ background: url(/img/format/btn_local.gif) -220px -210px no-repeat;} ul#navigation li.gift a.active{ background: url(/img/format/btn_local.gif) -440px -210px no-repeat;} ul#navigation li.other a{ height: 16px; background: url(/img/format/btn_local.gif) 0 -240px no-repeat;} ul#navigation li.other a:hover{ background: url(/img/format/btn_local.gif) -220px -240px no-repeat;} ul#navigation li.other a.active{ background: url(/img/format/btn_local.gif) -440px -240px no-repeat;} /* --------------------- SUB CATEGORY ---------------------- */ ul#subCategory li a{ width: 220px; float: left; color: #888; display: block; border-bottom: 1px dotted #d3d3d3; padding-top: 0.5em; padding-bottom: 0.45em; } ul#subCategory li a:hover { color: #333; background: url(/img/format/mark_btn_local_over.gif) 0 2px no-repeat; } ul#subCategory li a.active { color: #333; background: url(/img/format/mark_btn_local.gif) 0 0 no-repeat; } /* --------------------- blog navigation ---------------------- */ div#maingrid ul#blogNavigation a{ height: 20px; color: #555; } div#maingrid ul#blogNavigation a:hover { color: #333; background: url(/client/nrd/kt-design/img/format/mark_btn_local_over.gif) 0 3px no-repeat; } div#maingrid ul#blogNavigation a.active { color: #333; background: url(/img/format/mark_btn_local.gif) 0 0 no-repeat; } /* --------------------- next&prev page navigation ---------------------- */ div#globalPageNavigation { clear: both; width: 150px; margin: 50px auto 0; } div#globalPageNavigation ul:after{ height: 0; visibility: hidden; content: "."; display: block; clear: both;} div#globalPageNavigation ul{ _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/} div#globalPageNavigation a { display: block; width: 48px; height: 17px; font-size: 1%; text-indent: -9999px; } div#globalPageNavigation li.prev a { float: left; background: url(/img/format/prev.gif) 0 0 no-repeat; } div#globalPageNavigation li.prev a:hover { background: url(/img/format/prev.gif) 0 -30px no-repeat; } div#globalPageNavigation li.next a { float: right; background: url(/img/format/next.gif) 0 0 no-repeat; } div#globalPageNavigation li.next a:hover { background: url(/img/format/next.gif) 0 -30px no-repeat; } /*------------------------------------------------------------------------------------------------------------------------ 404 Page Not Found ------------------------------------------------------------------------------------------------------------------------*/ div#pnf{ width: 326px; height: 185px; margin: 0 auto; text-indent: -9999px; background: url(/img/format/404image.gif) 0 0 no-repeat; } /*------------------------------------------------------------------------------------------------------------------------ FOOTER ------------------------------------------------------------------------------------------------------------------------*/ div#footer{ clear: both; width: 218px; height: 45px; margin-top: 50px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } div#footer h1{ height: 28px; text-indent: -9999px; background: url(/img/format/company_name.gif) 0 0 no-repeat; } div#footer h1 a { display: block; } div#footer address { height: 5px; text-indent: -9999px; background: url(/img/format/copyright.gif) 0 0 no-repeat; }