/* ########################## */
/* ### 配布者からのお願い ### */
/* ########################## */
/*
テンプレートをDLして頂きありがとうございます。
テンプレートのご利用に当り、配布者ブログ内の利用規約などをご一読下さい。
よく頂くご質問等もまとめています。

規約の範囲内でのカスタマイズは可能ですが、
テンプレート内の画像（イラスト等）は、私が素材サイト様よりDLし、
テンプレート用に加工したものですので、
それを再度加工したり、このテンプレート以外で使用することは出来ません。


※商用・アフィリエイト・アダルトジャンルでの使用は出来ません。
※タグ（全部・一部に関わらず）の再配布は禁止です。

*/



/* ######################## */
/* ### 全体のレイアウト ### */
/* ######################## */

/* # スクロールバー（IE）↓ # */
html{
	scrollbar-arrow-color : #999999;
	scrollbar-face-color : #F3F3F3;
	scrollbar-track-color : #FFFFFF;
	scrollbar-highlight-color : #999999;
	scrollbar-shadow-color : #999999;
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color :#FFFFFF;
	}

body{
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	color:#666666;
	text-align:center;
	letter-spacing:1px;
	word-break: break-all;
	background-color: #F3F3F3;  /*### ←　ブログ全体の背景色 ###*/
	/* ## ↓背景画像の設定はここで　## */
	background-image: url("");
	background-attachment: fixed;
	background-repeat: repeat;
	}

br{	letter-spacing:normal;}



/* ######################## */
/* #### ブログの幅など #### */
/* ######################## */

#container{
	width:870px;
	margin-right:auto;
	margin-left:auto;
	padding:0px 0px;
	}

/*WinIE5,6の指定*/
#container {
	  overflow:visible;
	  height:1px;
	}
/*WinIE5,6・MacIE5以外の指定*/
html>body #container{
	  overflow:auto;
	  height:auto;
	}

/*MacIE5の指定*/
/* \*//*/
html>body #container{
	overflow:visible;
}
/**/


/* ################## */
/* ### 共通のタグ ### */
/* ################## */

form{
	margin:0px;
	padding:0px;
	}
img{
	border:none;
	}
blockquote{
	font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	margin:15px 0px;
	padding:10px;
	border:3px dotted #CCCCCC;　　/*引用部分の枠線*/
	font-size:12px;   /*引用部分の文字サイズ*/
	line-height:150%;
	width:90%;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:90%;
	}
html>body blockquote{
	width:90%;
	}
blockquote p{
	margin:0px 0px;
	padding:0px;
	line-height:150%;
	}



/* ############################ */
/* ### 全体的なリンクの設定 ### */
/* ############################ */

a:link {	color: #666633;text-decoration: none;}
a:visited {color: #666633;text-decoration: none;}
a:active {	color: #666666;text-decoration: none;}
a:hover {	color: #333333;text-decoration: underline;}




/* #################################### */
/* ###　バナー（ブログタイトル部分）### */
/* #################################### */

#BANNER{
	width:580px;
	height:190px;
	margin:0px auto 30px;
	padding:0px;
	text-align:left;
	voice-family:"\"}\"";
	voice-family:inherit;
	/* ## ↓この画像は変更できません。配布者ブログをご確認下さい。　## */
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be04_img.gif");
	background-repeat: no-repeat;
	background-position: 95% 10px;
	}
html>body #BANNER{
	width:580px;
	height:190x;
	}	

.banner_bg{
	position:relative;
	width:85%;
	height:190px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	}

	

/* ブログタイトル */
h1.blogtitle{
	position:absolute;
	width:100%;
	font-family: "Verdana","ＭＳ Ｐ明朝","Arial","Osaka";
	padding:0px;
	margin:0px;
	text-align:left; /*ブログタイトルの文字の寄せ*/
	top:30px; /*ブログタイトルの文字の位置*/
	left:0px;
	color:#333333;
	font-size:22px; /*ブログタイトルの文字サイズ*/
	font-weight:bold;
	z-index:3;
	letter-spacing:3px;
	}

	/*（ブログタイトルの文字色を変える場合は下↓のリンク色を変更して下さい。）*/
	#BANNER a:link {color: #666600;text-decoration: none;	}
	#BANNER a:visited {color: #666600;text-decoration: none;	}
	#BANNER a:active {color: #999966;text-decoration: none;	}
	#BANNER a:hover {color: #999933;text-decoration: none; background:none;	 }




/* ブログタイトルの影の部分 */
/* （不要な場合はＨＴＭＬのほうを削除して下さい） */
h1.blogtitle_back{
	position:absolute;
	width:100%;
	font-family:"Verdana","ＭＳ Ｐ明朝","Arial","Osaka";
	padding:0px;
	margin:0px;
	text-align:left; /*ブログタイトルの（影）文字の寄せ*/
	top:20px; /*ブログタイトルの（影）文字の上からの位置*/
	left:0px; /*ブログタイトルの（影）文字の左からの位置*/
	color : #EDEDDA; /*ブログタイトルの（影）文字色*/
	font-size:22px; /*ブログタイトルの（影）文字サイズ*/
	font-weight:bold;
	letter-spacing:4px;/*ブログタイトルの（影）文字間隔*/
	z-index:0;
	}

/*ブログ概要*/
.introduction{
	position:absolute;
	width:80%;
	font-family:"ＭＳ Ｐゴシック",  "Verdana", "Arial","Osaka";
	margin:0px auto;
	padding:0px;
	text-align:left; /*ブログ概要の文字の寄せ*/
	top:100px; /*ブログ概要の文字の位置*/
	left:0px;
	color:#333333; /*ブログ概要の文字色*/
	font-size: 10px; /*ブログ概要の文字サイズ*/
	line-height:150%;
	z-index:1;
	}



/* 管理ページへのリンクの設定  */
.admin{
	position:absolute;
	width:100%;
	font-family: "Verdana","MS UI Gothic""ＭＳ Ｐ明朝", "Arial","Osaka";
	margin:0px;
	padding:0px;
	text-align:left;
	top:160px; /*adminなどの文字の位置*/
	left:0px;
	color:#C0D2FD; 
	font-size: 10px; /*adminなどの文字サイズ*/
	letter-spacing:1px;
	z-index:4;
	}
.admin img{
	border:none;
	vertical-align:middle;
	}



/* ###  レイアウト固定用  ### */
/* ###　記事の列(#main)＋サイドメニュー(#SIDE)  ###*/

#KOTEI{
	float:right;　/*　記事の列＋サイドメニューが右側に表示されます  */
	width:830px;  /*　記事の幅（580）＋サイドメニューの幅（250）  */
	margin:0px;
	padding:0px;
	/* ## ↓記事側の背景（白）はここで設定しています。　## */
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be04_bg.gif");
	background-repeat: repeat-y;
	background-position: 0px 0px;	
	}



/* ################## */
/* ###  メイン部  ### */
/* ################## */

#main{
	float:left;　/*　記事などが左カラム側に表示されます  */
	width:580px;
	margin:0px;
	padding:0px;
	}

/*
　↓#contentsの幅（width）は、左右margin値 ＋ #contentsの幅 ＝　#main↑の幅としています
　（20px＋20px）＋540px　＝　580px　　　

*/

#contents{
	margin:0px 20px 0px 20px;
	padding:0px;
	text-align:left;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:540px;
	}
html>body #contents{
	width:540px;
	}




/* ### エントリー（記事を表示する部分） ### */

/*### 記事タイトル ###*/
.e_title{
	font-family:  "Verdana","MS UI Gothic", "ＭＳ Ｐゴシック", "Arial","Osaka";
	text-indent:70px;
	margin:10px 5px 0px;
	padding:5px 0px;
	text-align:left;
	color:#333333;
	font-size:14px;   /*### 記事タイトルの文字サイズ ###*/
	font-weight:bold;
	letter-spacing:2px;
	text-align:left;
	}


/*### 記事日付（記事タイトルの下） ###*/
.e_date1{
	font-family:"Verdana","Century", "MS UI Gothic","ＭＳ Ｐ明朝", "Arial","Osaka";
	text-indent:70px;
	margin:0px 5px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	color:#999966;
	font-size:10px;   /*### タイトル付近の日付の文字サイズ ###*/
	line-height:100%;
	letter-spacing:2px;
	font-weight:bold;
	text-align:left;
	}

.e_img{
	height:47px;
	margin:0px 10px 30px;
	padding:0px;
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be04_entry.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;

}


/*### 記事本文 ###*/
.e_body{
	font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	color:#444444;     /*### 本文の文字色 ###*/
	font-size:12px;    /*### 本文の文字サイズ ###*/
	line-height:150%;
	letter-spacing:1px;
	margin:0px 0px 30px;
	}

/*### 記事本文内の画像の設定 ###*/
.e_body img, .e_body a img{
	border:0px;
	}


/* ### 記事の追記(READ MORE)の設定 ### */
.e_more{
	text-align:left;
	font-family: "Verdana","Arial","Osaka";
	margin:15px 0px 15px 0px;
	padding:0px 0px;
	text-align:left;
	color:#666666;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	}
/* ### 記事の追記（文章）の設定 ### */
.e_body_more{
	font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	margin:0px 0px;
	padding:20px 0px 0px 0px;
	color:#444444;    /*### 追記の文字色 ###*/
	font-size:12px;   /*### 追記の文字サイズ ###*/
	line-height:150%;
	letter-spacing:1px;
	background-color:none;
	}

/* ### （ブラウザによる記事本文の表示の調整） ### */
.e_waku{
	font-size:12px;
	margin:10px 10px 10px;
	padding:0px 10px
	}



/*### 記事本文下部のカテゴリー、ジャンル、テーマを表示する部分 ###*/
.e_state{
	font-family: "Verdana","ＭＳ Ｐゴシック","MS UI Gothic", "Arial","Osaka";
	margin:0px 5px;
	padding:2px 0px;
	text-align:right;
	color:#999999;
	font-size:10px;
	letter-spacing:1px;
	line-height:150%;
	font-weight:bold;
	}

.e_state a {
	font-weight:normal;
	}


/*### 記事本文下部の日付やコメント・TB数を表示する部分　###*/
.e_date{
	font-family: "Verdana","ＭＳ Ｐゴシック",  "MS UI Gothic", "Arial","Osaka";
	margin:0px 5px 50px;
	padding:2px 0px;
	text-align:right;
	color:#999999;
	font-size:10px;
	line-height:150%;
	letter-spacing:1px;
	font-weight:bold;
	border-top:1px dotted #999966;

	}
.e_date a {
	font-weight:normal;
	}



/* ################################ */
/* ### コメント・トラックバック ### */
/* ################################ */
.subtitle{
	font-family: "Verdana","ＭＳ Ｐゴシック",  "MS UI Gothic", "Arial","Osaka";
	text-align:left;
	text-indent:0px;
	padding:5px 10px;
	margin:50px 10px 10px;
	color:#666666;
	font-size:12px;   /*### 「COMMENT」「TRACKBACK」の文字サイズ ###*/
	font-weight:bold;
	letter-spacing:2px;
	border:1px dotted #CEE1DB;
	background-color:#F9F9F9;
	}
.subtitle:first-letter { color:#69ABAA; }  /*↑の最初の文字色*/

.subtitle2{
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic", "Arial","Osaka";
	height:16px;
	text-align:left;
	text-indent:10px;
	padding:4px 0px;
	margin:20px 10px 0px;
	color:#666666;
	font-size:12px;/*### 「Comment form」「TrackBack List」などの文字サイズ ###*/
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:1px dotted #CEE1DB;
	}


/* ### コメント ###  */
.cmt_title{
	margin:15px 10px 0px 15px;
	padding:0px;
	color:#333333;
	font-size:12px; /* コメントタイトルの文字サイズ */
	font-weight:bold;
	}
.cmt_body{
	font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	margin:15px 15px 15px 15px;
	padding:0px;
	color:#666666;
	font-size:12px; /* コメント本文の文字サイズ */
	line-height:150%;
	}
.cmt_state{
	margin:5px 15px 10px 10px;
	padding:0px;
	text-align:right;
	color:#666666;
	font-size:10px; /* コメントの日付などの文字サイズ */
	}
.cmt_form {
	margin:5px 10px 5px 20px;
	padding:0px;
	color:#666666;
	font-size:12px; /* コメントフォームの文字サイズ */
	line-height:150%;
	}
.cmt_form label{
	font-size:10px; /* コメントフォーム付近Nameなどの文字サイズ */
	}
.cmt_area{
	font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	margin:5px 10px 10px 10px;
	padding:0px;
	border:1px dotted #cccccc;
	}
/* ### トラックバック ### */
.tb_url{
	margin:5px 5px 5px 25px;
	padding:0px;
	color:#333333;
	font-size:12px; /* トラックバック「→この記事に．．．．」の文字サイズ */
	line-height:180%;
	}
.tb_referer{
	margin:15px 0px 0px 15px;
	padding:0px;
	color:#333333;
	font-size:12px; /* トラックバック元を表示する文字サイズ */
	font-weight:bold;
	}
.tb_body{
	margin:15px 10px 15px 20px;
	padding:0px;
	color:#333333;
	font-size:12px; /* トラックバック記事の文字サイズ */
	line-height:180%;
	}
.tb_state{
	margin:5px 15px 10px 10px;
	padding:0px;
	text-align:right;
	color:#666666;
	font-size:10px; /* トラックバック日付などの文字サイズ */
	}	
.tb_area{
	font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	margin:5px 10px 10px 10px;
	padding:0px;
	border:1px dotted #cccccc;
	}

/* ### コメント・トラックバックフォーム ### */
.form_text{
	width:300px;
	border:1px solid #666666;
	color:#333333; 
	background:#F8F8F3;
	}
.form_textarea{
	width:340px;
	border:1px solid #666666;
	color:#333333; 
	background:#F8F8F3;
	}
.form_pass{
	border:1px solid #666666;
	color:#333333; 
	background:#F8F8F3;
	}
.form_button{
	margin-top:10px;
	border:1px solid #666666;
	color:#333333; 
	background:#F8F8F3;
	}
form label{
	display:block;
	font-family: "Verdana","ＭＳ Ｐゴシック",  "MS UI Gothic", "Arial","Osaka";
	font-size:10px;
	margin:5px 0px 0px 0px;
	}




/* ###################### */
/* ### サイドメニュー ### */
/* ###################### */

#SIDE{
	float:right;　/*　サイドメニュ（プラグイン）が右カラムに表示されます  */
	width:250px;
	margin:10px 0px 0px 0px;
	padding:0px 10px 5px 20px;
	text-align:left;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:220px;
	font-size: 10px; /* サイドメニューの全体的な文字サイズ */
	color:#666666;  /* サイドメニューの全体的な文字色 */
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka"
	}	
html>body #SIDE{
	width:220px;
	}


/* サイドメニューのタイトル */
.sidetitle{
	height:21px;
	font-family: "Verdana","ＭＳ Ｐゴシック","Arial","Osaka";
	margin:0px auto;
	padding:5px 0px 0px;
	text-indent:10px;
	color:#666666; /* サイドメニューのタイトルの文字色 */
	font-size:10px;  /* サイドメニューのタイトルの文字サイズ */
	font-weight:bold;
	letter-spacing:2px;
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be04_side.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
.sidetitle:first-letter { color:#69ABAA; }  /*サイドメニュータイトルの最初の文字色*/



#SIDE p {
	margin:5px 10px;
	padding:5px 0px 0px;
	color:#666666;  /* サイドメニューのプラグインの説明などの文字色 */
	}

#SIDE img {
	margin:0px 0px;
	}
#SIDE ul{
	margin:5px 5px 5px 25px;
	padding:0px;
	list-style:none;
	}
#SIDE li {
	margin:0px 0px;
	padding: 0px 0px ;
	list-style-type: disc;  /* サイドメニューのリストのマーク */
	line-height:140%;
	letter-spacing:1px;
	color:#666666;  /* サイドメニューのリストの文字色（非リンク） */
	}
#SIDE form {
	padding-bottom:10px;
	}
#SIDE form input{
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:12px;
	}
#SIDE form textarea {
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:12px;
	}


/* ###################### */
/* ### 縦カレンダー） ### */
/* ###################### */
#T_CAL{
	float:left;  /* 左端に表示 */
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:40px;
	text-align:center;
	font-size: 10px; 
	}
html>body #T_CAL{
	width:40px;
	}	

.cal_mon{
	width:30px;
	margin: 0px auto 5px;
	padding:6px 0px;
	font-weight:bold;
	font-size: 10px; /* 月　文字サイズ */
	color:#666600;  /* 月　文字色 */
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be04_calmon.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	line-height:100%;
	display: block;
	}

.cal {
	height:20px;
	width:20px;
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 10px; /* 日付の文字サイズ */
	color:#666666;  /* 日付の文字色 */
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	font-weight:normal;
	line-height:150%;
	display: block;
	letter-spacing:0px;
	}
.cal a{ 
	height:18px;
	width:18px;
	margin:0px auto;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be04_calday.gif");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	line-height:150%;
	display: block;

	}

.cal_end{

	width:18px;
	margin:5px auto 0px;
	padding:0px 0px;
	font-size: 10px; /* 文字サイズ */
	color:#CCCCCC;  /* 文字色 */
	line-height:130%;
	text-align:center;
	font-size: 10px; 
	}
.cal_end a {
	font-weight:bold;
	}





/* ### プラグイン3の設定 ### （TOPページの記事上部に表示）### */
/* ### （表示するものに合わせて↓の設定などを修正して下さい。）### */

.plug3{
	margin:0px 10px 40px 10px;
	padding:0px;
	color:#666666;   /*プラグイン3の全体的な文字色*/
	font-size: 10px; /* プラグイン3の全体的な文字サイズ */
	}
.plug3title{
	font-family: "Verdana","ＭＳ Ｐゴシック","Arial","Osaka";
	padding:8px 0px;
	margin:0px 0px 15px;
	text-indent:5px;
	color:#666666; /* プラグイン3のタイトル文字色 */
	font-size:10px;  /* プラグイン3のタイトル文字サイズ */
	font-weight:bold;
	letter-spacing:1px;
	border-bottom:1px dotted #999966;
	}
.plug3title:first-letter { color:#69ABAA; }  /*プラグイン3タイトルの最初の文字色*/

.plug3 p {
	margin:10px;
	}
.plug3 ul{
	margin:10px 5px;
	padding:0px;
	list-style-type:none;
	}
.plug3 li{
	font-family: "Verdana","ＭＳ Ｐゴシック","MS UI Gothic", "Arial","Osaka";
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style-type: none;
	line-height:160%;
	letter-spacing:1px;
	}

/* ################ */
/* ### フッター ### */
/* ################ */
#COPY{
	width:830px;
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	clear:both;
	margin:0px auto;
	padding:10px 0px 5px 0px;
	text-align:left;
	}
#COPY address{ 
	line-height:180%;
	margin:0px; 
	padding:0px 20px;
	color:#333333; 
	font-size:10px;
	text-align:left;
	font-style:normal;
	}
#COPY a { 
	font-weight:bold;
	}


/* #################### */
/* ### ページリンク ### */
/* #################### */
.page_link{
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic", "Arial","Osaka";
	margin:10px 10px 25px 0px;
	padding:0px 0px 10px;
	color:#C0D2FD; 
	font-size:10px;
	text-align:center;
	}

.page_link a img{
	border:0px;
	margin:0px 10px;
	}



/* ############################## */
/* ### カレンダー（通常表示） ### */
/* ############################## */
.plugin-calender{
	margin:5px 0px 15px;
	}
	
table.calender{
	width:95%;
	margin:0px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	}
.calender caption{
	font-weight:bold;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
	background-color:#FFFFFF;
	padding:5px 0px;
}
 /*前後月のリンク部分の文字装飾*/
.calender caption a {
	font-weight:bold;
	}


 /*曜日*/
.calender th {
	color:#666666;
	font-weight:bold;
	line-height: 160%;
	border: 1px solid #CCCCCC;
	text-align:center;  /*曜日の寄せ*/
	}

.calender th#sun { color:#C56771; } /*日*/
.calender th#sat { color:#3399FF; } /*土*/



/*日にち*/
.calender td {
	color:#666666;
	font-weight:normal;
	line-height: 160%;
	border: 1px solid #CCCCCC;
	background-color:#F9F9F9;
	text-align:center; /*日にちの寄せ*/
} 
/*リンク部分の文字装飾*/
.calender td a {
	display:block;
	font-weight:bold;
	background-color: #CEE1DB;
	text-align:center; /*日にちの寄せ(投稿があった日）*/
	}






/* ### 絵文字ボタンに関する設定 ### */
.emoji{
	border:0px;
	}

/* ### ブックマーク＆拍手ボタンの位置 ###*/
.fc2_footer{
	margin:25px 0px 10px;　
	}
/* ### フリーエリア ###*/
.plugin-freearea{
	margin:10px 10px;
	line-height:140%;
	}
/* ### QRコード ###*/
.plugin-qrcode{
	margin:0px 15px;
	}