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

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


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

× パスワード制

× アダルト(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 {
	color : #a2a26c ;
	text-decoration : none ;
	font-weight : normal ;
	}

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





p a {
	color : #a2a26c ;
	text-decoration : none ;
	font-weight : bold ;
	
}

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





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 : rgb(0, 0, 0);
	font-weight : bold ;
	
}





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





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 : rgb(102, 0, 0); 
	background-color : rgb(213, 213, 189);
	
}





input,select,textarea {
	border : #a2a26c dotted 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 : #a2a26c ;
	
}





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

#head {
	width : 830px ;
	height : 54px ;
	margin : 0 auto ;
	padding : 6px 6px 0 6px ;
	background : url("h.jpg") no-repeat ;
	
}



#top_image {
	width : 830px ;
	margin : 0 auto ;
	padding : 0 6px ;
	background : url("back.jpg") repeat-y ;
	
}



#menu {
	width : 830px ;
	margin : 0 auto ;
	padding : 15px 6px ;
	background : url("b.jpg") repeat-y ;
	text-align : center ;
	color : #ffffff ;
	
}



#container {
	width : 842px ;
	overflow : auto ;
	margin : 0 auto ;
	padding : 20px 0 ;
	background : url("back.jpg") repeat-y ;
	text-align : left ;
	
}



#main {
	width : 550px ;	
	float : right ;
	overflow : hidden ;
	margin : 0 ;
	padding : 0 26px 0 26px ;
	
}



#main2 {
	width : 200px ;
	float : left ;
	clear : left ;
	overflow : hidden ;
	margin : 0 ;
	padding : 0 20px 0 20px ;
	
}



#main_1 {
	width : 750px ;
	overflow : auto ;
	margin : 0 auto ;
	padding : 0 46px 0 46px ;
	
}



#footer {
	width : 842px ;
	height : 70px ;
	margin : 0 auto ;
	padding : 10px 0 0 0 ;
	background : url("f.jpg") no-repeat ;
	text-align : center ;
	font-size : 90% ;
	color : #ffffff ; 
	
}





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

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

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



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

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





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

.h1 {
	line-height : 30px ;
	margin : 0 ;
	padding : 0 ;
	font-weight : bold ;
	border-bottom : #a2a26c dotted 2px ;
	
}





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

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

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

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





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

div.notebox {
	border : #a2a26c 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 {
	color : #a2a26c ;
	text-decoration : none ;
	font-weight : bold ;
	
}

div.notebox a:hover {
	background-color : #a2a26c ;
	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 ▼ メイン・画像アルバム
------------------------------------------------------------ */

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





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

.list {
	margin : 5px 0 0 0 ;
	padding : 0 0 5px 23px ;
	background : url("list.gif") no-repeat ;
	border-bottom : #a2a26c 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 : #a2a26c 1px dotted ;
	
}



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

.box_r a:hover {
	background-color : #a2a26c ;
	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 : #a2a26c 1px dotted ;
	
}



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

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





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

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

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

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





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








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





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

.h2 {
	line-height : 30px ;
	margin : 0 ;
	padding : 0 ;
	font-weight : bold ;
	border-bottom : #a2a26c dotted 2px ;
	
}



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

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



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

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

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



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





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

p.infobox2 {
	text-align : left ;
	width : 100% ;
	height : 100px ;
	overflow : auto ;
	border : 0 ;
	margin-bottom : 25px ;
	padding : 0 ;
	
}





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

.free {
	margin : 5px 0 25px 0 ;
	padding : 0 ;
	
}





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








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





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

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

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



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

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

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

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

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