body {
  padding-bottom: 3em;
}

h1 {
  font-weight: bold;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}


h2 {
  background-color:#ddeeff;
  padding: 0.1em 0.1em;
  margin: 0em;
  margin-bottom: 0.3em;
}

h3 {
  background-color:#ddeeff;
  padding: 0.1em 0.2em;
  margin: 0em;
}


h4 {
  background-color:#ddeeff;
  padding: 0.1em 0.1em;
  margin: 0em;
  margin-bottom: 0.2em;
}

h5 {
  font-size: 100%;
  border-bottom: 0.4em solid #ddeeff;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
}

p {
  margin-left: 0.4em;
  margin-right: 1em;
}

blockquote {
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  padding-left: 1em;
  border: 1px black solid;
  text-indent: 0em;
}

blockquote span.name {
  font-size: smaller;
}

blockquote span.msg {
  margin-left: 1em;
}



a:link{
  text-decoration:underline;
  color: #00d;
  background-color:inherit;
  font-weight: bold;
}

a:active{
  color: #f00;
  background-color:#cde;
  font-weight: bold;
}

a:visited{
  color:#a66;
  background-color:inherit;
  font-weight: bold;
}

a:active{
  color: #f00;
  background-color:#cde;
}

a:hover{
  color:#00d;
  background-color:#cde;
}

a[name]:hover{
  color: black;
  background-color:#def;
}


a.date{
  text-decoration: none;
  color: black;
  margin-left: 8px;
  margin-right: 0.5em;
}

a.topic{
  text-decoration: none;
  color: black;
  margin-left: 6px;
  margin-right: 3px;
}

a:visited.date, a:visited.topic{
  color: black;
  background-color:inherit;
}


a:hover.date, a:hover.topic{
	text-decoration: none;
        color: blue;
        background-color:#cde;
}


div#header {
  width: 800px;
  padding: 0em;
  margin-left: auto;
  margin-right: auto;
}

div#header h1 {
  margin-bottom: 0px; 
  margin-top: 0px;
  vertical-align: bottom;
}

div#header img {
  border: none; 
  vertical-align: bottom;
}

div#body {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}


div#main {
  width: 630px;
  background-color: #ffe;
  margin: 0em;
  padding: 0em;
  float: left;
  margin-right: 10px;
}


div#column {
  width: 150px;
  background-color: #efe;
  font-size: 80%;
  margin: 0em;
  padding: 0em;
  padding-bottom: 2em;
  overflow: hidden;  
}


div#column a {
  font-weight: normal;
}


div#footer {
  width: 800px;
  clear: left;
  padding: 0em;
  padding-top: 1em;
  margin-left: auto;
  margin-right: auto;
}



div.diary {
  margin-left: 0.5em;
}

div.diary p {
  text-indent: 1em;
  line-height: 115%;
}

div.diary p.image {
  text-indent: 0em;
  text-align: center;
}


div.diary p.movie {
  text-align: center;
}

div.diary p.movie * {
  margin-left: auto; 
  margin-right: auto; 
}

div.diary p.append {
  background-color: #dfc;
  font-style: italic;
}


div.diary blockquote p {
  text-indent: 0em;
}


div.diary pre.log {
  width: 90%;
  overflow: auto;

  text-indent: 0em;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  border: solid black 2px;
  padding: 1em 1em;

  background-color: white;
  color: black;
  white-space: pre;
}

div.diary ol li {
  width: 95%;
}


strong {
  color: #f00;
  font-size: 120%;
}

pre strong {
  color: inherit;
  font-size: inherit;
}

dl.secret {
  color: #ffe;
}

span.secret {
  color: #ffe;
}

div.diary dl {
  margin-left: 20px;
}

div.diary dt {
  font-weight: bold;
  margin-bottom: 3px;
}

div.diary dd {
  margin-left: 1.5em;
  text-indent: 1em;
  margin-bottom: 1em;
  margin-top: 0.5em;
  margin-right: 1em;
}

div.diary li {
  text-indent: 0px;
  margin-bottom: 0.5em;
}


div.diary li ul {
  padding-top: 0.5em;
  padding-bottom: 0em;
  margin-bottom: 0em;
}


div.diary p.cont{ 
  text-indent: 0em;
}

div.diary p.aa{ 
  border: solid black 1px;
  text-indent: 0em;
  padding-left: 0.5em;
  overflow: hidden;
  white-space: nowrap!important;
  white-space: normal;
  line-height: 100%;
}

div.diary table { 
  margin-left: 1.5em;
  color: black;
  border: black solid 1px;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

div.diary th, 
div.diary td { 
  border: black solid 1px;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
} 

div.diary table.money td { 
  text-align: right;
}

div.diary table.money th { 
  text-align: left;
}

div.diary table.money th.header { 
  text-align: center;
}

div.add { 
  margin-left: 2em;
}


div#column h4 {

}

div#column > div {
  clear: both;
}


div#recent {
  margin-bottom: 0.5em;
}

div#recent ul {
  margin: 0em;
  padding: 0em;
  list-style-type: none;
  margin-left: 0.7em;
}

div#recent li {
  white-space: nowrap;
  margin-bottom: 0.2em;
}



div#recent_comments {
  margin-bottom: 0.5em;
}

div#recent_comments ul {
  margin: 0em;
  padding: 0em;
  list-style-type: none;
  margin-left: 0.7em;
}

div#recent_comments li {
  white-space: nowrap;
  margin-bottom: 0.2em;
}

div#recent_comments li span.c_name {
  margin-bottom: 0.2em;
  margin-left: 0.3em;
}

div#recent_comments li span.c_time {
  font-size: 90%;
  width: 12em;
  margin-bottom: 0.2em;
}


div#log {
  margin-bottom: 0.5em;
}

div#log ul {
  margin: 0em;
  padding: 0em;
  list-style-type: none;
  margin-left: 0.5em;
}

div#log li.year {
  margin-bottom: 0.2em;
  clear: both;
}

div#log li.month {
  float: left;
  margin-bottom: 0.2em;
  margin-right: 0.3em;
}



div#counter {
  margin-bottom: 0.5em;
}

div#counter dl {
  margin: 0em;
  margin-left: 0.5em;
}

div#counter dt {
  clear: left;
  float: left;
  margin-right: 0.5em;
}

div#counter dd {
  margin-bottom: 0.2em;
}


div#profile {
  margin-bottom: 0.5em;
}

div#profile dl {
  margin: 0em;
  padding: 0em;
  margin-left: 0.3em;
}

div#profile dt {
/*  overflow: hidden;*/
  margin-bottom: 0.2em;
  font-weight: bold;
}

div#profile dd dt {
  font-weight: normal;
}

div#profile dd {
/*  overflow: hidden;*/
  margin-bottom: 0.2em;
  margin-left: 0.8em;
}

div#topics ul {
  margin: 0em 0em 0.5em 0em;
  padding-left: 1.5em;
  margin-left: 0.1em;
}

div#topics ul li {
  margin: 0.2em;
}




div.comment {
/*
  width: 95%;
  line-height: 100%;
*/
  padding: 0em;
  margin-bottom: 1em;
}

div.comment_form {
  width: 95%;
  padding: 0em;
  line-height: 100%;
  margin-bottom: 1em;
}

div.comment p {
  padding: 0em;
  margin: 0em;
  margin-left: 5%;
}

dl.comment {
  margin: 0px;
  margin-top: 0.5em;
  margin-left: 5%;
  display: block;
}

dl.comment dt {
  margin: 0px;
  margin-top: 0.3em;
  padding-left: 0.25em;
}

dl.comment dd {
  margin: 0px;
  margin-top: 0.2em;
  margin-left: 1em;
  text-indent: 0em;
}

dl.comment dt span.c_name {
  font-weight: bold;
}

dl.comment dt span.c_time {
  font-weight: normal;
}

dl.comment dd {
  line-height: 115%;
}

dl.comment dd span.c_comment {
  font-weight: normal;
}

p.error {
  font-weight: bold;
}


div.diary hr{
  width: 40%;
  margin-left: 30%;
  margin-right: 30%
}


p.region, p.result {
  margin: 0em;
  margin-bottom: 0.2em;
  text-align: right;
  /*font-style: italic;*/
  font-size: smaller;
  background: #fee;
}


div.navigator {
  margin: 0.2em 1em;
  font-size: smaller;
}

div.navigator p.left_arrow {
  margin: 0em;
  text-align: left;
  float: left;
}

div.navigator p.right_arrow {
  margin: 0em;
  text-align: right;
}

div#calendar {
  margin-bottom: 0.5em;
}


div#calendar table.cal {
  margin-left: auto;
  margin-right: auto;
  color: black;
  background-color: white;
  margin-top: 0.1em;
  text-align: center;
  border: black solid 1px;
  border-collapse: collapse;
}

div#calendar table.cal caption {
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  font-weight: bold;
}


div#calendar th, 
div#calendar td { 
  border: black solid 1px;
  padding-left: 0.15em;
  padding-right: 0.15em;
} 

div#calendar th {
  color: black;
  background-color: #ddd;
}

div#calendar th.cal { 
  color: black;
}


div#calendar td.cal { 
  background-color: white;
}

div#calendar td.calsat { 
  background-color: #eef;
}

div#calendar td.calhol {
  background-color: #fee;
}


div#calendar p {
  margin: 0.2em 0em 0em 0em;
}

div#calendar p.prev {
  text-align: left;
  float: left;
}

div#calendar p.next {
  text-align: right;
}


div#calendar td span.calhol {
  color: red;
}

div#calendar td span.calsat {
  color: blue;
}

div#calendar a:link.cal{
  color: black;
  font-weight: normal;
}

div#calendar a:link.calsat{
  color: blue;
  font-weight: normal;
}

div#calendar a:link.calhol{
  color: red;
  font-weight: normal;
}

div#calendar a:visited.cal{
  color: black;
  font-weight: normal;
}

div#calendar a:visited.calsat{
  color: blue;
  font-weight: normal;
}

div#calendar a:visited.calhol{
  color: red;
  font-weight: normal;
}


form#comment_form p {
  margin: 0em 1em;
}

form#comment_form span.note {
  font-size: smaller;
}

form#comment_form *.warn {
  display: none;
}

form#comment_form textarea {
  width: 100%;
}

form#comment_form input#hoge {
  width: 10em;
}

form#comment_form input#moe {
  width: 14em;
}

p.copy {
  font-size: smaller;
  text-align: center;
}

div.youtube iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/***************************************/

.android {
  -webkit-text-size-adjust: 100%;
  font-size: 2rem;
}


.android div#header {
  width: 100%;
}


.android div#header p {
  line-height: 115%;
}

.android div#body {
  width: 100%;
}

.android div#main {
  width: auto;
  float: none;
}


.android div#column {
  font-size: 100%;
  width: auto;
}



.android div#footer {
  width: auto;
}

.android div.diary p.image img {
    width: 80%;
}

.android div.diary p.image video {
    width: 80%;
}

.android div.diary p.movie {
  text-align: center;
}

.android div.diary p.movie * {
  margin-left: auto; 
  margin-right: auto; 
}


.android div.diary blockquote p {
  text-indent: 0em;
}


.android div.diary pre.log {
  width: auto;
  font-family: monospace, serif;
  font-size: 2rem;
}


.android div#link {
  font-size: 2rem;
}

.android div#log li.year {
  font-size: 2rem;
}

.android div#log li.year ul li.month {
  float: none;
  display: inline-block;
/*  margin-right: 0.5em;*/
  font-size: 2rem;

}

.android div.comment {
/*  width: 95%;
  padding: 0em;
  line-height: 100%;
  margin-bottom: 1em;*/
}

.android div.comment_form {
  width: auto;
  margin-bottom: 0em;
  font-size: 2rem;
}


.android dl.comment {
  margin-top: 0em;
}

.android dl.comment dt {
  padding-left: 0.25em;
}

.android dl.comment dd {
  margin-top: 0em;
}


.android div.navigator {
  margin: 0.2em 1em;
  font-size: smaller;
}

.android div.navigator p.left_arrow {
/*  float: none;*/
}



.android div#calendar table.cal {
  font-size: 2rem;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}


.android div#calendar p.prev {
  text-align: start;
  float: none;
}

.android div#calendar p.next {
  text-align: start;
}


.android form#comment_form p {
  margin: 0em;
}

.android form#comment_form strong {
  font-size: inherit;
}


.android form#comment_form span.note {
  font-size: inherit;
}


.android form#comment_form textarea {
  font-size: 2rem;
}

.android form#comment_form input#hoge {
  font-size: 2rem;
  width: auto;
}

.android form#comment_form input#moe {
  font-size: 2rem;
  width: auto;
}


.android form#comment_form input#submit {
  font-size: 2rem;
}




/***************************************/


.ipad div#calendar table.cal {
  font-size: 1.5rem;
}

.ipad div#link {
  font-size: 1.25rem;
}