@charset "UTF-8";
/* CSS Document */
* {font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','メイリオ','Meiryo,sans-serif';}


/* basic elements */

body {
	color: #333333;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
p{margin: 0;}
	
img{border:0;}

h1{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 13px;
	margin-top: 5px;
	margin-bottom: 0px;
}
h2{
	margin: 0px;
	padding: 0px;
}
h2.villageWorks{
	padding: 0px;
	background-image: url(../../images/title_village_works.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 296px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h2.villageNews{
	padding: 0px;
	background-image: url(../../images/title_village_news.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 468px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h2.villageCafe{
	padding: 0px;
	background-image: url(../../images/title_village_cafe.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 468px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
h2.villageSeminar{
	padding: 0px;
	background-image: url(../../images/title_village_seminar.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 468px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
h2.villageContest{
	padding: 0px;
	background-image: url(../../images/title_village_contest.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 468px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
h2.villagePickup{
	padding: 0px;
	background-image: url(../../images/title_village_pickup.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 213px;
	float: right;
}

h2.voice{
	padding: 0px;
	background-image: url(../../images/title_village_voice.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 468px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}

h2.trend{
	padding: 0px;
	background-image: url(../../images/title_village_trend.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 468px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}



h3{}
h4{}

a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#d79c00; text-decoration:none;}
a:active {color:#d79c00; text-decoration:none;}

.font-10{font-size:62%; line-height:150%;}
.font-12{font-size:76%; line-height:150%;}
.font-14{font-size:90%; line-height:150%;}

ul{
	display: inline;
}

li{
	display: block;
	float: left;
	list-style-position: inside;
	list-style-type: none;
	margin-top: 4px;
	height: 23px;
	width: 327px;
}

.clear{clear: both;}
.divider{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/*=======================================================*/
/*スペース*/
/*=======================================================*/
.padding5{
	padding: 5px;
}
.paddingLeft5{
	padding-left: 5px;
}
.paddingRight5{
	padding-Right: 5px;
}
.paddingTop5{
	padding-Top: 5px;
}
.paddingBottom5{
	padding-Bottom: 5px;
}
.padding10{
	padding: 10px;
}
.paddingLeft10{
	padding-left: 10px;
}
.paddingRight10{
	padding-Right: 10px;
}
.paddingRight20{
	padding-Right: 20px;
}
.paddingTop10{
	padding-Top: 10px;
}
.paddingTop20{
	padding-Top: 20px;
}
.paddingTop30{
	padding-Top: 30px;
	float: left;
}

.paddingBottom10{
	padding-Bottom: 10px;
}

.margin2{
	margin: 2px;
}
.marginLeft2{
	margin-left: 2px;
}
.marginRight2{
	margin-Right: 2px;
}
.marginTop2{
	margin-Top: 2px;
}
.marginBottom2{
	margin-Bottom: 2px;
}
.margin5{
	margin: 5px;
}
.marginLeft5{
	margin-left: 5px;
}
.marginRight5{
	margin-Right: 5px;
}
.marginTop5{
	margin-Top: 5px;
}
.marginBottom5{
	margin-Bottom: 5px;
}
.margin10{
	margin: 10px;
}
.margin20{
	margin: 20px;
}
.marginLeft10{
	margin-left: 10px;
}
.marginLeft15{
	margin-left: 15px;
}
.marginLeft20{
	margin-left: 20px;
}
.marginRight10{
	margin-Right: 10px;
}
.marginRight15{
	margin-Right: 15px;
}
.marginRight20{
	margin-Right: 20px;
}
.marginTop10{
	margin-Top: 10px;
}
.marginTop20{
	margin-Top: 20px;
}
.marginTop30{
	margin-Top: 0px;
	float: left;
}
.marginBottom10{
	margin-Bottom: 10px;
}
.marginBottom20{
	margin-Bottom: 20px;
}
.marginBottom40{
	margin-Bottom: 40px;
}
/*=======================================================*/
/*角丸、シャドウなど*/
/*=======================================================*/
.effect{
	-moz-box-shadow: 0px 1px 2px #999999;
	-webkit-box-shadow: 0px 1px 2px #999999;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px;
	text-shadow: 1px 1px 2px #000;
}
.iepngfix {behavior: expression(IEPNGFIX.fix(this));}

/* ヘッダー周り */

#wrapper{
	width: 1011px;
	margin-right: auto;
	margin-left: auto;
	clear: left;
	padding: 13px;
}

#left{
	width: 781px;
	float: left;
}

#header{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #666666;
	height: 66px;
	float: left;
	clear: both;
}

#orangebar{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #d79c00;
	height: 66px;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9a9997;
	border-bottom-color: #9a9997;
	height: 25px;
	clear: both;
}

#tab_bg{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	height: 66px;
	height: 29px;
	background-image: url(../../images/tab_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	float: left;
}
#tab{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	height: 66px;
	height: 29px;
	background-image: url(../../images/tab_bg.gif);
	background-repeat: repeat-x;
	padding-left: 13px;
}
/* スライドショー */
#slider {
  float: left;
  height: 160px;
  width: 781px;
  cursor: pointer;
}

.slide_caption {
  position: absolute;
  margin-top:  120px;
  margin-left: 10px;
  text-align: center;
  padding: 5px 10px;
  background: black;
  color: white;
  font-family: sans-serif;
  border-radius: 10px;
  float:right;
}

#slide_play_button {
  margin-top:  50px;
  margin-left: 360px;
  position: absolute;
  display: none;
  cursor: pointer;
}

.slide_over {
  opacity: 0.55;
}

#login{
	height: 235px;
	width: 213px;
	float: right;
}
/* 左コラム */
#leftNAV{
	float: left;
	width: 296px;
	margin-top: 13px;
}


/* ボタン */
.leftBTN_pickup{
	display:block;
	width:286px;
	text-decoration:none;
	padding: 5px;
}

.leftBTN a{
	display:block;
	width:286px;
	text-decoration:none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.leftBTN a:hover{
	background-color: #eeeeee;
	width: 286px;
}


.leftBTNtext{
	width:175px;
	padding-left: 109px;
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 0px;
	padding-right: 5px;
}
.leftBTNtext_pickup{
	width:180px;
	padding-left: 109px;
	line-height: 24px;
	font-size: 14px;
}

.leftBTNtext_pickup a:hover{
	background-color: #eeeeee;
}

.leftBTNtext_small{
	width:208px;
	padding-left: 76px;
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 0px;
	padding-right: 5px;
}

.leftBTNimg{
	float: left;
	border: 1px solid #CCCCCC;
}



.leftNAVtitle{
	font-size: 14px;
	font-weight: bold;
	color: #940000;
	line-height: 18px;
	margin-bottom: 5px;
}
.leftNAVtitle_small{
	font-size: 12px;
	font-weight: bold;
	color: #e09d06;
	line-height: 14px;
	margin-bottom: 5px;
}
.sns{
	margin-top: 7px;
	font-size: 10px;
	margin-left: 7px;
	margin-bottom: 7px;
}

/* 右コラム */
#rightNAV{
	float: right;
	width: 213px;
}

#login_panel{
	width: 189px;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	margin-bottom: 13px;
	padding-top: 5px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 11px;
	background-color: -webkit-gradient;
	background-image: url(../../images/loginpanel_bg.gif);
	background-repeat: repeat;
	background-position: 8% 27%;
	float: right;
	font-size: 12px;
}
.id{
	width: 183px;
}
.pwd{
	width: 183px;
}
.lost_pswd{
	color: #FFFFFF;
	float: left;
	font-size: 10px;
}
.lost_pswd a{
    color: #FFFFFF;
	text-decoration:none;
	
}
.lost_pswd a:hover{
	color: #999999;
}
.lost_pswd a:visited{
	color: #ffffff;
}
.mailmag{
	width: 213px;
	margin-bottom: 13px;
	float: right;
}
.village_pickup_frame{
	width: 207px;
	margin-bottom: 13px;
	background-color: #CCCCCC;
	padding: 3px;
	float: right;
}

.village_pickup_inside_frame{
	width: 199px;
	background-color: #fff;
	border: 1px solid #999999;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.pickup_banner{
	width: 191px;
	padding: 3px;
	margin-top: 3px;
	font-size: 10px;
	background-color: #EEEEEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F8F8F8;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #F8F8F8;
	line-height: 14px;
}
.pickup_banner a{
	display:block;
	width: 185px;
	padding: 3px;
	text-decoration:none;
	
}
.pickup_banner a:hover{
	background-color: #fff;
	width: 185px;
	padding: 3px;
}


.pickup_midashi{
	width: 185px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.pickup_thumbnail{
	width: 90px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pickup_description{
	width: 88px;
	margin-left: 95px;
}
.pickup_description_small{
}

/* センターエリア */
#centerAREA{
	width: 468px;
	margin-top: 13px;
	font-size: 12px;
	float: left;
	margin-left: 16px;
}
.news{
	width: 468px;
	font-size: 12px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	line-height: 18px;
}

.news a{
	display:block;
	width:468px;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.news a:hover{
	background-color: #eeeeee;
	width: 468px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cafe_left{
	width: 232px;
	font-size: 12px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

.cafe_left a{
	display:block;
	width:234px;
	float: left;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.cafe_left a:hover{
	background-color: #eeeeee;
	width: 234px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.link_to_cafe_index{
	text-align: right;
	float: right;
	font-size: 10px;
	font-weight: normal;
	padding-right: 5px;
	margin-top: 10px;
}

.seminar{
	width: 468px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

.seminar a{
	display:block;
	width:468px;
	padding-top: 5px;
	text-decoration:none;
	
}
.seminar a:hover{
	background-color: #eeeeee;
	width: 468px;
	padding-top: 5px;
}

.cafe_right{
	width: 234px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	float: right;
	margin-left: 0px;
}

.cafe_right a{
	display:block;
	width:234px;
	float: left;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cafe_right a:hover{
	background-color: #eeeeee;
	width: 234px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.news_archive{
	float: left;
	margin-top: 10px;
}
.seminar_archive{
	float: left;
	margin-top: 10px;
}

.news_update{
	float: left;
	margin-top: 5px;
}
.cafe_update{
	float: left;
}
.seminar_update{
	float: left;
}
.news_date{
	width: 85px;
	color: #d79c00;
	float: left;
}
.cafe_thumbnail{
	width: 68px;
	float: left;
	border: 1px solid #CCCCCC;
	height: 68px;
	text-align: left;
}
.seminar_thumbnail{
	width: 68px;
	float: left;
	border: 1px solid #CCCCCC;
	height: 68px;
	text-align: left;
	margin-bottom: 3px;
}
.news_excerpt{
	margin-left: 90px;
}
.seminar_text{
	margin-left: 75px;
}
.cafe_text{
	margin-left: 75px;
	font-size: 10px;
	line-height: 14px;
	padding-right: 5px;
	height: 74px;
	display: block;
}

.more{
	float: left;
	text-align: right;
	width: 468px;
	margin-top: 10px;
}
.shadow{
	float: left;
}
.icon_new{
	background-color: #cc0066;
	font-size: 9px;
	color: #FFFFFF;
	vertical-align: top;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

.icon_industry{
	background-color: #292521;
	font-size: 9px;
	color: #FFFFFF;
	vertical-align: top;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}


.space{
	height: 20px;
	float: left;
	width: 460px;
}

/* スポンサー */
#sponsors{
	width: 1011px;
	background-image: url(../../images/shadow_l.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	padding-top: 20px;
	float: left;
	
}
/* パートナー */
#partners{
	width: 1011px;
	margin-top: 20px;
	float: left;
}
/* サイトマップ */
#sitemap{
	width: 1011px;
	background-image: url(../../images/shadow_l.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	padding-top: 25px;
	font-size: 10px;
	line-height: 18px;
	float: left;
	
}
/* フッター */
#footer{
	width: 1011px;
	background-image: url(../../images/shadow_l.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	padding-top: 30px;
	height: 40px;
	font-size: 10px;
	float: left;
	margin-bottom: 10px;
}
.footer_logo{
	float: right;
	height: 40px;
	text-align: right;
	font-size: 10px;
	color: #999999;
}
/* フォント */
.twelveBOLD{
	font-size: 12px;
	font-weight: bold;
}

/* 20130123added */
.error{
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	line-height: 26px;
	color: #666;
	height: 100%;
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

/* 20130415added */
.leftBTN_jobsearch{
	display:block;
	width:286px;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.leftBTNtext_jobsearch{
	width:284px;
	line-height: 24px;
	font-size: 14px;
	padding-right: 5px;
}

.leftBTNtext_jobsearch a:hover{
	background-color: #eeeeee;
}

.link_to_jobsearch_index{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	padding-right: 5px;
}
 .job_frame{
	display: block;
	font-size: 12px;
	line-height: 130%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-shadow: 1px 1px 1px #eee;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #f8f8f8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f8f8f8;
}	
	
.job_frame a{
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #eee;
}

.job_frame a:hover{
	display: block;
	background-color: #fff;	
	border-radius: 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px;   /* Firefox用 */
} 


 .job_frame02{
	display: block;
	font-size: 12px;
	line-height: 120%;
	background-image: url(../../images/icon_magnifi.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}	
	
.job_frame02 a{
	display: block;
	padding: 5px;
}

.job_frame02 a:hover{
	display: block;
	background-color: #fff;
	border-radius: 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px;   /* Firefox用 */
}


.jobsearch {
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 10px;
	border-radius: 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px;   /* Firefox用 */
	background-color: #EEEBE4;
	background-image: url(../../images/search_panel_bg.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	border: 3px solid #CCC;
}
.magnify{
	width: 20px;
	float: left;
	height: 100%;
}
.job_inside_text{
}
.jobsearch_frame{
	background-color: #FFF;
	border: 1px solid #999;
	padding: 3px;
	border-radius: 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px;   /* Firefox用 */
}

/* 20130521added */
.leftBTNtext_work{
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 60px;
}

/* 20130701added */
.village_pickup_frame02{
	width: 207px;
	margin-bottom: 13px;
	padding: 3px;
	float: left;
}

.banner_center_area{
	width: 228px;
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 5px;
}
.banner_center_area_right{
	width: 228px;
	border: 1px solid #CCC;
	float: right;
	margin-bottom: 5px;
}

/* 20130924added */
.villagetrend{
	width: 468px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}

.villagetrend a{
	display:block;
	width:468px;
	padding-top: 5px;
	text-decoration:none;
	
}
.villagetrend a:hover{
	background-color: #eeeeee;
	width: 468px;
	padding-top: 5px;
}


.villagetrend_thumbnail{
	width: 121px;
	float: left;
	border: 1px solid #CCCCCC;
	height: 68px;
	text-align: left;
	margin-bottom: 3px;
}

.villagetrend_text{
	margin-left: 128px;
}