﻿@charset "utf-8";
body {
	font-family: "メイリオ", sans-serif;
	color: #444;
	line-height: 1.7;
	max-width: 1960px;
	overflow-x: hidden;
}
header{
	background: #fff;
}
#inheader{
	width:980px;
	margin: 0 auto;
	overflow: hidden;
}

#inheader h1{
	margin: 0 0 0 433px;
	float:left;
	width:115px;
}
#slide{
	position: relative;
	left:50%;
	margin: 0 0 0 -990px;
	max-width: 1980px;
}
.tel_btn{
	float: right;
}
header nav{
	clear: both;
	width:980px;
	margin: 0 auto;
	overflow: hidden;
}
header nav li{
	float: left;
}
#news a{
	text-decoration: none;
	cursor: default;
	color: #444;
}
#mainnav{
	width:100%;
	background: url(../img/bnav_bg.jpg) repeat-x 0 0;
	overflow: hidden;
}
#mainnav nav{
	width:980px;
	margin: 0 auto;
}
#mainnav nav li{
	float: left;
}
#service{
	width:100%;
	background: url(../img/glaybg.jpg) repeat-x 0 0;
	margin: -20px 0 0 0 ;
	padding: 20px 0 0 0;
	height: 250px;
}
#inservice{
	width:980px;
	margin: 0 auto;
}
#inservice h2{
	font-size: 17px;
	font-weight: bold;
	background: url(../img/icon.jpg) no-repeat 0 0;
	padding: 10px 0 15px 45px;
}
#inservice ul{
	overflow: hidden;

}
#inservice ul > li{
	float: left;
	margin: 0 15px 0 0;
	width:230px;
}
#inservice ul > li:last-child{
	float: left;
	margin: 0;
	width:245px;
}
#inservice ul > li:last-child a{
	color: #444;
	text-decoration:none;
	font-size: 14px;
}
#inservice ul > li:last-child a:hover{
	text-decoration: underline;
}
#inservice ol li{
	margin: 5px 0 0 0;
	background:url(../img/idt.jpg) no-repeat 0 8px;
	padding: 0 0 0 15px;
}
.bg1{
	background: url(../img/bg1.jpg) no-repeat 0 0;
	width:982px;
	height:333px;
}
.bg1 p{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 1.8;
	margin: 0 0 0 383px;
	padding: 140px 0 0;
}
.bg2{
	background: url(../img/bg2.jpg) no-repeat 0 0;
	width:982px;
	height:345px;
}
.bg2 p{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 1.8;
	margin: 0 0 0 103px;
	padding: 180px 0 0;
}

#content{
	width:982px;
	margin: 0 auto;
}
#news {
	width:920px;
	margin: 40px  auto 0;
}
#news h4{
	text-align: center;
}
#news dl{
	overflow: hidden;
	clear: both;
	border-top:2px dotted #999;
	padding: 10px 0 0 0;
	margin: 0 0 10px;
}
#news dt span{
	color: #29A9E7;
	width:130px;
	display: inline-block;
	font-weight: bold;
}
#news dt {
	width:400px;
	float: left;
}
#news dd{
	width:500px;
	float: left;
}
#contact_bnr{
	background: #fff;
}
#contact_bnr ul{
	width:866px;
	margin: 0 auto;
	overflow: hidden;
}
#contact_bnr li{
	float: left;
	margin: 30px 0;
}
footer{
	clear: both;
	width:100%;
	background: url(../img/footerbg.jpg) no-repeat center top #88D2F5;
	margin: 20px 0 0 0;
}
.pagetop{
	text-align: center;
	margin: -20px 0 0 0;
}
#footernav a{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
#footernav  a:hover{
	text-decoration: underline;
}
#footernav ul{
	overflow: hidden;
	width:1040px;
	margin: 0 auto;
}
#footernav li{
	width:200px;
	float: left;
}
#footernav li.short{
	width:120px;
}
#footernav li dt{
	border-bottom:dotted 1px #fff;
}
#copy{
	clear: both;
	margin: 20px 0 0 0;
	text-align: center;
	color: #fff;
}
#slidebnr p{
	float: left;
	margin: 0 0 0 15px;
}
#slidebnr {
	position: absolute;
	left:50%;
	margin:0 0 0 -510px;
	z-index: 2000000000;
	bottom: 0;
}
.maternity{
	margin: 30px 0 40px!important
}
#maternitypage,
#outsourcingpage,
#salarypage,
#myNumberpage,
#pricepage,
#contactpage,
#consultingpage{
	background: #F6F6F6;
}
#maternitypage #eyecatch{
	background: url(../img/maternity.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:163px;
}
#consultingpage #eyecatch{
	background: url(../img/consul_h2.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:174px;
}
#under_wrapper{
	width:980px;
	margin: 0 auto;
}
#tabnav{
	width:980px;
	margin: 20px auto 0;
	overflow: hidden;
}
#tabnav li{
	float: left;
	margin: 0 10px 0 0 ;
}
#under_wrapper section{
	background: #fff;
	margin: 0 0 40px ;
	clear: both;
	position: relative;
}
.ad_fee,
.adviser{
	margin: -9px 0 40px 0!important;
}
.adviser h2{
	text-indent: -9999px;
	background: url(../img/consulmainbg.jpg) no-repeat 0 0;
	height:331px;
}
.btn{
	margin: -80px 0 40px 40px;
}
.workrule p,
.inspection p,
.adviser p{
	padding: 20px 30px 20px;
}
.inspection h2{
	text-indent: -9999px;
	background: url(../img/consulmainbg2.jpg) no-repeat 0 0;
	height:331px;
}
.other{
	padding: 0 0 30px;
}
.other h2{
	text-indent: -9999px;
	background: url(../img/consulmainbg3.jpg) no-repeat 0 0;
	height:140px;
}
.outsourc dl,
.other dl{
	margin: 20px 0 0 40px;
}
.outsourc dt,
.other dt{
	cursor: pointer;
}
.outsourc dd,
.other dd{
	margin: 0 40px 10px 20px;
}
.probrem{
	background: url(../img/consulbg01.jpg) no-repeat 0 0;
	margin: 0 0 0 40px;
	height:222px;
	padding: 75px 0 0 240px;
}
section .tag{
	position: absolute;
	left:-50px;
	top:60px;
}
.policy .tag{
	position: absolute;
	left:-50px;
	top:40px;
}
#workrulepage #eyecatch{
	background: url(../img/workrule_h2.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:174px;
}
#outsourcingpage #eyecatch{
	background: url(../img/outsourcingbg.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:173px;
}
#salarypage #eyecatch{
	background: url(../img/salarybg.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:359px;
}
#workrulepage{
	background: #F6F6F6;
}
.workrule{
	margin: -9px 0 40px 0!important;
}
.workrule h2{
	text-indent: -9999px;
	background: url(../img/workbgbg.jpg) no-repeat 0 0;
	height:331px;
}
.salary{
	margin: 30px 0 40px!important;
}
.salary dl,
.salary p{
	margin: 0 40px 20px;
}
.salary p.topl{
	margin: 30px 40px 20px;
}
.salary h2{
	text-indent: -9999px;
	background: url(../img/salaryh2.jpg) no-repeat 0 0;
	height:207px;
}
.block{
	background: url(../img/workbg01.jpg) no-repeat 0 0;
	margin: 20px 40px 0;
	padding: 45px 0 0 0;
}
.block li{
	margin: 0 0 0 30px;
}
.workrule dl{
	margin: 0 0 0 40px;
	background: url(../img/workbg.jpg) right top no-repeat;
	padding: 0 0  50px 0;
}

.greeting h2{
	background: url(../img/h2_greeting.jpg) no-repeat 0 0;
	height:  106px;
	text-indent: -9999px;
}
.merritt h2{
	background: url(../img/outsourcingh201.jpg) no-repeat 0 0;
	height:  325px;
	text-indent: -9999px;
}
.outsourc .tag{
	top:40px!important;
}
.outsourc h2{
	background: url(../img/outsourcingh202.jpg) no-repeat 0 0;
	height:  97px;
	text-indent: -9999px;
}

.greeting p {
	width: 928px;
	height: 330px;
	background: url(../img/greeting01.jpg) no-repeat 0 0;
	margin: 25px 0 0 35px;
}
.merritt{
	margin: -13px 0 40px!important;
}
.history {
	background: url(../img/greeting02.jpg) no-repeat 0 0;	
	height:214px;
	margin: -3px 0 0 40px;
}

.history dl {
	width: 658px;
	padding: 55px 0 0 22px;
}

.history dt {
	width: 35px;
	margin: 0 18px 0 0;
	float: left;
}

.history dd {
	width: 648px;
}

.margin_sukima {
	margin: 0 0 0 53px;
}

.about_office h2{
	background: url(../img/h2_aboutoffice.jpg) no-repeat 0 0;
	height:  124px;
	text-indent: -9999px;	
}
.maternity h2{
	background: url(../img/maternitybg.jpg) no-repeat 0 0;
	height:  316px;
	text-indent: -9999px;	
}

.about_office table {
	width: 585px;
}
#contactpage #eyecatch{
	background: url(../img/contacth2bg.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:174px;
}
.contact h2{
	background: url(../img/contactbg.jpg) no-repeat 0 0;
	height:  124px;
	text-indent: -9999px;	
}
#privacy h2{
	background: url(../img/privacybg.jpg) no-repeat 0 0;
	height:  124px;
	text-indent: -9999px;	
}
.support h2{
	background: url(../img/myNumberbg01.jpg) no-repeat 0 20px;
	height:  111px;
	text-indent: -9999px;	
	padding: 30px 0 40px 0;
}
.policy h2{
	background: url(../img/myNumberbg02.jpg) no-repeat 0 0;
	height:  324px;
	text-indent: -9999px;	
}
#privacy dl,
.contact dl{
	padding: 0 40px;
}
h3.hh3,
.contact h3{
	margin: 20px 40px 20px;
	border-bottom:3px #999 dotted;
	color: #5EBEEE;
	font-weight: bold;
	font-size: 18px;
}

.contact dl{
	margin:0 0 10px;
	overflow: hidden;
	clear: both;
}
.contact dt{
	float: left;
	width:240px;
}
.contact dd{
	float: left;
	width:640px;
}
.contact dd input,
.contact dd textarea{
	width:90%;
}
.contact p{
	padding: 20px 0 30px;
}
input[type="image"]:hover{
	 opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}
.contact dt span{
	display: inline-block;
	background: url(../img/must.jpg) no-repeat top right;
	padding: 0 90px 0 0;
}
#privacy p{
	padding: 20px 40px 30px;
}
#privacy dt{
	font-weight: bold;
}
#privacy dd{
	margin: 0 0 30px;
}
.contact{
	margin: -9px 0 40px!important;
}
.ad_fee h2{
	background: url(../img/priceh2bg01.jpg) no-repeat 0 0;
	height:  124px;
	text-indent: -9999px;
}
#pricepage #eyecatch{
	background: url(../img/pricebg.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:174px;
}
#myNumberpage #eyecatch{
	background: url(../img/myNumberbg.jpg) no-repeat center top;
	width:100%;
	text-indent: -9999px;
	height:358px;
}
.wr_price h2{
	background: url(../img/priceh2bg02.jpg) no-repeat 0 0;
	height:  124px;
	text-indent: -9999px;
}
.ad_fee p{
	margin: 0 40px;
}
.ad_fee table{
	margin: 0 40px;
	border-collapse: collapse;
}
.ad_fee table caption{
	font-weight: bold;
}
.ad_fee table .long{
	width:210px;

}
.ad_fee table th,
.ad_fee table td{
	border: 1px solid #999;
	text-align: center;
	width:120px;
}
.ad_fee table th{
	font-weight: bold;
	color: #fff;
}
.ad_fee table.sky{
	margin: 0 40px 10px;
}
.ad_fee table.sky th{
	background: #89D2F6;
}
.ad_fee table.orange th{
	background: #FFA927;
}
.ad_fee table.pink th{
	background: #FF99CC;
}

.ad_fee .one,
.ad_fee .two,
.ad_fee .three{
	margin: 20px 40px 15px ;
}
.one{
	background: url(../img/1kyuyo.jpg) no-repeat 0 0;
	padding: 10px 0 10px 190px;
}
.two{
	background: url(../img/2tetuzuki.jpg) no-repeat 0 0;
	padding: 10px 0 10px 190px;
}
.three{
	background: url(../img/3soudan.jpg) no-repeat 0 0;
	padding: 10px 0 10px 190px;
}
.unders{
	padding: 30px 0 30px 0;
}
.wr_price p{
	margin: 0 40px;
}
.wr_price dl{
	margin: 0 0 30px 40px;
	width:370px;
	float: left;
}
.wr_price  dl dt{
	float: left;
	width:160px;

}
.wr_price  dl dd{
	float: left;
	font-weight: bold;
	padding: 10px 0 0 20px;
	width:190px;
}
.wr_price h5{
	clear: both;
	margin: 20px 0 0 30px;
	background: url(../img/otoku.jpg) no-repeat 0 0 ;
	padding:10px 0 10px 200px;
}
.wr_price h5 span{
	color: red;
	font-size: 22px;
	font-weight: bold;
}
.support{
	margin: 30px 0 40px 0!important;
}
.support p{
	margin: 0 40px 10px;
}
.support p.topm{
	margin: 40px 40px 10px!important;
}
.policy p{
	margin: 0 40px 20px;
}
.posi{
	position: absolute;
	right:-20px;
	top:-63px;
}
.rela{
	position: relative;
}
.merritt ul{
	margin: 0 40px;
}
.merritt .first{
	background: url(../img/001.jpg) no-repeat 0 0;
	padding: 30px 0 0 120px;
	margin: 0 0 30px;
}
.merritt .second{
	background: url(../img/002.jpg) no-repeat 0 0;
	padding: 30px 0 0 120px;
	margin: 0 0 30px;
}
.merritt .third{
	background: url(../img/003.jpg) no-repeat 0 0;
	padding: 30px 0 0 120px;
	margin: 0 0 30px;
}
.merritt .forth{
	background: url(../img/004.jpg) no-repeat 0 0;
	padding: 30px 0 0 120px;
	margin: 0 0 30px;
}
#answer{
	margin: 20px 40px 0;
	border-top:2px dotted #ccc;
	padding: 40px 0 0 0 ;
	clear: both;
}
.maternity p{
	font-size: 18px;
	margin: 10px 40px 10px;
}
#answer p{
	margin: 10px 0;
}
.hid{
	overflow: hidden;
	padding: 0 0 20px;
}
#image-btn{
	width:275px;
	height:57px;
	background: url(../img/calcbtn.jpg) no-repeat 0 0;
	float: right;
}
.bordero{
	border:solid 1px #EEA34A;
}
