body  {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 14px;
	background-color: #f1f1f1;
}
.thrColAbsHdr #container {
	position: relative; /* adding position: relative により、このコンテナに対する相対位置に 2 つのサイドバーを配置できます */
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #666666;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

/* ヘッダーとフッターのある絶対位置指定されたサイドバーに関するヒント：
1. 絶対位置指定された（AP）エレメントには、トップ値とサイド値（右または左）が設定されている必要があります。初期設定では、トップ値を設定しなければ、AP エレメントはページのソースオーダーにある最後のエレメントの直後に配置されます。つまり、サイドバーがドキュメントのソースオーダーにある #container の最初のエレメントであれば、トップ値が設定されていなくても、サイドバーは #container の最上部に表示されます。ただし、後でサイドバーをソースオーダー内で移動した場合は、適切な場所に表示されるようにサイドバーのトップ値を設定する必要があります。
2. 絶対位置指定された（AP）エレメントは、ドキュメントのフローから除外されます。つまり、AP エレメントの周囲にあるエレメントは、AP エレメントの存在を認識せず、ページ上で AP エレメントと重複することがあります。したがって、常に中央の #mainContent div にほとんどのコンテンツが含まれることが確実である場合は、AP div はサイドバーとしてのみ使用してください。どちらかのサイドバーにより多くのコンテンツが含まれる場合、そのサイドバーは（この場合フッターも）親 div の下端の外に配置されるため、サイドバーは含まれていないように表示されます。
3. 上述の要件に対応していれば、絶対位置指定されたサイドバーにより、ドキュメントのソースオーダーを簡単に制御できます。
4. ソースオーダーが変更されると、列がヘッダーと視覚的に接触するため、トップ値はヘッダーの高さと同じである必要があります。
*/
.thrColAbsHdr #header {
	background-color: #DDDDDD;
	background-image: url(http://nou-tore.com/page/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 80px;
	width: 780px;
} 

.thrColAbsHdr #navi {
	position: absolute;
	left: 0;
	width: 165px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px 0px 0px 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	top: 120px;
}

#navi ul {
	list-style-type: none;
	text-align: left;
	line-height:22px;
	margin: 0;
    padding: 0;
	padding-left: 6px;
	margin-bottom: 10;
}



.thrColAbsHdr #course {
	position: absolute;
	top: 120px;
	right: 0px;
	width: 165px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px 0px 0px 0px;
}

#course ul {
	list-style-type: none;
	text-align: left;
	line-height:22px;
	margin: 0;
    padding: 0;
	padding-left: 0px;
	margin-bottom: 10;
}

.thrColAbsHdr #mainContent {
	width: 430px;
	margin-top: 14px;
	margin-right: 175px;
	margin-bottom: 20px;
	margin-left: 175px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.thrColAbsHdr #container #mainContent #pr {
	line-height: 18px;
	margin-bottom: 20px;
}
.thrColAbsHdr #footer { 
	padding: 20px 10px 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	text-align: center;
	background:#DDDDDD;
} 
.thrColAbsHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
 
</style>[if IE 5]>
<style type="text/css"> 
/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.thrColAbsHdr #sidebar1 { width: 180px; }
.thrColAbsHdr #sidebar2 {width: 170px;
}
</style>
<![endif]






.thrColAbsHdr #container #mainContent table tr td {
	text-align: center;
}
.thrColAbsHdr #container #mainContent #answer {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
.thrColAbsHdr #container #mainContent #up {
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.thrColAbsHdr #btn_contact {
	text-align: center;
	margin-top: 20px;
}


#header-name {
	margin: 0;
	font-size: 11px;
	text-align: right;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #ffffff;
}

a:link     { color: #666; text-decoration: none; margin-right: 0; }
a:visited     { color: #666; text-decoration: none }
a:hover     { color: #f60; text-decoration: underline }
a:active    {
	color: #f00;
	text-decoration: underline;
}

#page-title {
	font-size: 20px;
	line-height: 22px;
	color: #933;
}
#title01 {
	font-size: 13px;
	color: #fff;
	background-color: #999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 6px;
	margin-top: 0px;
}
#title02 {
	color: #fff;
	font-size: 13px;
	background-color: #933;
	margin: 0px;
	padding: 6px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.naviup {
	text-align: right;
	margin-top: 6px;
	margin-bottom: 20px;
	margin-right: 10px;
}
#footer #navi-course {
	font-size: 13px;
}
#footer #navi-under {
	font-size: 13px;
}
#copyright {
	text-align:center;
	font-size: 9px;
	margin-top:0;
	color:#FFF;
	background-color:#C00;
}
#copyright a{
	font-size: 9px;
	color:#FFF;
}
#frame01{ margin: 0; padding: 4px; border: solid 1px #ccc; }
#frame02{ background-color: #f1f1f1; margin: 0; padding: 4px; border: solid 1px #ccc; }

.thrColAbsHdr #container #mainContent ul {
	line-height: 24px;
}

.thrColAbsHdr #container #mainContent #question {
	color: #C00;
	border-left-width: 7px;
	border-left-style: solid;
	margin-top:30px;
	padding-left: 6px;
}
.thrColAbsHdr #container #mainContent #btn_contact #tel a{
display:none;
}
#support {
	position: fixed;
	left: 2px;
       /right: 2px;
        z-index:999;
	bottom: 0px;
        width:120px;
        height:16px;
        float:left;
}
#support a {
	color: #aaa;
	font-size:10px;
	display: block;
	padding:0;
	margin: 0 2px;
}





/* iPad　w760 h1024------------------------------------------------------ */
@media screen and (max-device-width: 960px), screen and (max-width: 960px) {

}



/* iPhone　w320 h480------------------------------------------------------ */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	body{
		display:block;
		margin:0 ;
		font-size: 18px;
	}
	.thrColAbsHdr #container {
		position: static;
		width:320px;
		margin:0 auto 0 auto;
	}
	.thrColAbsHdr #mainContent {
	margin:0;
	padding:0;
	}
	.thrColAbsHdr #container #header {
		width:320px;
		margin:0;
	}
	.thrColAbsHdr #container #mainContent{
		position: static;
		width:300px;
		margin:0 0 0 10px;
		padding:0;
	}
	.thrColAbsHdr #container #pr {
		width:100%;
		margin:0;
	}
	.thrColAbsHdr #container #navi{
		position: static;
		width:300px;
		margin:10px;
	}
	.thrColAbsHdr #container #course{
		position: static;
		width:300px;
		margin:10px;
	}
	.thrColAbsHdr #container #mainContent table{
		width:300px;
	}
	.thrColAbsHdr #container #mainContent a img{
		width:145px;
		height:145px;
	}
	.thrColAbsHdr #container #footer {
		width:300px;
		text-align:center;
		margin:0;
	}
	.thrColAbsHdr #footer #footer-course {
		display:none;
	}
	.thrColAbsHdr #footer #navi-under {
		font-size: 18px;
	}
	#header-name {
		display:none;
	}
	

	
/* ----------ページ---------------------------------------------------------------- */


	.thrColAbsHdr #container #mainContent #img300-300 img{
		width:300px;
		height:300px;
	}
	.thrColAbsHdr #container #mainContent #img300-368 img{
		width:300px;
		height:368px;
	}
	.thrColAbsHdr #container #mainContent #img300-536 img{
		width:300px;
		height:536px;
	}
	.thrColAbsHdr #container #mainContent #img300-620 img{
		width:300px;
		height:620px;
	}
	.thrColAbsHdr #container #mainContent #img300-645 img{
		width:300px;
		height:645px;
	}
	.thrColAbsHdr #container #mainContent #img300-703 img{
		width:300px;
		height:703px;
	}
	.thrColAbsHdr #container #mainContent #img300-795 img{
		width:300px;
		height:795px;
	}
	.thrColAbsHdr #container #mainContent #img300-405 img{
		width:300px;
		height:405px;
	}
	
	
	.thrColAbsHdr #container #mainContent #answer a img{
		width:93px;
		height:31px;
	}
	.thrColAbsHdr #container #mainContent #btn_contact #tel a{
		display:block;
		text-align:center;
		background-color:#F90;
		padding:10px;
		margin-bottom:20px;
	}
	.thrColAbsHdr #container #mainContent #btn_contact object{
		display:none;
	}
	

/* ----------トップページ---------------------------------------------------------------- */



}