§ TOP画像の変更方法 §
************************************************************
<!-- top -->
<div id="top">

<!-- ↓ここでtopimageを変更↓　改行が入らないように注意して下さい -->
<img src="https://blog-imgs-112.fc2.com/m/a/m/mamineko09/TOPGIF.gif" width="600" height="500" alt="topimage" />

</div>
<!-- /top -->
************************************************************
HTML内　(テンプレート編集画面上部部分)↑上記の「src」「height」二箇所を変更して下さい。

※ 使用画像の大きさは、必ず 600x500px にして下さい。







@charset "utf-8";

a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : normal ;
  }

a:hover {
  color : #bd3132 ;
  text-decoration : none ;
  font-weight : normal ;
  }





img {
  border : none ;
  }

a:hover img {
  filter : alpha(opacity=60);
  opacity : 0.6 ;
  }





html {
  margin : 0 auto ;
  padding : 0 ;
  }





body {
  height:100%;
  margin : 0 auto ;
  padding : 0 ;
  font-size :14px;
  line-height : 180% ;
  font-family : "Verdana","メイリオ","Meiryo","MS UI Gothic","ヒラギノ角ゴ Pro W3","sans-serif","Osaka‐等幅", "Tahoma", "AR P丸ゴシック体M", "AR丸ゴシック体M", "HG丸ｺﾞｼｯｸM-PRO","Trebuchet MS", "ＭＳ ゴシック", "ＭＳ Ｐゴシック" ;
  color : #000000 ; 
  background-color : #f8f0e3 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-b.jpg") fixed repeat ;
  }

html>body {
  font-size : 75% ;
  }




p {
  margin : 1em 0 ;
  }





input,select,textarea {
  border : #000000 solid 1px ;
  background : transparent ;
  font-family : "Verdana","メイリオ","Meiryo","MS UI Gothic","ヒラギノ角ゴ Pro W3","sans-serif","Osaka‐等幅", "Tahoma", "AR P丸ゴシック体M", "AR丸ゴシック体M", "HG丸ｺﾞｼｯｸM-PRO","Trebuchet MS", "ＭＳ ゴシック", "ＭＳ Ｐゴシック" ;
  color : #000000 ;
  }





/*------------------------------------------------------------
 General
------------------------------------------------------------ */

* {
  margin : 0 ;
  padding : 0 ;
}

h1, h2, h3, h4, h5, h6, div, p, blockquote, address {
  display : block;
}

a, addr, acronym, cite, code, dfn, em, img, kbd, object, q, ruby, samp, small, span, strong, sub, sup, var {
  display : inline;
}
/*
*:before,
*:after {
  content : "";
}
*/





/*------------------------------------------------------------
 layout ▼ レイアウト
------------------------------------------------------------ */

div#header1 {
  width : 100% ;
  height : 50px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-0.jpg") repeat ;
  }



div#header {
  width : 1230px ;
  height : 125px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-1.jpg") no-repeat ;
  }



div#admin {
  width : 1230px ;
  height : 110px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-2.jpg") no-repeat ;
  }



div#top {
  width : 1230px ;
  height : 500px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-3.jpg") no-repeat ;
  }



div#top2 {
  width : 1230px ;
  height : 43px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-4.jpg") no-repeat ;
  }



div#calendar {
  width : 1230px ;
  height : 180px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-5.jpg") no-repeat ;
  text-align : center ;
  }



div#container {
  width : 1000px ;
  margin : 0 auto ;
  padding : 0 ;
  overflow : auto ;
  }



div.column {
  margin : 0 ;
  }



div#primary-column {
  float : right ;
  width : 700px ;
  padding : 0 0 0 0 ;
  overflow : hidden ;
  }

html>body div#primary-column {
  width : 700px ; }



div#secondary-column {
  float : left ;
  width : 250px ;
  padding : 0 50px 0 0 ;
  overflow : hidden ;
  clear : left ;
  }

html>body div#secondary-column {
  width : 250px ; }





div#footer {
  clear : both ;
  width : 1280px ;
  height : 140px;
  margin : 0 auto ;
  padding : 40px 0 0 0 ;
  text-align : center ;
  font-size : 90% ;
  background : url("https://blog-imgs-102.fc2.com/s/t/y/stylishfreely/028-6.jpg") no-repeat ;
  }





div#footer1 {
  width : 100% ;
  height : 50px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-0.jpg") repeat ;
  }



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

div#header h1 {
  padding : 40px 0 0 210px ;
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  font-size : 230% ;
  }

div#header a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div#header a:hover {
  color : #bd3132 ;
  text-decoration : none ;
  font-weight : bold ;
  }





/*------------------------------------------------------------
 admin
------------------------------------------------------------ */

div#admin .admin {
  padding : 50px 0 0 60px ;
  color : #000000 ;
  text-decoration : none ;
  font-size : 100% ;
  font-weight : bold ;
  text-align : center ;
  }

div#admin a {
  color : #e7dfc8 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div#admin a:hover {
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  }





/*------------------------------------------------------------
 top
------------------------------------------------------------ */

div#top img {
  padding : 0 0 0 170px ;
  }





/*------------------------------------------------------------
 Calendar
------------------------------------------------------------ */

p.now-month {
  margin : 0 ;
  padding : 40px 0 5px 70px ;
  font-weight : bold ;
  }



div#calendar ul {
  margin : 0 ;
  padding : 5px 0 20px 70px ;
  list-style-position : inside ;
  }



div#calendar li {
  display : inline ;
  list-style-type : none ;
  font-weight : bold ;
  font-size : 11px ;
  }

div#calendar li a {
  color : #bd3132 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div#calendar li a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : bold ;
  }



li.prev-month-calendar {
  margin-right : 0.5em ; }



li.day {
  margin : 0 0.3em ;
  }



li.next-month-calendar {
  margin-left : 0.5em ;
  }





/*------------------------------------------------------------
 Primary-Column
------------------------------------------------------------ */

p.prev-next-navi {
  margin-bottom : 20px ;
  text-align : center ;
  }



div.section {
  margin-bottom : 30px ;
  }



div.section h2 {
  height : 45px ;
  margin : 0 ;
  padding : 35px 0 0 65px ;
  font-weight : normal ;
  font-size : 100% ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-h.jpg") no-repeat ;
  color : #e7dfc8 ;
  }

div.section h2 a {
  color : #e7dfc8 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div.section h2 a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : bold ;
  }



div.entry-body {
  padding : 20px 0 ;
  }

div.entry-body a {
  color : #bd3132 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div.entry-body a:hover {
  color : #000000 ;
  font-weight : bold ;
  }



p.entry-more {
  padding : 25px 15px 15px 0 ;
  text-align : right ;
  }


div.section p.entry-footer {
  line-height : 80px ;
  margin : 0 ;
  padding : 0 70px 0 0 ;
  list-style-position : inside ;
  text-align : center ;
  background : url("https://blog-imgs-75.fc2.com/s/t/y/stylishfreely/028-line.jpg") no-repeat ;
  color : #e7dfc8 ;
  }



span.com,
span.no-com {
  padding-left : 0 ;
  }

span.trk,
span.no-trk {
  padding-left : 0 ;
  }



div.section p.entry-footer a {
  color : #e7dfc8 ;
  text-decoration : none ;
  font-weight : normal ;
  }

div.section p.entry-footer a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : normal ;
  }



div.section p.navigation {
  margin : 0 ;
  padding-top : 20px ;
  text-align : right ;
  }

div.section p.navigation a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div.section p.navigation a:hover {
  color : #000000 ;
  font-weight : bold ;
  }



p.prev-next-navi a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  }

p.prev-next-navi a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : bold ;
  }



div.entry-body ol {
  list-style-type : decimal-leading-zero ;
  list-style-position : inside ;
  }





/*------------------------------------------------------------
 Comment
------------------------------------------------------------ */

input#himitu {
  margin-right : 0.5em ;
  }



p.form-btn {
  margin : 0 ;
  }



h3#comment-top {
  margin : 15px 0 10px 0 ;
  font-size : 100% ;
  }



h4.comment-header {
  margin : 0 ;
  padding : 0 ;
  border-bottom : #000000 dotted 1px ;
  font-weight : bold ;
  font-size : 100% ;
  }



div.comment-body {
  padding : 0 ;
  }



p.comment-footer {
  margin : 0 ;
  padding : 0 ;
  border-top : #000000 dotted 1px ;
  text-align : right ;
  font-size : 90% ;
  }

p.comment-footer a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : normal ;
  }

p.comment-footer a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : normal ;
  }



div.comment-post {
  height : 25px ;
  margin : 0 ;
  padding : 0 ;
  }

h3.comment-post {
  font-size : 100% ;
  }



div.comment-form {
  margin : 0 ;
  padding : 0 ;
  }



div.comment-btn {
  height : 25px ;
  margin : 0 ;
  padding : 0 ;
  }



h3.comment-edit {
  font-size : 100% ; }



div.comment-edit {
  height : 25px ;
  margin : 0 ;
  padding : 0 ;
  }



div.comment-editbody {
  margin : 0 ;
  padding : 0 ;
  }



div.comment-editbtn {
  height : 25px ;
  margin : 0 ;
  padding : 0 ;
  }





/*------------------------------------------------------------
 Trackback
------------------------------------------------------------ */

h3#trackback-top {
  margin : 15px 0 10px 0 ;
  font-size : 100% ;
  }



p.trackback-uri {
  margin-bottom : 15px ;
  padding : 0.2em 0.5em ;
  border : #000000 dotted 1px ;
  }

p.trackback-uri a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  }

p.trackback-uri a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : bold ;
  }



h4.trackback-header {
  margin-bottom : 10px ;
  padding-left : 15px ;
  border-bottom : #000000 dotted 1px ;
  font-weight : normal ;
  font-size : 100% ;
  }

h4.trackback-header a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : normal ;
  }

h4.trackback-header a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : normal ;
  }



div.trackback-excerpt {
  padding : 0 0.5em ;
  }



p.trackback-footer {
  margin : 10px 0 30px 0 ;
  padding : 0.5em 0 ;
  border-top : #000000 dotted 1px ;
  }





/*------------------------------------------------------------
 Secondary-Column
------------------------------------------------------------ */

div#secondary-column h2 {
  height : 45px ;
  margin : 0 ;
  padding : 35px 0 0 35px ;
  background : url("https://blog-imgs-47.fc2.com/s/t/y/stylishfreely/028-h2.jpg") no-repeat ;
  font-weight : bold;
  font-size : 100% ;
  color : #e7dfc8 ;
  }

/* 位置調整（一番上に表示） */
div#secondary-column h2.monthly-archives {
  margin-bottom : 10px ; }

/* 位置調整（中間に表示） */
div#secondary-column h2.categories-archives,
div#secondary-column h2.recent-entries,
div#secondary-column h2.recent-comments,
div#secondary-column h2.recent-trackbacks,
div#secondary-column h2.links,
div#secondary-column h2.appendix {
  margin-top : 20px ;
  margin-bottom : 10px ; }

/* 位置調整（一番下に表示） */
div#secondary-column h2.search {
  margin-top : 20px ;
  margin-bottom : 10px ; }



div#secondary-column ul {
  list-style-position : inside ;
  }

div#secondary-column ul.recent-entries,
div#secondary-column ul.recent-comments,
div#secondary-column ul.recent-trackbacks {
  list-style-type : decimal-leading-zero ; }



div#secondary-column a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : normal ;
  }

div#secondary-column a:hover {
  color : #bd3132 ;
  font-weight : normal ;
  }



p.author-image {
  text-align : center ;
  }

p.author-image img {
  border : 0 ;
  }





/*------------------------------------------------------------
 Footer
------------------------------------------------------------ */

div#footer a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div#footer a:hover {
  color : #ffffff ;
  background-color : #bd3132 ;
  font-weight : bold ;
  }








/*------------------------------------------------------------
 ここから・一切の編集禁止。触らないで下さい
------------------------------------------------------------ */

div#footer div.ads {
  color : #000000 ;
  margin-top : 10px ;
  text-align : center ;
  font-size : 85% ;
  }

div#footer div.ads a {
  color : #000000 ;
  text-decoration : none ;
  font-weight : bold ;
  }

div#footer div.ads a:hover {
  text-decoration : none ;
  font-weight : bold ;
  color : #ffffff ;
  background-color : #bd3132 ;
  }

div#footer div.ads strong {
  color : #000000 ;
  font-weight : bold ;
  }

/*------------------------------------------------------------
 ここまで・一切の編集禁止。触らないで下さい
------------------------------------------------------------ */