/* テンプレートのご利用について-------------------------

この度はテンプレートのダウンロードありがとうございます。
テンプレートの利用規約に関しましては、サイト内に記載してありますので
ご一読の上でご利用下さいますようお願い致します。


★ 012-SimpleLife説明ページ ★
http://stylishfreely.blog39.fc2.com/blog-entry-186.html


× 著作表示部分の削除・文字サイズ縮小・文字色変更・見えにくくするなどの行為

× パスワード制

× アダルト(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/

お読みくださって、ありがとうございました。
この部分は削除していただいてかまいません。

↓背景の影画像↓※残しておく
http://blog-imgs-18.fc2.com/s/t/y/stylishfreely/012-2.jpg

-------------------------テンプレートのご利用について ここまで */

@charset "UTF-8";

a {
  color : #666255 ;
  text-decoration : underline ;
  font-weight : bold ; }

a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : bold ; }

img{
  border : 0 ; }

html {
  text-align : center ;
  width : 100% ;
  height : 100% ;
  scrollbar-arrow-color : #f8f5ee ;
  scrollbar-3dLight-color : #f8f5ee ;
  scrollbar-face-color : #e4ded2 ;
  scrollbar-highlight-color : #f8f5ee ;
  scrollbar-track-color : #f8f5ee ;
  scrollbar-shadow-color : #f8f5ee ;
  scrollbar-darkShadow-color : #f8f5ee ; }





/* 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 : "";
}
*/



body {
  width : 100% ;
  height : 100% ;
  font-size : 10pt ;
  line-height : 190% ;
   font-family : "Verdana", "AR P丸ゴシック体M", "AR丸ゴシック体M", "HG丸ｺﾞｼｯｸM-PRO","ヒラギノ角ゴ Pro W3", "Osaka‐等幅", "Trebuchet MS", Arial, Helvetica, Osaka, "sans-serif", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS UI Gothic" ;
  color : #666255 ; 
  scrollbar-arrow-color : #f8f5ee ;
  scrollbar-3dLight-color : #f8f5ee ;
  scrollbar-face-color : #e4ded2 ;
  scrollbar-highlight-color : #f8f5ee ;
  scrollbar-track-color : #f8f5ee ;
  scrollbar-shadow-color : #f8f5ee ;
  scrollbar-darkShadow-color : #f8f5ee ;
  margin : 0 ;
  background : #f8f5ee url("") 50% 0% repeat-y ; }

html>body {
  font-size : 10pt ; }

p {
  margin : 0 ; }

textarea,input,select {
  border : #666255 dotted 1px ;
  color : #666255 ;
  line-height : 190% ;
  background : url() fixed ;
  font-size : 8pt ;
  font-family : "Verdana", "AR P丸ゴシック体M", "AR丸ゴシック体M", "HG丸ｺﾞｼｯｸM-PRO","ヒラギノ角ゴ Pro W3", "Osaka‐等幅", "Trebuchet MS", Arial, Helvetica, Osaka, "sans-serif", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS UI Gothic" ; }

a img {
  border : 0 ;
  text-decoration : none ; }




/* Layout
------------------------------------------------------------ */

div#container {
  width : 830px ;
  margin-left : auto ;
  margin-right : auto ;
  background : url("") 0% 0% repeat-y ;
  text-align : left ; }



div#header {
  width : 830px;
  height : 400px ;
  margin-left : auto ;
  margin-right : auto ;
  padding-top : 10px ;
  background : url("http://blog-imgs-48-origin.fc2.com/n/i/g/nigglyxxxblue/20130314_wedding.jpg") 0% 0% no-repeat ;
  text-align : left ; }



div#calendar {
  width : 830px; 
  margin-left : auto ;
  margin-right : auto ;
  padding : 0 ;
  background : url("http://blog-imgs-18-origin.fc2.com/s/t/y/stylishfreely/012-h.jpg") 0% 100% repeat-x ;
  text-align : center ; }



div.column {
  margin : 10px 0 ; }



div#primary-column {
  float : right ;
  width : 580px ;
  padding : 0 10px 0 10px ; }

html>body div#primary-column {
  width : 580px; }



div#secondary-column {
  float : left ;
  width : 200px ;
  line-height : 180% ;
  padding : 0 8px 0 10px;
  font-size : 8pt ; }

html>body div#secondary-column {
  width : 210px ; }

div#secondary-column a {
  color : #666255 ;
  text-decoration : none ;
  font-weight : normal ; }

div#secondary-column a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : normal ; }



div#footer {
  clear : both;
  width : 830px ;
  color : #666255 ;
  margin-left : auto ;
  margin-right : auto ;
  padding : 50px 0 10px 0 ;
  background : url("http://blog-imgs-18-origin.fc2.com/s/t/y/stylishfreely/012-h.jpg") 0% 0% repeat-x ; }





/* Header
------------------------------------------------------------ */

div#header h1 {
  width : 830px ;
  padding : 320px 0 0 0 ;
  font-size : 15pt ; 
  text-align: center; }

div#header h1 a {
  color : #f8f5ee ;
  text-decoration : none ;
  font-weight : bold ; }

div#header h1 a:hover {
  color : #f8f5ee ;
  font-weight : bold ; }

div#h1 {
  background-color : #666255 ;
  color : #f8f5ee ;
  padding : 5px ; }



div#header p {
  margin : 0 ;
  padding :  0 ;
  color : #666255 ; }





/* Calendar
------------------------------------------------------------ */

p.now-month {
  margin : 0 ;
  padding : 0 ; }



div#calendar ul {
  margin : 0 ;
  padding-bottom : 8px ;
  list-style-position : inside ; }



div#calendar li {
  display : inline ;
  list-style-type : none ; }

div#calendar li a {
  color : #666255 ;
  text-decoration : none ;
  font-weight : bold ; }

div#calendar li a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : bold ; }



li.prev-month-calendar {
  margin-right : 0.5em ; }



li.day {
  margin : 0 0.3em ;
  font-size : 8pt ; }



li.next-month-calendar {
  margin-left : 0.5em ; }





/* Primary-Column
------------------------------------------------------------ */

p.prev-next-navi {
  text-align : center ;
  margin-bottom : 20px ; }

div.section {
  margin-bottom : 30px ; }



div.section h2 {
  height : 30px ;
  margin-bottom : 10px ;
  padding : 12px 0 0 0 ;
  font-size : 8pt ;
  color : #666255 ;
  background : url("http://blog-imgs-18-origin.fc2.com/s/t/y/stylishfreely/012-h.jpg") repeat-x ;
  font-size : 12pt ; }

div.section h2 a {
  color : #666255 ;
  text-decoration : none ; }

div.section h2 a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  text-decoration : none ; }



div.entry-body {
  background : transparent ; }

div.entry-body a {
  color : #666255 ;
  font-weight : bold ;
  text-decoration : none ; }

div.entry-body a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : bold ;
  text-decoration : none ; }



div.entry-body h3 {
  margin : 1em 0 ; }

div.entry-body h3 span {
  padding-left : 5px ; }



p.entry-more {
  padding : 25px 15px 15px 0 ;
  text-align : right ; }



div.section p.entry-footer {
  margin-top : 0 ;
  padding-top : 45px ;
  background : transparent ;
  list-style-position : inside ;
  text-align : right ;
  background : url("http://blog-imgs-18-origin.fc2.com/s/t/y/stylishfreely/012-h.jpg") 0% 0% repeat-x ;
  font-size : 8pt ; }



span.com,
span.no-com {
  padding-left : 0 ; }

span.trk,
span.no-trk {
  padding-left : 0 ; }



div.section p.entry-footer a {
  color : #666255 ;
  text-decoration : none ;
  font-weight : normal ; }

div.section p.entry-footer a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : normal ; }



div.section p.navigation {
  color : #666255 ;
  padding : 20px 0 0 0 ;
  text-align : right ; }

div.section p.navigation a {
  color : #666255 ;
  font-weight : bold ;
  text-decoration : none ; }

div.section p.navigation a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : bold ;
  text-decoration : none; }



p.prev-next-navi a {
  color : #666255 ;
  font-weight : bold ;
  text-decoration : none ; }

p.prev-next-navi a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : bold ;
  text-decoration : none ; }



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-top : 20px ; }



h3#comment-top {
  margin : 15px 0 10px 0 ;
  font-size : 9pt ; }

h3.comment-edit {
  margin : 15px 0 10px 0 ;
  font-size : 9pt ; }



h4.comment-header {
  margin-bottom : 10px ;
  padding-left : 0px ;
  font-weight : normal ;
  border-bottom : 1px dotted #666255 ; }



div.comment-body {
  background : transparent ; }



p.comment-footer {
  margin : 10px 0 15px 0 ;
  padding : 0.5em 0 ;
  border-top : 1px dotted #666255 ;
  text-align : right ;
  font-size : 8pt ; }

p.comment-footer a {
  color : #666255 ;
  text-decoration : none ; }

p.comment-footer a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  text-decoration : none ; }





/* Trackback
------------------------------------------------------------ */

h3#trackback-top {
  margin : 15px 0 10px 0 ; }

p.trackback-uri {
  margin-bottom : 15px ;
  padding : 0.2em 0.5em ;
  background : transparent url("") left center repeat ;
  border : 1px dotted #666255 ; }



h4.trackback-header {
  margin-bottom : 10px ;
  padding-left : 15px ;
  background : transparent url("") left center no-repeat ;
  font-weight : normal ;
  border-bottom : 1px dotted #666255 ; }

h4.trackback-header a {
  color : #666255 ;
  text-decoration : none ; }

h4.trackback-header a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  text-decoration : none ; }



div.trackback-excerpt {
  padding : 0 0.5em ;
  background : transparent ; }

p.trackback-footer {
  margin : 10px 0 15px 0 ;
  padding : 0.5em 0 ;
  border-top : 1px dotted #666255 ; }





/* Secondary-Column
------------------------------------------------------------ */

div#secondary-column h2 {
  height : 40px ;
  color : #666255 ;
  font-weight : bold;
  padding : 10px 0 0 0 ;
  background : url("http://blog-imgs-18-origin.fc2.com/s/t/y/stylishfreely/012-h.jpg") repeat-x ;
  voice-family : "\"}\"" ;
  voice-family : inherit ;
  font-size : 8pt ; }

/* 位置調整（一番上に表示） */
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 a {
  color : #666255 ;
  text-decoration : none ;
  font-weight : normal ; }

div#secondary-column a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  font-weight : normal ; }



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 ; }



p.author-image {
  text-align : center ; }

p.author-image img {
  border : 0 ; }





/* Footer
------------------------------------------------------------ */

div#footer div.ads {
  color : #666255 ;
  text-align : center ;
  font-size : 7pt ; }

div#footer div.ads a {
  color : #666255 ;
  text-decoration : none ;
  font-weight : bold ;
  font-size : 7pt ; }

div#footer div.ads a:hover {
  background-color : #666255 ;
  color : #f8f5ee ;
  text-decoration : none ;
  font-weight : bold ;
  font-size : 7pt ; }

div#footer div.ads strong {
  color : #666255 ;
  font-weight : bold ;
  font-size : 7pt ; }



