﻿/*登録*/

#menu-search a,
#menu-other a{display:block; width:155px; margin:0; padding:0; text-indent:-10000px; text-decoration:none; }
#menu-sub a,#menu-word a{display:block; width:155px; margin:0; padding:0; text-decoration:none; }
#menu-search {margin-bottom:13px;}

#menu-txt a{background: url(../../img/hp101/basic/menu_txt.gif) 0 0 no-repeat;display:block; text-decoration:none;}
#menu-search a{background: url(../../img/hp101/basic/menu_search.gif) 0 0 no-repeat;}
#menu-sub a,#menu-sub ul,.menu-sub-bottom{color:#333;background: url(../../img/hp101/basic/menu_sub.gif) 0 0 no-repeat;text-indent:28px;}
#menu-word a,#menu-word h2,#menu-word ol{background: url(../../img/hp101/basic/menu_word.jpg) 0 0 no-repeat;}
#menu-other a{background: url(../../img/hp101/basic/menu_other.gif) 0 0 no-repeat;}

.regist .btn a{color:#3130CE;background: url(../../img/hp101/basic/regist.jpg) 0 0 no-repeat;display:block; width:155px; margin:0; padding:0; text-indent:-10000px; text-decoration:none;}
.regist a:hover,.regist a:active{text-decoration:underline;}
.regist .btn a{background-position:0 0; height:70px; }
.regist .btn a:hover{text-decoration:none;background-position:-200px 0; }
.regist .btn a:active{text-decoration:none;background-position:-400px 0; }
.regist .btn a.active{text-decoration:none;background-position:-400px 0; }

.regist .user{
	margin: 0px 0px 0px 0px;
	text-align:center;
	height:35px;
	display:block;
}

.user a{
	font-size:10px;
	clear:both;
	text-align:right;
	width:150px;
}

.regist .login{
	margin: 0 10px;
	padding: 0;
	display: none;
}

.regist .login label{display:block; }
.regist .login label span{display:block; height:17px; background: url(../../img/hp101/basic/regist.gif) no-repeat; text-indent:-10000px; }
.regist .login label span.email{background-position:-10px -60px; }
.regist .login label span.password{background-position:-210px -60px; }
.regist .login label input{width:140px; }
.regist .login a{width:130px; height:20px; font-size:12px; text-indent:0; background:none; }

/*スカウト*/
#scout img{border:0;margin:10px 0;}

/*ようこそ*/
#welcome{background:#ff6;margin:10px 10px;padding:5px 7px;border:1px solid #993;}
#welcome .mypage a{display:block; width:82px; height:22px; margin:5px 0 0 0; padding:0; background: url(../../img/hp101/basic/mypage.gif) 0 0 no-repeat; text-align:left; text-indent:-10000px; text-decoration:none; }
#welcome .logout{margin:20px 0 0 0; font-size:11px; line-height:1.3em; } 
#welcome a{color:#3130CE;}

/*メニュー*/
#menu-txt,#menu-search,#menu-sub,#menu-word,#menu-other {margin:5px 0;}
#menu-search ul,#menu-sub ul,#menu-word ul,#menu-other ul,
#menu-search li,#menu-sub li,#menu-word li,#menu-other li,
#menu-search ol,#menu-sub ol,#menu-word ol,#menu-other ol
{margin:0; padding:0; list-style:none; list-style-type:none; }

#menu-txt ul,#menu-txt ol
{margin:5px 0 5px 0; padding:0; list-style:none; list-style-type:none; }
#menu-txt li{margin:5px 0px;width:150px;}

#menu-txt a{font-weight:bold;line-height: 120%;padding:2px 0px 2px 30px; }
#menu-txt a:hover{background-position:-200px 0;}
#menu-txt a:active,#menu-txt a.active{background-position:-400px 0;}



#menu-search a{height:33px;}
#menu-search a:hover{background-position:-200px 0;}
#menu-search a:active,#menu-search a.active{background-position:-400px 0;}

#menu-sub ul{padding-top:5px;background-position:0 0;}
#menu-sub a{height:32px;background-position:0 -10px;font-weight:bold;line-height: 225%;}
#menu-sub a:hover{background-position:-200px -10px;}
#menu-sub a:active,#menu-sub a.active{background-position:-400px -10px;color:#FFF;}
#menu-sub .menu-sub-bottom{background-position:0 bottom;height:4px;font-size:1px;}

/*人気ワード*/
#menu-word p {text-indent:-10000px;}
#menu-word h2 {text-indent:-10000px;background-position:0 0;height:38px;width:160px;}
#menu-word ol{margin-bottom:0px;padding-bottom:15px;background-position:0 bottom;width:160px;}
#menu-word ol li a{color:#000; line-height:130%; font-size:11px; padding:3px 0 0 35px; }
#menu-word ol li a strong{display:block; font-weight:bold; font-size:13px; color:#36f; }
#menu-word #word1 a{height:39px;background-position:0 -39px;}
#menu-word #word2 a{height:39px;background-position:0 -78px; }
#menu-word #word3 a{height:39px;background-position:0 -117px; }
#menu-word #word4 a{height:39px;background-position:0 -156px; }
#menu-word #word5 a{height:39px;background-position:0 -195px; }
#menu-word #word6 a{height:39px;background-position:0 -234px; }
#menu-word #word7 a{height:39px;background-position:0 -273px; }
#menu-word #word8 a{height:39px;background-position:0 -312px; }
#menu-word #word9 a{height:39px;background-position:0 -351px; }
#menu-word #word10 a{height:39px;background-position:0 -390px; }

#menu-word #word1 a:hover{background-position:-200px -39px;}
#menu-word #word2 a:hover{background-position:-200px -78px; }
#menu-word #word3 a:hover{background-position:-200px -117px; }
#menu-word #word4 a:hover{background-position:-200px -156px; }
#menu-word #word5 a:hover{background-position:-200px -195px; }
#menu-word #word6 a:hover{background-position:-200px -234px; }
#menu-word #word7 a:hover{background-position:-200px -273px; }
#menu-word #word8 a:hover{background-position:-200px -312px; }
#menu-word #word9 a:hover{background-position:-200px -351px; }
#menu-word #word10 a:hover{background-position:-200px -390px; }

/*その他*/
#menu-other #rss a{height:50px;background-position:0 0;}
#menu-other #rss a:hover{background-position:-200px 0;}
#menu-other #rss a:active{background-position:-400px 0;}

.ssl{margin:15px 0 0 25px; }


/*バナー*/
#left-banner {margin:0; padding-top:3px;}
#left-banner p,
#menu-word p {text-align:center;border-top:1px solid #FE9E00;border-bottom:1px solid #FE9E00;font-size:14px; color:#FE9E00;display:block;}
#left-banner img {border:0;text-align:center;margin:0 5px 5px 5px;width:150px;}
#left-banner .col-left-banner {text-align:center; line-height:100%;}
#left-banner .col-left-banner img{width:140px;}
#left-banner .col-left-banner a{color:#3130CE; text-decoration:underline;}

#right-banner {margin:10px 0 0 0;}
#right-banner img {border:0;}
#right-banner .col-right-banner {margin:0 0 10px 0; line-height:100%;}
#right-banner .col-right-banner a{text-decoration:underline;}

#center-banner {clear:both; margin:5px 0 5px 5px;}
#center-banner img {border:0; margin:5px 0 0 0; height:80px; width:470px;}
#center-banner .col-center-banner {margin:0 0 10px 0; line-height:100%;}


/*仕事検索*/
#side-search{margin:0; padding:0;}
#side-search .col-side-search,
#side-search .col-side-search2{margin:5px 10px; padding:0 0 7px 0; border-bottom:1px solid #CCC;}
#side-search .col-side-search2{padding-bottom:13px; background:url(../../img/hp101/basic/side_search_bottom.gif) no-repeat center bottom;}
#side-search span{display:block; height:17px;}

#side-search .count,
#side-search .free,
#side-search .period,
#side-search .type-g,
#side-search .area,
#side-search .form,
#side-search .holiday,
#side-search .room,
#side-search .money,
#side-search .type-s {background:url(../../img/hp101/basic/side_search.gif) no-repeat; text-indent:-10000px;}
#side-search .count {background-position:0 0;}
#side-search .free {background-position:0 -30px;height:20px;}
#side-search .period {background-position:0 -60px; height:23px;}
#side-search .type-g {background-position:0 -110px; height:23px;}
#side-search .area {background-position:0 -160px; height:23px;}
#side-search .form {background-position:0 -210px; height:23px;}
#side-search .holiday {background-position:0 -260px; height:23px;}
#side-search .room {background-position:0 -310px; height:23px;}
#side-search .money {background-position:0 -360px; height:23px;}
#side-search .type-s {background-position:0 -410px; height:23px;}

#side-search input {font-size:12px;padding:1px 0;}

#side-search ul,#side-search li {list-style-image: none; list-style-type: none;}
#side-search ul {margin:0; padding:0; background:url(../../img/hp101/basic/side_search_bg.gif) repeat-y;}
#side-search li {font-size:13px; padding:0 0 0 15px; background:url(../../img/hp101/basic/side_search_li.gif) no-repeat 6px 6px;}
#side-search li a {display:block; width:110px; padding-bottom:0;}
#side-search li a:hover {color:#3130CE;}

