/*  全州ガイド用CSS*/

/* メイン画面・リスト画面共通CSS */

	body{
		background-color:#FFFFEE;
		color:#000;
		text-align:center;
		line-height:140%;
		font-size:12px;
	}
	
	
	a{text-decoration: none;}/* 文字修飾なし*/
	
	
	#Base, #ListBase{
		float:left;
		width:600px;
		background-color:#fff;
		border:2px #0E325A solid;/* 囲み枠の太と色と形*/
		margin:20px 0 0 0;
		background-image:url(title.jpg);/* タイトル画像（4月10日）*/
		background-repeat: no-repeat;
		
	}
	
	
	#ListBase{
		float:none;
		margin:auto;
	}



	#HeaderBlock{
		text-align:center;
		border:0px #000 solid;
		margin-top: 0px;  /* 上の余白 */
  		margin-bottom: 0px;  /* 下の余白 */
	}
	
	h1{
		font:30px bold;
		color:#A99054;/*大きなタイトル文字*/
		margin-top: 70px;            /* 上の空白 */
	}
	
	#MainSearch{
	}

/* メイン画面用CSS */


/* リストタイトルを左へ*/
.SideListBlockOuter{
text-align:left;
margin:20px 0 0 620px;/* 元は20px 0 0 640px*/
/* float: left; */
width:auto;
border:2px #0E325A solid;
background-color:#fff;
}






.SideListBlock{
text-align:left;
margin:20px;/* 元は20 */
padding-left:1em;
}



/*リストタイトルの*/
.SideListTitle{
list-style-type:none;  /* リストマークは自前の画像を使うので無し */
padding-left:5px;
margin:0 0 1em 0;
line-height:1;
}


.SideListLink{
display : block;  /* paddingを使いたいので、ブロック要素にする */
padding-left: 12px;  /* 背景画像の幅分、左paddingを確保*/
background-image : url(circle.gif);  /* 背景画像として、茶色の■を入れる*/
background-repeat:no-repeat;  /* 背景画像の繰り返しは無し。これにより、背景画像は左上に1個だけ表示になる*/
text-decoration: none;
font-style:bold;
color:#6E1E00;
}


.SideListLink:visited{
background-image : url(check.gif);  /* 背景画像として、グレーの■を入れる*/
}

 .SideListLink:hover {color :#f00;}  /* マウスが重なった時だけ、背景色を赤に*/

/* メインブロックを右に並べる*/
.MainBlock{
border:1px #fff solid;
width:100%;
margin:0 0 0 0;
text-align:left;
}



#footer{
width:100%;
clear:both;
text-align:center;
}







	/* 大文字の店名 */
	#MainTitle{
		margin:10px auto;
		margin-top: 50px;  /* 上の余白 */
		font-size:16px;
		font-style:bold;
		color:#6E1E00;
		text-align:center;
	}
	
	/* グリーン文字のリード */
	#MainLead{
		margin:1px auto;
		border:5px #fff solid;
		font-style:bold;
		color:#0E325A;
		text-align:center;
		}


	/* メイン画面で、CGIが吐いているclass */
	
		/* 本文ブロック１〜５ */
			.MainBodyBlock{
				/* border:10px #fff solid;（2月13日にコメント化）*/
				/* margin-right: 15px;  右の余白 （2月13日にコメント化）*/
				 margin: 20px 30px;  /* 天地20px 左右30pxの余白 （2月13日） */
				 text-align:left;
			}
			
			.MainBodyBlockTail{
				clear:both;
				}

			.MainBodyBlockImageArea{
				/* width:350px; 	最初に設定した幅（2月13日にコメント化）*/
				width:320px;		/* 2月13日に設定変更した幅*/
				float:left;
				/*margin-left: 20px;   左の余白 （2月13日にコメント化）*/
				margin-right: 20px;   /* 右の余白 （2月13日追加） */
				margin-bottom: 20px;  /* 下の余白 */
			}
			
			.MainBodyBlockCommentArea{
			/* margin-right:30px;  コメント右の余白（2月13日にコメント化） */
			text-align:left;
				font-size:10px;
				color:#6E1E00;
				line-height:1.4em;
			}
			
			
			
		
		/* 店舗情報テーブル */
			#MainInfoTable{
			margin-top: 10px;  /* 上の空白 */
			margin-left: 30px;  /* 左の余白 */
 			margin-right: 30px;  /* 右の余白 */
			}
			
			.MainInfoTableRow{
			
			}
		
			.MainInfoTableName{
				background-color:#8396AA;/* 店舗情報のセル*/
				font:12px bold;
				color:#FFFFFF;/*店舗情報文字*/
				text-align:center;
				margin-top: 10px;  /* 上の空白 */
			}
			
			.MainInfoTableValue{
				border-bottom:2px #aaa dotted;/*ライン*/

			}
				
				#BackLink{
				text-align:center;/*INDEXの文字位置（2月14日追加）*/
				font-size:20px;
				font-style:bold;
				margin: 20px 0 20px 0;  /* 下の空白 */
				text-decoration: none;
				text-color:#A99054;/*INDEX文字色*/	
			}
			
			
/* INDEX画面用CSS */

	/* INDEX画面で、CGIが吐いているclass */
		#ListMessageStr{
			text-align:center;

		}
		
		.ListShopBlock{
			border:2px #999 solid;
			margin-top: 10px;  /* 上の余白 */
			margin-bottom: 10px;  /* 下の余白 */
			margin-left: 60px;  /* 左の余白 */
 			margin-right: 60px;  /* 右の余白 */
		}
		
		.ListShopTitle{
			background-color:#999;
			/* color:#fff; 		（2月13日にコメント化）*/
			padding-left:15px;	/* タイトルを15px下げる（2月13日に追加） */
			font-style:bold;		/* タイトルを太字にする（2月13日に追加） */
			text-align:left;
		}
		
				/* タイトル名の文字色と太さの設定（2月13日に追加） */
				 .ListShopTitle a:link{
					color:#fff;		/* 文字色にはリンク色が使われるため */
				}
				 .ListShopTitle a:visited{
					color:#fdd;		/* 文字色には訪問リンク色が使われるため */
				}
		
		
		
		.ListShopDescription{
			margin:10px;
			text-align:left;
		}
		
		.List_shop_thumnail{
			float:left;
			margin-right:5px;	/*サムネール画像右の余白（2月13日にコメント化） */
			margin-right:10px;	/* （2月13日に設定変更） */
			margin-bottom:10px;	/*サムネール画像下の余白（4月8日にコメント化） */
			 border-width:0px;
			}
		
			ListShopBlock:after{
			  display:block;/* INDEXの灰色部分 */
			  clear:both;
			}