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

#mainImgTop {
	margin: 0 0 20px;
	background-color: #d9e3ee;
	text-align: center;
}
#mainImgTop img {
	max-width: 100%;
	height: auto;
}
ul.menuTop {
	min-height: 1%; /* IE7用（margin-bottomが効かない） */
	margin: 40px 0 0;
}
ul.menuTop li {
	float: left;
	width: 290px;
	padding: 10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
	box-shadow: 0px 0px 4px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff799', endColorstr = '#c09b0f');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff799', endColorstr = '#c09b0f')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #fff799, #c09b0f);
	background-image: -ms-linear-gradient(top, #fff799, #c09b0f);
	background-image: -o-linear-gradient(top, #fff799, #c09b0f);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff799), to(#c09b0f));
	background-image: -webkit-linear-gradient(top, #fff799, #c09b0f);
	background-image: linear-gradient(top, #fff799, #c09b0f);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-align: center;
}
ul.menuTop li + li {
	margin: 0 0 0 15px;
}
ul.menuTop li.recommend {
	width: 310px;
	height: 305px;
	padding: 0;
	border-radius: 0;
	border: none;
	background-image: none;
	background-clip: border-box;
}
ul.menuTop li .menuTopTitle {
	margin: 0 0 5px;
	padding: 0 0 10px;
	border-bottom: solid 1px #000;
}
ul.menuTop li p {
	height: 4.5em;
	margin: 0 0 5px;
	line-height: 1.4;
	text-align: justify;
}
ul.menuTop li p.toDetail,
ul.menuTop li p.toDetailEnkai {
	height: 100%;
}
.toDetail a {
	display: block;
	padding: 8px 0 6px 21px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 15% 50%;
	background-color: #c23a1e;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}
.toDetailEnkai a {
	display: block;
	padding: 8px 0 6px 21px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	background-color: #c23a1e;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}
.toDetail a:hover,
.toDetailEnkai a:hover {
	background-image: url(../images/arrow-red.png);
	background-repeat: no-repeat;
	background-color: #fff;
	color: #c23a1e;
}
ul.service li p.detail a:link,
ul.service li p.detail a:visited {
	color: #fff;
}
ul.service li p.detail a:hover,
.profile a:hover {
	background-color: #549b35;
}
.contactTop {
	position: absolute;
	bottom: 15px;
	right: 0;
}
#infoTop {
	min-height: 1%; /* IE7用（margin-bottomが効かない） */
}
#news {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}
#news dl {
	padding: 0 0 10px;
	border-bottom: dotted 1px #000;
}
#news dl + dl {
	padding: 15px 0;
}
#news dt {
	color: #777;
}
#news dd {
}
.tO {
	float: right;
	width: 430px;
	padding: 40px 0 0;
}
.infoTopDetail {
	text-align: right;
}
.infoTopDetail a {
	display: inline-block;
	padding: 0 0 0 1.7em;
	background-image: url(../images/arrow-black.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}
.infoTopDetail a:hover {
	background-image: url(../images/arrow-red.png);
}
.deliveryContact {
	clear: both;
	padding: 10px 0;
	background-color: #fff;
	text-align: center;
}
.deliveryContact a {
	color: #c23a1e;
	text-decoration: underline;
}