@charset "UTF-8";
body  {
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.twoColLiqLt #container {
	background: #FFFFFF;
	text-align: left;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
} 
				


.twoColLiqLt #sidebar1 {
	background: #CCCCCC; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	color: #CCCCCC;
	left: 0px;
	top: 0px;
}
#logo {
}

/* #sidebar1 に関するヒント：
1. 単位はパーセントであるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
2. 「.twoColLiqLt #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
3. 親エレメントが表示された後に Internet Explorer によって幅が計算されるため、単位がパーセントの列では原因不明のバグが発生することがあります。最終的な表示をより正確に予測する必要がある場合は、単位がピクセルの列に変更することができます。
*/

/* リンクする文字を入れる箱の指定をします */
.mouse {
	font-size:10px;
	height: 26px;
	width: 49px;
	text-align: center;
	line-height: 2.5em;
	font-weight: bold;
	float: left;
	color: #000000;
	background: #999999;
	text-decoration:none;
		}
		
/* まだ一度もいったことのないリンクの色等を決めます */
.mouse a:link {
	width:49px;
	height:26px;
	color: #000000;
	float: left;
	text-decoration: none;
				}

/* 行ったことのあるリンクの色等を決めます */
.mouse a:visited {
	width:49px;
	height:26px;
	color:#000000;
	float: left;
	text-decoration: none;
					}

/* マウスカーソルが乗っているときの色等を決めます */
.mouse a:hover {
	width:49px;
	height:26px;
	background-color:#CCCCCC;
	color:#000000;
	float: left;
	text-decoration: none;
				}
				
/* マウスをクリックしているときの色等を決めます */
.mouse a:active {
	width:49px;
	height:26px;
	color:#000000;
	float: left;
	text-decoration: none;
				}
				/* リンクする文字を入れる箱の指定をします */
.mouse2 {
	font-size:10px;
	height: 26px;
	width: 49px;
	text-align: center;
	line-height: 2.5em;
	font-weight: bold;
	float: left;
	color: #000000;
	background: #666666;
	text-decoration: none;
		}
		
/* まだ一度もいったことのないリンクの色等を決めます */
.mouse2 a:link {
	width:49px;
	height:26px;
	color: #000000;
	float: left;
	text-decoration: none;
				}

/* 行ったことのあるリンクの色等を決めます */
.mouse2 a:visited {
	width:49px;
	height:26px;
	color:#000000;
	float: left;
	text-decoration: none;
					}

/* マウスカーソルが乗っているときの色等を決めます */
.mouse2 a:hover {
	width:49px;
	height:26px;
	background-color:#CCCCCC;
	color:#000000;
	float: left;
	text-decoration: none;
				}
				
/* マウスをクリックしているときの色等を決めます */
.mouse2 a:active {
	width:49px;
	height:26px;
	color:#000000;
	float: left;
	text-decoration: none;
				}
				
				/* リンクする文字を入れる箱の指定をします */
.mouse3 {
	height: 37px;
	width: 148px;
	color: #000000;
	background: #999999;
	text-decoration:none;
	font-family: sans-serif;
	font-size: 9px;
	float: left;
	margin: 5px;
		}
		
/* まだ一度もいったことのないリンクの色等を決めます */
.mouse3 a:link {
	width:148px;
	height:37px;
	color: #000000;
	text-decoration: none;
	float: left;
				}

/* 行ったことのあるリンクの色等を決めます */
.mouse3 a:visited {
	width:148px;
	height:37px;
	color:#000000;
	text-decoration: none;
	float: left;
					}

/* マウスカーソルが乗っているときの色等を決めます */
.mouse3 a:hover {
	width:148px;
	height:37px;
	background-color:#CCCCCC;
	color:#000000;
	text-decoration: none;
	float: left;
				}
				
/* マウスをクリックしているときの色等を決めます */
.mouse3 a:active {
	width:148px;
	height:37px;
	color:#000000;
	text-decoration: none;
	float: left;
				}
				
#works_menu {
	height: 27px;
	width: 148px;
}
#spacer {
	height: 20px;
	width: 148px;
	left: 0px;
	float: left;
}
#work_title_text {
	font-family: sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-left: 5px;
	width: 143px;
	left: 0px;
}
#ex_title_text {
	font-family: sans-serif;
	font-size: 8pt;
	color: #333333;
	margin-left: 5px;
	width: 143px;
	left: 0px;
}
#sub_text {
	font-family: sans-serif;
	font-size: 8pt;
	color: #333333;
	margin-left: 9px;
}
#thumbnail_box {
	left: 0px;
	width: 148px;
	background: #666666;
}
#works_mainbox {
}
#works_index_title_text {
	font-family: sans-serif;
	font-size: 8pt;
	color: #000000;
	left: 5px;
	position: relative;
	font-weight: bold;
	line-height: 2ex;
}
#works_index_sub_text {
	font-family: sans-serif;
	font-size: 7pt;
	color: #000000;
	position: relative;
	left: 5px;
}
.works_index_all {
}
/* リンクする文字を入れる箱の指定をします */
.mov {
	font-size:9px;
	height: 17px;
	width: 74px;
	text-align: center;
	line-height: 2em;
	color: #000000;
	text-decoration:none;
	float: left;
	font-family: sans-serif;
	background: #999999;
		}
		
/* まだ一度もいったことのないリンクの色等を決めます */
.mov a:link {
	width:74px;
	height:17px;
	color: #000000;
	float: left;
	text-decoration: none;
				}

/* 行ったことのあるリンクの色等を決めます */
.mov a:visited {
	width:74px;
	height:17px;
	color:#000000;
	float: left;
	text-decoration: none;
					}

/* マウスカーソルが乗っているときの色等を決めます */
.mov a:hover {
	width:74px;
	height:17px;
	background-color:#CCCCCC;
	color:#000000;
	float: left;
	text-decoration: none;
				}
				
/* マウスをクリックしているときの色等を決めます */
.mov a:active {
	width:74px;
	height:17px;
	color:#000000;
	float: left;
	text-decoration: none;
				}
#note {
	left: 0px;
	color: #000000;
	font-size: 10px;
	background: #CCCCCC;
	width: 143px;
	font-family: serif;
	margin-left: 5px;
	float: left;
}

/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
2. サポートされている最小解像度（800 x 600）でのフローティングエレメントの落下を回避するには、#mainContent div 内のエレメントを 430px 以下にする必要があります（イメージを含む）。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグが回避されます。
*/
.twoColLiqLt #mainContent {
	top: 53px;
	float: left;
	position: relative;
	left: 200px;
} 

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#profile {
	font-family: serif;
	font-size: 9pt;
	line-height: 1.5em;
}
#text_box {
	font-family: serif;
	font-size: 9pt;
}