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

p {
  line-height: 150%;
  }

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

a:hover {
  color: #250700;
  }

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

h2 { 
  font-size: 17px;
  padding: 8px 0 24px 3px;
　color:#51180A;
  background: transparent url(image/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 0 0 1px;
  padding: 0;
  text-align: center;
  }

#leftside {
  float: left;
  margin: 0 0 0 15px;
  padding: 0 10px 0 0;
  width: 600px;
  _over-flow: hidden;
  word-wrap: break-word;
  }

#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 #51180A;
}

.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(image/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(image/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: #FCFFA6;
  border-top: 1px solid #51180A;
  border-bottom: 1px solid #51180A;
  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;
}

#site_info p {
 margin: 20px 0;
}

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



#headerleft {
 float: left;
 margin: 0 0 10px 10px;
}




#headerright	{
 width: 900px;
 margin: 0;
 padding: 0;
 text-align: right;
 display: inline;
 position: relative;
}

#headerright h1	{
 margin: 20px 15px 0 0px;
 padding: 0;
 font-size: 14px;
 color: #51180A;
 text-align: right;
}

#headerright p	{
 margin: 26px 15px 3px 0px;
 padding: 0;
 font-size: 12px;
 color: #51180A;
 text-align: right;
}

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

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




.textp {
  font-size: 12px;
  color:#51180A;
 line-height: 190%; 
}


#cont_text {
 padding-bottom: 10px;
 padding-top: 10px;
 margin-left: 25px;
 border-bottom: 1px dotted #A6A6A9;
}

#cont_text2 {
 padding-bottom: 10px;
 padding-top: 10px;
 margin-left: 25px;
}

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


#taniguchi {
 float: right;
 width: 280px;
 height: 160px;
 background-image: url(image/about_bg.png);
 background-repeat: no-repeat;
 }





#cont_text ul {
  list-style-type: none;
  margin: 0px;
  padding: 3px;
}

#cont_text li {
  line-height: 130%;
  margin: 0;
  padding: 4px 3px 3px 20px;
  background: transparent url(image/icon.gif) no-repeat 0% 5px;
  font-size: 14px;
  color:#f60;
}

#cont_text p {
  margin: 0; 
  line-height:150%;
  padding: 5px;
  font-size: 12px;
  color:#51180A;
}


#cont_text2 ul {
  list-style-type: none;
  margin: 0px;
  padding: 3px;
}

#cont_text2 li {
  line-height: 130%;
  margin: 0;
  padding: 4px 3px 3px 20px;
  background: transparent url(image/icon.gif) no-repeat 0% 5px;
  font-size: 14px;
  color:#f60;
}

#cont_text2 p {
  margin: 0; 
  line-height:150%;
  padding: 5px;
  font-size: 12px;
  color:#51180A;
}


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

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

ul.tree li {
  padding: 4px 3px 3px 20px;
  background-image: url(image/tree_lst_solid.gif);
  background-repeat: no-repeat!important;
  list-style: none!important;
  line-height: 130%;
  margin: 0;
}

ul.tree li.tree_end {
  background-image: url(image/tree_end_solid.gif);
  list-style: none;
}


#header h1 {
 margin-bottom: 15px;
}