@charset "utf-8";


/*GlovalNavigationArea
----------------------------------------------------------------------------------------------------*/
#index #gnav{
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #5f819c;
	background: url(../images/cmn_gnav_bg01.gif) top left repeat-x #a1b2b8;
	border-bottom: none;
}
#index #gnav li{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/*ContentsArea
----------------------------------------------------------------------------------------------------*/
#index #contents{
	padding-top: 17px;
	width: 524px;
}
#index h1{
	width:100%;
	background: #e3e7f2;
	border-bottom: 3px solid #97adbf;
}
#index .topics{
	margin-bottom: 20px;
}
#index .topics li{
	float: left;
	margin-right: 22px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dbdbdb;
	width: 160px;
}
#index .topics li.topics01{
	padding-top: 74px;
	background: url(../../images/index_img01.jpg) top left no-repeat;
}
#index .topics li.topics02{
	padding-top: 74px;
	background: url(../../images/index_img02.jpg) top left no-repeat;
}
#index .topics li.topics03{
	margin-right: 0px;
	padding-top: 74px;
	background: url(../../images/index_img03.jpg) top left no-repeat;
}
#index .topics li h3{
	margin-bottom:5px;
	color: #00335d;
}


#index .whatsnew table{
	width: 505px;
	border-collapse: collapse;
	border: none;
}
#index .whatsnew table th{
	width: 7em;
	padding: 11px 0px;
	border: none;
	background: url(../../images/index_line01.gif) left bottom no-repeat;
	vertical-align: top;
}
#index .whatsnew table td{
	padding: 11px 0px;
	border: none;
	background: url(../../images/index_line01.gif) right bottom no-repeat;
}
#index .whatsnew table td a{
	color: #262C88;
}

/*  sidebar  */
#index #sidebar{
	width: 237px;
}
#index #login{
	margin-bottom: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 236px;
	background: url(../../images/index_bg01.gif) left top no-repeat;
}
#index #login p{
	margin-left: 20px;
	margin-right: 9px;
}
#index #login dl{
	margin-left: 20px;
}
#index #login dt{
	width: 31px;
	padding: 6px 0px;
}
#index #login dd{
	margin: -25px 0px 3px 31px; 
}
/* safari only \*/
html:\66irst-child #index #login dd{
	margin: -18px 0px 3px 31px; 
}
#index #login dd input{
	width: 174px;
	height: 16px;
}
#index #login .login{
	text-align: center;
}
#index #info h2{
	margin-bottom:15px;
}
#index #info p,
#index #info ul{
	margin-left: 20px;
}
#index #info .banner{
	margin-top: 10px;
}

/* footer */
#footer{
	width: 524px;
}