/*
THEME NAME: Hi-Bike 2.0.2
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Theme for hi-bike.co.jp, It is modified version of rich with powerful and dynamic semantic class selectors, Sandbox, which is a canvas for CSS artists.
VERSION: 2.0.2 from Sandbox 1.6.1
AUTHOR: Andy Skelton & Scott Allan Wallick, and modified by Kudo Shinsuke
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/
/* バージョン履歴
==============
2010-05-02 2.0.2 IE8 でメニューが正常に動作しなかった問題を修正。
2010-04-24 2.0.1 Older Posts が動作しなかった問題を修正。
2010-04-23 2.0.0 ウェブサイトの横幅を 1,000px から 960px に縮小、サイドバーの横幅を 290px から 240px に縮小、YUI 3 を導入、デザイン大幅変更、インデックスページの充実。
2010-03-16 1.1.0 フローティング・バーを廃止、ヘッダーに統合、小型化。アイキャッチ・マスクを廃止、アイキャッチを小型化。ページ上部のコードを変更。メニューを 3 階層表示まで対応、メニューのデザインの大幅変更。
2010-03-03 1.0.3 Pixopoint Menu の要素を style.css に移動、hi-bike の表記を Hi-Bile に変更、div#container 内の img 要素に border を追加。
2010-01-27 1.0.2 「店長のオススメ」を追加。
2010-01-12 1.0.1 Internet Explorer 6/7 で正常に表示されないバグを修正。
2009-12-15 1.0.0 最初のバージョン
*/
/* YUI 3 */
@import url('css/yui3.css');
/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}
body { background: #FFF; margin: 0px; padding: 0px }
h1, h2, h3, h4, h5, h6 { font-weight: bold }
abbr { border: none }
a { text-decoration: none; color: #693; font-weight: bold }
a:visited { text-decoration: none; font-weight: normal }
a:hover { text-decoration: underline }
a:active, body.single .entry-date a:active, body.page .entry-date a:active { color: #00a1ff; text-decoration: none }
a:link img { border-color: #693 }
a:hover img { color: #9F6; border-color: #9F6 }
div#wrapper { position: relative; margin: 0px auto; padding: 0px; z-index: 1; font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3"; text-align: justify }
div#header { position: absolute; z-index: 20; top: 0px; left: 50%; margin-left: -500px; height: 96px; width: 1000px; background: url("images/header.png") no-repeat }
a#logo { position: absolute; top: 10px; left: 8px }
div#menu { position: absolute; top: 55px; left: 50%; margin-left: -483px; width: 966px; height: 24px; background: url("images/menu_l.png") left no-repeat }
/* Pixopoint Menu */
div#pixopoint_menu1 { position: absolute; left: 4px; width: 962px; height: 24px; background: url("images/menu_r.png") right no-repeat }
div#pixopoint_menu1 a { font-weight: bold }
/* 第一階層 */
div#pixopoint_menu1 ul { position: absolute; z-index: 1; left: 0px; margin: 0px; width: 950px; padding: 0px 4px; list-style: none; text-align: center }
div#pixopoint_menu1 ul li { position: relative; z-index: 1; top: 0px; float: left; color:#FFF; display: inline; border-left: #F98 solid 1px; border-right: #B20 solid 1px; width: 188px; line-height: 24px; background: url(images/home.png) center }
div#pixopoint_menu1 ul li a { display: block; height: 24px; line-height: 99px; overflow: hidden; color: #FFF }
div#pixopoint_menu1 ul li a:hover { text-decoration: none }
div#pixopoint_menu1 ul li.page-item-2 { background: url(images/omisenogoshoukai.png) center }
div#pixopoint_menu1 ul li.cat-item-1 { background: url(images/eventjouhou.png) center }
div#pixopoint_menu1 ul li.cat-item-3 { background: url(images/shouhinjouhou.png) center }
div#pixopoint_menu1 ul li.cat-item-4 { background: url(images/blog.png) center }
div#pixopoint_menu1 ul li:hover,
div#pixopoint_menu1 ul li.sfhover { z-index: 10 }
/* 第二階層 */
div#pixopoint_menu1 ul li ul { position: absolute; z-index: 1;left: -999em; width: 189px; padding: 0px 0px 8px; border: solid 1px #F31; border-top: none; background: url("images/black50.png"); border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px }
div#pixopoint_menu1 ul li ul li { border: none; width: 190px; background: none; line-height: 24px; text-indent: 0px }
div#pixopoint_menu1 ul li ul li a { height: auto; line-height: 24px }
div#pixopoint_menu1 ul li ul li a:hover {}
div#pixopoint_menu1 ul li:hover ul,
div#pixopoint_menu1 ul li.sfhover ul { left: -1px }
div#pixopoint_menu1 ul li ul li:hover,
div#pixopoint_menu1 ul li ul li.sfhover { background: #F31 }
div#pixopoint_menu1 ul li ul li:hover li,
div#pixopoint_menu1 ul ul li.sfhover li {}
div#pixopoint_menu1 ul li ul li:hover li a,
div#pixopoint_menu1 ul ul li.sfhover li a {}
/* 第三階層 */
div#pixopoint_menu1 ul li ul li ul { position: absolute; z-index: 1; top: 0px; margin-left: 166px; border: none; width: 190px; background: url("images/arrow.png") no-repeat }
div#pixopoint_menu1 ul li ul li ul li { margin-left: -999em }
div#pixopoint_menu1 ul li ul li ul li:hover,
div#pixopoint_menu1 ul li ul li ul li.sfhover { background: #693 }
div#pixopoint_menu1 ul li ul li ul li:hover a,
div#pixopoint_menu1 ul li ul li ul li.sfhover a {}
div#pixopoint_menu1 ul li ul li:hover ul,
div#pixopoint_menu1 ul li ul li.sfhover ul { z-index: 10; top: -9px; border: 1px solid #693; padding-top: 8px; background: url("images/black50.png") repeat; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px }
div#pixopoint_menu1 ul li ul li:hover ul li,
div#pixopoint_menu1 ul li ul li.sfhover ul li { margin-left: 0px }
/* 第四階層 */
div#pixopoint_menu1 ul li ul li ul li ul { position: absolute; top: 0px !important; width: 190px; height: 24px; border: none !important; background: url("images/arrow.png") no-repeat !important }
div#pixopoint_menu1 ul li ul li ul li ul li { display: none; margin-left: 0px }
div#pixopoint_menu1 ul li ul li ul li ul li a:hover { color: #000000 }
div#pixopoint_menu1 ul li ul li ul li ul li:hover,
div#pixopoint_menu1 ul li ul li ul li ul li.sfhover { background: #EF1 }
div#pixopoint_menu1 ul li ul li ul li:hover ul,
div#pixopoint_menu1 ul li ul li ul li.sfhover ul { z-index: 10; top: -9px !important; height: auto; border: 1px solid #EF0 !important; padding-top: 8px; background: url("images/black50.png") repeat !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px }
div#pixopoint_menu1 ul li ul li ul li:hover ul li,
div#pixopoint_menu1 ul li ul li ul li.sfhover ul li { display: inline }
form#searchform { position: absolute; top: 20px; right: 18px }
div#eyecatch { position: relative; z-index: 1; top: 0px; border-bottom: 8px solid #F31; width: 100%; height: 448px; background: url(images/eyecatch-2010-04-22.jpg) center center no-repeat }
div#title { position: absolute; z-index: 1; top: 256px; left: 50%; margin-left: -384px; width: 768px; color: #FFFFFF; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5) }
div#title h1 { margin: 0px; padding: 0px; font-size: 300%; color: #FFF }
div.blogkoushinchuu { position: absolute; z-index: 10; bottom: 2%; left: 2%; width: 344px; color: #999; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px }
div.blogkoushinchuu a { color: #FFF }
div.blogkoushinchuu a:visited { color: #999 }
div.blogkoushinchuu div.title { margin: 0px; height: 40px; background: url('images/blogkoushinchuu.png') }
div.blogkoushinchuu div.title h2 { margin: 0px; height: 40px; line-height: 40px; background: none; text-indent: -9999px }
div.blogkoushinchuu div.background { background: url(images/black75.png) }
dl.blogkoushinchuu { margin: 0px; border: solid 1px #333; border-top: none; padding: 8px }
dl.blogkoushinchuu dt { clear: left; float: left; width: 7em; font-size: 93% }
dl.blogkoushinchuu dd { zoom: 1 /* IE6 の 3px ずれ対策 */; margin-left: 6.5em; margin-bottom: 8px; width: 230px }
div#brand { position: absolute; width: 100%; height: 100%; background: url(images/milani.png) 95% 95% no-repeat }
div#cover { position: relative; z-index: 1; margin: auto; padding: 0px 8px; width: 960px; background: #FFF }
div#fitter { position: relative; z-index: 100; margin: 0px auto; padding: 0px; width: 960px }
div#container { position: relative; z-index: 1; margin:0px 0px 0px -240px; width: 100%; float:right }
div#content { position: relative; z-index: 1; margin: 0 0 0 240px; width: 720px }
div#content img { margin-bottom: 8px; border: 4px solid; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px }
div.breadcrumb { margin: 8px 8px 0px; border: 1px solid #F31; padding: 8px }
div.breadcrumb a { font-weight: normal }
div.indexbox { position: relative; z-index: 1; display: inline; margin: 8px; width: 344px }
div.indexbox h2 { margin: 0px; height: 40px; line-height: 40px; text-indent: -9999px }
dl.indexbox { margin: 0px; border: solid 1px #F31; border-top: none; padding: 8px; line-height: 24px }
dl.indexbox dt { clear: left; float: left; width: 7em; font-size: 93% }
dl.indexbox dd { zoom: 1 /* IE6 の 3px ずれ対策 */; margin-left: 6.5em; width: 230px; overflow: hidden; white-space: nowrap }
div#eventinfo { float: left; margin: 8px }
div#eventinfo h2 { background: url('images/eventjouhou-h2.png') }
div#shouhinjouhou { position: static; float: right }
div#shouhinjouhou h2 { background: url('images/shouhinjouhou-h2.png') }
div.publish, div.post { clear: both; margin: 8px }
h2.entry-title { margin: 0px; height: 40px; padding-left: 56px; line-height: 40px; color: #FFF; background: url(images/h2bar.png); text-shadow: #000 -1px -1px 1px, #F93 1px 1px 1px }
h2.entry-title a { text-decoration: none; color: #FFF; font-weight: bold }
div.entry-date { border: solid 1px #F31; border-top: none; border-bottom: solid 1px #EF1; padding: 8px 16px }
div.entry-date a { font-weight: normal }
ul.entry-meta { float: right; margin: 0px 0px 0px 8px; width: 234px; padding: 8px 16px 8px 8px }
ul.entry-meta li { border-bottom: solid 1px #F31; padding: 4px; list-style: none; font-size: 93% }
ul.entry-meta li a { font-weight: normal }
div.entry-content { border: 1px solid #F31; border-top: none; border-bottom-color: #EF1; padding: 8px 16px 0px 16px; line-height: 175% }
div.entry-content a { text-decoration: underline; font-weight: normal }
div.entry-content a:hover { color: #9F6 }
div.entry-content img { margin: 0px 16px 0px 0px }
div.entry-content p { margin: 0px 0px 8px 0px }
div.clearer { clear: both; margin: 0px 0px 8px 0px }
div.entry-content.excerpt, div.entry-content.page, div.entry-content.no-results { border-bottom: 1px solid #F31 }
div.entry-meta { border: solid 1px #F31; border-top: none; padding: 8px 16px }
div.entry-meta a { text-decoration: none; font-weight: normal }
div.entry-meta a:hover { text-decoration: underline }
form#searchform-no-results { margin-top: 8px }
/* .publish .post */
div.navigation { margin: 8px; height: 32px; border: solid 1px #F31 }
div.navigation a { color: #F31; font-weight: normal }
div.navigation div.nav-previous { float: left; padding: 8px; text-align: left }
div.navigation div.nav-next { float: right; padding: 8px; text-align:right }
/* div#content */
div.sidebar { position: relative; z-index: 1; float: left; overflow:hidden; width:240px }
div.sidebar ul.xoxo { margin: 0px }
ul.xoxo li { position: relative; margin: 8px 8px 0px }
ul.xoxo li h3 { overflow: hidden; margin: 0px; height: 32px; text-indent: -9999px }
li#listcategorypostswidget-3 h2 { overflow: hidden; margin: 0px; height: 40px; background: url(images/tenchounoosusume.png); text-indent: -9999px }
li#ics-calendar {}
li#ics-calendar h3 { overflow: hidden; margin: 0px; height: 32px; background: url(images/kongonoevent.png) }
li#ics-calendar div.bottom { border: solid 1px #F31; border-top: none; padding: 0px 8px 8px }
li#ics-calendar div.bottom ul { border: none }
li#ics-calendar div.bottom ul li { margin: 0px 0px 8px 24px; border: none }
li#ics-calendar div.bottom a {}
li#recent-posts h3 { background: url(images/koushinjouhou.png) }
li#rss-links h3 { background: url(images/rssfeeds.png) }
li#meta h3 { background: url(images/meta.png) }
li#text-3 h3 { background: url(images/omisenogoannai.png) }
ul.xoxo li ul, div.textwidget { margin: 0px; border: solid 1px #F31; border-top: none; padding-top: 8px }
ul.xoxo li ul li { margin: 0px 8px 8px 24px; border: none; padding: 0px }
div.textwidget p { padding: 0px 8px }
div#secondary { clear:left }
div#footer { position: relative; clear: both; border-top: 8px solid #693; padding: 8px 16px; text-align: center }
body.archive {}
body.archive div#wrapper {}
body.archive div#eyecatch { height: 256px }
body.archive div#title { top: 136px }
body.category {}
body.category div#wrapper {}
body.category div#eyecatch { height: 256px }
body.category div#title { top: 136px }
body.page {}
body.page div#wrapper {}
body.page div#eyecatch { height: 192px }
body.page div#title { top: 128px }
body.single {}
body.single div#wrapper {}
body.single div#eyecatch { height: 192px }
body.single div#title { top: 128px }
bode.search {}
body.search div#wrapper {}
body.search div#eyecatch { height: 192px }
div#nav-images {
height:150px;
margin:1em 0;
}
/*
4-2-3-1. 上部ナビゲーション（#nav-above）
コンテントの上部に配置されるナビゲーションです。
*/
div#nav-above {
}
/*
4-2-3-2. 下部ナビゲーション（#nav-above）
コンテントの下部に配置されるナビゲーションです。
*/
div#nav-below {
}
/*
4-2-5. コメント (#comments)
----------------------------------------------------------------------
*/
div#content div#comments {
margin: 20px;
}
form#commentform .form-label {
margin:1em 0 0;
}
form#commentform span.required {
/*background:#fff;*/
color:#c30;
}
form#commentform,form#commentform p {
padding:0;
}
input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}
div.comments ol li {
margin:0 0 3.5em;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}
.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}
.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}
p.wp-caption-text{
font-style:italic;
}
div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}
div.gallery dl.gallery-columns-1 {
width:100%;
}
div.gallery dl.gallery-columns-2 {
width:49%;
}
div.gallery dl.gallery-columns-3 {
width:33%;
}
div.gallery dl.gallery-columns-4 {
width:24%;
}
div.gallery dl.gallery-columns-5 {
width:19%;
}
/*
5-1.Pixopoint Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/