@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
 Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	color: #666666;
	background: #e0eaea;
	font:normal 14px/160% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	word-break:normal;
	word-wrap:break-word;
	min-width:980px;
}
/* for IE6, 7 */
input, textarea {
 /font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#searchBtn1 {
  padding:0px;
  border:none;
}
h1, h2, h3, h4, h5, h6, dt {
	font-weight: bold;
}
em {
	color: #C00;
	font-weight: bold;
	font-style: normal;
}
textarea {
	resize: vertical;
}
address {
	font-style: normal;
}
a, a:link {
	color: #355788;
	text-decoration: underline;
}
a:visited {
	text-decoration:  underline;
	color: #00F;
}
a:hover {
	text-decoration: none;
	color: #00F;
}
img {
	line-height:1;
	font-size:0;
	vertical-align:top;
	height:auto;
}

/* form要素
----------------------------------------------------------- */
input, textarea {
	padding:7px 7px;
	border-radius:2px;
	margin:0;
    border: 1px solid #ccc;
}
.jInput {
	border: 1px solid #eee;
}
.jFocus {
	outline: medium none !important;
	background-color: #fff !important;
	border-color: #6ddeff !important;
}
.jFocus {
	box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-moz-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-ms-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	-o-box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);
	border-color: rgba(82, 168, 236, 0.75) !important;
}
input[type="radio"], input[type="checkbox"] {
	margin-right:5px;
	vertical-align:baseline;
	border-style:none;
}
label {
	margin-right:15px;
}
/* page要素
----------------------------------------------------------- */
div#page {
	font-size: 100%;
	text-align: left;
	width:100%;
	overflow:hidden;
	position:relative;
	width: 900px;
	margin: 30px auto 30px;
	box-shadow: rgba(20, 20, 20, .8) 0 0 10px;
	border-radius: 12px;

}
.inner {
	width: 900px;
	margin: 0 auto;
	padding: 0;

}
p{
	font-size:14px;
	line-height:1.5rem;
}
/* header要素
----------------------------------------------------------- */
#logo {
  float:left;
  margin-top:34px;
}
#header {
  overflow:hidden;
  z-index: 99999;
  background-color: transparent;
  transition:all 180ms ease-out 0s;
  margin-bottom:8px;
}

/* mainVisual要素
----------------------------------------------------------- */
div#mainVisual {
  position:relative;
}
/* gNavi Style要素
----------------------------------------------------------- */
#gNavi {
	overflow:hidden;
	float:right;
	clear:both;
}
#gNavi ul {
	margin: 0 auto;
	overflow: hidden;
 	*zoom: 1;
}
#gNavi li {
	float: left;
	word-wrap:normal;
}

#gNavi li a:hover {
}
.navArea {
	float:right;
}
/* contents要素
----------------------------------------------------------- */
div#contents {
	overflow: hidden;
	word-break: normal;
	word-wrap: break-word;
	background:#fff;
	padding:20px 0px 0px;
 *zoom: 1;
}
div#contents .inner {
	width: 900px;
	margin: 0 auto;
 *zoom: 1;
}
#contents .pageTop {
	position: fixed;
	right: 0;
	bottom: 0;
	clear: both;
}
.home div#contents .inner {
}
/* crumbs要素
----------------------------------------------------------- */
#crumbs {
  font-size:108%;
  text-align: right;
  padding:15px 0px 20px 0px;
}
#crumbs li {
	display: inline;
}
#crumbs li a {
  color:#02689d;
}
/* main要素
----------------------------------------------------------- */
div#main {
	float: right;
    width: 619px;
    margin: 0 0 40px;
    padding: 0 20px;
}


.subTtl01 {
}
.subTtl02 {

}


/* 共通要素
----------------------------------------------- */
article section {
	clear:both;
}
.page article section {
  
}
.home article {
  
}
ul.nl li {
	list-style-type: disc;
	margin-left: 2em;
}
ol.nl li {
  list-style-type: decimal;
  list-style-position:inside;
}

.txtL {
	text-align: left;
}
.txtR {
	text-align: right;
}
.txtC, .imgC {
	text-align: center;
}
a.block-link {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	display:block;
	background/*\**/:#fff\9;
	filter:alpha(opacity=0);
	opacity:0;
}

span.link {
	font-size: 14px;
	vertical-align: 6px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#02689d;
	text-decoration:underline;
}
a.link {
	text-decoration:underline;
	color:#02689d;
}
a.link:hover {
	text-decoration:none;
}
/* Image Style
----------------------------------------------- */
.imgArea {
	overflow:hidden;
}
.imgR {
	float: right;
	margin: 0 0 0 15px;
}
.imgL {
	float: left;
	margin: 0 15px 0 0;
}
.textArea {
	overflow: hidden;
}
.img img, .map {
	border: 1px solid #CCC;
	padding:1px;
}
.map {
	margin-bottom: 5px;
}
.alignleft {
	clear:left;
	float: left;
	margin:0 15px 0 0;
}
.alignright {
	clear:right;
	float: right;
	margin:0 0 0 15px;
}
.aligncenter {
	clear:both;
	display:block;
	margin:0 auto 15px;
}
/* テーブル共通指定
----------------------------------------------- */
table {
	width: 100%;
	margin: 0 auto 20px;
	border-collapse: collapse;
}
th, td {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
th {
  background-color: #EDEDEF;
}
/* ページ分割ナビ
------------------------------------------------------------ */
#main .wp-pagenavi{
	padding:35px 0px;
  margin:30px 0px;
	text-align:center;
	overflow:hidden;
  clear:both;
}

#main .wp-pagenavi a,#main .wp-pagenavi span{
	padding:7px 15px;
	background:#fff;
	color:#555;
	margin-right:5px;
	text-decoration:none;
	border:1px solid #ccc;
}

#main .wp-pagenavi span{
	background:#d60000;
 	color:#fff;
}

#main .wp-pagenavi .pages{
	background:#d60000;
	color:#fff;
	margin-right:20px;
}

#main .wp-pagenavi a:hover{
	background:#d60000;
	color:#fff;
  text-decoration:none;
}

#main .wp-pagenavi .alignleft{
	margin-top:0;
	margin-bottom:0;
	float:none;
	vertical-align:middle;
  display:inline-block;
  max-width:30%;
}

#main .wp-pagenavi .alignleft a{
	border:none;
	color:#02689d;
	text-decoration:underline;
}

#main .wp-pagenavi .alignleft a:hover{
	background:0 0;
	color:#000000;
	opacity:.8;
	filter:alpha(opacity=80);
}

#main .wp-pagenavi .center{
	margin-top:0;
	margin-bottom:0;
	float:none;
  display:inline-block;
}

#main .wp-pagenavi .center a{
	background:#d60000;
	color:#fff;
}

#main .wp-pagenavi .center a:hover{
	opacity:.8;
	filter:alpha(opacity=80);
}

#main .wp-pagenavi .alignright{
	margin-top:0;
	margin-bottom:0;
	float:none;
	vertical-align:middle;
  display:inline-block;
  max-width:30%;
}

#main .wp-pagenavi .alignright a{
	border:none;
	color:#02689d;
	text-decoration:underline;
}

#main .wp-pagenavi .alignright a:hover{
	background:0 0;
	color:#000000;
	opacity:.8;
	filter:alpha(opacity=80);
}
#main .wp-pagenavi .previouspostslink,#main .wp-pagenavi .nextpostslink {
  background:#eee;
}

/* side要素
----------------------------------------------------------- */
#side {
    width: 200px;
    padding: 0 20px 0 19px;
    float: left;
    border-right: 1px solid #dddddd;
    margin: 0 0 40px;
}

/* footer要素
----------------------------------------------------------- */
#footer {
	clear:both;
	width:100%;
	color:#59493f;
	background:#454E51;
	font-size:10px;
	padding-top:15px;
}
#footer p.copyright {
	text-align:right;
	clear:both;
	padding-top:20px;
}

#footer .pageTop {

}
#footer a {
}
#footer ul {

}
#footer li {
	display: inline;
}
#copyright {
	clear: both;
  display:inline-block;
}
#copyright p {
  display:inline;
}

/* 基本クラス
----------------------------------------------------------- */
/* clearfix */
.clearfix {
	width: 100%;
}
#main .imgArea:after, .clearfix:after {
	height:0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.ovfl {
	overflow:hidden;
}
.clear {
	clear:both;
}
.clear hr {
	display:none;
}
.mc {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 /font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.pc_none { /*スマホサイト表示調整　PCサイト側では表示しない*/
	display:none !important;
}

.cc-m-hgrid-column {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    min-height: 1px;
    min-width: 0;
    padding: 0 2% 0 0;
}
.cc-m-hgrid-column.last {
    float: right;
    padding: 0;
}
h2.subTtl01{
	position: relative;
	padding: 8px 3px 8px 10px;
	font-size:18px;
	border: 1px solid #D8D8D8;
	border-top: 4px solid #325A8C;
	background: linear-gradient(#ffffff 0%, #EFEFEF 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	overflow:hidden;
	margin-bottom:15px;
}
h2.subTtl02{
	position: relative;
	padding: 5px 5px 5px 15px;
	font-size:16px;
	border: 1px solid #D8D8D8;
	border-left: 4px solid #325A8C;
	background: linear-gradient(#ffffff 0%, #EFEFEF 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	overflow:hidden;
	margin-bottom:15px;
}
.slider div{
	text-align:center;
}
.bx-wrapper .slider img{
	height:400px;
	display:inline-block;
}
.bx-wrapper{
	box-shadow:inherit;
	padding:30px 0px;
	}
#mainNav li{
	margin-bottom:10px;
}
#mainNav li a{
  background:url("../images/img-nav-li-bg-off.gif") no-repeat left center;
  display:block;
border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 10px 10px 35px;
  color:#fff;
  font-size:14px;
}
.leftrow{
	padding:15px;
	color:#fff;
}
.leftrow a{
  color:#fff;
}
.bx-wrapper{
  margin-bottom:0px;
}
ul#mainNav2,ul#mainNav3,ul#mainNav4 {
    padding: 0 0 0 15px;
    margin: 0 0 0 0;
}
ul#mainNav2 li,ul#mainNav3 li,ul#mainNav4 li {
    margin: 3px 0 0 0;
}
ul#mainNav2 li a,ul#mainNav3 li a,ul#mainNav4 li a{
    color: #222;
    background: url("../images/img-nav-li-li-bg.gif") no-repeat left center;
}
.home ul#mainNav2,.home ul#mainNav3,.home ul#mainNav4 {
	display:none;
}
.sitemap ul#mainNav2,.sitemap ul#mainNav3,.sitemap ul#mainNav4{
	display:none;
}
.company ul#mainNav3,.company ul#mainNav4{
	display:none;
}
.business ul#mainNav2,.business ul#mainNav3,.business ul#mainNav4{
	display:none;
}
.recruit ul#mainNav2,.recruit ul#mainNav3{
	display:none;
}
.works ul#mainNav2,.works ul#mainNav4{
	display:none;
}
.block-left{
	float:left;
}
.block-right{
	float:left;
	width:340px;
	padding:0px 10px;
}
.section{
	overflow:hidden;
	margin-bottom:20px;
}
h1{
	position:absolute;
	color:rgba(255,255,255,0.9);
	top:15px;
	left:10px;
	font-size:18px;
}
#header h2{
	position:absolute;
	color:rgba(255,255,255,0.95);
	bottom:0px;
	right:20px;
	font-size:17px;
}
#mainNav .mainNav2 li a,#mainNav .mainNav3 li a,#mainNav .mainNav4 li a,#mainNav .mainNav5 li a{
	padding:5px 10px 5px 35px
}
.p-5{
	padding:5px;
}
ul.sitemap {
    margin: 10px 20px;
}
ul.sitemap li a {
    line-height: 2em;
    display: block;
    font-weight: 700;
    background: url("../../img/download.gif") no-repeat left center;
    padding: 0 0 0 1.2em;
}