@charset "utf-8";


body {
  width: 904px;
  margin: 0 auto;
  color:#2d2d2d;
  line-height: 1.7em;
}

.wrapper {
  width: 904px;
  margin: 0 auto;
}

header p {
  margin: -5px 0 0 0;
  text-align: right;
  letter-spacing: 0.1em;
  font-size:14px;
  color:#4b2e0a;
}
header h1 {
 margin: 0px auto 0px;
}

/* ----  ナビ部分 display: table;  ----*/
ul.nav {
 /*border: 1px solid #F00;*/
 display:table;
 table-layout:fixed;
 width:850px;
 margin:3px auto;
 border-collapse:separate;  /* セルの間隔を空ける */
 border-spacing:15px 0px;  /* 左右 上下で記述 */
}
ul.nav li {
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 background-color:#d9b282;
 height:25px;
 border-radius:5px;
}
ul.nav li a {
 font-size:14px;
 color:#4b2e0a;
 font-weight:bold;
 text-decoration:none;
}
/* ----  /ナビ部分 display: table;  ----*/

/* ----  contents  ---- */
.contents {
  margin:0 auto;
  width:750px;
}
.contents h1 {
  border-left: 5px solid #C30;
  border-bottom: 2px solid #C30;
  margin: 30px 10px 10px 0px;
  padding-left: 20px;
  font-size:20px;
  color:#4b2e0a;
  font-weight:bold;
}
.contents h2 {
  width:300px;
  border-bottom: 1px solid #4b2e0a;
  margin: 30px 10px 10px 0px;
  font-size:18px;
  color:#4b2e0a;
  font-weight:bold;
}

.tanka {
  text-shadow: 1px 1px 1px #999999;
  font-weight: bold; 
  letter-spacing: 0.2em; 
  color: #366;
}

/* --横並び-- */
.tcell-box {
  display: table;
  width: 700px;
}
.tcell-text1 {
  display: table-cell;
  width: 100px;
  vertical-align:middle;
  font-size: 16px;
  color: #2d2d2d;
  text-align: left
}
.tcell-text2 {
  display: table-cell;
  vertical-align:middle;
  font-size: 16px;
  color: #2d2d2d;
  text-align: left;
}
.tcell-text3 {
  display: table-cell;
  width: 200px;
  vertical-align:middle;
  font-size: 16px;
  color: #2d2d2d;
  text-align: left
}
.tcell-text4 {
  display: table-cell;
  vertical-align:middle;
  font-size: 16px;
  color: #2d2d2d;
  text-align: left;
}


/* --/横並び-- */

.b {
  font-weight: bold;
}
.iro-murasaki {
  color: #6a4464;
}