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

@import url(common.css);



#products_example {
	width:900px;
	height:350px;
	position:relative;
	margin:0 0 40px;
}

/*
	Slideshow
*/

#products {
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#products .slides_container {
	width:725px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:725px;
	height:350px;
	display:block;
}

/*
	Next/prev buttons
*/

#products .prev,
#products .next {
	display:none;
}

/*
	Pagination
*/

#products .pagination {
	width:175px;
	float:right;
}

#products .pagination li {
	display:block;
	line-height:0;
	float:left;
}

#products .pagination li a {
	display:block;
	width:175px;
	height:117px;
}

#products .pagination li a.n01 {
	background:url(../_img/index/main_01_thumb_off.jpg) no-repeat;
}
#products .pagination li.current a.n01 {
	background:url(../_img/index/main_01_thumb_on.jpg) no-repeat;
}
#products .pagination li a.n02 {
	height:116px;
	background:url(../_img/index/main_02_thumb_off.jpg) no-repeat;
}
#products .pagination li.current a.n02 {
	background:url(../_img/index/main_02_thumb_on.jpg) no-repeat;
}
#products .pagination li a.n03 {
	background:url(../_img/index/main_03_thumb_off.jpg) no-repeat;
}
#products .pagination li.current a.n03 {
	background:url(../_img/index/main_03_thumb_on.jpg) no-repeat;
}




#contentBody {
	background:url(../_img/index/border.gif) repeat-y;
	margin-bottom:45px;
}

	#contentBody .RightArea {
		width:220px;
		float:right;
	}
		#contentBody .RightArea p {
			margin:0;
			line-height:0;
		}
		#contentBody .RightArea .text01 {
			background:url(../_img/index/takeout_text.jpg) no-repeat;
			height:24px;
			position:relative;
		}
			#contentBody .RightArea .text01 a {
				position:absolute;
				top:5px;
				left:23px;
				font-size:10px;
				line-height:10px;
			}
		#contentBody .RightArea .text02 {
			background:url(../_img/index/takeout_bottom.jpg) no-repeat;
			height:79px;
			position:relative;
		}
			#contentBody .RightArea .text02 a {
				top:48px;
				left:134px;
				position:absolute;
				font-size:10px;
				line-height:10px;
			}
	
	#contentBody .LeftArea {
		width:640px;
		float:left;
	}
		#contentBody .LeftArea .left {
			width:300px;
			float:left;
		}
		#contentBody .LeftArea .right {
			width:300px;
			float:right;
		}
		
		#contentBody .LeftArea h3 {
			margin-bottom:15px;
		}
		#contentBody .LeftArea .img {
			margin-bottom:20px;
		}
		#contentBody .LeftArea p {
			font-size:12px;
			margin-bottom:1em;
		}



#middleContent {
	margin-bottom:50px;
	background:url(../_img/index/border_bottom.gif) repeat-y;
}
	#middleContent .news {
		float:left;
		width:300px;
		position:relative;
	}
		#middleContent .news h3 {
			margin-bottom:20px;
		}
		#middleContent .news .more {
			position:absolute;
			top:9px;
			left:88px;
			font-size:10px;
			line-height:10px;
		}
			#middleContent .news .more a{
				line-height:10px;
			}
		#middleContent .news .textBox {
			width:300px;
			height:100px;
			overflow:none;
		}
			#middleContent .news .textBox h3 {
				display:none;
			}
			#middleContent .news .textBox dt {
				font-size:12px;
				float:left;
				width:88px;
				display:block;
			}
			#middleContent .news .textBox dd {
				font-size:12px;
				display:block;
				float:left;
				width:212px;
				float:left;
				margin-bottom:3px;
			}
	#middleContent .shops {
		width:560px;
		float:right;
		position:relative;
	}
		#middleContent .shops h3 {
			margin-bottom:20px;
		}
		#middleContent .shops .more {
			position:absolute;
			top:9px;
			left:88px;
			font-size:10px;
			line-height:10px;
		}
			#middleContent .shops .more a{
				line-height:10px;
			}
		#middleContent .shops .img {
			float:left;
			width:180px;
		}
		#middleContent .shops .textArea {
			width:364px;
			float:right;
			font-size:12px;
		}