#supermarket h1 {
	margin:10px 0 10px 0;	
}

#supermarket p {
	margin:1.5em 0 0 0
}

#supermarket .lead {
	margin:0 0 10px 0;
	line-height:1.6em;
	font-size:12px;
	font-weight:bold;
}


#supermarket .intro h2 {
    position: relative;
    margin: 50px 0 30px;
    padding: 10px;
    background: #20ae31;
    color: #fff;
    font-size: 20px;
}
 
#supermarket .intro h2:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #20ae31;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

#supermarket .intro {
	color:#333333;
	margin-bottom:40px;
}

#supermarket .intro h3 {
	margin:20px 0 0 0;
	font-size:20px;
	border-bottom:#20ae31 1px solid;
	padding-bottom:3px;
	color:#20ae31;
}

#supermarket .intro .box {
	background:#20ae31;
	color:#FFF;
	padding:5px 10px 3px 10px;
	line-height:20px;
	display:inline-block;
	margin:20px 15px 0 0;
	width:70px;
	text-align:center;
}

#supermarket .intro .textbox {
	margin:-27px 0 0 110px;	
}

#supermarket .green {
	color:#20ae31;
}

#supermarket .intro ul li h4 {
	margin:20px 0 5px 0;
	color:#20ae31;
}
#supermarket .intro ul li  {
	line-height:1.6em;
}

#supermarket .compare ul li h4 {
	font-size:16px;
	margin:30px 0 15px 0;
	color:#c5161d;
	line-height:1.4em;
}

#supermarket .compare ul li h4 span {
	color:#333;
	display:block;
	margin-bottom:7px;
	font-size:14px;
	line-height:18px;
}

#supermarket .compare ul li h4 span img {
	margin:-2px 10px 0 0;
	text-align:left;
	vertical-align: middle;
}

#supermarket .compare ul li h4 small {
	font-size:12px;
	color:#333;
	font-weight:normal;	
}

#supermarket .compare ul li {
	height:220px;
	margin:0 0 20px 0;
	border-bottom:#999 1px dashed;
	padding-bottom:15px;
	line-height:1.4em;
}


#supermarket .compare h3 {
    position: relative;
    margin: 50px 0 30px;
    padding: 10px;
    background: #c5161d;
    color: #fff;
    font-size: 20px;
}
 
#supermarket .compare h3:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #c5161d;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

#supermarket .compare h3 span {
	font-size:16px;
	font-weight: normal;
}

/* omiyage */

#supermarket .omiyage ul li h4 {
	font-size:20px;
	margin:30px 0 15px 0;
	color:#786439;
	line-height:1.4em;
}

#supermarket .omiyage ul li h4 span {
	font-size:16px;
}


#supermarket .omiyage ul li h4 small {
	font-size:12px;
	color:#333;
	font-weight:normal;	
}

#supermarket .omiyage ul li {
	height:180px;
	margin:0 0 20px 0;
	border-bottom:#999 1px dashed;
	padding-bottom:20px;
	line-height:1.4em;
}


#supermarket .omiyage h2 {
    position: relative;
    margin: 50px 0 30px;
    padding: 10px;
    background: #786439;
    color: #fff;
    font-size: 20px;
}
 
#supermarket .omiyage h2:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #786439;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

#supermarket .omiyage h2 span {
	font-size:16px;
	font-weight: normal;
}

body.white .site #supermarket .intro .box {display: block; margin: 20px 15px 7px 0;}
body.white .site #supermarket .intro .textbox {margin: 0;}
body.white .site #supermarket .intro .textbox img.right, 
body.white .site #supermarket ul li img.right {display: block; margin: 5px auto;}
body.white .site #supermarket .compare ul li, 
body.white .site #supermarket .omiyage ul li {height: auto;}
body.white .site #supermarket .compare ul li h4 {margin-top: 0;}
body.white .site #supermarket .compare ul li h4 span {font-size: 16px; font-weight: bold;}