/* page-body */

h2 a{
position:absolute;
top: 30px;
left: 0;
width: 408px;
height: 78px;
text-indent:-9999px;
background: url('../img/common/logo-gourmand.gif') no-repeat 0 0;
}


a {
    outline: none;
}

#main-hdr {
	width:740px;
	height: 477px;
	margin-bottom: 20px;
	background: url('../img/index/main-hdr.jpg') no-repeat 0 0;
	float:left;
	position:relative;
}
#main-hdr a{
position:absolute;
text-indent:-9999px;
}
#main-hdr a#link01{ top:0; left:0; width:715px; height:305px; }
#main-hdr a#link02{ top:327px; left:0; width:350px; height:150px; }
#main-hdr a#link03{ top:327px; left:365px; width:350px; height:150px; }


/* main-special */

#main-special {
width: 715px;
background: #f6e3e6;
/*background: #FAE7E9 url('/gourmand/img/chamis/2015winter/index-bg.gif') repeat;*/
}

#main-special #s-hdr a.link01 { top:240px; left:220px; width:200px; height:40px; }
#main-special #s-hdr a.link02 { top:240px; left:430px; width:240px; height:40px; }

#main-special #s-main ul {
padding: 25px 20px;
}

#main-special #s-main ul li {
float: left;
width: 212px;
margin-right: 19px;
}
#main-special #s-main ul li.right {
margin-right: 0;
}

#main-special .s-cart {
background: url('/gourmand/img/chamis/2015winter/index-cart.gif') no-repeat center 0;
display: block;
height: 33px;
text-indent:-9999px;
margin: 12px 0 25px;
cursor: pointer;
}

#main-special #s-ftr a.link01 { top:0; left:150px; width:415px; height:70px; }


/* main */

#selection{
width:740px;
float:left;
line-height:1.75;
}

#sweets,#food,#jam,#seasoning,#drink{
padding: 5px 0px;
*padding: 20px 20px;
}

#selection a:link,
#selection a:visited {
text-decoration: none;
color: #000;
}

#selection h3{
height:35px;
margin-bottom:15px;
position:relative;
}

#selection h3 a{
position:absolute;
display:block;
width:100px;
height:25px;
top:0;
left:600px;
text-indent:-9999px;
}

#cha h3{
background: url('../img/index/hdr-chamis_201611.jpg') no-repeat 0 0;
height: 273px;
}
#cha h3 a {
height: 30px;
left: 200px;
top: 220px;
width: 190px;
}
/*#cha h3{
background: url('../img/index/hl-chamis.gif') no-repeat 0 0;
height: 36px;
}*/
#sweets h3{
background: url('../img/index/hl-sweets.gif') no-repeat 0 0;
}
#food h3{
background: url('../img/index/hl-food.gif') no-repeat 0 0;
}
#jam h3{
background: url('../img/index/hl-jam.gif') no-repeat 0 0;
}
#seasoning h3{
background: url('../img/index/hl-seasoning.gif') no-repeat 0 0;
}
#drink h3{
background: url('../img/index/hl-drink.gif') no-repeat 0 0;
}

#selection .cart{
background: url('/gourmand/img/index/btn-cart.gif') no-repeat right 0;
display: block;
height: 29px;
text-indent:-9999px;
margin: 5px 0 10px;
cursor: pointer;
}

#selection a.list{
background: url('/gourmand/img/index/btn-list.gif') no-repeat 0 0;
display: block;
height: 28px;
margin: 15px 0 20px;
text-indent:-9999px;
}


.category {
margin-top: 20px;
}

.category .large {
margin-bottom: 20px;
}

.category li {
float: left;
padding-right: 20px;
}
.category .small li {
/*padding-right: 10px;*/
padding: 5px;
}
.category li.last {
padding-right: 0;
}

.category .large li {
width: 340px;
}
.category .small li {
/*width: 226px;*/
width: 218px;
min-height: 165px;
margin-right: 2px;
border: 1px solid #ececec;
}

.category img {
float: left;
margin-right: 10px;
}

.category .small span {
display: block;
margin-left: 90px;
}

.category span em {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

.category .large span em {
font-size: 1.4em;
}

.category span.name {
text-align: right;
display: block;
min-height: 68px;
}


/* #cha */

#cha {
background: #F8F7F2;
width: 715px;
padding-bottom: 3px;
}

#cha .large {
width: 390px;
float: left;
padding-left: 10px;
}

#cha .large .left {
float: left;
padding-right: 12px;
width: 180px;
}
#cha .large .left img {
margin-bottom: 5px;
}
#cha .large .left span em {
font-size: 1.2em;
}

#cha span em {
display: block;
font-weight: bold;
margin-bottom: 10px;
}

#cha .large .right {
float: left;
width: 180px;
}

#cha .large .right span em {
font-size: 1.4em;
font-style: normal;
}

#cha .small {
width: 298px;
float: right;
padding-right: 10px;
}

#cha .small li {
clear: both;
/*height: 100px;*/
height: 135px;
}

#cha .small img {
float: left;
margin-right: 10px;
margin-bottom: 15px;
}



/* recom */

#recom{
width:715px;
float:left;
margin-bottom:40px;
}

#recom h3{
background: url('../img/index/recom-hl.gif') no-repeat 0 0;
height:48px;
text-indent:-9999px;
margin-bottom:20px;
}

#recom li{
width:340px;
float:left;
padding-right:15px;
margin-bottom:15px;
}

#recom .img{
float:left;
padding-right:15px;
}

#recom dl{
padding-left:145px;
*padding-left:0;
}

#recom dt a{
font-size:123.1%;
font-weight:bold;
margin-bottom: 5px;
}

#recom dd span{
font-weight:bold;
}

/*infobox_*/
.page-chamis #page-main div.infobox_{
	width: 673px;
	border: 1px solid #f2e4e2;
	border-radius:5px;
	margin: 0 0 20px;
	padding: 10px 20px;
	float: left;
	position: relative;
	background: #fcf8f8;
	color: #000;
}

.page-chamis #page-main div.infobox_ dl dt{
	font-weight: bold;
	color: #cc0000;
}

.page-chamis #page-main div.infobox_ p{
	text-align: right;
	margin-bottom: 0;
}

.page-chamis #page-main div.infobox_ p{
	text-align: right;
	margin-bottom: 0;
}

.page-chamis #page-main div.infobox_ p a:link,
.page-chamis #page-main div.infobox_ p a:visited{
	color: #000;
}

/* #villa */

#villa {
background: #F8F7F2;
width: 715px;
padding-bottom: 3px;
}

#villa .large {
width: 390px;
float: left;
padding-left: 10px;
}

#villa .large .left {
float: left;
padding-right: 12px;
width: 180px;
}
#villa .large .left img {
margin-bottom: 5px;
}
#villa .large .left span em {
font-size: 1.2em;
}

#villa span em {
display: block;
font-weight: bold;
margin-bottom: 10px;
}

#villa .large .right {
float: left;
width: 180px;
}

#villa .large .right span em {
font-size: 1.4em;
font-style: normal;
}

#villa .small {
width: 298px;
float: right;
padding-right: 10px;
}

#villa .small li {
clear: both;
/*height: 100px;*/
height: 135px;
}

#villa .small img {
float: left;
margin-right: 10px;
margin-bottom: 15px;
}

#villa h3{
background: url('../img/index/villa_hdr.jpg') no-repeat 0 0;
height: 345px;
}
#villa h3 a {
height: 37px;
left: 388px;
top: 286px;
width: 313px;
}
