@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
  border : 0px none;
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  /*font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;*/
  font-size : 14px;
  /*line-height:1.3;*/
 line-height: 200%
  font-style: inherit;
  font-weight: inherit;
  margin : 0px;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}


:focus{
  outline: 0;
}
ol, ul{
  list-style: none;
}
table{
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td{
  font-weight: normal;
  text-align: left;
}
blockquote::before, blockquote::after,q::before, q::after{
  content: "";
}
blockquote, q{
  quotes: "" "";
}
a img{
  border:1px solid #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display : block;
}
body{
  font : normal normal normal 100% /1.75;メイリオ,
  "Meiryo UI", "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color : #252525;
  -webkit-text-size-adjust: none;
  min-width:960px;
  background: white;
}
.space{
  height:15px;
}
/* リンク設定
------------------------------------------------------------*/
a{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
	outline-width: 0px;
	outline-style: none;
	outline-color: black;
	vertical-align: baseline;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	font-size: 100%;
	color: #d60c18;
}
a:hover, a:active{
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	outline-width: medium;
	outline-style: none;
	outline-color: black;
	color: #f9868b;
}
a img:hover{
  border : 1px solid #fff;
}
/**** Clearfix ****/
nav .panel::after, nav#mainNav::after, .newsTitle::after, .bg::after,.post::after{
  content:"";
  display: table;
  clear: both;
}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{
  zoom: 1;
}
.clearfix{
  zoom: 1;
}
.clearfix::after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
  vertical-align:middle;
  width:300px
max-width:100%;
  line-height:30px;
  height:30px;
  padding:1px 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
}
textarea{
  height:auto;
  line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"]{
  padding:3px 10px;
  background: #006dae;
  background: -moz-linear-gradient(top, #006dae 0%, #004166 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006dae), color-stop(100%,#004166));
  background: -webkit-linear-gradient(top, #006dae 0%,#004166 100%);
  background: -o-linear-gradient(top, #006dae 0%,#004166 100%);
  background: -ms-linear-gradient(top, #006dae 0%,#004166 100%);
  background: linear-gradient(to bottom, #006dae 0%,#004166 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dae', endColorstr='#004166',GradientType=0 );
  border:0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  line-height:1.5;
  font-size:140%;
  color:#fff;
  margin-left:200px;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
  background: #006daey;
  background: -moz-linear-gradient(top, #004166 0%, #006dae 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004166), color-stop(100%,#006dae));
  background: -webkit-linear-gradient(top, #004166 0%,#006dae 100%);
  background: -o-linear-gradient(top, #004166 0%,#006dae 100%);
  background: -ms-linear-gradient(top, #004166 0%,#006dae 100%);
  background: linear-gradient(to bottom, #004166 0%,#006dae 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004166', endColorstr='#006daey',GradientType=0 );
}
*:first-child +html input[type="submit"]{
  padding:3px;
}
.w400{
  width:400px;
}
/* レイアウト
------------------------------------------------------------*/
header{
  overflow:hidden;
  background:#fff;
}
#wrapper, .inner{
  margin:0 auto;
  width : 960px;
}
article{
  float:left;
  width : 640px;
  margin-top:15px;
  margin-right:10px;
  padding-left:10px;
  padding-right : 29px;
  border-right : 1px solid #cccccc;
}
section{
  clear:both;
  margin-bottom:30px;
}
#sidebar{
  float:right;
  width : 250px;
  margin-top:10px;
  padding: 10px 7px;
  background: #fff;
  text-align : center;
}
#footer{
  clear:both;
  padding-top : 20px;
  background : none 0% 0% / auto auto repeat scroll #efefef;
  /*  -webkit-background-clip : border-box;
  */
    -webkit-background-clip: border;
  　/* Safari,Google Chrome用 */  
    -moz-background-clip: border;
  　/* Firefox用 */  
/*  -webkit-background-origin : padding;
  */
    -webkit-background-clip: padding;
  　/* Safari,Google Chrome用 */  
    -moz-background-clip: padding;
  　/* Firefox用 */  


  padding-bottom : 15px;

}
/* ヘッダー
*****************************************************/
header div.h1bg{
  background:#444;
  height:20px;
}
/* サイト説明文 + 住所
----------------------------------*/
header h1{
  float:left;
  padding:3px 0;
  color: #fff;
  font-size:80%;
  font-weight:normal;
}
/* ロゴ (サイトタイトル)
----------------------------------*/
header #title{
  height:53px;
}
header #title h2{
  clear:both;
  float:left;
  heigth:53px;
  padding-top : 27px;
  padding-right : 10px;
  padding-left : 0px;
  padding-bottom : 8px;
}
header #title address img.tel{
  float:right;
  margin-top: 14px;
  z-index: 999;
}
header #line-top{
  margin-top:35px;
  height:55px;
  background : url(../img/line-top.png);
  z-index: 1;
  background-position:center center;
}
/* 本文 article
*****************************************************/
article h1{
	position: relative;
	color: #ffffff;
	background-color: #d60c18;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	font-size: 20px;
	line-height: 1;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: -10px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 50px;
	border-top-left-radius: 22px 22px;
	border-top-right-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-bottom-left-radius: 22px 22px;
	font-weight: bold;
}
article h1::before{
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}
article h1::after{
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  height: 0;
  width: 0;
  border: 22px solid #d60c18;
  border-right-color: transparent;
}
h2.title{
  clear:both;
  font-size : 130%;
  background-image : url(../img/banar.png);
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  padding-left:30px;
  padding-top:15px;
  padding-bottom:0px;
  margin-bottom:0px;
  letter-spacing : 0.2em;
  color : #555555;
  height : 33px;
  line-height:1;
  font-weight : bold;
}
div.h2-content{
  padding-top:14px;
  padding-bottom:14px;
  paddin-left:14px;
  paddin-right:0px;
}
div.h2-content h3{
  margin-top:18px;
  font-size : 18px;
  color : #093dc6;
  font-weight : bold;
}
div.h2-content img{
  margin-top:5px;
  margin-bottom:5px;
  /*	padding-top:10px;
  padding-left : 20px;
  padding-bottom : 10px;
*/
}
div.h2-content p{
  margin-top:5px;
  padding-left : 10px;
}
div.h2-content dt{
  font-weight:bold;
  width : 150px;
  float : left;
  padding-left : 10px;
  padding-top : 20px;
  color : #1a71ac;
}
div.h2-content dd{
  margin-left : 150px;
  width : 450px;
  line-height : 1.5;
  padding-top : 20px;
}
.dateLabel{
  margin:0 0 10px;
  text-align:right;
  font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
/*  .post　削除　==================================================== */


img.aligncenter{
  display: block;
  margin:5px auto;
}
img.alignright, img.alignleft{
  padding:4px;
  margin:0 0 2px 7px;
  display:inline;
}
img.alignleft{
  margin: 0 7px 2px 0;
}
.alignright{
  float:right;
}
.alignleft{
  float: left;
}
/* サイドバー　ウィジェット
*****************************************************/
#sidebar h1{
  clear:both;
  margin:0 0 10px;
  padding:5px 0;
  font-size:100%;
  font-weight:normal;
  color: #fff;
  background-color:#000086;
  border-bottom:1px dotted #fff;
}
#sidebar h2{
  margin-top:20px;
}
/* 削除　サイドバー　ウィジェット----------------------------------------------------*/




/* フッター
*****************************************************/
#footer .inner{
  /* padding-bottom : 10px; */
}
#footer .inner .left{
  display: inline-block;
  /
  display: inline;
  /* IE用ハック *//
  zoom: 1;
  /* IE用ハック */
  width: 97px;
  /* height: 90px; */
  /*	margin-bottom: 3px;
  */
  vertical-align: top;
}
#footer .inner .center1{
  display: inline-block;
  /display: inline;
  /* IE用ハック *//zoom: 1;
  /* IE用ハック */
	width : 173px;
  height : 140px;
  vertical-align: top;
  padding-top : 0px;
  margin:0;
  padding:0;
}
#footer .inner .center2{
  display: inline-block;
  /display: inline;
  /* IE用ハック *//zoom: 1;
  /* IE用ハック */
	width : 322px;
  height : 140px;
  vertical-align: top;
  padding-top : 0px;
}
footer .inner .right{
  display: inline-block;
  /
  display: inline;
  /* IE用ハック */
      /
  zoom: 1;
  /* IE用ハック */
  width: 234px;
  /*height: 90px;*/
  margin-left: 13px;
  /* margin-bottom: 3px; */
  vertical-align: top;
}
footer .inner .right p{
  color:#666;
  font-size:90%;
  line-height:1.6;
}
footer .inner .right p.name{
  font-size:130%;
  line-height:2;
  margin-top:0px;
  margin-bottom:0px;
}
#footer .inner .right p a.blue{
  color:#00F;
}
#footer ul{
  font-size:85%;
  padding-top:10px;
}
#footer ul li{
  display:inline-block;
  vertical-align:text-top;
  text-align:left;
  padding-left:10px;
  margin-bottom:12px;
  margin-right: 20px;
  background : url(../img/arrow.png) 0px 5px / auto auto no-repeat scroll padding-box border-box transparent;
}
#footer ul li a{
  display:block;
  color : #666666;
  padding-left:5px;
  font-weight : bold;
}
#footer ul li a:hover{
	color : #d60c18;
  text-decoration:underline;
}
span.officetitle {
    background-color: #7b9ed4;
    color: white;
    padding: 2px 14px 2px 10px;
    border-radius: 6px;
}

#footer address  p.name {
    font-weight: bold;
}

#footer > div > div:nth-child(5) {
    margin-top: 23px;
}

/*　削除　---------------------------

#footer ul li li{
  display:block;
  padding:0;
  margin:0 0 0 10px;
  background-position:0 5px;
}
*:first-child +html #footer ul li{
  display:inline;
}
*:first-child +html #footer ul ul,*:first-child +html #footer ul li li a,*:first-child +html #footer ul li li{
  display:none;
}
---------------------------削除　*/

#copyright{
  clear:both;
  padding:10px;
  text-align:center;
  font-size:75%;
  zoom:1;
  color:#fff;
  background:#444;
}
/* page navigation
------------------------------------------------------------*/
.pagenav{
  clear:both;
  width: 100%;
  height: 30px;
  margin: 5px 0 20px;
}
.prev{
  float:left;
}
.next{
  float:right;
}
#pageLinks{
  clear:both;
  color:#006dae;
  text-align:center;
}
/* 削除 トップページ 最新記事3件 ------------------------------------------------------------*/

.font80{
  font-size:80%;
}
.font120{
  font-size:120%;
}
.font140{
  font-size:140%;
  margin-top:10px;
}
/* ナビゲーション
----------------------------------*/
nav#mainNav{
  clear:both;
  margin-top:5px;
  position:relative;
  z-index:200;
  background-image : url(../img/nav_bg.jpg);
  background-repeat : repeat-x;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  height : 59px;
}
nav#mainNav ul{
  }
nav#mainNav ul li{
  float: left;
  position: relative;
  border-right:1px solid #ccc;
  height : 59px;
}
nav#mainNav ul li:first-child{
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #cccccc;
  margin-left: 0px;
}
nav#mainNav ul li a{
  display: block;
  text-align: center;
  _float:left;
  color : #666666;
  font-size : 120%;
  min-width:148px;
  height:35px;
  padding:15px 21px 5px;
}
nav#mainNav ul li a:hover{
	min-width: 148px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #013587;
	background-color: #e1f5ff;
	color: red;
}
nav#mainNav ul ul{
  width : 100%;
}
nav#mainNav ul li ul{
  display: none;
}
nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:60px;
  left:0px;
  z-index:500;
}
nav#mainNav ul li li{
  padding:0 0 0 0;
  margin:0;
  float: none;
  height : 59px;
  background:#fff;
  border-top:0px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
nav#mainNav ul li li a{
  padding : 22px 5px 8px 15px;
  _padding:15px 5px 5px;
  _width:140px;
  _height : 40px;
  font-size:95%;
  text-align:left;
}
nav#mainNav ul li li a:hover{
  border-left:5px solid #013587;
  border-bottom:1px solid #ccc;
  min-width:100px;
  padding-top : 22px;
  padding-bottom : 2px;
  padding-left : 10px;
}
nav div.panel{
  display:block !important;
  float:left;
}
a#menu{
  display:none;
}
/* トップページ　メイン画像
----------------------------------*/
#mainImg_box{
  clear:both;
  margin-top : 10px;
  width:960px;
  height : 375px;
  margin-right : auto;
  margin-bottom : 0px;
  margin-left : auto;
  line-height:0;
  z-index:0;
}
.mainImg1{
  line-height:0;
  z-index:0;
  float:left;
  /*
	clear:both;
  text-align:center;
*/
}
#mainImg2{
  clear:both;
  margin-top:25px;
  line-height:0;
  text-align:center;
  z-index:0;
}
/* 会社案内
---------------------------------------------------------------------*/
table.company{
  margin-top:20px;
  border-collapse: collapse;
  width:100%;
}
table.company th.t_top{
  border-top: #D90000 4px solid;
}
table.company th{
  /*
	border-bottom: #e3e3e3 1px solid;
  border-left: #e3e3e3 1px solid;
  */
	border-bottom: #999 1px solid;
  border-left: #999 1px solid;
  border-right: #999 1px solid;
  text-align: left;
  background: #f7f7f7;
  padding: 10px;
  font-weight: normal;
}
table.company td.t_top{
  border-top: #b3b3b3 4px solid;
}
table.company td{
  /*
	border-bottom: #e3e3e3 1px solid;
  border-right: #e3e3e3 1px solid;
  */
	border-bottom: #999 1px solid;
  border-right: #999 1px solid;
  text-align: left;
  padding: 10px;
}
/* ボタン
---------------------------------------------------------------------*/
.cbdb-menu li a{
  /* This generators the gradient on top of the solid color */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(255,255,255,.5)),
		color-stop(1, rgba(0,0,0,.1))
	);
  background-image: -moz-linear-gradient(
		center top,
		rgba(255,255,255,.5) 0%,
		rgba(0,0,0,.1) 100%
	);
  color: #f4f4f4;
  /* IE */
	color: rgba(255, 255, 255, 0.8);
  display: block;
  height:30px;
  font-size:23px;
  font-weight: bold;
  outline:none;
  padding: 16px 10px 5px 10px;
  margin:5px 20px;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
}
.cbdb-menu li a:active{
  background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0,rgba(255,255,255,.5)),
			color-stop(.1,rgba(255,255,255,.2)),
			color-stop(.85, rgba(0,0,0,.2)),
			color-stop(100, rgba(0,0,0,.4))
		);
  background-image: -moz-linear-gradient(
			center bottom,
			rgba(255,255,255,.5) 0%,
			rgba(255,255,255,.2) 10%,
			rgba(0,0,0,.2) 85%,
			rgba(0,0,0,.4) 100%
		);
}
.cbdb-menu li a.red{
  background: #B80202;
  border: #B80202 1px solid
;
}
.cbdb-menu li a:hover.red, .cbdb-menu li a.red:focus{
  background-color:#e30606
	;
}
.cbdb-menu li a.green{
  background: #46c431;
  border: #46c431 1px solid
;
}
.cbdb-menu li a:hover.green,.cbdb-menu li a.green:focus{
  background-color:#44e329
	;
}
.cbdb-menu li a.yellow{
  background: #D9CE1C;
  border: #D9CE1C 1px solid
;
}
.cbdb-menu li a:hover.yellow,.cbdb-menu li a.yellow:focus{
  background-color:#eee117
	;
}
.cbdb-menu li a.cyan{
  background: #23c6de;
  border: #23c6de 1px solid
;
}
.cbdb-menu li a:hover.cyan,.cbdb-menu li a.cyan:focus{
  background-color:#18d8f4
	;
}
.cbdb-menu li a.blue{
  background: #3271d9;
  border: #3271d9 1px solid
;
}
.cbdb-menu li a:hover.blue,.cbdb-menu li a.blue:focus{
  background-color:#377ef2
	;
}
/* 印刷
------------------------------------------------------------*/
@media print {
  /* 削除　印刷 */

nav#mainNav #menu{
  display:none;
}
nav div.panel{
  display:block !important;
  float:left;
}
nav#mainNav ul ul{
  display:none;
}
pre code{
  page-break-after: always;
}
@page {
  margin-top:0.4cm;
  margin: 0.5cm;
}
p a, code, pre{
  word-wrap: break-word;
}
pre a[href]::after{
  content: "";
}
pre abbr[title]::after{
  content: "";
}
pre .ir a::after,
  pre a[href^="javascript:"]::after,
  pre a[href^="#"]::after{
  content: "";
}
}
.sidetext{
  text-align : left;
}
}