/* *********************************** */
/*  ASC 山行記録用 スタイルシート      */
/* *********************************** */

 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; PADDING-TOP: 0px
}

/*メイン文書の表示設定*/
BODY {
	FONT-SIZE: 94%;
	/*BACKGROUND: #70a4e0;*/ 					/*枠外の色*/
	BACKGROUND: #4bb1e1; 						/*枠外の色*/
 	/*LINE-HEIGHT: 1.5;*/					/*一番外側の枠とウインドウとの間隔　上下(デフォルト)*/
	MARGIN-TOP: 0px;					/*一番外側の枠とウインドウとの間隔　上側 なし*/
	MARGIN-BOTTOM: 0px;					/*一番外側の枠とウインドウとの間隔　下側 なし*/
}

/*各IDの表示設定*/
#page {
	BACKGROUND: #e8ffff; 						/*枠内の背景色 (元)#f0ffff*/

	MARGIN-top: 0px; 
	MARGIN-BOTTOM: 0px; 
	MARGIN-LEFT: 6%;  						/*一番外側の枠とウインドウとの間隔　左側*/
	MARGIN-RIGHT: 6%; 						/*一番外側の枠とウインドウとの間隔　右側*/

	BORDER-TOP: #333333 1px solid; 
	BORDER-BOTTOM: #333333 1px solid; 
	BORDER-LEFT: #333333 1px solid; 
	BORDER-RIGHT: #333333 1px solid; 
}
#head {
	/*PADDING-TOP: 20px; */						/*(デフォルト)*/
	PADDING-TOP: 7px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	MARGIN-BOTTOM: 10px; 

	BORDER-BOTTOM: #b3e6ff 5px solid; 				/*ヘッダーの下線の色など　(元)#cce3ff #99ccff */
	TEXT-ALIGN: right;
}
#main {
	BORDER-RIGHT: #b0b0b0 1px solid;
	BORDER-TOP: #b0b0b0 1px solid; 
	BACKGROUND: #ffffff; 
	PADDING-BOTTOM: 20px; 
	MARGIN-LEFT: 25px; 
	BORDER-LEFT: #b0b0b0 1px solid; 
	MARGIN-RIGHT: 25px; 
	PADDING-TOP: 20px; 
	BORDER-BOTTOM: #b0b0b0 1px solid;
}
/*#foot {
	PADDING-RIGHT: 20px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; MARGIN: 25px 25px 0px; PADDING-TOP: 20px; TEXT-ALIGN: center
;}*/

#foot {
	BORDER-TOP: #666666 1px solid; 

	PADDING-TOP: 13px; 
	/*PADDING-BOTTOM: 20px; */						/*(デフォルト)*/
	PADDING-BOTTOM: 1px; 
	PADDING-LEFT: 20px; 
	PADDING-RIGHT: 20px; 
	MARGIN: 13px 25px 0px; 

	TEXT-ALIGN: center;
}


#menu {
	PADDING-RIGHT: 0px; BORDER-TOP: #b7dd68 30px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 100%; PADDING-TOP: 0px
;}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 25px; PADDING-TOP: 0px
;}
#menu UL LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #cccccc; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 0px 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none
;}
#menu UL A {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999999 1px solid; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: #ffffff; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid
;}
#menu UL A:hover {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #e74610; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px
;}


/*見出し*/
H1 {
	CLEAR: both; 							/*メニューの回りこみを解除*/

	/*MARGIN: 50px 25px 0px; */						/*リンクメニューとの間隔など*/
	MARGIN: 0px 25px 0px; 					/*FireFox対策 MARGIN-TOP(リンクメニューとの間隔)は0px*/
 								/*リンクメニューとの間隔は、#menu UL LI で定義*/
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 

	BORDER-TOP: #b0b0b0 1px solid; 
	BORDER-LEFT:  #b0b0b0 1px solid; 
	BORDER-RIGHT:  #b0b0b0 1px solid;

	/*FONT: bold 17px Georgia, "Times New Roman", Times, serif; */
	FONT-SIZE: 140%;
	/*FONT-SIZE: 25px;*/
	FONT-weight: bold; 
	FONT-family:"MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif; 

	BACKGROUND: #cfefff;							/*背景色 #d7e2ef #99ccff #ccffff*/
	letter-spacing: 0.3em; 						/*文字間隔を広げる*/
}

H2 {
	FONT-SIZE: 130%; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 2em 30px 0.8em 30px; 				/*0.8emは段落との間隔を詰めるため*/
	COLOR: #5b793c; 
	BORDER-BOTTOM: #bddbbe 2px solid;
/*	BORDER-BOTTOM: #bddbbe 2px dotted;*/
	letter-spacing: 0.3em; 						/*文字間隔を広げる*/
	FONT-family: Arial, Helvetica, sans-serif;
}

H3 {
	FONT-SIZE: 110%; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 2.5em 30px 0.7em 40px; 				/*0.7emは段落との間隔を詰めるため*/
	COLOR: #cc9900; 
	BORDER-BOTTOM: #bddbbe 2px dotted;
	letter-spacing: 0.3em; 						/*文字間隔を広げる*/
	FONT-family: Arial, Helvetica, sans-serif;
}

H4 {
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 1.5em 30px 0.7em 50px; 				/*0.7emは段落との間隔を詰めるため*/
	COLOR: #cc9900; 
	letter-spacing: 0.3em; 						/*文字間隔を広げる*/
	FONT-family: Arial, Helvetica, sans-serif;
}


/*段落*/
P {
	MARGIN-LEFT: 50px; 
	MARGIN-RIGHT: 40px;
	margin-top: 0px;  						/*上側の余白をなくす （見出しとの間隔を詰めるため）*/
	/*text-indent: 1em;*/ 						/*段落先頭を1文字文字下げする*/
	line-height: 1.5;						/*行間*/
	FONT-family: Arial, Helvetica, sans-serif;
	color: #666666;							/*文字の色 ★ブログと同じ色*/
}

UL {
	PADDING-LEFT: 25px; MARGIN: 0px 0px 1em 50px
	FONT-family: Arial, Helvetica, sans-serif;
	color: #666666;							/*文字の色 ★ブログと同じ色*/
}
table {
	FONT-family: Arial, Helvetica, sans-serif;
	color: #666666;							/*文字の色 ★ブログと同じ色*/
}

.imgbox {
	MARGIN-BOTTOM: 10px; MARGIN-LEFT: 50px; MARGIN-RIGHT: 30px;
}

/*サイトネーム（Nagoya ASC）部*/
.sitename {
	PADDING-RIGHT: 8px; 
	MARGIN-BOTTOM: 0px; 
	/*FONT: bold 25px Georgia, "Times New Roman", Times, serif; */				/*(デフォルト)*/
	/*BOTTOM: -8px; */									/*(デフォルト)*/
	FONT: bold 19px Georgia, "Times New Roman", Times, serif; 
	BOTTOM: -4px; 
	COLOR: #1f6666; 						/*文字の色　*/
	POSITION: relative;
}
.linkbtm {
	MARGIN: 2em 25px 1em; TEXT-ALIGN: right;
}



/* ----------------------------------- */
/* トップの表のスタイル */
/*  (1)トップの表のデザイン */
table.RecordTopTable {
   border-width: 2px;
   border-color: #339933;
   border-style: solid;
   border-collapse: collapse;
   margin: 10px 50px 10px 68px; 
}
table.RecordTopTable td {
   border-width: 1px;
   border-color: #99cc00;
   border-style: solid;
   padding: 5px 5px;
}
/*  (2)トップの表のデザイン(列ごとの色) */
table.RecordTopTable colgroup.1retsu {
	background-color: #e8ffd8 ;
}
table.RecordTopTable colgroup.2retsu {
	background-color: #ffffff;
}

/*  (3)トップの表 表の幅(1列目部分) */
td.RecordTopTable_1retsu {
   width: 70px; 
}


/* ----------------------------------- */
/* トップの表のスタイル 標準モード対応*/
/*  (1)トップの表のデザイン */
table.RecordTopTableTypeA {
	border-width: 2px;
	border-color: #339933;
	border-style: solid;
	border-collapse: collapse;
	margin: 10px 68px 10px 68px; 
	FONT-SIZE: 115%;
}
table.RecordTopTableTypeA td {
	border-width: 1px;
	border-color: #99cc00;
	border-style: solid;
	padding: 2px 5px;
}
/*  (2)トップの表のデザイン(列ごとの色) */
/*  クラス名は数字で始まるものはNG */
table.RecordTopTableTypeA colgroup.retsu1 {
	background-color: #e8ffd8;
	width: 75px; 
}
table.RecordTopTableTypeA colgroup.retsu2 {
	background-color: #ffffff;
}



/* ----------------------------------- */
/* TypeAの表のスタイル */
/*  (1)TypeAの表内の文字表示 */
table.RcordTableTypeA th {
	font-size: 90%;
	font-weight: normal;					/*THセルの文字が太くなるのを解除*/
	padding: 5px 5px 10px 5px;
}

/*  (2)TypeAの表内の写真表示 */
table.RcordTableTypeA td {
	padding: 5px 10px 0px 10px;				/*写真の上下左右の間隔*/
}

/*  (3)TypeAの表全体の表示 */
table.RcordTableTypeA {
	margin: auto; 						/*表示位置を中央に指定する*/
	text-align: center; 					/*表示位置を中央に指定する*/
	MARGIN-bottom:12px;
}

/* ----------------------------------- */
/* TypeBの表のスタイル */

/*表示位置を中央に(上手く出来なかった)*/
/*table.RcordTableTypeB {
	text-align:center;
	margin:auto; 					
}
*/

/*  (1)TypeBの表内の文字表示 */
table.RcordTableTypeB th {
	font-size: 90%;
	font-weight: normal;					/*THセルの文字が太くなるのを解除*/
   	padding: 5px 5px 40px 70px;
	text-align: center;
}

/*  (2)TypeBの表内の写真表示 */
table.RcordTableTypeB td {
	padding: 10px 0px 0px 90px;
}

/* ----------------------------------- */
/* TypeCの表のスタイル(表示位置：中央) */
/* (旧)表示位置を中央に指定するのはhtmlタグで行う */

/*  (1)TypeCの表内の文字表示 */
table.RcordTableTypeC th {
	font-size: 90%;
	font-weight: normal;						/*THセルの文字が太くなるのを解除*/
   	padding-top: 5px;
/*	text-align: center;*/
}

/*  (2)TypeCの表内の写真表示 */
table.RcordTableTypeC td {
}

/*  (3)TypeCの表全体の写真表示 */
table.RcordTableTypeC {
	margin: auto; 						/*表示位置を中央に指定する*/
	text-align: center; 					/*表示位置を中央に指定する*/
	MARGIN-bottom:12px;
}


/* ----------------------------------- */
/* 罫線なし表のスタイル 標準モード対応*/
/*  (1)表のデザイン */
table.RecordTableNoBorderTypeA {
	border-style: none;
	border-collapse: collapse;
	margin: 10px 60px 20px 68px; 
	/*FONT-SIZE: 115%;*/
}
table.RecordTableNoBorderTypeA td {
	border-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*  (2)トップの表のデザイン(列ごとの色) */
/*  クラス名は数字で始まるものはNG */
table.RecordTableNoBorderTypeA colgroup.retsu1 {
	background-color: #ffe666;
	width: 3em; 
	vertical-align: top;
	text-align: right;
	padding-right: 0.5px;
}
table.RecordTableNoBorderTypeA colgroup.retsu2 {
	background-color: #ffffcc;
}



/* ----------------------------------- */
/* 画像に文章を回り込ませる */
img.RecordImg {
	float: left;
	margin: 0px 0.5em 0.5em 0px;
}
/* レイアウトが崩れないように、文章の回り込み（画像部の回り込み）を解除 */
p.RecordImgText {
	clear: both;
	text-indent: 0em; 						/*p{}で指定した段落先頭を1文字文字下げ　を解除*/
	font-weight: bold;						/*太字にする*/
}
/* レイアウトが崩れないように、文章の回り込み（「戻る」リンク部の回り込み）を解除 */
p.linkbtm {
	clear: both;
}


/* ----------------------------------- */
/* 段落先頭の文字文字下げを解除し、太字にして強調 */
p.JisageNashiTypeA {
	text-indent: 0em; 						/*p{}で指定した段落先頭の1文字文字下げを解除*/
	font-weight: bold;						/*太字にする*/
}

/* ----------------------------------- */
/* 右寄せの段落 */
p.right {
	text-align: right;
}


/* ----------------------------------- */
/* 大きな段落をつくる */
div.RecordText {
	margin-bottom:3.5em;
}


/* ----------------------------------- */
/* 写真の外枠をつくる */
div.imageblock {
	border: 1px solid #dbdbdb;					/* 枠線：1ピクセル・実線・色指定 */
/*	padding: 1.5% 0.5% 1.5% 1.5%;*/					/* 余白の大きさ なぜか右だけ異なっている */
	padding: 9px;							/* 内側の余白 */
	background-color: #f8f8f8;					/* 背景色 */
}
/* ----------------------------------- */
/* 写真の外枠をつくる 02*/
div.imageblock02 {
	border: 1px solid #dbdbdb;					/* 枠線：1ピクセル・実線・色指定 */
/*	padding: 1.5% 0.5% 1.5% 1.5%;*/					/* 余白の大きさ なぜか右だけ異なっている */
	padding: 9px;							/* 内側の余白 */
	background-color: #f8f8f8;					/* 背景色 */
}
/* ----------------------------------- */
/* 画像の下に余白ができないようにする*/
/* 写真の外枠をつくるとき、下側の枠のみ大きくなるのを防ぐ(FireFox)*/
div img { 
	vertical-align: text-bottom; 
}


/* ----------------------------------- */
/* 写真の外枠をつくる(img要素に定義)*/
/* マージンの定義もする*/
img.imageblock {
	border: 1px solid #dbdbdb;					/* 枠線：1ピクセル・実線・色指定 */
/*	padding: 1.5% 0.5% 1.5% 1.5%;*/					/* 余白の大きさ なぜか右だけ異なっている */
	padding: 9px;							/* 内側の余白 */
	background-color: #f8f8f8;					/* 背景色 */

	margin-top: 12px;
	margin-bottom: 6px;
}


/* =================================================*/
/* その他のスタイル */

/* 画像の位置合わせなどの設定 */
img.img_style01 {
 	vertical-align: middle;			/*画像とテキストの位置合わせ:縦方向 中央に配置*/
} 

/* 位置合わせ　中央に指定 */
div.position_center {
	margin: auto; 						/*表示位置を中央に指定する*/
	text-align: center; 					/*表示位置を中央に指定する*/
}

/* リストの設定 */
ul.list01 {
	padding-left: 50px;
	line-height: 1.5;			/*行間*/
}
ul.list01 li {
	list-style-type: decimal;		/*リスト先頭記号 10進法*/
}

/* リンク画像の枠線を消す */
a img {						/*リンクに含まれる画像のみを対象にするのでこの書き方(スペースを入れる)*/
	border-width: 0px;
}