@CHARSET "utf-8";

/*************************************************/
/* ページ全体                                    */
/*************************************************/
h1 {
    /* 外枠の種類 */
	border:outset;
    /* 背景色 */
    background-color:#666666;
	/* 文字や境界線の色 */
    color:#ffffff;
    /* 文字サイズ */
    font-size:15px;
	/* 行間 */
    line-height:120%;
    /* ボーダー線*/
	border-width:2px;
}

h2 {
    /* ボーダー線*/
    border-bottom-width:3px;
    /* 背景色 */
    background-color:#cccccc;
    /* 外枠の種類 */
    border-bottom-style:solid;
    /* 外枠の色 */
    border-color:#000000;
    /* 文字サイズ */
    font-size:14px;
	/* 行間 */
    line-height:110%;
}

ul {
    /* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:3px;
    padding-left:20px;
    padding-right:3px;
    padding-bottom:10px;	
}

pre {   
    /* Mozilla */  
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */  
    white-space: -pre-wrap;
    /* Opera 7 */  
    white-space: -o-pre-wrap;
    /* CSS3 */  
    white-space: pre-wrap;
    /* IE 5.5+ */  
    word-wrap: break-word;
}  
/*************************************************/
/* ページヘッダー部分                            */
/*************************************************/

/** ヘッダー内のロゴ領域(max:300px) */
div.HtLogo {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#999999;
	/* コンテンツの幅 */
    width:900px;
    /* となりに要素を回り込ませる */
    float:left;
}

/** ヘッダー内の広告領域(max:500px) */
div.HtAdvertisement {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:900px;
}

/** ヘッダー内のメインコンテンツリンク(max:300px) */
div.HtSiteInfo {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#999999;
	/* 背景色 */
	background-color:#999999;
	/* コンテンツの幅 */
    width:900px;
    /* 回り込みを解除 */
    clear:both;
}

p.HtSiteInfo {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
	/* ボーダー線*/
    border-style:solid;
    border-top-width:5px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:5px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    
	/* 文字や境界線の色 */
	color:#999999;
    /* 背景色 */
	background-color:#cccccc;
	/* インデント */
    text-indent:10px;
}

/*************************************************/
/* コンテンツ部分                                */
/*************************************************/

/** コンテンツの外枠(max:900px) */
div.Ct {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:900px;
    /* 回り込みを解除 */
    clear:both;
}

/** グローバルナビゲーション(max:124px) */
div.CtNavi {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:124px;
    /* となりに要素を回り込ませる */
    float:left;
}

p.CtNavi {
    /* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:1px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:6px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:2px;	

    /* 行間 */
	line-height:120%;
    /* 文字サイズ */
	font-size:13px;	
    /* 背景色 */
	background-color:#cccccc;
}

/** コンテンツ(max:572px) */
div.CtContents {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:572px;
    /* となりに要素を回り込ませる */
    float:left;
}

/** コンテンツ(max:572px) */
div#question {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:562px;
}

/** コンテンツ(max:572px) */
div#control {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

    /* 背景色 */
	background-color:#eeffee;
	/* コンテンツの幅 */
    width:562px;
}

/** コンテンツ(max:472px) */
div#explanation {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:562px;
}

p.CtReturn {
    /* 行の揃え方 */
	text-align:center;
}

/** ツール(max:204px) */
div.CtTool {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:194px;
    /* となりに要素を回り込ませる */
    float:right;
}

/** ツール(max:204px) */
div#score {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#ffffff;
	/* 背景色 */
	background-color:#ff9999;
	/* コンテンツの幅 */
    width:188px;
    /* となりに要素を回り込ませる */
    float:right;
}

/** ツール(max:204px) */
div#tool {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	

	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:188px;
    /* となりに要素を回り込ませる */
    float:right;
}

/*************************************************/
/* フッター部分                                  */
/*************************************************/

/** フッターの外枠(max:900px) */
div.Ft {
	/* ボーダー線の外側の余白 */
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    /* ボーダー線*/
    border-style:solid;
    border-top-width:1px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    /* ボーダー線とコンテンツの間の余白*/
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    /* 行間 */
	line-height:150%;
    /* 文字サイズ */
	font-size:13px;	
    /* 行の揃え方 */
	text-align:center;
	
	/* 文字や境界線の色 */
	color:#000000;
	/* 背景色 */
	background-color:#ffffff;
	/* コンテンツの幅 */
    width:900px;
    /* 回り込みを解除 */
    clear:both;
}

