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

/*=========================================
HUB menu
=========================================*/
#hub_menu{
	width:825px;
	height:150px;
	margin:60px 0 10px 50px;
}

.menu{
	width:110px;
	padding-right:55px;
	float:left;
	color:#666;
	font-size:12px;
	text-align:left;
}

#hub_menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#hub_menu li{
	overflow:hidden;
}

/*MyMail*/
#hub_menu li#hub_btn_01 a,#hub_menu li#hub_btn_01 a:link,#hub_menu li#hub_btn_01 a:visited{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_01_off.gif) left top no-repeat;
}

#hub_menu li#hub_btn_01 a:hover,#hub_menu li#hub_btn_01 a:active{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_01_on.gif) left top no-repeat;
}

/*MyPC*/
#hub_menu li#hub_btn_02 a,#hub_menu li#hub_btn_02 a:link,#hub_menu li#hub_btn_02 a:visited{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_02_off.gif) left top no-repeat;
}

#hub_menu li#hub_btn_02 a:hover,#hub_menu li#hub_btn_02 a:active{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_02_on.gif) left top no-repeat;
}

/*SiLK Hotlines*/
#hub_menu li#hub_btn_03 a,#hub_menu li#hub_btn_03 a:link,#hub_menu li#hub_btn_03 a:visited{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_03_off.gif) left top no-repeat;
}

#hub_menu li#hub_btn_03 a:hover,#hub_menu li#hub_btn_03 a:active{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_03_on.gif) left top no-repeat;
}

/*MyDTI*/
#hub_menu li#hub_btn_04 a,#hub_menu li#hub_btn_04 a:link,#hub_menu li#hub_btn_04 a:visited{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_04_off.gif) left top no-repeat;
}

#hub_menu li#hub_btn_04 a:hover,#hub_menu li#hub_btn_04 a:active{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_04_on.gif) left top no-repeat;
}

/*ClubDTI*/
#hub_menu li#hub_btn_05 a,#hub_menu li#hub_btn_05 a:link,#hub_menu li#hub_btn_05 a:visited{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_05_off.gif) left top no-repeat;
}

#hub_menu li#hub_btn_05 a:hover,#hub_menu li#hub_btn_05 a:active{
	width:110px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../image/dream-hub/hub_btn_05_on.gif) left top no-repeat;
}

/*=========================================
HUB Search
=========================================*/
#hub_search_box{
	width:570px;
	margin:0 auto;
}

#search_list{
	width:auto;
	margin:5px 0 15px 0;
	padding:0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#search_list a,#search_list a:link,#search_list a:visited{
	text-decoration:none;
	color:#ba0731;
}

#search_list a:hover,#search_list a:active{
	text-decoration:none;
	color:#2d6c9f;
}


.hub_form_txt{
	width:430px;
	height:21px;
	border:#666 1px solid;
	float:left;
	font-size:14px;
	padding-left:5px;
	line-height:21px;
}

#soft{
	text-align:right;
	font-size:12px;
	width:570px;
}

#soft a,#soft a:link,#soft a:visited{
	text-decoration:underline;
	color:#666;
}

#soft a:hover,#soft a:active{
	text-decoration:underline;
	color:#2d6c9f;
}

/*=========================================
ubiquitous
=========================================*/

#ubiquitous{
	width:750px;
	height:auto;
	margin:0 auto 50px auto;
	display:block;
}

#ubiquitous a,#ubiquitous a:link,#ubiquitous a:visited{
	color:#666;
}

#ubiquitous a:hover,#ubiquitous a:active{
	color:#2d6c9f;
}

/*tit*/
#ubiquitous div#tit a,#ubiquitous div#tit a:link,#ubiquitous div#tit a:visited{
	width:105px;
	height:20px;
	text-indent:-9999px;
	display:block;
	background:url(../image/dream-hub/ubiquitous_tit_off.gif) left bottom no-repeat;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

#ubiquitous div#tit a:hover,#ubiquitous div#tit a:active{
	width:105px;
	height:20px;
	text-indent:-9999px;
	display:block;
	background:url(../image/dream-hub/ubiquitous_tit_on.gif) left bottom no-repeat;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

/*vps*/
#ubiquitous ul#vpsArea{
	width:600px;
	display:inline-block;
	margin:0 0 10px 0;
	padding:0;
	position:relative;
}

#ubiquitous ul#vpsArea li{
	list-style:none;
	float:left;
}
	ul#vpsArea li#hub_vps a,#ubiquitous li#hub_vps a:link,#ubiquitous li#hub_vps a:visited{
		background:url(../image/dream-hub/hub_ico_vps_off.gif) left top no-repeat;
		width:100px;
		height:37px;
		display:block;
		padding-left:68px;
		line-height:37px;
	}
	ul#vpsArea li#hub_vps a:hover,#ubiquitous li#hub_vps a:active{
		background:url(../image/dream-hub/hub_ico_vps_on.gif) left top no-repeat;
		display:block;
		width:100px;
		height:37px;
		padding-left:68px;
		line-height:37px;
	}
	ul#vpsArea li#vps_info{
		width:auto;
		height:37px;
		display:block;
		line-height:37px;
		float:left;
		padding-left:10px;
	}

#ubiquitous ul#service{
	width:750px;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	position:relative;
}
	
#ubiquitous ul#service li{
	list-style:none;
	float:left;
}

/*01*/
#ubiquitous li#ubi_menu_01 a,#ubiquitous li#ubi_menu_01 a:link,#ubiquitous li#ubi_menu_01 a:visited{
	background:url(../image/dream-hub/hub_ico_01_off.gif) left top no-repeat;
	display:block;
	height:37px;
	width:100px;
	padding-left:45px;
	line-height:37px;
	margin-left:115px;
}

#ubiquitous li#ubi_menu_01 a:hover,#ubiquitous li#ubi_menu_01 a:active{
	background:url(../image/dream-hub/hub_ico_01_on.gif) left top no-repeat;
	display:block;
	height:37px;
	width:100px;
	padding-left:45px;
	line-height:37px;
	margin-left:115px;
}

/*02*/
#ubiquitous li#ubi_menu_02 a,#ubiquitous li#ubi_menu_02 a:link,#ubiquitous li#ubi_menu_02 a:visited{
	background:url(../image/dream-hub/hub_ico_02_off.gif) left top no-repeat;
	display:block;
	height:37px;
	width:55px;
	padding-left:45px;
	line-height:37px;
}

#ubiquitous li#ubi_menu_02 a:hover,#ubiquitous li#ubi_menu_02 a:active{
	background:url(../image/dream-hub/hub_ico_02_on.gif) left top no-repeat;
	display:block;
	height:37px;
	width:55px;
	padding-left:45px;
	line-height:37px;
}

/*03*/
#ubiquitous li#ubi_menu_03 a,#ubiquitous li#ubi_menu_03 a:link,#ubiquitous li#ubi_menu_03 a:visited{
	background:url(../image/dream-hub/hub_ico_03_off.gif) left top no-repeat;
	display:block;
	height:37px;
	width:175px;
	padding-left:45px;
	line-height:37px;
}

#ubiquitous li#ubi_menu_03 a:hover,#ubiquitous li#ubi_menu_03 a:active{
	background:url(../image/dream-hub/hub_ico_03_on.gif) left top no-repeat;
	display:block;
	height:37px;
	width:175px;
	padding-left:45px;
	line-height:37px;
}

/*04*/
#ubiquitous li#ubi_menu_04 a,#ubiquitous li#ubi_menu_04 a:link,#ubiquitous li#ubi_menu_04 a:visited{
	background:url(../image/dream-hub/hub_ico_04_off.gif) left top no-repeat;
	display:block;
	height:37px;
	width:80px;
	padding-left:45px;
	line-height:37px;
}

#ubiquitous li#ubi_menu_04 a:hover,#ubiquitous li#ubi_menu_04 a:active{
	background:url(../image/dream-hub/hub_ico_04_on.gif) left top no-repeat;
	display:block;
	height:37px;
	width:80px;
	padding-left:45px;
	line-height:37px;
}

/*=========================================
Information
=========================================*/

#info_box{
	width:536px;
	padding:10px 10px 10px 20px;
	margin:0 auto 20px auto;
	border:#999 1px solid;
	color:#666;
}

#info_box a{
	text-decoration:none;
}

/*=========================================
new hub search
=========================================*/
#new_hub_search{
	width:580px;
	height:85px;
	padding:10px 0 10px 0;
	background:url(../image/new_hub_search_bk.jpg) left top no-repeat;
	margin:0 auto;
}

#new_hub_search p{
	margin:0 0 5px 0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}

#new_hub_search a,#new_hub_search a:link,#new_hub_search a:visited{
	text-decoration:none;
	color:#ba0731;
}

#new_hub_search a:hover,#new_hub_search a:active{
	text-decoration:none;
	color:#2d6c9f;
}

#search_txt_box{
	width:450px;
	height:25px;
	border:#666 1px solid;
	font-size:14px;
	padding-left:5px;
	line-height:25px;
	margin:0 5px 5px 65px;
}