@charset "UTF-8";
html {
	background-color: #f469f6;
/*
	background: url(images/tomatonavi/back.png) repeat-x #fa97cc;
*/
}
body {
	font-size: 12px;
	_font-size: 75%;
	line-height:140%;
	position:relative;
	margin:0;
	padding:0;
}
#wrapper{
	font-size: 12px;
	_font-size: 75%;
	line-height:140%;
	color: #555555;
	padding: 0px;
	background: url(images/tomatonavi/back_race.png) repeat-y center 0;
	width: 1100px;
	position:relative;
	margin: 0 auto;
	padding: 0 66px;
}
h1{
	width: 820px;
	padding: 0 5px;
	margin: 0 auto;
	text-align:right;
	font-weight:normal;
	z-index:2;
}
#contents{
	width:830px;
	padding:10px;
	margin:0 auto;
}
#enterImage{
	width:850px;
	height:400px;
	overflow:hidden;
	margin:0 auto;
}
.ei1{
	background: url('../img/enter/1.jpg') no-repeat;
}
.ei2{
	background: url('../img/enter/2.jpg') no-repeat;
}
.ei3{
	background: url('../img/enter/3.jpg') no-repeat;
}
.ei4{
	background: url('../img/enter/4.jpg') no-repeat;
}
.ei5{
	background: url('../img/enter/5.jpg') no-repeat;
}
.ei6{
	background: url('../img/enter/6.jpg') no-repeat;
}
.ei7{
	background: url('../img/enter/7.jpg') no-repeat;
}

.d_ei1{
	background: url('images/tomatonavi/enter/1.jpg') no-repeat center 0;
}
.d_ei2{
	background: url('images/tomatonavi/enter/2.jpg') no-repeat center 0;
}
.d_ei3{
	background: url('images/tomatonavi/enter/3.jpg') no-repeat center 0;
}
.d_ei4{
	background: url('images/tomatonavi/enter/4.jpg') no-repeat center 0;
}
.d_ei5{
	background: url('images/tomatonavi/enter/5.jpg') no-repeat center 0;
}
.d_ei6{
	background: url('images/tomatonavi/enter/6.jpg') no-repeat center 0;
}
.d_ei7{
	background: url('images/tomatonavi/enter/7.jpg') no-repeat center 0;
}
#enterImage ul{
	padding:262px 0 0 16px;
	margin:0;
}
#enterImage ul li{
	float:left;
}
#enterImage ul li.enter{
	padding: 0 0 0 5px;
	height:120px;
}
#enterImage ul li.out{
	padding: 76px 0 0 15px;
	height:34px;
}
#enterImage ul li.enter a, #enterImage ul li.out a{
	display:block;
	overflow:hidden;
	text-indent: -9999px;
}
#enterImage ul li.enter a:hover, #enterImage ul li.out a:hover{
	background-position: bottom;
}
#enterImage ul li.enter a{
	background:url('../img/enterBtn.jpg') no-repeat;
	width:226px;
	height:108px;
}
#enterImage ul li.out a{
	background:url('../img/outBtn.jpg') no-repeat;
	width:171px;
	height:32px;
}
#enterImage div{
	text-indent: 0px;
	clear:both;
	padding-left:30px;
}

#enterLogo{
	text-align:center;
}

#enterSetumei {
	width: 811px;
	margin: 0 auto 20px auto;
}
#enterSetumei dt {
	background: url(../img/enterH2.gif) no-repeat;
	margin: 0 0 0 0;
	height: 34px;
	text-indent: -9999px;
}
#enterSetumei dd {
	border: 1px solid #DF3F8A;
	padding: 10px;
	_height: 1px;
	min-height: 1px;
}