/*------------------------------------------------------------
 テンプレートのご利用について
------------------------------------------------------------ */

この度はテンプレートのダウンロードありがとうございます。
テンプレートの利用規約に関しましては、サイト内に記載してありますので
ご一読の上でご利用下さいますようお願い致します。



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

<!-- ↓ここでtopimageを変更↓　改行が入らないように注意して下さい -->
<img src="使う画像のURL http://～" width="900" height="使う画像の縦幅" alt="topimage" />

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

※ 使用画像の横幅は 900px にして下さい。　縦幅は自由です。



× 著作表示部分の削除・文字サイズ縮小・文字色変更・見えにくくするなどの行為
　 著作部分以外の文字色・文字サイズの変更はご自由にどうぞ。

× パスワード制

× アダルト(18禁・チャットレディ系なども含む)

× こちらから連絡を取る手段がない

× サイト名やURLの公開が出来ない

× 当サイトに未登録の商用サイト
　　アフィリエイトなどをひとつでも行っているサイト様も該当します。
　　収入の発生する可能性がある場合は全て商用サイトになるとお考え下さい。
　　商用サイトについての詳しい説明は、当サイトにてご確認下さい。



作成及び表示・動作確認環境 | Windows XP  1280x768  32bit
※Macでの確認は行っておりません。

Firefox2+　|　Safari3+　|　Google Chrome　|　IE6+　|　Opera9+　|　Netscape7+
上記ブラウザにて、表示・動作確認しています。

Template & Zakka Site 
≪Stylish Freely≫　http://stylish.if.tv/
≪Stylish Freely Blog≫　http://stylishfreely.blog39.fc2.com/

お読みくださって、ありがとうございました。
この部分は削除していただいてかまいません。

/*------------------------------------------------------------
 テンプレートのご利用について ここまで
------------------------------------------------------------ */



@charset "utf-8";

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

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





img {
  border : none ;
  vertical-align : middle ;
  }

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





html {
  margin : 0 auto ;
  padding : 0 ;
  scrollbar-arrow-color : #ffffff ;
  scrollbar-3dLight-color : #ffffff ;
  scrollbar-face-color : #67a3a3 ;
  scrollbar-highlight-color : #ffffff ;
  scrollbar-track-color : #ffffff ;
  scrollbar-shadow-color : #ffffff ;
  scrollbar-darkShadow-color : #ffffff ;
  }





body {
  height:100%;
  margin : 0 auto ;
  padding : 0 ;
  font-size : 75% ;
  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 : #000000 ;
  }

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




p {
  margin : 1em 0 ;
  }





input,select,textarea {
  border : #979797 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#header {
  width : 1000px ;
  height : 150px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-45.fc2.com/n/a/n/nanamorinomiya/20120502150107b49.jpg") no-repeat ;
  }



div#top {
  width : 1000px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-37.fc2.com/s/t/y/stylishfreely/027-2.jpg") repeat-y ;
  }



div#calendar {
  width : 1000px ;
  margin : 0 auto ;
  padding : 0 ;
  background : url("https://blog-imgs-37.fc2.com/s/t/y/stylishfreely/027-2.jpg") repeat-y ;
  text-align : center ;
  }



div#container {
  width : 1000px ;
  margin : 0 auto ;
  padding : 0 ;
  overflow : auto ;
  background : url("https://blog-imgs-37.fc2.com/s/t/y/stylishfreely/027-2.jpg") repeat-y ;
  }



div.column {
  margin : 0 ;
  }



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

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



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

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





div#footer {
  clear : both ;
  width : 1000px ;
  height : 130px;
  margin : 0 auto ;
  padding : 20px 0 0 0 ;
  background : url("https://blog-imgs-37.fc2.com/s/t/y/stylishfreely/027-3.jpg") no-repeat ;
  text-align : center ;
  font-size : 90% ;
  }





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

div#header h1 {
  padding : 75px 50px 0 50px ;
  color : #979797 ;
  text-decoration : none ;
  font-weight : bold ;
  font-size : 250% ;
  }

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

div#header a:hover {
  color : #ffffff ;
  background-color : #67a3a3 ;
  font-weight : bold ;
  }



div#header p {
  padding : 0 50px 0 50px ;
  font-weight : bold ;
  }





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

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





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

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



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



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

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

div#calendar li a:hover {
  color : #ffffff ;
  background-color : #67a3a3 ;
  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 : 30px ;
  margin : 0 ;
  padding : 10px 0 0 30px ;
  font-weight : normal ;
  font-size : 130% ;
  background : url("https://blog-imgs-45.fc2.com/n/a/n/nanamorinomiya/027-h2.jpg") no-repeat ;
  }

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

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



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

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

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



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



div.section p.entry-footer {
  line-height : 40px ;
  margin : 0 ;
  padding : 0 ;
  list-style-position : inside ;
  text-align : right ;
  background : url("https://blog-imgs-37.fc2.com/s/t/y/stylishfreely/027-line.jpg") no-repeat ;
  }



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

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



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

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



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

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

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



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

p.prev-next-navi a:hover {
  color : #ffffff ;
  background-color : #67a3a3 ;
  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 : #979797 dotted 1px ;
  font-weight : bold ;
  font-size : 100% ;
  }



div.comment-body {
  padding : 0 ;
  }



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

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

p.comment-footer a:hover {
  color : #ffffff ;
  background-color : #67a3a3 ;
  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 : #979797 dotted 1px ;
  }

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

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



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

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

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



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



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





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

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

/* 位置調整（一番上に表示） */
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 : #979797 ;
  text-decoration : none ;
  font-weight : normal ;
  }

div#secondary-column a:hover {
  color : #ffffff ;
  background-color : #67a3a3 ;
  font-weight : normal ;
  }



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

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





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

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

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








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

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

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

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

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

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