@charset "UTF-8";

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

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

****************************************************************** */
body#p-home{
	background:url(/img/common/bg_body_home.gif) repeat-x 0 0 #F0EBE1;
	}
body#p-home #header {
	height:88px;
	margin:0 auto ;
	}
	
/* ------------------------------------------------------------------
	contenthead
-------------------------------------------------------------------*/
#contentshead{
	height:322px;
	background:url(/img/home/bg_home_contents.png) no-repeat;
	position:relative;
	}
#contentshead #homeYakuzaishi{
	background:url(/img/home/home_yakuzaishi.jpg) no-repeat 0 0;
	height:198px;
	width:219px;
	margin-bottom:10px;
	position:absolute;
	left:723px;
	top:20px;
	}
#contentshead #homeYakuzaishi span{
	line-height:normal;
	top:68px;
	left:86px;
	color:#FFF;
	font:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
	letter-spacing:10px;
	position:absolute;
	}
#contentshead #homeRegisterBtn{
	position: absolute;
	top:2px;
	left:7px;
	margin:0 auto;
	width:205px;
	height:44px;
	text-indent:-5000px;
	display:block;
	background:url(/img/btn/btn_regist.gif) no-repeat 0 0;
	}
#contentshead #homeRegisterBtn{
	margin:0 auto;
	width:205px;
	height:44px;
	text-indent:-5000px;
	display:block;
	background:url(/img/home/home_btn_regist.gif) no-repeat 0 0;

	}
#contentshead #homeRegisterBtn:hover{
	background:url(/img/home/home_btn_regist.gif) no-repeat 0 -45px;
	}

#contentshead #homeRegister{
	position:absolute;
	width:219px;
	height:85px;
	top:219px;
	left:723px;
	background:url(/img/home/bg_home_register.gif) no-repeat 0 0;
	}
#contentshead #homeRegister p{
	position:absolute;
	top:48px;
	left:10px;
	font-size:10px;
	text-align:center;
	width:200px;
	}
	
#contentshead .map{
	width:430px;
	height:315px;
	position:absolute;
	top:4px;
	left:278px;
}
#contentshead .areaMenu{
	background:url(/img/home/contentshead_area_bg.gif) no-repeat 0 0;
	width:135px;
	height:282px;
	position:absolute;
	left:140px;
	top:21px;
	
	}

#contentshead .areaMenu ul{
	padding:6px 6px 0 6px;
	}
#contentshead .areaMenu ul li{
	margin-bottom:2px;
}
#contentshead .areaMenu ul li strong{
	font-weight:bold;
}
#contentshead .areaMenu ul li a{
	font-size:10px;
	line-height:23px;
	display:block;
	background:url(/img/home/contentshead_area_list.gif) no-repeat 0 0;

	height:23px;
	display:block;
	padding-left:18px;
	text-decoration:none;
	}
#contentshead .areaMenu dl{
	padding:6px 6px 0 6px;
	width:auto;
	}
#contentshead .areaMenu dt{
	font-weight:bold;
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	width:auto;
	font-size:12px;
	margin-bottom:5px;
	}

#contentshead .areaMenu dd{
	background:url(/img/icon/icon_li_s.gif) no-repeat 7px 50%;
	font-size:10px;
	padding-left:18px;
	}
#contentshead .areaMenu dd a{
	text-decoration:none;
	}
#contentshead .areaMenu dd strong{
	font-weight:bold;
	}

/*==================================================================
	categoryMenu
===================================================================*/
#categoryMenu{
	position:absolute;
	top:12px;
}
#categoryMenu li{
	margin-bottom:4px;
}
#categoryMenu #menu1{
	background:url(/img/home/map_menu.png) no-repeat 0 0;
	width:130px;
	height:102px;
}
#categoryMenu #menu2{
	width:130px;
	height:63px;
}
#categoryMenu #menu3{
	width:130px;
	height:63px;
}
#categoryMenu #menu4{
	width:130px;
	height:62px;
}
#categoryMenu #menu2 a{
	background:url(/img/home/map_menu.png) no-repeat 0 -107px;
	width:130px;
	height:63px;
	display:block;
	text-indent:-5000px;
}
#categoryMenu #menu3 a{
	background:url(/img/home/map_menu.png) no-repeat 0 -174px;
	width:130px;
	height:63px;
	display:block;
	text-indent:-5000px;
}
#categoryMenu #menu4 a{
	background:url(/img/home/map_menu.png) no-repeat 0 -240px;
	width:130px;
	height:62px;
	display:block;
	text-indent:-5000px;
}
#categoryMenu #menu2 a:hover{
	background:url(/img/home/map_menu.png) no-repeat 0 -432px;
}
#categoryMenu #menu3 a:hover{
	background:url(/img/home/map_menu.png) no-repeat 0 -499px;
}
#categoryMenu #menu4 a:hover{
	background:url(/img/home/map_menu.png) no-repeat 0 -565px;
}
#categoryMenu ol {
	position:absolute;
	top:40px;
	left:10px;
}
#categoryMenu ol li{
	font-size:10px;
	background:url(/img/home/menu_li.gif) no-repeat 5px 3px;
	margin-bottom:10px;
	padding-left:15px;
	line-height:normal;
}
#categoryMenu ol li a{
	color:#FFF;
}
#categoryMenu ol li a strong{
	font-weight:bold;
}


/* ------------------------------------------------------------------
	homeMenuBtn
-------------------------------------------------------------------*/
#homeMenuBtn{
	margin-bottom:10px;
}
#homeMenuBtn li{
	width:230px;
	height:80px;
	float:left;
	margin-right:3px;
}
#homeMenuBtn li#btnHighWage{
	margin-right:0;
}
#homeMenuBtn a{
	display:block;
	width:230px;
	height:80px;
	text-indent:-5000px;
}
#homeMenuBtn #btnBeginner a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat 0 0;
}
#homeMenuBtn #btnFreestyle a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -235px 0;
}
#homeMenuBtn #btnTrainning a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -470px 0;
}
#homeMenuBtn #btnHighWage a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -705px 0;
}
#homeMenuBtn #btnBeginner:hover a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat 0 -95px;
}
#homeMenuBtn #btnFreestyle:hover a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -235px -95px;
}
#homeMenuBtn #btnTrainning:hover a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -470px -95px;
}
#homeMenuBtn #btnHighWage:hover a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -705px -95px;
}

#homeMenuBtn #btnPart a{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -470px 0;
}
#homeMenuBtn #btnPart a:hover{
	background:url(/img/home/btn_home_menu.jpg) no-repeat -470px 0;
}


/* ------------------------------------------------------------------
	pickupSection
-------------------------------------------------------------------*/
#pickupSection{
	margin-bottom:10px;
}
#pickupSection .inner{
	padding:10px 0 0 0;
}
#pickupSection table {
	width:100%;
}
#pickupSection table th,
#pickupSection table td{
	padding:0 10px;
	background:url(/img/common/line_dot2.gif) repeat-y 100% 100%;
	font-size:10px;
	text-align:center;
}
#pickupSection table td a{
	padding-left:8px;
	background:url(/img/icon/icon_li_s.gif) no-repeat 0 50%;
}
#pickupSection table th.no1,
#pickupSection table td.no1{
	padding:0 10px 0 0;
	background:url(/img/common/line_dot2.gif) repeat-y 100% 100%;
}
#pickupSection table th.no5,
#pickupSection table td.no5{
	padding:0 0 0 10px;
	background:none;
}

/* ------------------------------------------------------------------
	newSection
-------------------------------------------------------------------*/
#newSection{
	margin:0 0 15x 0;
	}
#newSection #new{
	float:left;
	width:343px;
	}
#newSection #urgent{
	float:right;
	width:343px;
	}	
#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{
	display:block;
	background: #FFF url("/img/icon/kyubo.gif") no-repeat 5px 50%;
	padding-left:55px;
	width:275px;
	}
#new ul li span{
	display:block;
	background: url("/img/icon/new.gif") no-repeat 5px 50%;
	padding-left:55px;
	width:275px;
	}		

/*	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;
	padding: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:340px;
	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:320px;
	}

#p-search #search #searchBox{
	width:340px;
	}
#p-search #search #mapBox{
	width:340px;
	margin-bottom:10px;
	}
#p-search #search dl.inline{
	padding:10px 0;
	}

/* ------------------------------------------------------------------
	セレクション
-------------------------------------------------------------------*/
#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;
	}	

/*	yakuzaishi
-------------------------------------------------------------------*/
#sidebar #yakuzaishi{
	display:none;
	}


/*	map
-------------------------------------------------------------------*/

#news table{
	width:100%;
	}
#news table th,
#news table td{
	padding:4px 0px;
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 100%;
	}
#news table td{
	white-space: nowrap;
	padding-right:8px;
	}
#newsIndex{
	text-align:right;
	}




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

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