@charset "utf-8";

/***  全体設定  ***/
* {
  margin: 0;
  padding: 0;
}
#container {
  position: relative;
  width: 960px;
  overflow: hidden;
  margin: 0 auto;
}
body {
  background-color: #00bbdd;
}
img {
  max-width: 100%;
  height: auto;
}

/***  ヘッダー設定  ***/
header {
  width: 100%;
  height: 250px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 120%;
  background-image: url("http://blog-imgs-73.fc2.com/d/e/n/denanikki/background.jpg");
  background-repeat: no-repeat;
  overflow: hidden;
}
h1#title {
  padding-top: 90px;
  color: #ffff00;
}

/***  記事部分設定  ***/
div#main {
  float: right;
  margin-right: 5px;
  width: 695px;
}
div.main_body {
  padding: 5px 0 5px 0;
}
div.maindat {
  font-size: 90%;
  padding: 0 20px 0 20px;
}
span.titlespan{
  width: 20px;
  border-radius: 5px;
  margin-right: 10px;
  display: inline-block;
  background-color: #00ffff;
  color: #00ffff;
}
h2.title {
  border-radius: 5px;
  background-color: #999999;
}
div#pack {
  border-radius: 5px;
  margin-bottom: 5px;
  background-color: #eeeeee;
}
div#main img {
  max-width: 100%;
  height: auto;
}
h2 a:link {
  color: ##a0ddff;
  text-decoration: none;
}
h2 a:visited {
  color: #0000ff;
  text-decoration: none;
}
h2 a:hover, h2 a:active {
  color: #00ffff;
}

div#fix {
  margin-bottom: 5px;
  border-radius: 5px;
  background-color: #eeeeee;
}
div#fix ul {
  font-size: 0px;
}
div#fix ul li{
  width: 50%;
  display: inline-block;
}
div#nextmain {
  font-size: medium;
  text-align: center;
}
div#backmain {
  font-size: medium;
  text-align: center;
}

/***  コメント設定  ***/
div.navigate {
  border-radius: 5px;
  background-color: #eeeeee;
  margin-bottom: 5px;
}
ul.navi {
  font-size: 0px;
}
.navi li{
  width: 33.3%;
  font-size: medium;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  list-style-type: none;
}
div.comdat {
  width: 695px;
  margin-bottom : 5px;
  border-radius: 5px;
  background-color: #eeeeee;
}
div#comheader {
  font-size: 120%;
  color: #a0ddff;
  border-radius: 5px;
  background-color: #999999;
}
div#coments {
  padding: 5px 20px 5px 20px;
}
span.comspan {
  width: 20px;
  border-radius: 5px;
  display: inline-block;
  background-color: #00ffff;
  color: #00ffff;
}

div#form {
  width: 695px;
  margin-bottom : 5px;
  border-radius: 5px;
  background-color: #eeeeee;
}
div#form ul {
  list-style-type: none;
}
div#comformtitle {
  font-size: 120%;
  color: #a0ddff;
  border-radius: 5px;
  background-color: #999999;
}
div.formdat{
  font-size: 85%;
  padding: 5px 20px 5px 20px;
}
span.formspan {
  width: 20px;
  border-radius: 5px;
  display: inline-block;
  background-color: #00ffff;
  color: #00ffff;
}

div#track{
  width: 695px;
  margin-bottom : 5px;
  border-radius: 5px;
  background-color: #eeeeee;
}
div#tbheader{
  font-size: 120%;
  color: #a0ddff;
  border-radius: 5px;
  background-color: #999999;
}
span.tbspan {
  width: 20px;
  border-radius: 5px;
  display: inline-block;
  background-color: #00ffff;
  color: #00ffff;
}
div.area{
  font-size: 85%;
  padding: 5px 20px 5px 20px;
}

/***  サイドバー設定  ***/
div#side {
  float: left;
  margin-left: 5px;
  width: 250px;
}
div.plg {
  margin-bottom: 5px;
  border-radius: 5px;
  background-color: #eeeeee;
}
div.plgtitle {
  border-radius: 5px;
  color: #a0ddff;
  background-color: #999999;
}
div.plgcontent{
  font-size: 85%;
  padding: 5px 15px 5px 15px;
}
span.plgspan {
  width: 15px;
  border-radius: 5px;
  display: inline-block;
  background-color: #00ffff;
  color: #00ffff;
}
.plg li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 15px;
}

/*** カレンダー(プラグイン)の設定 ***/
table.calender {
  padding-left: 20px;
  width: 90%;
}
table.calender caption {
  padding-left: 20px;
  margin: 0px auto;
}
table.calender th,
table.calender td {
  padding: 0.1em;
  border-bottom: 1px dotted #666666;
  text-align: center;
}
table.calender th#sun {
  color: #ff6600;
}
table.calender th#sat {
  color: #0066ff;
}

/***  フッター設定  ***/
footer {
  padding: 10px;
  font-size: 0.8em;
  text-align: center;
  background-color: #eeeeee;
}