/* ########################## */
/* ### 配布者からのお願い ### */
/* ########################## */
/*
テンプレートをDLして頂きありがとうございます。

■□　注 意 ------------------------------□■

　カスタマイズは利用規約（配布者ブログ内に掲載）の範囲内でお願い致します。

■□　以下は使用不可 ---------------------□■

　●商用（企業など営利の方）、アフィリエイト、アダルトジャンル。

  ●個人でも販売を行っている方は使用できません。

　●違法サイト、及び過去に規約に違反した方。


■□　禁 止　-----------------------------□■

　●テンプレート内の画像の変更。　(＝他の画像への差替え、及び削除。)

　●テンプレート内の画像の二次使用。　(＝他のWEBページやブログなどでの使用。)

　●画像の加工（＝テンプレート内の画像を加工ソフトで加工する）

　●画像の再配布。

　●テンプレートのタグ（全部・一部に関わらず）の再配布。

　●テンプレート内のタグをコピーして他のテンプレートで使用。


■□　その他　-----------------------------□■

　ご不明な点はテンプレート配布者（サリイ）までお問い合わせ下さい。
　(配布者ブログ内によく頂く質問もまとめています。)
　テンプレート内のイラスト等は素材サイト様(BEE様)よりお借りしているものですが、
　テンプレート内の素材に関しても、不明な点は全て配布者（サリイ）にお問い合わせ下さい。


　※FAQ----------------------------------------

　【サイドメニューの「カテゴリ」がリスト表示されない方】


　　管理画面の「プラグインの設定」で

   （PC用）公式プラグイン追加
     　　　　↓
  　[　カテゴリ　／　カテゴリ一覧を表示します(カスタマイズ向け)　]

　　をダウンロードし、表示するをチェックして下さい。
　（配布者ブログの「表示トラブル」の頁でも詳細説明を掲載しています。）

　----------------------------------------------
*/



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

/* # スクロールバー（IE) # */
html,body{
	scrollbar-arrow-color : #CCCCCC;
	scrollbar-face-color : #F7F7F4;
	scrollbar-track-color : #F7F7F4;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #FFFFFF;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-darkshadow-color : #CCCCCC;
	}

body{
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	margin:0px auto;
	padding:0px;
	color:#666666;
	text-align:center;
	letter-spacing:1px;
	background-color: #F6F6F6;  /*### ←　ブログ全体の背景色 ###*/
	/* ## ↓背景画像を設定する場合はここで（変更OK）　## */
	background-image: url("");
	background-attachment: fixed;
	background-repeat: repeat;
	}


/* ### 共通のタグ ### */
form{
	margin:0px;
	padding:0px;
	}
img{
	border: none 0;
	}
blockquote{
	margin:15px 0px;
	padding:10px;
	border:3px dotted #CCCCCC; /*引用部分の枠線*/
	font-size:12px; /*引用部分の文字サイズ*/
	line-height:150%;
	width:90%;
	}
html>body blockquote{
	width:90%;
	}
blockquote p{
	margin:0px 0px;
	padding:0px;
	line-height:150%;
	}



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

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




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

/*
 【解説】
　幅を広げる場合は #WRAPPER のwidthの数値を変更し、
　さらに#CONTAINERと#MAIN、#KOTEI(#SIDEと#T_CAL)の数値を調整して下さい。

　（例）記事側の幅をあと50px広げる場合
   #WRAPPERのwidthを980px、#CONTAINERのwidthを940px、#MAINのwidthを640pxとします。

*/
#WRAPPER{
	width:930px;
	margin:0px auto;
	padding:0px;
	border:none 0;
	}

   /* 外枠(左右)のレースのような画像に関する設定 */
   /* （幅を変更する際も修正の必要はありません。） */
   #W_LEFT,#W_RIGHT{
	width:20px;
	margin:0px;
	padding:0px;
	}
   #W_LEFT{
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_L.gif");
	background-repeat: repeat-y;
	background-position: 0% 0%;
	}

   #W_RIGHT{
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_R.gif");
	background-repeat: repeat-y;
	background-position: 100% 0%;
	}



/* ブログの内容を表示する部分の設定 */
#CONTAINER{
	width:890px; /*この数値が実質の幅*/
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	}

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

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


/* #################################### */
/* ###  メイン部 （記事側のカラム） ### */
/* #################################### */

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


#contents{
	margin:0px 15px;
	padding:0px;
	font-family: "Verdana","ＭＳ Ｐゴシック","MS UI Gothic", "Arial","Osaka";
	font-size:12px; /*### タイトル付近の日付の文字サイズ ###*/
	text-align:left;
	}



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

#BANNER{
	width:100%;
	height:170px;
	margin:5px 0px 40px;
	padding:0px;
	text-align:center;
	}

.banner_bg{
	position:relative;
	width:100%;
	height:170px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	/* ## 画像の変更は禁止です。## */
	/* ## Do NOT change this image. ## */
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_img.gif");
	background-repeat: repeat-x;
	background-position: 0% 0%;
	}
	

/* ブログタイトル */
h1.blogtitle{
	position:absolute;
	width:80%;
	font-family:"Century Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	padding:0px;
	margin:0px;
	top:85px; /*ブログタイトルの文字の位置*/
	left:60px;
	color:#333333;
	font-size:18px; /*ブログタイトルの文字サイズ*/
	font-weight:bold;
	letter-spacing:3px;
	}

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


/* ブログタイトルの影の部分 */
/* （不要な場合はＨＴＭＬのほうを削除して下さい） */
h1.blogtitle_back{
	position:absolute;
	width:80%;
	font-family:"Century Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	padding:0px;
	margin:0px 0px 0px 0px;
	top:87px; /*ブログタイトルの（影）文字の上からの位置*/
	left:62px; /*ブログタイトルの（影）文字の左からの位置*/
	color : #F1F1F1; /*ブログタイトルの（影）文字色*/
	font-size:18px; /*ブログタイトルの（影）文字サイズ*/
	font-weight:bold;
	letter-spacing:3px;/*ブログタイトルの（影）文字間隔*/
	}


/*ブログURL*/
.url{
	position:absolute;
	width:70%;
	font-family:"Century Gothic","Verdana", "Arial","Osaka";
	margin:0px;
	padding:0px;
	top:70px; /*ブログ概要の文字の位置*/
	left:62px;
	color:#666633; /*ブログ概要の文字色*/
	font-size: 10px; /*ブログ概要の文字サイズ*/
	font-weight:bold;
	line-height:125%;
	letter-spacing:2px;
	}


/*ブログ概要*/
.introduction{
	position:absolute;
	width:65%;
	font-family:"ＭＳ Ｐゴシック",  "Verdana", "Arial","Osaka";
	margin:0px;
	padding:0px;
	top:135px; /*ブログ概要の文字の位置*/
	left:60px;
	color:#999999; /*ブログ概要の文字色*/
	font-size: 10px; /*ブログ概要の文字サイズ*/
	line-height:140%;
	}


/* 管理ページへのリンクの設定  */
.admin{
	position:absolute;
	width:85%;
	font-family: "Verdana","Arial","Osaka";
	margin:0px;
	padding:0px;
	top:10px; /*adminなどの文字の位置*/
	left:10px;
	color:#C5B43D; 
	font-size: 10px; /*adminなどの文字サイズ*/
	letter-spacing:1px;
	}

	/*管理ページへのリンクの文字色*/
	#BANNER .admin a{color: #FFFFFF;text-decoration: none;}
	#BANNER .admin a:hover {color: #D6D185;text-decoration: underline;}




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

/*### 記事タイトル ###*/
.e_title{
	margin: 0px;
	padding:2px 5px;
	color:#666666;
	font-size:14px; /*### 記事タイトルの文字サイズ ###*/
	font-weight:bold;
	letter-spacing:2px;
	border-left:10px solid #799F9F;
	}

/*### 記事日付（記事タイトルの下） ###*/
.e_date1{
	font-family:"Century Gothic","Verdana","MS UI Gothic","ＭＳ Ｐ明朝","Osaka";
	margin:0px 0px 30px;
	padding:1px 5px;
	color:#D6D185;
	font-size:12px; /*### タイトル付近の日付の文字サイズ ###*/
	font-weight:bold;
	letter-spacing:10px;
	border-left:10px solid #D9D5AA;
	}

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

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


/* ### 記事の追記リンク(READ MORE)の設定 ### */
.e_more{
	margin:15px 0px;
	padding:0px;
	color:#666666;
	font-family: "Verdana","MS UI Gothic", "Arial","Osaka";
	font-size:10px;
	font-weight:bold;
	}
/* ### 記事の追記（文章）の設定 ### */
.e_body_more{
	margin:0px;
	padding:20px 0px 0px 0px;
	color:#444444; /*### 追記の文字色 ###*/
	}

/*### 記事本文下部の日付やカテゴリー、ジャンル、テーマを表示する部分 ###*/
.e_state{
	margin:0px;
	padding:30px 0px 3px;
	color:#9C9C6B;
	font-size:10px;
	letter-spacing:1px;
	/* ## エントリー下部のネコの画像 ## */
	/* ## 画像の変更は禁止です。　Do NOT change this image. ## */
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_entry.gif");
	background-repeat: no-repeat;
	background-position: 97% 100%;
	}


/*### permalink・コメント数・TB数などを表示する部分　###*/
.e_date{
	margin:0px 10px 50px 0px;
	padding:8px 0px;
	text-align:center;
	color:#C5B43D;
	font-size:10px;
	letter-spacing:1px;
	border:1px solid #D9D5AA;
	background-color:#F1F1F1;
	/* ## 画像の変更は禁止です。## */
	/* ## Do NOT change this image. ## */
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_bg.gif");
	background-repeat: repeat;
	background-position: 0% 50%;

	}



/* ################################ */
/* ### コメント・トラックバック ### */
/* ################################ */
.subtitle{
	padding:7px 10px;
	margin:50px 10px 15px 5px;
	color:#663333;
	font-size:10px; /*### 「COMMENT」「TRACKBACK」の文字サイズ ###*/
	font-weight:bold;
	letter-spacing:2px;
	border-top:1px dashed #D9D5AA;
	border-bottom:1px dashed #D9D5AA;
	background-color:#F6F6F6;
	}
.subtitle:first-letter { color:#BE5050; }  /*↑の最初の文字色*/

.subtitle2{
	padding:5px;
	margin:20px 10px 0px;
	color:#663333;
	font-size:10px;/*### 「Comment form」「TrackBack List」などの文字サイズ ###*/
	font-weight:bold;
	letter-spacing:1px;
	}


/* ### コメント ###  */
.cmt_area{
	margin:5px 15px 10px;
	padding:10px 15px;
	font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	font-size:12px;
	border:1px dotted #cccccc;
	}
.cmt_title{
	margin:0px;
	padding:0px;
	color:#333333;
	font-weight:bold;
	}
.cmt_body{
	margin:15px 5px;
	padding:0px;
	color:#666666;
	line-height:150%;
	}
.cmt_state{
	margin:10px 0px 0px;
	padding:0px;
	text-align:right;
	color:#666666;
	font-size:10px; /* コメントの日付などの文字サイズ */
	}
.cmt_form {
	margin:5px 20px;
	padding:0px;
	color:#666666;
	font-size:12px; /* コメントフォームの文字サイズ */
	line-height:150%;
	}
/* ラベル（name、subjectなどの文字）の設定 */
.cmt_form form label{
	margin-top:5px;
	font-family: "Verdana","MS UI Gothic", "Arial","Osaka";
	font-size:10px;
	display:block;
	}


/* ### トラックバック ### */
.tb_url{
	margin:5px 20px 10px;
	padding:0px;
	color:#333333;
	font-size:12px; /* トラックバック「→この記事に．．．．」の文字サイズ */
	}
.tb_area{
	margin:10px 15px;
	padding:15px;
	color:#333333;
	font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka";
	font-size:12px;
	border:1px dotted #cccccc;
	}
.tb_referer{
	margin:0px;
	padding:0px;
	font-weight:bold;
	}
.tb_body{
	margin:15px 10px;
	padding:0px;
	line-height:180%;
	}
.tb_state{
	margin:0px;
	padding:0px;
	text-align:right;
	color:#666666;
	font-size:10px; /* トラックバック日付などの文字サイズ */
	}	


/* ### コメント・トラックバックフォームのスタイル ### */
.form_text,
.form_textarea,
.form_pass,
.form_button{
	border:1px solid #666666;
	color:#333333; 
	background-color:#F8F8F3;
}
.form_text{/* テキストフィールドの幅　*/
	width:300px;
	}
.form_textarea{/* テキストエリア（コメント入力欄）の幅 */
	width:340px;
	}
.form_button{
	margin-top:10px;
	}







/* #################################### */
/* ### 表示固定用タグ               ### */
/* ### 縦カレンダー＋サイドメニュー ### */
/* #################################### */
#KOTEI{
	float:right; /*　記事側のカラムの右に表示されます  */
	width:300px;
	margin:0px 0px;
	padding:0px;
}





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

#SIDE{
	float:right; /*　サイドメニュ（プラグイン）が縦カレンダーの右に表示されます  */
	width:270px;
	margin:2px 0px;
	padding:0px;
	}	
	
.side_contents{
	margin:0px;
	padding:0px 10px 0px 20px; /* サイドメニュー左右の余白の値 */
	font-size: 10px; /* サイドメニューの全体的な文字サイズ */
	color:#666666;  /* サイドメニューの全体的な文字色 */
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	text-align:left;
	line-height:140%;
	}

/* サイドメニューのタイトル */
.sidetitle{
	font-family: "Verdana","ＭＳ Ｐゴシック","Arial","Osaka";
	margin:0px;
	padding:7px 10px;
	color:#663333; /* サイドメニューのタイトルの文字色 */
	font-size:10px;  /* サイドメニューのタイトルの文字サイズ */
	font-weight:bold;
	letter-spacing:2px;
	border:1px solid #D9D5AA;
	/* ## 画像の変更は禁止です。## */
	/* ## Do NOT change this image. ## */
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_bg.gif");
	background-repeat: repeat;
	background-position: 0% 50%;
	}
.sidetitle:first-letter { color:#BE5050; } /*サイドメニュータイトルの最初の文字色*/



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

.side_contents img {
	border:none 0;
	margin:0px;
	}
.side_contents ul{
	margin:5px 0px 5px 10px;
	padding:0px;
	list-style:none;
	}
.side_contents li {
	margin:0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;  /* サイドメニューのリストのマーク */
	letter-spacing:1px;
	color:#EFEEB4;  /* サイドメニューのリストの文字色（非リンク） */
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_li.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	}

/*サイトにメールフォームなどを設置した場合の設定*/
.side_contents form {
	padding-bottom:10px;
	}
.side_contents form input{
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:12px;
	}
.side_contents form textarea {
	border:1px solid #999999;
	background:#FFFFFF;
	font-size:12px;
	}





/* ###################### */
/* ### 縦カレンダー） ### */
/* ###################### */
#T_CAL{
	float:left;  /* サイドメニュー（プラグイン）の左側に表示 */
	margin: 0px auto;
	padding:0px;
	width:30px;
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	font-size: 10px;
	color:#FFFFFF; 
	text-align:center;
	line-height:150%;
	}	

.cal_mon{
	width:30px;
	margin: 0px auto;
	padding:6px 0px;
	font-weight:bold;
	color:#FFFFFF;  /* 月　文字色 */
	background-image: url(http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_calmon.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	}

.cal {
	height:18px;
	width:18px;
	margin: 0px auto;
	padding:0px;
	color:#666666;  /* 日付の文字色 */
	display: block;
	}

.cal a{ 
	height:18px;
	width:18px;
	margin:0px auto;
	padding: 0px;
	font-weight:bold;
	background-image: url(http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_calday.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	}
	/*（ブログタイトルの文字色を変える場合は下↓のリンク色を変更して下さい。）*/
	.cal a:link {color: #756346;text-decoration: none;	}
	.cal a:visited {color: #756346;text-decoration: none;	}
	.cal a:active {color: #79B0B5;text-decoration: none;	}
	.cal a:hover {color: #D6D185;text-decoration: none; background:none;	 }

.cal_end{
	width:18px;
	margin:0px auto;
	padding:0px 0px;
	color:#CCCCCC;
	font-weight:bold;
	display: block;
	}



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

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

.plug3 p {
	margin:10px;
	}
.plug3 ul{
	margin:10px 5px;
	padding:0px;
	list-style-type:none;
	}
.plug3 li{
	margin:0px;
	padding: 0px 0px 0px 5px;
	list-style-type: none;
	line-height:160%;
	letter-spacing:1px;
	}


/* ################################## */
/* ### フッター（著作権表示部分） ### */
/* ################################## */

#COPY{
	width:100%;
	font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka";
	clear:both;
	margin:20px auto 5px;
	padding:0px;
	background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_copy.gif");
	background-repeat: repeat-x;
	background-position: 0% 0%;
	}
#COPY address{ 
	line-height:160%;
	margin:10px 10px 5px; 
	padding:5px 0px;
	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:0px 0px 20px 0px;
	padding:0px 0px;
	color:#333333;
	font-size:10px;
	text-align:center;
	}



/* ############################## */
/* ### カレンダー（通常表示） ### */
/* ############################## */

/* ## 縦カレンダーの修正は↑で行って下さい。 ## */

.plugin-calender{
	margin:5px auto 15px;
	}
	
table.calender{
	width:95%; /*カレンダーの幅*/
	margin:0px;
	border: 1px solid #F1F1F1;
	background-color:#FFFFFF;
	}
.calender caption{
	font-weight:bold;
	border-top: 1px solid #F1F1F1;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;	
	background-color:#FBFCFD; /*前月・当月・翌月部分の背景色*/
	padding:5px 0px;
}
 /*前後月のリンク部分の文字装飾*/
.calender caption a {	font-weight:bold;	}


/*曜日*/
.calender th { color:#999999;
	font-weight:bold;
	line-height: 160%;
	border: 1px solid #F1F1F1;
	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 #F1F1F1;
	background-color:#FBFCFD; /*日にちの背景色*/
	text-align:center; /*日にちの寄せ*/
} 
/*日にち・リンク部分の文字装飾*/
.calender td a {
	display:block;
	font-weight:bold;
	background-color:#FFFFFF; /*日にちの背景色(投稿があった日）*/
	border-bottom: 1px dashed #999999;
	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;
	}



/* ### 関連記事リスト ###*/
.relate_dl {
  margin: 40px 10px 15px 0px;
  padding:5px 0px;
  border: 0 none;
	border:3px dotted #D9D5AA;

}

/* 「 関連記事 」の表示の設定　*/
.relate_dt {
  margin: 0px;
  padding: 2px 10px;
  background-color:#F9F9F9;
  letter-spacing:2px;

}
.relate_dt:first-letter { 
 color:#BE5050;
}

/* 記事リスト（記事タイトル）の表示の設定　*/
.relate_dd {
  margin: 5px 0px;
  padding-left:10px;
}

.relate_ul {
  list-style-type: none;
  margin: 8px 0px;
  padding: 0px;
}

.relate_ul li {
  list-style-type:none;
  /* 記事リスト（記事タイトル）の前のマーク　*/
  background-image: url("http://blog-imgs-42.fc2.com/a/w/i/awitchsally/aws_be07_li.gif");
  background-repeat: no-repeat;
  background-position: 0% 4px;
  margin: 0px;
  padding-left:15px;
  letter-spacing:1px;
}


/* ### ブラウザによる改行の調整 ###*/
br{letter-spacing:normal;}