@charset "utf-8";

#ginza_bg {
	background: #F0F3F5 url(../img/top/bg_footer.png) repeat-x left bottom;
	padding: 0 0 180px;
	font-size: 110%;
	}
#ginza.top #ginza_bg {padding-top: 50px;color: #333;}
#contents {
	float: none;
	width: 900px;
	margin: 0 auto;
	}
#ginza #titlebox {
	height: 95px;
	background: url(../img/top/bg02.png) repeat-x left top;
	}
h3.subtitle {margin-bottom: 20px;}
#ginza .left {float: left;}
#ginza .right {float: right;}
#ginza .txt_box {display: block;overflow: hidden;}


/*----------------------------------------
	トップ
-----------------------------------------*/

#ginza.top #titlebox {
	width: 100%;
	height: 533px;
	background: url(../img/top/bg.png) repeat-x left top;
	overflow: hidden;
	}
#ginza.top #titlebox_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}
	#ginza.top #titlebox h2 {padding: 0;}
		#ginza.top #titlebox #pan {
			position: absolute;
			top: 10px;
			left: 0;
			}
		#ginza.top #titlebox #pan{
			padding:0 0 30px;
			width:100%;
			height:15px;
			font-size:90%;
			}
		#ginza.top #titlebox #pan li{
			float:left;
			color:#fff;
			}
		#ginza.top #titlebox #pan li a{
			color:#76A7C6;
			text-decoration:underline;
			}
		#ginza.top #titlebox #pan li a:hover{
			color:#76A7C6;
			text-decoration:none;
			}
#ginza ul#nav,
#ginza ul#nav_naka {
	width: 870px;
	padding-top: 14px;
	margin: 0 auto;
	overflow: hidden;
	}
#ginza ul#nav_naka {
	width: 900px;
	margin-bottom: 30px;
	}
	#ginza ul#nav li,
	#ginza ul#nav_naka li {
		float: left;
		margin-right: 10px;
		}
	#ginza ul#nav_naka li {margin-right: 5px;}
	#ginza ul#nav li.last,
	#ginza ul#nav_naka li.last {margin-right: 0;}
.about01 {
	background: url(../img/top/about_bg02.png) repeat-y left top;
	}
.about02 {
	background: url(../img/top/about_bg01.png) no-repeat left top;
	}
.about03 {
	background: url(../img/top/about_bg03.png) no-repeat left bottom;
	/*padding: 40px;*/
	padding: 40px 20px 40px 35px;
	position: relative;
	}
	.about01 h3 {
		position: absolute;
		top: -8px;
		}
		.about01 ul.point {
			background: url(../img/top/about_img.jpg) no-repeat left 70px;
			padding-left: 305px;
			overflow: hidden;
			}
			.about01 ul.point li {
				margin-bottom: 35px;
				color: #333;
				font-size: 14px;
				/*font-size:109%;*/
				line-height: 1.8;
				position:relative;
				}
				.about01 ul.point li h4 {margin: 0 0 5px -10px;}
				
				.about01 ul.point li .kara{
					position:absolute;
					right:90px;
					top:-20px;}
		.about01 .tadano {
			position: absolute;
			/*bottom: 40px;*/
			top:555px;
			left: 35px;
			}	
			
		.about01 .trademark{
			font-size:84%;
			position: absolute;
			/*bottom: 40px;*/
			top:700px;
			left: 30px;
			}	
	
	
	
			
/*----------------------------------------
	レシピ
-----------------------------------------*/
.recipes .howto {
	margin-bottom: 20px;
	overflow: hidden;
	}				
.recipes .other {
	background: #fff;
	border: 1px solid #1F5EA8;
	padding: 25px 0 25px 30px;
	margin-bottom: 50px;
	overflow: hidden;
	}
	.recipes .other .title {
		float: left;
		width: 190px;
		padding: 15px 0;
		color: #1F5EA8;
		font-size: 15px;
		font-weight: bold;
		}
		.recipes .other ul {
			float: left;
			overflow: hidden;
			}
			.recipes .other ul li {
				float: left;
				margin-right: 30px;
				}
			.recipes .other ul li.last {margin-right: 0;}
				.recipes .other ul li p {
					color: #1F5EA8;
					font-weight: bold;
					}
.recipes .recipes_box {
	background: #fff;
	padding: 18px 18px 0;
	margin-bottom: 20px;
	overflow: hidden;
	}	
	.recipes .recipes_box h4 {
		margin-bottom: 20px;
		}				
		.recipes .recipes_box .box_l {
			float: left;
			width: 300px;
			overflow: hidden;
			}
		.recipes .recipes_box .box_r {
			float: right;
			width: 550px;
			overflow: hidden;
			}
		.recipes .recipes_box .bg01 {
			background: url(../img/recipes/bg02.png) repeat-y left top;
			margin-bottom: 10px;
			overflow: hidden;
			}
		.recipes .recipes_box .bg02 {
			background: url(../img/recipes/bg01.png) no-repeat left top;
			overflow: hidden;
			}
		.recipes .recipes_box .bg03 {
			background: url(../img/recipes/bg03.png) no-repeat left bottom;
			padding: 6px 10px;
			overflow: hidden;
			}
		.recipes .recipes_box .bg04 {
			background: url(../img/recipes/bg05.png) repeat-y left top;
			margin-bottom: 10px;
			overflow: hidden;
			}
		.recipes .recipes_box .bg05 {
			background: url(../img/recipes/bg04.png) no-repeat left top;
			overflow: hidden;
			}
		.recipes .recipes_box .bg06 {
			background: url(../img/recipes/bg06.png) no-repeat left bottom;
			padding: 6px 10px;
			overflow: hidden;
			}
			.recipes .recipes_box .box_l .photo {
				margin-bottom: 20px;
				}
				.recipes .recipes_box h5 {
					border-left: 5px solid #EDB900;
					padding-left: 10px;
					font-weight: bold;
					line-height: 24px;
					}
				.recipes .recipes_box ul.material {
					margin-bottom: 20px;
					overflow: hidden;
					}
					.recipes .recipes_box ul.material li {
						border-bottom: 1px dotted #ccc;
						padding-bottom: 5px;
						margin-bottom: 5px;
						overflow: hidden;
						}
				.recipes .recipes_box ul.list {
					padding-bottom: 20px;
					}
					.recipes .recipes_box ul.list li{
						list-style-type:disc;
						margin:0 0 5px 25px;
						}
					
					
				.recipes .recipes_box ol {
					padding-top: 10px;
					overflow: hidden;
					}
					.recipes .recipes_box ol li {
						padding-left: 2em;
						text-indent: -2em;
						line-height: 2;
						}
				.recipes .recipes_box h6 {
					padding-top: 10px;
					}
					.recipes .recipes_box .advice01 {
						background: url(../img/recipes/advice_bg02.png) repeat-y left top;
						margin-bottom: 20px;
						overflow: hidden;
						}
					.recipes .recipes_box .advice02 {
						background: url(../img/recipes/advice_bg03.png) no-repeat left bottom;
						padding: 0 20px 20px;
						overflow: hidden;
						}
						

		
/*----------------------------------------
	お店紹介
-----------------------------------------*/
.shop .shop_box {
	border: 3px solid #582B00;
	margin-bottom: 50px;
	overflow: hidden;
	}	
	.shop .shop_box .photo {
		float: left;
		width: 284px;
		overflow: hidden;
		}	
	.shop .shop_box .detail {
		display: block;
		color: #582B00;
		overflow: hidden;
		}	
		.shop .shop_box .detail .name {
			background: #EBE9E7;
			border-bottom: 1px dotted #582B00;
			padding: 0 15px;
			font-size: 22px;
			font-weight: bold;
			line-height: 50px;
			overflow: hidden;
			}
		.shop .shop_box .detail .address {
			border-bottom: 1px dotted #582B00;
			padding: 10px 15px;
			overflow: hidden;
			}		
		.shop .shop_box .detail .pr {
			background: #EBE9E7 url(../img/shop/pr.png) no-repeat 15px 10px;
			border-bottom: 1px dotted #582B00;
			padding: 14px 15px 14px 70px;
			line-height: 1.8;
			overflow: hidden;
			}
			.shop .shop_box .copy {
				background: url(../img/shop/point.png) no-repeat 15px center;
				padding: 10px 45px;
				color: #582B00;
				}
	
	
				
				
/*----------------------------------------
	桑畑
-----------------------------------------*/

.mulberry .about{
	background:url(../img/mulberry/main_bg.png);
	width:856px;
	padding:22px;
	}
	
	.mulberry .about .about_inner{
		background:#FFFFEB;
		clear:both;
		overflow:hidden;
		padding:17px 0 0 40px;
		width:816px;
		position:relative;
		line-height:1.8;}
		
	.mulberry .about .about_inner h3{
		margin:16px 0;}
		
		.mulberry .about .about_inner .safe1{
			width:550px;
			padding-right:20px;}
			
		.mulberry .about .about_inner .safe2{
			width:470px;
			margin-top:12px;}
			
		.mulberry .about .about_inner .img1{
			width:224px;}
			
		.mulberry .about .about_inner .img2{
			width:266px;
			padding-right:30px;
			margin:12px 0 30px;}
			
			
			
		.mulberry .about .about_inner .chara{
			position:absolute;
			bottom:0;
			right:24px;
			z-index:1000;}
		
		
.mulberry h3.subtitle{
	margin:50px 0 30px;}
	


.mulberry #step{
	width:700px;}
	
.mulberry #step .arrow{
	width:50px;
	margin:15px auto;}
	
	
	.mulberry #step dl{
		padding:24px 0 0 40px;}
	.mulberry #step dt{}
	
	.mulberry #step dd{
		margin-top:15px;
		color:#582B00;
		line-height:1.8;}
		
.mulberry .step_box1{
	background:url(../img/mulberry/step_bg1.png) no-repeat 0 0;
	width:700px;
	height:156px;}
	
	
.mulberry .step_box2{
	background:url(../img/mulberry/step_bg2.png) no-repeat 0 0;
	width:700px;
	height:171px;}

.mulberry .step_box3{
	background:url(../img/mulberry/step_bg3.png) no-repeat 0 0;
	width:700px;
	height:196px;
	position:relative;}
	
	.mulberry .step_box3 p{
		position:absolute;
		right:65px;
		bottom:3px;
		z-index:100;}
	
	
/*----------------------------------------
	キャラクター
-----------------------------------------*/

.chara .chara_area{
	background:url(../img/character/bg.png) no-repeat 0 0;
	width:900px;
	height:548px;
	margin-top:10px;
	position:relative;
	}
	
	.chara .chara_area h3{
		position:absolute;
		top:-10px;
		left:30px;
		}

	.chara .chara_area .intro{
		position:absolute;
		top:30px;
		left:340px;
		}
	
		
.chara .chara_area ul.profile{
	position:absolute;
	top:112px;
	left:450px;
	width:430px;
	height: 225px;
			}
			
			
			.chara .chara_area ul.profile li{
				border-top:3px solid #999999;
				background: url(../img/character/waku_bottom.png) no-repeat bottom;
				padding-bottom:15px;
				margin-bottom:12px;
				}
				
				.chara .chara_area ul.profile li dl{
					background:#FFF;
					padding:15px 0 0 15px;}
					
					.chara .chara_area ul.profile li dd{
						margin:12px 0 0 10px;
						line-height:1.6;}
						
					.chara .chara_area ul.profile li dd p span{
						font-size:12px;
						color:#1F5EA7;
						padding-right:4px;
						}
						
						


/*ロールオーバー*/
.chara .chara_area #tadano{
	background:url(../img/character/chara.png) no-repeat 0 0;
	width:435px;
	height:442px;
	top:79px;
	left:15px;
	position:relative;
	}
	
	.chara .chara_area #tadano .c1{
		position:absolute;
		top:0;
		left:0;
		width:230px;
		height:235px;
		float: left;
 		 overflow: hidden;
		 z-index:1000;}
		 .chara .chara_area #tadano .c1 a:hover img{
 			 margin-top: -235px;
				}
				
	
	
	.chara .chara_area #tadano .c2{
		position:absolute;
		top:0;
		left:230px;
		width:230px;
		height:160px;
		float: left;
 		 overflow: hidden;}
		 .chara .chara_area #tadano .c2 a:hover img{
 			 margin-top: -160px;
				}
				
				
	.chara .chara_area #tadano .c3{
		position:absolute;
		top:216px;
		left:0px;
		width:210px;
		height:150px;
		float: left;
 		 overflow: hidden;
		  z-index:500;}
		 .chara .chara_area #tadano .c3 a:hover img{
 			 margin-top: -150px;
				}
				
				
	.chara .chara_area #tadano .c4{
		position:absolute;
		top:206px;
		left:210px;
		width:195px;
		height:160px;
		float: left;
 		 overflow: hidden;}
		 .chara .chara_area #tadano .c4 a:hover img{
 			 margin-top: -160px;
				}
		
				
				
	.chara .chara_area #tadano .c5{
		position:absolute;
		top:327px;
		left:0px;
		width:210px;
		height:115px;
		float: left;
 		 overflow: hidden;}
		 .chara .chara_area #tadano .c5 a:hover img{
 			 margin-top: -115px;
				}

/*----------------------------------------
	その他
-----------------------------------------*/
.box-white {
	background: #fff;
	overflow: hidden;
	}
	
.py-18{
	padding-left:18px;
	padding-right:18px;
}

.px-20{
	padding-top:20px;
	padding-bottom:20px;
}

.my-20{
	margin-top:20px;
	margin-bottom:20px;
}

.my-10{
	margin-top:10px;
	margin-bottom:10px;
}