.top {
	background-color:#f5f4ea;
	height:20px;
	line-height:20px;
	font-size:10px;
}

.top p {
	width:1000px;
	margin:0 auto;
}

.info {
	width:1000px;
	height:60px;
	margin:45px auto;
}

.info h1 {
	float:left;
}

.info .center {
	width:346px;
	margin:0 auto;
	padding-top:15px;
}

.info .center li {
	float:right;
	font-size:10px;
	padding:0 10px;
	border-left:1px solid #333;
}

.info .center li:first-child {
	padding-right:0;
}

.info .center li:last-child {
	padding-left:0;
	border-left:none;
}

.info .center li a {
	text-decoration:none;
	color:#333;
}

.info .shop {
	float:right;
	font-size:10px;
	text-align:right;
}


hr {
 height: 1px;
 background-color:#884898;
 opacity:0.3;
 width: 100%;
 border: none;
}


.navi {   /* メニューバーの背景色を設定 */
	clear:both;
	background-color:#B8DBD8;
    opacity:1.0;
}

.navi ul {
	height:50px;
	text-align:center; /* メニューバーのテキストを左右中央 */
    display: flex;/* メニューバーのテキストを上下中央 */
	align-items: center; /* メニューバーのテキストを上下中央 */
	justify-content: center;/* メニューバーのテキストを上下中央 */

}

.navi li {
	display:inline-block;
	padding:0 40px; /* メニューバーのテキスト間距離 */
	font-size: 14px; /* メニューバーのテキストサイズ */
}

/* メニューバーのテキスト色 */
.navi li a {
	text-decoration:none;
	color:#1E2445;

}


/* メニューバーのテキスト マウスオーバー時 */
.navi li a:hover {
	text-decoration:underline;
}



.search {
	margin-top:10px;
	height:60px;
	background-color:#f9f8f2;
}

.search .wrapper {
	width:1000px;
	height:60px;
	margin:0 auto;
}

.search .wrapper * {
	float:left;
}

.text_box {
	width:234px;
	height:19px;
	border:3px solid #ccc;
	line-height:25px;
	font-size:10px;
	text-indent:10px;
	margin-top:17px;
}

.searchBtn {
	margin-right:15px;
	margin-top:17px;
}

.search .wrapper dt {
	margin-right:15px;
}

.search .wrapper dd {
	height:20px;
	font-size:10px;
	margin-top:22px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #ccc;
}

.search .wrapper dd:last-child {
	margin-right:none;
	padding-right:none;
	border-right:none;
}