/*
 * Theme Name: Tom's Life
 * Theme URI: http://life.koubou-tomu.jp/
 * Description: 
 * Author: N.Sasaki
 * Author URI: http://donetjp.com/
 * Template: 
 * Version: 0.8
 *
 * 2009.09.10
 * 
 */

/*
 * HTML body
 *
 */
body {
  background-color: #FFFFFF;
  font-family: monospace;
  font-size: 10pt;
  text-indent: 0px;
  text-decoration: none;
  margin: 0px 0px;
  padding: 0px 0px;
}

/*
 * Common use
 *
 */
a:link {
  color: blue;
  text-decoration: none;
}
a:visited {
  color: purple;
  text-decoration: none;
}
a:hover {
  color: red;
  text-decoration: none;
}
br {
  clear: both;
}
hr {
  clear: both;
  height: 0px;
}
img {
  border: 0px;
  margin: 0px;
  padding: 2px;
}

.alignleft {
  float: left;
  display: inline;
  text-align: left;
  padding-left: 10px;
  line-height: 1.4em;
}
.alignright {
  float: right;
  display: inline;
  text-align: right;
  padding-right: 10px;
  line-height: 1.4em;
}
.aligncenter {
  display: inline;
  text-align: center;
}

/*
 * PG(Page section)
 *
 */
.outline {
  width: 800px;
  margin: 0px auto;
  background-color: #FFFFFF;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #999999;
  border-left-color: #999999;
}
.outline-margin {
  margin: 0px 0px;
}
.data_section {
  float: left;
  text-align: left;
  width: 570px;
  margin: 0px 0px;
  padding: 0px 0px;
}
  
/*
 * HD(Header section)
 *
 */
#hdr {
  background-image: url('images/hdr_bg.jpg');
  background-repeat: no-repeat;
  margin: 0px auto;
  padding: 0px 0px;
  width: 100%;
  height: 100px;
}

/* Area for header-title */
#hdr_title {
  padding-left: 10px;
  padding-top: 10px;
  text-align: left;
  font-size: 1.4em;
} 
/* Area for header-subtitle */
#hdr_description {
  float: left;
  padding-left: 10px;
  text-align: left;
  font-size: 1.4em;
  color: #000000;
}

/*
 * navi(Navigation section)
 *
 */
#navi {
  background-color: #FFFFFF;
  /* background-image: url('images/nv_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center; */
  margin: 0px auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 100%;
  height: 28px;
  text-align: left;
  font-size: 1.0em;
}

#navi ul {
  list-style-type:none;
  display: inline;
  margin-left: 10px;
  padding-left: 0px;
}
#navi li {
  display: inline;
  list-style-position: outside;
}
#navi li a {
  color: #666666;
  font-size: 12px;
  line-height: 28px;
  text-decoration: none;
  background-image: url('images/li.gif');
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 15px;
  padding-right: 10px;
}
#navi li a:hover {
  color: #FF0000;
  text-decoration: none;
  background-image: url('images/li_ov.gif');
  background-color: #FFFFFF;
}

/*
 * Inquire
 *
 */
#Inquire {
  margin: 5px 0px 5px 5px;
  padding: 5px 0px 5px 5px;
  width: 550px;
  font-size: 1.1em;
  line-height: 1.3em;
  background-color: #FFFFFF;
}
#Inquire #title {
  font-weight: bold;
  font-size: 1.2em;
  height: 60px;
  padding-left: 10px;
  color: #666666;
  background-color: #FFFFFF;
  background-image: url('images/inquire.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
  border-top: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-bottom: 1px solid #999999;
  border-left: 5px solid #999999;
}
#Inquire p {
  font-size: 0.9em;
  padding: 5px 5px 0px 15px;
}
#Inquire table {
  width: 100%;
  border: solid 0px #FFFFFF;
}
#Inquire td {
  border: 0px solid #EEEEEE;
  background-color: #EFEFEF;
  padding: 2px 3px 2px 3px;
}
#Inquire .left {
  text-align: left;
}
#Inquire .center {
  text-align: center;
}

/*
 * Head Line
 *
 */
#HeadLineImage {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  width: 570px;
  background-color: #FFFFFF;
  text-align: center;
}

#HeadLine {
  margin: 0px 0px 0px 5px;
  padding: 5px 5px 5px 5px;
  width: 550px;
  font-size: 1.1em;
  line-height: 1.3em;
  border-top: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-bottom: 1px solid #999999;
  border-left: 0px solid #999999;
}
#HeadLine #title {
  font-weight: bold;
  font-size: 1.1em;
  height: 24px;
  padding-left: 10px;
  color: #666666;
  /* background-color: #F4F4F4; */
  /* background-image: url('images/hedline_title_bg.jpg');
  background-repeat: no-repeat;
  background-position: top center; */
  border-left: 5px solid #999999;
  border-bottom: 0px solid #999999;
}
#HeadLine #date {
  color: #666666;
  text-align: right;
}
.topics_base {
  width: 565px;
  margin: 10px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
  font-size: 0.8em;
  line-height: 1.1em;
}
#topics {
  float: left;
  margin: 3px 4px 3px 0px;
  padding: 2px 2px 2px 2px;
  width: 270px;
  height: 15em;
  text-align: left;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
#topics #title {
  font-size: 1.1em;
  height: 2.0em;
  padding: 2px 3px 2px 3px;
  color: #666666;
  background-color: #F4F4F4;
  border-left: 2px solid #7B7B7B;
/*
  background-image: url('images/topics_title_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
*/
}
#topics #date {
  font-size: 0.8em;
  color: #666666;
  text-align: right;
}

.topics_base #list {
  text-align: left;
}
.topics_base #list a {
  padding-left: 0px;
  line-height: 1.4em;
}

#contents {
  margin: 5px 3px 5px 5px;
  padding: 5px 5px 5px 5px;
  width: 550px;
  border: 1px solid #DBDBDB;
  font-size: 1.1em;
  line-height: 1.3em;
  background-color: #FFFFFF;
  background-image: url('images/hdl_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}
#contents #title {
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 10px;
  color: #000000;
  background-color: #FFFFFF;
}
#contents #date {
  font-size: 0.7em;
  color: #666666;
  text-align: right;
}
#contents h3 {
  font-size: 1.0em;
}
#contents #postmetadata {
  float: right;
}

/*
 * SB(Sidebar index section)
 *
 */
.index_section {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.0em;
  width: 230px;
  text-align: center;
  background-color: #FFFFFF;
}

.index_section #sidebar {
  margin: 0px 0px;
  padding: 0px 0px;
}
.index_section #sidebar ul {
  margin-left: 3px;
  padding-left: 0px;
}
.index_section #sidebar li {
  list-style-type: none;
}

/* Sidebar Query */
.index_section #sidebar #searchform {
  width: 220px;
  margin: 5px 5px 5px 2px;
  padding: 5px 0px 5px 0px;
  text-align: left;
  text-indent: 5px;
  color: #000000;
  background-image: url('images/menu_query_bg.jpg');
  background-repeat: repeat-y;
  background-position: center center;
}
.index_section #sidebar #searchform #s {
  width: 140px;
  border: 1px solid #B1B1B1;
  margin-left: 2px;
  padding: 2px 2px;
}
.index_section #sidebar #searchform #searchsubmit {
  width: 55px;
  color: #FFFFFF;
  background-color: #999999;
}

.index_section #menuPnl {
  width: 220px;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.index_section #sidebar #menuPnl #menu1 {
  width: 220px;
  height: 20px;
  font-size: 1.0em;
  font-weight: bold;
  text-align: left;
  text-indent: 3px;
  margin: 5px 0px 5px 2px;
  padding: 3px 0px 0px 5px;
  background-image: url('images/menu_title_bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
.index_section #sidebar #menuPnl #links {
  width: 220px;
  height: 20px;
  font-size: 1.0em;
  font-weight: bold;
  text-align: left;
  text-indent: 3px;
  margin: 5px 0px 5px 2px;
  padding: 3px 0px 0px 5px;
  background-image: url('images/menu_title_bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
.index_section #sidebar #menuPnl #info {
  width: 220px;
  height: 20px;
  font-size: 1.0em;
  font-weight: bold;
  text-align: left;
  text-indent: 3px;
  margin: 5px 0px 2px 2px;
  padding: 3px 0px 0px 5px;
  background-image: url('images/menu_title_bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
.index_section #sidebar #menuPnl .txt {
  width: 215px;
  margin: 0px 0px 10px 3px;
  padding: 3px 2px 3px 2px;
  text-align: left;
  font-size: 0.9em;
  background-color: #FFFFFF;
  border: 1px solid #666666;
}
.index_section #sidebar ul li #menuPnl ul li a {
  display: block;
  width: 220px;
  height: 24px;
  line-height: 16px;
  font-size: 1.0em;
  text-decoration: none;
  text-align: left;
  text-indent: 5px;
  color: #666666;
  margin: 1px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('images/menu_li_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
.index_section #sidebar ul li #menuPnl ul li a:hover {
  text-decoration: none;
  color: #660000;
  background-image: url('images/menu_liov_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
.index_section #sidebar ul li #menuPnl .children li a {
  display: block;
  width: 210px;
  height: 24px;
  line-height: 16px;
  font-size: 1.0em;
  text-decoration: none;
  text-align: left;
  text-indent: 3px;
  color: #666666;
  margin: 0px 0px 1px 10px;
  padding: 0px 0px 0px 0px;
  background-image: url('images/menu_child_li_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
.index_section #sidebar ul li #menuPnl .children li a:hover {
  text-decoration: none;
  color: #660000;
  background-image: url('images/menu_child_liov_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/*
 * FM(Footer menu section)
 *
 */
#FM {
  background-color: #FFFFFF;
  background-image: url(images/fm_bg.jpg);
  background-repeat: repeat-x;
  background-position: bottom center;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
  text-align: left;
  width: 800px;
  height: 24px;
}
#FM ul {
  list-style-type:none;
  display: inline;
  margin-left: 10px;
  padding-left: 0px;
}
#FM li {
  display: inline;
  list-style-position: outside;
}
#FM li a {
  color: #666666;
  font-size: 12px;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 10px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999999;
}
#FM li a:hover {
  color: #FF0000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #B9B8AC;
}


/*
 * CM(Comercial section)
 *
 */
#CM {
  color: #FFFFFF;
  background: #BFBEBE;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-bottom: 5px;
  text-align: right;
  font-size: 0.8em;
  font-weight: bold;
  width: 800px;
}

/*
 * Comments section
 *
 */
.comm {
  width: 530px;
  font-size: 1.0em;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  /* border: 1px solid #EEEEEE;*/
}
.comm .meta {
  width: 520px;
  font-size: 0.8em;
  margin: 0px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  background-color: #EFEFEF;
}
.comm h3 {
  font-size: 1.0em;
}

#commentform input {
  width: 250px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  border: 1px solid #666666;
  background-color: #EEEEEE;
}
#commentform #submit {
  width: 150px;
  padding: 2px;
  margin: 5px 5px 5px 0;
  background-color: #F1F1E5;
}

#commentform textarea {
  width: 520px;
  height: 150px;
  padding: 5px;
  border: 1px solid #666666;
}

.alt {
  margin: 0;
  padding: 10px;
  background-color: #EFEFEF;
}

.commentlist {
  padding: 0;
  font-size: 0.9em;
  background-color: #EEF7FF;
}

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}

#commentform p {
  margin: 5px 0;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  margin: 0;
  display: block;
}

#date {
  margin: 5px 5px;
}

/******************************************************
 * Options
 ******************************************************/

/* Calender */
.index_section #sidebar li #calendar table,caption {
  width: 210px;
  text-align: center;
  font-size: 1.0em;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-collapse: collapse;
  border: 1px solid #dddddd;
}
.index_section #sidebar li #calendar thead th, tbody td {
  text-align: center;
  font-size: 1.0em;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  border-collapse: collapse;
  border: 1px solid #dddddd;
}
.index_section #sidebar li #calendar tfoot td {
  border: 0px;
}

.index_section #sidebar ul li ul .children {
  margin: 2px 0px;
  padding: 0px 0px;
}