body {
  margin: 15px 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  color: #000;
  font-family:Verdana, arial, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka";
 background:transparent url(images/blog_background.gif) repeat-y 50% 50%;
}

p {
  line-height: 150%;
  }

a {
  text-decoration: underline;
  color: #f60;
  }

a:hover {
  color: #090;
  }

input { 
  font-family: Verdana, Arial, Sans-serif;
  margin: 0px; 
  padding: 4px; 
  font-size:12px;
  }

h2 { 
  font-size: 16px;
  padding: 0 0 11px 3px;
  background: transparent url(images/blog_bg_title.gif) no-repeat 0 0;
  }

.subtitle {
  font-weight:normal;
  color:#ccc;
  text-align:right;
  font-size:10px;
 }

h4 {
  font-size: 12px;
  }

h5 {
  border-left: 5px solid #FF6600;
  margin: 8px 0 8px 0;
  padding: 8px 0 7px 9px;
  font-size: 12px;
  background: transparent url(http://tenjohiroki.com/image/bg_stripe.gif) repeat-x 0 0;
  }

form { 
  padding:0px; 
  margin:0px;
  }

input {
  font-family: Verdana, Arial, Sans-serif; 
  margin: 0px; 
  padding: 2px; 
  font-size:14px;
  }

textarea { 
  font-family: Verdana, Arial, Sans-serif; 
  margin: 0px; 
  padding: 2px; 
  font-size:14px;
  }

blockquote {
  margin: 0 20px;
  padding: 10px 10px 10px 10px;
  border: 1px dotted #ccc;
  background-color: #F5F5F5;
  line-height:130%;
  font-size:13px;}

/*************************
  MAIN LAYOUT STYLES 
*************************/

#container {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  }

#header {
  margin: 0;
  padding: 0;
  text-align: center;
  }

#leftside {
  float: left;
  margin: 0 0 0 15px;
  padding: 0 10px 0 0;
  width: 600px;
  }

#rightside {
  float: right;
  font-size: 12px;
  margin: 0 15px 0 0;
  padding: 0;
  width: 213px;
  }

#contents {
 margin: 0;
  padding: 0;
}


#footer {
  width: 725px;
  margin: 0 auto 20px auto;
  padding: 10px 0;
  text-align: center;
  font-size: 11px;
  color: #A6A6A9;
  border-top: 1px dotted #A6A6A9;
  }

/*************************
  CLEAR HACKS
*************************/

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

.clear { 
  display: inline-table; 
  }

/* *Hides from IE-mac \*/
* 

html .clear { 
  height: 1%;
  }

.clear { 
  display: block;
  }


/* *End hide from IE-mac */
/*************************
  MENU BOX STYLES 
*************************/

.menu {
 font-size: 12px;
  margin: 0 0 15px 0;
  padding: 1px;
  border: 1px solid #008837;
}

.menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 3px;
}

.menu li {
  line-height: 130%;
  margin: 0;
  padding: 4px 3px 3px 20px;
 background: transparent url(images/blog_icon.gif) no-repeat 0% 5px;
}

.menu .bullet {
  background: transparent url(http://tenjohiroki.com/image/bullet.gif) no-repeat 0% 5px;
  }

.menu .post {
  background: transparent url(images/blog_icon.gif) no-repeat 0% 5px;
  }

.menu h4 {
  line-height: 130%;
  margin: 0; 
  padding: 0px;
}

.menu p {
  margin: 0; 
  line-height:130%;
  padding: 5px;
  }

#feed_link {
  margin-top:20px;
  text-align:center;
  }

.posted {
  text-align:right;
  color:#000;
  font-size:11px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #A6A6A9;
}

.pic {
  padding:2px;
  border:1px solid #ccc;
  }

.entry {
  margin-bottom:10px;
  }

#owner_comment {
  border:1px dotted #ccc; 
  background-color:#eee;
  padding:7px;
  font-size:12px;
  }

#owner_comment p {
  margin: 0;
  }

.s12 {
  font-size: 12px;
  font-weight: normal;
  }

.content-nav {
  padding: 5px;
  text-align: center;
  margin: 0 0 15px 0;
  font-size: 12px;
  line-height: 130%;
  background-color: #E7FBE7;
  border-top: 1px solid #003366;
  border-bottom: 1px solid #003366;
  font-weight: normal;
  color: #006500;
  }

.code {
  overflow: scroll;
  font-size: 12px;
  font-family: 'Courier New';
  line-height: 150%;
  white-space: pre;
  width: 90%;
  padding-left: 1em;
  background-color: #F5F5F5;
  border: 1px solid #666;
  }

#tb_box, #cmt_box {
  font-size:12px;
  border:1px dotted #ccc;
  padding:0 10px;
  margin-bottom:10px;
  background-color: #F5F5F5;
  }

#tb_box .title, #cmt_box .title {
  font-weight:bold;
  border-bottom:1px dotted #ccc;
  padding-bottom:5px;
 }

#tb_box .post, #cmt_box .post {
  text-align:left;
  font-size:10px;
  color:#ccc;
 }

#tb_box p, #cmt_box p { 
  line-height: 150%; 
  margin: 10px 0;
  padding: 0;
 }

#site_info {
  font-size:10px;
  text-align:center;
  margin:20px 0;
}

#amazon {
  margin-right:10px;
 float:left;
 }


#headerright	{
 width: 900px;
 float: right;
 margin: 0;
 padding: 0;
 text-align: right;
}

#headerright h1	{
 margin: 0px 6px 0 0;
 padding: 0;
 font-size: 12px;
 color: #090;
}

#headerright p	{
 margin: 3px 6px 3px 0;
 padding: 0;
 font-size: 12px;
 color: #090;
}

#headerright a, #headerright a:link, #headerright a:visited, #headerright a:active 	{
 color: #f60;
 text-decoration: underline;
}

#headerright a:hover	{
 color: #090;
}

.textp {
  font-size: 12px;
  color:#777777;
 line-height: 150%; 
}


#cont_text {
 padding-bottom: 10px;
 border-bottom: 1px dotted #A6A6A9;
}

#cont_text2 {
 padding: 10px 0;
 border-bottom: 1px dotted #A6A6A9;
}

.topic_path {
 padding: 10px 0 0px 15px;
 font-size: 12px;
 color:#777777;