/* */
html,
body{
	height:100%;
	width:100%;
		/*スマホスクロールが鈍いのを解消*/
	-webkit-overflow-scrolling: touch;

	margin:0 auto;
	max-width:640px;
	min-width:380px;

}
a{
	color:#638c0b;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.pc{
	display:none !important;
}
img{
	max-width:100%;
	height:auto;
}

h1{
/*
	font-size:93%;
	font-weight:normal;
	margin-bottom:5px;
*/
	display:none;
}
h2{
	margin-bottom:20px;
	padding:0 10px;
	color:#312624;
	border-bottom:solid 1px #312624;
	font-size:130%;
	font-weight:bold;
/*	font-family:serif;*/
	line-height:30px;
	text-align:center;
}
h2.info_tle_img{
	padding:0;
	margin:0 0 20px;
	border:none;
}

h2.info_tle_img img{
	width:100%;
	height:auto;
}
h3{
	font-size:116%;
	border-bottom:solid 1px #dedede;
	margin-top:10px;
	margin-bottom:15px;
	padding:1px 10px;*/
	color:#444;
	background:#ffffff url(../img/common/header_btn_2.gif) no-repeat;

}
h4{
	font-size:100%;
	margin-bottom:10px;
	padding:5px 10px;
	border-radius:5px;
	background:#445566;
	color:#fff;
}

.btn a{
	display:block;
	padding:10px 15px;
	border:solid 3px #638c0b;
	border-radius:10px;
	text-align:center;
	font-weight:bold;
	background:#ecf4da;
	margin-bottom:10px;
}
.btn a:hover{
	text-decoration:none;
	border:solid 3px #ecf4da;
	background:#638c0b;
	color:#ecf4da;
}


/***************************/
/*レイアウト構造*/
/***************************/
#header .inner,
#footer.inner,
#gloval ul,
#contents{
	margin:0 auto;
}

#wrapper{
	position:relative;
	width:100%;
}
#wrapper.top{
	height:110%;
	position:relative;
	border:1px solid #fff;
	background:#d9f3fc;
	background:none;
	/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d9f3fc, endcolorstr=#2d9fc9));
	/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d9f3fc, endcolorstr=#797fbd))";
	zoom: 1;
	background: -moz-linear-gradient(top, #d9f3fc, #2d9fc9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #d9f3fc, #2d9fc9);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #d9f3fc, #2d9fc9);/* IE10+, W3C */
}

/*contennts--contennts*/
#contents{
}

/****left_navi--left_navi*/
#Lside{

}
/*right_navi--right_navi*/
#Rside{
	border-top:2px dotted gray;
	padding-top:10px;
	border-bottom:2px dotted gray;
	padding-bottom:10px;
}
#footer{
	padding-top:5px;
	clear:both;
}

#gotoTop{
/*	display:none;*/
}


/******ヘッダー設定（#header内）*******/
#header{
	font-size:72%;
	padding-top:2%;
	padding-bottom:2%;
	height:100%;

}
/*ヘッダーインナー*/
#header .inner{
	width:100%;
	padding:10px 15px;
	background:url(../img/common/inner_bg.png);
/*	background:red;*/
	position:absolute;
/*	top:-10px;*/
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;  
	left: 0px; 
	height: 80px; 
}

/*ロゴ・ナビスペース*/
#header .logo{
	/*width:40%;*/
	width:158px;
	float:left;
	margin:5px 2.5%;
	
	position:fixed;
	top:0;
	bottom:10px;
	left:0;
	width:150px;
	height:150px;
}


#header .logo img{
	width:100%;
	height:auto;
}
#header .logo .code{
	margin-bottom:3px;
	font-size:93%;
	color:#333333;
}
#header .header_contact{
	width:30%;
	float:right;
	text-align:right;
	margin-right:55px;
}
#header .header_contact p.text{
	display:none;
}
#header .header_contact p{
	display:inline-block;
	width:50px;
	height:50px;
}
#header .header_contact a{
	display:block;
	height:0;
	overflow:hidden;
	padding-top:100%;
	background:#87a25b center center no-repeat;
	border-radius:50%;
}


/*ナビゲーション*/
#gloval{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:50px;
	height:50px;

	background:url(../img/sp_common/gloval_list.png) center center no-repeat;

	background-size:120% auto;
	/*border:solid 1px #ffffff;*/
	z-index:999;
}
#gloval ul{
	display:none;
	position:absolute;
	top:0;
	right:0;
}
#gloval.check ul{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:50px;
}
#gloval li{
	width:50%;
	margin-left:50%;
	text-align:right;
/*	background: url(../img/common/g_nav_li.gif) center right no-repeat;*/

	border-bottom:solid 1px #fff;
	background:#b0c4de;
}
#gloval li a{
	display:block;
	padding:15px 10%;
	background:#b0c4de;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
#gloval li a:hover{
	color:#56712a;
}

#gloval li.this_page{
	color:#ffffff;
}
/******フッター**********/
#footer {

}

#footer ul{
width:100%;
	margin:0 auto;
	color:white;
	background:white;

}
#footer ul{
	overflow:hidden;
	text-align:center;
	margin:5px 0
}
#footer ul li{
	display:inline-block;
	width:43%;
	margin-bottom:5px;
}

#footer ul li a{
	display:block;
	padding:10px;
	color:#fff;
	border-radius:10px;
/*	border:1px solid #333;*/
	background:#b0c4de;
	text-align:center;
}
#footer ul li a:hover{
	color:#000;
}
#footer .company{
	padding:10px;
	color:white;
	background:silver;
}

#footer .company dl{
}
#footer .company dt{
}
#footer .company dd{
}
#footer .company dd a{
	color:magenta;
}
#footer .footer_join {
	background:silver;
	text-align:	center;
}
#footer .footer_join a{
	color:navy;
}

#footer address{
	background:silver;
	clear:both;
	text-align:center;
	color:red;
	padding-top:15px;
	padding-bottom:10px;
	font-size:85%;
}


/*右サイド*/3
#Rside{
}

#Rside ul.banner{
	text-align:center;
}
#Rside ul.banner li {
	margin-bottom:10px;
}
#Rside ul.banner li img{
	width:90%;
}


/******コンテンツページ共通(#contents以下))********/
#contWrap{
	padding:15px 5px;
	line-height:1.4em;
	margin-top:75px;
}
#cont{
	margin:0 auto;
	width:90%;

}
.main_img{
	/*表示の都合上ヘッダー内にあります。*/
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	background:url(../img/common/main_img.png) center left 10px no-repeat;
	background-size:90% auto;
}
.main_img img{
	width:100px;
	height:auto;
	display:none;
}

.font90{
font-size:90%;
}
.font80{
font-size:80%;
}
.font70{
font-size:70%;
}
.f_bold{
font-weight:bold;
}
.f_white{
color:white;
}
.f_gray{
color:gray;
}
.f_silver{
color:silver;
}
.f_teal{
color:teal;
}
.f_green{
color:green;
}
.f_lime{
color:lime;
}
.f_red{
color:red;
}
.f_magenta{
color:magenta;
}
.f_crimson{
color:crimson;
}
.f_pink{
color:pink;
}
.f_blue{
color:blue;
}
.f_navy{
color:navy;
}
.f_aqua{
color:aqua;
}
.f_indigo{
color:indigo;
}
.f_violet{
color:vioret;
}
.f_darkslateblue{
color:darkslateblue;
}
.f_orange{
color:orange;
}
.f_maroon{
color:maroon;
}
.f_brown{
color:blown;
}
.f_left{
text-align:left;
}
.f_right{
text-align:right;
}
.f_center{
text-align:center;
}


/*slider*/
.slider{
/*	border:1px solid teal;*/
	margin-bottom:20px;
}
.slider .dd{
	padding:0px;
	margin:0px;
}
.slider .subimage img{
	width:100px;
}
.slider .slider_area{
	margin:0 auto;
	width:90%;
}
.slider li dt {
	width:100px;
	padding:5px;
}
.slider li dt .name{
	width:100px;
	font-size:70%;
}

.slider li dt .content{
	width:100%;
	height:7em;
	line-height:1.5em;
	font-size:60%;
	color:teal;
}


/*ＴＯＰ（index）////////////////////////////////////*/
.index{
}
/*news*/
.index .info ul  {
width:100%;
}
.index .info ul  {
/*	color: red;*/
	height:200px;
	overflow:auto;
	margin:10px;

}
.index .info ul li {
	border-bottom:dotted 1px silver;
}
.index .info ul dt {
padding:10px;
}
.index .info ul li dd.date{
	width:auto;
/*	border:solid 1px silver;*/
	color:#800000;
}
.index .info ul li dd.content{
	padding:10px;

}

/*Jimhopイメージ*/
.index .image {
/*display:none;*/
}
.index .image img{
width:100%;
border:1px solid silver;
}

/*Jimhop事業イメージ*/
.index .concept_img2 {
	width:100%;
	margin-bottom:15px;
	text-align:center;
	margin:0 auto;
}
.index .concept_img2  img{
	width:40%;
}
.index .ppt_image ul {
	width:90%;
	margin:0 auto;
	overflow: hidden;
	text-align:center;
}
.index .ppt_image ul li{
	display: inline-block;
	width:30%;


}
.index .ppt_image ul li img{

}
/*コンセプト*/
.index .top_message {
	margin-top:10px;
	background:#e0ffff;
/*	border:dotted 1px #90c446;*/
/*	border-radius:10px;*/
	padding:10px 20px;
	font-size:85%;
}

.index .case{
padding:7px;
width:60%;
margin:0 auto;
	border:dotted 1px #90c446;
	border-radius:10px;
	background:#ffffff;
}


/*エリアコンテンツ（info/index）/////*/

/*ジモップ地域ニュース*/
	.index_info{
		margin-bottom:20px;
	/*	border:solid 1px red;*/
	}
	.index_info span.state{
		color:darkslateblue;
		font-size:80%;
	}

	.index_info  ul{
	margin-left:30px;
	/*	color: red;*/
		height:300px;
		overflow:auto;
	/*	border:solid 1px silver;*/
		margin-top:10px;
		margin-left:20px;
	}
	.index_info  ul li{
		margin-bottom:20px;
	}

	/*ジモップ地域*/
	.entry_info{
		margin-bottom:20px;
	}

	.entry_info ul{
	margin-left:30px;
	/*	color: red;*/
		height:300px;
		overflow:auto;
	/*	border:solid 1px silver;*/
		margin-top:10px;
		margin-left:20px;
	}
	.entry_info ul li.entry_state{
		color:#4169e1;
		text-indent:20px;
	}

	.entry_info ul li dt{
	width:20%;
		color:#4169e1;
		float:left;
	}
	.entry_info ul li dd{
	width:75%;
		color:#4169e1;
		float:left;
	}
	.entry_info ul li dl dd p{
	width:20%;
		color:#4169e1;
	}



/*よくある質問ページ----*/
.fq dl{
	margin:0 15px 20px;
	padding:10px;
	/*border:dashed 1px #666;*/
	background:#e4e4e4;
	border-radius:10px;
}
.fq dd{
	margin:0 15px;
}

/*求人ページ----*/
.recruit{
}
.recruit .text,
.recruit .recruit_info{
	margin:0 10px 20px;
}
.recruit .text p{
	margin:0 20px 10px;
}
.recruit_info table{
	margin:0 10px 10px;
}
.recruit_info th,
.recruit_info td{
	display:block;
	width:90%;
	border:solid 1px #dedede;
	vertical-align:middle;
	padding:10px 5%;
}
.recruit_info th{
	/*width:15%;*/
	background:#ececec;
}
.recruit_info th span{
	display:block;
}
.recruit_info ul{
	width:25%;
	float:left;
}
.recruit_info li{
	color:#c0c0c0;
}
.recruit_info li.chack{
	color:#444444;
}


/*会社概要----*/
.company dd{
	margin:0 20px 10px;
}
.company table{
	width:100%;
}
.company th,
.company td{
	display:block;
	width:90%;
	border:solid 1px #dedede;
	vertical-align:middle;
	padding:10px 5%;
	text-align:left;
}
.company th{
	background:#ececec;
}
.company td span{

	font-size:100%;
}
.company td img{
	height:20px;
}
.company dd iframe{
	width:100%;
	height:300px;
}

/*お問合わせページ----*/
/* contact */
	/* width */
.dataTable table td input,
.dataTable table td textarea{
	width:95%;
}
	
.dataTable table td textarea{
	height:100px;
}
.dataTable table td.contact_tel input{
	width:25%;
}
.dataTable table td input[type="radio"],
.dataTable table td input[type="checkbox"]{
	width:5%;
}
/* background&color */
.dataTable{
	/*background:#fcf7dd;*/
}
.necessity,
.error{
	color:#ff0000;
}
/*確認画面へﾎﾞﾀﾝ*/
.button input.go_conf{
	background: url(../img/contact/conf_btn_off.gif) no-repeat 0 0;
}
.button input.go_conf:hover{
	background: url(../img/contact/conf_btn_on.gif) no-repeat 0 0;
}
/*戻る*/
.button input.back{
	background: url(../img/contact/back_btn_off.gif) no-repeat 0 0;
}
.button input.back:hover{
	background: url(../img/contact/back_btn_on.gif) no-repeat 0 0;
}
/*メール送信*/
.button input.go_mail{
	background: url(../img/contact/submit_btn_off.gif) no-repeat 0 0;
}
.button input.go_mail:hover{
	background: url(../img/contact/submit_btn_on.gif) no-repeat 0 0;
}

.comp {
	text-align:center;
	margin:20px auto;
}
.dataTable{
	margin:15px auto 20px;
	border:#cccccc 1px solid;
}
.dataTable table tr:first-child th,
.dataTable table tr:first-child td,
.dataTable table .one th,
.dataTable table .one td{
	border:none;
}
.dataTable table{
	width:100%;
}
.dataTable table th,
.dataTable table td{
	width:90%;
	padding:5px 5% 5px;
	display:block;
}
.dataTable table td{
	padding-bottom:15px;

}
.dataTable table th{
	font-weight:normal;
	border-top:#cccccc 1px dotted;
	padding-top:15px;
}
.dataTable table td input,
.dataTable table td textarea{
	padding:5px;
}
.dataTable table td.contact_radio input{
	width:15px;
}
.button{
	text-align:center;
}
.button input{
	cursor: pointer;
	display: inline-block;
	width:200px;
	height:45px;
	border:none;
	text-indent: -9999px;
	*sidplay:block;
	*float:left;
}