@charset "UTF-8";

	body {
		font-family: verdana, arial, sans-serif;
		font-size:12px;
		margin: 0px;
		padding: 0px;
		color: #DDDDDD; 
		background:#000000 url("http://wintory33.net/st-images/wintory33-bg.jpg") top left no-repeat fixed;
		}


	A 	{ color: #FF9933; text-decoration: none; }
	A:link	{ color: #AAAAFF; text-decoration: underline; } 
	A:visited	{ color: #FFAAAA; text-decoration: underline; } 
	A:active	{ color: #FFFF00;  } 
	A:hover	{ color: #FFFF00;  }

	ul	{ margin: 5px; padding-left: 5px; }
	li	{ line-height: 120%; }
	td	{ font-size:14px; margin: 0px; padding: 0px; }

	h1	{ font-size:24px; margin: 0px; padding: 0px; }
	h2	{ font-size:18px; margin: 0px; padding: 0px; }
	h3	{ font-size:14px; margin: 0px; padding: 0px; }
	h4	{ font-size:12px; margin: 0px; padding: 0px; }
	h5	{ font-size:10px; margin: 0px; padding: 0px; }
	h6	{ font-size:8px; margin: 0px; padding: 0px; }

	.ch1	{ font-size:24px; margin: 0px; padding: 0px; }
	.ch2	{ font-size:18px; margin: 0px; padding: 0px; }
	.ch3	{ font-size:14px; margin: 0px; padding: 0px; }
	.ch4	{ font-size:12px; margin: 0px; padding: 0px; }
	.ch5	{ font-size:10px; margin: 0px; padding: 0px; }
	.ch6	{ font-size:8px; margin: 0px; padding: 0px; }

	blockquote {
		border:2px dotted #EEEEEE;
		font-size:12px;
		margin: 5px;
		padding: 5px;
		}

/* mac IE 文字化け対策 */
	textarea { font-family: "ヒラギノ明朝 Pro W6", "Osaka", "ＭＳ Ｐゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif"; }


/*画面レイアウト*/
	/*サイトタイトルスペース*/
	div#layout-header {
		position:absolute;
		top:0px;
		left:0px;
		height:100px;
		width:800px;
		}
	/*中央のエントリーのスペース*/
	div#layout-entry {
		position:absolute;
		top: 100px;
		left: 200px;
		width: 480px;
		}
	/*左側のメニュースペース*/
	div#layout-left {
		position:absolute;
		top:109px;
		left:0px;
		width: 200px;
		}
	/*右側のバナースペース*/
	div#layout-right {
		position:absolute;
		top:128px;
		left:680px;
		width:120px;
		}


/*各クラス（ヘッダースペース）*/
	/*サイトタイトルのデザインクラス*/
	.design-header {
		margin: 0px;
		padding: 0px;
		}


/*各クラス（中央スペース：エントリーより上）*/
	/*中央のマイバナースペースのフッダーデザインクラス*/
	.design-my-banner-header {
		font-family:arial, verdana, Helvetica, sans-serif; 
		font-size: 20px;
		font-style: italic;
		font-weight:bold;
		border-bottom:1px solid #999999;
		}
	/*中央のマイバナースペースのフッダーデザインクラス*/
	.design-my-banner-footer {
		text-align: right;
		font-family: Century Gothic, arial, sans-serif;
		font-size: 8px;
		}
	/*中央のグーグルスペースのデザインクラス*/
	.design-google-banner {
		margin-top: 10px;
		margin-bottom: 30px;
		padding: 0px;
		}
	.design-archivetoolbar { 
		margin-top: 10px;
		margin-bottom: 20px;
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 14px;
		text-align: center;
		border-left: 40px solid #999999;
		border-right: 40px solid #999999;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		}


/*各クラス（中央スペース：エントリーより下）*/
	/*中央のエントリースペースのデザインクラス*/
	.design-entry {
		margin: 5px;
		padding: 0px;
		background:transparent;
		}
	/*エントリー日付のデザインクラス*/
	.design-entrydate { 
		font-family:arial, verdana, Helvetica, sans-serif; 
		font-size: 20px;
		font-style: italic;
		font-weight:bold;
		}
	/*エントリータイトルのデザインクラス*/
	.design-entrytitle { 
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 16px; 
		color: #FF9933;
		border-top:1px solid #999999;
		font-weight:bold;
		}
	.design-entrytitle a:link { color: #FF9933; text-decoration: none; font-weight:bold; }
	.design-entrytitle a:visited { color: #FF9933; text-decoration: none; font-weight:bold; }
	/*エントリー本文のデザインクラス（Ｉｎｆｏ用）*/
	.design-entryinfo { 
		margin: 0px;
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 12px;
		}
	/*エントリー本文のデザインクラス*/
	.design-entrybody { 
		margin: 0px;
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 14px;
		line-height: 120%;
		}
	/*エントリーフッダーのデザインクラス*/
	.design-entryfooter { 
		margin-top: 10px;
		margin-bottom: 50px;
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 14px;
		border-top: 1px solid #999999;
		}
	/*エントリー内の関連情報とGoogleのデザインクラス*/
	.design-entrygoogle { 
		font-size:12px;
		line-height: 120%;
		}


/*各クラス（左側のメニュースペース）*/
	/*左側全体のデザインクラス*/
	.design-left {
		margin: 5px;
		padding: 0px;
		background:transparent;
	 	}

	/*メニューのタイトルデザイン*/
	.design-sidetitle{
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 14px;
		border-bottom:1px solid #999999; 
		font-weight:bold;
	 	}
	/*メニューの本文のデザイン*/
	.design-sidemenu{
		margin-bottom: 30px;
		padding: 0px;
		background:transparent;
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 12px;
		line-height: 120%;
	 	}
	/*メニューリストのデザイン*/
	.design-sidemenu ul { margin: 0px; }
	.design-sidemenu li { line-height: 120%; }
	/*メニューのテーブルデザイン*/
	.design-sidemenu td{
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 12px;
		line-height: 120%;
	 	}
	/*BlogPeople本文のデザイン*/
	blogpeople-main{
		font-size: 12px;
		line-height: 120%;
		}
	.blogpeople-update-suffixtext {
		font-size: 12px;
		line-height: 120%;
		}
	.copyright {
		font-size: 8px;
		font-family:arial, sans-serif;
		border-top:1px dotted #CCCCCC;
		border-bottom:1px dotted #CCCCCC;
 		line-height: 120%;
		margin-top:10px;
		font-size:10px;
		}
	.copyright a:link {
		color:#cccccc;
		text-decoration: none; 
		}
	.copyright a:visited {
		color:#cccccc;
		text-decoration: none; 
		}




/*各クラス（左側のメニュースペース）*/
	/*画面右側のスペースのデザインクラス*/
	.design-right {
		margin: 0px;
		padding: 0px;
	 	}

	/*メニューのタイトルデザイン*/
	.design-sidetitle-r{
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 14px;
		border-bottom:1px solid #999999; 
		font-weight:bold;
	 	}
	/*メニューの本文のデザイン*/
	.design-sidemenu-r{
		margin-bottom: 30px;
		padding: 0px;
		background:transparent;
		font-family: "MS UI Gothic",verdana, arial, sans-serif;
		font-size: 10px;
		line-height: 120%;
	 	}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}












/*  doc   */




ul.osx-dock li a {
display: block;
height: 50px;
padding: 0 1px;
margin: 0;
-webkit-transition: 0.15s linear;
-webkit-transition-property: -webkit-transform margin;
-webkit-box-reflect: below 2px; -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
}
 
ul.osx-dock li a img {
width: 48px;
}
 
ul.osx-dock li:hover {
margin-left: 9px; margin-right: 9px;
z-index: 200;
}
 
ul.osx-dock li:hover a {
-webkit-transform-origin: center bottom;
-webkit-transform: scale(1.5);
}
 
ul.osx-dock li.nearby {
margin-left: 6px; margin-right: 6px;
z-index: 100;
}
 
ul.osx-dock li.nearby a {
-webkit-transform-origin: center bottom;
-webkit-transform: scale(1.25);
}
 
ul.osx-dock li span {
background: rgba(0,0,0,0.75);
position: absolute;
bottom: 80px;
margin: 0 auto;
display: none;
width: auto;
font-size: 11px;
font-weight: bold;
padding: 3px 6px;
-webkit-border-radius: 6px;
color: #fff;
}
ul.osx-dock li:hover span {
display: block;
}