@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------/
	Tea_Pet
/*----------------------------------------------------------------------*/

.table_left {
	width: 188px;
	background-color: #ffffff;
	border: 1px solid #999999;
	color: #666666;
	margin: 10px 15px 0px 0px;
	float: left;
}
.table_right {
	width: 188px;
	background-color: #ffffff;
	border: 1px solid #999999;
	margin-top: 10px;
	color: #666666;
	float: right;
}
h5.title {
	position: relative;
	width: 140px;
	padding: 3px;
	background-color: #99CC00;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	margin: -0.7em 0 0 5px;
}
p.text {
	margin: 10px;
	font-size: 10px;
	line-height: 16px;
}
.frame {
	width: 585px;
	padding: 8px;
	background: #aed5f6 url(../images/topic/tea_pet/box_back.gif);
	margin: 15px 0px;
}
.frame div.inner {
	padding: 15px;
	background-color: #ffffff;
	background-image: url(../images/topic/tea_pet/img1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.frame ul {
	list-style: none;
	margin-top: 10px;
	text-indent: -1em;
	padding-left: 1em;
	letter-spacing: 2px;
}


/*-----------------------------------------------------------------------/
	Slow Drink
/*----------------------------------------------------------------------*/

#slow {
	background: #FFFDAD center top;
	padding: 15px;
	margin-bottom: 15px;
}


/*-----------------------------------------------------------------------/
	1day2cup
/*----------------------------------------------------------------------*/

#day2cup {
	background: url(../images/topic/1day2cup/back.gif) no-repeat left top;
	height: 200px;
	width: 600px;
	margin-top: 5px;
}
#day2cup p {
	text-align: center;
	color: #FFFFFF;
	padding-top: 47px;
}


/*-----------------------------------------------------------------------/
	Spring
/*----------------------------------------------------------------------*/

#spring {
	background: url(../images/topic/spring/back.gif) no-repeat left top;
	height: 180px;
	width: 600px;
	margin: 15px 0px 20px;
}
#spring p {
	text-align: center;
	color: #CC0000;
	padding-top: 47px;
	letter-spacing: 2px;
}
.spring2012 {
	background-image: url(../images/topic/spring/bg2012.jpg);
	background-repeart:no-repeat;
	background-position: right top;
	/* height: 200px; */
	margin-bottom: 30px;
}
.spring2012 p {
	width: 400px;
}


/*-----------------------------------------------------------------------/
	Autumn
/*----------------------------------------------------------------------*/

dl.autumn {
	background: url(../images/topic/autumn/img02.gif) no-repeat right top;
}
dl.autumn dt {
	font-weight: bold;
	margin-top: 5px;
}


/*-----------------------------------------------------------------------/
	Winter
/*----------------------------------------------------------------------*/

#winter {

	background: url(../images/topic/winter/img03.jpg) no-repeat left top;
	height: 350px;
	width: 520px;
	margin: 0px auto;
}
#winter.txt02 {
	background: url(../images/topic/winter/img04.jpg) no-repeat left top;
	height: 210px;
	margin-top: 15px;
}
#winter span {
	font-size: 16px;
	color: #336600;
	font-weight: bold;
	margin-left: 165px;
	line-height: 25px;
}
#winter span.txt02 {
	margin-left: 250px;
}
#winter p {
	line-height: 25px;
	margin: 5px 0px 0px 165px;
}
#winter p.txt02 {
	margin: 5px 0px 0px 250px;
}
#newyear {
	border: 2px solid #CC0000;
	background: #FBF3AE;
	padding: 15px 0px;
	margin: 30px 0px 5px;
}
#newyear ul.nenga {
	margin: 20px auto 0px;
	list-style: none;
}
#newyear ul.nenga li {
	float: left;
	width: 250px;
	margin-left: 48px;
}


/*-----------------------------------------------------------------------/
	New Tea
/*----------------------------------------------------------------------*/

.newtea {
	background: url(../images/topic/newtea/img01.jpg) no-repeat right top;
	height: 220px;
	margin-bottom: 30px;
}
.newtea p {
	font-size: 110%;
	width: 300px;
	line-height: 2;
}


/*-----------------------------------------------------------------------/
	Summer
/*----------------------------------------------------------------------*/

.summer {
	line-height: 2;
	margin-bottom: 20px;
}

.summer_flex {
	padding: 10px 0 30px;
}
.summer_flex div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
}
.summer_flex div img {
	width: 180px;
}
.summer_flex div p {
	width: 400px;
}