@charset "utf-8";

/*
-----------------------------------------------

	1: color
	2: layout
	3: header
	4: navi
	5: contents
		:main
		:sub
	6: footer

*/

/* 1: color
----------------------------------------------- */

body{ color:#333;}
a{	color:#0931b1; text-decoration:underline;}
a:hover{ text-decoration: none;}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,table,tr,td,th,a{
	border-color:#ccc;
}

.red{color:#E74818;}
.red2{color:#cc2f2f;}
.gray{color:#666;}
.blue{color:#175FA5;}
.black{color:#333;}
.lightblue{color:#73A3D4;}
.orange{color:#ECBF6A;}
.navy{color:#053F76;}

/* 2: layout
----------------------------------------------- */

body{
	font-family: Verdana,Arial,Helvetica,"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	text-align:center;
	font-size: 75%;
	background:url(../img/common/bg.jpg) top no-repeat;
	word-break: break-all;
}
html>/**/body {font-size: 12px;}

#wrap{
	min-width:960px;
}
.sp p {
	background-image: url(/img/parts/empty.gif);
}
.tablet #wrap{
	max-width:1024px;
	margin:0 auto;
	overflow-x:hidden;
}
.sp #wrap{min-width: 0;}

.frame{
	margin:0px auto;
	text-align:left;
	width:960px;
	position:relative;
}
	/* スマホ用ヘッダーの設定 */
	.sp *{max-width:100%;}
	.sp img{
		width:auto;
		max-width:100%;
		height:auto;}
	.sp .frame{width:auto;}


	.pc-hidden{
		display:none!important;}
	.sp .pc-hidden{
		display:block!important;}
	.sp .sp-hidden{
		display:none!important;}



#header{
	position:relative;
	z-index:100;
}
#header .frame{
	height:143px;
}

#contents-inner{
	display: inline-block;
	width:100%;
}
#contents-inner:after{content: ".";display: block;height:0;clear:both;visibility: hidden; overflow:hidden;}

#main{
	width:717px;
	float: left;
	display:inline;
	margin-bottom:40px;
	font-size:117%;
}
* html #main{
	overflow:hidden;
}
.sp #main{width: auto;}

#sub{
	width:213px;
	float:right;
	display:inline;
	margin-bottom:40px;
}


#footer{
}

a:hover .ov{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/* 3: header
----------------------------------------------- */

#h-lead{
	position:absolute;
	left:50%;
	top:1px;
	width:960px;
	text-align:left;
	margin-left:-480px;
	font-size:11px;
	font-weight:bold;
	color:#888888;
}

.sp #h-lead{
	display: none!important;
}

#logo{
	position:absolute;
	top:24px;
	left:0px;
}
#h-tel{
	position:absolute;
	left:622px;
	top:9px;
}
#h-contact{
	position:absolute;
	right:0px;
	top:18px;
}


#h-menu{
	position:absolute;
	left:360px;
	top:31px;
	background:url(../img/common/h-menu-bg.png) bottom  repeat-x ;
	padding-bottom:7px;
	display: inline-block;
}
#h-menu:after{content: ".";display: block;height:0;overflow:hidden;clear:both;visibility: hidden;}

#h-menu li{
	float:left;
}

	/* ----- 3: sp-header ----- */
	#sp-header {
		background: #fff;
	}
	#sp-logo{
		margin-left:6.25%;
		text-align: left;
	}

	#sp-logo img{
		height: 120px;
	}
	#sp-h-menu{
		position: fixed;
		top:0px;
		right:0px;
		cursor:pointer;
		z-index: 999;
	}
	#sp-h-menu img{
		height:auto;
	}
	#sp-h-menu.open{
		background: url(/sp/img/common/header/close.jpg);
		background-size: auto;
		-webkit-background-size: auto;
	}
	#sp-h-menu.open img{
		visibility:hidden;
	}


/* 4: navi
----------------------------------------------- */

#navi2{
	height:62px;
	background:url(../img/common/navi-bg.png) repeat-x;
	position:absolute;
	top:81px;
	z-index:100;
}

#navi2 ul{
}


#navi2 > ul > li{
	position: absolute;
}
#n21{left:0px;}
#n22{left:120px;}
#n23{left:240px;}
#n24{left:362px;}
#n25{left:482px;}
#n26{left:602px;}
#n27{left:722px;}
#n28{left:842px;}

#navi2 > ul > li > a{
	display:block;
	text-indent:-9000px;
	height:44px;
	background-image:url(../img/common/navi2.png);
}

#n21 a{ width:120px; background-position:0px 0px;}
#n22 a{width:120px; background-position:-120px 0px;}
#n23 a{width:122px; background-position:-240px 0px;}
#n24 a{width:120px; background-position:-362px 0px;}
#n25 a{width:120px; background-position:-482px 0px;}
#n26 a{width:120px; background-position:-602px 0px;}
#n27 a{width:120px; background-position:-722px 0px;}
#n28 a{width:118px; background-position:-842px 0px;}

#biginner-p #n21 a,#n21 a:hover{background-position:0px -44px;}
#change-p #n22 a,#n22 a:hover{background-position:-120px -44px;}
.jigyosyoukei-p #n23 a,#n23 a:hover{background-position:-240px -44px;}
.office-p #n24 a,#n24 a:hover{background-position:-362px -44px;}
#staff-p #n25 a,#n25 a:hover{background-position:-482px -44px;}
#voice-p #n26 a,#n26 a:hover{background-position:-602px -44px;}
#seminar-p #n27 a,#n27 a:hover{background-position:-722px -44px;}
#price-p #n28 a,#n28 a:hover{background-position:-842px -44px;}



#navi2 li ul{
	position:absolute;
	top:44px;
	left:-20px;
	display:none;
	border-top:1px solid #D5D5D5;
	width:165px;
}
#navi2 #n27 ul{
	width:184px;
}

#navi2 li:hover ul{
	display:block;
}
#navi2 li li{
	border-bottom:1px solid #BFD0DD;
	border-right:1px solid #D5D5D5;
	border-left:1px solid #D5D5D5;
	float:none;
	position:relative;
}
#navi2 #n22 ul li{
}

#navi2 li li.last{
	border-bottom:1px solid #D5D5D5;
}

#navi2 li ul a{
	display:none;
}
#navi2 li ul li a{
	display:block;
}





	/* ----- 3: sp-navi ----- */

	#sp-navi{
		z-index:10000;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:none;
		position: fixed;
	}
	#sp-navi .sp-close{
		text-align:right;
	}
	#sp-navi .sp-close img{
		height: auto;
	}
	#sp-navi .sp-inner{
		border-width:5px 0;
		border-color:#1E4B9F;
		z-index:9997;
		width:100%;
		position:absolute;
		top:120px;
		bottom:1px;
		overflow-y:scroll;
	}

	#sp-navi .sp-list1{
		background:#2B5BB6;
		padding:3% 0 1px 0;
	}
	#sp-navi .sp-list1 li{
		margin:0 6.25% 3% 6.25%;
	}
	#sp-navi .sp-list2 li a,
	#sp-navi .sp-list2 li .aco{
		display:block;
		padding:3% 10px 3% 8%;
		border-top:1px solid #668BD0;
		background:url(/sp/img/common/header/menu-arrow.png) 6.25% no-repeat #406EC4;
		color:#fff;
		text-align: left;
		font-size: 200%;
		text-decoration: none;
		cursor:pointer;
	}


	#sp-navi .sp-list2 li a span,
	#sp-navi .sp-list2 li .aco span{
		padding-left:10px;
	}

	#sp-navi .sp-list2 li ul{
		display:none;

	}
	#sp-navi .sp-list2 li ul li{
		margin-bottom:1px;
	}
	#sp-navi .sp-list2 li li a{
		background:url(/sp/img/common/header/menu-arrow-child.png) 8% no-repeat #ccddfd;
		color:#285bba;
	}

	#sp-navi .sp-list2 li li a span{
		padding-left:20px;
	}

	#sp-navi li img{
		width:100%;
	}
	#sp-navi-bg{
		position: fixed;
		z-index:9998;
		left:0;
		top:0;
		background:url(/sp/img/common/header/menu-bg.png);
		width:100%;
		height:100%;
		display:none;
	}


/* 5: contents
----------------------------------------------- */

.box870{
	position:relative;
	left:45px;
	width:870px;
	font-size:117%;
}

/*
===== main =====
*/


#breadcrumbs{
	line-height:1.1;
	margin-bottom:8px;
}
#breadcrumbs li{
	line-height:1.1;
	display:inline;
}

.sp #breadcrumbs {
	display: none!important;
}

.pagetitle{
	margin-bottom:30px;
}
.pagetitle-text{
	margin-bottom:30px;
	line-height:76px;
	font-size:26px;
	color:#085E8F;
	font-family:Arial, Helvetica,"hiragino kaku gothic pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	-webkit-font-smoothing: antialiased;
	background-image:url(../img/common/pagetitle-text.jpg);
	padding-left:49px;
}

.jigyosyoukei-p .pagetitle-text{
	background-image:url(../img/service/jigyosyoukei/pagetitle-text.jpg);
	padding-left:70px;
}
.kaishasetsuritsu-p .pagetitle-text{
	background-image:url(../img/service/kaishasetsuritsu/pagetitle-text.jpg);
	padding-left:70px;
}

.kokusaizeimu-p .pagetitle-text{
	background-image:url(../img/service/kokusaizeimu/pagetitle-text.jpg);
	padding-left:70px;
}
.secondopinion-p .pagetitle-text{
	background-image:url(../img/service/secondopinion/pagetitle-text.jpg);
	padding-left:70px;
}
.zeimuchosa-p .pagetitle-text{
	background-image:url(../img/service/zeimuchosa/pagetitle-text.jpg);
	padding-left:70px;
}


.souzoku-index-p .pagetitle-text{
	background-image:url(../img/service/souzoku/pagetitle-text.jpg);
	padding-left:70px;
}



.pagetitle2{
	margin-bottom:30px;
}
.pagetitle-text2{
	line-height:45px;
	font-size:26px;
	color:#085E8F;
	font-family:Arial, Helvetica,"hiragino kaku gothic pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	-webkit-font-smoothing: antialiased;
	background-image:url(../img/common/pagetitle-text2.jpg);
	background-position:7px center;
	padding-left:27px;
	margin-top:10px;
}




.block{
	margin-bottom:30px;
}
.block .inner{
	position:relative;
	left:10px;
	width:697px;
}

.block h2{
	margin-bottom:1px;
}


.check-block{
	border:1px solid #CCCCCC;
	background:url(../img/zeimuotoko/entry-bg.jpg) left top repeat;
	padding:20px;
	margin-bottom:30px;
}

.border{
	height:1px;
	background:#CCCCCC;
	overflow:hidden;
	margin-bottom:30px;
}


.gray-box{
	border:1px solid #CCCCCC;
	padding:15px;
	background:#EEEEEE;
}

/* contact */

.bottom-contact{
	border:1px solid #9EACBA;
	padding-bottom:1px;
	margin-bottom:20px;
	zoom:1;
}
.bottom-contact h3{
	border-bottom:1px solid #9EACBA;
	margin-bottom:14px;
}
.bottom-contact .inner{
	margin-right:10px;
	position:relative;
	margin-bottom:12px;
	padding-left:42px;
}
.bottom-contact .button{
	float:left;
	margin-bottom:10px;
}
.bottom-contact .tel{
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}
.bottom-contact .indent-list{
	font-size:90%;
	color:#333;
	clear:both;
}

.bottom-contact .genre dt{
	margin-bottom:5px;
}
.bottom-contact .genre dd{
	font-size:84%;
	margin-bottom:15px;
	width:630px;
}

/*
===== sub =====
*/

#sub-soudan{
	position:relative;
	margin-bottom:18px;
}
#sub-soudan .button{
	position:absolute;
	top:173px;
	left:5px;
}

#sub-access{
	margin-bottom:15px;
}
#sub-access h3{
	margin-bottom:15px;
}
#sub-access .inner{
	margin-left:10px;
}

#sub-access th{
	padding:0 10px 5px 0;
}
#sub-access td{
	padding:0 0 5px 0;
}

.banner li{
	margin-bottom:15px;
}



/* submenu */

.submenu{
	margin-bottom:20px;
}
.submenu .head{
	margin-bottom:2px;
}

/* submenu2 */

.submenu2{
	margin-bottom:20px;
}
.submenu2 .head{
	margin-bottom:2px;
}
.submenu2 li{
	border-bottom:1px solid #A3BBCD;
}
.submenu2 li a{
	background-image:url(../img/service/sub/bg.jpg);
	height:37px;
	display:block;
	color:#212121;
	text-decoration:none;
	padding-left:30px;
	font-weight:bold;
	font-size:14px;
	line-height:37px;
	font-family:Arial, Helvetica,"hiragino kaku gothic pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
	-webkit-font-smoothing: antialiased;
}
.submenu2 li a.current,
.submenu2 li a:hover{
	background-position:0px -37px;
	color:#fff;
}

.submenu2 li ul{
	padding:5px 0;
	display:none;
}

.zeirishi-p .submenu2-zeirishi ul,
.kakuteishinkoku-p .submenu2-kakuteishinkoku ul,
.souzoku-p .submenu2-souzoku ul{display:block;}

.submenu2 li li{
	border-bottom:0;
}
.submenu2 li li a{
	background:url(../img/service/sub/child-arrow.jpg) 33px 8px no-repeat;
	padding-left:41px;
	line-height:24px;
	height:auto;
	font-weight:normal;
}
.submenu2 li li a.current,
.submenu2 li li a:hover{
	background-position:33px 8px;
	color:#212121;
}
.submenu2 li li a:hover{
	text-decoration:underline;
}

.submenu2 li li a span{
	font-size:13px;
}


/* recruit */

#sub-recruit{
	border:1px solid #AAAAAA;
	background:#D3E2ED;
	padding:1px;
	position:relative;
	padding-bottom:5px;
	margin-bottom:10px;
}
#sub-recruit .page{
}
#sub-recruit .movie{
	text-align:center;
}

#sub-recruiting,
#low-recruiting {
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#sub-recruiting .r-text1,
#low-recruiting .r-text1 {
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	color: #000;
	font-size: 108%;
	text-align: center;
	font-weight: bold;
}
#sub-recruiting .r-text2,
#low-recruiting .r-text2 {
	position: absolute;
	bottom: 3px;
	left: 25px;
	color: #fff;
	font-size: 108%;
	letter-spacing: 0.8px;
	text-align: center;
}
#low-recruiting .r-text1 {
	top: 9px;
	font-size: 95%;
}
#low-recruiting .r-text2 {
	bottom: 6px;
	left: 15px;
	font-size: 95%;
}

/* ===== スマホ用 ===== */
.sp #sub {
	display: none!important;
}

/* 6: footer
----------------------------------------------- */

/* top */

#f-top{
	background:#DADEE2;
	border-top:1px solid #B8BDC4;
	height:36px;
	line-height:36px;
}
#f-top ul{
	background:url(../img/common/footer/top-line.jpg) left no-repeat;
}
#f-top li{
	display:inline-block;
	width:107px;
	background:url(../img/common/footer/top-line.jpg) right no-repeat;
	width:107px;
	line-height:36px;
}
* html #f-top li{display:inline;}
*:first-child+html #f-top li{display:inline;}

#f-top a{
	color:#333;
	text-decoration:none;
}
#f-top a:hover,
#f-top .current{
	text-decoration:underline;
}


/* middle */

#f-middle{
	background:url(../img/common/footer/middle.jpg) top repeat-x #25445E;
	padding:15px 0;
	color:#CDD5DD
}
#f-middle a{
	color:#CDD5DD;
	text-decoration:none;
}
#f-middle a:hover{
	text-decoration:underline;
}

#f-guide{
	width:467px;
	float:left;
}
#f-guide .img{
	float:left;
	margin-bottom:10px;
}
#f-guide .text{
	float:right;
	position:relative;
	width:335px;
	margin-bottom:10px;
}
#f-guide .name{
	margin-bottom:6px;
}

#f-guide .access{
	position:absolute;
	top:0px;
	left:208px;
}

#fb-root{
	position:absolute;
	left:-1000px;
	visibility:hidden;
}

#f-guide .fb{
	clear:both;
}

#f-service{
	float:right;
	width:472px;
}
#f-service a{
	background:url(../img/common/footer/service-arrow.jpg) left no-repeat;
	padding-left:10px;
}

#f-service .head{
	border-bottom:1px solid #8A9BAB;
	margin-bottom:7px;
}
#f-service .case{
	width:472px;
}
#f-service .left{
	margin-right:45px;
}
#f-service .right{
	width:165px;
}

/* bottom */

#f-bottom{
	background:#0F314E;
	color:#b7bfc7;
}
#f-bottom a{
	color:#b7bfc7;
	text-decoration:none;
}
#f-bottom a:hover{
	text-decoration:underline;
}

#f-bottom .menu{
	font-size:90%;
	line-height:35px;
}


#footer #copyright{
	line-height:35px;
	position:absolute;
	right:0px;
	top:0px;
}


/* ----- 6-sp: sp-footer ----- */

#sp-footer{
}
#sp-f-menu{
	border-width:1px 0 0 1px;
	border-color:#fff;
	background:#CFCFCF;
	text-align: left;
}
#sp-f-menu:after{content: ".";display: block;height:0;overflow:hidden;clear:both;visibility: hidden;}


#sp-f-menu > li{
	background:#DBDBDB;
	float:left;
	width:50%;
}
#sp-f-menu li.long{
	float:none;
	width:auto;
	border-bottom:1px solid #fff;
	padding:6% 2% 6% 4.65%;
	clear:both;

}

#sp-f-menu a{
	color:#333;
	text-decoration: none;
}
#sp-f-menu > li > a{
	border-width:0 1px 1px 0;
	border-color:#fff;
	display:block;
	padding:6% 2% 6% 9.3%;
	font-size: 200%;
}

#sp-f-menu > li > a > span,
#sp-f-menu li.long .aco span{
	display:block;
	padding-left:20px;
	background:url(/sp/img/common/footer/menu-arrow.png) left center  no-repeat;
	background-size:auto;
	-webkit-background-size:auto;
}


#sp-f-menu li.long .aco span{
	font-size: 200%;
}

#sp-f-menu li.long ul{
	padding-left:20px;
	margin-top:10px;
	font-size:180%;
}
#sp-f-menu li.long li{
	display:inline-block;
	white-space:nowrap;
	border-right:1px solid #000;
	padding-right:10px;
	margin-right:10px;
	line-height:1;
	margin-bottom:10px;
}
#sp-f-menu li.long li:last-child{
	border-right:0;
	margin-right:0;
	padding-top:0;
}

#sp-f-menu li.long li a{
}



#sp-f-pc{
	background:#656565;
	padding:6% 0;
	text-align:center;
}
#sp-f-pc a{
	margin:0 6.25%;
	display:block;
}
#sp-copyright{
	text-align:center;
	padding:4% 0;
	font-size:160%;
	color:#fff;
	background:#4C4C4C;
}


#sp-bottom-menu{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index: 8888;
}

#sp-bottom-menu .inner{
	background:url(/sp/img/common/footer/bg.png) repeat;
}
#sp-bottom-menu .copy{
	text-align:center;
	color:#fff;
	font-size:114%;
	padding:10px 0 0 0 ;
	margin:0;
}


#sp-bottom-menu ul{
/*
	position:absolute;
	width:100%;
	top:0;
	left:0;
*/
}
#sp-bottom-menu ul:after{content: ""; display: block; clear: both;height: 0;}

#sp-bottom-menu li{
	width:30.4%;
	float:left;
	margin-left:2.2%;
}
#sp-bottom-menu img{width:100%;}
#sp-bottom-menu-dammy img{width:100%;}


#sp-bottom-menu-dammy{
}