@charset "shift_jis";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #00f; }

a:visited { color: #f0f; }

a:hover { color: #f00; }

a:active { color: #0aa; }

/* -------------------------------------------------------------
  レイアウト */
body {
  font-size: 12px;
  text-align: center;
  font-family: "メイリオ", Meiryo "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background-color: #fc7;
}

#total {
  text-align: left;
  width: 800px;
  margin: 10px auto;
  padding: 10px 10px;
  background: #fff;
}

#upper {
  width: 800px;
  height: 37px;
  margin-bottom: 10px;
  position: relative;
  background-color: #fff;
}

#header {
  width: 800px;
  height: 300px;
  margin-bottom: 20px;
  position: relative;
  background: url(img/lab-q-head3.gif) no-repeat 0 0px;
}

#contents {
  float: right;
  width: 580px;
  padding: 0 5px;
}

#sidebar {
  float: left;
  width: 200px;
}

#footer {
  clear: both;
  font-size: 9px;
  padding: 6px;
  text-align: center; 
  background-color: #f80;
  color: #fff;
}


/* -------------------------------------------------------------
  コンテンツブロック */

/* -- 見出し -- */
h2,h3,h4,h5,h6 {
  font-size: 14px;
  font-weight: normal;
  height: 50px;
  padding-top: 10px;
  text-align:center;
  color: #c30;
  background: url(img/contue2.gif) no-repeat 0 0;
}

h3,h4,h5,h6 { margin-top: 50px; }

/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0em;
  color: #d40;
}

.contnavi {
  list-style-type: circle;
  line-height: 1.8em;
  margin-left: 3em;
  margin-bottom: 0em;
  color:#0a0;
}

#number {
  text-align: center;
  }

#pagetop {
  text-align: right;
  }
  
  /* -------------------------------------------------------------
  サイドバーブロック */

/* -- カテゴリタイトル -- */
.side-title {
  font-size: 14px;
  font-weight: normal;
  height: 30px;
  text-decoration: none;
  display: block;
  width: 190px;
  padding-top: 7px;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #f30;
  background: url(img/sideue1.gif) no-repeat -1px 0;
}

/* -- リスト -- */
.localnavi {
  list-style-type: circle;
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url(img/sideshita3.gif) no-repeat 0 100%;
}

.localnavi li { display: inline;
}

.localnavi a {
  text-decoration: none;
  display: block;
  width: 180px;
  padding: 8px 5px 7px;
  border-bottom: 1px solid #fff;
  color: #fff;
  background: #f80;
}

.localnavi a:hover {
  color: #f60;
  background: #fe0;
}

.localnavi a:active {
  color: #0c0;
  background: #fe0;}
 
 .localnavi a.blog {
  width: 190px;
  height: 30px;
  margin-bottom: 5px;
  padding: 0;
  outline: none;
  background: url(img/blog_locomo_link.jpg) no-repeat left top;
}

.localnavi a.blog:hover {
  background: url(img/blog_locomo_link.jpg) no-repeat left center;
}

.localnavi a.blog:active {
  background: url(img/blog_locomo_link.jpg) no-repeat left bottom;
}

/* -------------------------------------------------------------
   フッターブロック */