header {
/*	height:300px; */
	height:auto;
	padding-bottom:30px;
	background-image:url(../images/bgimg_header.png);
	background-position:top center;
	background-repeat:repeat-x;
}

a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	text-decoration: underline;
}

.box_header {
	height:180px;
	margin:auto;
	width:960px;
}

.box_header_r {
	width:660px;
	float:right;
	text-align:right;
	height:160px;
	margin-top:10px;
}

.box_header_l {
	float:left;
	width:300px;
	text-align:left;
	height:80px;
	margin-top:50px;
}


.waku {
	border: solid 1px white;
	font-weight: bold;
	padding-top: 1px;
}


.Kyotyo1 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 50px;
}


.img-box{
    text-align: center;
}

.p_center {
	text-align: center;
	margin:auto;
}



.container {
	min-width: 960px;
}



.inquiry_syudan {
	margin: 20px auto 40px;
  	max-width: 600px;
	column-gap: 10px;
	
    display: grid;
    display: -ms-grid;
	
	grid-template-columns: 30px 1fr 30px 1fr;
    grid-template-rows: auto;
	
	-ms-grid-columns: 30px 1fr 30px 1fr;
	-ms-grid-rows: auto;
}

.inquiry_img1 {
	text-align: center;
	margin-top: 5px;
	
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.inquiry_TEL {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: left;
	
	grid-column: 2/ 3;
	grid-row: 1 / 2;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}

.inquiry_img2 {
	text-align: center;
	margin-top: 5px;
	
	grid-column: 3/ 4;
	grid-row: 1 / 2;
	-ms-grid-column: 3;
	-ms-grid-row: 1;
}

.inquiry_FAX {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: left;
	
	grid-column: 4/ 5;
	grid-row: 1 / 2;
	-ms-grid-column: 4;
	-ms-grid-row: 1;
}


.tbl_contact {
	margin: 10px auto;
	color: black;
	text-align: center;
	font-size: 14px;
	width: 640px;
}

.tbl_contact th{
	text-align: right;
	border: 1px solid #ccc;
  	padding: 10px;
	margin-left: -10px;
	width: 35%;
}

.tbl_contact td {
	text-align: left;
  border: 1px solid #ccc;
  padding: 10px;
	margin-left: -10px;
	width: 65%;
}

.tbl_contact_btn {
	margin: 20px auto;
	color: black;
	text-align: center;
}

#tbl_contact_c {
	text-align: center;
}


.tbl_mail {
	width: 640px;
	margin: 20px auto 40px;
}



.last td:last-child {
	border-bottom: solid 1px #C7C7C7;
	width: 100%;
}




.mail_midashi {
	max-width: 600px;
	margin: 0px auto;
	line-height: 24px;
	font-size: 18px;
}




.Err {
	color:red;
	font-weight: bold;
}



.mail_text {
	margin: 10px auto;
	color: black;
	text-align: center;
	line-height: 32px;
}



#p_midashi {
	height:80px;
	line-height: 80px;
	font-size: 28px;
	text-align: center;
	margin: 0 auto;
} 



.AI_info {
	margin: 60px;
	line-height: 24px;
	font-size: 18px;
	color: black;
}

.AI_midashi {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
}

.AI_midashi2 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
}



.AI_info ul{
	margin-bottom: 20px;
}

.AI_info li{
	margin-left: 2em;
}




.text_bold {
	font-weight: bold;
}



.text_red {
	color:red;
}

.text_white {
	color: white;
}
.text_black {
	color: black;
}

.p960_center {
	text-align: center;
	width:960px;
	margin:auto;
}

.mar_t20 {
	padding-top:20px;
}

.mar_t30 {
	padding-top:30px;
}


.pad_t60 {
	padding-top:60px;
}

.pad_t90 {
	padding-top:90px;
}

.pad_t120 {
	padding-top:120px;
}

.pad_t150 {
	padding-top:150px;
}

.mar_l30 {
	margin-left:30px;
}

.bgclr_lightglay {
	background-color:#EEE;
}

.bgclr_lightblue {
	background-color:#FAFAFF;
}

.bgclr_lightyellow {
	background-color:#FFFFFA;
}

.text_centar {
	text-align: center;
}


.H100 {
    height: 100px;
}

.H200 {
    height: 200px;
}

.H300 {
    height: 300px;
}

.H400 {
    height: 400px;
}

/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
	min-width:960px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -160px;
}
 
/* Set the fixed height of the footer here */
#push,
#footer {
  height: 160px;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}













/* ------------------------------------- /
/    Footer
/* ------------------------------------- */
#footer{
    text-align: center;
		margin:auto;
		padding-top:30px;
		font-size:16px;
/*
    padding: 40px 0;
    background-color: #7E7E7E;
*/

}

/*  nav
/*--------------------------------- */
#footer .navbar-nav>li {
    border-right: 1px solid #000;
}
#footer .navbar-nav>li.first{
    border-left: 1px solid #000;
}

#footer .navbar-nav li a{
    color: #333;
}

/*  copy
/*--------------------------------- */
.copy{
    margin-top: 60px;
}

.copy span{
    color: #333;
}











.nav-link a,
.nav-link a:hover,
.nav-link a:focus {
	color:#222;
}




.midashi_l {
	border-left:#03F solid 8px;
	max-width:960px;
	margin:auto;
}

.midashi_l h1{
	font-size:28px;
	text-indent:0.5em;
	font-weight:bold;
	margin:0;
}


.midashi_m {
	border-left:#09F solid 6px;
	max-width:960px;
	margin:auto;
}

.midashi_m h2{
	font-size:28px;
	text-indent:0.5em;
	font-weight:bold;
	margin:0;
}

.midashi_m h3{
	font-size:24px;
	text-indent:0.5em;
	margin:0;
}

.midashi_s {
	font-weight: bold;
	background-color: lavender;
	max-width:100%;
	margin-top: 40px;
}

.techimg1 {
	padding-top:5px;
	padding-bottom:20px;
	max-width:960px;
	margin:auto;
}

.techtext_box {
	padding-top:5px;
	padding-bottom:20px;
	max-width:960px;
	margin:auto;
}
.techtext {
	max-width:920px;
	margin:auto;
	
	font-size:20px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.6em;
	margin-bottom:10px;
	margin-top: 10px;
}

.red {
	color: red;
}
.blue {
	color: blue;
}



.Box_Spacer {
	width:960px;
	height: 300px;
	display:block;
	float:none;

}





#tbl_company {
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	
/*
	margin-left:180px;
*/
	width:960px;
	font-size:16px;
	line-height:30px;
}

#tbl_company th, #tbl_company td{
	font-weight:normal;
	text-align:left;

	padding-left:20px;
	border-bottom:dotted #888 1px;
}


#tbl_company th{
	background-color:#F0F3FF;
}
#tbl_company td{
	background-color:#F9FCFF;
	border-left:dotted #888 1px;
}


.tbl_company_midashi{
	vertical-align:text-top;
}




.bkimg {
	max-width:960px;
	margin:auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bkimg2 {
	max-width:960px;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}



.midashi_news {

	margin-top: 20px;
	
	border-left:#339 solid 1px;
	border-right:#339 solid 1px;
	border-top: #339 solid 1px;
	border-bottom: #339 solid 1px;
	background-color:#339;
	color:#FFF;
	font-weight:bold;
	line-height:49px;
	font-size:18px;
	
/*	width:720px; */
	width:960px;
	
	height:50px;
/*	float:left; */
	float:none;
	text-align:left;
	text-indent:1em;
}

.box_news {
	border-left:#339 solid 1px;
	border-right:#339 solid 1px;
	border-top: #339 solid 1px;
	border-bottom: #339 solid 1px;
	background-color:#FFF;
	color:#FFF;
	line-height:18px;
	font-size:16px;
	
/*	width:720px; */
	width:960px;
	
/*	float:left; */
	float:none;
	text-align:left;
	padding-top:40px;
	padding-bottom:20px;
	margin-bottom: 20px;
	
	background-color:rgba(240,240,240,1.00);
	
}

.box_news table{
	margin-bottom: 40px;
}

.box_news dl     {
 width: 100%;
 color: #000;
 padding-left:1em;
 padding-top:1em;
}

.box_news dt  {
 float: left;
 clear: left;
 width: 8em;
 color: #000;
 font-weight: bold;
}

.box_news dd  {
 padding-left: 100px;
}

.box_news dt  {
	padding-bottom:10px;
	margin-left: 20px;
}

.box_news dd  {
	padding-right:2em;
	padding-bottom:5px;
	margin-left: 40px;
}




.bgpattern01 {
	background-color:rgba(245,245,245,1.00);
	background-size: 80px 80px;
	background-image:
	 linear-gradient(rgba(215,204,200,.2) 1%, rgba(215,204,200,.2) 1%, transparent 1%,
	  transparent 99%, rgba(215,204,200,.2) 99%, rgba(215,204,200,.2) 100%),
	 linear-gradient(90deg, rgba(215,204,200,.2) 1%, rgba(215,204,200,.2) 1%, transparent 1%,
	  transparent 99%, rgba(215,204,200,.2) 99%, rgba(215,204,200,.2) 100%),
	 linear-gradient(transparent, transparent 25%, rgba(215,204,200,.2) 25%, rgba(215,204,200,.2) 26%, transparent 26%,
	  transparent 50%, rgba(215,204,200,.2) 50%, rgba(215,204,200,.2) 51%, transparent 51%,
	  transparent 75%, rgba(215,204,200,.2) 75%, rgba(215,204,200,.2) 76%, transparent 76%, transparent 100%),
	 linear-gradient(90deg, transparent, transparent 25%, rgba(215,204,200,.2) 25%, rgba(215,204,200,.2) 26%, transparent 26%,
	  transparent 50%, rgba(215,204,200,.2) 50%, rgba(215,204,200,.2) 51%, transparent 51%,
	  transparent 75%, rgba(215,204,200,.2) 75%, rgba(215,204,200,.2) 76%, transparent 76%, transparent 100%);
}







.Box_Spacer2 {
	width:960px;
	height: 200px;
	display:block;
	float:none;

}

.box_news ul {
	margin-left:-20px;
}

.box_mov1 {
	width: 100%;
	height: 400px;
	text-align: center;
	margin-bottom: 200px;
}

.box_mov2 {
	width: 48%;
	height: 440px;
	text-align: center;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}

.f_clear {
	float: none;
}

.area_mov {
	width: 100%;
	height: 400px;
}

#footer {
	font-size: 13px;
}


.box_mov_l {
	width: 100%;
	height: 600px;
	text-align: center;
	float: left;
	margin-bottom: 100px;
}

.box_mov_m {
	width: 480px;
	height: 520px;
	margin-bottom: 100px;
	float: left;
	text-align: center;
}
.box_mov_s {
	width: 360px;
	height: 520px;
	margin-bottom: 100px;
	float: right;
	text-align: center;
}




.box_media dl {
	text-align: left;
	color: #000;
	padding-left:1em;
	padding-top:0.5em;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.box_media dl dt  {
	font-size: 18px;
 color: #000;
 font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.box_media dd  {
 margin-left: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}





.posi_left {
	text-align: left;
}

.posi_center {
	text-align: center;
}

.posi_right {
	text-align: right;
}


#tbl_news tr, th, td{
	border: none;
	color: black;
	vertical-align: top;
	line-height: 1.5em;
	padding: 2px 10px;
}

#tbl_news td{
	padding-bottom: 5px;
}


#tbl_news li{
	padding-bottom: 10px;
}

.news_histry {
	line-height: 30px;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
}


.txt_l {
	font-size: 1.2em;
	line-height: 2em;
}

.txt_m {
	font-size: 16px;
	line-height: 1.3em;
}

.txt__merker_Y {
	background-color: yellow;
}