@charset "Shift_JIS";

/*------------------------------------------------------------
  01.reset
------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6,p,br,ul,ol,li,dl,dt,dd,from,table,th,td,input {
  margin: 0;
  padding: 0;
  color:#000;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
}

ul {
	list-style-type:none;
}

img{
border:0;
}

body {
	margin: 0;
	padding: 0;
	text-align:center;
	background:#fff;
}

a:link { color: #9c1e31;text-decoration:none;}
a:visited { color: #9c1e31;text-decoration:none;}
a:hover { color: #9c1e31;text-decoration:underline;}
a:active { color: #9c1e31;text-decoration:underline;}

/*------------------------------------------------------------
  02.popup
------------------------------------------------------------ */
#container {
	margin:30px auto;
	width:600px;
	background:#fff;
}

#title {
	margin-bottom:10px;
}

#section01 {
	width:600px;
	margin-bottom:20px;
	padding-bottom:20px;
}
#section01 { /zoom : 1; }
#section01:after { content : ''; display : block; clear : both; }

.section {
	width:600px;
	margin-bottom:20px;
	padding-top:20px;
}

.section { /zoom : 1; }
.section:after { content : ''; display : block; clear : both; }

.section .main {
	width:360px;
	float:left;
}


.main p {
	font-size:.875em;
	line-height:1.8;
	text-align:left;
	margin-bottom:1em;
}



.aside {
	width:200px;
	float:right;
}

#section01 .aside {
	margin:0 0 0 40px;
	width:200px;
	float:right;
	padding-bottom:30px;
}


.aside p.note {
	font-size:.875em;
	line-height:1.8;
	text-align:left;
}


#ranking01 {
	margin:0 0 5px;
	width:200px;
	background:url(../img/bg_match_wine_1st.gif) repeat-y 0 0;
}
#ranking01 #ranking {
	width:200px;
	background:url(../img/bg_match_wine_1st_bottom.gif) no-repeat 0 bottom;
	padding-bottom:15px;
}
#ranking02 {
	margin:0 0 5px;
	width:200px;
	background:url(../img/bg_match_wine_2nd.gif) repeat-y 0 0;
}
#ranking02 #ranking {
	width:200px;
	background:url(../img/bg_match_wine_2nd_bottom.gif) no-repeat 0 bottom;
	padding-bottom:15px;
}
#ranking03 {
	margin:0 0 5px;
	width:200px;
	background:url(../img/bg_match_wine_3rd.gif) repeat-y 0 0;
}
#ranking03 #ranking {
	width:200px;
	background:url(../img/bg_match_wine_3rd_bottom.gif) no-repeat 0 bottom;
	padding-bottom:15px;
}


#ranking .wineImg {
	text-align:center;
}
#ranking h4 {
	font-size:.875em;
	font-weight:bold;
	line-height:1.8;
	text-align:center;
	padding:10px 10px 5px;
	color:#9c1e31;
}
#ranking h4 span {
	font-size:.875em;
	font-weight:normal;
	line-height:1.5;
	color:#9c1e31;
}

#container .wineData {
	margin-bottom:40px;
	width:200px;
	border-collapse:collapse;
}
#container .wineData table {
	width:200px;
}
#container .wineData tr {
	width:200px;
	background:url(/wine/selection/img/line.gif) repeat-x 0 bottom;
}
#container .wineData th {
	font-size:.75em;
	line-height:1.5;	
	white-space:nowrap;
	padding:5px 10px 5px 0;
}
#container .wineData th {
	color:#661430;
}
#container .wineData th {
	color:#6a8040;
}
#container .wineData th {
	color:#cc5252;
}
#container .wineData th {
	color:#8c774d;
}

#container .wineData td {
	font-size:.75em;
	line-height:1.5;
	padding:5px 5px 5px 0;
}

#container .wineData .chart {
	margin:10px 0 20px;
}

#container .wineData .comment {
	margin:10px 0 10px;
	text-align:left;
	font-size:.75em;
	line-height:1.5;
}