/***********************************************/
/* headerArea                              */
/***********************************************/


#headerArea{
	height: 161px;
}



/* ===== id    ===== */

#id{
	float: left;
	clear: left;
	margin-left: 32px;
	margin-top: 23px;
	display: inline;
}


/* ===== logo    ===== */

#logo{
	width: 200px;
	height: 106px;
	background-image: url(../../img/id.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
	text-decoration: none;
	display: block;
}




/***********************************************/
/* contentsArea                                */
/***********************************************/


/* ===== contentsArea ===== */

#contentsArea{
	width: 742px;
	padding-left: 18px;
}






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


#leftArea{
	width: 310px;
}


/* ===== mainmenuArea ===== */

#mainmenuArea{
	clear: both;
	margin-bottom: 90px;
}

#mainmenuArea ul{
	clear: both;
}

#mainmenuArea ul li{
	clear: both;
}

#mainmenuArea ul li a{
	width: 310px;
	height: 60px;
	background-image: url(../img/mainmenu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
	text-decoration: none;
	display: block;
}

#mainmenuArea ul li a.outline{
	background-position: 0px 0px;
}

#mainmenuArea ul li a.outline:hover{
	background-position: -310px 0px;
}

#mainmenuArea ul li a.outline_f2{
	background-position: -310px 0px;
}



#mainmenuArea ul li a.philosophy{
	background-position: 0px -60px;
}

#mainmenuArea ul li a.philosophy:hover{
	background-position: -310px -60px;
}

#mainmenuArea ul li a.philosophy_f2{
	background-position: -310px -60px;
}



#mainmenuArea ul li a.message{
	background-position: 0px -120px;
}

#mainmenuArea ul li a.message:hover{
	background-position: -310px -120px;
}

#mainmenuArea ul li a.message_f2{
	background-position: -310px -120px;
}



#mainmenuArea ul li a.information{
	background-position: 0px -180px;
}

#mainmenuArea ul li a.information:hover{
	background-position: -310px -180px;
}

#mainmenuArea ul li a.information_f2{
	background-position: -310px -180px;
}



#mainmenuArea ul li a.contact{
	height: 61px;
	background-position: 0px -240px;
}

#mainmenuArea ul li a.contact:hover{
	background-position: -310px -240px;
}

#mainmenuArea ul li a.contact_f2{
	height: 61px;
	background-position: -310px -240px;
}






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

#blogArea{
	clear: both;
	margin-bottom: 14px;
	border-bottom: 1px solid #333333;
}

#blogArea dl{
	clear: both;
}

#blogArea dl dt{
	clear: both;
	height: 12px;
	background-image: url(../../img/blogto.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
	font-size: 0.1em;
}

#blogArea dl dt a{
	height: 12px;
	background-image: url(../../img/blogto.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	display: block;
}

#blogArea dl dt a:hover{
	background-position: 0px -12px;
}

#blogArea dl dd{
	clear: both;
	min-height: 4em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

* html body #blogArea dl dd{/* ===== IE hack ===== */
	height: 4em;
}



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

.rss_box{
	padding: 0px;
	margin: 0px;
	background-color: #eaeaea;
}

.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;
}

.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;
}







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

#rightArea{
	width: 432px;
	text-align: center;
}



/* ===== newsArea ===== */

#newsArea{
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align: left;
}

#newsArea h2{
	clear: both;
	height: 20px;
	background-image: url(../img/ttl_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999em;
	overflow: hidden;
}

#newsArea h2 a{
	display: block;
}

#newstxt{
	clear: both;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../img/bg_newsarea.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: top;
}

#newstxt dl{
	clear: both;
	padding-bottom: 0.7em;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #CCCCCC;
}

#newstxt dl dt{
	clear: both;
	font-weight: bold;
}

#newstxt dl dd{
	clear: both;
	padding-left: 0.5em;
}

#newstxt dl dd a{
	font-weight: bold;
}




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

#specialArea:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#specialArea{/* ===== IE hack ===== */
	display: inline-block;
}


#specialArea{/* ===== Opera ===== */
	display: block;
}