@charset "UTF-8";

/* ****************************************************************** 

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL: http://www.cybridge.jp/

****************************************************************** */
/* ------------------------------------------------------------------
	keyV
-------------------------------------------------------------------*/
#keyV{	
	width:670px;
	height:230px;
	background:url(/img/home/keyv.jpg) no-repeat 0 0;
	margin:0 0 20px 0;
	position:relative;
	}
#keyV a{
	position:absolute;
	display:block;
	width:180px;
	height:98px;
	text-indent:-5000px;
	background:url(/img/home/btn_keyv.jpg) no-repeat 0 0;
	}
#keyV a#beginnerBtn{
	top:15px;
	right:205px;
	background-position:0 0;
	}
#keyV a#beginnerBtn:hover{
	background-position:0 -98px;
	}
#keyV a#freeBtn{
	top:15px;
	right:15px;
	background-position:-180px 0;
	}
#keyV a#freeBtn:hover{
	background-position:-180px -98px;
	}	
#keyV a#trainingBtn{
	bottom:13px;
	right:205px;
	background-position:-360px 0;
	}
#keyV a#trainingBtn:hover{
	background-position:-360px -98px;
	}	
#keyV a#highwageBtn{
	bottom:13px;
	right:15px;
	background-position:-540px 0;
	}
#keyV a#highwageBtn:hover{
	background-position:-540px -98px;
	}					
	

/* ------------------------------------------------------------------
	newSection
-------------------------------------------------------------------*/
#newSection{
	margin:0 0 15x 0;
	}
#newSection #new{
	float:left;
	width:330px;
	}
#newSection #urgent{
	float:right;
	width:330px;
	}	
#urgent ul li,
#new ul li{
	padding:5px 0;
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	}
#urgent ul li span{
	background: #FFF url("/img/icon/kyubo.gif") no-repeat 5px 50%;
	padding-left:50px;
	float:left;
	width:225px;
	}
#new ul li span{
	background: #FFF url("/img/icon/new.gif") no-repeat 5px 50%;
	padding-left:50px;
	float:left;
	width:220px;
	}		


/*	pickup styles
-------------------------------------------------------------------*/

ul#pickup{
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	position:relative;
	margin-bottom:12px;
	}
ul#pickup li{
	padding:8px 0px;
	background: url("/img/icon/icon_new.gif") no-repeat 0% 50%;
	padding-left:36px;
	}
ul#pickup li#pickupRight{
	position:absolute;
	text-align:right;
	right:0px;
	top:0px;
	}


/*==================================================================
	search styles
===================================================================*/
#search{
	margin:0 0 15px 0;
	}
#search h2,
#search h3{
	margin:0 0 10px 0;
	}
#search h2{	
	background:url(/img/home/bg_h2.gif) no-repeat 0 0;
	height:28px;
	text-indent:-5000px;
	}
#search #mapBox{
	width:320px;
	float:left;
	}
#search #searchBox .section{
	margin-bottom:12px;
	}
#search #searchBox select{
	width:160px;
	margin-left:10px;
	}
#search .submit{
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 0%;
	padding:10px 0px 0px 0px;
	margin:0px;
	}	
#search #searchBox{
	float:right;
	width:300px;
	}

/* ------------------------------------------------------------------
	セレクション
-------------------------------------------------------------------*/
#selection{
	margin:0 0 15px 0;
	}
#selection h2{
	background:url(/img/home/bg_h2.gif) no-repeat 0 -28px;
	height:28px;
	text-indent:-5000px;
	margin:0 0 10px 0;
	}	
#selection th,
#selection td{
	padding:5px 0px;
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	line-height:130%;
	vertical-align:top;
}
#selection th{
	text-align:left;
	width:60px;
	}
#selection td{
	padding:5px 0 0 0;
	font-size:92%;
	}
#selection td a{
	background: #FFF url("/img/icon/icon_li_s.gif") no-repeat 0% 50%;
	padding-left:10px;
	display:block;
	margin-bottom:3px;
	}
#selection th a img{
	padding:1px;
	border:1px solid #DDD;
	}
#selection th a:hover img{
	border-color:#FF99CC;
	}
#selection .br10{
	border-right:10px solid #fff;
	}	

/*==================================================================
	7: hacks setting
===================================================================*/
#newSection:after,
#search:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#newSection,
#search{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #newSection,
* html #search{
	height: 1%;
	}
#newSection,
#search{
	display: block;
	}