@charset "UTF-8";
/* CSS Document */

html{
	margin:0px;
	padding:0px;
}
body{
	width:100%;
	margin:0px;
	padding:0;
	font-size:100%;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header,footer,section,article,aside,nav,hgroup,figure,figcaption{
  display: block;
}
h1,h2,h3,h4,p,img,ul{
	margin:0;
	padding:0;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
a:link{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}

/*==============================================
	汎用スタイル
==============================================*/
/* float */
.fltL{
	float:left;
}
.fltR{
	float:right;
}

/* clearfix */
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* text-align */
.inlineC{
	text-align:center;
}

/* font-size */
.small{
	font-size:80%;
}

/*==============================================
	共通スタイル
==============================================*/
#wrapper{
}
/* お問合せ */
.inquiryOuter{
	background:url(../images/inquiryBgOuter.jpg) repeat-x;
}
.inquiryInner{
	width:750px;
	margin:0 auto;
	padding:40px 0;
	background:url(../images/inquiryBg.jpg) no-repeat left center;
}
.inquiryBox{
	width:660px;
	margin:0 auto;
	padding:30px 40px;
	border:5px solid #00035e;
	border-radius:4px;
	background-color:#fff;
}
.inquiryBox .inlineC{
	margin:0 0 20px 0;
}
.inquiryBox .fltL{
	width:380px;
}
.inquiryBox .inquiryTime{
	margin:8px 0;
}
/* 会社概要_お問合せ */
#company .inquiryOuter{
	border-top:5px solid #00035e;
	border-bottom:5px solid #00035e;
}
#company .inquiryBox{
	background-color:transparent;
	border:none;
}

/* h2まわり */
.h2Area{
	position:relative;
}
.h2Area h2{
	text-align:center;
	padding:85px 0;
}
.h2Area h2 img{
	vertical-align:middle;
}

/* キャッチ */
.catchOuter{
	padding:58px 0;
	background:url(../images/bgLeather.jpg) repeat-x;
	text-align:center;
}
.catchOuter img{
	vertical-align:middle;
}


/*==============================================
	ヘッダ
==============================================*/
header{
	margin:0;
	padding:0;
	z-index:10;
}
#headerTopOuter{
	padding:10px 0;
	background-color:#fff;
}
#headerTopInner{
	width:940px;
	margin:0 auto;
}
#headerBtmOuter{
	height:376px;
	background:url(../images/bgLeather.jpg) repeat-x;
	box-shadow:0px 5px 10px rgba(0,0,0,0.5) inset;
}
#headerBtmInner{
	width:976px;
	margin:0 auto;
	position:relative;
}
#headerBtmInner .fltL img{
	display:block;
}
#headerBtmInner .fltR{
	padding:12px 0 0 0;
}

nav{
	position:absolute;
	left:14px;
	bottom:-53px;
}
nav li{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

/*==============================================
	コンテンツ
==============================================*/
/*--トップ-----------------------*/
#topContents{
	height:322px;
	padding:146px 0 0 0;
	background:url(../images/topBg.jpg) repeat-x;
	text-align:center;
}
#topContents h2{
	width:792px;
	margin:0 auto 50px auto;
	padding:30px;
	background-color:#fff;
	border:4px solid #04075B;
}
#topContents h2 img{
	vertical-align:middle;
}

/*--こんな仕事で活躍-----------------------*/
#job h2{
	margin:0 0 30px 0;
	padding:32px 0;
	background:url(../images/bgH2Job.jpg) repeat-x;
	text-align:center;
}
#jobInner{
	width:939px;
	margin:0 auto;
	padding:0 0 85px 0;
}
.jobBoxArea{
	margin:0 0 50px 0;
}
.jobBoxArea h3{
	height:85px;
}
.jobBoxArea section{
	float:left;
}
.jobBox{
	padding:0 20px 20px 20px;
	background-color:#f6f7f8;
}
#jobBox01{
	border-right:1px dotted #00035e;
	border-bottom:1px dotted #00035e;
	padding:0 20px 20px 0;
}
#jobBox02{
	border-bottom:1px dotted #00035e;
	padding:0 0 20px 20px;
}
#jobBox03{
	border-right:1px dotted #00035e;
	padding:20px 20px 0 0;
}
#jobBox04{
	padding:20px 0 0 20px;
}
.jobBox ul{
	margin:0 0 0 20px;
}
.jobBox li{
	list-style:none;
	padding:0 0 0 15px;
	background:url(../images/icoListJob.jpg) no-repeat left center;
}
#inquiryJob{
	margin:0 auto;
}
#inquiryJob img{
	vertical-align:middle;
}
#inquiryJob div.inlineC{
	margin:30px;
}
#inquiryJob p{
	width:900px;
	padding:20px;
	margin:0 0 30px 0;
	background-color:#00035e;
	border-radius:4px;
}

/*--メリット-----------------------*/
#merit{
	background-color:#cfe8ff;
}
#meritInner{
	width:942px;
	margin:0 auto;
	padding:0 0 40px 0;
}
#try02{
	position:absolute;
	left:10px;
	top:-9px;
}
.meritBoxArea{
	margin:0 0 32px 0;
}
.meritBoxArea section{
	width:454px;
}
.meritBoxArea img{
	vertical-align:bottom;
}
.meritListBox{
	padding:5px 15px 15px 15px;
	border:4px solid #cfe8ff;
	border-top:none;
	border-radius:0 0 12px 12px;
	background-color:#fff;
}
.meritListBox li{
	padding:0 0 0 22px;
	list-style:none;
	background:url(../images/icoListMerit.jpg) no-repeat left top;
}

/*--強み-----------------------*/
#advantage{
	background-color:#fff;
}
#advantageInner{
	width:940px;
	margin:0 auto;
	padding:0 0 20px 0;
}
#try03{
	position:absolute;
	right:40px;
	top:-24px;
}
#advantage h3 img{
	vertical-align:bottom;
}
.advantageBox{
	margin:0 0 40px 0;
}

/*--料金プラン-----------------------*/
#priceOuter{
	height:1863px;
	background:url(../images/priceBg.jpg) no-repeat top center;
}
#priceInner{
	width:781px;
	padding:126px 0;
	margin:0 auto;
	position:relative;
}
#pen{
	position:absolute;
	bottom:30px;
	right:-145px;
}
#priceTbl{
	margin:0 0 20px 0;
	border-collapse:collapse;
	font-size:90%;
}
#priceTbl th{
	padding:0;
	border-right:1px solid #fff;
}
#priceTbl th img{
	vertical-align:bottom;
}
#priceTbl td{
	padding:13px 10px;
	border-right:1px solid #B8AEA5;
	border-bottom:1px solid #B8AEA5;
	vertical-align:middle;
}
#priceTbl td.priceTd{
	text-align:right;
	font-weight:bold;
}
#priceTbl td.gyoshu{
	color:#00035e;
	font-weight:bold;
	font-size:110%;
}
#priceTbl td.dashed{
	border-bottom:1px dashed #B8AEA5;
}
#priceTbl th.lastR,#priceTbl td.lastR{
	border-right:none;
}
#priceTbl .bgYellow td{
	background:url(../images/priceBgYellow.jpg) repeat;
}

/*--料金プラン-----------------------*/
.catchInnerCompany{
	width:940px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#try04{
	position:absolute;
	bottom:-58px;
	right:-20px;
}
#companyInner{
	width:940px;
	margin:0 auto;
	padding:0 0 20px 0;
}
#companyTbl{
	border-collapse:collapse;
	font-size:85%;
	line-height:2;
}
#companyTbl th,#companyTbl td{
	padding:10px;
	border-bottom:15px solid #fff;
}
#companyTbl th{
	width:110px;
	background-color:#cfe8ff;
	border-right:1px dashed #00035e;
	text-align:left;
}
#companyTbl td{
	width:359px;
}

/*==============================================
	フッタ
==============================================*/
#footerInner{
	width:940px;
	margin:0 auto;
	padding:30px 0 60px 0;
	position:relative;
}
#pageTop{
	position:absolute;
	right:0;
	top:-48px;
}
#footerInner .fltR{
	font-size:80%;
	color:#00035e;
}

