/* CSS Document */
@charset "utf-8";

/*================================================
 基本設定
================================================*/

img{
	line-height:0;
	vertical-align:bottom;
}

/* --------- font設定  -----------*/
#contents {  
    font-size: 90%;
		line-height:160%;
}  
html>/**/#contents {  
    font-size: 15px;  
		line-height:160%;
}
/*-----------------------------*/


.clr{
  width:100%;
	height:0px;
	font-size:0px;
	line-height:0px;
	clear:both;
}




/*================================================
base layout
================================================*/
/*
html,body{
	height:100%;
}

div#all{
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
}

body > #all{
	height:auto;
}
*/


#container{
  width:100%;
	height:auto;
	background:#000;
}


#contents{
	width:100%;
	height:auto;
  background:#000;
	margin:0 auto;
	padding-bottom:30px;
}

#contHead{
	width:100%;
/* 	height:616px; */
	height:auto;
	background:url('http://image.excite.co.jp/jp/contents/images/777town/mainBg.jpg') top center no-repeat;
}


#mainArea1{
	width:900px;
	height:365px;
	margin:0 auto;
}

#mainArea2{
	width:900px;
	height:251px;
	margin:0 auto;
}

#mainArea2Left{
	width:654px;
	height:251px;
	float:left;
}

#mainArea2Right{
	width:246px;
	height:251px;
	float:right;
}

#mainImg2{
	width:654px;
	height:96px;
}

#mainBtnArea{
  width:654px;
	height:155px;
}

#mainBtnArea div{
  float:left;
}

#headText{
	width:900px;
	height:126px;
	margin:0 auto;
}

#slotArea{
  width:900px;
	height:480px;
	background:url('http://image.excite.co.jp/jp/contents/images/777town/slotAreaBg.jpg') no-repeat;
	position:relative;
	margin:0 auto;
}

#slotAreaLeft{
	width:442px;
	height:430px;
	position:absolute;
	top:25px;
	left:24px;
}

#slotAreaRight{
	width:400px;
	height:400px;
	border:solid 2px #fff;
	position:absolute;
	top:42px;
	left:466px;
}


.contArea{
	width:900px;
	height:auto;
	margin:20px auto 0;
}

.contAreaTit{
	width:900px;
	height:86px;
}

.contAreaBody1{
	width:856px;
	height:290px;
	padding:10px 22px 0 22px;
	background:url('http://image.excite.co.jp/jp/contents/images/777town/cont1Body.jpg') no-repeat;
}


.contAreaBody2{
	width:856px;
	height:290px;
	padding:10px 22px 0 22px;
	background:url('http://image.excite.co.jp/jp/contents/images/777town/cont2Body.jpg') no-repeat;
}

.cabItem1{
  width:205px;
	height:213px;
	margin:0 12px 0 0;
	float:left;
}

.cabItem2{
  width:205px;
	height:213px;
	float:left;
}

.contAreaTit2{
	width:900px;
	height:155px;
}

.contAreaBody3{
	width:880px;
	height:204px;
	margin:0 auto;
}

.cab3Item1{
  width:292px;
	height:204px;
	margin:0 2px 0 0;
	background:url('http://image.excite.co.jp/jp/contents/images/777town/cont3BodyBg.jpg') no-repeat;
	float:left;
	position:relative;
}

.cab3Item2{
  width:292px;
	height:204px;
	float:left;
	background:url('http://image.excite.co.jp/jp/contents/images/777town/cont3BodyBg.jpg') no-repeat;
	position:relative;
}

.cont3Item{
	width:212px;
	height:135px;
	position:absolute;
	top:16px;
	left:41px;
}

.cont3Text{
	width:212px;
	height:23px;
	color:#FFF;
	font-size:120%;
/*	background-color:#0f0;*/
	text-align:center;
	position:absolute;
	bottom:5px;
	left:41px;
}

.cont3Text a,
.cont3Text a:link{
	color:#fff;
	text-decoration:none;
}

.cont3Text a:hover{
	color:#666;
	text-decoration:none;
}

#underBtnArea{
  width:900px;
	height:auto;
	text-align:center;
	padding:30px 0;
	margin:0 auto;
}

.uba1{
  margin:0 0 15px 0;
}

.footMsg1{
	width:900px;
	text-align:center;
	color:#fff;
	margin:0 auto;
}
.copyR{
	width:900px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:30px auto 0 auto;
	
}