@charset "UTF-8";

/* default
------------------------------------------------------------ */

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

body, h1, h2, h3, h4, p, form, hr, blockquote, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}

hr {
  border: 0;
  border-top: 1px dotted #E5E5E5;
  margin: 8px 0;
  color: #FFF;
  clear: both;
}

h1 {
  font-size: 350%;
  padding: 20px 35px 5px 20px;
  text-align: center;
}
h1 a:link, h1 a:visited {
  color:#FFF;
  text-decoration: none;
}
h1 a:hover, h1 a:active {
  color:#CCC;
  text-decoration: none;
}
h2 {
  font-size: 100%;
  text-align: right;
  font-weight: normal;
  padding: 0 35px 30px 20px;
}

a:link{
  color: #479147;
  text-decoration: none;
}
a:visited{
  color: #479147;
  text-decoration: none;
}
a:hover{
  color: #ff8c00;
  text-decoration: none;
}
a:active{
  color: #800080;
  text-decoration: none;
}

blockquote {
  border-top: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  border-bottom-width: 0;
  border-left: 1px solid #EFEFEF;
  background-color: #EEEEEE;
  margin: 10px 0 0 20px;
  color: #660033;
}

blockquote p {
  padding: 8px 15px;
}

/* layout
------------------------------------------ */

body{
  color: #333333;
  background-color: #ffffff;
  text-align:center;
  font-size: 11pt;
  font-family: verdana,arial,"ヒラギノ Pro W3",osaka,HiraKakuPro-W3,sans-serif;
}

div#toptop{
  width: 100%;
  border-bottom: 2px solid #cc0000;
}

div#top{
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
  width: 800px;
  color: #208633;
  font-weight: bold;
  font-size: 12px;
  letter-spacing:10px;
}

div#wrapper{
  border: 3px solid #479147;
  margin: 0 auto;
  width: 800px;
}

div#wrapper2{
  border: 1px solid #479147;
  margin: 5px auto;
  width: 788px;
}

div#contents{
  background: url("http://blog-imgs-35-origin.fc2.com/t/a/l/taletalesource/bg.gif") repeat-y;
  float:left;
}

div#header{
  height: 80px;
  border-bottom: 1px solid #479147;
}

div#main{
  float: left;
  width: 550px;
}

div#maincontents{
  border-right: 1px solid #479147;
  padding: 20px;
  text-align: left;
  font-size: 13px;
  line-height: 1.4;
}

div#menu{
  float: left;
  width: 238px;
}

div#menucontents{
  padding: 5px;
  text-align: left;
}

div#footer{
  border-top: 1px solid #479147;
  clear: both;
  text-align: left;
  font-size: 10px;
  padding: 7px;
  color: #439541;
}

div#bottom{
  width: 100%;
  border-top: 2px solid #cc0000;
  margin-top: 20px;
  padding-top: 5px;
  margin-bottom: 50px;
  font-size: 12px;
  color: #bf3a3c;
  font-weight:bold;
}


/* header
------------------------------------------------------------ */

table#layout{
  border: 0;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

table#layout td#toptop_logo{
  width: 110px;
  padding: 20px 20px 0 10px;
}

table#layout td#toptop_intro{
  width: 110px;
  font-size: 12px;
  color: #bf3a3c;
  padding: 12px;
}

table#layout td#toptop_search{
  text-align: right;
  padding-right: 20px;
}

table#layout td#toptop_right{
  text-align: right;
  vertical-align: bottom;
  padding-bottom: 10px;
  padding-right: 20px;
}

table#layout td#logo_left{
  width: 162px;
  border-right: 1px solid #479147;
  background-color: #dce4cc;
  color: #028444;
  font-weight: bold;
  font-size: 30px;
}

td#logo_left img{
  border: 0px;
}

table#layout td#logo_right{  padding: 10px;
  color: #439541;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
}

table#layout td#sitemap{
  text-align: left;
  width: 70px;
  font-size: 10px;
}

table#layout2{
  border: 0;
  width: 97%;
  height: 100%;
  margin-left: 10px;
  border-collapse: collapse;
}

table#layout2 td{
  padding: 3px;
}

table#layout2 td#bottom{
  width:105px;
}

table#layout2 td#text{
  text-align: right;
}

table#layout2 span#default{
  color: #333333;
  font-size: 12px;
  font-weight: normal;
}

/* menu
------------------------------------------------------------ */

div#menutitle1{
  padding: 20px;
}

div#menutitle2{
  padding: 10px;
  margin: 0 auto;
  font-size: 14px;
  border: 1px solid #479147;
  color: #439541;
  font-weight: bold;
  text-align: left;
}

div#menubody{
  margin-left: 5px;
  font-size: 12px;
}

ul{
  list-style-type: none;
}

li{
  padding-left: 22px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 11px;
  border-bottom: 1px dotted #479147;
  background:url("http://blog-imgs-35-origin.fc2.com/t/a/l/taletalesource/cursor.gif") 0 7px no-repeat;
}



/* main
------------------------------------------------------------ */

div#article_title{
  font-size: 17px;
  font-weight: bold;
  color: #489148;
  border-bottom: 1px solid #dddddd;
}

div#article_menu{
  color: #999999;
  font-size: 11px;
  padding-bottom: 20px;
}

div#article_menu a{
  color: #999999;
}

div#article_menu a:hover{
  color: #666666;
  text-decoration: none;
}

div#article_body{
  margin-left: 10px;
}

div#article_footer{
  text-align:right;
  padding:10px;
}

div#navi{
  background: url("http://templates.blog.fc2.com/template/sharpgreen/gradation.jpg") repeat-x bottom;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #eeeeee;
  width: 500px;
  text-align:center;
  font-size: 11px;

}

div#navi a{
  font-weight: bold;
}

div#comment_title{
  margin-top: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dddddd;
}

div#comment_body{
  margin-top: 10px;
  margin-left: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dddddd;
}

div#comment_body form{
  font-weight: bold;
  color: #990000;
  line-height: 2;
}

div#comment_body form span#escape{
  font-weight: normal;
  color: #000000;
}

div#comment_menu{
  margin-left: 30px;
  color: #999999;
  font-size: 11px;
  padding-bottom: 20px;
}

div#comment_menu a{
  color: #999999;
}

div#comment_menu a:hover{
  color: #666666;
  text-decoration: none;
}



/* カレンダー */
table#calendar {
  font-size: 80%;
  margin: 8px 10px;
}
#calendar caption {
  margin: 8px auto;
}
#calendar th {
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  font-family: arial,helvetica,sans-serif;
}
#calendar td {
  font-size: 10px;
  width: 14%;
  text-align: center;
  padding: 0.2em 0;
  background: #EFEFEF
}
#calendar td a {
  display: block;
  font-weight: bold;
}
th#sun { color: #CC3D3D; }
th#sat { color: #4D993D; }

#calendar td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active {
  text-decoration: none;
}
#calendar td a:link { color:#090; }
#calendar td a:visited { color: #666 }
#calendar td a:hover, #calendar td a:active { color:#FF8C00;; }

/* カレンダー */
table.calender {
  width: 90%;
  font-size: 80%;
  margin: 8px 10px;
}
.calender caption {
  margin: 8px auto;
}
.calender th {
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  font-family: arial,helvetica,sans-serif;
}
.calender td {
  font-size: 10px;
  width: 14%;
  text-align: center;
  padding: 0.2em 0;
  background: #EFEFEF
}
.calender td a {
  display: block;
  font-weight: bold;
}
th#sun { color: #CC3D3D; }
th#sat { color: #4D993D; }

.calender td a:link, .calender td a:visited, .calender td a:hover, .calender td a:active {
  text-decoration: none;
}
.calender td a:link { color:#090; }
.calender td a:visited { color: #666 }
.calender td a:hover, .calender td a:active { color:#FF8C00;; }



/* コメントフォーム */
.commentform dl {
  width: 100%;
  padding: 0 0 8px 0;
}
.commentform dl dt {
  letter-spacing: 0.03em;
  font-weight: bold;
}
.commentform dl dd {
  font-size: 90%;
  padding: 0 0 0.5em 0;
}

.commentform dl textarea {
  width: 80%;
}
#himitsu {
  width: auto;
}


/* trackback URL 表示部分 */
#trackbackbody {
  padding: 10px 15px 0 15px;
  line-height: 1.4;
}
#trackbackbody dt {
  margin: 0 0 0 10px;
}
#trackbackbody dd {
  font-size: 100%;
  margin: 0 0 0 10px;
  font-family: "Courier New",Courier,"Times new roman",sans-serif;
}

#commentcont, #trackbackcont {
  margin: 0 0 10px 0;
}
#commentcont h4, #trackbackcont h4 {
  font-size: 100%;
  padding: 20px 0 3px 25px;
}
#commentcont p, #trackbackcont p {
  padding: 0 0 0 25px;
}
#commentcont ul.sub, #trackbackcont ul.sub {
  border: solid #EFEFEF;
  border-width: 1px 0 0 0;
  background: none;
  margin: 5px 0 0 20px;
  padding: 3px 0 0 0;
}


/* Mac IE 文字化け対策 */
textarea, input {
  font: 100%/1.5 normal normal normal "\30D2\30E9\30AE\30CE\20Pro\20W3",HiraKakuPro-W3,osaka,verdana,arial,sans-serif;
}

img.emoji{
  vertical-align:middle;
  border:0;
}