@charset "shift_jis";



/* ===========================================

 * Flavor

 * -------------------------------------------

 * 

=========================================== */





/* Common

=========================================== */



#main {

	padding: 30px 0 0;

}



h1 {

	margin-bottom: 15px;

}

h2 {

	margin-bottom:20px;

}

h3 {

	margin-bottom: 15px;

}



.mb {

	margin-bottom: 15px;

}

.nm {

	margin: 0 !important;

}

.pt {

	padding-top: 15px;

}

.of {

	overflow: hidden;

}



.section {

	margin-bottom: 25px;

	width: 645px;

}

.section p, .section dd, .section td {

	line-height: 1.6;

}

.section p.info {

	font-weight: bold;

}

p.info {

	font-weight: bold;

	margin-left:10px;

}

.section p.note {

	font-size: 93%;

	color: #555;

}



.section p.sign {

	padding-top: 10px;

	text-align: right;

	font-weight: bold;

	overflow: hidden;

}

.section p.ac {

	text-align: center;

}

.section p.att {

	color: #c00;

}



img.fr {

	float: right;

	margin-left: 20px;

}

img.fl {

	float: left;

	margin-right: 20px;

}

p img.fr {

	margin-bottom: 15px;

}

p img.fl {

	margin-bottom: 15px;

}



.syohin #sfWrapInn .section h2 {

	margin-left:-3px;

}



.syohin #sfWrapInn .relevance {

	margin-bottom:0;

}



/* ---------------------------------------- */



ul.arrow {

	padding-top: 15px;

	border-top: 1px dotted #ccc;

	width: 645px;

}

ul.arrow li {

	padding: 0 0 5px 18px;

	background: url(/syohin/sweets/softcream/common/images/ic_ar_box.gif) no-repeat 1px 0.4em;

	line-height: 1.3;

}



/* ---------------------------------------- */



/*.poster {

	margin-bottom: 5px;

	padding: 18px 8px 0 18px;

}

.poster th {

	padding: 0 10px 18px 0;

	text-align: right;

}

.poster td {

	padding: 0 10px 18px 0;

	font-size: 93%;

	line-height: 1.5;

}*/





/* Maccha

=========================================== */



#maccha h3 {

	margin-bottom: 5px;

}



#maccha table.fr {

	float: right;

	margin: 0 0 15px 20px;

	width: 240px;

}

#maccha table.fr td {

	vertical-align: bottom;

	font-size: 85%;

	line-height: 1.4;

}

#maccha table.fr img.pct21 {

	margin-right: 10px;

}

#maccha table.fr img.pct22 {

	margin: 10px 0 5px;

}



#maccha .inner {

	margin: 0 auto;

	width: 560px;

}



#maccha .inner dl {

	margin-bottom: 15px;

	width: 270px;

}

#maccha .inner dl.fl {

	float: left;

}

#maccha .inner dl.fr {

	float: right;

}

#maccha .inner dl dt {

	padding-bottom: 5px;

}

#maccha .inner dl dd img {

	margin-bottom: 5px;

}

#maccha .inner dl dd span {

	color: #336600;

}



/* Coffee

=========================================== */



#coffee table.data {

	border-top: 1px solid #553526;

	border-left: 1px solid #553526;

	font-size: 93%;

}

#coffee table.data caption {

	padding-bottom: 5px;

	font-weight: bold;

	color: #553526;

}

#coffee table.data th,

#coffee table.data td {

	padding: 3px 10px;

	border-right: 1px solid #553526;

	border-bottom: 1px solid #553526;

	line-height: 1.4;

}

#coffee table.data th {

	text-align: center;

	white-space: nowrap;

}

#coffee table.data tr.hd th {

	background-color: #DEC36F;

	font-weight: bold;

	color: #553526;

}





/* Yubarimelon

=========================================== */



#yubarimelon div.fl {

	float: left;

	width: 435px;

}



#yubarimelon h3 {

	margin-bottom: 10px;

	font-size: 0;

}



#yubarimelon dl dt {

	margin-bottom: 10px;

	font-size: 0;

}

#yubarimelon dl dd.mb {

	margin-bottom: 10px;

}



#yubarimelon table.fc {

	margin: 0 auto;

	width: 600px;

}

#yubarimelon table.fc td {

	padding: 0 10px;

	font-size: 85%;

	line-height: 1.4;

}

#yubarimelon table.fc img {

	margin-bottom: 5px;

}

#yubarimelon table.fc img.pct34 {

	margin: 5px 0 0;

}







/* Caramel

=========================================== */



#caramel dt {

	padding-bottom: 5px;

	font-weight: bold;

	color: #944D29;

}



#caramel table {

	margin: 0 auto;

	width: 600px;

}

#caramel table th,

#caramel table td {

	padding: 0 10px;

}

#caramel table th {

	padding-bottom: 5px;

	font-weight: bold;

	color: #944D29;

}

#caramel table th img {

	margin-bottom: 10px;

}



/* Maple

=========================================== */



#maple h3 {

	margin-bottom: 10px;

	font-size: 0;

}



#maple table.data {

	margin-bottom: 15px;

	border-top: 1px solid #999;

	border-left: 1px solid #999;

}

#maple table.data th,

#maple table.data td {

	padding: 5px;

	border-right: 1px solid #999;

	border-bottom: 1px solid #999;

	font-size: 85%;

	line-height: 1.4;

}

#maple table.data th {

	text-align: center;

	vertical-align: middle;

	white-space: nowrap;

}

#maple table.data th.hd {

	text-align: left;

	white-space: normal;

}

#maple table.data tr.hd th {

	background-color: #FC6;

	font-weight: bold;

}

#maple table.data tr.num td {

	text-align: center;

	vertical-align: middle;

	white-space: nowrap;

}



#maple .rank {

	padding: 15px;

	border: 2px solid #FF3300;

}

#maple .rank table th.up {

	vertical-align: bottom;

}

#maple .rank table th.down {

	vertical-align: top;

}

#maple .rank table td {

	padding-left: 15px;

	vertical-align: middle;

}



#maple div.fl {

	float: left;

	width: 500px;

}



#maple .box {

	margin-bottom: 15px;

	padding: 10px 15px;

	border: 1px solid #666;

}

#maple .box dt {

	padding-bottom: 1em;

	font-weight: bold;

	color: #FF6600;

}

#maple .box .of {

	padding: 10px 0;

}

#maple .box ul {

	padding: 0;

	border: none;

	width: auto;

}





/* Espresso

=========================================== */



#espresso strong {

	color: #663813;

}





/* Belgium

=========================================== */



#belgium .section dl {

	float: left;

	width: 465px;

}

#belgium .section dl dt {

	margin-bottom: 10px;

}



#belgium .section dl dd ul {

	padding-bottom: 15px;

}

#belgium .section dl dd ul li {

	padding-left: 1em;

	text-indent: -1em;

}

#belgium .section dl dd ul li span {

	font-weight: bold;

	color: #630;

}