@charset "utf-8";

/****　TOP CLM　****/
#zenkoku #indeximg{
background:url(/public/img/bg_indeximg.jpg) repeat;
border-bottom:5px solid #FF2B80;
margin-bottom:15px;
}
#zenkoku #indeximg h2{
width:1000px;
height:320px;
margin:0px auto;
position:relative;
}
#zenkoku #indeximg h2 img{
position:absolute;
bottom:0px;
}

#zenkoku #indeximg h2 p{
position:absolute;
top:5px;
right:0px;
font-size:10px;
font-weight:normal;
text-align:right;
line-height:130%;
}

/****　BN CLM　****/


#bn5 .bx-wrapper .bx-prev {
left: -30px;
}
#bn5 .bx-wrapper .bx-next {
right: -30px;
}


#bn5 {
height:170px;
}
#bn5 li img{
width:190px;
height:auto;
}

/*
#bn5 li{
float:left;
width:190px;
}

#bn5 li:last-child{
margin-right:0px;
}
*/



/****　MAIN CLM　****/
#zenkoku #main {
	float:left;
}

/****　SIDE CLM　****/
#zenkoku #side {
	float:right;
}



/****　COMMON ****/
#main h3{
position:relative;
margin:0px;
height:82px;
}

#areasearch div,#allsearch div{
border:5px solid #ddd;
border-top:none;
position:relative;
overflow:hidden;
}

#recruits div,#celeblog div{
border:3px solid #ddd;
border-top:none;
position:relative;
overflow:hidden;
}


#main h4{
position:relative;
margin:8px 0px 0px 0px;
height:64px;
}

#main h4 .thema{
position:absolute;
left:150px;
top:33px;
font-size:18px;
color:#fff;
padding:3px;
}

#main h4 .sub{
position:absolute;
right:60px;
top:33px;
font-size:12px;
background:#fff;
padding:5px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}



.selects select,#list_g select{
background:#F6F6F6;
border:1px solid #ccc;
padding:2px;
width:auto;
}






/*エリア検索 設定*/

#areasearch{}



.prb_index {/*PRバナー*/
    height: 100px;
    margin: 15px auto;
    width: 500px;
    display:block;
}



#areasearch #maps{
position:relative;
width:610px;
height:480px;
margin:10px auto 20px;
}


/*全国設定*/
#areasearch #maps li{ 
position:absolute;
padding: 0; 
margin: 0; 
font-weight:bold;
font-size:18px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
border:1px solid #fff;
    box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
/*background: #ccc;*/
}
#areasearch #maps li a{
display: block;
text-decoration: none;
color: #000;
text-align: center;
}

#areasearch #maps li a:hover{
background-color: #ccc;
color: #000;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}


/*北海道*/
.map_hokkaido{
top:0px;
right:0px;
width:130px;
padding:40px;
background:#FFBE84;

}
.map_hokkaido a{
padding:40px 0px;
}

/*東北*/
.map_tohoku{
background:#A3DCFC;
top:105px;
right:20px;
width:110px;
}
.map_tohoku a{
padding:60px 0px;
}

/*北陸*/
.map_hokuriku{
background:#FF9393;
top:200px;
right:140px;
width:115px;
}
.map_hokuriku a{
padding:30px 0px;
}

/*関東*/
.map_kanto{
background:#FDC733;
top:250px;
right:20px;
width:110px;
}
.map_kanto a{
padding:60px 0px;
}

/*東海*/
.map_tokai{
background:#71ADEA;
top:285px;
right:140px;
width:115px;
}
.map_tokai a{
padding:30px 0px;
}



/*関西*/
.map_kansai{
background:#9CE3A0;
top:280px;
right:265px;
width:95px;
}
.map_kansai a{
padding:50px 0px;
}

/*中国*/
.map_cyu{
background:#FF86C4;
top:280px;
right:370px;
width:115px;
}
.map_cyu a{
padding:30px 0px;
}

/*四国*/
.map_shikoku{
background:#FF86C4;
top:365px;
right:370px;
width:115px;
}
.map_shikoku a{
padding:25px 0px;
}

/*九州*/
.map_kyu{
background:#B87BF2;
top:280px;
left:0px;
width:115px;
}
.map_kyu a{
padding:50px 0px;
}

/*沖縄*/
.map_oki{
background:#B87BF2;
top:430px;
left:0px;
width:80px;
}
.map_oki a{
padding:5px 0px;
}




/*都道府県リスト*/

#areasearch #arealist{
position:absolute;
top:135px;
left:60px;
width:300px;

border:1px solid #ccc;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
padding:5px 15px;
}

#areasearch #arealist li{
padding-left:8px;
margin:8px 0px;
font-size:13px;
line-height:125%;
}

.list_hokkaido{
border-left:13px solid #FFBE84;
}
.list_tohoku{
border-left:13px solid #A3DCFC;
}
.list_hokuriku{
border-left:13px solid #FF9393;
}
.list_kanto{
border-left:13px solid #FDC733;
}
.list_tokai{
border-left:13px solid #71ADEA;
}
.list_kansai{
border-left:13px solid #9CE3A0;
}
.list_cyushikoku{
border-left:13px solid #FF86C4;
}
.list_kyuoki{
border-left:13px solid #B87BF2;
}



/*こだわり検索　設定*/

#allsearch{}

#allsearch #list_g{
}
#allsearch #list_g li{
border-bottom:1px dotted #aaa;
padding:20px;
}
#allsearch #list_g > li:last-child{
border-bottom:none;
background:#EEEEEE;
}



#allsearch #list_g li p{
font-size:16px;
color:#ff3985;
border-left:7px solid #ff3985;
font-weight:bold;
padding:4px 4px 4px 15px;
margin-bottom:8px;
}

#allsearch #list_g li ul{
overflow:hidden;
}
#allsearch #list_g li ul li{
padding:3px;
float:left;
width:100%;
border:none;
}


#allsearch #list_g li input[type="submit"] {
    background: url("/public/common/img/btn_search.png") no-repeat;
    border: medium none;
    cursor: pointer;
    height: 44px;
    text-indent: -9999px;
    width:185px;
    margin:0px auto;
    display:block;
}
#allsearch #list_g li input:hover {
    background: url("/public/common/img/btn_searchb.png") no-repeat;
}




/*求人特集*/

#recruits{
}

#recruits ul{
overflow:auto;
height:360px;
}

#recruits li{
border-bottom:1px dotted #ccc;
overflow:hidden;
display:block;
padding:10px;
}

#recruits li a{
text-decoration: none;
}
#recruits li:hover{
background:#eee;
cursor:pointer;
}

#recruits li p{
line-height:150%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color:#000;
}
#recruits li p.recmsg{
font-size:16px;
color:#FF3985;
font-weight:bold;
}
.shopname{
color:#000;
font-size:14px;
font-weight:bold;
}


.shoptype{
background:#DEDEDE;
color:#000;
padding:3px;
font-size:10px;
margin:0px 3px 0px 10px;
width:50px;
font-weight:bold;
}

/*エリア表示*/
.shopname span{padding:2px;margin-right:5px;color:#fff;}

.hokkaido{background:#FF8A20;}
.tohoku{background:#4ABCF9;}
.hokuriku{background:#FF4646;}
.kanto{background:#C18D02;}
.tokai{background:#2583E0;}
.kansai{background:#39C841;}
.cyushikoku{background:#FF86C4;}
.kyuoki{background:#b87bf2;}













/*新着動画設定*/

#newmovie li{
float:left;
width:215px;
height:215px;
background:url("/public/common/img/bg_movie.png") no-repeat;
margin:2px;
padding:12px;
}

#newmovie .top_movie_link{
margin:auto;
width:211px;
}




/*せれビジョブログ更新情報　設定*/


#celeblog div{
height:330px;
overflow:auto;
}


#celeblog table {
  border-spacing: 0;
  font-size:14px;
  width:700px;
}

#celeblog table tr td {
  padding:10px;
  border-bottom: 1px dotted #ccc;
  line-height:120%;
}
#celeblog table tr {
  background: #fff;
}

#celeblog table tr:hover {
  background: #eee;
  cursor:pointer;
}
#celeblog .date{
font-size:10px;
width:70px;
}
#celeblog .blogttl{
width:590px;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size:1.1em;
font-weight:bold;
}
#celeblog .blogshopname{
width:230px;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

#celeblog .blogshopname a{
color:#000;
}

#celeblog .sub a{
color:#000;
}
#celeblog .sub a:before{
content:"≫";
}


/*SIDE CONTENTS*/


#sideflame_gr_index div{
border:4px solid #A0E4A4;
border-top:1px solid #A0E4A4;
padding:0px 0px 10px 0px;
width:242px;
margin-top:-3px;

border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
}

#sideflame_gr_index dt{
	display:block;
	background:#A0E4A4;
	margin:0px 0px;
	padding:10px;
	font-weight:bold;
	}
#sideflame_gr_index dd{
	padding:5px 10px;
	font-size:1em;
	}
#sideflame_gr_index ul li{
padding:3px;
}
#sideflame_gr_index ul li a{
color:#000;
}





#sideflame_or_index div{
border:4px solid #FFBE84;
border-top:1px solid #FFBE84;
padding:0px 0px 10px 0px;
width:242px;
margin-top:-3px;

border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
}

#sideflame_or_index .subtitle{
	display:block;
	background:#FFBE84;
	margin:0px 0px;
	padding:10px;
	font-weight:bold;
	}

#sideflame_or_index .selects{
padding:10px;
border-bottom:1px solid #FFBE84;
}



#sideflame_or_index ul{
margin:10px 0px 0px 10px;
}

#sideflame_or_index ul li{
padding:3px;
}
#sideflame_or_index ul li a{
color:#000;
}