/*==============================================================================
// 初期化
//============================================================================*/
*
{
  margin:0;
  padding:0;
  font-size:100%;
}


html
{
  overflow-y       : scroll;
  height           : 100%;
  background       : #455e7f url('../img/blog/bg.gif') repeat-x fixed;
}

body
{
  font-size        : 62.5%;
  min-height       : 100%;
  width            : 806px;
  height           : auto!important;
  height           : 100%;
  margin           : 0 auto;
  background       : #fff url('../img/blog/body.gif') repeat-y 0 0;
}

hr
{
  display:none;
}

img
{
  border:0;
}

a
{
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
  color:red;
}


/*==============================================================================
// header
//============================================================================*/
#header
{
  width             : 780px;
  padding           : 5px 13px 5px 13px;
  text-align        : right;
  margin            : 0 auto;
}


/*==============================================================================
// header2
//============================================================================*/
#header2
{
  width             : 800px;
  height            : 200px;
  padding           : 0 3px;
  margin            : 0 auto;
  background       : #fff url('../img/blog/header.jpg') no-repeat 0 0;
  overflow          : hidden;
}

#header2 h1
{
  padding           : 40px 0 0 40px;
  font-size         : 2em;
}

#header2 h1 a
{
  color             : #fff;
}

#header2 h2
{
  position          : absolute;
  top               : 5px;
  width             : 560px;
  padding           : 0 0 0 10px;
  font-weight       : normal;
}


/*==============================================================================
// container
//============================================================================*/
#container
{
  width             : 800px;
  padding           : 10px 3px 20px 3px;
  margin            : 0 auto;
  overflow          : hidden;
}


/*==============================================================================
// footer
//============================================================================*/
#footer
{
  clear             : both;
  width             : 760px;
  padding           : 10px 3px 10px 3px;
  margin            : 20px auto 0;
  background        : url('../img/blog/dot.gif') repeat-x 0 0;
  text-align        : right;
}


/*==============================================================================
// main
//============================================================================*/
#main
{
  float             : left;
  width             : 600px;
}


/*==============================================================================
// side
//============================================================================*/
#side
{
  float             : right;
  width             : 200px;
  font-size         : 1.3em;
}

.side-item
{
  width             : 190px;
  margin            : 0 0 1.5em 0;
  line-height       : 1.3em;
}

.side-item h3
{
  padding           : 3px 10px;
  margin            : 0 0 10px;
  background        : url('../img/blog/side-item.gif');
  color             : #fff;
  font-family       : 'Comic Sans MS';
}


.side-item ul
{
  list-style-type   : none;
  margin            : 0 10px 1em;
}

#tags-list li
{
  display           : inline;
}


/*==============================================================================
// main / pagenavi
//============================================================================*/
.pagenavi
{
  padding           : 5px 30px 5px 10px;
  font-size         : 1.3em;
  text-align        : right;
}


/*==============================================================================
// main / entryitem
//============================================================================*/
.entryitem
{
  padding           : 0 10px;
  margin            : 0 25px 3em 25px;
}

.entryhead a
{
  display           : block;
  width             : 520px;
  padding           : 5px 15px;
  margin            : 0 -10px 0 -25px;
  border-left       : 10px solid #bbf;
  font-weight       : bold;
  font-size         : 1.5em;
}

.entryhead a:hover
{
  background        : #eef;
  border-left       : 10px solid #aaa;
}


.entrydate
{
  padding           : 5px 15px;
  width             : 520px;
  margin            : 0 -10px 0 -25px;
  border-left       : 10px solid #aaaaaa;
  background        : #eee url('../img/blog/dot.gif') repeat-x 0 0;
  color             : #444;
  font-size         : 1.3em;
  text-align        : right;
}

.entrybody
{
  padding           : 2em 0;
  line-height       : 1.4em;
  font-size         : 1.3em;
}

.entrybody p
{
  margin-bottom     : 1.5em;
}

.entryfoot
{
  clear             : both;
  padding           : 10px 0;
  margin            : 0 -5px 0 0;
  background        : url('../img/blog/dot.gif') repeat-x 0 0;
  text-align        : right;
  font-size         : 1.1em;
}


/*==============================================================================
// main / パーツ
//============================================================================*/
.photo
{
  float:right;
  margin:5px 0 15px 20px;
  background-color:#eeeeee;
}

.photo img
{
  position:relative;
  top:-5px;
  left:-5px;
  padding:4px;
  border:1px outset #000000;
  background-color:#ffffff;
}



.important
{
  color             : orange;
  font-weight       : bold;
}

.notice
{
  color             : #cc0000;
  font-weight       : bold;
}


/*==============================================================================
// main / パーツ
//============================================================================*/
.notfound
{
  width         : 530px;
  padding       : 0 10px;
  margin        : 0 10px 2em 25px;
  background    : #fff;
}


.notfound h3
{
  font-size:3.0em;
  margin:0 0 1em 0;
}

.notfound p
{
  font-size:1.3em;
  margin:0 0 1.5em 0;
}