/* CSSのベースはDreamWeverで自動生成しました。 */

@charset "utf-8";

/* BODYのCSS定義 */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}

/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/

.twoColElsLtHdr h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:28px;
	font-weight:bold;
	border-left:10px solid #003600;
	border-bottom:2px solid #003600;
	padding: 6px 0px 6px 6px; /* 上右下左 */
	margin-bottom: 0px;
}

.twoColElsLtHdr h2 {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:20px;
	font-weight:bold;
	padding-left: 10px;
}

.twoColElsLtHdr p {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	line-height:1.4em;
	padding-left: 10px;
	margin-top:0.5em;
}


/* コンテナ定義 視覚上のページはこの中に作られていると考えてください。 */
.twoColElsLtHdr #container,
.twoColElsLtHdr #topContainer,
.twoColElsLtHdr #singleContainer { 
	width: 54em;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.twoColElsLtHdr #container { 
	background:repeat-y;
    background-image: url("../img/back_submenu.gif");
    background-color: #FFFFFF;
} 

/* トップページ用のコンテナ定義 */
.twoColElsLtHdr #topContainer { 
    background-color: #FFFFFF;
} 

/* シングルページ(画面左に側にメニューがないページ)用のコンテナ定義 */
.twoColElsLtHdr #singleContainer { 
    background-color: #FFFFFF;
} 

/* ヘッダー定義 */
.twoColElsLtHdr #header { 
	background: #003600; 
	color: #FFFFFF;
	padding: 0 10px 1px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 

/* トップページ用のヘッダー定義 */
.twoColElsLtHdr #top-header { 
	background: #003600;
	text-align:center;
	padding: 0 10px 1px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}

/* #sidebar1 に関するヒント：
1. この div でフォントサイズ値を設定すると、この div の全体の幅がそれに応じて調整されます。
2. 単位は em であるため、サイドバーそのもので余白を使用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
3. 「.twoColElsLtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/

/* サイドバー(画面左側のメニュー)の定義 */
.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 9em; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	padding: 10px 0px 10px 10px; /* 上右下左 */
}

.twoColElsLtHdr #sidebar1 li {
	margin-bottom: 4px;
}

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}

/* #mainContent に関するヒント：
1. この #mainContent div に #sidebar1 div とは異なるフォントサイズを設定すると、#mainContent div のマージンは #mainContent div のフォントサイズ、#sidebar1 div の幅は #sidebar1 div のフォントサイズに基づいて設定されます。必要に応じて、これらの div の値を調整してください。
2. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
3. このレイアウトはユーザーのフォントサイズとユーザーが設定する値に基づいて設定されるため、フローティングエレメントの落下を回避するには、イメージまたはエレメントのおおよその最大サイズを特定するためのテストを行う必要があります。ただし、ユーザーのブラウザのフォントサイズが通常のサイズより小さい場合は、テストで確認されるスペースよりも小さいスペースが #mainContent div で使用されます。
4. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、発生する可能性のあるいくつかの IE 固有のバグが回避されます。
*/

/* 本文定義 */
.twoColElsLtHdr #mainContent {
	margin: 0 1.5em 0 12em; /* 右マージンは、em またはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
} 

/* トップ用の本文定義 */
.twoColElsLtHdr #topContent {
	background-color:#FFFFFF;
	padding: 0 7em 0 7em; /* 右マージンは、em またはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	text-align:center;
} 

/* シングルページ用の本文定義 */
.twoColElsLtHdr #singleContent {
	margin: 0 1.5em 0 1.5em; /* 右マージンは、em またはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
} 

/* フッター定義 */
.twoColElsLtHdr #footer { 
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#003600;
	color: #FFFFFF;
	font-size:11px;
	padding: 10px 1em 6px 1em; /* 上右下左 */
} 

.twoColElsLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

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

/*--------[ ここからは固有のCSS定義 ] --------*/
/* 共通見出し用のCSS定義(トップページ以外のヘッダー部分のロゴと道場の住所などを表記するための定義) */
#header_image {
	float:left;
}

#header_addr {
	float:right;
	text-align:right;
    font-size: 12px;
	padding-top:1em;
}

#header_addr a {
    color:#FFFFFF;
}

/* 「トップページへ戻る」に使用するCSS定義 */
#return_top {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	text-align:center;
}

/* 案内関係のCSS */
#guidance_text h2 {
    margin-bottom:0.2em;
}

#guidance_text p {
    margin-top:0;
}

/* 武術講座のサブタイトル */
.twoColElsLtHdr #boldtext {
	font-weight:bold;
}

.twoColElsLtHdr #subtitle {
	font-weight:bold;
}

#lecture_text {
}

#lecture_text h1 {
	font-size:20px;
}

#lecture_text h2 {
	font-size:16px;
}

/* ページ遷移用のCSS定義(武術講座で現在ページの把握と移動に使用するインターフェイスの外観定義) */
.twoColElsLtHdr #pageChanges {
	margin: 0;
    font-size: 12px;
	color:#000000;
	padding:8px 0;
} 

.twoColElsLtHdr #pageChanges a {
	color:#000000;
}	

.twoColElsLtHdr #pageChanges_td0,
.twoColElsLtHdr #pageChanges_td1 {
    width:2em;
    font-size: 12px;

	text-align:center;
	border-left: solid 1px;

	border-color:#000000;
} 

.twoColElsLtHdr #pageChanges_td0 {
    background-color:transparent;
} 

.twoColElsLtHdr #pageChanges_td1 {
    background-color:#e5f478;
} 

.twoColElsLtHdr #pageChanges_td0:hover {
    background-color:#f3b546;
} 

.twoColElsLtHdr #pageChanges_td1:hover {
    background-color:##f3b546;
} 

/* リポートページ用CSS定義 */
.report_h2_text {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	padding: 0px;
	margin: 0px;
	margin-left: 2em;
}

.report_h2_text h3 {
	padding:0px;
	margin:0px;
}

.report_h2_text p {
	padding:0px;
	margin:0px;
}

.report_h2_text #comment {
	padding-top:  4px;
	padding-left: 4px;
}

/* リンクページ用CSS定義 */
.link_box {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	font-weight:bold;
	padding: 0px;
	margin: 1em 0px 1.5em 11px; /* 上右下左 */
}

.link_box img {
	border:2px solid #000000;
}

.link_box img:hover {
	border:2px solid #7777FF;
}

.link_box p {
	padding: 4px 0px 0px 0px;
	margin: 0px;
}

/* テーブル定義１ */
.tbl2 table {
	border: none;
}

.tbl1 table {
    border-collapse:collapse;
    border: 2px solid #000000;
	margin-top:8px;
	width:100%;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:14px;
}

.tbl1 p {
	line-height:1.4em;
    padding: 0.5em;
	margin:0px;
}

.tbl1 h2 {
    padding: 0.5em 1em;
	margin: 0;
}

.tbl1 td {
    border: 2px solid #000000;
    padding: 0px;
}

.tbl1 td#comment {
    vertical-align: top;
}

.tbl1 td#profile_text {
    text-align:right;
	padding-right:12px;
}

.tbl1 td#profile_title {
    text-align:center;
	padding:4px;
}

.tbl1 td#report_img {
    text-align:center;
    width:194px;
    padding: 4px;
}

.tbl1 td#media_title {
    background-color:#003600;
	color:#FFFFFF;
}

.tbl1 td#media_catch {
    background-color:#9AE48F;
	font-weight:bold;
	text-align:center;
    padding: 0.4em;
}

.tbl1 td#media_text {
    vertical-align: top;
	background-color:#FFFFB0;
}

.tbl1 td#media_comment {
	background-color:#9AE48F;
} 
 
.tbl1 td#media_img {
    text-align:center;
}

.tbl1 td#media_img2 {
    text-align:center;
    padding:4px;
}

.tbl1 #media_data {
    padding: 0.5em 0;
	line-height:1.2em;
}

.tbl1 #title1 {
    padding: 0.5em;
	text-align:center;
}

.tbl1 #title2 {
    padding: 0.5em;
	text-align:left;
}

.tbl1 #kingaku1 {
    padding: 0.5em;
	text-align:center;
}

.tbl1 #ts_title {
	font-size:12px;
	font-weight: bold;
    padding: 0.2em;
	text-align:center;
	background-color:#CCCCCC;
}

.tbl1 #timesheet1 {
	font-size:12px;
	font-weight: bold;
    padding: 0.2em;
	text-align:center;
	background-color:#CCCCCC;
}

.tbl1 #timesheet0 {
    padding: 0.2em;
	background-color:#282828;
}

.tbl1 .ts_class {
	font-size:12px;
	font-weight:bold;
	padding: 0.5em 0.2em;
	line-height: 15px;
	text-align:center;
}

.tbl1 .ts_utimon {
	background-color:#000000;
	color:#FFFF33;
}

.tbl1 .ts_keii {
	background-color:#006633;
	color:#FFFFFF
}

.tbl1 .ts_hakke {
	background-color:#FF0000;
	color:#FFFFFF
}

.tbl1 .ts_chinsi {
	background-color:#0000CC;
	color:#FFFFFF
}

.tbl1 .ts_souhen {
	background-color:#FFFF00;
}

.tbl1 .ts_syourin {
	background-color:#C8C8FF;
}