@charset "utf-8";

/* **********************************

	mylordnavi-style.css
	
	/mylord_navi/09winter/
	
************************************* */


/* all
---------------------------------------------- */

#mylord_navi{
	width: 900px;
	background-color:#3f1300;
	margin-top: 10px;
	font-size: 0.75em;
	line-height: 1.5em;
	padding-bottom: 20px;
	}
#mylord_navi a{
	outline: none;
	}

	
/* top
--------------------------------------------- */

/* title */
h2.title-top{
	width: 900px; height: 126px;
	background:url(/mylord_navi/09winter/img/top/title.jpg) left top no-repeat;
	text-indent: -9999px;
	}
p.lead-top{
	width: 900px; height: 129px;
	background:url(/mylord_navi/09winter/img/top/lead.jpg) left top no-repeat;
	text-indent:-9999px;
	}
p.prof{
	width: 900px; height: 158px;
	background: url(/mylord_navi/09winter/img/top/prof.jpg) left top no-repeat;
	text-indent:-9999px;
	}

/* navigation */
#top-nav{
	width: 868px;
	margin: 0 12px 0 20px;
	}
	#top-nav li{
		width: 209px;
		float: left;
		margin: 8px 8px 0 0;
		}
	#top-nav li a{
		display: block;
		width: 209px; height: 100px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		#top-nav li.s01 a{ background-image: url(/mylord_navi/09winter/img/top/btn01.jpg); }
		#top-nav li.s02 a{ background-image: url(/mylord_navi/09winter/img/top/btn02.jpg); }
		#top-nav li.s03 a{ background-image: url(/mylord_navi/09winter/img/top/btn03.jpg); }
		#top-nav li.s04 a{ background-image: url(/mylord_navi/09winter/img/top/btn04.jpg); }
		#top-nav li.s05 a{ background-image: url(/mylord_navi/09winter/img/top/btn05.jpg); }
		#top-nav li.s06 a{ background-image: url(/mylord_navi/09winter/img/top/btn06.jpg); }
		#top-nav li.s07 a{ background-image: url(/mylord_navi/09winter/img/top/btn07.jpg); }
		#top-nav li.s08 a{ background-image: url(/mylord_navi/09winter/img/top/btn08.jpg); }
		#top-nav li.s09 a{ background-image: url(/mylord_navi/09winter/img/top/btn09.jpg); }
		#top-nav li.s10 a{ background-image: url(/mylord_navi/09winter/img/top/btn10.jpg); }
		#top-nav li.s11 a{ background-image: url(/mylord_navi/09winter/img/top/btn11.jpg); }
		
		#top-nav li a:hover{ background-position: left bottom; }
		
/* editing */
#title-editing{
	width: 900px;
	border: solid 1px #FFF;
	border-width: 1px 0 1px 0;
	margin-top: 25px;
	}
	#title-editing p{
		color: #FFF;
		width: 330px !important;
		width: 280px;
		padding: 37px 0 0px 30px;
		float: left;
		}
	#title-editing h3{
		width: 508px;
		height: 79px;
		background:url(/mylord_navi/09winter/img/top/cap-editing2.gif) 0 1px no-repeat;
		text-indent:-9999px;
		margin: 25px 20px 0 0 ;
		float: right;
		}
		
		#title-editing h3 a{
		width:508px; 
		height:79px;
		display:block;
		}
/* fair */
#fair{ 
	width: 867px !important;
	width: 900px;
	margin-top: 20px;
	padding: 0 20px 0 13px;
	}
#fair #mylonav{
	width: 272px;
	height: 233px;
	background: url(/mylord_navi/09winter/img/top/bg-mylonavi.gif) left top no-repeat;
	float: left
	}
	#fair #mylonav a{
		display: block;
		width: 147px;
		height: 194px;
		background: url(/mylord_navi/09winter/img/top/btn-mylonavi.jpg) left top no-repeat;
		text-indent:-9999px;
		}
	#fair #mylonav a:hover{	background-position: left bottom; }
#fair #fair-tx{
	width: 581px;
	height: 230px;
	background: url(/mylord_navi/09winter/img/top/fair.gif) left top no-repeat;
	float: right;
	margin-top: 3px;
	position: relative;
	}
	#fair #fair-tx p{
		text-indent:-9999px;
		}
	#fair #fair-tx a{
		display: block;
		width: 194px; height: 164px;
		background: #FFF url(/mylord_navi/09winter/img/top/btn-ticket.gif) left top no-repeat;
		text-indent:-9999px;
		position:absolute;
		top: 57px;
		left: 378px;
		}
		#fair #fair-tx a:hover{ opacity: 0.8;
								filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
								}
	
/* shop
--------------------------------------------- */

/* navigation */
#shop-nav{ width: 900px; }
	#shop-nav h2{
		width: 315px; height: 80px;
		background: url(/mylord_navi/09winter/img/shop/title-shoppage.jpg) left top no-repeat;
		text-indent:-9999px;
		float: left;
		}
	#shop-nav ul{
		width: 585px; height: 67px !important; height: 80px;
		background: url(/mylord_navi/09winter/img/shop/bg-header.jpg) left top no-repeat;
		float: right;
		padding-top: 13px;
		}
	#shop-nav ul li{
		width: 45px; height: 65px;
		float: left; margin-right: 7px;
		}
	#shop-nav ul li a{
		display: block;
		width: 45px; height: 65px;
		background-image: url(/mylord_navi/09winter/img/shop/nav-shop.jpg);
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		#shop-nav ul li.s01 a{ background-position: 0 0;}
		#shop-nav ul li.s02 a{ background-position: -45px 0;}
		#shop-nav ul li.s03 a{ background-position: -90px 0;}
		#shop-nav ul li.s04 a{ background-position: -135px 0;}
		#shop-nav ul li.s05 a{ background-position: -180px 0;}
		#shop-nav ul li.s06 a{ background-position: -225px 0;}
		#shop-nav ul li.s07 a{ background-position: -270px 0;}
		#shop-nav ul li.s08 a{ background-position: -315px 0;}
		#shop-nav ul li.s09 a{ background-position: -360px 0;}
		#shop-nav ul li.s10 a{ background-position: -405px 0;}
		#shop-nav ul li.s11 a{ background-position: -450px 0;}
		
		#shop-nav ul li.s01 a:hover{ background-position: 0 -65px;}
		#shop-nav ul li.s02 a:hover{ background-position: -45px -65px;}
		#shop-nav ul li.s03 a:hover{ background-position: -90px -65px;}
		#shop-nav ul li.s04 a:hover{ background-position: -135px -65px;}
		#shop-nav ul li.s05 a:hover{ background-position: -180px -65px;}
		#shop-nav ul li.s06 a:hover{ background-position: -225px -65px;}
		#shop-nav ul li.s07 a:hover{ background-position: -270px -65px;}
		#shop-nav ul li.s08 a:hover{ background-position: -315px -65px;}
		#shop-nav ul li.s09 a:hover{ background-position: -360px -65px;}
		#shop-nav ul li.s10 a:hover{ background-position: -405px -65px;}
		#shop-nav ul li.s11 a:hover{ background-position: -450px -65px;}
		
/* title */
h3.shop-title{ margin: 10px 30px 20px 30px; }


/* contents */
#shop-con{ 
	width: 840px;
	margin: 0 30px;
	}
#shop-con .shop-left{
	width: 405px;
	float: left;
	}
	#shop-con .shop-left img.shop-img{
		display: block;
		margin-bottom: 10px;
		}
	#shop-con #mame{
		width: 405px;
		background-color: #502b14;
		margin-top: 30px;
		padding-bottom: 20px;
		}
		#shop-con #mame h4{
			width: 405px; height: 38px;
			background: url(/mylord_navi/09winter/img/shop/cap-mame.gif) left top no-repeat;
			text-indent: -9999px;
			}
		#shop-con #mame p{
			color:#dcc89d;
			font-size:85%;
			width: 380px;
			margin: 0 10px 0px 15px;
			line-height: 1.4;
			}
		#shop-con #mame p.lead{
			color: #FFFFFF;
			padding-bottom: 10px;
			font-size: 100%;
			}
		#shop-con #mame img{
			margin-right: 5px;
			margin-bottom: 5px;
			float: left;
			}

#shop-con .shop-right{
	width: 405px;
	float: right;
	}
	#shop-con .shop-right h5{
		color: #ffee93;
		font-weight: bold;
		font-size: 130%;
		line-height: 1.3;
		margin-bottom: 20px; 
		}
	#shop-con .shop-right p{
		color: #FFFFFF;
		padding-bottom: 40px;
		line-height: 1.8;
		}
		
/* lunch */
#lunch{	
	width: 840px;
	background-color:#FFF;
	margin-top: 20px;
	padding-bottom: 15px;
	}
	#lunch h4{
		width: 840px; height: 47px;
		background: url(/mylord_navi/09winter/img/shop/title-lunch.gif) left top no-repeat;
		text-indent:-9999px;
		}
	#lunch .lunch-in{ margin: 0 15px; }
		#lunch .lunch-in img.lunch-img{
			display: block;
			width: 195px;
			float: left;
			margin-top: 6px;
			margin-right: 20px;
			}
		#lunch .lunch-in ul{
			width: 325px;
			float: left;
			margin-top: 6px;
			margin-right: 20px;
			}
		#lunch .lunch-in ul li{
			margin-bottom: 10px;
			}
		#lunch .lunch-in ul li h5{
			color: #3f1300;
			font-weight: bold;
			font-size:100%;
			margin-bottom: 5px;
			}
		#lunch .lunch-in ul li p{
			color: #333;
			margin-left: 1em;
			font-size: 90%;
			line-height: 1.4;
			}
		#lunch .lunch-in ul li p span{
			display: block;
			color: #87490f;
			font-size: 85%;
			}
		#lunch .lunch-in .shop-info{
			width: 228px !important;
			width: 250px;
			color: #333;
			border: solid 1px #ffa836;
			padding: 10px;
			float: left;
			line-height: 1.3;
			}
		#lunch .lunch-in .shop-info .btn-gourmet{
			padding-left: 66px;
			}
		#lunch .lunch-in .shop-info .btn-gourmet a{
			display: block;
			width: 162px;
			height: 23px;
			background: url(/mylord_navi/09winter/img/shop/btn-gourmet.gif) left top no-repeat;
			text-indent: -9999px;
			margin-top: 10px;
			}
			#lunch .lunch-in .shop-info .btn-gourmet a:hover{ background-position: left bottom; }
			
		#lunch .nolunch{
			padding-top: 15px;
			}