@import url("reset.css");

/* CSS Document */

html,body{
	height: 100%;
	width: 100%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Arial, Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";}
body{
	text-align: center;
	color: #666666;}
li{ list-style: none;}


/* ------------------------------------------------------------
   top page
------------------------------------------------------------ */
#top{
	background-color: #f1f1e2;
	background-image: url(../../images/bgLv2.jpg);
	background-position: top;
	background-repeat:repeat-x;}

#top #headerArea{
	width: 858px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	text-align: center;}
	
#top #topArea{
	width: 858px;
	margin: 0 auto;
	background-image: url(../../images/bgFlash.jpg);
	background-position:top;
	background-repeat:no-repeat;}
#top #topFlash{
	width: 850px;
	height: 348px;
	margin: 0 auto;
	padding: 5px 0 0 0;}
#top #info {
	width: 850px;
	margin: 10px auto;
	height: 215px;}
	
* html #top #info {
	width: 850px;
	margin: 10px 0 0 0;
	padding: 0px 0px 0px 0px;
	height: 215px;
	text-align:center;}

#top #boxLeft{
	height: 215px;
	width:520px;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}

.b_text{
	font-size: 10px;
	color:#666666;
	text-align:left;
	line-height:15px;
	margin-bottom:4px;
}

#top #new{
	float: left;
	display: inline;
	width:520px;
	height: 206px;
	margin: 0;
	padding-top:5px;
	background-image:url(../../images/bgNew.gif);
	background-repeat: no-repeat;
	text-align:left;}
#new #new_title{
	width: 150px; height: 10px;
	text-align: left;
	margin-top: 0px; margin-left: 10px; margin-right: 0px; margin-bottom: 5px;
	padding:0;}
#new #topics{
	background-color:#f1f1ef;
	width:500px;
	height: 175px;
	margin:0 0 0 10px;
	font-size: 65%;
	overflow:auto;}
#top #boxRight{
	width: 300px;
	height: 190px;
	float: right;
	display: inline;
	margin: 0 10px 0 5px;}
#boxRight .banner{ margin-bottom: 5px;}
#boxRight .banner2{
    background-image:url(../../images/veri_back.gif); 
	width: 300px;
	height:91px;}



#top #selection {
	clear: both;
	width: 850px;
	padding:5px 0 0;
	margin:0 auto;}
* html #top #selection {
	clear: both;
	width: 850px;
	padding:0;
	margin:0 auto;}
#top #selection .selection_title {
	width: 730px;
	height:44px;
	padding:0;
	margin:0 auto;
	text-align:left;
	float:left;}
#top #selection .selection_title h2{
	width: 730px;
	height:44px;
	padding:0;
	margin:0 auto;
	text-align:left;
	float:left;}
#top #selection .list{ 
	width: 120px;
	height:44px;
	padding:0;
	margin:0;
	float:right;}
#top #selection .list a:active{
	width: 120px;
	height:44px;
	padding:0;
	margin:0;}
#selection .main{ 
	width: 850px;
	background:#ffffff;
	padding: 0;
	text-align: left;
	clear:both;}

table#selection_table{
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
padding:0;
border:0;
width: 842px;
}
#selection_table .s_text{
	width: 842px;
	height:15px;
	font-size: 10px;
	color:#666666;
	text-align:left;
	margin-bottom:4px;
	padding:15px 0 0 15px;
}
#selection_table h3{
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px;
border-left: solid 4px #13a8e8;
font-size: 13px;
vertical-align: top;

font-weight: bold;
}

td.left1{
padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 40px;
border:0;
width: 241px;
}

td.center1{
padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 40px;
border:0;
width: 240px;
}

td.right1{
padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 40px;
border:0;
width: 241px;
}

td.left2{
padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 40px;
border:0;
width: 241px;
}

td.center2{
padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 40px;
border:0;
width: 240px;
}

td.right2{
padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 40px;
border:0;
width: 241px;
}

.pict{
padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px;
width:50%;
text-align:center;
vertical-align:top;
}

.detail{
padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px;
width:50%;
text-align:left;
vertical-align:top;
}

#selection_table ul{
	height:65px;
	margin:0;
	padding:0;
	font-size: 56%;}
#selection_table li{
	height:15px;
	margin:0;
	padding-left:17px;
	vertical-align: middle;}
#selection_table .detail .button{
	margin-left:17px;}

/* ------------------------------------------------------------
   What's New
------------------------------------------------------------ */
.news{ 
	line-height: 1.5;
	width: 450px;
	margin:10px 5px 10px 10px;
	padding:0;
	}
.news li{
	clear: both;}
.news .date{
	width: 40px;
	float: left;
	margin-bottom: 7px;}
.news .dateInfo{
	width: 390px;
	float:right;
	text-align:left;
    margin-bottom: 7px;}
.news .dateInfo a{
	width: 390px;
	TEXT-DECORATION:none;COLOR:#000099;
	text-align:left;
	margin-bottom: 7px;}
.news .dateInfo a:active{
	width: 390px;
	TEXT-DECORATION:none;COLOR:#000099;
	text-align:left;
	margin-bottom: 7px;}
.news .dateInfo a:visited{
	width: 390px;
	TEXT-DECORATION:none;COLOR:#000099;
	text-align:left;
	margin-bottom: 7px;}
.news .dateInfo a:hover{
	width: 390px;
	TEXT-DECORATION:underline;COLOR:#990000;
	text-align:left;
	margin-bottom: 7px;}

.news .dateInfo2{
	width: 390px;
	float:right;
	text-align:left;
    margin-bottom: 7px;}
.news .dateInfo2 a{
	TEXT-DECORATION:none;COLOR:#000099;
	text-align:left;
	margin-bottom: 7px;}
.news .dateInfo2 a:active{
	TEXT-DECORATION:none;COLOR:#000099;
	text-align:left;
	margin-bottom: 7px;}
.news .dateInfo2 a:visited{
	TEXT-DECORATION:none;COLOR:#000099;
	text-align:left;
	margin-bottom: 7px;}
.news .dateInfo2 a:hover{
	TEXT-DECORATION:underline;COLOR:#990000;
	text-align:left;
	margin-bottom: 7px;}
	
/* ------------------------------------------------------------
   header
------------------------------------------------------------ */
#headerArea{
	width: 731px;
	height: 172px;
	margin: 0 auto 0 auto;
	text-align: left;}

#logo{
	width: 242px;
	height: 53px;
	float: left;
	margin: 15px 5px 10px 0;}	
#headerRight{
	float: right;
	text-align: right;
	padding: 20px 5px 0 0;}

#lead{
	text-align: right;
	font-size: 60%;
	margin-bottom:13px;
	font-weight:normal;}
#btnNav {
	width: 317px;
	height: 20px;
	margin-bottom: 20px;}	
#btnNav li{
	float: left;
	display: inline;
	margin:0 0 0 5px;
	padding:0;}	

#gnav {
	margin:0;
	padding:0;
	clear:both;
	height: 57px;}

#gnav ul{
	margin: 0 0 0 1px;
	height: 57px;
	padding:0;}
#gnav li{
	float: left;
	display: inline;
	margin:0;
	padding:0;
	height: 57px;}
#gnav li img{
	margin:0;
	padding:0;
	vertical-align:bottom;}

#snav {
	clear: both;
	width: 100%;
	height: 30px;
	margin:0;
	padding: 0;
	background-image: url(../../images/bgSnav.jpg);
	background-position: top;
	background-repeat:no-repeat;}
#snav ul{ margin: 0 0 0 20px;}
#snav li{
	float: left;
	display: inline;
	margin:0 20px 0 0;
	padding: 8px 0 0 0;}

/* ------------------------------------------------------------
   footer
------------------------------------------------------------ */

#footer{clear: both; padding-bottom:10px;}
#footerArea{
	width: 100%;
	height: 34px;
	margin: 10px 0;
	background-color:#ffffff;
	background-image: url(../../images/bgFooter.jpg);
	background-position: center;
	background-repeat:repeat-x;}
	
#footerArea a{
	color: #ffffff;
	text-decoration: none;}
#footerArea a:hover {
	color: #cccccc;}
	
#footerArea ul{ 
	width: 425px;
	margin: 0 auto;
	text-align:center;}
#footerArea li{
	float: left;
	display: inline;
	text-align: center;
	border-left: solid 1px #666666;
	padding: 3px 15px;
	font-size: 56%;
	margin: 10px 0 0 0;}
#footerArea li.lastList{ border-right: solid 1px #666666;} 

#footer #copyright {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;}

#footer #linkstyle{
	margin:10px auto 0 auto;
	width:850px;
	border:0px;
}
#linkstyle p.f_link{
	text-align:right;
	font-size: 10px;
	line-height:15px;
}

#linkstyle p.f_link a{
	color: #666666;
}