/*
Theme Name:     古事記の神話テーマ
Author:         Daisuke Ushio (IMJ)
Template:       shinwahaku
*/
@import url('../shinwahaku/style.css');

/*
  Overrides
*/
a {
  color: #362400;
}

a:hover {
  color: #837862;
  text-decoration: none;
}


/*
  レイアウト
*/
body {
  background: url(images/common/bg_global.gif);
}

#main {
  width: 100%;
}


/*
  メインイメージ
*/
#main-image {
  background: url(images/common/bg_main_image.gif);
  border: none;
  position: relative;
  margin-bottom: 0;
}

body.frontpage #main-image {
  margin-bottom: 20px;
  height: auto !important;
  border: none;
}

#main-image-links {
  background-color: #362400;
  margin-bottom: 20px;
}

#main-image-links .width-fixer {
  
}

#main-image-links ul {
  /width: auto;
  padding: 14px;
  background: url(images/common/h1_common_bottom.jpg) no-repeat;
}


/*
  コンテンツ
*/
#content {
  padding: 0 0 20px 0;
}

.section {
  display: inline-block;
  *display: inline;
  width: 100%;
}


/*
  フロントページ
*/
body.frontpage #main-image {
  margin-bottom: 0;
}

body.frontpage #content {
  padding: 0;
}


/*
  投稿レイアウト共通
*/
/* 共通 */
body.kojiki #sidebar,
body.kojiki #main {
  display: inline-block;
  *display: inline;
}

body.kojiki #main {
  color: #C3BDB2;
  float: right;
}

body.kojiki #main .section a {
  color: #C3BDB2;
}

body.kojiki #main div.user-editable-content {
  float: left;
  background-image: url(images/common/bg_content.gif);
  line-height: 2em;
}

body.kojiki #main div.user-editable-content h2 {
  color: #fff;
  line-height: 1.5em;
  clear: none;
  font-size: 1.75em;
}

body.kojiki #main div.user-editable-content h3 {
  color: #fff;
  line-height: 1.5em;
  clear: none;
  font-size: 1.3em;
}

body.kojiki #main div.user-editable-content hr {
  color: #C3BDB2;
  background-color: #C3BDB2;
  height: 1px;
}


/*
  ページ: 古事記の神話
*/
/* トップ */
body.kojiki.shinwa.top #main .spacer {
  margin: 32px 32px 0 32px;
  position: static;
}

body.kojiki.shinwa.top #main .section.copy {
  width: 240px;
  float: left;
  position: static;
}

body.kojiki.shinwa.top #main {
  width: 100%;
  float: none;
  background-image: url(images/common/bg_content.gif);
}

body.kojiki.shinwa.top #main .section.copy .bottom-shimanekko {
  position: absolute;
  bottom: -12px;
}

body.kojiki.shinwa.top #main .section.thumbs {
  display: inline-block;
  width: 580px;
  float: right;
}

body.kojiki.shinwa.top #main .section.thumbs ul.spacing-justify {
  font-size: 0.1em;
}

body.kojiki.shinwa.top #main .section.thumbs ul.spacing-justify li {
  width: 140px;
  text-align: center;
  height: 190px;
  font-size: 90%;
}

body.kojiki.shinwa.top #main .section.thumbs ul.spacing-justify li span {
  display: block;
  font-size: 1000%;
  line-height: 1.5em;
}

body.kojiki.shinwa #sidebar {
  width: 200px;
  border: 1px solid #9A9180;
  float: left;
}

body.kojiki.shinwa #sidebar .section {
  display: block;
  width: auto;
  padding: 10px 10px 0 10px;
}

body.kojiki.shinwa #sidebar h4 {
  line-height: 26px;
  color: #fff;
  background-color: #544526;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}

body.kojiki.shinwa #sidebar li {
  border-bottom: 1px solid #9A9180;
  margin-bottom: 10px;
  text-align: center;
}

body.kojiki.shinwa #main {
  width: 750px;
}

body.kojiki.shinwa #main div.user-editable-content {
  box-sizing: content-box;
  width: 480px;
  *width: 480px;
  _width: 530px;
  padding: 25px;
}

body.kojiki #main div.user-editable-content p,
body.kojiki #main div.user-editable-notes p {
  margin-bottom: 1.5em;
}

body.kojiki.shinwa #main div.user-editable-notes h3 {
  border-top: 1px solid #544526;
  border-bottom: 1px solid #544526;
  font-size: 1.1em;
  line-height: 24px;
}

body.kojiki.shinwa .section.main {
  color: #D8CABA;
  background-image: url(images/common/bg_content.gif);
}

body.kojiki.shinwa #main div.user-editable-notes {
  box-sizing: content-box;
  width: 190px;
  *width: 190px;
  _width: 210px;
  padding: 10px;
  float: right;
  background-image: url(images/common/bg_notes.gif);
  color: #544526;
  font-size: 0.9em;
  line-height: 1.3em;
}

body.kojiki.shinwa #main div.user-editable-notes a {
  color: #362400;
}

body.kojiki.shinwa #main div.user-editable-notes a:hover {
  color: #6A4800;
}

body.kojiki.butai #main .h {
  margin-bottom: 0.5em;
}

body.kojiki.butai #main ul, 
body.kojiki.butai #main ul li {
  list-style-type: disc;
}

body.kojiki.butai #main ul {
  margin-left: 1em;
}

body.kojiki.butai #sidebar li {
  border: none;
  margin-bottom: 10px;
  text-align: center;
}

body.kojiki.butai #sidebar li.bottom-border {
  border-bottom: 1px solid #9A9180;
}

body.kojiki.butai #sidebar p {
  margin-bottom: 10px;
}

body.kojiki.butai #sidebar li ol {
  margin-left: 1em;
  padding: 0;
}

body.kojiki.butai #sidebar li li  {
  list-style-type: decimal;
  font-size: 75%;
  margin: 0;
  padding: 0;
  list-style-position: inside;
  text-align: left;
  line-height: 1.5em;
}





/*
  古事記: 共通
*/
body.kojiki img.alignleft{
  float: left;
  margin: 0 10px 0 10px;
}

body.kojiki img.alignright{
  float: right;
  margin: 0 0px 10 10px;
}

/*
  ページ: 古事記の基礎知識
*/
/* トップ */
body.kojiki.kiso.top #main {
  width: 100% !important;
  float: none;
  background-image: url(images/common/bg_content.gif);
}
body.kojiki.kiso.top #main .spacer {
  margin: 32px 32px 0 32px;
  position: static;
}

body.kojiki.kiso.top #main .section.copy {
  width: 240px;
  float: left;
  position: static;
  margin-bottom: 32px;
}

body.kojiki.kiso.top #main .section.banners {
  display: inline-block;
  width: 600px;
  float: right;
  margin-bottom: 32px;
}

body.kojiki.kiso.top #main .section.banners li {
  margin-bottom: 8px;
}

/* サイドバー */
body.kojiki.kiso #sidebar {
  width: 200px;
  float: left;
}

body.kojiki.kiso #sidebar .banners li {
  display: inline-block;
  *display: inline;
  margin-bottom: 4px;
}

/* メイン */
body.kojiki.kiso #main {
  width: 750px;
}

body.kojiki.kiso #main .section.post-content .spacer {
  margin: 25px;
}

body.kojiki.kiso #main div.user-editable-content {
  width: 100%;
}

h4 {
	color: #FFF;
}