@charset "utf-8";

/* ===================================================================
	Site Name: base

	Author: aki
=================================================================== */

/*index*/

.pgindex em{
	font-style:normal;
	color:#589908;
}

.pgindex #con-top{
	margin:0px 0px 10px 0;
	padding:0 0 40px 0;
	background:url(../img/products/index/line.gif) left bottom no-repeat;
}

.pgindex #con-top-inner dt{
	margin:10px 0 5px;
}

.pgindex #con1{
	margin:0px 0px 30px 0;
	padding:0 0 40px 0;
	background:url(../img/products/index/line.gif) left bottom no-repeat;
}

.pgindex #con1 h4{
	margin:40px 0 0 0;
}


.pgindex #con1 dl{
	padding:15px 0 0 0;
}

.pgindex #con1 dt{
	float:right;
	width:259px;
	text-align:center;
}

.pgindex #con1 dd{
	float:left;
	width:350px;
}

.pgindex #con2{
	background:url(../img/products/index/line.gif) left bottom no-repeat;
	padding:0 0 40px 0;
}

.pgindex #con2 dl{
	padding:15px 0 0 0;
}

.pgindex #con2 dt{
	float:right;
	width:259px;
	text-align:center;

}

.pgindex #con2 dd{
	float:left;
	width:350px;
}



.pgindex #con3{
	background:url(../img/products/index/b3mdl.gif) left top repeat-y;
	min-height:1px;
	_height:1px;
	width:574px;
	margin:0 0 20px 5px;
}

.pgindex #con3-top{
	background:url(../img/products/index/b3top.gif) left top no-repeat;
	min-height:1px;
	_height:1px;
}

.pgindex #con3-btm{
	background:url(../img/products/index/b3btm.gif) left bottom no-repeat;
	min-height:1px;
	_height:1px;
}

.pgindex #con3-inner{
	min-height:310px;
	_height:310px;
}

.pgindex #con3 dl{
	padding:40px 0 30px 0;
}

.pgindex #con3 dt{
	text-align:center;
}

.pgindex #con3 #c3btn{
	text-align:center;
	padding:0px 0 20px 0;
}

.pgindex #con3 #c3txt{
	padding:0 50px;
}


.pgindex #con4-inner{
	padding:30px 0 20px 5px;
}

.pgindex #con4 h4{
	margin:0 0 20px 0;
}

.pgindex .c4mbox{
width:193px;
float:left;
}

.pgindex .c4mbox-flame{
	background:url(../img/products/index/mbmdl.gif) left top repeat-y;
	min-height:1px;
	_height:1px;
}

.pgindex .c4mbox-top{
	background:url(../img/products/index/mbtop.gif) left top no-repeat;
	min-height:1px;
	_height:1px;
}

.pgindex .c4mbox-btm{
	background:url(../img/products/index/mbbtm.gif) left bottom no-repeat;
	min-height:1px;
	_height:1px;
}

.pgindex .c4mbox-inner{
	padding:10px 9px;
	min-height:160px;
	_height:160px;
}

.pgindex .c4mbox-inner p{
	display:block;
	padding:5px;
}


/*features*/

.pgfeatures #con1,.pgfeatures #con2{
	margin:0 0 20px 0;
}

.pgfeatures #con1-inner{
border:1px solid #efebe7;
background-color:#fffbf7;
min-height:1px;
_height:1px;
}

.pgfeatures #con2-inner{
border:1px solid #efebe7;
background-color:#fffbf7;
min-height:1px;
_height:1px;
}


.pgfeatures .pt1{
	padding:20px;
}

.pgfeatures .pt1 dt{
	float:left;
	width:120px;
}

/*.pgfeatures .pt1 dd{
	float:right;
	width:440px;
}
*/
.pgfeatures .pt2{
	padding:15px 10px;
	border:1px solid #efebe7;
	border-width:0 0 1px 0;
}

.pgfeatures .pt2 dt{
	float:left;
	width:200px;
}

.pgfeatures .pt2 dd{
	float:right;
	width:380px;
}

.pgfeatures .pt3{
	padding:15px 10px;
	border:1px solid #efebe7;
	border-width:0 0 1px 0;
}

.pgfeatures .pt3 dt{
	float:left;
	width:250px;
}

.pgfeatures .pt3 dd{
	float:right;
	width:330px;
}

.pgfeatures .pt4{
	padding:15px 10px 10px 10px;
}

.pgfeatures .pt4 dt{
	float:left;
	width:170px;
}

.pgfeatures .pt4 dd{
	float:right;
	width:400px;
}

.pgfeatures #con2 dd img{
	margin:0 0 10px 0;
}

.pgfeatures .fred{
	color:red;
}

.pgfeatures #con3{
border:1px solid #efebe7;
background-color:#fffbf7;
min-height:1px;
_height:1px;
}
.pgfeatures #con3-inner{
	padding:15px 10px 10px 10px;
}
.pgfeatures #con3 dl{
	margin:0 0 10px 0;
}
.pgfeatures #con3 table{
	border:#e0e0e0 solid 1px;
	background:#ffcc99;
	width:48%;
}
.pgfeatures #con3 table caption{
	text-align:center;
	padding:0 0 5px 0;
}
.pgfeatures #con3 table.left{
	background:#fbe18c;
	margin:0 20px 0 0;
}
.pgfeatures #con3 table th{
	padding:5px;
	border-right:#ffffff dotted 1px;
	text-align:center;
}
.pgfeatures #con3 table td{
	padding:5px 10px;
	border-right:#ffb66f dotted 1px;
	border-bottom:#ffb66f dotted 1px;
	background:#ffffff;
}
.pgfeatures #con3 table.left td{
	border-right:#fbe18c dotted 1px;
	border-bottom:#fbe18c dotted 1px;
}
.t-small{
	font-size:85%;
}
/*-------------------------
	products/opinion.html
-------------------------*/

.pgopinion .red{
	color:red;
}

.pgopinion #con1 {
	border:3px solid #eeeeee;
	padding:5px;
	background:#FFF;
	margin:15px 10px 10px;
}

.pgopinion #con1 p{
	padding:0 0 0 10px;
}

.pgopinion #con1 li{
	width:195px;
	float:left;
	text-align:center;
}


.pgopinion #con1 dl{
	width:130px;
	float:left;
	padding:5px;
}

.pgopinion #con1 dl dd{
	text-align:center;
	font-size:90%;
}

.pgopinion #con2 {
	padding:30px 10px 30px 10px;
}

.pgopinion #con2 dl{
	float:left;
	width:190px;
}

.pgopinion #con2 .right{
	width:380px;
}

.pgopinion #con2 .right #p{
	border:5px solid #c20120;
	padding:5px;
	margin:0 0 10px 0;
}

/* --con3-- */
.pgopinion #con3 {
	border:1px solid #e8e7e5;
	background:#FFFFFF;
	margin:0 10px;
}

.pgopinion #con3 .con3-inner{
	padding:15px;
}


.pgopinion #con3 #con31 {
	padding:0 15px 30px;
}

.pgopinion #con3 #con31 .left {
	width:445px;
	padding:15px 0 0 0;
}

.pgopinion #con3 #con31 .left p{
	padding:10px 0 0 0;
}

.pgopinion #con3 #con31 .left #vo-mdl{
	background:url(../img/products/rooibos/vo-mdl.gif) left top repeat-y;
}

.pgopinion #con3 #con31 .left #vo-top{
	background:url(../img/products/rooibos/vo-top.gif) left top no-repeat;
}

.pgopinion #con3 #con31 .left #vo-btm{
	background:url(../img/products/rooibos/vo-btm.gif) left bottom no-repeat;
}

.pgopinion #con3 #con31 .left #vo-mdl p{
	padding:5px 5px 5px 10px;
}

.pgopinion #con3 #con31 .right{
	width:106px;
}


.pgopinion #con3 #con32 p{
	text-align:center;
}


.pgopinion #con3 #con33 li.left{
	width:246px;
}

.pgopinion #con3 #con33 li.right{
	width:292px;
}

.pgopinion #con3 #con33 p{
	padding:0 5px;
}

.pgopinion #con3 #con34-inner{
	border:3px solid #af622f;
	padding:10px 0px 5px 8px;
	background:#fff7ef;
	margin:15px 0 10px 0;
}

.pgopinion #con3 #con34-inner dd{
	padding:0 0 10px 5px;
}

.pgopinion #con3 #con34 .dl1 {
	width:500px;
}

.pgopinion #con3 #con34 .dl1 dd{
	width:350px;
	float:left;
}

.pgopinion #con3 #con34 .dl1 dt{
	width:150px;
	float:left;
}

.pgopinion #con4 {
	margin:30px 0 0 0;
}

.pgopinion #con4 #con4-inner{
	margin:15px 0 0 0;
}


.pgopinion #con4 .c4box {
	width:150px;
	float:left;
}

.pgopinion #con4 .c4box .c4-mdl{
	background:url(../img/products/rooibos/c4-mdl.gif) left top repeat-y;
}

.pgopinion #con4 .c4box .c4-btm{
	background:url(../img/products/rooibos/c4-btm.gif) left bottom no-repeat;
}

.pgopinion #con4 .c4box .c4-inner{
	_height:180px;
	min-height:180px;
	padding:8px 10px;
}

.pgopinion #con4 .c4-inner p{
	font-size:90%;
}

.pgopinion #con4 .c4-img {
	text-align:center;
	_height:120px;
	min-height:120px;
}

.pgopinion #con5 {
	margin:30px 0 0 0;
}

.pgopinion #con5 #ttt{
	font-size:120%;
	font-weight:bold;
	color:#900;
}

.pgopinion #con5 h5{
	margin:0 0 10px 0 ;
}

.pgopinion #con5 #con5-inner {
	margin:15px 0 20px 0;
}

.pgopinion #con5 .left {
	width:190px;
}

.pgopinion #con5 .left dd{
	text-align:center;
}

.pgopinion #con5 .right {
	width:400px;
}

.pgopinion #voice{
	padding:0 13px;
}
.pgopinion #voice #voice-inner{
	background:url(../img/products/rooibos/b_bak.jpg) right top no-repeat;
	_height:152px;
	min-height:152px;
}

.pgopinion #voice #voice-inner dl{
	background:url(../img/products/rooibos/line.gif) left bottom repeat-x;
	padding:0 0 20px 0;
}
.pgopinion #voice #voice-inner dt{
	padding:20px 0 5px 0;
}

.brown{
	color:#af622f;
}

.blue{
	color:#036;
	font-weight:bold;
}
