body		{
		text-align: center;
		font-family: Arial,sans-serif;
		background-color: #333366;
		margin: 0;
		}
#container	{
		width: 820px;
		margin-left: auto;
		margin-right: auto;
		background-color: #ffffff;
		text-align: left;
		border: 10px solid #ffffff;
		}
img		{
		border: 0;
		}
a:hover		{background-color: #ccffff;
		}
.center		{
		text-align: center;
		}
.left		{
		text-align: left;
		}
.right		{
		text-align: right;
		}
.border		{
		border: 1px solid #cccccc;
		}
.red		{
		color: #ff0000
		}
.blue		{
		color: #0000ff;
		}
.small		{
		font-size: smaller;
		}

/* ヘッダー */
h1		{
		margin: 0;
		}
#header		{
		margin-bottom: 10px;
		}
#header p	{
		margin: 0;
		font-size: smaller;
		}

/* メニュー */
#menu		{
		float: left;
		width: 200px;

		font-size: smaller;
		line-height: 120%;
		}
#menu a		{
		display:block;
		}
#menu a:hover		{
		position :relative;
		top: 1px;
		}
h2		{
		margin: 0 0 20px 0;
		font-size: 14px;
		text-align: center;
		font-weight: lighter;
		background-color: #666699;
		padding: 3px 0 3px 0;
		}
h2 a, dt a		{
		text-decoration: none;
		color:#ffffff;
		}
h2 a:hover, dt a:hover		{
		text-decoration: none;
		background-color:#666699;
		color:#ffccff;
		}

#menu p		{

		}
#menu dl	{
		margin: 10px 0 30px 0;
		}
#menu dt	{
		background-color: #666699;
		text-align: center;
		padding: 3px 0 3px 0;
		color:#ffffff;
		}
#menu dd	{
		margin: 0;
		padding: 0 0 5px 0;
		}

/* コンテンツ */
#contents	{
		float: right;
		width: 580px;
		}
/* 見出しバー */
h3, .index	{
		padding: 5px;
		background-color: #E8E8FF;
		font-weight: bold;
		font-size: medium;
		}
.index		{
		margin-top: 50px;
		}
#contents p	{
		line-height: 150%;
		text-indent: 1em;
		}
#contents span	{
		font-weight: lighter;
		}

/* 属性枠 */
#zokusei	{
		font-size: smaller;
		margin: 15px 0 15px 0;
		padding: 30px 15px 15px 15px;
		border: 1px solid #ffccff;
		background-image: url(/prx/000/http/html-css.aimary.com/images/css_rule.png);
		background-repeat: no-repeat;
		background-position: left top;
		}
#zokusei li	{
		padding-bottom: 3px;
		}
#zokusei span	{
		color: #666666;
		padding-left: 20px;
		}

/* カテゴリ */
#category 	{
		line-height: 120%;
		}
#category dt	{
		font-weight: bold;
		}
#category dd	{
		text-indent: 1em;
		font-size: smaller;
		margin-bottom: 20px;
		}



/* サンプルソース */
.sample		{
		font-size: smaller;
		margin: 15px 0 15px 0;
		padding: 30px 15px 15px 15px;
		border: 1px solid #cccccc;
		background-image: url(/prx/000/http/html-css.aimary.com/images/css_sample.png);
		background-repeat: no-repeat;
		background-position: left top;
		}
.css		{
		font-size: smaller;
		margin: 15px 0 15px 0;
		padding: 30px 15px 15px 15px;
		border: 1px solid #ccccff;
		background-image: url(/prx/000/http/html-css.aimary.com/images/css_css.png);
		background-repeat: no-repeat;
		background-position: left top;
		}
.html		{
		font-size: smaller;
		margin: 15px 0 15px 0;
		padding: 30px 15px 15px 15px;
		border: 1px solid #99ffcc;
		background-image: url(/prx/000/http/html-css.aimary.com/images/css_html.png);
		background-repeat: no-repeat;
		background-position: left top;
		}
.browser		{
		margin: 15px 0 15px 0;
		padding: 30px 15px 15px 15px;
		border: 1px solid #66CCFF;
		background-image: url(/prx/000/http/html-css.aimary.com/images/css_miekata.png);
		background-repeat: no-repeat;
		background-position: left top;
		}

/* 関連 */
h4		{
		margin: 30px 0 0 0;
		font-size: smaller;
		border-top: 1px solid #cccccc;
		}
#kanren ul	{
		margin-top: 0;
		}
#kanren li	{
		font-size: smaller;
		}

#footer		{
		clear: both;
		border-top: 1px solid #cccccc;
		text-align: center;
		font-size: x-small;
		}
.hand		{
		
		cursor: pointer;
		color: #0000ff;
		text-decoration: underline;
		margin: 0;
		padding: 0 0 5px 0;
		}
#hplists p	{
		font-size: 13px;
		text-indent: 0em;
		color: #666666;
		}
#hplists a	{
		padding-right: 10px;
		color: #0000ff;
		font-weight: bold;
		}
#bosyu dl	{
		margin: 10px;
		padding: 5px;
		border: 1px solid #ededed;
		}
#bosyu dl	{
		color: #333333;
		}
#bosyu dt, #bosyu dd	{
		font-size: 14px;
		display: inline;
		}
#bosyu dt	{
		color: #999999;
		}
#bosyu dt.annai	{
		background-color: #666699;
		display: block;
		color: #ffffff;
		padding: 2px;
		text-align: center;
		}
#bosyu dd	{
		margin: 5px 0;
		padding: 0 5px;
		}
#bosyu p a	{
		text-align: center;
		background-color: #ff0000;
		color: #ffffff;
		font-weight: bold;
		padding: 5px 10px;
		}
#bosyu p a:hover{
		background-color: #FF00FF
		}