/* default
------------------------------------------------------------ */

* {
  margin: 0;
  padding: 0;
}

body {
  color: #C6A78E;
  text-align: center;
  font-family: Verdana, sans-serif;
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
  background-image: url(http://templates.blog.fc2.com/template/mushroom/mushroom_head.gif);
  background-repeat: repeat-x;
  background-position: left top;
}

html>body {
  font-size: small;
}

/* for IE \*/
* html body {
  font-size: 78%;
}  
/**/


  

/* Hyper text
------------------------------------------------- */

a { 
  text-decoration: none;
  /*\*/
  overflow: hidden;
  /**/
}

a:link,
a:visited,
a:focus {color: #EB9C7A; }
a:hover,
a:active {
  position: relative;
  left: 1px;
  top: 1px;
}



/* Image
------------------------------------------------- */

img,
a img {
  border: none;
}

/* 絵文字 */
  
.emoji{
  vertical-align:middle;
}


/* Base elements
------------------------------------------------- */

h1 { font-size: 160%; }
  
h2 { font-size: 140%; }
  
h3 { font-size: 120%; }
  
h4 { font-size: 110%; }
  
h5 { font-size: 100%; }
  
h6 { font-size: 85%; }
  
ul, ol, li, dl, dt, dd { list-style: none; }
  
blockquote {
  width: auto;
  margin: 0.5em 1em;
  padding: 0.5em 1em;
  border: 1px dashed;
}
  
fieldset {
  border: none;
}
  
legend { font-weight: bold; }
  
textarea,input,select {
  font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
  font-size: 11px;
  color: #D19B74;
  font-weight: lighter;
  background-color: #ECE9D8 ;
  border : 1px solid #e3dfc6;
}

html>body textarea,
html>body input,
html>body select { font-size: small; }

pre {
  margin: 1em auto;
  padding: 0.5em;
  border: 1px solid;
  font-family: sans-serif;
  overflow: auto;
  width: 90%;
}

/* for without MacIE5 \*/

div.main_body pre {  overflow: scroll; }
/**/
  
div.main_body > pre { width: auto; }
  
div.main_body code { font-family: monospace; }



/* Layout
------------------------------------------------------------ */

div#container {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #FFFFFF;
  margin-top: 60px;
  min-width: 800px;
  max-width: 1300px;
}

div#main {
  margin-right: 230px;
  margin-left: 230px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: dotted;
  border-left-style: dotted;
  border-right-color: #705A29;
  border-left-color: #705A29;
  width: auto;
}

div#sidemenu1 {
  width: 190px;
  position: absolute;
  left: 0px;
  top: 0px;
  padding-left: 20px;
  padding-right: 10px;
}

div#sidemenu2 {
  width: 190px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-right: 20px;
  padding-left: 10px;
}



/* Header
------------------------------------------------------------ */

div#header {
  margin-bottom: 20px;
  padding: 15px;
}

div#header h1 {
  text-align: center;
  font-weight: normal;
  margin-bottom: 15px;
}
div#header h1 a {
  color: #CF7A41;
}
  
div#header p {
  text-align: center;
  color: #AD9E85;
}



/* Main Contents
------------------------------------------------------------ */

  
div.content {
  margin-bottom: 40px;
  text-align: left;
  margin-right: 25px;
  margin-left: 25px;
}

div.entry_day {
  font-weight: bold;
  color: #AD9E85;
  height: 20px;
  background-image: url(http://templates.blog.fc2.com/template/mushroom/mushroom_line02.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  text-align: right;
  padding-top: 5px;
  font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
  padding-bottom: 3px;
}

h2.entry_header {
  text-align: left;
  margin-bottom: 10px;
  padding: 5px;
  color: #CC6600;
  font-size: 115%;
}

h2.entry_header a {
  color: #CC6600;
}

div.entry_body {
  text-align: left;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
}

div.entry_body p.entry_more {
  padding: 25px 15px 15px 0px;
  margin: 0px;
}
  
div.entry_body p.tag_lnk {
  margin: 0px;
}
  
div.entry_body p.theme {
  margin: 15px 0px 0px;
}

ul.entry_footer {
  text-align: right;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
}

ul.entry_footer li {
  display: inline;
  list-style-type: none;
}

/* clap + bookmark */
div.fc2_footer {
  margin-bottom: 10px;
}

div.page_navi {
  margin-bottom: 40px;
  text-align: center;
  margin-right: 25px;
  margin-left: 25px;
}

div.page_navi2 {
  margin-bottom: 30px;
  text-align: left;
  margin-right: 25px;
  margin-left: 25px;
  font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
  font-weight: lighter;
}

div.pagetop { text-align: right; }




/* Entry (html tag)
------------------------------------------------------------ */

div.entry_body h2,
div.entry_body h3,
div.entry_body h4,
div.entry_body h5,
div.entry_body h6 {
  margin: 0em 0em 1em;
}
div.entry_body p {
  margin: 0.5em 1.5em;
}

div.entry_body ul,
div.entry_body ol {
  margin: 1em 0em 1em;
}

div.entry_body ul li {
  list-style: disc outside;
  margin-left: 15px;
}

div.entry_body ol li {
  list-style: decimal outside;
  margin-left: 2em;
}

div.entry_body dl {
  margin: 1em 1.5em;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  padding: 1em 1em 0em;
}

div.entry_body dt {
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-bottom: 2px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

div.entry_body dd {
  margin: 0em 1em 1em;
}



/* Comment, Trackback, Entry list
------------------------------------------------------------ */

p.sub_header {
  text-align: left;
  margin-bottom: 10px;
  padding: 5px;
  color: #CC6600;
  font-weight: bold;
  font-size: 120%;
}

h3.sub_title {
  margin-bottom: 5px;
  margin-right: 10px;
  margin-left: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 3px;
  font-size: 100%;
}

h3.entry_header {
  text-align: left;
  margin-bottom: 5px;
  color: #CC6600;
  padding-bottom: 3px;
}

div.sub_body {
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
}

h2.listtitle {
    display: inline;
    font-weight: normal;
    font-size: x-small;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small;
}

html>body h2.listtitle {
    font-size: small;
}

div.list_body {
  margin-right: 15px;
  margin-bottom: 5px;
  margin-left: 15px;
  padding-bottom: 3px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

ul.sub_footer {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-right: 20px;
    margin-left: 20px;
}

ul.sub_footer li {
    display: inline;
    list-style-type: none;
  }
  
dl.form {
    margin-right: 10px;
    margin-left: 10px;
}


input#himitu {
    margin-right: 0.5em;
    border: none;
}

p.form_btn {
    margin-top: 20px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-left: 10px;
}

p.form_btn input {
  margin-right: 5px;
}

p.trackback_url {
  padding-bottom: 50px;
  margin-right: 10px;
  margin-left: 10px;
  text-align: left;
}

p.trackback_url input {
  padding-bottom: 1px;
  border-bottom: 1px dashed #C6A78E;
  border-top: none;
  border-right: none;
  border-left: none;
  margin-bottom: 1px;
  width: 85%;
  background-color: #FFFFFF;
  color: #C6A78E;
}



/* Plugin (Main content)
------------------------------------------------------------ */

div.entry_body .plg_header,
div.entry_body .plg_body,
div.entry_body .plg_footer {
  margin-top: 3px;
}



/* Sidemenu (Plugin)
------------------------------------------------------------ */

#sidemenu1 li,
#sidemenu2 li {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 15px;
}

#sidemenu1 dl.sidemenu_body,
#sidemenu2 dl.sidemenu_body {
  margin-bottom: 15px;
  font-size: 85%;
}

dl.sidemenu_body .plg_title {
  margin-bottom: 5px;
  color: #CC6600;
  background: url(http://templates.blog.fc2.com/template/mushroom/mushroom-tittle.gif) no-repeat left top;
  height: 20px;
  width: 180px;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
  font-weight: bold;
}
  
dl.sidemenu_body .plg_header,
dl.sidemenu_body .plg_body,
dl.sidemenu_body .plg_footer {
  margin-top: 3px;
  margin-right: 5px;
  margin-left: 5px;
}

dl.sidemenu_body .plg_body input {
  margin: 2px;
}



/* calender(Plugin)
------------------------------------------------------------ */

table.calender {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

table.calender caption {
  margin-bottom: 10px;
  text-align: center;
  margin: 0 auto;
}

table.calender th {
  padding: 0.1em;
  border-bottom: 1px dotted #C6A78E;
  text-align: center;
}

table.calender td {
  padding: 0.1em;
  border-bottom: 1px dotted #C6A78E;
  text-align: center;
}

table.calender td a {
  display: block;
  color: #FFFFFF;
  background-color: #C6A78E;
}

table.calender th#sun {
  color: #FF0000;
}

table.calender th#sat {
  color: #0000FF;
}



/* Piyo(Plugin)
------------------------------------------------------------ */

div.tab {
  text-align: left;
  margin-bottom: 10px;
}

div.tab input{
  padding: 3px 5px;
}

div.tab input.b1{
  margin-right: 5px;
}
    
div.mylog {
  width: 150px;
  padding: 5px;
  border: 1px solid #A5A5A5;
  font-size: small;
  text-align: left;
  color: #666666;
  background-color: #FFFFFF;
  margin: 0 auto;
}
div.mylog p.title {
  font-weight: bold;
  color: #838383;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #A5A5A5;
  margin: 0px 0px 10px;
  padding: 0px 0px 3px;
}
div.mylog dl {
  margin: 0px;
  padding: 0px;
}
div.mylog dt.day {
  width: 150px;
  color: #339900;
  font-size: x-small;
  margin: 0px;
  padding: 0px 0px 5px;
  background-color: #FFFFFF;
  background-image: none;
  text-align: left;
}
div.mylog dd.piyolog {
  margin: 0px 0px 5px;
  color: #333333;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #A5A5A5;
  padding: 0px 0px 10px;
}
div.license {
  font-size: x-small;
  text-align: right;
}



/* Footer
------------------------------------------------------------ */

div#footer {
  padding: 10px 0px;
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small;
  margin-top: 15px;
  background-color: #FDF2CA;
  color: #C6A78E;
}
  
html>div#footer {
  font-size: x-small;
}

div#footer p {
  margin-bottom: 3px;
}

div#footer address {
  font-style: normal;
  padding-bottom: 10px;
}



/* for MacIE
------------------------------------------------------------ */

textarea,input,select {
  font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", sans-serif;
}
