@charset "utf-8";


#MainNavi {
	background: url(../common/mn_btn_baron.gif) no-repeat left top;
	height: 65px;
	width: 850px;
	position: relative;
}


/* ////////////////    MainContents    //////////////// */

#women-img {
	background: url(../blog/media/women_main.jpg) no-repeat left top;
	height: 165px;
	width: 545px;
}

#circulation-img {
	background: url(../blog/media/circulation_main.jpg) no-repeat left top;
	height: 165px;
	width: 545px;
}

#beautiful-img {
	background: url(../blog/media/beautiful_main.jpg) no-repeat left top;
	height: 165px;
	width: 545px;
}

#healthier-img {
	background: url(../blog/media/healthier_main.jpg) no-repeat left top;
	height: 165px;
	width: 545px;
}

#aroma-img {
	background: url(../blog/media/aroma_main.jpg) no-repeat left top;
	height: 165px;
	width: 545px;
}

#experiment-img {
	background: url(../blog/media/experiment_main.jpg) no-repeat left top;
	height: 165px;
	width: 545px;
}

#title {
	width: 545px;
	padding: 20px 0 0;
}

.knowledge-area {
	width: 510px;
	font-size: 12px;	
	padding: 10px;
	margin: 0 auto 30px auto;
	background: #FFF;
}

.knowledge-title {
	width: 510px;
	font-size: 13px;
	font-weight: bold;
	color: #5151A2;
	padding: 4px 11px 4px 11px;
	margin: auto;
	background-color: #F3EEF9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3E3E7D;
}

.knowledge-waku {
	width: 485px;
	font-size: 12px;
	border: 1px #FF6666 dotted;	
	padding: 10px;
	margin: 0 auto 30px auto;
	background: #FDFEED;
}

/* ////////////////    knowledgeTable    //////////////// */

.knowledgeTable {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin-bottom: 25px;
}

.knowledgeTable th {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:5px 15px;
	color:#FFFFFF;
	font-weight:bold;
}

.knowledgeTable td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:5px 15px;
}



.knowledgeTable dl {
}

.knowledgeTable dt {
	float: left;
	width: 1.5em;
	padding-left: 0.5em;
	clear: both;
	margin-bottom: 0.5em;
	color: red;
}

.knowledgeTable dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 2em;
}

/* ////////////////    danrakuTable    //////////////// */

.danrakuTable dl {
}

.danrakuTable dt {
	float: left;
	width: 1.5em;
	padding-left: 0.5em;
	clear: both;
	margin-bottom: 0.5em;
	color: red;
}

.danrakuTable dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 2em;
}

/* ////////////////    text Popup    //////////////// */

.pop_t a{
position:relative;
}

.pop_t a span{
position: absolute;
visibility: hidden;
top: -30px;
left: 50px;
width: 350px;
color: #fff;
background: #339999;
border: 1px #CCCCCC;
padding: 10px;
}

.pop_t a:hover{
	visibility:visible;
}
.pop_t a:hover span{
	visibility:visible;
}


* html .pop_t a span{
position: absolute;
visibility: hidden;
text-decoration:none;
top: -25px;
left: 50px;
width: 360px;
color: #fff;
background: #339999;
border: 1px #CCCCCC;
padding: 10px;
}
