@charset "utf-8";
/*--topcontentsCSS---*/
#contents{
	width: 950px;
	margin: auto;
}

/*--「電子カタログページ」タイトル画像---*/
#main-title{
	width: 100%;
	height:345px;
	background:url(../../../assets/images/catalog/catalog-title.jpg) no-repeat;
	/* float:left; */
}
/*--コンテンツ---*/
#contents-left{
	width: 100%;
	height:auto;
	/* float:left; */
	margin: auto;
	/* letter-spacing:0.1em; */
}

#main-txt{
	font-size:1.1em;
	letter-spacing:0.2em;
}

.underline{
	/* width:675px; */
	/* height:auto; */
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:#988984 solid 1px;
	/* padding-left:11px; */
	/* overflow:auto; */
	display: flex;
	justify-content: center;
}

.catalog-box{
	width:188px;
	height:auto;
	/* float:left; */
	margin-right:50px;
}

.catalog-txt{
	width:164px;
	height:auto;
	font-size:1em;
	text-align:center;
	margin:0px 12px;
}

.catalog-txt span{
	font-size:1.4em;
	font-weight:bold;
}

#color1 span{
	color:#F5A9A9;
	border-bottom:solid 1px #F5A9A9;
}

#color2 span{
	color:#F7D358;
	border-bottom:solid 1px #F7D358;
}

#color3 span{
	color:#819FF7;
	border-bottom:solid 1px #819FF7;
}

.catalog-img{
	width:164px;
	height:226px;
	margin:4px auto;
}

.catalog-link a{
	width:188px;
	height:41px;
	background:url(../../../assets/images/catalog/catalog.png) no-repeat;
	display:block;}

#catalog1{background:url(../../../assets/images/catalog/perenne.jpg) no-repeat;}
#catalog2{background:url(../../../assets/images/catalog/momsbaby.jpg) no-repeat;}
#catalog3{width:156px; background:url(../../../assets/images/catalog/okaeshi.jpg) no-repeat;}
#catalog4{background:url(../../../assets/images/catalog/shaddy.jpg) no-repeat;}

.catalog-box:last-child{margin-right:0px;}

#ordering{
	width:431px;
	height:318px;
	float:left;
	background:url(../../../assets/images/catalog/howto.jpg) no-repeat;
	position:relative;
	}

.ordering-txt{
	width:347px;
	height:auto;
	position:absolute;
	line-height:1.8em;}

#txt1{top:60px; left:30px;}
#txt2{
	top: 223px;
	left: 45px;
	font-weight: bold;
	font-size: 1.1em;
	color:#391D00;
	}

	
	
#txt3{
	top: 270px;
	left: 45px;
	font-size: 0.8em;
	line-height:1.4em;
	color:#391D00;
	}

#sommelier a{
	background:url(../../../assets/images/catalog/reserve.jpg) no-repeat;
	display:block;
	width:676px;
	height:351px;
	margin-top:50px;
}