@charset "EUC-JP";

/* ----------------------------------------
 ■はじめに
 [custom]は、カスタマイズするために最適化された
 公式テンプレートです。
 カスタマイズした場合は、下記のクレジットを書いて、
 ユーザーテンプレートファイル（utf）に公開しよう！
 ※カスタマイズしたらこの文章は削除してください

 ■カスタマイズ方法がわからない人へ
 StepUp!JUGEM「PCテンプレ編集講座」
 http://stepup-j.jugem.jp/?cid=12
---------------------------------------- */

/* ----------------------------------------
 作成日:2009.00.00
 テンプレート名:
 by ユーザー名 (http://xxxxxx.jugem.jp)
---------------------------------------- */


/* --------------------------------------
　リセット
--------------------------------------- */
 
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

/* --------------------------------------
　共通部分
--------------------------------------- */

body {
	background-color:#ffffff;
	background-image:url(http://yukidori.com/b/wd_yuki100311.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:"MS UI Gothic";
	font-size:13px;
	line-height:170%;
margin: 0px 25px;
padding: 0px;

}

#layout {
width: 1000px;
}

#main {
float: left;
width: 700px;
}

#side {
float: right;
width: 220px;
}

.title {

	text-align: left;
	font-size: 25px;
	font-weight: bolder;
	letter-spacing: 4px;
	margin: 20px 40px 10px 40px;
	font-family: ＭＳ 明朝,平成明朝
}


h1 {
margin: 0px;
padding: 0px;
}

ul {
	margin: 5px 0 0 16px;
	padding: 0;
	list-style-type: none;
	line-height: 100%;
}

li {
	margin: 10px 0 10px 0;
	padding: 0;
}

a { color: #999966; text-decoration: underline; }
a:link		{ color: #336666; text-decoration: underline; }
a:visited	{ color: #999999; text-decoration: underline; }
a:active	{ color: #999999; text-decoration: none; }
a:hover		{ color: #999999; text-decoration: none; }

.site_title a {color: #666666;text-decoration: none;}
.site_title a:link {color: #666666;text-decoration: none;}
.site_title a:visited {color: #666666;text-decoration: none;}
.site_title a:active {color: #666666;text-decoration: none;}
.site_title a:hover {color: #666666;text-decoration: none;}


.title a {
	color: #8f8f8f;
}

.title a:hover {
	color: #4f2525;
}

.description {
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
	color: #8f8f8f;
}


/****************************************************
   左サイド
****************************************************/









.profile {
	margin-bottom: 10px;
	padding: 0 5px 10px;
	border-bottom: dashed 1px #aaaaaa;
	text-align: right;
	font-family: Comic Sans MS;
	color: #aaa;
}



.profile_l {
	margin-bottom: 10px;
	padding: 0 5px 10px;
	font-size: 12px;
	text-align: left;
	font-family: Comic Sans MS;
	color: #aaa;
}

.profile_l a {
		font-size: 12px;
	color: #aaa;
}

.profile_l a:visited {
	font-size: 12px;
	color: #eee;
}

.linktitle {
	margin-bottom: 5px;
	padding: 0 5px 0px;
	border-bottom: dashed 1px #aaaaaa;
	text-align: right;
	font-family: Comic Sans MS;
	color: #aaa;
}


.linktitle_l {
	margin-bottom: 5px;
	padding: 0 5px 0px;
	border-bottom: dashed 1px #aaaaaa;
	text-align: right;
	font-family: Comic Sans MS;
	color: #aaa;
}

.linktext_l {
	padding: 0 6px;
	text-align: left;
	font-size: 11px;
	line-height: 150%;
	color: #bbb;
}

.linktext_l a {
	font-size: 13px;
	color: #aaa;
}

.linktext_l a:visited {
	text-decoration: line-through;
	font-size: 13px;
	color: #aaa;
}

.linktext_l a:hover {
	font-size: 13px;
	color: #aaa;
}

.linktext_l2 {
	padding: 0 6px;
	text-align: left;
	font-size: 10px;
	line-height: 150%;
	color: #e7e7e7;
}

.linktext_l2 a {
	font-size: 12px;
	color: #d4f6f6;
}

.linktext_l2 a:visited {
	text-decoration: line-through;
	font-size: 12px;
	color: #d4f6f6;
}

.linktext_l2 a:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #ffffff;
}

.linktext_l3 {
	padding: 0 6px;
	text-align: left;
	font-size: 10px;
	line-height: 150%;
	color: #e7e7e7;
}

.linktext_l3 a {
	font-size: 12px;
	color: #d4f6f6;
}

.linktext_l3 a:visited {
	font-size: 12px;
	color: #d4f6f6;
}

.linktext_l3 a:hover {
	font-size: 12px;
	color: #aaaaaa;
}


/* ブログ内検索 */

.form {
	width: 120px;
	height: 14px;
	border: 0;
	background-color: #d4f6f6;
	font: 10px Verdana;
	color: #8f8f8f;
}

.button {
	width: 50px;
	height: 16px;
	border: solid 1px #d4f6f6;
	background-color: #adadad;
	font: 10px Verdana;
	color: #d4f6f6;
}

/****************************************************
   右サイド
****************************************************/

.plugin {
	width: 190px;
	margin-bottom: 0px;
	padding: 20px 10px;
	background-color: #aaa;
}

.linktitle_r {
	margin-bottom: 5px;
	padding: 0 5px 5px;
	border-bottom: dashed 1px #896022;
	text-align: left;
	font-family: Comic Sans MS;
	color: #585858;
}

.linktext_r1 {
	padding: 0 8px;
	text-align: left;
	font-size: 10px;
	line-height: 120%;
	color: #585858;
}

.linktext_r1 a {
	color: #585858;
}

.linktext_r1 a:hover {
	background-color: #d4f6f6;
}

.linktext_r2 {
	padding: 10px 5px 0 5px;
	text-align: center;
	font-size: 10px;
	color: #999;
}

.linktext_r2 a {
	color: #adadad;
}
.linktext_r2 a:hover {
	color: #585858;
}

/****************************************************
   エントリー
****************************************************/

.entry {
	clear: both;
	margin: 0 10px;
	padding: 20px 0 50px;
	background-color: #ffffff;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.entry_line {
	overflow: hidden;
	border-bottom: solid 1px #000000;
}

.entry_line:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .entry_line {
	height: 1em;
	overflow: visible;
}
/**/

.entry_title {
	display: inline;
	padding-left: 10px;
	text-align: left;
	font-size: 16px;
	color: #aaaaaa;
 	letter-spacing: 1px;
}

.entry_title a {
	text-decoration:  none;
	color: #000000;
}

.entry_title a:hover {
	color: #888888;
}

.entry_date {
	float: right;
	display: inline;
	padding-right: 10px;
	vertical-align: bottom;
	text-align: right;
	font: 12px 'Comic Sans MS';
	letter-spacing: 1px;
	color: #ccc;
}

.entry_date a {
	text-decoration:  none;
	color: #ccc;
}

.entry_date a:hover {
	color: #d4f6f6;
}

.entry_body {
	clear: both;
	margin: 20px;
	text-align: left;
	line-height: 140%;
	color: #444444;
}

.entry_body a {
	text-decoration:  underline;
	color: #aaa;
}

.entry_body a:hover {
	color: #d4f6f6;
}


.entry_body2 {
	clear: both;

	text-align: left;
	line-height: 50%;
	color: #444444;
}

.entry_body2 a {
	text-decoration:  underline;
	color: #aaa;
}

.entry_body2 a:hover {
	color: #d4f6f6;
}


.entry_state {
	display: inline;
	padding: 3px 10px;
	font-size: 10px;
	color: #9caaaa;
}

.entry_state a {
	text-decoration: none;
	color: #9caaaa;
}

.entry_state a:hover {
	border: 0;
	color: #d4f6f6;
}

.aaf {
	font-size: 12pt;
	line-height: 12pt;
	font-family: "ＭＳ Ｐゴシック";
}


/****************************************************
   フォーム
****************************************************/

#comment_form {
	width: 380px;
	margin: 0 auto 20px;
	text-align: left;
	font-family: Comic Sans MS;
	color: #aaa;
}

#comment_form input#name,
#comment_form input#email,
#comment_form input#url,
#comment_form textarea#description {
	width: 380px;
	margin-bottom: 10px;
}

#comment_form input.btn {
	margin-right: 20px;
	font-size: 12px;
	font-family: Comic Sans MS;
	color: #666;
}

#tb_url {
	margin-bottom: 20px;
	text-align: center ;
	font-family: Comic Sans MS;
}

#tb_url input {
	width: 320px;
}


/****************************************************
   コメント・トラックバック
****************************************************/

.sub_title {
	margin-bottom: 20px;
	padding: 5px 10px;
	border-bottom: dashed 1px #bbbbbb;
	text-align: left;
	font-family: Comic Sans MS;
	color: #aaa;
}

table.cm_header .right {

	padding-right: 10px;
	font: 12px 'Comic Sans MS';
	letter-spacing: 1px;
	color: #aaa;
}

* html table.cm_header .right {
	padding-right: 30px;
}

.cm_state {
	padding-left: 10px;
	color: #777;
	text-align: center;

}

.cm_state a {
	color: #d4f6f6;
}

.cm_state a:hover {
	background-color: #d4f6f6;
	color: #adadad;
}

.cm_body {
	margin: 0px 10px 2px;
	padding: 5px;
	border: dotted 1px #999;
	text-align: left;
	line-height: 110%;	
         color: #000;
}



/****************************************************
   カレンダ
****************************************************/
.calendar {
font-family: "Verdana";
font-size: 10px;
color: #666666;
margin: 5px 0px 20px 0px;
}

.calendar_month {
font-family: "Verdana";
margin-bottom: 10px;
font-size: 10px;
color: #F666666;
}

.cell {
width: 25px;
height: 20px;
padding: 0px;
}


.page_navi {
margin-top: 30px;
font-size: 10px;
color: #666666;
}


/****************************************************
 ページリンク
****************************************************/

.page_navi  {
	height: 30px;
	text-align: center;
	padding: 5px;
	font: 10px Verdana;
	color: #666666;
}

.page_navi a {
	color: #549696;
}

.page_navi a:hover {
	positon: relative;
	top: 2px; left: 2px;
	color: #549696;
}

.entry_navi  {
	padding: 5px;
	text-align: center;
	font: 10px Verdana;
	line-height: 30px;
	color: #ffffff;
}

.entry_navi span {
	margin: 3px 4px;
	padding: 0 2px;
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
	font: 10px Verdana;
	color: #aaaaaa;
}

.entry_navi a {
	color: #adadad;
}

.entry_navi a:hover {
	color: #d4f6f6;
}

/****************************************************
   フッター
****************************************************/

td.footer  {
	width: 100%;
	height: 30px;
	padding: 5px;
	background-color: #d4f6f6;
	text-align: center;
	vertical-align: middle;
	font: 10px Verdana;
	line-height: 200%;
	color: #8f8f8f;
}

td.footer a {
	color: #8f8f8f;
}

td.footer a:hover {
	color: #fff;
}