@charset "utf-8";
/*
Theme Name: Rubbergard Record2
Theme URI: http://wordpress.org/
Description: Rubbergard Record -by terkel.jp & studio-fun.net
Version: Blog-Version-1.0
Author: Terkel & kan
Author URI: http://terkel.jp/  http://studio-fun.net/ 
Tags: Rubbergard Record

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Terkel & kan 
	whose blog you will find a thttp://terkel.jp/  http://studio-fun.net/ 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
 * common.css for www.rubbergard.jp
 * Copyright (c) 2009 Rubbergard Record
 * 
 */

/*
 * Colors
 * 
 * Yellow: #e3d400;
 * blue:   #009ccf;
 * brown:  #bd8924;
 * 
 */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Reset

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, body, div, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, address, hr,
pre, blockquote, ins, del, form, fieldset, legend,
table, caption, thead, tfoot, tbody, tr, th, td {
  padding: 0;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1.0em;
}
ul p, ol p, dl p, table p,
ul ul, ol ul, dl ul, table ul,
ul ol, ol ol, dl ol, table ol,
ul dl, ol dl, dl dl, table dl,
ul pre, ol pre, dl pre, table pre,
ul table, ol table, dl table, table table {
  font-size: 1.0em;
  margin: 0;
}
img, object {
  border: 0;
  vertical-align: bottom;
}
q:before, q:after {
  content: "";
}
fieldset {
  border: 0;
}
legend {
  color: inherit;
}
input, textarea, select, button {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 1.0em;
  color: inherit;
}
input[type="text"], textarea {
  font-variant: normal;
  text-transform: none;
}
optgroup {
  font-family: inherit; /* for Firefox */
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Base

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
  font: 13px/1.4 "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background-color: #ffffff;
  color: #202020;
  border-top: 5px solid #e3d400;
}
p, ul, ol, dl, table {
  line-height: 1.4;
  margin-bottom: 1.0em;
}
ul, ol, dl {
  padding: 0 0 0 2.0em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 0 2.0em;
}
hr {
  display: none;
}
address, em, cite, dfn {
  font-style: normal;
}
strong {
  font-weight: bold;
}
a {
  color: #009ccf;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #404040;
	border-bottom: 2px solid #e3d400;
}
a.img-only:hover {
	border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.4;
  margin: 0 0 1.2em;
}
th, td {
  padding: 0.4em 0.6em;
  border: solid #c0c0c0;
  border-width: 1px 0;
  text-align: left;
  vertical-align: top;
}
th {
  text-align: right;
  font-weight: bold;
  color: #808080;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Layout

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Page Header */
.page-header {
  position: relative;
  width: 100%;
  margin: 0 0 1px;
  border-bottom: 1px solid #404040;
}
.page-header .logo {
  position: absolute;
  top: -6px;
  left: 15px;
  border: 1px solid #ffffff;
}
.page-header .logo a {
  display: block;
  background: #ffffff;
}
.page-header .logo a:hover {
  background: #e3d400;
}
.page-header .nav {
  list-style: none;
  width: 752px;
  padding: 0 0 0 208px;
  margin: 0;
  font-size: 0.77em;
}
.page-header .nav li {
  float: left;
  margin: 0 4px 0 0;
  text-align: center;
}
.page-header .nav li a {
  display: block;
  padding: 5px 16px 4px;
  border-bottom: 4px solid #ffffff;
  font-weight: normal;
  color: #404040;
  text-decoration: none;
}
.page-header .nav li a strong {
  display: block;
  font-size: 1.9em;
  line-height: 1.22;
  font-weight: bold;
  color: #bd8924;
}
.page-header .nav li a:hover,
.page-header .nav li .current a {
  color: #000000;
  background: none;
  border-color: #404040;
}
.page-header .nav li a:hover strong,
.page-header .nav li .current a strong {
  color: #404040;
}

/* 検索 */
#search {
  width: 382px;
  margin: 1.0em auto 2.0em;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}
#search p {
  position: relative;
  width: 100%;
  margin: 0 -1px;
  border-right: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}
#search p #search-text {
  display: -moz-inine-box;
  display: inline-block;
  width: 350px;
  padding: 2px 30px 2px 2px;
  border: 0;
}
#search p #search-submit {
  position: absolute;
  top: 2px;
  right: 4px;
}

/* ボディ div.page-body */
.page-body {
  width: 752px;
  margin: 0 0 0 208px;
}

/* メインカラム div.content */
.content {
  float: left;
  width: 512px;
  padding: 5.8em 15px 0 0;
  border-right: 1px solid #c0c0c0;
}

/* Upgade Browser (IE6 only) */
.upgrade-browser {
	position: relative;
	width: 480px;
	padding: 10px 15px;
	margin: 0 0 20px;
	border: 1px solid #ff8000;
	background: #ffffc0;
}
.upgrade-browser p {
	margin-right: 16px;
}
.upgrade-browser ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.upgrade-browser ul li {
	float: left;
	width: 96px;
	text-align: center;
}
.upgrade-browser .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.0em;
	margin: 0;
	font: bold 25px/1.0 "Courier New", Courier, monospace;
	text-align: center;
	vertical-align: middle;
}
.upgrade-browser .close a {color: gray; text-decoration: none;}
.upgrade-browser .close a:hover {color: black;}

/* 商品リスト div.articles */
.articles {
  margin: 0 0 4.0em;
}
.articles .articles-title {
  line-height: 1.5em;
  margin: 0;
  color: #808080;
  font-weight: normal;
  text-align: center;
}
.articles .articles-title strong {
  font-size: 1.47em;
  font-weight: bold;
  color: #404040;
}
.articles .article {
  margin: 1.0em 0 0;
  padding: 1.0em 0 0;
  border-top: 1px dashed #808080;
}

/* 商品 div.article */
.article .article-title {
  font-size: 1.93em;
  line-height: 1.2;
  margin: 0 0 0.2em;
  font-weight: normal;
}
.article .article-title a {
  font-weight: normal;
}
.article .article-title .photo {
  float: left;
  padding: 1px;
  border: 1px solid #808080;
  margin: 0 16px 0.4em 0;
}
.article .article-meta {
  font-size: 0.77em;
  padding: 0;
  margin: 0 0 1.3em 160px;
}
.article.blog .article-meta {
  margin-left: 0;
}
.article .article-meta dt {
  display: none;
}
.article .article-meta dd {
  font-size: 1.3em;
  margin: 0;
}
.article .article-meta dd.format {
  display: -moz-inline-box;
  display: inline-block;
  font-size: 1.1em;
  line-height: 1.19;
  vertical-align: middle;
  padding: 0 0.5em;
  margin: 0 0.5em 0 0;
  color: #ffffff;
  background: #808080;
  font-weight: bold;
}
.article .article-meta dd.artist {
  display: -moz-inline-box;
  display: inline-block;
  font-size: 1.5em;
  vertical-align: middle;
}
.article .article-meta dd.price {
  font-size: 1.9em;
  line-height: 1.2;
  color: #ff0000;
}
.article .article-meta dd.pressing,
.article .article-meta dd.label {
  display: -moz-inline-box;
  display: inline-block;
}
.article .article-meta dd.pressing {
  padding: 0 20px 0 0;
  margin: 0 4px 0 0;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.article .article-meta dd.pressing.gb {
  background-image: url(../img/flag/gb.png);
}
.article .article-meta dd.pressing.jp {
  background-image: url(../img/flag/jp.png);
}
.article .article-meta dd.pressing.us {
  background-image: url(../img/flag/us.png);
}/*
.article .article-meta dd.cat {
  padding: 0 0 0 20px;
  background: url(../img/icon/folder.png) no-repeat 0 50%;
}*/
.article .article-meta dd.tag {
  padding: 0 0 0 20px;
  background: url(../img/icon/tag-yellow.png) no-repeat 0 50%;
}
.article .article-meta dd.tag ul {
  padding: 0;
}
.article .article-meta dd.tag ul li {
  display: inline;
}
.article .section {
  margin: 3.0em 0;
}
.article .section:first-child {
  margin-top: 0;
}
.article .section h2 {
  font-size: 1.5em;
  line-height: 1.2;
  margin: 0 0 0.87em;
  font-weight: bold;
}

/* Google Maps */
.article .map#googlemaps {
  width: 510px;
  height: 318px;
  border: 1px solid #c0c0c0;
}

/* サブカラム div.sidebar */
.sidebar {
  float: right;
  width: 208px;
  padding: 1.0em 0 0;
}
.sidebar .section {
  padding: 0 0 1.0em;
  margin: 0 0 1.0em;
  border-bottom: 1px dashed #808080;
}
.sidebar .section .section {
  padding: 0;
  margin: 0;
  border: 0;
}
.sidebar .section h2 {
  font-size: 0.77em;
  line-height: 1.5;
  font-weight: normal;
  margin: 0 0 1.0em;
}
.sidebar .section h2 strong {
  display: block;
  font-size: 1.9em;
  line-height: 1.21;
  font-weight: bold;
}
.sidebar .section h3 {
  font-size: 1.16em;
  font-weight: bold;
  margin: 0;
  color: #808080;
}
.sidebar .section#genres ul {
  font-size: 1.16em;
  padding: 0 0 0 8px;
  margin: 0;
  list-style: none;
}
.sidebar .section#genres ul li {
}
.sidebar .section#genres ul li ul {
  font-size: 0.74em;
}
.sidebar .section#genres ul li ul li {
  display: inline;
}

.sidebar .section#about dl {
	font-size: 0.77em;
	padding: 0;
	margin: 0;
}
.sidebar .section#about dt {
  display: none;
}
.sidebar .section#about dd {
  margin: 0;
}
.sidebar .section#about .tel,
.sidebar .section#about .email {
  font-size: 1.5em;
  font-weight: bold;
}
.sidebar .section#about .tel,
.sidebar .section#about .email a {
  color: #808080;
}
.sidebar .section#about .adr {
  font-size: 1.3em;
  line-height: 1.3;
  margin: 0.5em 0;
}
.sidebar .section#about .adr .postal-code {
  display: block;
}
.sidebar .section#about .time-open,
.sidebar .section#about .day-close {
  font-size: 1.3em;
}
.sidebar .section#about dt.time-open,
.sidebar .section#about dt.day-close {
  display: block;
  float: left;
  clear: left;
  margin: 0 0.3em 0 0;
}
.sidebar .section#about dt.time-open:after,
.sidebar .section#about dt.day-close:after {
  content: ":";
}
.sidebar .section#about dt.kobutsu {
  display: block;
  line-height: 1.5;
  margin-top: 0.5em;
 font-weight:normal;
}
.sidebar .section#about .board {
  padding: 0.25em 5px;
  margin: 0.8em 0 0;
  border: 1px solid #e3d400;
}
.sidebar .section#about .board h3 {
  font-size: 1.0em;
  margin: 0 0 0.25em;
  color:#d48700;
  border-bottom: 1px solid #e3d400;
}
.sidebar .section#about .board dl {
  font-size: 1.0em;
}
.sidebar .section#about .board dl dt {
  display: block;
  float: left;
  clear: left;
  margin: 0 0.3em 0 0;
}
.sidebar .section#about .board dl dt:after {
  content: ":";
}

.sidebar .section#about .banner{
  margin-top:12px;
}

.sidebar .section#updates ul {
  padding: 0;
  margin: 0 0 0.67em;
  list-style: none;
}
.sidebar .section#updates ul a {
  padding: 0 0 0 20px;
  background: no-repeat 0 50%;
}
.sidebar .section#updates ul .feed a {
  background-image: url(./common/img/icon/feed.png);
}
.sidebar .section#updates ul .twitter a {
  background-image: url(./common/img/icon/twitter.png);
}

/* フッタ div.page-footer */
.page-footer {
  padding: 1.0em 0 1.0em 208px;
  margin: 1px 0 0;
  border-top: 1px solid #808080;
}
.page-footer p,
.page-footer ul {
  width: 752px;
  margin: 0;
}
.page-footer .nav {
  position: relative;
  overflow: hidden;
  padding: 0;
	margin: 0.6em;
  list-style: none;
}
.page-footer .nav li {
  float: left;
	padding: 0 8px;
  margin: 0 8px 0 -9px;
  border-left: 1px solid #c0c0c0;
}
.page-footer .credits,
.page-footer .copy {
  font-size: 0.85em;
  text-align: right;
}

/* clearfix */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.group {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .group {
  height: 1%;
}
.group {
  display: block;
}
/* End hide from IE-mac */


/*paging*/
.paging {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.paging .paging-nav {
	position: relative;
	left: 50%;
	float: left;
	padding: 0;
	font-size: 1.16em;
	list-style: none;
}
.paging .paging-nav li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 0.3em;
	border-left: 1px solid #c0c0c0;
}
.paging .paging-nav li:first-child {
	border-left: 0;
}
.paging .paging-nav li a {
	display: block;
	padding: 0.2em 0.5em 0.1em;
	border-bottom: 2px solid #ffffff;
}
.paging .paging-nav li a:hover {
	border-bottom-color: #e3d400;
}
.paging .paging-nav li a.disable,
.paging .paging-nav li a.disable:hover {
	color: #808080;
	border-bottom-color: #ffffff;
}
.paging .paging-nav li a.current {
	color: #404040;
	border-bottom-color: #404040;
}
.paging .paging-nav li a:before,
.paging .paging-nav li a:after {
	font-family: "Monaco", "Consolas", "Courier New", "Courier", monospace;
}
.paging .paging-nav li a:before {
	margin: 0 0.4em 0 0;
}
.paging .paging-nav li a:after {
	margin: 0 0 0 0.4em;
}
.paging .paging-nav li.first a:before {
	content: "<<";
}
.paging .paging-nav li.prev a:before,
.paging .paging-nav li.newer a:before {
	content: "<";
}
.paging .paging-nav li.next a:after,
.paging .paging-nav li.older a:after {
	content: ">";
}
.paging .paging-nav li.last a:after {
	content: ">>";
}