@charset "Shift_JIS";

/*  base
-----------------------------------------------------------------------------*/
body {
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  margin: 0 auto 0 auto;
  width: 950px;
  background: url(/img/common/bg.gif);
}

a { text-decoration: underline; }

a:link {
  color: #0F6B03;
  text-decoration: none;
}

a:visited, a:active {
  color: #0F6B03;
  text-decoration: none;
}

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

a img { border: 0; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, form {
  margin: 0;
  padding: 0;
}

.txt_c { text-align: center; }

/* color */
.red { color: #FF0000; }
.blue { color: #3366CC; }

/*float*/
.fl { float: left; }
.fr { float: right; }

.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

/*  original
-----------------------------------------------------------------------------*/
#shadow {
  padding: 0 5px 0 5px;
  background: url(/img/common/shadowbg.gif);
}

/*#w940 { background: url(/img/top/startbg.jpg) no-repeat; }*/
#w940 {
  margin: 0 auto;
  width: 940px;
}

#w800 {
  margin: 0 auto 0;
  width: 800px;
}

#contents {
  zoom: 100%;
  margin: 0 16px 0 36px;
  padding: 30px 30px 0 28px;
  background: url(/img/blog/b_contents_bg.gif);
}

#contents:after {
  height: 1px;
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}

#footer { clear: both; }

#cright {
  width: 167px;
  float: right;
}

#cright .timg { margin-top: 18px; }

#cmain {
  width: 500px;
  float: left;
}

/*  main contents
-----------------------------------------------------------------------------*/
/* entry */
.entryhead {
  line-height: 41px;
  padding: 0 0 0 43px;
  height: 41px;
  background: url(/img/blog/title_bg.gif) no-repeat;
}

.entryhead h2 {
  font-size: 14px;
  font-weight: bold;
  float: left;
}

.entryhead span {
  font-size: 10px;
  padding-right: 5px;
  float: right;
}

.entry {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
  clear: both;
}

.entry .txt { padding: 25px 20px 20px; }
.entry .extended { padding-top: 15px; }

.entry .posted {
  font-size: 10px;
  line-height: 23px;
  text-align: right;
  margin: 0 auto 0;
  width: 482px;
  background: url(/img/blog/posted_bg.gif);
}

.entry_bimg { margin-bottom: 30px; }

/* entry link */
#entrylink { font-size: 12px; }
#entrylink p { margin: 10px auto; }

/* trackback */
#trackbacks {
  margin-bottom: 20px;
  padding: 5px 20px;
  border: 1px solid #ccc;
  background: #fff;
}

#trackbacks h2 {
  font-size: 12px;
  color: #A0B8C8;
  margin-bottom: 10px;
  border-bottom: dotted 1px #ccc;
}

#trackbacks p {
  font-size: 0.75em;
  color: #666666;
  margin-top: 8px;
}

#trackbacks a { color: #66aaff; }

/* comment */
#comments {
  margin-bottom: 30px;
  padding: 5px 20px 15px 20px;
  border: 1px solid #ccc;
  background: #fff;
}

#comments h2 {
  font-size: 12px;
  color: #A0B8C8;
  border-bottom: dotted 1px #ccc;
}

#comments p {
  font-size: 12px;
  color: #666666;
}

#comments p.posted {
  font-size: 10px;
  color: #999999;
  padding: 5px 0 15px 10px;
}

#comments h2#com01 {
  margin-bottom: 15px;
  padding: 5px 0 5px;
}

#comments h2#com02 {
  margin-bottom: 15px;
  padding: 25px 0 5px;
}

#comments form div {
  padding-top: 0;
  border-top: none;
}

#comments .conf_t {
  font-size: 16px;
  color: #A0B8C8;
  line-height: 22px;
  margin-bottom: 15px;
  border-bottom: dotted 1px #ccc;
}

#comments .conf_txt {
  padding: 10px;
  background: #F7FFFD;
}

#comments .conf_user {
  padding: 5px 0 0;
  border-top: 1px dotted #ccc;
}

#comments .caution {
  font-size: 10px;
  color: #ff0000;
  padding: 15px 0 20px;
}

#coments_list {
  margin: 20px 0 20px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
}

#coments_list h3 {
  font-size: 12px;
  color: #A0B8C8;
  margin-bottom: 15px;
}

#coments_list .list_bg {
  padding: 10px 0 20px;
  border-top: 1px dotted #ccc;
}

#coments_list .list_t { font-weight: bold; }
#coments_list .list_txt { padding: 5px; }
#coments_list .list_f { font-size: 10px; }

/* category */
#categorytitle {
  font-size: 14px;
  line-height: 41px;
  padding: 0 0 0 43px;
  height: 41px;
  background: url(/img/blog/title_bg02.gif) no-repeat;
}

#categorydata h2 {
  font-size: 0.75em;
  color: #999999;
  margin: 0px;
  padding-top: 5px;
  border-top: #A0B8C8 1px dotted;
}

#categorydata ul { margin: 10px 0 10px 15px; }

#categorydata li {
  line-height: 22px;
  padding-left: 15px;
  height: 22px;
  background: url(/img/blog/point.gif) no-repeat 0 6px;
}

#categorydata {
  margin: 0 0 30px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}

/* month */
#monthtitle {
  font-size: 14px;
  line-height: 41px;
  padding: 0 0 0 43px;
  height: 41px;
  background: url(/img/blog/title_bg02.gif) no-repeat;
}

#monthdata h2 {
  font-size: 12px;
  color: #999999;
  margin: 0 0 0px;
  padding: 5px 0 0 20px;
  border-top: #A0B8C8 1px dotted;
  height: 22px;
  background: url(/img/blog/point.gif) no-repeat 0 6px;
}

#monthdata span {
  font-size: 10px;
  font-weight: normal;
}

#monthdata p {
  font-size: 12px;
  color: #666666;
  line-height: 150%;
  margin-bottom: 20px;
  padding: 0 0 15px 20px;
}

#monthdata {
  margin: 0 0 10px;
  padding: 12px;
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}

/* error */
#pagebody {
  margin: 10px 0px 0px;
  padding: 10px 0px 0px;
  border: #A0B8C8 1px solid;
  border-bottom: none;
  background: #ffffff url(images/head.gif) repeat-x;
}

#pagebody-inner {
  margin: 0px 0px 10px;
  padding: 5px 20px;
  border-bottom: #A0B8C8 1px solid;
  background: #ffffff url(images/left.gif) repeat-y;
}

#pagebody-inner .comment-content { font-size: 0.75em; }
#pagebody-inner .comment-footer { font-size: 0.75em; }
#pagebody-inner .comments-open { font-size: 0.75em; }

#pagebody-inner h3 {
  font-size: 0.75em;
  color: #A0B8C8;
  padding-bottom: 20px;
  border-bottom: dotted 1px #666666;
}

#pagebody-inner .comments h3 { padding: -20px; }
#pagebody-inner label { display: block; }
#pagebody-inner #beta { display: none; }

/*  sidebar
-----------------------------------------------------------------------------*/
/* calendar */
#calendar table {
  font-size: 10px;
  width: 167px;
  background: #C7C7C7;
}

#calendar .month {
  text-align: center;
  background: #DBF5B9;
}

#calendar th {
  margin: 0px;
  padding: 0px;
  background: #EEE;
}

#calendar td {
  font-family: "Verdana";
  color: #BBBBBB;
  text-align: center;
  margin: 5px 0px 20px 25px;
  padding: 0px;
  width: 24px;
  height: 18px;
  background: #fff;
}

#calendar {
  color: #333333;
  line-height: 120%;
  text-align: center;
  padding: 0px;
}

#calendar h2 {
  text-align: center;
  background: #ffffff url(images/head.gif) no-repeat;
}

#calendar tr {
  
}

#calendar a { text-decoration: none; }
#calendar a:hover { text-decoration: underline; }

/* menu */
.sidebar {
  padding: 12px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}

.sidebar li {
  line-height: 18px;
  padding: 2px 3px 2px 15px;
  background: url(/img/blog/point.gif) no-repeat 0 6px;
}

/* feed */
#feed {
  font-size: 10px;
  line-height: 130%;
  margin: 20px 0 40px;
}

/* add */
#wrapper {
  margin: 0 auto;
  padding: 0;
  width: 950px;
}

/**/
#h_wrapper {
  width: 940px;
  background: url(/img/common/bg_hw.jpg) no-repeat left top;
}

h1#h1_txt {
  font-size: 12px;
  color: #fff;
  padding: 3px 5px;
  background: #333;
}

#header { height: 71px; }

#header:after {
  height: 1px;
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
}

#header p.fr {
  margin: 0;
  padding: 15px 22px 0 0;
}

#header div.fr {
  margin: 6px 5px 0 0;
  padding: 0;
}

#header div.fr p {
  padding: 23px 0 15px 12px;
  background: url(/img/common/headbg_l.gif) no-repeat 0 0;
  float: right;
}

#header div.fr p span { font-weight: bold; }

#header div.fr ul {
  list-style: none;
  margin: 0;
  padding: 13px 8px 6px;
  background: url(/img/common/headbg_r.gif) no-repeat right 0;
  float: right;
}

#header div.fr ul li {
  margin: 0;
  padding: 0;
}

#header div.fr ul li a img {
  vertical-align: top;
  margin: 0 0 2px;
}

#header h3 {
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
  top: 60px;
  right: 10px;
  position: absolute;
}

#header a, #header a:visited { color: #fff; }

#header a.fr {
  margin: 10px 78px 0 0;
}


/*new navigation*/
#common_navi {
  list-style: none;
  margin: 0 auto;
  width: 886px;
  height: 50px;
  clear: both;
}

#common_navi li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

#common_navi li img { vertical-align: top; }

#item_navi01 {
  list-style: none;
  margin: 0 auto;
  width: 895px;
  clear: both;
}

#item_navi02 {
  list-style: none;
  margin: 0 auto;
  width: 638px;
  clear: both;
}

#item_navi01 li, #item_navi02 li {
  font-size: 10px;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  float: left;
}

#item_navi01 li img, #item_navi02 li img { vertical-align: top; }

#item_navi01 a, #item_navi01 a:visited {
  color: #888;
  line-height: 1;
}

#title_img {
  margin: 0 auto;
  width: 800px;
  clear: both;
}

#copy_txt {
  color: #fff;
  margin: 0 auto;
  padding: 5px 0;
  width: 950px;
  background: url(../img/common/bg_copytxt.gif) repeat-y left top;
}

#copy_txt h1 {
  font-size: 12px;
  padding-left: 35px;
}

#copy_txt h2 {
  font-size: 12px;
  padding-left: 10px;
}

#copy_txt p {
  font-size: 10px;
  padding-left: 10px;
}

/**/
#footer { clear: both; }

#copyright {
  font-weight: normal;
  text-align: center;
  padding: 7px 0 15px;
  background: url(/img/common/bg_copyright.gif) no-repeat;
}

#copyright h3 { font-size: 12px; }