@charset "utf8";
/* CSS Document */


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

jquery mobile カスタマイズ

*********************************/
.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select {
  margin-right: -3px !important;
}

#headmenu .ui-btn-inner{
  /* 矢印なし */
  /*
  padding: 0.8em 0px 1.4em;
  */

  /* 矢印あり */
  padding: 0.2em 0px 1.4em;
}
#headmenu .ui-btn{
  margin: .5em 2px;
}
#headmenu .ui-btn-icon-bottom .ui-icon{
  bottom: 3px;
}
#headmenu .ui-btn-text{
  font-size: 1.05em;
}

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

基本

*********************************/
*{
	margin: 0;
	padding: 0;
}

ul li{
	list-style: none;
}

body{
	width: 100%;
	margin: 0;
	font: 0.9em "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img{
	max-width: 100%;
	height: auto;
}

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

レイアウト・装飾

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

.ui-body-c,
.ui-overlay-c{
	background: #FFFFFF !important;
}

.text-center{
	text-align: center;
}

.text-left{
	text-align: left;
}

.mb10{
	margin-bottom: 10px;
}

.mb20{
	margin-bottom: 20px;
}

.red{
	color: #FF0000;
}

.btn_orange a, a.btn_orange{
	border: 1px solid #fe9518;  !important;
	background-image: linear-gradient(#ffcf95,#fe9518);  !important;
	background: #ffcf95;
	text-shadow: 0 1px 0 #728e1f;
}

.btn_green a, a.btn_green{
	border: 1px solid #00b050;  !important;
	background-image: linear-gradient(#48d689, #00b050);  !important;
	background: #00b050;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #728e1f;
}

.btn_leaf a, a.btn_leaf{
	border: 1px solid #718b1f;  !important;
	background-image: linear-gradient(#b2d642, #7e9c23);  !important;
	background: #99be29;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #728e1f;
}

.btn_purple a, a.btn_purple{
	border: 1px solid #7300ab;  !important;
	background-image: linear-gradient(#8f00d5, #8f00d5);  !important;
	background: #8f00d5;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #728e1f;
}

.btn_navy a, a.btn_navy{
	border: 1px solid #102b49;  !important;
	background-image: linear-gradient(#437397, #102b49);  !important;
	background: #1f528b;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #728e1f;
}

.btn_navy2 a, a.btn_navy2{
	border: 1px solid #0054b0;  !important;
	background-image: linear-gradient(#498cd6, #0054b0);  !important;
	background: #0054b0;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #728e1f;
}

.btn_red a, a.btn_red{
	border: 1px solid #e23b3b;  !important;
	background-image: linear-gradient(#dd6666, #e23b3b);  !important;
	background: #e23b3b;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #c51d1d;
}

.btn_yellow a, a.btn_yellow{
	border: 1px solid #f4c63f;  !important;
	background-image: linear-gradient(#fff4c3, #fced55);  !important;
	background: #fced55;
	color: #000000;
	/* text-shadow: 0 1px 0 #c51d1d; */
}

.btn_search a{
	border: 1px solid #f67e28;  !important;
	background-image: linear-gradient(#f89952, #f67e28);  !important; /* +20 */
	background: #f67e28;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #a34907;/* 80%*/
}

.btn_event a{
	border: 1px solid #b032a0;  !important;
	background-image: linear-gradient(#ca42b9, #b032a0);  !important; /* +20 */
	background: #b032a0;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #842678;/* 80%*/
}
.btn_entry a{
	border: 1px solid #2b8607;  !important;
	background-image: linear-gradient(#36ae09, #2b8607);  !important; /* +20 */
	background: #2b8607;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #1f6505;/* 80%*/
}

.w100p{
	width: 100% !important;
}

.w78p{
	width: 78% !important;
}

.pre,
.pre > span{
	white-space: pre-line !important;
}

.hide{
	display: none;
}

img.banner{
	max-width: 94%;
	height: auto
}

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

ヘッダー

*********************************/
#header{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#home #header{
	border-top: 0px solid #3466AE;
}

#headslider a{
  width: 100%;
}

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

メイン

*********************************/
#main{
	width: 100%;
	margin-top: 10px;
}

#logo,
#img-myplan{
	width: 70%;
}

#main p.comment{
	width: auto;
	text-align: center;
	margin: 10px;
}

#main #headbanner .ui-btn-inner{
	padding: .6em 0px;
}


#main #menu,
#main #submenu,
#main .submenu{
	margin: 0 10px 30px;
}

#main #headbanner{
	margin: 0 10px 10px;
}

#main #headmenu{
	margin: 0 8px 10px;
}
#main #headmenu ul{
	margin: 0 10px;
}

#main #headmenu > *:not(:first-child){
	margin-top: 10px;
}

#main #headmenu ul.buttonmenu{
	margin-left: 10px;
	margin-right: 10px;
}

#main #headmenu ul.bannerList{
	margin-left: 10px;
	margin-right: 10px;
}

#main #headmenu ul.bannerList li{
	text-align: center;
}

#main #headmenu ul.bannerList li a{
	display: inline-block;
	vertical-align: bottom;
}

#main #headmenu ul.bannerList li a img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


/* TOPICS */
#main #topics{
	margin: 0 10px 30px;
}

#main #topics .topicsContentBox{
	padding: 10px 20px !important;
	overflow: hidden;
}

#main #topics .topicsContentBox .topicsData{
	display: block;
	margin-bottom: 5px;
}

#main #topics .topicsContentBox .topicsText{
	width: 81%;
	float: left;
	display: block;
	margin-right: 2%;
}

#main #topics .topicsContentBox .topicsPdf{
	width: 17%;
	float: right;
	display: block;
}

#main #topics .topicsContentBox .topicsPdf a{
	margin-top: 10px;
	display: inline-block;
}

#main #topics .topicsContentBox .topicsPdf a:first-child{
	margin-top: 0;
}

/* Twitter */
#main #twitter{
	margin: 0 10px 30px;
}
#main #twitter .ui-li-static{
    padding: 0px !important;
}
#main #twitter .twitterContentBox{
  overflow-y: auto;
  max-height: 500px;
}

#main #guidance,
#main #presentation{
	margin: 0 10px 30px;
}

#main #company,
#main #presentation_timetable{
	margin: 0 10px 30px;
	line-height: 160%;
}

#main .entry{
	margin: 0 10px 30px;
}

#main .entry .myplan-info{
	background-color: #275399;
	color: #FFFFFF;
	display: block;
	text-align: center;
	padding: 5px;
}

#main #presentation_timetable > *{
	margin-top: 20px;
}

#main #presentation_timetable > *:first-child{
	margin-top: 0;
}

#main .entry img{
	width: 100%;
}

#main .entry h2{
	margin-bottom: 10px;
}

#main .entry h3{
	margin-bottom: 20px;
}

#main .entry hr{
	margin-top: 10px;
}

#main .entry #sendMsg{
	margin: 20px;
	text-align: center;
	color: #275399;
}

ul.guidance-detail{
}

ul.guidance-detail li,
ul.company-detail li{
	list-style: none;
}

.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-arrow{
	padding-right: 0;
}

a.ui-link{
	text-decoration: none !important;
}

.ui-li .ui-btn-text a.ui-link-inherit{
	overflow: visible !important;
}

p#myplan,
p#guidance{
	width: auto;
	margin: 10px 10px 30px;
}

.selectbox{
	width: auto;
	margin: 10px;
}
.countbox{
	width: auto;
	margin: 30px 10px 10px;
}
.notfound{
	text-align:center;
	margin-top:40px;
}

#main #company .ui-li-desc,
#main #guidance .ui-li-desc,
#main #presentation .ui-li-desc{
	margin: 0 !important;
	display: block !important;
	text-overflow: none !important;
	overflow: auto !important;
	white-space: normal !important;
}

#main #company img{
	margin: 10px 0;
	width: 100%;
}

#main .ui-li-static{
	padding: 5px !important;
}

#main #job img{
	width: 50%;
	margin: 0;
}

#main #job ul,
#main .recruit ul{
	width: auto;
}

#main .recruit li{
	max-width: 85px;
}

#main #job li,
#main .recruit li{
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block !important;
}

#main #job img,
#main .recruit img{
	width: 100% !important;
	margin: 0 !important;
}

.ui-bar-c{
	border: 1px solid #456f9a !important;
	background: #5e87b0 !important;
	color: #fff !important;
	font-weight: bold !important;
	text-shadow: 0 1px 1px #3e6790 !important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#6facd5),to(#497bae)) !important;
	background-image: -webkit-linear-gradient(#6facd5,#497bae) !important;
	background-image: -moz-linear-gradient(#6facd5,#497bae) !important;
	background-image: -ms-linear-gradient(#6facd5,#497bae) !important;
	background-image: -o-linear-gradient(#6facd5,#497bae) !important;
	background-image: linear-gradient(#6facd5,#497bae) !important;
}

#company ul li > .ui-body-d,
#company ul li > .ui-overlay-d,
#guidance ul li > .ui-body-d,
#guidance ul li > .ui-overlay-d,
#presentation ul li > .ui-body-d,
#presentation ul li > .ui-overlay-d{
	text-shadow: none !important;
	border: none !important;
	background: none !important;
}

#main span.info_title {
	float:left; width:35%;
}
#main span.info_content {
	float:left; width:65%;
}
#main span.info_content a {
	text-decoration:underline;
}
#main .company-pdf {
	margin-bottom: 30px;
}
.edit .ui-icon,
.bars .ui-icon{
	background-color: #666;
	background-color: rgba(0,0,0,.4);
	background-image: url(../images/icons-18-white.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.bars .ui-icon-bars {
	background-position: -788px -1px;
}

.edit .ui-icon-edit {
	background-position: -824px -1px;
}

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

地区背景

*********************************/
/*岐阜*/
.gifu{
	background: #ffdbdb;
}

.gifu:hover{
	background: #ffe5e5;
}

/*西濃*/
.seinou{
	background: #eddbff;
}

.seinou:hover{
	background: #f2e5ff;
}

/*東濃*/
.tounou{
	background: #dbffff;
}

.tounou:hover{
	background: #e5ffff;
}

/*中濃*/
.chuunou{
	background: #dbffdb;
}

.chuunou:hover{
	background: #e5ffe5;
}

/*飛騨*/
.hida{
	background: #ffffdb;
}

.hida:hover{
	background: #ffffe5;
}

/*愛知*/
.aichi{
	background: #ffdbed;
}

.aichi:hover{
	background: #ffe5ff;
}


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

申込フォーム

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

span.free{
	color: #FF0000;
	font-weight: bold;
}

form .require:after{
	content: '必須';
	color: #FF0000;
	font-weight: bold;
	margin-left: 10px;
}

form .item-name{
	background-color: #dbeef4;
	padding: 5px 10px;
	margin-top: 15px;
}

form .item-name:first{
	margin-top: 0px;
}

form .submit-box{
	margin: 30px;
}

form .remarks{
	margin: 0px 10px;
	color: #999999;
}
form p{
	margin: 10px 0px 10px 10px;
	display: inline-block;
}
form ul.error{
	color: #FF0000;
}
form ul.error li{
	margin-left: 30px;
	list-style-type: disc;
}
form input.faculty,
form input.department{
	width: 78% !important;
	display: inline-block;
	margin-right: 5px;
}
form span.suffix{
	margin-left: 0px;
}


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

フッター

*********************************/
#footer{
	width: 100%;
	height:50px;
	background: #CCCCCC;
}

#footer p{
	padding-top: 15px;
	text-align: center;
}


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

スマホ縦向き

*********************************/
@media only screen and (orientation : portrait){
}

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

スマホ横向き

*********************************/
@media only screen and (orientation : landscape){
}


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

参加企業情報

*********************************/
ul#entryCompanyList{
	overflow: hidden;
}

ul#entryCompanyList:not(.wide) li{
	width: 49%;
	margin-left: 2%;
	float: left
}

ul#entryCompanyList:not(.wide) li:nth-child(2n+1){
	margin-left: 0;
}

ul#entryCompanyList:not(.wide) li:nth-child(n+3){
	margin-top: 1%;
}

ul#entryCompanyList.wide li{
	width: 100%;
}

ul#entryCompanyList.wide li:not(:first-child){
	margin-top: 10px;
}

ul#entryCompanyList li a{
	margin: 0;
	border-radius: .6em;
}

ul#entryCompanyList li a span{
	border-top-left-radius: .6em;
	border-top-right-radius: .6em;
}