@charset "utf-8";
/*
Theme Name: Keystone-si
Theme URI: http://keystone-si.com/
Description: Keystone Stringed Instrumentsのテーマ
Version: 1.0
Author: Ken
Author URI: http://www.kenstylesounds.com/
*/



/* ----------------------------------------------------------------
-- base style
---------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p {
  margin:0;
  padding:0;
}

ol,ul {  
  list-style:none;   
}

img {
  border:none;
  vertical-align:top;
}

html {
  overflow-y: scroll;
}

body {
  color:#333333;
  font-size: 76%;
  line-height:1.7;
  font-family:'メイリオ',Meiryo,arial,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  background: #C6BFB7 url(images/bg_body.jpg) left top repeat-x;
}

blockquote {
  padding: 10px 10px 10px 35px;
  background: url(images/quote_start.gif) no-repeat left top;
}

blockquote p {
  display: block;
  padding: 0 30px 10px 0;
  background: url(images/quote_end.gif) no-repeat right bottom;
  font-size: 0.9em;
}

/* ----------------------------------------------------------------
-- link style
---------------------------------------------------------------- */

a {
  text-decoration: none;
  outline: none;
  color: #8B693A;
}

a:hover {
  color: #33170b;
  text-decoration: underline;
}

/* ----------------------------------------------------------------
-- inline style
---------------------------------------------------------------- */

.colorFont01 {
  color: #997343;
}

/* ----------------------------------------------------------------
-- header style
---------------------------------------------------------------- */

#header {
  width: 900px;
  margin: 0 auto;
  padding: 15px 0;
  overflow: hidden;
}

#header h1,
#header p {
  float: left;
  width: 200px;
  height: 80px;
  background: url(images/logo.png) 0px 0px no-repeat;
  text-indent: -9999px;
}

#header h1 a,
#header p a {
  display: block;
  width:200px;
  height:80px;
}

ul#navi {
  float: right;
  width: 600px;
  margin-top: 10px;  
  overflow: hidden;
}

ul#navi li {
  float: right;
}

div#model {
  background-color: #827668;
  border-bottom: 2px solid #FFF;
}

div#model ul {
  width: 870px;
  height: 258px;
  margin: 0 auto;
  padding: 40px 0 0 30px;
  background: url(images/bg_main_img.jpg) 0px 0px no-repeat;
  overflow: hidden;
}

div#model li {
  float: left;
  margin-right: 15px;
}

/* ----------------------------------------------------------------
-- contents style
---------------------------------------------------------------- */

#main_wrap {
  width: 900px;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
}

#main,
#main_blog,
#main_page {
  width: 630px;
  float: left;
}

#main h2,
#main h3,
#main_page h1,
#main_blog h1 {
  width: 610px;
  height: 30px;
  margin-bottom: 20px;
  padding: 5px 10px;
  background: url(images/bg_title.jpg) 0px 0px no-repeat;
  color: #FFF;
  font-size: 1.4em;
}

#main p {
  margin-bottom: 3em;
  overflow: hidden;
  zoom:1;
}

.alignleft {
  float: left;
  display: block;
  margin-right: 10px;
  padding: 2px;
  border: 1px solid #827668;
  background-color: #E4E0DD;
}

.alignleft02 {
  float: left;
  display: block;
  margin-right: 10px;
  text-align: center;
}

.alignright {
  float: right;
  display: block;
  margin-left: 5px;
  padding: 2px;
  border: 1px solid #827668;
  background-color: #E4E0DD;
}

#single div#main_blog {
  margin-bottom: 4em;
}

div#main_page p,
div#main_blog p {
  margin-bottom: 1.5em;
  overflow: hidden;
  zoom: 1;
}

div.entrybox {
  margin-bottom: 1.5em;
  border-bottom: 1px dashed #827668;
}

div.entrybox ul,
div.entrybox table {
  margin-bottom: 1.5em;
}

div.date {
  width:60px;
  height:50px;
  float: left;
  margin-right: 10px;
  position: relative;
}

div#main_blog div.entrybox h1,
div#main_blog div.entrybox h2 {
  width: auto;
  height: auto;
  margin: 0;
  font-size: 1.6em;
  line-height: 1.3;
  height: auto;
  border: none;
  padding: 0 0 5px;
  background: none;
  color: #9A7541;
}

ul.postdata {
  margin-bottom: 1.5em;
}

ul.postdata li {
  display: inline;
}

div.date span {
  display: block;
}

.month {
  width:44px;
  height:20px;
  position: absolute;
  top: 0;
  left: 0;
}

.day {
  width:44px;
  height:30px;
  position: absolute;
  top: 20px;
  left: 0;
}

.year {
  width:16px;
  height:50px;
  position: absolute;
  top: 0;
  left: 44px;
}

li.category {
  background:transparent url(images/folder.gif) no-repeat scroll left center;
  padding-left: 20px;
}

li.tags {
  background:transparent url(images/tag.gif) no-repeat scroll left center;
  padding-left: 20px;
  margin-left: 5px;
}

li.comment_num {
  background:transparent url(images/comment.gif) no-repeat scroll left center;
  padding-left: 20px;
  margin-left: 5px;
}

div#main_blog p#tb_url {
  padding: 7px 10px;
  margin-bottom: 3em;
  background-color: #301B03;
  color: #FFF;
}

/* ----------------------------------------------------------------
-- comment form
---------------------------------------------------------------- */

div#comments:target {
  background: url(../images/target-icon.png) left top no-repeat;
  padding-left: 70px;
  margin-left: -70px;
}

div#comments h3 {
  font-size: 1.5em;
  font-weight: normal;
  color: #301B03;
  line-height: 1.2;
  margin-bottom: 0.3em;
  padding-top: 1em;
  font-family:arial,sans-serif;
}

div#comments div {
  margin-top: 1.5em;
  background-color: #ECE8E4;
}

div#comments div:first-of-type {
  margin: 0;
}

div#comments div h4 {
  display: block;
  padding: 7px 10px;
  color: #FFF;
  background-color: #301B03;
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
}

div#comments div p {
  padding: 7px 10px;
  margin-bottom: 0;
  background-color: #D9D4CE;
}

div#comments ol {
  margin-bottom: 1.2em;
}

div#comments ol li {
  list-style: decimal;
  margin: 0 0 3px 22px;
  border-bottom: 1px dashed #D6D0C9;
}

#commentform,
.wpcf7-form {
  border: 5px solid #827668;
  background-color: #D9D4CE;
  padding: 15px 0;
}

#commentform dl,
#commentform p,
.wpcf7-form dl {
  width: 420px;
  margin: 0 auto;
}

#commentform dd,
.wpcf7-form dd {
  padding-bottom: 5px;
}

#commentform dl:last-child dd {
  padding: 0;
}

.wpcf7-form input,
.wpcf7-form textarea,
input#author,
input#email,
input#url,
textarea#comment {
  width: 300px;
  border: 1px solid #827668;
  outline: none;
  color: #777777;
  padding: 2px 3px;
  font-size: 1em;
  line-height: 1.6;
  font-family: 'メイリオ','Meiryo',verdana,sans-serif;
}

.wpcf7-form textarea,
textarea#comment {
  width: 410px;
  margin-bottom: 10px;
}

input.error,
textarea.error {
  border: 1px solid #C64D05;
}

#commentform label {
  padding: 0;
}

#commentform label.error {
  padding-left: 0.5em;
}

div#comments ol + p {
  margin-top: 1.2em;
}

.error,
.req {
  color: #FF6600;
}

/* ----------------------------------------------------------------
-- table
---------------------------------------------------------------- */

table.stripe {
  width: 100%;
  margin-bottom: 1.5em;
  background-color: #827668;
  border: 2px solid #827668;
}

table.stripe th {
  background-color: #301B03;
  color: #FFF;
  padding: 5px;
  text-align: left;
}

table.stripe td {
  background-color: #D9D4CD;
  padding: 3px 5px;
}

colgroup.title {
  width: 70%;
}

colgroup.price {
  width: 30%;
}

/* ----------------------------------------------------------------
-- sidebar style
---------------------------------------------------------------- */

#side {
  width: 240px;
  float: right;
}

#side ul {
  margin-bottom: 1em;
  padding: 0 0 8px;
  background: url(images/side_navi_bottom.gif) left bottom no-repeat;
}

#side li {
  padding-left: 10px;
  background: url(images/side_navi_body.gif) left top repeat-y;
}

#side li:first-child {
}

#side li a {
  display: inline-block;
  padding-left: 15px;
  background: url(images/arrow.gif) 0 3px no-repeat;
}

#side p {
  margin-bottom: 1em;
}

/* ----------------------------------------------------------------
-- footer style
---------------------------------------------------------------- */

#footer {
  padding-bottom: 4em;
}

#footer a {
  color: #301B03;
}

#topic_path {
  background-color: #301B03;
  color: #A39B91;
}

#topic_path dl {
  width: 900px;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 0.9em;
}

#topic_path dt {
  display: none;
}

#topic_path dd {
  display: inline;
}

#foot_navi {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 4em;
  overflow: hidden;
}

#foot_navi div {
  width: 250px;
  float: left;
  padding: 15px 0;
}

#foot_navi h4 {
  font-size: 1.4em;
  font-family: arial,sans-serif;
  font-weight: normal;
  color: #FFF;
}

#foot_navi a:hover {
  text-decoration: underline;
  color: #FFF;
}

#foot_copy {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #827668;
  z-index: 100;
}

#foot_copy div {
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

.copy {
  float: left;
  padding: 10px 0;
  font-size: 1.2em;
}

.pagetop {
  float: right;
}

#slideshow {
  text-align: center;
  margin-bottom: 1em;
}

#slideshow img {
  margin-bottom: 1em;
}