@charset "utf-8";

/* ============================================
 *
 * Format Ver  : 2.1
 * Last UpDate : 2010/05/24
 *
============================================ */

/*-----------------------------------------------
	clearfix section
-----------------------------------------------*/

.clearfix,
#contents
{
	display: block;
	min-height: 1%;
	/*padding: 5px;*/
}
.clearfix:after,
/*#header_in:after,
#globalnavi:after,*/
#contents:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #header_in,
* html #globalnavi,
* html #contents
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*-----------------------------------------------
	body
-----------------------------------------------*/
body {
	/*background: #eee url(../images/common/bg_body.jpg) repeat-x left top;*/
	background-color:#F8F8F8;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
	text-align: center;
}
body.home{
	/*background: #F8F8F8 url(../images/common/bg_body.jpg) repeat-x left top;*/
}


/*-----------------------------------------------
	wrapper
-----------------------------------------------*/
#wrapper,.container {
	margin: 0 auto;
	max-width: 950px;
	width:96%;
	text-align: left;
}



/*-----------------------------------------------
	header
-----------------------------------------------*/

#header_in .search {
	margin: 0 auto;
}
#header_in #search h2 {
	color: white;
}
/*	#header h1 {
		text-align: left;
		padding-top:23px;
		float:left;
	}
*/
/*	#header #head_img {
		padding-top:22px;
		text-align:right;
	}
*/	#header #head_img img{
		
	}
#header_in {
	padding: 15px 0;
	background-color: rgb(0,4,99);
}
@media(max-width:767px){
	#grayScreen.active {
		background-color: rgba(0,0,0,.7);
		position: fixed;
		height: 100vh;
		width: 100vw;
		z-index: 1;
	}
	#header {
		position: fixed;
		top:0;
		z-index: 2;
		overflow: hidden;
	}
	#header_in {
		position: relative;
		z-index: 3;
	}
	#header_in h1 {
		max-width: calc(100% - 65px);
	}
	#globalnavi {
		position: fixed;
		width: 100%;
		z-index: 1;
		background-color: rgba(255,255,255,1);
		transform: translateY(-100%);
		transition: transform .3s ease;
	}
	#globalnavi.active {
		transform: translateY(0);
		/*z-index: 2;*/
	}	
	#globalnavi .search {
		padding-top: 5px;
		padding-bottom: 5px;
		background: linear-gradient(#eee,#f3f3f3);
		border-bottom: 3px solid #666;
	}
	#btn-menu {
		display: inline-block;
		width: 50px;
		height: 50px;
		position: relative;
		text-align: center;
	}
	#btn-menu div {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
	}
	#btn-menu div:not(.text) {
		width: 80%;
		left: 10%;
		height: 3px;
		border-radius: 1px;
		background-color: white;
		transition: transform .5s , color .5s;
	}
	#btn-menu div:nth-child(1) {
		top: 10%;
	}
	#btn-menu div:nth-child(2) {
		top: 30%;
	}
	#btn-menu div:nth-child(3) {
		top: 50%;
	}
	#btn-menu div.text {
		width: 100%;
		bottom: 0;
		color: white;
	}
	#btn-menu.active div:nth-child(1) {
    top: 30%;
    transform: rotate(225deg);
}
	#btn-menu.active div:nth-child(2) {
    top: 30%;
		background-color: rgba(255,255,255,0);
}
	#btn-menu.active div:nth-child(3) {
    top: 30%;
    transform: rotate(-225deg);
}
}/*max767



/*-----------------------------------------------
	globalnavi
-----------------------------------------------*/
#globalnavi{
/*	width: 950px;
	height: 48px;
	margin-top:22px;
*/}
#globalnavi li a{
	font-size: 14px ;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	letter-spacing: .05em;
	display: block;
	padding: .7em 1em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	background: linear-gradient(#ddd,#eee);
}
@media(min-width:768px){
	#globalnavi {
		border-bottom: 3px solid dimgray;
	}
	#globalnavi li a{
		margin-bottom: -3px;
	}
}
#globalnavi li a:hover {
	background: linear-gradient(#eee,#f0f0f0);
}
#globalnavi li:not(:first-child) a {
	border-left: 1px solid #ccc;
}
#globalnavi li:nth-child(1) a {border-bottom-color:red;}
#globalnavi li:nth-child(2) a {border-bottom-color:orange;}
#globalnavi li:nth-child(3) a {border-bottom-color:gold;}
#globalnavi li:nth-child(4) a {border-bottom-color:limegreen;}
#globalnavi li:nth-child(5) a {border-bottom-color:darkgreen;}
#globalnavi li:nth-child(6) a {border-bottom-color:deepskyblue;}
#globalnavi li:nth-child(7) a {border-bottom-color:mediumblue;}
#globalnavi li:nth-child(8) a {border-bottom-color:indigo;}


/*-----------------------------------------------
	breadcrumbs
-----------------------------------------------*/


/*-----------------------------------------------
	contents
-----------------------------------------------*/
#contents {
/*	max-width: 850px;
	width: 96%;
	margin-top:15px;
	padding-top:1px;
*/	text-align:left;
/*	margin-left:auto;
	margin-right:auto;
*/}
.shogyobukai #contents,
.kogyobukai #contents,
.kensetsufudosanbukai #contents,
.kinyugyobukai #contents,
.yusogyobukai #contents,
.kankogyobukai #contents,
.johoservicegyobukai #contents,
.kyoikuiryofukushibukai #contents,
.search #contents{
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:10px;*/

}
.presentlist #wrapper{
	overflow:visible;
}
.presentlist #contents{
	width:1400px;
	margin-left:-225px;
}

/*-----------------------------------------------
	main
-----------------------------------------------*/
body:not(.home) #contents #main {
	padding: 50px 5px 30px;
}

#contents #main .post {
    max-width: 720px;
    margin: 0 auto;
    background-color: white;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.alignleft {
	float:left;
	margin-right:10px;
}

.alignright{
	float:right;
	margin-left:10px;
}

.aligncenter{
	display:block;
	margin:10px auto 0 auto;
}
	

/*blog*/
#contents #main .post .date{
	text-align:right;
	font-size:0.9em;
	padding-bottom:20px;
	margin-top:-10px;
}

/*-----------------------------------------------
	sidebar
-----------------------------------------------*/



/*-----------------------------------------------
	sidebar menu
-----------------------------------------------*/



/*-----------------------------------------------
	footer
-----------------------------------------------*/

#foot_wrap {
	background:url(../images/common/bg_footer.png?3) center top repeat-x;
	/*height:100px;*/
	color:#fff;
	font-size:12px;
	margin-top:30px;
}

	#foot_wrap a {
		color:#fff;
	}
	
	#footer {
		/*margin: 0 auto;*/
		/*width: 950px;*/
		text-align: left;
		padding-top: 50px;
	}
	
	
	#footer #foot_logo {
		margin-right: 30px;
		margin-bottom: 15px;
		/*float:left;*/
		/*margin:50px 20px 0 0;*/
	}
	
	#footer .foot_box{
		/*float: left;*/
		/*margin: 40px 0 20px 30px;*/
		line-height: 1.2;
		margin-bottom: 30px;
	}

#copy {
	text-align: center;
	margin-bottom: 0;
	background-color: white;
	color: rgb(0,4,99);
}
	




/*-----------------------------------------------
	Common Parts (Title)
-----------------------------------------------*/
.h2_basic01 {
	margin-top:30px;
}

.h2_tit01,.h2_tit01_950 {
    /* background: url(../images/common/bg_h2_tit01_720.jpg) left center no-repeat; */
    background: linear-gradient(to right,rgb(0,4,99),rgb(141,150,0));
    color: #fff;
    padding: .2em .5em .1em;
    font-size: 20px;
    margin-bottom: 1em;
    border-radius: .1em;
}
/*
.h2_tit01_950 {
	background:url(../images/common/bg_h2_tit01_950.jpg) left center no-repeat;
	color:#fff;
	padding:6px 0 6px 30px;
	font-size:20px;
	margin:30px 0 10px 0;
}
*/
.h2_tit02 {
	background:url(../images/common/bg_h2_tit02_720.jpg) left center no-repeat;
	color:#333333;
	padding:8px 0 8px 30px;
	font-size:20px;
	margin:30px 0 10px 0;
}

.h3_tit01 {
	background:url(../images/common/bg_h3_tit01.jpg) left center no-repeat;
	color:#4C004C;
	padding:6px 0 6px 30px;
	font-size:16px;
	margin:30px 0 10px 0;
}

#kigyoFArea .h2_tit01 {
	background:url(../images/common/bg_h2_tit01_720.jpg) left center no-repeat;
	color:#fff;
	padding:6px 0 6px 30px;
	font-size:20px;
	margin:30px 0 10px 0;
}

#kigyoFArea .h2_tit02 {
	background:url(../images/common/bg_h2_tit02_720.jpg) left center no-repeat;
	color:#333333;
	padding:8px 0 8px 30px;
	font-size:20px;
	margin:30px 0 10px 0;
}

#kigyoFArea .h3_tit01 {
	background:url(../images/common/bg_h3_tit01_720.jpg) left center no-repeat;
	color:#4C004C;
	padding:6px 0 6px 30px;
	font-size:16px;
	margin:30px 0 10px 0;
}


.h4_basic01 {

}


/*-----------------------------------------------
	Common Parts (List)
-----------------------------------------------*/
li.ul_list01{
	background:url(../images/common/bg_li_list01.gif) left center no-repeat;
	padding:0 0 0 20px;
}

li.ul_list02{
	background:url(../images/common/bg_li_list02.gif) left center no-repeat;
	padding:0 0 0 20px;
}

li.ul_list03{
	background:url(../images/common/bg_li_list03.gif) left center no-repeat;
	padding:0 0 0 20px;
}



/*-----------------------------------------------
	Common Parts (Table)
-----------------------------------------------*/
.table_basic01 {
	width: 100%;
	/*margin:0 auto;*/
}

	.table_basic01 th, .table_basic01 td {
		border:#DEDEDE solid 1px;
		padding:9px 15px;
	}
@media(min-width:768px){
	.table_basic01 th,
	.table_basic01 td:first-child {
		width:200px;
	}
}

@media(max-width:767px){
	.table_basic01,
	.table_basic01 tbody,
	.table_basic01 tr,
	.table_basic01 th,
	.table_basic01 td,
	.table_presentform,
	.table_presentform tbody,
	.table_presentform tr,
	.table_presentform th,
	.table_presentform td {
		display: block;
	}
	.table_basic01 td:first-child,
	.table_presentform td:first-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	.table_basic01 td:last-child,
	.table_presentform td:last-child {
		border-top: none;
	}
}

.table_basic01 tr:nth-child(even) {
	background-color:#fff;
}
.table_basic01 tr:nth-child(odd) {
	background-color:#f8f8f8;
}

.table_basic02 {
	max-width:910px;
	margin:20px 0;
}

	.table_basic02 th, .table_basic02 td {
		border:#ccc solid 1px;
		padding:10px;
	}

	.table_basic02 th {
		background:#F2EAF2;
		color:#4C004C;
	}
	
	
/*企業情報テーブル*/
#infoBox:after{
	content:"";
	clear:both;
	display:block;
}
#infoBox{
	zoom:1;
	margin-bottom:20px;
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}
@media(max-width:767px){
	#infoBox{
		max-width:100%;
	}
}

/*企業情報*/
#infoBox .table_basic02{
	margin:0px;
	table-layout:fixed;
}
@media(min-width:768px) {
	#infoBox .table_basic02 {
		float:right;
		width:calc(100% - 340px);	
		margin-right:2px;
	}
}
@media(max-width:767px){
	#infoBox #view {
		margin-bottom: 15px;
	}
	#infoBox .table_basic02 {
		width: 100%;
	}
}
#infoBox .table_basic02 td,
#infoBox .table_basic02 th{
	padding:3px;
	table-layout:fixed;
}

#infoBox .table_basic02 col.tblTitle{
	width:90px;
}
#infoBox .table_basic02 col.tblInfo{
}
#infoBox .table_basic02 th{
	width:90px;
}
#infoBox .table_basic02 td{
	/*width:285px;*/
}

#infoBox #view{
	max-width:330px;
	float:left;
	margin-left:2px;
}

/*企業キャプション*/
h3.comCaption{
	font-size:1.2em;
	font-weight:bold;
	line-height:150%;
	margin-bottom:20px;
}


/*企業紹介フリーエリア*/

#kigyoFArea:after{
	content:"";
	clear:both;
	display:block;
}

#kigyoFArea{
	zoom:1;
	position:relative;
	padding-top:20px;
	padding-bottom:30px;
	overflow:hidden;
	border-top:2px solid #ccc;
	margin-left:auto;
	margin-right:auto;
}
@media(min-width:768px){
	#kigyoFArea{
		max-width:700px;
	}
}
@media(max-width:767px){
	#kigyoFArea{
		max-width:100%;
	}
}
#kigyoFArea p{
}
#kigyoFArea div{
	margin:5px;
}
#kigyoFArea ul{
	margin-bottom:10px;
}

#kigyoFArea table{
	/*border:1px solid #ccc;*/
	border-spacing:50px 30px;
	border-collapse:separate;
	min-width:100px;
	/*max-width:780px;*/
	max-width: 100%;
}
#kigyoFArea table td,
#kigyoFArea table th{
	vertical-align:top;
}

@media(min-width:768px) {
#kigyoFArea table{
		/*margin-left:-50px;*/
		width: 100% !important;
	}
}
@media(max-width:767px) {
	#kigyoFArea table,
	#kigyoFArea table tbody,
	#kigyoFArea table tr,
	#kigyoFArea table td,
	#kigyoFArea table th{
		display: block;
		max-width: 100%;
		min-width: 100%;
		height: auto !important;
		box-sizing: border-box;
	}
}
#kigyoFArea table td img,
#kigyoFArea table th img{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}
#kigyoFArea table td{
	width: 50% !important;
}
#kigyoFArea table th{
	font-weight:bold;
	background-color:#eee;
}

/*通常テーブル*/
#kigyoFArea table.commonTbl{
	/*border:1px solid #ccc;*/
	border-spacing:1px;
	border-collapse:collapse;
	
	margin-left:0px;
	min-width:100px;
	max-width:780px;
}
#kigyoFArea table.commonTbl td,
#kigyoFArea table.commonTbl th{
	/*border:1px solid #ccc;*/
	vertical-align:middle;
	text-align:center;
	/*
	padding-left:21px;
	padding-right:21px;
	*/
}
#kigyoFArea table.commonTbl td img,
#kigyoFArea table.commonTbl th img{
	display:inline;
	text-align:center;

}
#kigyoFArea table.commonTbl td{
}
#kigyoFArea table.commonTbl th{
	font-weight:bold;
	background-color:#eee;
}




.table_contact {
	width:450px;
	margin:20px auto;
}

	.table_contact th, .table_contact td {
		border:#DEDEDE solid 1px;
		padding:10px;
	}

	.table_contact th {
		background:#F8F8F8;
		color:#333;
	}
	
	.btn_contact {
		text-align:center;
	}
	

/*下部入会ページへのリンク*/
.bottomBanner{
	padding-top:20px;
}
/*-----------------------------------------------
	TOP下部ウィジェットエリア
-----------------------------------------------*/
#footWidget{
	margin-top:30px;
	height:150px;
}
#footWidget .bBox1,
#footWidget .bBox2{
	width:300px;
	height:140px;
	overflow:auto;
	background-color:#fff;
	padding:10px;
}


#footWidget .bBox1{
	float:left;
}
#footWidget .bBox2{
	float:right;

}
#footWidget h3{
	font-size:1.2em;
	font-weight:bold;
	
}

#footWidget ul{
	padding-left:15px;
	list-style-type:disc;
}



/*-----------------------------------------------
	Common Parts (Section)
-----------------------------------------------*/
.section01 {
/*	background:url(../images/top/top_bg_box03_middle.gif) left top repeat-y;*/
border:1px solid #ddd;
	border-radius: 5px;
	background-color: white;
	padding-bottom: 30px;
}

/*	.section01 .bottom {
		background:url(../images/top/top_bg_box03_bottom.gif) left bottom no-repeat;
		height:10px;
		padding-top:10px;
	}
*/	
	.section01 .box01 {
		padding:15px 20px 0 20px;
	}

/*-----------------------------------------------
	Common Parts (Text)
-----------------------------------------------*/
.head_txt {
}


/*-----------------------------------------------
	Common Parts (clm)
-----------------------------------------------*/


/*-----------------------------------------------
	Common Parts (Link)
-----------------------------------------------*/
.arrow01 a {
	background: url() no-repeat right 0.3em;
	padding-right: 9px;
}


/*-----------------------------------------------
	Common Parts (Button)
-----------------------------------------------*/

/*-----------------------------------------------
	Common Parts (Form)
-----------------------------------------------*/

/* search form */
.searchform {
	background:url(../images/common/bg_search_box.jpg) left top no-repeat;
	/*width:350px;*/
	height:30px;
	border:none;
}

#searchsubmit {
	background:url(../images/common/btn_search.png) left top no-repeat;
	width:30px;
	height:30px;
	border:none;
	text-indent:-9999px;
}


/* contact form */
.wpcf7-submit {
	background:url(../images/common/formbtn1.png) left top no-repeat;
	width:121px;
	height:30px;
	border:none;
	text-indent:-9999px;
}

.wpcf7-text {
	background:url(../images/common/bg_form_text01.gif) left top no-repeat;
	width:201px;
	height:20px;
	border:none;
}

.wpcf7-textarea {
	background:url(../images/common/bg_form_text02.gif) left top no-repeat;
	width:282px;
	height:120px;
	border:none;
}

/*プレゼントフォーム*/
.formArea{
	width: 100%;
	max-width:370px;
	height:60px;
	ime-mode:active;
}
.intText{
	ime-mode:inactive;
}
#form_presentform {
	padding-top: 100px;
    margin-top: -100px;
}
#thereIsError {
	position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    text-align: center;
}
#thereIsError a {
	display: inline-block;
    padding: 1em;
    background: red;
    color: white;
}




/*-----------------------------------------------
	Common Parts (Contact Box)
-----------------------------------------------*/
#contact_box01 {
}

/* ---------------------------------------------
	bottom banner
--------------------------------------------- */
.bottom_banner{
	padding:60px 0px 20px 0px;
}

/* ---------------------------------------------
	link navi
--------------------------------------------- */
#link-navi:after{
	content:'';
	display:block;
	clear:both;
}
#link-navi{
	margin:30px 0px 20px 0px;
	padding:10px;
	background-color:#eee;
	
	zoom:1;
}

#previous{
	float:left;
}
#next{
	float:right;
}




/*-----------------------------------------------
	Print
-----------------------------------------------*/
@media print {

}