/*-------------------------------------------------------------- ベース設定
*/

* {
  margin: 0;
  padding: 0;
}

/* default 
-----------------------------------*/

body {
  font-size: 91.6%;/* 11pt */
}

/* Except IE 
-----------------------------------*/

html>body {
  font-size: 11pt;
}

html {
  overflow-y: scroll;
  height: 100%;
}

* html #Container {
  height: 100%;
}

body {
  color: #3F3B3C;
  line-height: 1.5em;
  font-family: "MS UI Gothic", sans-serif;
  font-family: "meiryo";
  text-align: center;
  height: 100%;
}

body > #Container {
  height: auto;
}

/*-------------------------------------------------------------- 基本スタイル
*/

a {
  color: #107AC0;
}

a:hover {
  color: #f44;
}

img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- Header
*/

#Header h1 a {
  display: block;
  width: 744px;
  height: 160px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -1000em;
}

#Header p {
  display: none;
}

/*-------------------------------------------------------------- Box
*/

#Box {
  zoom: 100%;
  background: url('blog_images/csb_header.jpg') no-repeat center top;
  width: 824px;
  margin: 0 auto;
  padding-bottom: 2em;
}

#Box:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/*-------------------------------------------------------------- Container
*/

#Container {
  position: relative;
  min-height: 100%;
  background: #fff url('blog_images/csb_header_bg.jpg') repeat-x center top;
  text-align: left;
  position: relative;
}

/*-------------------------------------------------------------- ColumnRight
*/

#ColumnRight {
  display: inline;
  width: 168px;
  margin-right: 40px;
  margin-top: 56px;
  float: right;
}

/*-------------------------------------------------------------- Footer
*/

#Footer {
  clear: both;
  color: white;
  background: #366cd9 url('blog_images/csb_footer_bg.gif') repeat-x left top;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#Footer p {
  color: #fff;
  font-size: 90.9%;
  line-height: 1.2em;
  text-align: center;
}

.copyright {
  width: 100%;
  padding: 8px 0 4px;
}

/*-------------------------------------------------------------- Contents
*/

#Contents {
  display: inline;
  width: 560px;
  margin-left: 40px;
  float: left;
}

/*-------------------------------------------------------------- BlogMenu
*/

.BlogMenu {
  margin: 0 0 16px;
}

.BlogMenu h3 {
  text-indent: -1000em;
  width: 168px;
  height: 24px;
  overflow: hidden;
}

h3.BMLnk {background: url('blog_images/csb_h3_link.gif') no-repeat;}
h3.BMNew {background: url('blog_images/csb_h3_new.gif') no-repeat;}
h3.BMCat {background: url('blog_images/csb_h3_category.gif') no-repeat;}
h3.BMCom {background: url('blog_images/csb_h3_comment.gif') no-repeat;}
h3.BMArc {background: url('blog_images/csb_h3_archive.gif') no-repeat;}


.BlogMenu ul {
  margin: 16px 0 0;
}

.BlogMenu li {
  font-size: 90.9%;
  background: url('blog_images/csb_bm_marker.gif') no-repeat 0 0.15em;
  padding-left: 20px;
  list-style: none;
}

.BlogMenu li a {
}

.BMFed {
  display: none;
}

.BlogMenu ul.rss {
  background: url('blog_images/csb_border01.gif') repeat-x center top;
  padding-top: 2px;
}

.BlogMenu li.rss {
  font-size: 90.9%;
  background: url('blog_images/csb_border01.gif') repeat-x center bottom;
  padding: 4px 0 6px 0;
}

.BlogMenu li.rss a {
  display: block;
  background: url('blog_images/rss.gif') no-repeat left center;
  padding-left: 20px;
}

/*-------------------------------------------------------------- PageTitle
*/

.PageTitle {
  color: white;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  background: url('blog_images/csb_title_bg.jpg') no-repeat;
  overflow: hidden;
}

.PageTitle span {
  display: block;
  background: url('blog_images/csb_title_footer.gif') no-repeat left bottom;
  width: 544px;
  min-height: 1.6em;
  padding: 8px 8px 10px;
  overflow: hidden;
}

/*-------------------------------------------------------------- Navigation
*/

.Navigation {
  font-size: 90.9%;
  text-align: center;
  background: #fff url('blog_images/csb_navi_bg.gif') no-repeat left bottom;
  width: 560px;
  margin-bottom: 16px;
  padding: 0 0 4px;
}

/*-------------------------------------------------------------- entry
*/

.entry {
  width: 560px;
  margin-bottom: 16px;
  overflow: hidden;
}

div.entry-header {
  background: url('blog_images/csb_entry_header_bottom.gif') no-repeat left bottom;
  padding-bottom: 16px;
}

h2.entry-header {
  font-size: 100%;
  text-align: center;
  background: url('blog_images/csb_entry_header_bg.gif') no-repeat;
  width: 560px;
  padding: 10px 0 6px;
}

h2.entry-header a {
  color: white;
}

h2.entry-header a:hover {
  color: #bfffff;
}

.entry-box {
  zoom: 100%;
  background: url('blog_images/csb_entry_box_bg.gif') repeat-y;
  overflow: hidden;
}

.entry-box:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.entry-comment {
  display: inline;
  font-size: 90.9%;
  line-height: 1.5em;
  width: 400px;
  margin-right: 16px;
  float: right;
  overflow: hidden;
}

.entry-comment p {
  margin: 0 0 16px;
}

.entry-comment ul,
.entry-comment ol {
  margin: 0 0 16px;
}

.entry-comment ul li {
  margin-left: 1.3em;
}

.entry-comment ol li {
  margin-left: 1.8em;
}

.entry-comment img {
  margin: 8px 8px 0 0;
}

.entry-data {
  display: inline;
  color: #3d5c99;
  font-size: 81.8%;
  line-height: 1.4em;
  text-align: center;
  width: 112px;
  margin-left: 8px;
  float: left;
  overflow: hidden;
}

.entry-data p {
  margin: 0 0 12px;
}

.entry-staffname {
  font-weight: bold;
}

.entry-data-title {
  display: block;
  color: #8590a6;
  margin-bottom: 2px;
}

.entry-category {
/*  margin: 0 0 16px;*/
}

.entry-category p {
  margin: 0;
}

.entry-category ul {
  list-style: none;
}

.entry-category li {
  line-height: 1.5em;
}

.entry-footer {
  background: url('blog_images/csb_entry_footer_bg.gif') no-repeat;
  height: 16px;
  overflow: hidden;
}

/*-------------------------------------------------------------- Archive
*/

.ArchiveBox {
  background: #fff url('blog_images/csb_archive_bg.gif') repeat-y;
  width: 560px;
  overflow: hidden;
}

.ArchiveBox-top {
  background: url('blog_images/csb_archive_top.gif') no-repeat;
  width: 560px;
  height: 16px;
  overflow: hidden;
}

.ArchiveBox-bottom {
  background: url('blog_images/csb_archive_bottom.gif') no-repeat;
  width: 560px;
  height: 16px;
  overflow: hidden;
}

.archive {
  margin: 16px 0;
}

div.archive-header {
  border-top: 1px solid #204197;
  border-bottom: 1px solid #204197;
  width: 528px;
  margin: 0 auto;
}

h2.archive-header {
  color: white;
  font-size: 100%;
  text-align: center;
  background: url('blog_images/csb_archive_header_bg.gif') no-repeat;
  width: 528px;
  margin: 2px 0;
  padding: 4px 0;
}

h2.archive-header a {
  color: white;
}

h2.archive-header a:hover {
  color: #bfffff;
}

.archive-footer {
  background: url('blog_images/csb_border01.gif') repeat-x center bottom;
  font-size: 81.8%;
  width: 528px;
  margin: 0 auto;
  padding-bottom: 4px;
}

.archive-footer p {
  display: inline;
  margin-right: 4px;
}

.archive-data {}
.archive-data-title {}
.archive-staffname {}
.archive-data-title {}
.archive-category {}
.archive-data-title {}

/*-------------------------------------------------------------- normal-list
*/

.normal-list {
  margin: 16px 36px;
}

.normal-list li {
  margin: 2px 0 0 24px;
}

.normal-list li ul {
  margin: 8px 0;
}

.normal-list li li {
  margin: 0 0 0 1em;
}

/*-------------------------------------------------------------- Blog
*/

/*

#Blog-Contents {
  background: url('images/bg_blog_menu.gif') repeat-y;
}

#Blog-Contents-In {
  display: inline;
  width: 448px;
  margin: 0 0 0 4px;
  overflow: hidden;
  float: left;
}

#Blog-Menu {
  display: inline;
  width: 136px;
  margin: 0 4px 0 0;
  float: right;
  overflow: hidden;
}

#Blog-Menu h3 {
  border-left: 4px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 90.9%;
  line-height: 1.3em;
  margin: 4px;
  padding: 0 0 0 4px;
}

#Blog-Menu ul {
  zoom: 100%;
  font-size: 81.8%;
  margin: 6px 4px 24px;
  overflow: auto;
}

#Blog-Menu li {
  background: url('images/marker_minigray_arrow.gif') no-repeat 0 0.3em;
  display: inline;
  list-style: none;
  float: left;
  overflow: hidden;
}

#Blog-Menu li a {
  display: block;
  width: 112px;
  padding: 0 0 0 16px;
}

#Blog-Menu li span {
  color: #3F3B3C;
}

.blog-entry {
  margin: 0 0 32px 0;
  padding: 0 0 8px 0;
}

#Contents .blog-entry p {
  margin: 12px 0;
}

.blog-entry ul {
  margin: 8px 16px;
}

.blog-entry li {
  margin: 2px 0 0 16px;
}

.blog-entry li ul {
  margin: 8px 0;
}

.blog-entry li li {
  margin: 0 0 0 1em;
}

.blog-entry-content {
  background: url('images/border_dotted.gif') repeat-x left bottom;
  margin: 0 0 8px 0;
  padding: 0 0 12px 0;
}

.blog-entry-content .blog-top-image {
  display: inline;
  margin: 0 0 8px 0;
  float: left;
}

.blog-entry-content .blog-bottom-image {
  display: inline;
  margin: 8px 8px 0 0;
  padding: 0 0 0 0;
  vertical-align: bottom;
  float: left;
}

.blog-entry-content div a {
  display: block;
}

.blog-entry-content div a img {
  vertical-align: bottom;
}

.blog-article {
  clear: both;
}

.blog-footer {
  font-size: 81.8%;
  text-align: right;
  line-height: 1.5em;
}

.blog-footer address {
  color: #999;
  font-size: 81.8%;
  font-family: "arial";
}

.blog-pages {
  font-size: 81.8%;
  margin: 0 0 16px 0;
}

.rss a {
  display: block;
  background: url('images/rss.gif') no-repeat 0 50%;
  font-size: 81.8%;
  line-height: 1.7em;
  margin: 16px 4px 0;
  padding: 0 0 0 20px;
  font-weight: normal;
}

h3.blog-entry-title {
  border-top: 1px solid #C7B6AF;
  border-bottom: 1px solid #C7B6AF;
  background: url('images/h3_blog_contents.gif') repeat-x left bottom;
  font-size: 100%;
  margin: 0 0 16px 0;
  padding: 4px 0;
}

h3.blog-entry-title a {
  display: block;
  color: #484340;
  border-left: 4px solid #EE2F29;
  width: 444px;
  padding: 2px 0 0 4px;
  line-height: 1.2em;
  text-decoration: none;
}

h3.blog-entry-title a:hover {
  color: #f44;
}

.blog-archive-title {
  font-size: 100%;
  color: #fff;
  background: #ED1C24 url('images/blog_archive_title_top.gif') no-repeat left top;
  display: block;
  width: 448px;
  line-height: 1.7em;
}

.blog-archive-title span {
  background: url('images/blog_archive_title_bottom.gif') no-repeat left bottom;
  display: block;
  width: 424px;
  padding: 2px 8px 4px 16px;
  overflow: hidden;
}

html>body .blog-archive-title span {
  padding: 2px 8px 4px 16px;
}

*/