/* sm_enter.css */
div#wrap {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 912px;
}

div.box {
	width: 908px;
	height: auto;
	margin-bottom: 10px;
	overflow: hidden;
}

h2 {
	background-repeat: no-repeat;
	background-position: left top;
	height: 57px;
	width: 140px;
	float: left;
	margin-right: 70px;
}

p {
	height: 57px;
	width: 650px;
	float: left;
}

div#bg {
	background-image: url("/img/sm/enter_bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 568px;
	width: 907px;
}

div#image {
	background-image: url("/img/sm/enter_img_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: 249px;
	width: 469px;
	padding-top: 9px;
	padding-left: 9px;
	float: left;
	margin-bottom: 15px;
}

ul.contents1 {
	width: 418px;
	background-image: url("/img/sm/enter_taiken_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 25px;
	margin-left: 2px;
	float: left;
}

li.img {
	height: 95px;
	width: 400px;
	margin-top: 9px;
	margin-left: 9px;
}

li.title {
	height: 113px;
	width: 418px;
	margin-top: -103px;
	overflow: hidden;
}

ul.contents2 {
	width: 418px;
	background-image: url("/img/sm/enter_taiken_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 7px;
	margin-left: 2px;
	float: left;
}

ul#attention {
	height: auto;
	width: 907px;
	text-align: center;
	clear: both;
}

ul#attention li.bold {
	font-weight: bold;
}

#entrance {
	width: 440px;
	height: 50px;
	background-image: url("/img/sm/btn_enter_bg.png");
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 244px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#entrance li {
	width: 170px;
	height: 50px;
	padding: 0;
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#entrance a {
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 170px;
  height: 50px;
  background-image: url("/img/sm/btn_enter.png");
  background-repeat: no-repeat;
}

li#leave a { background-position: 0px 0px; }
li#enter a {
	background-position: -220px 0px;
}

#entrance a:hover {
  text-decoration: none;
  background-image: url("/img/sm/btn_enter.png");
  background-repeat: no-repeat;
}

li#leave a:hover { background-position: 0px -50px; }
li#enter a:hover { background-position: -220px -50px; }

#type {
	width: 896px;
	height: 133px;
	margin-left: 6px;
}

#type li {
	width: 201px;
	height: 133px;
	display: inline;
	float: left;
	margin-left: 20px;
}

#type a {
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 201px;
  height: 133px;
  background-image: url("/img/sm/btn_type.png");
  background-repeat: no-repeat;
}

li#fspot a { background-position: 0px 0px; }
li#jukuspot a { background-position: -224px 0px; }
li#deli a { background-position: -447px 0px; }
li#movie a { background-position: -671px 0px; }

#type a:hover {
  text-decoration: none;
  background-image: url("/img/sm/btn_type.png");
  background-repeat: no-repeat;
}

li#fspot a:hover { background-position: 0px -133px; }
li#jukuspot a:hover { background-position: -224px -133px; }
li#deli a:hover { background-position: -447px -133px; }
li#movie a:hover { background-position: -671px -133px; }

	div#wrap div#footer hr{
		background: #909090;
		width: 860px;
		margin: 1.2em auto;
	}

	div#wrap div#footer h4, div#wrap div#footer p{
		color: #909090;
		line-height: 24px;
		text-align: center;
	}
	div#wrap div#footer ul{
		width: 730px;
		margin: 10px auto;
		text-align: center;
	}

	div#wrap div#footer ul li, div#wrap div#footer ul li a, div#wrap div#footer ul li a:link{
		display: inline;
		text-align: center;
		line-height: 22px;
		vertical-align: middle;
		zoom: 1;
	}


