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

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


× 著作表示部分の削除・文字サイズ縮小・文字色変更・見えにくくするなどの行為

× パスワード制

× アダルト(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 "Shift_JIS";

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

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

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

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





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

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





p.note {
	background-image : url("dot.gif") ;
	line-height : 30px ;
	margin : 0 ;
	padding-left : 5px ;
	}



.font {
	color:#CC0000 ;
	font-weight : bold ;
	}





html {
	margin : 0 auto ;
	padding : 0 ;
	scrollbar-arrow-color : #69583a ;
	scrollbar-3dLight-color : #69583a ;
	scrollbar-face-color : #000000 ;
	scrollbar-highlight-color : #69583a ;
	scrollbar-track-color : #69583a ;
	scrollbar-shadow-color : #69583a ;
	scrollbar-darkShadow-color : #69583a ;
	}





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 : url("back.jpg") repeat-y 50% 0% ;
	background-color : #69583a ;
	}





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 ;
	}





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

#head {
	width : 100% ;
	height : 350px ;
	margin-left : auto ;
	margin-right : auto ;
	background : url("top.jpg") no-repeat 50% 0% ;
	}



#menu {
	width : 780px ;
	height : 50px ;
	margin-left : auto ;
	margin-right : auto ;
	text-align : center ;
	}



#container {
	width : 780px ;
	overflow : auto ;
	margin-left : auto ;
	margin-right : auto ;
	text-align : left ;
	}



#main {
	width : 580px ;	
	float : right ;
	overflow : hidden ;
	}



#main2 {
	width : 200px ;
	float : left ;
	overflow : hidden ;
	clear : left ;
	}



#footer {
	clear : both ;
	width : 100% ;
	height : 150px;
	margin-left : auto ;
	margin-right : auto ;
	background : url("f.jpg") no-repeat 50% 0% ;
	}





/*------------------------------------------------------------
 header ▼ ヘッダ・W780
------------------------------------------------------------ */

#head .body {
	width : 780px ;
	margin : 0 auto ;
	padding : 120px 20px 0 0 ;
	text-align : center ;
	}



#head a:link {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

#head a:visited {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

#head a:active {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

#head a:hover {
	color : #ffffff ;
	background-color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}



#head .title {
	margin : 0 ;
	padding : 25px 0 0 20px ;
	font-size : 130% ;
	}

#head p {
	padding : 0 0 0 20px ;
	}





/*------------------------------------------------------------
 menu ▼ メニュー・W780
------------------------------------------------------------ */

#menu .body {
	padding-top : 15px ;
	text-align : center ;
	}





/*------------------------------------------------------------
 main ▼ メインコンテンツ・W550
------------------------------------------------------------ */


#main .body {
	text-align : left ;
	margin : 10px 10px 0 20px ;
	padding : 0 ;
	}





/*------------------------------------------------------------
 main ▼ メインタイトル・W550xH30
------------------------------------------------------------ */

.h1 {
	line-height : 35px ;
	margin : 0 ;
	padding : 0 0 0 38px ;
	font-weight : bold ;
	background : url("line.gif") no-repeat ;
	}





/*------------------------------------------------------------
 main ▼ メインテキストボックスエリア・W550
------------------------------------------------------------ */

p.infobox {
	text-align : left ;
	width : 550px ;
	height : 150px ;
	overflow : auto ;
	border : 0 ;
	margin : 5px 0 0 0 ;
	padding : 0 ;
	}

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

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

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

p.infobox a:hover {
	background-color : #000000 ;
	color : #ffffff ;
	text-decoration : none ;
	font-weight : bold ;
	}





/*------------------------------------------------------------
 main ▼ メイン・ノートボックステキスト・w550
------------------------------------------------------------ */

div.notebox {
	border : #000000 1px dotted ;
	padding : 10px 10px 20px 10px ;
	margin : 10px 0 10px 0 ;
	}

div.notebox span.notetitle {
	font-weight : bold ;
	}

div.notebox p {
	background-image : url("dot.gif") ;
	line-height : 30px ;
	margin : 0 ;
	}

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

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

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

div.notebox a:hover {
	background-color : #000000 ;
	color : #e4e3d1 ;
	font-weight : bold ;
	}





/* ------------------------------------------------------------
main  ▼ メイン・画像付き説明文(画像左側)
------------------------------------------------------------ */

#main .image_l {
	margin : 0 ;
	padding : 0 ;
	}

#main .image_l img {
	float : left ;
	margin : 0 ;
	padding : 5px 10px 0 0 ;
	background : url("i_back.jpg") ;
	}

#main .image_l p {
	background : url("dot.gif") ;
	line-height : 30px ;
	margin : 0 ;
	padding-left : 5px ;
	}





/* ------------------------------------------------------------
main ▼ メイン・画像付き説明文(画像右側)
------------------------------------------------------------ */

#main .image_r {
	margin : 0 ;
	padding : 0 ;
	}

#main .image_r img {
	float : right ;
	margin : 0 ;
	padding : 5px 0 0 10px ;
	background : url("i_back.jpg") ;
	}

#main .image_r p {
	background : url("dot.gif") ;
	line-height : 30px ;
	margin : 0 ;
	padding-left : 5px ;
	}





/*------------------------------------------------------------
 main ▼ メイン・画像アルバム・w550
------------------------------------------------------------ */

.image {	
	margin : 10px 10px 0 0 ;
	padding : 8px ;
	border : #000000 solid 1px ;
	text-align : center ;
	font-weight : bold ;
	float : left ;
	}





/*------------------------------------------------------------
 main ▼ メイン・リスト付き文章・w550
------------------------------------------------------------ */

.list {
	margin : 5px 0 0 0 ;
	padding : 0 0 5px 18px ;
	background : url("list.gif") no-repeat ;
	border-bottom : #000000 dotted 1px ;
	}





/*------------------------------------------------------------
 main ▼ メイン・リンクテーブル(W200用)・W550
------------------------------------------------------------ */

.box {	
	width : 100% ;
	margin : 10px 0 0 0 ;
	padding : 0 ;
	}

.box_l {
	width : 210px ;
	float : left ;
	padding : 0 ;
	}

.box_r {
	width : 325px ;
	float : right ;
	padding : 0 0 0 10px ;
	border-left : #000000 1px dotted ;
	}



.box_r a:link {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.box_r a:visited {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.box_r a:active {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.box_r a:hover {
	background-color : #000000 ;
	color : #ffffff ;
	font-weight : bold ;
	}





/*------------------------------------------------------------
 main ▼ メイン・リンクテーブル(W88用)・W550
------------------------------------------------------------ */

.box2 {	
	width : 100% ;
	margin : 10px 0 0 0 ;
	padding : 0 ;
	}

.box2_l {
	width : 95px ;
	float : left ;
	padding : 0 ;
	}

.box2_r {
	width : 444px ;
	float : right ;
	padding : 0 0 0 10px ;
	border-left : #000000 1px dotted ;
	}



.box2_r a:link {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.box2_r a:visited {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.box2_r a:active {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.box2_r a:hover {
	background-color : #000000 ;
	color : #ffffff ;
	font-weight : bold ;
	}





/*------------------------------------------------------------
 main ▼ ページトップへ戻る・W550xH50
------------------------------------------------------------ */

.pagetop {
	text-align : right ;
	line-height : 50px ;
	margin : 0 ;
	padding : 0 5px 0 0 ;
	font-weight : bold ;
	}

.pagetop a:link {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.pagetop a:visited {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.pagetop a:active {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
	}

.pagetop a:hover {
	background-color : #000000 ;
	color : #ffffff ;
	font-weight : bold ;
	}





/*------------------------------------------------------------
メインコンテンツここまで








ここからサブコンテンツ
------------------------------------------------------------ */





/*------------------------------------------------------------
 main2 ▼ サブコンテンツ・W200
------------------------------------------------------------ */

#main2 .body {
	text-align : left ;
	margin-top : 10px ;
	padding : 0 ;
	}



/*------------------------------------------------------------
 main2 ▼ サブメニュータイトル・W195xH30
------------------------------------------------------------ */

.h2 {
	line-height : 35px ;
	margin-left : 5px ;
	padding-left : 38px ;
	font-weight : bold ;
	background : url("line.gif") no-repeat ;
	}



/*------------------------------------------------------------
 main2 ▼ サブメニュー・リスト付き・w175
------------------------------------------------------------ */

ul.menu2 {
	margin : 0 0 25px 5px ;
	padding : 0 ;
	}

ul.menu2 li {
	list-style-type : none ;
	}

ul.menu2 a:link {
	display : block ;
	width : 100% ;
	line-height : 35px ;
	padding-left : 18px ;
	text-decoration : none ;
	border-bottom : 1px dotted #000000 ;
	font-weight : normal ;
	color : #000000 ; 
	background : url("list.gif") no-repeat 0% 45% ;
	}

ul.menu2 a:visited {
	display : block ;
	width : 100% ;
	line-height : 35px ;
	padding-left : 18px ;
	text-decoration : none ;
	border-bottom : 1px dotted #000000 ;
	font-weight : normal ;
	color : #000000 ; 
	background : url("list.gif") no-repeat 0% 45% ;
	}

ul.menu2 a:active {
	display : block ;
	width : 100% ;
	line-height : 35px ;
	padding-left : 18px ;
	text-decoration : none ;
	border-bottom : 1px dotted #000000 ;
	font-weight : normal ;
	color : #000000 ; 
	background : url("list.gif") no-repeat 0% 45% ;
	}

ul.menu2 a:hover{
	background : url("list2.gif") no-repeat 0% 45% ;
	background-color : #000000 ;
	color : #ffffff ;
	font-weight : normal ;
	}



ul.menu2 li.now {
	display : block ;
	width : 100% ;
	line-height : 35px ;
	padding-left : 18px ;
	text-decoration : none ;
	border-bottom : 1px dotted #000000 ;
	font-weight : normal ;
	background : url("list2.gif") no-repeat 0% 45% ;
	background-color : #000000 ;
	color : #ffffff ;
	font-weight : normal ;
	}





/*------------------------------------------------------------
 main2 ▼ サブテキストボックスエリア・W192
------------------------------------------------------------ */

p.infobox2 {
	text-align : left ;
	width : 190px ;
	height : 100px ;
	overflow : auto ;
	border : 0 ;
	margin : 5px 0 20px 8px ;
	padding : 0 ;
	}





/*------------------------------------------------------------
 main2 ▼ サブフリーエリア・W190
------------------------------------------------------------ */

.free {
	margin : 5px 0 20px 0 ;
	padding : 0 2px 0 8px ;
	}





/*------------------------------------------------------------
サブコンテンツここまで








ここからフッター
------------------------------------------------------------ */





/*------------------------------------------------------------
 footer ▼ フッター・W780xH80
------------------------------------------------------------ */

#footer .body {
	width : 780px ;
	margin : 0 auto ;
	padding : 30px 0 0 0 ;
	font-size : 90% ;
	text-align : center ;
	}

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

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

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

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



/* ------------------------------------------------------------
↓著作部分指定・削除・一切の編集禁止・絶対に触らないで下さい。↓
------------------------------------------------------------ */

#footer .copyright {
	margin-top : 5px ;
	font-size : 85% ;
	}

#footer .copyright a:link {
	text-decoration : none ;
	font-weight : bold ;
	}

#footer .copyright a:visited {
	text-decoration : none ;
	font-weight : bold ;
	}

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

#footer .copyright a:hover {
	color : #ffffff ;
	background-color : #000000 ;
	font-weight : bold ;
	}

/* ------------------------------------------------------------
↑著作部分指定・一切の編集禁止・絶対に触らないで下さい。　↑
------------------------------------------------------------ */