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

/*====================================

=====================================*/

/* ============ clear ============ */
#newsArea:after,
#grobalArea:after,
#grobalNav ul:after,
#tipnessNav:after{  
	content:" ";  
	display:block;  
	clear:both;  
	height:0;  
	font-size:0;  
	visibility:hidden; 
}  
* html #newsArea,
* html #grobalArea,
* html #grobalNav ul,
* html #tipnessNav{
	zoom:1;
}/* IE6 */  
*:first-child+html #newsArea,
*:first-child+html #grobalArea,
*:first-child+html #breadcrumbs ol,
*:first-child+html #tipnessNav{
	zoom:1;
}/* IE7 */  


/* ============ newsArea ============ */
#newsArea{
	border-bottom:3px solid #343434;
	background:#696969;
	color:#ffffff;
}
#newsArea dt{
	float:left;
	margin-right:11px;
	background:#343434;
}
#newsArea dd.text{
	float:left;
	width:748px;
	padding:8px 0 2px;
	line-height:1.1;
}
#newsArea dd.btn{
	float:right;
	padding:4px 4px 3px 0;
}

/* ============ #grobalArea ============ */
#grobalArea #grobalNav{
	float:left;
	width:786px;
	height:133px;
	background:#b9b9b9;
}
#grobalArea #grobalNav li a{
	display:block;
	height:126px;
	padding:7px 0 0 9px;
	background:no-repeat 0 0;
}
#grobalArea #grobalNav li a img{
	display:block;
	padding:2px;
	border:2px solid #838383;
	background:#fffffff;
}
#grobalArea #grobalNav li a:hover{
	background-position:0 -133px;
}
#grobalArea #grobalNav li#grobalNavProgram a{
	width:187px;
	background-image:url(../images/top_navi/btn_top_program.gif);
}
#grobalArea #grobalNav li#grobalNavIntroduction a{
	width:187px;
	background-image:url(../images/top_navi/btn_top_shop.gif);
}
#grobalArea #grobalNav li#grobalNavPlan a{
	width:187px;
	background-image:url(../images/top_navi/btn_top_plan.gif);
}
#grobalArea #grobalNav li#grobalNavAccess a{
	width:188px;
	background-image:url(../images/top_navi/btn_top_access.gif);
}
#grobalArea .utilityNav{
	float:left;
	width:164px;
}

/* ============ #grobalArea ============ */
#tipnessNav{
	margin:16px 0 0 30px;
}
#tipnessNav ul li{
	float:left;
	margin-right:2px;
}

/* ============ footer ============ */
#footer .utilityNav{
	margin-top:6px;
}

/* ============ h1 ============ */
h1{
	margin:8px 30px 0;
	font-size:85%;
}