/***********************************************/
/* leftArea                                */
/***********************************************/


/* ===== lnavrpArea ===== */

#lnavrpArea{
	clear: both;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	text-align: center;
	letter-spacing: -5%;
}

#lnavrpArea h2{
	width: 150px;
	clear: both;
	height: 20px;
	margin-bottom: 0.3em;
	background-image: url(../img/ttl_rp.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

#lnavrpArea ul{
	clear: both;
}

#lnavrpArea ul li{
	margin-bottom: 1em;
}

#lnavrpArea ul li a{
	text-decoration: none;
}

#lnavrpArea ul li a.agricultural{
	width: 150px;
	height: 100px;
	background-image: url(../../img/bnr_report01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
	display: block;
}

#lnavrpArea ul li a.agricultural:hover{
	background-position: -150px 0px;
}

#lnavrpArea ul li a.career{
	width: 150px;
	height: 100px;
	background-image: url(../../img/bnr_report02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
	display: block;
}

#lnavrpArea ul li a.career:hover{
	background-position: -150px 0px;
}

#lnavrpArea ul li a.mental{
	width: 150px;
	height: 100px;
	background-image: url(../../img/bnr_report03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
	display: block;
}

#lnavrpArea ul li a.mental:hover{
	background-position: -150px 0px;
}




/* ===== lnavevArea ===== */

#lnavevArea{
	clear: both;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	text-align: center;
	letter-spacing: -5%;
}

#lnavevArea h2{
	clear: both;
	width: 150px;
	height: 20px;
	margin-bottom: 0.3em;
	background-image: url(../img/ttl_ev.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

#lnavevArea ul{
	clear: both;
}

#lnavevArea ul li{
	margin-bottom: 1em;
}

#lnavevArea ul li a{
	text-decoration: none;
}

#lnavevArea ul li a.event{
	width: 150px;
	height: 100px;
	background-image: url(../../img/bnr_event01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
	display: block;
}

#lnavevArea ul li a.event:hover{
	background-position: -150px 0px;
}



/* ===== lnavphArea ===== */

#lnavphArea{
	clear: both;
	padding: 5px;
	background-color: #FFFFFF;
	text-align: center;
	letter-spacing: -5%;
}

#lnavphArea h2{
	clear: both;
	width: 150px;
	height: 20px;
	margin-bottom: 0.3em;
	background-image: url(../img/ttl_ph.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

#lnavphArea ul{
	clear: both;
}

#lnavphArea ul li{
	margin-bottom: 1em;
}

#lnavphArea ul li img{
	width: 150px;
	height: 100px;
}

#lnavphArea ul li a{
	text-decoration: none;
}






/* ===== maincontentsArea ===== */

#maincontentsArea{
}





/* ===== topimgArea ===== */

#topimgArea{
	clear: both;
	height: 200px;
	margin-bottom: 20px;
	background-image: url(../../img/img_top.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
}



/* ===== topmenuArea ===== */

#topmenuArea{
	clear: both;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #D0DFFF;
	border: 1px solid #0000FF;
}

#topmenuArea ul{
	clear: both;
	margin-bottom: 10px;
}

#topmenuArea ul.end{
	margin-bottom: 0px;
}

#topmenuArea ul li{
	float: left;
	margin-right: 14px;
}

#topmenuArea ul li.end{
	float: right;
	margin-right: 0px;
}

#topmenuArea ul li a{
	width: 150px;
	height: 100px;
	background-image: url(../../img/topmenu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;	
	display: block;
}

#topmenuArea ul li a.lohas{
	background-position: -10px -10px;
}

#topmenuArea ul li a.lohas:hover{
	background-position: -510px -10px;
}



#topmenuArea ul li a.vision{
	background-position: -175px -10px;
}

#topmenuArea ul li a.vision:hover{
	background-position: -675px -10px;
}



#topmenuArea ul li a.lifestyle{
	background-position: -340px -10px;
}

#topmenuArea ul li a.lifestyle:hover{
	background-position: -840px -10px;
}



#topmenuArea ul li a.community{
	background-position: -10px -120px;
}

#topmenuArea ul li a.community:hover{
	background-position: -510px -120px;
}



#topmenuArea ul li a.glad{
	background-position: -175px -120px;
}

#topmenuArea ul li a.glad:hover{
	background-position: -675px -120px;
}



#topmenuArea ul li a.mental{
	background-position: -340px -120px;
}

#topmenuArea ul li a.mental:hover{
	background-position: -840px -120px;
}



#topmenuArea ul li a.sns{
	background-position: -10px -230px;
}

#topmenuArea ul li a.sns:hover{
	background-position: -510px -230px;
}



#topmenuArea ul li a.entertainment{
	background-position: -175px -230px;
}

#topmenuArea ul li a.entertainment:hover{
	background-position: -675px -230px;
}



#topmenuArea ul li a.zen{
	background-position: -340px -230px;
}

#topmenuArea ul li a.zen:hover{
	background-position: -840px -230px;
}





/* ===== blogArea ===== */

.txtArea h3.com{
	height: 24px;
	margin-bottom: 0px;
	background-image: url(../../img/ttl_h3_com.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.txtArea h3.com a{
	height: 24px;
	display: block;
}


.txtArea h3.ind{
	height: 24px;
	margin-bottom: 0px;
	background-image: url(../../img/ttl_h3_ind.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.txtArea h3.ind a{
	height: 24px;
	display: block;
}


.txtArea h3.ent{
	height: 24px;
	margin-bottom: 0px;
	background-image: url(../../img/ttl_h3_ent.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.txtArea h3.ent a{
	height: 24px;
	display: block;
}




/* ===== begin styles for RSS Feed ===== */

.rss_box{
	padding: 10px;
	margin: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.rss_title, rss_title a{
	padding: 0;
	font-size: 1.1em;
	font-weight:bold;
}


.rss_items{
	padding: 0px;
	margin: 3px;
}

.rss_item{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	font-weight : normal; 
	font-size: 1em;
	color: #333;
	word-break: break-all;
}

ul.rss_item{
	padding: 0px;
	margin: 0px;
}

.rss_item a:link,
.rss_item a:visited,
.rss_item a:active{
	font-weight: bold;
	font-size: 1em;
	color: #333;
}

.rss_item a:hover{ 
	font-weight: bold;
	font-size: 1em;
	color: #F90;
}

.rss_date{
	font-size: 0.8em;
	font-weight : normal;
}

span.rss_date{
	margin-left: 8px;
}




/* ===== txtArea ===== */

.txtArea h3.news{
	height: 24px;
	margin-bottom: 0px;
	background-image: url(../../img/ttl_h3.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.txtArea h3.news a{
	height: 24px;
	display: block;
}

.txtArea dl.news{
	clear: both;
	padding: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.txtArea dl.news dt{
	float: left;
	clear: left;
	width: 70px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #CC6600;
}

.txtArea dl.news dd{
	float: right;
	clear: right;
	width: 400px;
	margin-bottom: 8px;
}

.txtArea dl.news dd span.right{
	float: right;
	clear: right;
	width: 110px;
	height: 16px;
	margin-left: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	text-indent: -9999em;
	display: block;
	overflow: hidden;
}

.txtArea dl.news dd span.right a{
	height: 16px;
	display: block;
}

.txtArea dl.news dd span.left{
	float: left;
	clear: left;
	width: 280px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.txtArea dl.news dd span.event{
	background-image: url(../img/ic_event.gif);
}

.txtArea dl.news dd span.report{
	background-image: url(../img/ic_report.gif);
}

.txtArea dl.news dd span.finish{
	background-image: url(../img/ic_end.gif);
}




/* ===== missionArea ===== */
#missionArea{
	width: 500px;
	height: 344px;
	background-image: url(../../img/staffmission.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

#missionArea a{
	height: 344px;
	display: block;
}






/***********************************************/
/* rightArea                                */
/***********************************************/




/***********************************************/
/* clearfix                                */
/***********************************************/

#topmenuArea:after,
#topmenuArea ul:after,
.txtArea dl.news:after,
.rss_box:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#topmenuArea,
#topmenuArea ul,
.txtArea dl.news,
.rss_box{/* ===== IE hack ===== */
	display: inline-block;
}


#topmenuArea,
#topmenuArea ul,
.txtArea dl.news,
.rss_box{/* ===== Opera ===== */
	display: block;
}