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

#index_main {
	width:				770px;
	margin:				0 0 0 25px;
}

#index_left {
	float:				left;
	width:				495px;
	margin:				0 25px 0 0;
	padding-bottom:		30px;
}
#index_right {
	float:				left;
	width:				250px;
	margin:				0 0 0 0;
	padding-bottom:		30px;	
}

#area_btn {
	border:				1px solid #D6D0BC;
	background-color:	#EBE8DD;
	text-align:			center;
	margin-top:			2px;
	padding:			5px 0;
}
ul.btn {
	margin:				0 auto;
	padding:			5px 0;
}
ul.btn a{
	color:;
}
ul.btn li{
	display:			inline;
	padding:			0;
	height:				69px;
	margin:				0;
}

#pickup_area {
	width:				250px;
	background-image:	url(../img/index/bg_pickup_area.gif);
	background-repeat:	repeat-y;
	margin-bottom:		10px;
	color:				#333;
}
.pickup_shop {
	clear:				both;
	margin:				0 1px;
	padding:			5px;
	background-image:	url(../img/index/bg_pickup_h3.gif);
	background-repeat:	no-repeat;
	background-position:0 2px;
}
.pickup_shop h3.ctg{
	font-size:			1.1em;
	line-height:		1.1em;
	font-weight:		bold;
	margin:				10px 0 4px 16px;
}
#topic_area a{
	text-decoration:	underline;
	color:				#258;
}
#pickup_area a {
	text-decoration:	none;
/*	color:				#07a;*/
	color:				#665540;
	font-size:x-small;	
}
#pickup_area a:hover,#topic_area a:hover{
	text-decoration:	underline;
	color:				#b10;
}

.pickup_menu {
	clear:				both;
	margin:				0 1px;
	padding:			5px;
	background-image:	url(../img/index/bg_pickup_h3.gif);
	background-repeat:	no-repeat;
	background-position:0 2px;
}
.pickup_menu .top{
	margin-bottom:		7px;
}
.pickup_menu h3.food{
	font-size:			1.1em;
	line-height:		1.1em;
	font-weight:		bold;
	margin:				10px 0 4px 16px;
}
.pickup_menu .shop{
	margin:				0px;
	text-align:			right;
}

ul.shop_link {
	margin:				3px 0 8px 5px;
	padding:			0;
}
ul.shop_link li{
	display:			inline;
	padding:			0 0 0 0px;
	margin-right:		7px;
	font-size:			0.9em;
	line-height:		1.5em;
}
ul.area2 li span{
	font-size:			0.8em;
}



.pickup_menu .photo{
	float:				right;
}
.pickup_menu p{
	margin:				0 5px 5px 5px;
	font-size:			0.9em;
	line-height:		1.2em;
}

#topic_area{
	margin:				0 0 10px 0;
	padding:			0;
	background-image:	url(../img/index/bg_pickup_area.gif);	
	color:				#444;
}
#topic_area p{
	margin:				0 5px 5px 5px;
}
#topic_area .date {
	font-weight:		bold;
}
#topic_area .article{
	margin:					;
	padding:				0 0 5px 12px;
	background:				url(../img/index/topic_bg_article.gif) no-repeat 0 5px;
	border-bottom:			1px solid #e5e4e0;
}


#index_right .banner {
	margin-bottom:		5px;
}


#map_area {
	width:				495px;
	margin-left:		0px;
}
.area_list {
	float:				left;
	width:				240px;
	margin:				0px;
}
.area_list .pref{
	color:				#fff;
	font-size:			1.1em;
	font-weight:		bold;
	line-height:		1.5em;
	padding:			1px 5px 0 10px;
}
.area_list .pref a{
	color:				#fff;
}
.area_list .area1{
	line-height:		1.5em;
	padding:			1px 5px 0 20px;
	background-image:	url(../img/index/arrow_area1.gif);
	background-repeat:	no-repeat;
	background-position:5px center;
	background-color:	#e0ddd8;
/*	background-color:	#258;*/
}
.area_list .area1 a{
/*	color:				#07a;*/
	color:				#665540;
	text-decoration:	none;
}
.area_list .area1 a:hover{
	color:				#b10;
	text-decoration:	underline;
}
ul.area2 {
	margin:				3px 0 8px 0px;
	padding:			0;
}
ul.area2 a{
/*	color:				#07a;
	color:				#665540;*/
	color:				#258;
	text-decoration:	none;
}
ul.area2 a:hover{
	text-decoration:	underline;
}
ul.area2 a:hover{
	color:				#b10;
}
ul.area2 li{
	display:			inline;
	background:			url(../img/index/arrow_area2.gif) no-repeat 0 center;
	padding:			0 1px 0 8px;
	font-size:			0.9em;
	line-height:		1.5em;
}
ul.area2 li span{
	font-size:			0.9em;
}
.sp_btn a{
	display:			block;
	width:				214px;
	height:				30px;
	background:			url(../img/index/bg_btn_special_ramen.gif) no-repeat 0 0px;
	text-indent:		30px;
	font-size:			15px;
	line-height:		1.8em;
	color:				#258;
	text-decoration:none;
}
.sp_btn a:hover{
	background-position:0 bottom;
	color:				#e10;	
}