/* CSS Document

LastUpDate
	
2006.03.23

---------------------------------------- */

/* 記述形式


１．プロパティは、同系統の場合1行で記述可能とする。

２．プロパティが2つ以内の場合は、1行で記述可能とする。

３．子要素は、右にTabして記述可能とする。

４．id要素名は、基本的に半角小文字のみの記述とする。

５．class要素名は、基本的に半角小文字の記述とするが、単語の頭部分においてのみは半角大文字の記述可能とする。

６．id要素名とclass要素名に同じ要素名をつけることは禁止とする。

７．子id要素名は、可能な限り親id要素名に近しい名前をつけることを推奨する。

８．記述の優先順位
	(1)display, float, position
	(2)margin, padding
	(3)width, height
	(4)text-●●●●系
	(5)background系
	(6)font系
	(7)その他


-------------------------------------------------------------------------------------- */
@import "../common/css/common.css";


.gray{ color: #666; }

b{
	display: block;
	padding: 0 0 12px 0;
	font-weight: normal;
}


#shop{
	margin: 0 auto; padding: 0 0 47px 0;
	width: 800px; height: auto;
	background-color: #ffffef;
	line-height: 20px;
}

/* タイトル部分 */
h2#shopTitle{
	padding: 16px 0 0 0;
	height: 74px;
}

/* サブタイトル部分 */
h3{
	margin: 0 0 0 39px;
	width: 720px; height: 24px;
	text-indent: -9999px;
}

a#naviShopOver{
	display: block;
	margin-left: 4px;
	width: 105px; height: 40px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../share/navi.jpg) -223px -40px no-repeat;
}




/* SHOP indexページ
------------------------------------------------------------------------------------------ */
dl#shopList{
	padding: 0 0 0 40px;
	height: 310px;
	}
	

	/* ショップリストタイトル部分の指定 */
	dl#shopList dt{
		width: 340px; height: 22px;
		text-indent: -9999px;
		}
		dt#shopListAmusementTitle, 
		dt#shopListGourmetTitle, 
		dt#shopListServiceTitle,
		dt#shopListOnsenListTitle{
			position: relative;
		}
		dt#shopListCinemaTitle{
			background: url(img/shopListCinema.gif) left top no-repeat;
		}
		dt#shopListAmusementTitle{
			top: -50px; left: 380px;
			background: url(img/shopListAmusement.gif) left top no-repeat;
		}
		dt#shopListGourmetTitle{
			top: -80px;
			background: url(img/shopListGourmet.gif) left top no-repeat;
		}
		dt#shopListServiceTitle{
			top: -239px; left: 380px;
			background: url(img/shopListService.gif) left top no-repeat;
		}
		dt#shopListOnsenListTitle{
			top: -207px; left: 380px;
			background: url(img/shoplist_onsen.gif) left top no-repeat;
		}
			/* IE用 */
			* html dt#shopListCinemaTitle, 
			* html dt#shopListAmusementTitle, 
			* html dt#shopListGourmetTitle, 
			* html dt#shopListServiceTitle,
			* html dt#shopListOnsenListTitle{
				position: absolute;
			}
			* html dt#shopListCinemaTitle{
			}
			* html dt#shopListAmusementTitle{
				top: auto; left: auto;
				margin: 0 0 0 380px;
			}
			* html dt#shopListGourmetTitle{
				top: auto;
				margin: 80px 0 0 0;
			}
			* html dt#shopListServiceTitle{
				top: auto; left: auto;
				margin: 136px 0 0 380px;
			}
			* html dt#shopListOnsenListTitle{
				top: auto; left: auto;
				margin: 249px 0 0 380px;
			}
			/* IE用 */
	

	/* ショップリストリストBOX部分の指定 */
	dl#shopList dd{
		width: 340px; height: auto;
		}
		dd#shopListAmusementList, 
		dd#shopListGourmetList, 
		dd#shopListServiceList,
		dd#shopListOnsenList{
			position: relative;
		}
		dd#shopListCinemaList{
		}
		dd#shopListAmusementList{
			top: -50px; left: 380px;
		}
		dd#shopListGourmetList{
			top: -80px;
		}
		dd#shopListServiceList{
			top: -239px; left: 380px;
		}
		dd#shopListOnsenList{
			top: -207px; left: 380px;
		}
			/* IE用 */
			* html dd#shopListCinemaList, 
			* html dd#shopListAmusementList, 
			* html dd#shopListGourmetList, 
			* html dd#shopListServiceList,
			* html dd#shopListOnsenList{
				position: absolute;
			}
			* html dd#shopListCinemaList{
				margin: 22px 0 0 0;
			}
			* html dd#shopListAmusementList{
				top: auto; left: auto;
				margin: 22px 0 0 380px;
			}
			* html dd#shopListGourmetList{
				top: auto;
				margin: 102px 0 0 0;
			}
			* html dd#shopListServiceList{
				top: auto; left: auto;
				margin: 158px 0 0 380px;
			}
			* html dd#shopListOnsenList{
				top: auto; left: auto;
				margin: 271px 0 0 380px;			
			}
			/* IE用 */
	
	
	/* ショップリストのリスト部分指定 */
	ul#shopListCinema{
		}
		ul#shopListCinema li, ul#shopListAmusement li, ul#shopListGourmet li, ul#shopListService li, ul#shopListOnsen li{
			list-style: none;
			margin: 2px 0 0 0; padding: 4px 0 0 0;
			width: 340px; height: 22px;
			text-indent: 30px;
		}
		ul#shopListCinema li{ background: url(img/shopListCinemaBg.gif) left top no-repeat; }
		ul#shopListAmusement li{ background: url(img/shopListAmusementBg.gif) left top no-repeat; }
		ul#shopListGourmet li{ background: url(img/shopListGourmetBg.gif) left top no-repeat; }
		ul#shopListGourmet li#yushoku{ background: none;}
		ul#shopListService li{ background: url(img/shopListServiceBg.gif) left top no-repeat; }
		ul#shopListOnsen li{ background: url(img/shoplist_onsen_title.gif) left top no-repeat; }






/* シネマ
------------------------------------------------------------------------------------------ */
h3#shopCinemaTitle{
	background: url(img/shopCinemaTitle.gif) left top no-repeat;
}

table#shopCinemaTable{
	margin: 1px 0 0 39px;
	}
	
	table#shopCinemaTable th{
		padding: 0 0 0 12px;
		width: 708px; height: 36px;
		text-align: left;
		background: url(img/shopCinemaTableTitleBg.gif) left top no-repeat;
		font-size: 16px;
		font-weight: normal;
	}* html table#shopCinemaTable th{
		height: 36px;
	}
	
	table#shopCinemaTable td{
		width: 360px;
	}
	
	td#shopCinemaImg{
		}
		td#shopCinemaImg img{
			margin: 20px 0 0 0;
		}
	
	 td#shopCinemaText{
	 	}	
		td#shopCinemaText dl{
			padding: 5px 0 4px 0;
			width: 360px;
			line-height: 22px;
			}
			td#shopCinemaText dl dt{
				padding: 15px 0 0 0;
			}
			td#shopCinemaText dl dd{
				padding: 0 0 5px 12px;
				border-bottom: 1px solid #cceeff;
			}
table.ShopCinemaTextList td{
	}
	
	td.SCTLTitle{
		padding: 10px 20px 10px 0;
		width: 220px !important;
		border-top: 1px solid #eee;
	}* html td.SCTLTitle{
		width: 240px !important;
	}
	td.SCTLText{
		padding: 10px 0 10px 0;
		width: 80px !important;
		border-top: 1px solid #eee;
	}
	
ul.ShopCinemaTextListDisc{
	list-style: disc;
	list-style-position: inside;
}
ul.ShopCinemaTextListNone{
	list-style: none;
}






/* グルメ
------------------------------------------------------------------------------------------ */
h3#shopGourmetTitle{
	background: url(img/shopGourmetTitle.gif) left top no-repeat;
}

table#shopGourmetTable{
	margin: 1px 0 0 39px;
	}
	
	table#shopGourmetTable th{
		padding: 0 0 0 12px;
		width: 708px; height: 36px;
		text-align: left;
		background: url(img/shopGourmetTableTitleBg.gif) left top no-repeat;
		font-size: 16px;
		font-weight: normal;
	}* html table#shopGourmetTable th{
		height: 36px;
	}
	
	table#shopGourmetTable td{
		width: 360px;
	}
	
	td#shopGourmetImg{
		}
		td#shopGourmetImg img{
			margin: 20px 0 0 0;
		}
	
	td#shopGourmetText{
		padding: 3px 0 0 0;
		font: 12px/22px "ＭＳ ゴシック", "Osaka−等幅";
		}
		td#shopGourmetText p{
			padding: 15px 10px 15px 0;
			width: 350px;
			line-height: 22px;
			border-bottom: 1px solid #ffcc77;
		}
		td#shopGourmetText dl{
			padding: 15px 0;
			width: 360px;
			border-bottom: 1px solid #ffcc77;
		}
		td#shopGourmetText dl dd{
			padding: 0 0 0 12px;
		}






/* アミューズメント
------------------------------------------------------------------------------------------ */
h3#shopAmusementTitle{
	background: url(img/shopAmusementTitle.gif) left top no-repeat;
}

table#shopAmusementTable{
	margin: 1px 0 0 39px;
	}
	
	table#shopAmusementTable th{
		padding: 0 0 0 12px;
		width: 708px; height: 36px;
		text-align: left;
		background: url(img/shopAmusementTableTitleBg.gif) left top no-repeat;
		font-size: 16px;
		font-weight: normal;
	}* html table#shopAmusementTable th{
		height: 36px;
	}
	
	table#shopAmusementTable td{
		width: 360px;
	}
	
	td#shopAmusementImg{
		}
		td#shopAmusementImg img{
			margin: 20px 0 0 0;
		}
	
	td#shopAmusementText{
		padding: 3px 0 0 0;
		font: 12px/22px "ＭＳ ゴシック", "Osaka−等幅";
		}

		td#shopAmusementText p{
			padding: 15px 10px 15px 0;
			width: 350px;
			line-height: 22px;
			border-bottom: 1px solid #57cd57;
		}

		td#shopAmusementText dl{
			padding: 15px 0;
			width: 360px;
			border-bottom: 1px solid #57cd57;
			}
			td#shopAmusementText dl dd{
				padding: 0 0 0 12px;
			}
		
		td#shopAmusementText ul{
			padding: 15px 10px 15px 15px;
			line-height: 22px;
			border-bottom: 1px solid #57cd57;
		}* html td#shopAmusementText ul{
			padding-left: 19px;
			}
			td#shopAmusementText ul li{
				list-style: disc;
			}






/* サービス
------------------------------------------------------------------------------------------ */
h3#shopServiceTitle{
	background: url(img/shopServiceTitle.gif) left top no-repeat;
}

table#shopServiceTable{
	margin: 1px 0 0 39px;
	}
	
	table#shopServiceTable th{
		padding: 0 0 0 12px;
		width: 708px; height: 36px;
		text-align: left;
		background: url(img/shopServiceTableTitleBg.gif) left top no-repeat;
		font-size: 16px;
		font-weight: normal;
	}* html table#shopServiceTable th{
		height: 36px;
	}
	
	table#shopServiceTable td{
		width: 360px;
	}
	
	td#shopServiceImg{
		}
		td#shopServiceImg img{
			margin: 20px 0 0 0;
		}
	
	td#shopServiceText{
		padding: 3px 0 0 0;
		font: 12px/22px "ＭＳ ゴシック", "Osaka−等幅";
		}
		td#shopServiceText p{
			padding: 15px 10px 15px 0;
			width: 346px;
			line-height: 22px;
			border-bottom: 1px solid #e284ba;
		}
		td#shopServiceText dl{
			padding: 15px 0;
			width: 356px;
			border-bottom: 1px solid #e284ba;
		}
		td#shopServiceText dl dd{
			padding: 0 0 0 12px;
		}

/* 温泉
------------------------------------------------------------------------------------------ */
h3#shopOnsenTitle{
	background: url(img/shopOnsenTitle.gif) left top no-repeat;
}

table#shopOnsenTable{
	margin: 1px 0 0 39px;
	}
	
	table#shopOnsenTable th{
		padding: 0 0 0 12px;
		width: 708px; height: 36px;
		text-align: left;
		background: url(img/shopOnsenTableTitleBg.gif) left top no-repeat;
		font-size: 16px;
		font-weight: normal;
	}* html table#shopOnsenTable th{
		height: 36px;
	}
	
	table#shopOnsenTable td{
		width: 360px;
	}
	
	td#shopOnsenImg{
		}
		td#shopOnsenImg img{
			margin: 20px 0 0 0;
		}
	
	td#shopOnsenText{
		padding: 3px 0 0 0;
		font: 12px/22px "ＭＳ ゴシック", "Osaka−等幅";
		}
		td#shopOnsenText p{
			padding: 15px 10px 15px 0;
			width: 346px;
			line-height: 22px;
			border-bottom: 1px solid #a7502c;
		}
		td#shopOnsenText dl{
			padding: 15px 0;
			width: 356px;
			margin-bottom: 80px;
			border-bottom: 1px solid #a7502c;
		}
		td#shopOnsenText dl dd{
			padding: 0 0 0 12px;
		}



/* 遊食スタジアム
------------------------------------------------------------------------------------------ */

ul.yuusyoku-list{
	list-style:none;
	border-bottom: 1px solid #ffcc77;
	padding:18px 0 25px 0;
	} 
ul.yuusyoku-list img{
	vertical-align:middle;
	padding-left:5px;
	}
ul.yuusyoku-list li{
	line-height:inherit;
}
* html ul.yuusyoku-list li{
	margin-bottom:10px;
}