@charset "utf-8";

#wrapper #contents {
	padding:10px 25px;
}
#wrapper #contents .columnArea {
}
#wrapper #contents .main {
	width:608px;
	float:left;
	background:#FFF;
	padding:20px 15px;
}
#wrapper #contents .menu {
	width:176px;
	float:right;
}
#wrapper #contents .main h2 {
	background:#B1726F;
	font-size:85%;
	color:#FFF;
	margin-bottom:15px;
}
#wrapper #contents .main h2 img {
	border-right:5px solid #FFF;
	margin-right:10px;
	vertical-align:middle;
}
#wrapper #contents .main .lead {
}
#wrapper #contents .main .lead img {
	float:left;
	padding-right:5px;
}
#wrapper #contents .main .lead p {
	padding:3px;
	font-size:75%;
	line-height:160%;
}
#wrapper #contents .main .detail {
	background:#F5F3E0;
	margin-bottom:20px;
}
#wrapper #contents .main .detail p {
	font-size:75%;
}
#wrapper #contents .main .detail .columnA {
	width:176px;
	float:left;
	padding:8px 0 0 12px;
}
#wrapper #contents .main .detail .columnA p {
	padding-bottom:10px;
}
#wrapper #contents .main .detail .columnA .icon {
	background:url(../../common/images/icon02.gif) no-repeat left 0px;
	padding-left:18px;
}
#wrapper #contents .main .detail .columnB {
	width:137px;
	float:left;
	padding:30px 0 0 5px;
	border-left:1px solid #B1726F;
}
#wrapper #contents .main .detail .columnC {
	width:271px;
	float:left;
	padding:30px 0 0 5px;
	border-left:1px solid #B1726F;
}
#wrapper #contents .main .fontP {
	color:#B1726F;
}
#wrapper #contents .main .small {
	font-size:82%;
}
#wrapper #contents .main .curriculum {
	padding:15px;
	background:#F5F3E0;
	margin-bottom:20px;
}
#wrapper #contents .main .curriculum .columnA {
	width:282px;
	float:left;
}
#wrapper #contents .main .curriculum .columnB {
	width:282px;
	float:right;
}
#wrapper #contents .main .curriculum dl {
	width:282px;
	border-top:1px solid #B1726F;
	font-size:75%;
}
#wrapper #contents .main .curriculum dt {
	float:left;
	clear:both;
	width:26px;
	padding:4px 0 4px 2px;
}
#wrapper #contents .main .curriculum dd {
	width:250px;
	padding:4px 0;
}
#wrapper #contents .main .curriculum dl.last {
	border-bottom:1px solid #B1726F;
}
#wrapper #contents .main .schedule {
	padding:15px 0 0;
	background:#F5F3E0;
}
#wrapper #contents .main .schedule h3 {
	padding-left:15px;
}
#wrapper #contents .main .schedule table {
	width:100%;
	font-size:75%;
	border-collapse:collapse;
}
#wrapper #contents .main .schedule th {
	border-left:1px solid #B1726F;
	font-weight:normal;
	text-align:left;
	background:url(../../common/images/schedule_bg01.gif) repeat-x bottom;
	padding-bottom:25px;
	padding-left:5px;
}
#wrapper #contents .main .schedule td {
	border-left:1px solid #B1726F;
	padding-bottom:10px;
	padding-left:5px;
}
#wrapper #contents .main .schedule .first {
	border-left:none;
	padding-left:15px;
}
#wrapper #contents .main .schedule .last {
	width:142px;
	padding-right:15px;
}
#wrapper #contents .main .schedule .time {
	border-left:none;
	background:url(../../common/images/schedule_bg02.gif) repeat-y left;
}
#wrapper #contents .main .note {
	font-size:62%;
	padding-left:12px;
	background:url(../../common/images/icon03.gif) no-repeat center left;
	margin:10px 0 25px;
}
#wrapper #contents .main .link {
	background:#F5F3E0 url(../../common/images/icon04.gif) no-repeat 12px center;
	font-size:82%;
	font-weight:bold;
	padding:10px 33px;
	margin-bottom:10px;
}
#wrapper #contents .menu .bannerArea{
	padding-bottom:10px;
}
#wrapper #contents .menu .bannerArea img{
	padding-bottom:10px;
}
#wrapper #contents .menu .menulist img{
	margin-bottom:7px;
}
#wrapper #contents .menu .menulist .mgnl {
	margin-left:4px;
}
#wrapper #contents .main .title {
	font-size:85%;
	line-height:160%;
	color:#593F2D;
}

#wrapper #contents .main #wine h3 {
	color:#A36867;
}
#wrapper #contents .main #fromage h3 {
	color:#AD7A48;
}
#wrapper #contents .main #lifestyle h3 {
	color:#9E9A4A;
}
#wrapper #contents .main #wine ,
#wrapper #contents .main #fromage ,
#wrapper #contents .main #lifestyle {
	padding-bottom:25px;
}
#wrapper #contents .main #clumn01 {
	background-image: url(../trial/images/lessons_bg.gif);
	height: 380px;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding: 0px 31px 0px 29px;
}
#clumn01 img {
	margin-top: 5px;
}
#wrapper #contents .main #clumn02 {
	font-size: 85%;
	background-color: #f4f2df;
	margin: 20px 0px 0px 0px;
	padding: 15px 25px;
}
#clumn01 .left01 {
	float: left;
	width: 147px;
	height: 124px;
	margin: 19px 0px 7px 0px;
	padding: 15px 5px 15px 32px;
}
#clumn01 .right01 {
	float: right;
	width: 147px;
	height: 124px;
	margin: 19px 0px 7px 0px;
	padding: 15px 5px 15px 32px;
}
#clumn01 h3 {
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	color: #9c7362;
	margin: 0px;
	padding: 0px;
}
#clumn02 h3 {
	font-size: 70%;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 10px;
}
.col01 {
	color: #9c7362;
}
p.col01 {
	font-size:92% !important;
	font-weight:bold;
}
.col02 {
	font-size: 110%;
	color: #9c7362;
}
#clumn02 ol {
	font-size: 90%;
	line-height: 140%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#clumn02 p {
	line-height: 140%;
}

#clumn01 h4 {
	font-size: 70%;
	margin-top: 7px;
	font-weight: normal;
	margin-bottom: 3px;
}
#clumn01 dl {
	font-size: 80%;
}

#clumn01 dt {
	line-height: 120%;
}
#clumn01 dd {
	color: #9c7362;
	margin-top: 3px;
}
#clumn02 ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.8em;
}
#clumn02 img {
	margin: 17px 0px;
}
#clumn02 li {
	margin: 7px 0px;
}
#clumn02 ul {
	margin-left: 1em;
}
#clumn02 ol li ul li {
	margin-left: 0px;
}
.ss {
	font-size: 100%;
}
#clumn02 ul li {
	list-style: none;
}