/* */
html,
body{
	height:100%;
}
body{
	margin:0 auto;
	font-size:18px;
}

/******各ページ基本共通********/
.sp{
	display:none !important;
}
a{
	color:#638c0b;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*ＳＥＯ-ＨＴＭＬ構造に準拠*/
/*ヘッダー記述*/
h1{
	font-size:93%;
	font-weight:normal;
	margin-bottom:5px;
}
/*各コンテンツー記述*/
h2{
	margin-bottom:20px;
	padding:0 10px;
	color:#312624;
	border-bottom:solid 1px #312624;
	font-size:120%;
	font-weight:bold;
/*	font-family:serif;*/
	line-height:50px;
	text-align:left;
}
h2.info_tle_img{
	padding:0;
	margin:0 0 20px;
	border:none;
}
h2.info_tle_img img{
	width:100%;
	height:auto;
}
h3{
	display:block;
	font-size:114.3%;
	border-bottom:solid 2px #dedede;
	margin-top:30px;
	padding:0px 20px;
	color:#444;
	background:url(../img/common/h2_title.gif) no-repeat;
}
h4{
	margin-bottom:10px;
	padding:5px 10px;
	border-radius:5px;
	background:#aac9e3;
	color:#fff;
}


/***************************/
/******基本ＨＴＭＬ構造設定*******/
/***************************/

/****header.phtml--header-----*/
#wrapper{
	height:15%;
/*	position:relative;*/
}

#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 */
}

/****left_navi.phtml-contents-rigaht_navi.phtml*/
#contents{
	width:95%;
	margin:0 auto;
/*	border:1px solid red;*/
}


/****fotter.phtml--(/body /html))*/
#footer{
	font-size:72%;
	width:100%;
	clear:both;
	border:2px solid gray;
	background:silver;
}


/***************************/
/******基本ＨＴＭＬ詳細設定*******/
/***************************/

#header{
	font-size:72%;
	padding-top:2%;
	padding-bottom:2%;
	height:100%;

}

/*contennts--contennts*/
/*left_navi.phtml/->content/rigaht_navi*/
#contWrap{
	width:74%;
	float:left;
	padding:15px 20px;
	font-size:108%;
	line-height:1.4em;
/*	background:aqua;*/
/*border:1px solid gray;*/
}

/****left_navi--left_navi*/
#Lside{
	width:20%;
/*	border:1px solid red;*/
	float:left;
}
/*right_navi--right_navi*/
#Rside{
	width:20%;
/*	background:red;*/
	float:right;
}

/*goTop　上へ*/
#goTop{
font-size:80%;
margin:0 auto;
/*width:100px;*/
	clear:both;
	text-align:center;
	padding:10px;
/*
	border-radius:5px;
	background:#aac9e3;
*/
}


/***************************/
/****各レイアウトレンダー詳細設定*****/
/***************************/

/*ヘヘッダー内　ロゴ・ナビスペース-----------------*/
#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 .inner .logo{
	float:left;
	width:20%;
}
#header .inner .area{
	margin:0 auto;
	float:left;
	width:30%;
	border-radius:10px;
}

#header .inner .area a{
	background:#fff;
	padding:5px;
}
/*ナビスペース*/
#gloval{
	width:600px;
	display:block;
	margin:0 auto;
	right:50px;
	position: absolute;
/*	top:40px;*/

}
#gloval ul{
	width:auto;
/*	text-align:right;*/
	float:right;
/*	margin-top:30px;*/
}
#gloval li{
	display:inline-block;
	padding:0 10px;
	border-left:solid 1px #1a2a02;
	float:left;
}
#gloval li:first-child {

	border-left: none;
/*↑最初のボーダーを見えなくする*/
/*別の書き方
ul li:not(:first-child){
	display:inline-block;
	padding:0 10px;
	border-left:solid 1px #1a2a02;
	float:left;
}
liが一つの時は効果なし以降設定
ul li + li {
	border-top: 1px solid #000;
}
*/
}
#gloval li a{
	color:#1a2a02;
}

/*フッターー内-----------------------------*/
/*ナビ*/
#footer .inner{
	text-align:center;
	margin-bottom:10px;
	padding:10px;
}
#footer .inner ul{
	background:#90c446;
	padding:5px 0;
	margin-bottom:10px;
}
#footer .inner li{
	display:inline-block;
	padding:0 10px;
}
#footer .inner li:not(:first-child){
	border-left:solid 1px #1a2a02;
}

#footer .inner li a{
	color:#1a2a02;
}
/*カンパニ－*/
#footer dl{
	width:25%;
	color:teal;
	float:right;
}
#footer dl dt{
	line-height:2em;
}
#footer dl dd{
	line-height:0.5em;
}

/*業務提携*/
#footer .footer_join {
	padding:10px;
	color:teal;
}
#footer .footer_join a{
	color:teal;
}

/*コピーライト*/
#footer address{
	clear:both;
	text-align:center;
	font-size:93%;
	padding:10px;
}

/*サイドスペース内　設定-----------------------------*/
/*left_navi.cssに記述*/
#Lside　ul {
}
/*right_navi.cssに記述*/
#Rside　ul {
}


/*コンテンツ内（id=contWrap以下）　ＨＴＭＬ構造設定---------*/
/*各ページで共通の設定　※個別設定する場合は各ページCSSで書き替える))*/
#contWrap　#cont{
	width:100%;
	margin-left:30px;
}
#contWrap #cont .detail{
	padding:10px;
	margin-left:30px;
	
}



/**********************/
/*****各ページ**************/
/**********************/


/*トップページ（index）イメージ------------------*/

.index{
	
}

/*slider*/
.slider{
/*	border:1px solid teal;*/
	margin-bottom:20px;
}

.slider li{
	margin-bottom:20px;
	margin-left:10px;
	
}
.slider .dd{
	padding:0px;
	margin:0px;
}
.slider .subimage img{
	width:200px;
}
.slider .slider_area{
	margin:0 auto;
	width:90%;
}
.slider li dt {
	width:180px;
	padding:10px;
}
.slider li dt .name{
	width:160px;
	line-height:1.5em;
	font-size:70%;
}

.slider li dt .content{
	width:160px;
	padding:10px;
	height:3.5em;
	line-height:1.5em;
	font-size:60%;
	color:teal;
}

/*news*/
.index .info ul  {
width:60%;
float:left;
}
.index .info ul  {
/*	color: red;*/
	height:300px;
	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:back;
width:35%;
float:right;
vertical-align:center;
padding-top:50px;

}
.index .image img{
width:100%;
border:1px solid silver;
}

/*Jimhop事業イメージ*/

.index .concept_img2 {
	width:100%;
	margin-bottom:15px;
	text-align:center;
}
.index .concept_img2  img{
	width:40%;
	margin-left:40px;
	margin-bottom:15px;
}
.index .ppt_image ul {
	width:90%;
	margin:0 auto;
	overflow: hidden;
	text-align:center;
}
.index .ppt_image ul li{
display:inline;
	width:30%;
	text-align:center;
}
.index .ppt_image ul li img{
	height:150px;
	margin:10px;
}
/*コンセプト*/
.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）----------*/

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

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

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

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

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

/*お問合わせ（contact ）-------------------*/
.contact dl,
.contact_complete p{
	margin:0 30px;
}
.dataTable{
	padding:0 2%;
}
.dataTable table{
	width:100%;
	*width:90%;
}
.dataTable table th{
	width:180px;
	vertical-align:top;
}
.dataTable table td input,
.dataTable table td textarea{
	width:90%;
}

.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;
}
/*システムペーージ(system))------------*/
.system{
	position:relative;
}

.system .jimhop{
	  width: 100%;
	  height: 500px;
	  top: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  padding-top: 56.25%;

	background:url(default/img/common/main_img_bg1.jpg) center center no-repeat;
	background-size:contain;

}

.system img{
	width:90%;
}





/*システムペーージ(system))------------*/
.join .note{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
.join .detail p{
	padding:15px;
}



/*アバウトペーージ(abuut))-------------*/
.about{
}
.about ul{
	margin:10px;
}
.about ul li{
	margin-bottom:10px;
}
.about dl dt{
	font-weight:bold;
}
.about dl dd{
	maragin-left:30px;
	color:gray;
	margin-left:30px;
}

.about dl dd.info ul li{
	margin-left:20px;
}


/*よくある質問ページ------------------*/
.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 20px 10px;
}
.recruit_info th,
.recruit_info td{
	border:solid 1px #dedede;
	vertical-align:middle;
	padding:10px;
}
.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%;
	margin-bottom:50px;
}
.company th,
.company td{
	border:solid 1px #dedede;
	vertical-align:middle;
	padding:10px;
}
.company th{
	background:#ececec;
	width:20%;
}
.company td span{
	font-size:85%;
}
.company dd iframe{
	width:100%;
	height:500px;
}
.company .font_min{
	font-size:85%;
	margin-left:5px;
}
.company p{
	margin-bottom:15px;
}
.company ul{
	margin-bottom:20px;
}

	

/*サービスついてージ----*/
.service{
}

/**********************/
/*****共通**************/
/**********************/


.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;
}


/*タイトル行の装飾*/
.top_03 h2{
	margin-bottom:0;
}
.top_03 p{
	color:#2e4557;
	padding:15px 10px;
}

.top_04 p{
	color:#ff0000;
	padding:15px 10px;
}
.top_05{
	color:#00479d;
}

/*確認画面へﾎﾞﾀﾝ*/
.btn{
	text-align:center;
	margin-bottom:15px;
}
.btn.tel{
	text-align:left;
	margin-left:2.5%;
}
.btn a{
	display:inline-block;
	width:27%;
	padding:10px 15px;
	border:solid 3px #638c0b;
	border-radius:10px;
	text-align:center;
	font-weight:bold;
	background:#ecf4da;
}
.btn a:hover{
	text-decoration:none;
	border:solid 3px #ecf4da;
	background:#638c0b;
	color:#ecf4da;
}

.button{
	text-align:center;
}
.button input{
	cursor: pointer;
	display: inline-block;
	width:200px;
	height:45px;
	border:none;
	text-indent: -9999px;
	*sidplay:block;
	*float:left;
}

.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 th,
.dataTable table td{
	padding:15px 0;
	border-top:#cccccc 1px dotted;
}
.dataTable table td{
	padding-left:10px;
}
.dataTable table th{
	font-size:14px;
	font-weight:normal;
}
.dataTable table td input,
.dataTable table td textarea{
	padding:5px;
}
.dataTable table td.contact_radio input{
	width:15px;
}