/* メインエリア */
#main {
	background:url("../img/main_bg.png") repeat-y;
}

#main #leftarea,
#main #centerarea,
#main #rightarea {
	float:left;
}

/* 左エリア */
#main #leftarea {
	width:240px;
	padding:10px;
	background-color:#FCD891;
}



#main #leftarea #whatsnew { 
	border:solid 1px #C58A52;
	margin-bottom:10px;
	background-color:#FFFFFF;
	font-size:90%;
}

#main #leftarea #whatsnew dl { 
	padding:10px;
}
#main #leftarea #whatsnew dl dd { 
	margin-bottom:5px;
}

#main #leftarea #whatsnew h2 {
	font-weight:bold;
	background-color:#015198;
	padding:5px;
	color:#FFFFFF;
}

#main #leftarea #leftmenu dl dt  { 
	font-weight:bold;
	border:solid 1px #C58A52;
	background-color:#C58A52;
	color:#FFFFFF;
	border-left:solid 1px #C58A52;
	border-right:solid 1px #C58A52;
	padding:5px;
}

#main #leftarea #leftmenu dl dd  { 
	font-size:90%;
	border-left:solid 1px #C58A52;
	border-right:solid 1px #C58A52;
	border-bottom:solid 1px #C58A52;
	padding:5px;
	background-color:#FFFFFF;
}

#main #leftarea #leftmenu dl dd ul li {
	background:url("../img/arrow_navy.png") no-repeat;
	padding-left:15px;
	margin-bottom:3px;
	line-height:1.3em;
}


/* 中央エリア */
#main #centerarea {
	width:500px;
	padding:10px;
}

#main #centerarea .section {
	margin-bottom:10px;
	line-height:1.5em;
}

#main #centerarea .section .description {
	margin:10px;
}

#main #centerarea #feature .section {
	border:solid 1px #CCCCCC;
	
}

#main #centerarea #feature #gourmet h2 {
	background:url("../img/h2_gourmet.png") no-repeat;
	width:498px;
	height:48px;
	text-indent:-9999px;
	
}

#main #centerarea #feature #life h2 {
	background:url("../img/h2_map.png") no-repeat;
	width:498px;
	height:48px;
	text-indent:-9999px;
}

#main #centerarea #about {
	border-top:dotted 1px #999999;
	padding-top:10px;
}

#main #centerarea #about h2 {
	border-left:solid 5px #015198;
	padding-left:5px;
	font-size:110%;
	padding-top:5px;
	padding-bottom:3px;
	margin-bottom:10px;
	font-weight:bold;
}


#main #centerarea a.link_banner {
	text-indent:-9999px;
	width:180px;
	height:60px;
	display:block;
}

#main #centerarea #gourmet .description{
	margin-left:30px;
}


#main #centerarea #life .description{
	margin-left:30px;
}



#main #centerarea a#link_gourmet {
	float:left;
	background:url("../img/gourmet_off.gif") no-repeat;
	margin-right:20px;
}

#main #centerarea a#link_gourmet:hover {
	background:url("../img/gourmet_on.gif") no-repeat;
}

#main #centerarea a#link_life_hospital {
	background:url("../img/hospital_off.gif") no-repeat;
}

#main #centerarea a#link_life_hospital:hover {
	background:url("../img/hospital_on.gif") no-repeat;
}

#main #centerarea a#link_life_ramen {
	background:url("../img/ramen_off.gif") no-repeat;
}

#main #centerarea a#link_life_ramen:hover {
	background:url("../img/ramen_on.gif") no-repeat;
}


#main #centerarea a#link_life_utopia {
	background:url("../img/utopia_off.gif") no-repeat;
}

#main #centerarea a#link_life_utopia:hover {
	background:url("../img/utopia_on.gif") no-repeat;
}

#main #centerarea a#link_life_shopping {
	background:url("../img/shopping_off.gif") no-repeat;
}

#main #centerarea a#link_life_shopping:hover {
	background:url("../img/shopping_on.gif") no-repeat;
}



#main #centerarea #life ul li {
	float:left;
	margin-right:40px;
}

/* 右エリア */
#main #rightarea {
	width:180px;
	background-color:#FCD891;
	padding:10px;
}

#main #rightarea #gnavi_quick h2 {
	margin-bottom:10px;
}

#main #rightarea #gnavi_quick dl dd {
	margin-left:10px;
	font-size:90%;
	margin-bottom:10px;
}

#main #rightarea dl#gnavi_quick_place dd select {
	width:170px;
}

#main #rightarea dl#gnavi_quick_genre dd {
	border:solid 1px #C58A52;
	background-color:#FFFFFF;
	padding:10px;
}

#main #rightarea dl#gnavi_quick_genre dd ul li {
	background:url("../img/sub.png") no-repeat;
	padding-left:15px;
}

#main #rightarea #gnavi_quick h2 {
	background:url("../img/quicknavi_no.png") no-repeat;
	width:131px;
	height:46px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}


#main #rightarea .weather {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #999999;
}

#main #rightarea .weather dl {
	background-color:#C58A50;
	text-align:center;
	width:170px;
	padding:5px;
	font-size:90%;
}

#main #rightarea .weather dl dt {
	color:#FFFFFF;
}

#main #rightarea .weather dl dd {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFE8;
}




