/* *********************************** */
/*  ASC サイト内全体用 スタイルシート  */
/* *********************************** */

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

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

/* =================================================*/
/*各IDの表示設定*/
#page {
	BACKGROUND: #f7f9f2;  						/*枠内の背景色*/

	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: 5px; 

	BORDER-BOTTOM: #ddf0d0 5px  					/*ヘッダーの下線の色など*/
	solid; 

	TEXT-ALIGN: right;
}

#main {
	BACKGROUND: #ffffff; 

	PADDING-TOP: 20px; 
	PADDING-BOTTOM: 20px; 
	MARGIN-LEFT: 25px; 
	MARGIN-RIGHT: 25px; 

	BORDER-TOP: #cccccc 1px solid; 
	BORDER-BOTTOM: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid; 
	BORDER-RIGHT: #cccccc 1px solid; 
}

#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-TOP: 0px;
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	MARGIN: 0px; 

	/*BORDER-TOP: #b7dd68 30px solid;*/ 					/*2本めのライン(デフォルト)*/
	BORDER-TOP: #b7dd68 20px solid; 					/*2本めのライン*/
	LINE-HEIGHT: 100%; 
}

#menu UL {
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	MARGIN: 0px 0px 0px 25px; 
}

#menu UL LI {
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	MARGIN: 6px 5px 6px 0px;  				/*2本めのラインとの間隔、隣のメニューとの間隔、H1タグとの間隔*/
	DISPLAY: block; 
	BACKGROUND: #cccccc; 
	FLOAT: left; 
	WHITE-SPACE: nowrap; 
	LIST-STYLE-TYPE: none;
}

#menu UL A {
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	MARGIN: 0px; 

	BORDER-TOP: #999999 1px solid; 
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid; 
	BORDER-RIGHT: #999999 1px solid; 

	DISPLAY: block; 
	BACKGROUND: #ffffff; 
}

#menu UL A:hover {
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 

	BACKGROUND: #e74610; 
	COLOR: #ffffff; 
}


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

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

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

	/*FONT: bold 17px Georgia, "Times New Roman", Times, serif; */
	FONT-SIZE: 140%;
	/*FONT-SIZE: 25px;*/
	FONT-weight: bold; 
	FONT-family: Arial, Helvetica, sans-serif;
	/*FONT-family:"MS UI Gothic", "ＭＳ Ｐゴシック",sans-serif;*/
	BACKGROUND: #eaeedf; 
	letter-spacing: 0.3em; 						/*文字間隔を広げる*/
}

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

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


/*段落*/
P {
	MARGIN-LEFT: 50px; 
	MARGIN-RIGHT: 40px;
	/*text-indent: 1em;*/ 						/*段落先頭を1文字文字下げする*/
	margin-top: 0px;  						/*上側の余白をなくす （見出しとの間隔を詰めるため）*/
	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;
}

.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: #2b6815; 
	POSITION: relative;
}

.linkbtm {
	MARGIN: 0.5em 25px 2.5em; TEXT-ALIGN: right;
}


/* =================================================*/
/* トップページの表のスタイル */
/*  (1)トップページの表のデザイン */
table.TopTable {
   border-width: 2px;
   border-color: #339933;
   border-style: solid;
   border-collapse: collapse;
   margin: 5px 50px 20px 50px; 
}

table.TopTable th {
   border-width: 1px;
   border-color: #66cc33;
   border-style: solid;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 6px;
   padding-right: 6px;
   background-color: #ccff99;
   letter-spacing: 1em; 						/*文字間隔を広げる*/
   TEXT-ALIGN: center;
}

table.TopTable td {
   border-width: 1px;
   border-color: #66cc33;
   border-style: solid;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 6px;
   padding-right: 6px;
   background-color: #ffffcc;
}

/*  (2)トップページの表の幅と高さ */

th.TopTableTitle1-1 {
   width: 110px; 
} 
/*
th.TopTableTitle1-2 {
   width: 200px; 
} 
*/

/*
th.TopTableTitle2-1 {
   width: 130px; 
} 
*/
/*
th.TopTableTitle2-2 {
   width: 250px; 
} 
th.TopTableTitle2-3 {
   width: 150px; 
} 
*/

/*
th.TopTableTitle3-1 {
   width: 110px; 
} 
th.TopTableTitle3-2 {
   width: 150px; 
} 
*/

/* トップページのブログ案内のスタイル */
div.Blog {
   margin: 10px 50px 20px 50px; 

}

p.BlogTxt {
   margin-top: 0px; 
   margin-bottom: 5px; 
   margin-left: 0px; 

}
/* =================================================*/
/* 「山行記録」の表のスタイル */
/*  (1)「山行記録」の表のデザイン */
table.RecordTable {
   border-width: 2px;
   border-color: #999999;
   border-style: solid;
   border-collapse: collapse;
   margin: 10px 40px 40px 40px; 
/*   width: 700px; */
}
table.RecordTable th {
   border-width: 1px;
   border-color: #cccccc;
   border-style: solid;
   padding: 3px;
   background-color: #ccffff;
}
table.RecordTable td {
   border-width: 1px;
   border-color: #cccccc;
   border-style: solid;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 6px;
   padding-right: 6px;
   background-color: #ffffff;
}

/*  (2)「山行記録」の表の幅と高さ */
th.RecordTableTitle1-1 {
   width: 25px; 
} 
th.RecordTableTitle1-2 {
   width: 85px; 
} 
/*
th.RecordTableTitle1-3 {
   width: 300px; 
} 
*/
/*
th.RecordTableTitle1-4 {
   width: 70px; 
} 
*/
th.RecordTableTitle1-5 {
   width: 150px; 
} 


/*  (3)「山行記録」トップのリスト表示 */
ul.RecordIndexList {
	list-style-type: none;
	color: #278427;
/*	PADDING: 15px 0px 0px 20px; */
	MARGIN: 0px 20px 0px 0px
}
/*  リストの間隔はこちらで指定すると上手くいく */
ul li {
	PADDING: 0px 0px 10px 0px; 
}

table.RecordIndexTopTable {
   margin: 30px 0px 30px 50px; 
}

/* =================================================*/
/* 「会の紹介」表のスタイル */
/*  (1)「会の紹介」表のデザイン */
table.IntroductionTable {
   border-width: 2px;
   border-color: #339933;
   border-style: solid;
   border-collapse: collapse;
   margin: 10px 50px; 
}
table.IntroductionTable td {
   border-width: 1px;
   border-color: #99cc00;
   border-style: solid;
   padding: 5px 5px;
   line-height: 1.5;						/*行間*/
}

/*  (2)「会の紹介」表のデザイン(列ごとの色) */
table.IntroductionTable colgroup.retsu1 {
	background-color: #e8ffd8;
}
table.IntroductionTable colgroup.retsu2 {
	background-color: #ffffff;
}


/*  (3)「会の紹介」表内の表の幅(ジャンル部分) */
td.Genre {
   width: 145px; 
} 
/*  (4)「会の紹介」表内の文字表示 */
body.IntroductionTable, th,td {
	FONT-SIZE: 94%;
	LINE-HEIGHT: 1.3;	
}
/*  (5)「会の紹介」表内写真　*/
img.IntroImg {
	float: right;	　/*右端に寄せる */

				/*FireFox3.5.7では何故か画像左側の余白がmarginでつくれないため(IE7では出来る)、paddingを使用*/
	margin-left: 0px;	/*FireFox3.5.7では画像左側のmarginを0にしないと、paddingで指定した値が有効にならない。かつ、paddingの前にmarginを記述する必要あり。*/
	padding-left: 10px;	/*画像左側の余白を指定*/

				/*FireFox3.5.7では何故か画像上側の余白がmarginでつくれないため(IE7では出来る)、paddingを使用*/
	margin-top: 0px;
	padding-top: 10px;
}
/*  (6)「会の紹介」会の行事　表内の表の幅(月の部分) */
td.Month {
   width: 70px; 
} 
/*  (7)「会の紹介」会の行事　表内の表の幅(名前の部分) */
td.Name {
   width: 90px; 
} 

/* =================================================*/
/* 「会員規約」の表のスタイル */
/*  (1)「会員規約」表のデザイン */
table.RuleTable {
/*   border-width: 2px;*/
/*   border-color: #cc6600;*/
/*   border-style: solid;*/
/*   border-collapse: collapse;*/
   margin: 10px 50px 40px 50px; 
}

table.RuleTable td {
   line-height: 1.5;						/*行間*/
}

table.RuleTable colgroup.retsu1 {
	background-color: #ccff99 ;
	width: 3.5em; 
	padding-left: 5px;
}

table.RuleTable colgroup.retsu2 {
	background-color: #ffffef;
	padding-left: 5px;
}

table.RuleTable colgroup.retsu3 {
	background-color: #ffffef;			/*第14条　役員の人数部分の背景色*/
	padding-left: 5px;
}

ul.RuleTableList1 {
	list-style-type: decimal;
   padding: 0px 5px 0px 0px;
}

/*  (2)「会員規約」表のデザイン2（サブの規約） */
table.RuleTable2 {
/*   border-width: 2px;*/
/*   border-color: #cc6600;*/
/*   border-style: solid;*/
/*   border-collapse: collapse;*/
   margin: 10px 50px 40px 50px; 
}

table.RuleTable2 td {
	line-height: 1.5;						/*行間*/
}

table.RuleTable2 colgroup.retsu1 {
	background-color: #ffcc99 ;
	width: 3.5em; 
	padding-left: 5px;
}

table.RuleTable2 colgroup.retsu2 {
	background-color: #ffffef;
	padding-left: 5px;
}

/* =================================================*/
/* 「会員募集」表のスタイル */
/*  (1)「会員募集」表のデザイン */
table.BoshuTable {
   border-width: 2px;
   border-color: #cc6600;
   border-style: solid;
   border-collapse: collapse;
   margin: 10px 50px 40px 50px; 
}
table.BoshuTable td {
   border-width: 1px;
   border-color: #ff9933;
   border-style: solid;
   padding: 5px 5px;
}

/*  (2)「会員募集」表のデザイン(列ごとの色) */
table.BoshuTable colgroup.retsu1 {
	background-color: #ffefdf ;
}
table.BoshuTable colgroup.retsu2 {
	background-color: #ffffef;
}

/*  (3)「会員募集」表内の表の幅(1列目部分) */
td.BoshuTable_1retsu {
   width: 70px; 
} 

/* (4)「会員募集」”会員募集中です”の文字の表示 */
p.boshu {
	font-size: 1.2em;
	color: #ff9900;
	align: center;
	margin-bottom: 0.5em;
}

/* (5)「会員募集」メールアドレスの表示 */
a.mail {
	margin: 10px 50px 100px 100px; 
	font-size: 1.5em;
	color: #e55050;
	background-color: #ffffb3;
   padding: 0.4em 0.4em 0.4em 0.4em;
   border-style: solid;
   border-color: #ffcc99;
   border-width: 3px;
}
/* (6)”会員募集中”の文字と、メールアドレスの下の段落との間隔 */
/*		（なぜか間隔がないので) */
p.After {
	margin-top: 1.5em;
/*	margin-bottom: 0em;*/
}

/* =================================================*/
/* 「リンク」表のスタイル */
/*  (1)「リンク」表のデザイン */
table.LinkTable {
   border-width: 2px;
   border-color: #339933;
   border-style: solid;
   border-collapse: collapse;
   margin: 10px 50px 40px 50px; 
}
table.LinkTable td {
   border-width: 1px;
   border-color: #99cc00;
   border-style: solid;
   padding: 5px 5px;
}
/*  (2)「リンク」表のデザイン(列ごとの色) */
table.LinkTable colgroup.retsu1 {
	background-color: #e8ffd8 ;
}
table.LinkTable colgroup.retsu2 {
	background-color: #ffffff;
}


/* =================================================*/
/* 「会員専用」画像のスタイル */
div.MemberOnlyPortal {
	text-align: center;			/*横方向 中央に配置*/
	margin-bottom: 60px;
}


/* =================================================*/
/* 自己紹介のスタイル */

/* 名前の設定 */
div.plofile_name {
	CLEAR: both; 							/*メニューの回りこみを解除*/
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	MARGIN: 0px 0px 0px -20px; 
}

div.plofile_name UL LI {
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	MARGIN: 6px 30px 20px 0px;  				/*2本めのラインとの間隔、隣のメニューとの間隔、H1タグとの間隔*/
	DISPLAY: block; 
	FLOAT: left; 
	WHITE-SPACE: nowrap; 
	LIST-STYLE-TYPE: disk;
}

/* 「会員募集」のスタイルと共通 */
/* (4)「会員募集」”会員募集中です”の文字の表示 */
p.plofile {
	font-size: 1.2em;
	color: #ff9900;
	align: center;
	margin-bottom: 50px;			/*ここは異なる*/
	font-weight: bold;			/*ここは異なる*/

}


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

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

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

/* 中央に配置 */
div.center {
	text-align:center;
} 

/* リスト01 */
ul.List01 li {
	list-style-image: url("../Img/List/wa-mizu.png");
	padding-left:-0px;
}

/* 段組 */
div.leftcol {
	width: 50%;
	float: left;
}

div.rightcol {
	width: 50%;
	float: right;
}