@charset "utf-8";

/* common */
/* ----------------------------------------------------------------------------------------- */

body{
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	font-weight:500;
	background:#FFF;
	color:#111;
}

.size_en01{
	font-size:0.75em !important;
}

/* layout */
/* ----------------------------------------------------------------------------------------- */

/* transition */
/* -------------------------------------------------- */

#gnavi_jp li a:hover,
#gnavi_en li a:hover{
	opacity:0;
}

.id_btn02 a:hover{
	opacity:0.5;
}

#gnavi_jp li a:hover,
#id_btn01 li:hover,
#gnavi_en li a:hover,
.id_btn02 a:hover{
	-webkit-transition:0.3s ease-in-out;
	   -moz-transition:0.3s ease-in-out;
	    -ms-transition:0.3s ease-in-out;
	     -o-transition:0.3s ease-in-out;
			transition:0.3s ease-in-out;
}

.bxslider02,
.bxslider03,
#sp_image,
.pageTitle01A,
#menu,
#spnavi_area,
.contentsA,
.footerNaviA,
.pc_dispnone,
.menu_heading,
#footerNaviA{
	display:none;
}

/* float */
/* -------------------------------------------- */

.pc_fRight{
	float:right !important;
	margin-left:30px;
}

/* body */
/* -------------------------------------------- */

#body{
	text-align:center;
	font-size:80%;
	line-height:1.75em;
}

.imgborder01{
	box-sizing:border-box;
	width:100%;
	height:auto;
	border-radius:6px;
	border:1px solid #CCC;
}

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

#headerArea{
	position:relative;
	width:980px;
	height:140px;
	margin:0 auto;
}

#logo_jp,
#logo_en{
	position:absolute;
	width:490px;
	height:78px;
	top:50px;
	left:0;
}

#logo_jp a{
	display:block;
	width:490px;
	height:78px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/logo_jp.gif) no-repeat 0 0;
}

#logo_en a{
	display:block;
	width:490px;
	height:78px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/logo_en.gif) no-repeat 0 0;
}

#tel_jp{
	position:absolute;
	top:53px;
	right:0;
	width:287px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/tel_jp.gif) no-repeat 0 0;
}

#tel_en{
	position:absolute;
	top:53px;
	right:0;
	width:287px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/tel_en.gif) no-repeat 0 0;
}

#gnaviArea{
	width:100%;
	height:65px;
	background:url(../img/back01.gif) repeat-x top center;
}

#gnaviArea ul{
	width:980px;
	height:65px;
	margin:0 auto;
	list-style:none;
}

#gnaviArea ul li{
	width:245px;
	height:65px;
	float:left;
}

#gnaviArea ul li a{
	display:block;
	width:245px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
}

#gnavi_jp #gnavi01,
#gnavi_jp #gnavi01 a.current{
	background:url(../img/gnavi_jp01_on.gif);
}

#gnavi_jp #gnavi02,
#gnavi_jp #gnavi02 a.current{
	background:url(../img/gnavi_jp02_on.gif);
}

#gnavi_jp #gnavi03,
#gnavi_jp #gnavi03 a.current{
	background:url(../img/gnavi_jp03_on.gif);
}

#gnavi_jp #gnavi04,
#gnavi_jp #gnavi04 a.current{
	background:url(../img/gnavi_jp04_on.gif);
}

#gnavi_jp #gnavi01 a{
	background:url(../img/gnavi_jp01_off.gif);
}

#gnavi_jp #gnavi02 a{
	background:url(../img/gnavi_jp02_off.gif);
}

#gnavi_jp #gnavi03 a{
	background:url(../img/gnavi_jp03_off.gif);
}

#gnavi_jp #gnavi04 a{
	background:url(../img/gnavi_jp04_off.gif);
}

#gnavi_en #gnavi01,
#gnavi_en #gnavi01 a.current{
	background:url(../img/gnavi_en01_on.gif);
}

#gnavi_en #gnavi02,
#gnavi_en #gnavi02 a.current{
	background:url(../img/gnavi_en02_on.gif);
}

#gnavi_en #gnavi03,
#gnavi_en #gnavi03 a.current{
	background:url(../img/gnavi_en03_on.gif);
}

#gnavi_en #gnavi04,
#gnavi_en #gnavi04 a.current{
	background:url(../img/gnavi_en04_on.gif);
}

#gnavi_en #gnavi01 a{
	background:url(../img/gnavi_en01_off.gif);
}

#gnavi_en #gnavi02 a{
	background:url(../img/gnavi_en02_off.gif);
}

#gnavi_en #gnavi03 a{
	background:url(../img/gnavi_en03_off.gif);
}

#gnavi_en #gnavi04 a{
	background:url(../img/gnavi_en04_off.gif);
}

#tnaviArea{
	position:absolute;
	width:500px;
	height:1em;
	top:15px;
	right:0;
	text-align:right;
}

#tnaviArea li{
	margin-right:25px;
	display:inline;
	list-style:none;
}

#tnaviArea li:last-child{
	margin-right:0;
}

#tnaviArea li a{
	padding-left:8px;
	background:url(../img/arrow01.png) no-repeat left center;
	color:#111;
	text-decoration:none;
}

#tnaviArea li.current a,
#tnaviArea li a:hover{
	padding-left:8px;
	background:url(../img/arrow01.png) no-repeat left center;
	color:#00479D;
	text-decoration:none;
}

/* contents */
/* -------------------------------------------- */

#contentsAreaA{
	width:980px;
	padding:30px 0;
	margin:0 auto;
	text-align:left;
	line-height:2em;
}

#contentsAreaB{
	width:980px;
	padding:30px 0 50px 0;
	margin:0 auto;
	text-align:left;
	font-size:1.2em;
	line-height:2em;
}

#page_image img{
	width:980px;
	box-sizing:border-box;
	height:auto;
	border-radius:6px;
	border:1px solid #CCC;
}

.col2_01,
.col2_02{
	margin-bottom:50px;
}

.col2_01 .left,
.col2_02 .left{
	width:480px;
	float:left;
}

.col2_01 .right,
.col2_02 .right{
	width:480px;
	float:right;
}

.col2_03{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #ddd;
}

.col2_03 .left{
	width:45%;
	float:left;
}

.col2_03 .right{
	width:45%;
	float:right;
}

.sectionA{
	line-height:2em;
}

.sectionBorderA{
	margin-bottom:75px;
	padding-bottom:40px;
	border-bottom:1px dotted #DDD;
}

.sectionBorderB{
	padding:15px 25px;
	border-radius:4px;
	border:2px solid #DDD;
}

.pageback_btn{
	width:300px;
	height:auto;
}

/* under */
/* -------------------------------------------- */

#undearArea{
	border-top:1px solid #D9D9D9;
}

#undearA{
	width:980px;
	padding:5px 0;
	margin:0 auto;
	text-align:left;
}

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

#footerArea{
	background:#00479D;
}

#addArea{
	width:980px;
	margin:0 auto;
	padding:25px 0 50px 0;
	text-align:left;
	color:#FFF;
	line-height:2em;
}

#addArea dt{
	font-size:1.3em;
	margin-bottom:5px;
}

#addArea dd{
	font-size:0.9em;
}

#fnaviArea{
	width:980px;
	margin:0 auto;
	padding:25px 0 20px 0;
	border-bottom:1px dotted #FFFFFF;
}

#fnaviArea ul{
	font-size:0.9em;
	list-style:none;
}

#fnaviArea ul li{
	margin-bottom:5px;
	float:left;
	text-align:left;
}

#fnaviArea ul li a{
	padding-left:14px;
	background:url(../img/arrow04.png) no-repeat left center;
	color:#FFF;
	text-decoration:none;
}

#fnaviArea ul li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#fnavi01,
#fnavi06{
	width:186px;
}

#fnavi02,
#fnavi07{
	width:216px;
}

#fnavi03,
#fnavi08{
	width:216px;
}

#fnavi04,
#fnavi09{
	width:211px;
}

#fnavi05,
#fnavi10{
	float:right;
	width:151px;
}

.fnaviArea_en_menu li{
	width:325px !important;
}

/* pnavi */
/* -------------------------------------------- */

#pnaviArea{
	width:600px;
	float:left;
}

#pnavi{
	list-style:none;
	font-size:0.9em;
	text-align:left;
}

#pnavi li{
	display:inline;
}

#pnavi a{
	color:#111;
	text-decoration:none;
	background:url(../img/pnavi_arrow.png) center right no-repeat;
	padding-right:15px;
	margin-right:5px;
}

#pnavi a:hover{
	color:#00479D;
}

#pagetopArea{
	width:300px;
	float:right;
	font-size:0.9em;
	text-align:right;
}

#pagetopArea li{
	display:inline;
}

#pagetopArea li#ptnavi01 a{
	color:#00479D;
	text-decoration:none;
	background:url(../img/arrow02.png) left center no-repeat;
	padding-left:15px;
	margin-right:25px;
}

#pagetopArea li#ptnavi02 a{
	color:#00479D;
	text-decoration:none;
	background:url(../img/arrow03.png) left center no-repeat;
	padding-left:15px;
}

#pagetopArea a:hover{
	opacity:0.7;
}

/* other */
/* -------------------------------------------- */

.imgover:hover{
	opacity:0.5;
}

.relative{
	position:relative;
}

/* text */
/* ----------------------------------------------------------------------------------------- */

/* heading */
/* -------------------------------------------- */

.headingLv02A,
.headingLv02E{
	margin-bottom:15px;
	font-size:1.5em;
	line-height:2em;
	color:#00479D;
	font-weight:bold;
}

.headingLv02B{
	border-bottom:1px solid #DDD;
	padding:5px 0 5px 50px;
	margin-bottom:15px;
	font-size:1.25em;
	line-height:2em;
	background:url(../img/arrow06.png) no-repeat left center;
}

.headingLv02C{
	font-size:1.2em;
	color:#00479D;
}

.headingLv02D{
	margin-bottom: 15px;
	padding:10px 0 10px 15px;
	border-left: 7px solid #00479D;
	font-size: 35px;
}

.headingLv03A{
	border-bottom:1px solid #DDD;
	padding:10px 0 10px 60px;
	margin-bottom:15px;
	font-size:1.5em;
	line-height:2em;
	color:#00479D;
	background:url(../img/arrow06.png) no-repeat left center;
}

.headingLinkAreaA{
	position:relative;
}

.headingLinkBtnA{
	position:absolute;
	top:2px;
	right:0;
}

#pagePhoto{
	height:175px;
	margin-bottom:20px;
	background:url(../img/back03.gif) repeat-x;
}

.numberAreaA{
	position:absolute;
	top:-35px;
	left:0;
	z-index:1;
}

.number{
	width:100px;
	background-color:#09D2C9;
	border-radius:3px;
	margin-bottom:3px;
	padding:0 3px;
	position:relative;
	text-align:center;
	color:#fff;
}
 
.number:after{
	border:5px solid transparent;
	border-top-color:#09D2C9;
	border-bottom-width:0;
	bottom:-5px;
	content:"";
	display:block;
	left:50px;
	position:absolute;
	width:0;
}

.numberB{
	width:100px;
	background-color:#00479D;
	border-radius:3px;
	margin-bottom:3px;
	padding:0 3px;
	position:relative;
	text-align:center;
	color:#fff;
}
 
.numberB:after{
	border:5px solid transparent;
	border-top-color:#00479D;
	border-bottom-width:0;
	bottom:-5px;
	content:"";
	display:block;
	left:50px;
	position:absolute;
	width:0;
}

#point {
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
	color: #00B0F0;
	margin-bottom: 15px;
}

.tag_point{
	margin-bottom: 10px;
}

.tag_point li{
	list-style: none;
	float: left;
	margin-right: 10px;
	padding: 2px 10px;
	font-size: 11px;
	text-align: center;
	color: #111;
	background: #FFB936;
	border-radius: 4px;
	line-height: 150%;
	margin-bottom: 10px;
}

/* table */
/* ----------------------------------------------------------------------------------------- */

.tableStyleA{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

.tableStyleA th{
	padding:15px 30px 15px 30px;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	background-color:#EFEFEF;
}

.tableStyleA td{
	padding:15px 30px 15px 30px;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}

/* index */
/* ----------------------------------------------------------------------------------------- */

#indexImageAreaA{
	width:100%;
	height:425px;
	background:url(../img/back02.gif) repeat-x top left;
	text-align:center;
	position:relative;
	z-index:1;
}

.headerimg{
	width:100%;
	height:425px;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	z-index:2;
}

#contentsAreaA .column03A{
	width:300px;
	margin-right:40px;
	float:left;
	font-size:1em;
}

#contentsAreaA .column03B{
	width:300px;
	float:left;
	font-size:1em;
}

#contentsAreaA .column03C{
	width:300px;
	float:right;
	font-size:1em;
}

#contentsAreaB .column03A{
	width:300px;
	margin-right:40px;
	float:left;
	font-size:0.85em;
}

#contentsAreaB .column03B{
	width:300px;
	float:left;
	font-size:0.85em;
}

#contentsAreaB .column03C{
	width:300px;
	float:right;
	font-size:0.85em;
}

.titleLinkA{
	margin-bottom:5px;
}

.titleLinkA a{
	font-size:1.5em;
	font-weight:bold;
	padding-right:15px;
	background:url(../img/arrow05.png) no-repeat right center;
	color:#00479D !important;
	text-decoration:none !important;
}

.titleLinkA a:hover{
	opacity:0.7;
}

#contactAreaA{
	padding:25px 25px;
	border:1px solid #CCC;
	border-top:3px solid #00479D;
	background:url(../img/contact.jpg) no-repeat right top;
}

#contactAreaA h2{
	font-size:20px;
	margin-bottom:1px;
	color:#00479D;
}

#contactAreaA p{
	font-size:12px;
}

.contatctText{
	font-size:0.9em;
}

#contacttel{
	color:#00479D;
	font-size:13px !important;
	font-weight:bold;
}

#contacttel img{
	margin-top:1px;
	width:350px;
	height:34px;
}

.contactbtn01{
	width:200px;
	height:auto;
}

.contactbtn01_en{
	width:275px;
	height:auto;
}

/* company */
/* ----------------------------------------------------------------------------------------- */

#map_area{
	width:980px;
	height:450px;
}

.system_img{
	width:450px;
}

/* contact*/
/* ----------------------------------------------------------------------------------------- */

.inputA{
	width:300px;
	height:1.5em;
}

.inputB{
	width:100%;
	height:10em;
}

.inputC{
	padding:10px 15px;
}

#contactbtn{
	width:350px;
	height:auto;
}

/* flow */
/* ----------------------------------------------------------------------------------------- */

.flowAreaA{
	padding-bottom:20px;
	background:url(../img/arrow07.png) no-repeat center bottom;
}

/* introduction */
/* ----------------------------------------------------------------------------------------- */

/* layout */
/* -------------------------------------------- */

#sec01{
	box-sizing: border-box;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #CCC;
	width: 100%;
	float: left;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	font-weight: 500;
}

#sec02{
	box-sizing: border-box;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #CCC;
	width: 100%;
	float: right;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	font-weight: 500;
}

/* btn */
/* -------------------------------------------- */

#jump{
	clear: both;
	width: 300px;
	padding-top: 25px;
	margin: 0 auto;
}

#jump input{
	-webkit-appearance: none;
	width: 100%;
	background: #00479D;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
	border: 0;
	color: #FFF;
	border-radius: 4px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	cursor: pointer;
}

#id_btn01 li{
	width: 23%;
	list-style: none;
	float: left;
	margin-right: 2.66%;
	margin-bottom: 50px;
	background: #888;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 15px 0;
	cursor: pointer;
	border-radius: 4px;
}


#id_btn01 li:last-child{
	margin-right: 0;
}

#id_btn01 li:hover,
#id_btn01 li.current{
	background: #00479D;
}

.id_btn01_01 a,
.id_btn01_02 a,
.id_btn02 a,
.id_btn03 a{
	padding: 10px 0;
	box-sizing: border-box;
	display: block;
	background: #00479D;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
	text-decoration: none;
}

.id_btn01_01,
.id_btn01_02{
	list-style: none;
	width: 200px;
	margin: 0 auto;
}

.id_btn02{
	width: 400px;
	margin: 0 auto;
}

.id_btn02 li{
	width: 48%;
	list-style: none;
	margin-right: 4%;
	float: left;
}

.id_btn02 li:last-child{
	margin-right: 0;
}

.id_btn03{
	width: 200px;
	margin: 0 auto;
}

.id_btn03 li{
	width: 100%;
	list-style: none;
}

/* list */
/* -------------------------------------------- */

.id_list01 h3,
.id_list02 h3{
	font-size: 25px;
	margin-bottom: 15px;
	color: #00479D;
	line-height: 125%;
}

.id_list01 h4,
.id_list02 h4{
	font-size: 20px;
	margin-bottom: 15px;
	color: #00BFFF;
	line-height: 125%;
}

/* table */
/* -------------------------------------------- */

.id_list01 table,
.id_list02 table{
	width:100%;
	margin-bottom:25px;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

.id_list01 table th,
.id_list02 table th{
	box-sizing: border-box;
	padding:10px 20px;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	background-color:#EFEFEF;
}

.id_list01 table td,
.id_list02 table td{
	box-sizing: border-box;
	padding:10px 20px;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	font-weight: normal;
}

.id_list01 table th{
	width: 15%;
}

.id_list01 table td{
	width: 35%;
}

.id_list02 table th{
	width: 15%;
}

.id_list02 table td{
	width: 75%;
}

/* job */
/* ----------------------------------------------------------------------------------------- */

#joblist{
	list-style: none;
}

#joblist li{
	padding-bottom: 10px;
	width: 50%;
	float: left;
}

.job_area01{
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 30px 50px;
	margin-bottom: 50px;
}

.job_num{
	margin-bottom: 10px;
	font-size: 16px;
}

.job_num .left{
	width: 30%;
	float: left;
	font-weight: bold;
}

.job_num .right{
	width: 70%;
	float: right;
}

.job_num .right ul{
	list-style:none;
	float: right;
}

.job_num .right span{
	padding: 2px 15px;
	border-radius: 3px;
	display: block;
	text-align: center;
	font-size: 12px;
}

.job_num .right li{
	float: left;
	margin-right: 5px;
}

.job_num .right .icon01{
	background: #FFD040;
}

.job_num .right .icon02{
	background: #85E3F9;
}

#job_tel{
	text-align: center;
	padding-top: 20px;
}

#job_tel img{
	padding-top: 15px;
	max-width: 400px;
	margin: 0 auto;
}