@charset "shift_jis";


/* ===================================================================================================
  ResetElements
=================================================================================================== */

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td {  
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  margin-bottom: 1px;/* ƒXƒNƒ[ƒ‹ƒo[‚π‹­§•\Ž¦ */
  _filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

p{
  /* Blank */
}

ul, ol{
  line-height: 1em;
}

li{
  list-style: none;
}

dl{
  /* Blank */
}

dt{
  /* Blank */
}

dd{
  /* Blank */
}

table{
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}

caption {
  text-align: left;
}
th {
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}
td {
  vertical-align: top;
}

fieldset{
  border: none;
}

legend{
  display: none;
}

hr{
  border: none;
}

div{
  /* Blank */
}

br{
  /* Blank */
}

img{
  border: none;
}

input{
  _margin: -1px 0;
}

select{
  /* Blank */
}

textarea{
  /* Blank */
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -4px
}

sub {
  vertical-align: baseline;
  position: relative;
  top: 4px
}


/* ===================================================================================================
  Other
=================================================================================================== */

/* ClearfixƒnƒbƒN */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/* ‰B‚·‚ΰ‚Μ */
.hidden {
  display: none;
}


/* ===================================================================================================
  BaseSettings
=================================================================================================== */

body {
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  text-align: center; /* for WinIE */
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
  font-size: 12px;
  color: #333;
}
* html body {/* for WinIE */
  font-size: small;
}

h1, h2, h3, h4, h5, h6{
  font-size: 12px;
}
* html body h1,
* html body h2,
* html body h3,
* html body h4,
* html body h5,
* html body h6{/* for WinIE */
  font-size: small;
}

p {
  line-height: 1.5em;
}

hr {
  display: none;
}

/* Link */
a:link {
  color: #0033cc;
  text-decoration: none;
}
a:visited,
a:active {
  color: #3366cc;
  text-decoration: none;
}

a:hover{
  color: #cc3300;
  text-decoration: underline;
}


/* ===================================================================================================
  TextSettings
=================================================================================================== */
.txtS {
  font-size: 10px;
}
* html body .txtS{/* for WinIE */
  font-size: x-small;
}

.txtB{
  font-size: 14px;
}
* html body .txtB{/* for WinIE */
  font-size: medium;
}

.txtH{
  font-size: x-large;
}
* html body .txtH{/* for WinIE */
  font-size: large;
}

.txtL {text-align: left;}
.txtC {text-align: center;}
.txtR {text-align: right;}
.txtJ {text-align: justify;}

.txtG {color: #999}


/* ===================================================================================================
  WholeSettings
=================================================================================================== */
#wrap{
  margin: 0px auto;
  width: 820px;
  text-align: left;
  background: transparent url(images/wrap_border.gif) repeat-y center top;
}


/* ===================================================================================================
  HeaderSettings
=================================================================================================== */

#header {
  padding: 4px 10px 0px;
  text-align: left;
}
/* topMenu */
#header .topMenu {
  width: 800px;
  /*background: transparent url(images/bg_topmenu.gif) repeat-x left top;*/
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-bottom: 0; /*1px;*/
}
#header .topMenu ul {
  float: right;
  margin: 0px;
}
#header .topMenu ul li {
  min-height: 30px;
  background: /*transparent url(images/bg_topmenu.gif) repeat left top;*/
  float: left;
  display: inline;
  padding: 0px 8px;
  font-size: 10pt;
  line-height: 15px;
  border-left: 1px solid #666;
  text-align: center;
}
#header .topMenu ul li.current {
  background-image: none;
  background-color: #c5cfd8;
}
#header .topMenu ul li.oneliner {
  line-height: 30px;
}
#header .topMenu ul li a:link,
#header .topMenu ul li a:visited,
#header .topMenu ul li a:active {
  color: #333;
}
#header .topMenu ul li a:hover {
  color: #666;
}

#header .topTitle {
  background: transparent url(images/title01.jpg) no-repeat left top;
  width: 800px;
  height: 91px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  line-height: 0;
}
#header .topTitle p {
  line-height: 0;
}
#header .topTitle a {
  position: absolute;
  top: 0pt;
  left: 0pt;
  width: 800px;
  height: 91px;
  text-indent: 0pt;
  text-decoration: none;
}

/* ===================================================================================================
  BodySettings
=================================================================================================== */
#body {
  padding: 20px 10px 0px;
}


/* ===================================================================================================
  SideMenuSettings
=================================================================================================== */
#sideMenu {
  float: left;
  padding-left: 14px;
}
#sideMenu .body {
  width: 182px;
  min-height: 25px;
  background: transparent url(images/bg_side_body.gif) repeat-y left top;
  text-align: center;
}
#sideMenu .top {
  width: 182px;
  height: 13px;
  margin-bottom: -13px;
  line-height: 13px;
  background: transparent url(images/bg_side_top.gif) no-repeat left top;
}
#sideMenu .bottom {
  width: 182px;
  height: 12px;
  margin-top: -12px;
  line-height: 12px;
  background: transparent url(images/bg_side_bottom.gif) no-repeat left top;
}
* html body #sideMenu .bottom {
  background-position-y: 2px;
}

#sideMenu h2 {
  margin: 0 auto;
  margin-top: 14px;
  width: 159px;
  height: 15px;
  text-indent: -9999px;
  overflow: hidden;
}
#sideMenu h2.h2calendar {
  background: transparent url('images/h2calendar.gif') no-repeat left top;
}
#sideMenu h2.h2newentry {
  background: transparent url('images/h2newentry.gif') no-repeat left top;
}
#sideMenu h2.h2categories {
  background: transparent url('images/h2categories.gif') no-repeat left top;
}
#sideMenu h2.h2profile {
  background: transparent url('images/h2profile.gif') no-repeat left top;
}
#sideMenu h2.h2links {
  background: transparent url('images/h2links.gif') no-repeat left top;
}

#sideMenu ul.linkList li {
  padding: 4px 0;
  line-height: 1.2em;
}
#sideMenu ul.linkList li a:link,
#sideMenu ul.linkList li a:visited,
#sideMenu ul.linkList li a:active {
  background: transparent url(images/bg_sidelink.gif) no-repeat left 0.2em;
  padding: 0 12px;
  display: block;
}
#sideMenu ul.linkList li a:hover {
  background: transparent url(images/bg_sidelink_on.gif) no-repeat left 0.2em;
  padding: 0 12px;
  display: block;
}

/* Calendar */
#calendarBox {
  margin: 0 auto;
  width: 155px;  
  padding-top: 8px;
  text-align: center;
}

#calendarBox table {
  border-collapse: separate;
}
#calendarBox table td {
  vertical-align: middle;
  padding: 1px;
}

#dispCalendar {
  width: 155px;
}

.calendar {
  width: 100%;
  border-spacing: 2px;
  font-size: 11px;
  font-family: Arial, Helvetica;
}

.calendar td {
  width: 17px;
  height: 12px;
  border: 1px #999 solid;
  background-color: #fff;
}

.cell_sunday {
  color: #696;
}

.cell_today {
  border: 1px #036 solid !important;
  font-weight: bold !important;
}

.calendar a {
  display: block;
  background-color: #ffc;
}

.calendarNavi {
  font-size: 10px;
}
.calendarNavi a:link,
.calendarNavi a:visited,
.calendarNavi a:active {
  color: #666;
}
.calendarNavi a:hover {
  color: #333;
}

/* Search */
#searchBox {
  padding-top: 12px;
}

/* Rss */
#rss {
  padding-top: 12px;
}

/* NewEnteries */
#newentriesBox {
  padding: 4px 14px 0px;
  text-align: left;
}

/* Categories */
#categoriesBox {
  padding: 4px 14px 0px;
  text-align: left;
}

/* Profile */
#profileBox {
  padding: 4px 14px 0px;
  text-align: left;
}

/* Links */
#linksBox {
  padding: 4px 14px 0px;
  text-align: left;
}


/* ===================================================================================================
  MainContentsSettings
=================================================================================================== */
#mainContents {
  float: right;
  padding-right: 14px;
}
#mainContents .body {
  width: 578px;
  min-height: 44px;
  background: transparent url(images/bg_entry_body.gif) repeat-y left top;
  text-align: left;
}
#mainContents .top {
  width: 578px;
  height: 33px;
  margin-bottom: -33px;
  line-height: 33px;
  background: transparent url(images/bg_entry_top.gif) no-repeat left top;
}
#mainContents .bottom {
  width: 578px;
  height: 11px;
  margin-top: -11px;
  line-height: 11px;
  background: transparent url(images/bg_entry_bottom.gif) no-repeat left top;
}
* html body #mainContents .bottom {
  background-position-y: 3px;
}
#mainContents .contents {
  padding: 12px 16px;
}
#mainContents .body .contents h3 {
  padding-bottom: 16px;
}
#mainContents .body .contents h3 .entryDate {
  float: right;
  padding-left: 2em;
}
#mainContents .body .contents h4 {
  padding-bottom: 4px;
}
#mainContents .body .contents h5 {
  padding-top: 12px;
  padding-bottom: 8px;
}
#mainContents .body .contents .state {
  padding-top: 12px;
  text-align: right;
}
#mainContents .links {
  width: 578px;
  padding: 8px 0 16px;
}
#mainContents .pageup {
  padding: 0 8px;
}
#mainContents .pageup a:link,
#mainContents .pageup a:visited,
#mainContents .pageup a:active {
  background: transparent url(images/bg_toplink.gif) no-repeat left 1px;
  padding-left: 13px;
  display: block;
  float: right;
  color: #000;
}
#mainContents .pageup a:hover {
  background: transparent url(images/bg_toplink_on.gif) no-repeat left 1px;
  padding-left: 13px;
  display: block;
  float: right;
  color: #333;
}
#mainContents .pagenext {
  padding: 0 8px;
  float: right;
}
#mainContents .pagenext a:link,
#mainContents .pagenext a:visited,
#mainContents .pagenext a:active {
  background: transparent url(images/bg_nextlink.gif) no-repeat right 1px;
  padding-right: 13px;
  display: block;
  color: #000;
}
#mainContents .pagenext a:hover {
  background: transparent url(images/bg_nextlink_on.gif) no-repeat right 1px;
  padding-right: 13px;
  display: block;
  color: #333;
}
#mainContents .pageback {
  padding: 0 8px;
  float: left;
}
#mainContents .pageback a:link,
#mainContents .pageback a:visited,
#mainContents .pageback a:active {
  background: transparent url(images/bg_backlink.gif) no-repeat left 1px;
  padding-left: 13px;
  display: block;
  color: #000;
}
#mainContents .pageback a:hover {
  background: transparent url(images/bg_backlink_on.gif) no-repeat left 1px;
  padding-left: 13px;
  display: block;
  color: #333;
}

#mainContents .body .contents .comments {
  padding-bottom: 12px;
}
#mainContents .body .contents .trackbacks {
  padding-bottom: 12px;
}


/* ===================================================================================================
  FooterSettings
=================================================================================================== */

#footer {
  padding: 12px 10px;
  text-align: center;
}
#footer hr {
  width: 780px;
  display: block;
  border-top: 1px solid #ccc;
  height: 1px;
}
#footer a:link,
#footer a:visited,
#footer a:active {
  color: #000;
}
#footer a:hover {
  color: #333;
}