@charset "utf-8";

body {
  background: #444 repeat-x;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_background.gif);
  color: #efefef;
  font: 12px/1.25 "MS UI Gothic", Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}




/* setting links */

a {color: #06c; text-decoration: none; }
a:visited {color: #999; }
a:hover {color: #f60; }

#branding a {color: #fff;}
#branding a:hover {color: #f60;}

.article h3 a {color: #333;}
.article h3 a:visited {color: #333;}

.articleText a,
.articleInfo a {text-decoration: underline;}




/* setting heading */

h1, h2, h3, h4, h5, h6 {font-weight: bold;}




/* not display elements */

#skipper,
h2,
legend,
#navs h3,
#extra h3,
#pagingNav h3,
#extraDiv2,
#extraDiv3 {display: none;}




/* setting page-layout */

#wrapper {
  background: #efefef repeat-y;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_content_bg.gif);
  border-bottom: 1px solid #444;
  color: #333;
  margin: 0 auto;
  text-align: left;
  width: 740px;
}

#mainContent {float: left; width: 490px;}

#navs {float: right; padding: 0 0 130px; width: 245px;}

#extra {
  background: #efefef no-repeat;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_footer.gif);
  clear: both; 
}

#copyright {
  color: #333;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  padding: 56px 1em 8px 30px;
}

#fc2ads {
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  padding: 0 1em 10px 30px;
}

#fc2ads a {
  font-weight: normal;
}


#extraDiv1 {margin: -200px auto 0; width: 740px;}
#extraDiv1 span {
  background: no-repeat bottom right;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_bamboo.gif);
  display: block;
  height: 200px;
}




/* setting branding(header) */

#branding {
  background: #000 repeat-x;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_headerbar.gif);
  border-top: 1px solid #000;
}

#branding h1 {
  background: no-repeat 0 30px;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_title_bg.jpg);
  border-top: 1px solid #000;
  font-family: Century Gothic;
  font-size: 26px;
  font-weight: normal;
  line-height: 70px;
  margin: 0;
  padding: 80px 0 17px;
}

#branding a {
  display: block;
  margin: 0;
  padding: 0 0 0 30px;
  position: relative;
}

#descript {
  background: #000 repeat-x;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_descript_bg.gif);
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
  margin: 0;
  padding: 0 0 0 30px;
}




/* setting articles */

.article {
  background: #efefef;
  margin: 0 0 35px;
  position: relative;
}

.article h3 {
  border-bottom: 1px solid #000;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 30px;
  padding: 62px 0 0;
}

.articleText {color: #666; margin: 20px 30px 0;}

.articleText pre {overflow: auto; width: 430px;}

.articleText ul {margin: 1em 0; padding: 0 0 0 1em;}

.articleText li {
  list-style: square outside;
  margin: .3em 0;
  padding: 0;
}

.articleText dt {font-weight: bold; margin-bottom: 1em;}
.articleText dd {margin: 1em 0 2em 2em;}

.articleText img,
.articleText a img {border: 0;}

.articleText blockquote {
  background: #e0e0e0;
  border: 1px dotted #999;
  margin: 1em 2em;
  padding: 0 1em;
}

.continue {margin: 20px 0;}

.articleInfo {
  border-top: 1px dotted #999;
  color: #333;
  font-size: 11px;
  margin: 20px 30px 0;
  padding: 6px 0;
  text-align: left;
}

.articleInfo li {
  display: inline;
  list-style: none;
  margin-right: 1em; 
}

.articleInfo .date {
  background: #efefef no-repeat;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_date_mark.gif);
  color: #999;
  font-size: 22px;
  font-weight: normal;
  line-height: 22px;
  padding: 0 0 18px 20px;
  position: absolute;
  top: 20px;
  left: 0;
}

.articleInfo>.date {left: 30px;}

.yyyy:after {content: "\5e74"; margin: 0 .2em 0 0;}
.mm:after   {content: "\6708"; margin: 0 .2em 0 0;}
.dd:after   {content: "\65e5"; margin: 0 .2em 0 0;}

.date span {
  background: no-repeat right;
  height: 22px;
  padding: 0 1em 0 0;
}

.articleInfo .yyyy {background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/macie-nen.gif);}
.articleInfo .mm   {background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/macie-tuki.gif);}
.articleInfo .dd   {background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/macie-hi.gif);}

/* hide from mac-ie start \*/
.articleInfo>.date span {background-image: none;  padding: 0;}

.articleInfo .yyyy {background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/ie-nen.gif);}
.articleInfo .mm   {background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/ie-tuki.gif);}
.articleInfo .dd   {background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/ie-hi.gif);}
/* hide from mac-ie end    */




/* setting trackbacks and comments area */

legend,
#trackbacks h4,
#comments h4 {
  background: no-repeat;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_date_mark.gif);
  color: #999;
  font-size: 22px;
  line-height: 22px;
  margin: 20px 0 0 30px;
  padding: 0 0 18px 20px;
}

#trackbacks h5,
#comments h5 {font-size: 12px;}

#trackbacks p {
  background: #fff;
  border: 1px dotted #999;
  margin: 10px 30px 35px;
  padding: 0 20px;
}

.trackback,
.comment {margin: 30px; padding: 0;}

.comment p,
.comInfo {margin: 0; padding: 0;}

.trackback blockquote,
.comment p {color: #666;}

.tbInfo,
.comInfo {
  border-top: 1px dotted #999;
  font-size: 11px;
  margin: 6px 0 0;
  padding: 6px 0;
}

.tbInfo li,
.comInfo li {display: inline; list-style: none;}




/* setting comment-form */

#comment_form {margin: 30px 0 0 30px; padding: 0;}

fieldset {border: 0; margin: 0; padding: 0;}

.component,
.button {margin: 20px 0 0 20px;}

.component label {
  border-left: 6px solid #555;
  display: block;
  line-height: 16px;
  padding: 0 0 0 12px;
  margin: 10px 0 6px;
}

.component textarea {width: 340px;}




/* setting paging-navigation */

#pagingNav {
  position: relative;
  z-index: 5;
}

#pagingNav ul {
  margin: 50px 30px 30px;
  text-align: right;
}

#pagingNav li {
  display: inline;
  list-style: none;
  margin: 0 0 0 10px;
}




/* setting modules */

.module {position: relative;}

.module h4 {
  background: #efefef no-repeat bottom;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_side_title.gif);
  color: #999;
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 0 2px;
  padding: 0 0 24px;
  text-align: center;
}
.module h4 a {color: #999;}

.module ul,
.module form,
.module div,
.module p {
  background: #efefef;
  margin: 10px 25px;
  padding: 0;
}

.module li {
  background: no-repeat;
  background-image: url(https://blog-imgs-31.fc2.com/r/s/t/rstyle/samurai_bamboo_li_mark.gif);
  list-style: none;
  margin: .6em 0;
  padding-left: 24px;
}

#nav-calendar {text-align: center;}

#nav-calendar table,
.calender {
  color: #444;
  font-size: 11px;
  margin: 0 auto;
  padding: 0;
  width: 180px;
}

#nav-calendar caption,
.calender caption {
  margin: 6px auto;
  padding: 0;
  text-align: center;
}

/* hide from mac-ie start */
#nav-calendar table,
.calender {}
#nav-calendar caption,
.calender caption {}
/* hide from mac-ie end    */

#nav-calendar th,
#nav-calendar td,
.calender th,
.calender td {letter-spacing: 0; width: 14%;}
#nav-calendar td,
.calender td {text-align: center;}

th#sun {border-bottom-color: #c00; color: #c00;}
th#sat {border-bottom-color: #039; color: #039;}

#rss,
#nav-about li {background: none;}

#rss {margin-top: 2em; padding: 0;}