
/*------------------------------------------------------------
 テンプレートのご利用について
------------------------------------------------------------ */

この度はテンプレートのダウンロードありがとうございます。
テンプレートの利用規約に関しましては、サイト内に記載してありますので
ご一読の上でご利用下さいますようお願い致します。



§ TOP画像の変更方法 §
************************************************************
<!-- top -->
<div id="top">

<!-- ↓ここでtopimageを変更↓　改行が入らないように注意して下さい -->
<img src="使う画像のURL http://～" width="600" height="500" alt="topimage" />

</div>
<!-- /top -->
************************************************************
HTML内　(テンプレート編集画面上部部分)↑上記の「src」「height」二箇所を変更して下さい。

※ 使用画像の大きさは、必ず 600x500px にして下さい。



× 著作表示部分の削除・文字サイズ縮小・文字色変更・見えにくくするなどの行為
　 著作部分以外の文字色・文字サイズの変更はご自由にどうぞ。
　 背景を変更などして見えにくくなった場合は、ハッキリと認識出来る色に変更をお願いします。

× パスワード制

× アダルト(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 : #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 : 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 : #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 : 130% ;
	}

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 : right ;
	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 ;
	}

/*------------------------------------------------------------
 ここまで・一切の編集禁止。触らないで下さい
------------------------------------------------------------ */




