﻿@charset "UTF-8";

body {
    margin: 0px; 
	padding: 0px; 
	font-family:  "メイリオ", Meiryo; 
	color: #555555; 
	font-size: 13px;
	overflow: scroll;
}

img {
    margin: 0px; 
	padding: 0px; 
	border: 0px;
}

p, ul { margin: 0px; padding: 0px;} 

a {
    color: #555555; 
	text-decoration: none;
}

#wrap {
    width:100%; 
	margin: 0 auto; 
}

#header {
    width: 100%; 
	margin: 0 auto; 
	margin-bottom: 65px;
	position: relative;
	z-index: 1;
}

/* Top Menu */

#logo {
    padding: 15px 0 15px 0;
	text-align: center;
}

#gnb {
    width: 100%;
    height: 60px;
	background-color: #009999;
	background:url(../images/bg_shadow.png);
	background-size:100%;
    color: #ffffff;
	font-size: 23px;	
	font-weight: bold;
    float: left;
	text-align: center;
}

#gnb ul { 
	width: 960px;
	margin: 0 auto; 
    height: 50px;
	list-style: none;
}

#gnb li {
	margin: 17px 15px;
	display: inline-block;
}

#gnb a{ color: #ffffff; }

.bar {
    display: inline-block;
	overflow: hidden;
	width: 0;
	height: 18px;
	margin: 0px;
	border-left: 1px solid #ffffff;;
}

/* MAIN Image */
#m_visual {
    width: 100%; 
	position: relative; 
	height: 480px; 
	background: url(../images/iruka_top.png) repeat-x top center; 
}

#m_visual .menu {
    width: 960px; 
	margin: 0 auto;
	position: relative; 
	top:349px;
}

#m_visual .menu .menu1 {
    display:table; 
	width: 319px; 
	height:50px; 
	border-left: 1px solid #b5dbdb; 
	border-top: 1px solid #b5dbdb; 
	background-color: #2bb1b2;
	float: left;
}

#m_visual .menu .menu2 {
    display:table; 
	width: 319px; 
	height:50px; 
	border-left: 1px solid #b5dbdb; 
	border-top: 1px solid #b5dbdb; 
	background-color: #137f81;
	float: left;
}

#m_visual .menu .menu3 {
    display:table; 
	width: 318px; 
	height:50px; 
	border-left: 1px solid #b5dbdb; 
	border-top: 1px solid #b5dbdb;  
	border-right: 1px solid #b5dbdb; 
	background-color: #004762;
	float: left;
}

#m_visual .menu .menu1 .text {
    color: #ffffff;
	font-weight: bold; 
	font-size:22px; 
	letter-spacing:1.5px; 
	display:table-cell; 
	vertical-align:middle; 
	padding-left: 80px; 
	background: url(../images/arrow_01.png) no-repeat 222px 17px; 
}

#m_visual .menu .menu2 .text {
    color: #ffffff;
	font-weight: bold;
	font-size:22px;
	letter-spacing:1.5px;
	display:table-cell;
	vertical-align:middle;
	padding-left: 75px;
	background: url(../images/arrow_01.png) no-repeat 233px 17px;
}

#m_visual .menu .menu3 .text {
    color: #ffffff; 
	font-weight: bold;
	font-size:22px;
	letter-spacing:1.5px;
	display:table-cell;
	vertical-align:middle;
	padding-left: 100px;
	background: url(../images/arrow_01.png) no-repeat 215px 17px; 
}

#m_visual .menu a {
    color: #ffffff; 
	text-decoration: none
}


/* MAIN Slogan*/
#m_visual div.slogan1 {
	z-index: 0;
	bottom:150px;
	left:500px;
	width: 350px;
  height: 90px;
	position:absolute;
	background-image: url(../images/slogan_01.png);
 	animation: txt1 3s;
	-webkit-animation: txt1 3s;
	-moz-animation: txt1 3s;
	-o-animation: txt1 3s;
	-ms-animation: txt1 3s;
}

#m_visual div.slogan2 {
	z-index: 0;
	bottom:95px;
	left:505px;
	width: 244px;
  height: 19px;
	position:absolute;
	background-image: url(../images/slogan_02.png);
 	animation: txt2 3s;
	-webkit-animation: txt2 3s;
	-moz-animation: txt2 3s;
	-o-animation: txt2 3s;
	-ms-animation: txt2 3s;
}



/* Main Contents */
#container {
    width:960px; 
	height: 215px;	
	padding-top: 30px;
	margin: 0 auto;
	
}

#container .news {    
    float: left;
    width: 450px;
	display:inline-block; 	
}

#container .news ul {
	margin:  0px;
	padding: 0px;
	line-height: 22px;
	color: #777777;
}

#container .news li {
	margin:  0px;
	list-style: none;
	text-indent: 10px;
    background: url(../images/bu_01.png) no-repeat 0px 50%;
} 

#container .news h1 {
    margin: 0px;
	color: #333333;
	padding-bottom: 22px;
	line-height: 15px;
}

#container .bn {
	display:inline-block; 	
}

#container .bn1 {
    width: 240px;
	height: 80px;
	border: 5px solid #d3d3d3;
	background: url(../images/ico_board.png) no-repeat 25px 16px; 
}

#container .bn2 {
    margin-top: 12px;
    width: 240px;
	height: 65px;
	border: 5px solid #d3d3d3;
	background: url(../images/ico_email.png) no-repeat 27px 9px; 
}

#container .bn dl{
    margin: 0px;
    padding: 10px 0px 0px 102px;
}

#container .bn dt{
    font-weight: bold;
	font-size: 19px;
	line-height: 27px;
    margin: 0px;
    padding: 0px;
}

#container .bn dd{
    margin: 0px;
    padding-left: 2px;
	font-size: 12px;
	line-height: 16px;
	color: #888888;
}

#container .cs {
    width: 235px;
	height: 77px;
	float: right;
	text-align: center;
	border: 5px solid #ffbf73;
	background: url(../images/ico_call.png) no-repeat 50% 13px; 
	background-color: #ff8a00;
	padding-top: 90px;
}

#container .cs ul {
    list-style: none;
	margin: 0px;
    padding: 0px;
}

#container .cs .pno {	
	color: #FFFFFF;
	font-weight: bold;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 30px;
}

#container .cs .fax {	
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

#container .cs .time {	
	color: #fff776;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
}
    

/* SUB Image  */
#s_visual {
    width: 100%; 
	background-color: #148888;
	height: 90px; 
	background: url(../images/sub_img.jpg) repeat-x top center; 
}

#s_visual h1 {
    color: #ffffff;
	font-size: 40px;
	letter-spacing: 8px;
	text-align: center;
	margin: 0px;
	padding-top: 15px;
	text-shadow: #3df4f5 0px 0px 10px; 
    text-shadow: #3df4f5 0px 0px 10px 10px; 
}


/* SUB Menu */
#sub_nav {
    background :#f1f1f1; 
	height: 40px; 
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	padding-left: 40px;
}

#sub_nav ul li {
    float: left; 
	line-height: 40px;
	width: 160px; 
	text-align: center;
	background: #f1f1f1;
	border: 1px solid #d2d2d2; 
	border-top: 0; 
	border-left: 0;
	border-bottom: 0;
}

#sub_nav ul li:first-child {
    border-left: 1px solid #d2d2d2;
}

#sub_nav ul li a {
	font-size: 16px; 
	display: block;
}

#sub_nav ul li.on {
    background: #fff; 
	color: #009999;
}

#sub_nav ul li.on a {
    color: #009999;
	border-bottom: 1px solid #fff; 
}

#sub_nav ul {
    overflow:hidden; 
	width: 1000px; 
	margin:0 auto; 	
	list-style: none;
}


/* Sub Contents */
#subContent {
    width:960px; 
	height: auto;	
	padding: 50px 0px;
	margin: 0 auto;	
	font-size: 15px;
	line-height: 26px;
}

#subContent h1 {
    font-size: 33px;
	color: #555555;
	font-weight: 600;
	letter-spacing: 3px;
	margin: 0px;
	padding-bottom: 30px;
}

#subContent h2 {
    font-size: 23px;
	color: #329c9d;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0px;
	padding: 7px 0px 10px 0px;
}

#subContent h3 {
    font-size: 17px;
	color: #555555;
	font-weight: 600;
	letter-spacing: 3px;
	margin: 0px;
	padding-bottom: 5px;
}

.map {
    margin: 0px;
	padding: 10px 10px 2px 10px; 
    background-color: #fafafa;
    border: 1px solid #c6c6c6;
}

.client {
    float: left;
	width: 380px;
	padding:0px 0px 0px 20px;
}

.client1 {
    float: left;
	width: 300px;
}

.clientImg {
    margin: 0px;
	padding-left: 25px;
    float: left;
	width: 300px;
}

.busImg1 {
    margin: 0px;
	padding-left: 25px;
    float: left;
	width: 300px;
}

.busTxt1 {
    font-size: 14px;
    color: #4d9899;
    margin: 0px;
	float: left;
    width: 500px;
}

.busTxt1 li {
    margin: 0px;
    list-style: none;
    border-bottom: 1px dashed #a4c7c7;
    padding: 4px 0px;
	text-indent: 20px;
    background: url(../images/arrow_03.png) no-repeat 5px 50%;
	
}

.busTxt2 {
    font-size: 14px;
    line-height: 25px;
    color: #4d9899;
    margin: 0px;
	float: left;
    width: 420px;
}

.busTxt3 {
    font-size: 14px;
    line-height: 25px;
    color: #4d9899;
    margin: 0px;
	float: left;
    width: 500px;
}

.busTxt4 {
    font-size: 12px;
    line-height: 22px;
    color: #4d9899;
    margin: 0px;
	float: left;
    width: 500px;
}
.busTxt5 {
    font-size: 14px;
    line-height: 25px;
    color: #4d9899;
    margin: 0px;
	float: left;
    width: 600px;
}

.busLED {
    background-color: #f0f8f8;
	border: 1px dashed #9ecbcb;
	width: 930px;
	height: 260px;
	padding: 20px 0px 30px 30px;
}

.busLED1{
	width: 650px;
	padding: 0px 0px 0px 0px;
}

.busLED li, .busTmeasure li {
    margin: 0px;
    list-style: none;
	text-indent: 17px;
    background: url(../images/arrow_03.png) no-repeat 5px 50%;	
}

.busLED .title, .busTmeasure .title {
	color: #FFFFFF;
	font-size:16px;
	width: 190px;
	margin: 0px 0px 10px 0px;
	padding: 2px 10px 7px 10px;
	height:20px;
	background-color: #009999;
}

.busTmeasure {
    background-color: #f0f8f8;
	border: 1px dashed #9ecbcb;
	width: 930px;
	height: 160px;
	padding: 20px 0px 30px 30px;
}

.resutlBox {
    height: 140px !important;
    margin: 0;
    padding: 0 15px 0 15px;
    overflow-y: auto;
    border: 1px solid #cbcbcb;
}

.resutlBox ul {
    margin: 12px 12px;
}

.resutlBox li {
    margin: 0px;
    list-style: none;
    border-bottom: 1px dotted #bbbbbb;
    padding: 5px 0px;
	text-indent: 20px;
    background: url(../images/arrow_02.png) no-repeat 5px 50%;	
}

.resutlBox li:last-child {
    border-bottom: 0px;	
}


.floatR {float: right; }
.floatL {float: left; }
.center {width:100%; margin: 0 auto; text-align: center}


/* Button */
.btnBlack {
 border: 1px solid #2a2c2f;-webkit-box-shadow: #FFFFFF 0px 0px 1px inset;-moz-box-shadow: #FFFFFF 0px 0px 1px inset; box-shadow: #FFFFFF 0px 0px 1px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
 padding: 3px 20px; 
 text-decoration: none; 
 display: inline-block;
 text-shadow: 0px 2px 0 rgba(0,0,0,0.5);
 color: #FFFFFF;
 background-color: #45484d; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
 background-image: -webkit-linear-gradient(top, #45484d, #000000);
 background-image: -moz-linear-gradient(top, #45484d, #000000);
 background-image: -ms-linear-gradient(top, #45484d, #000000);
 background-image: -o-linear-gradient(top, #45484d, #000000);
 background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
}

.btnBlack:hover{
 border:1px solid #151617;
 background-color: #2d2f32; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#1a1a1a));
 background-image: -webkit-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -moz-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -ms-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -o-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: linear-gradient(to bottom, #2d2f32, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#1a1a1a);
}

.btnBlack1 {
 border: 1px solid #2a2c2f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
 padding: 5px 20px; 
 text-decoration: none; 
 display: inline-block;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 color: #FFFFFF;
 background-color: #45484d; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
 background-image: -webkit-linear-gradient(top, #45484d, #000000);
 background-image: -moz-linear-gradient(top, #45484d, #000000);
 background-image: -ms-linear-gradient(top, #45484d, #000000);
 background-image: -o-linear-gradient(top, #45484d, #000000);
 background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
}

.btnBlack1:hover {
 border: 1px solid #151617;
 background-color: #2d2f32; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#1a1a1a));
 background-image: -webkit-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -moz-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -ms-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: -o-linear-gradient(top, #2d2f32, #1a1a1a);
 background-image: linear-gradient(to bottom, #2d2f32, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#1a1a1a);
}

.btnGreen {
 border: 1px solid #097374;-webkit-box-shadow: #FFFFFF 0px 0px 1px inset;-moz-box-shadow: #FFFFFF 0px 0px 1px inset; box-shadow: #FFFFFF 0px 0px 1px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
 padding: 3px 20px; 
 text-decoration: none; 
 display: inline-block;
 color: #FFFFFF;
 background-color: #0DA7A8; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0DA7A8), to(#096D6E));
 background-image: -webkit-linear-gradient(top, #0DA7A8, #096D6E);
 background-image: -moz-linear-gradient(top, #0DA7A8, #096D6E);
 background-image: -ms-linear-gradient(top, #0DA7A8, #096D6E);
 background-image: -o-linear-gradient(top, #0DA7A8, #096D6E);
 background-image: linear-gradient(to bottom, #0DA7A8, #096D6E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0DA7A8, endColorstr=#096D6E);
}

.btnGreen:hover{
 border:1px solid #064949;
 background-color: #08696A; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#08696A), to(#107D79));
 background-image: -webkit-linear-gradient(top, #08696A, #107D79);
 background-image: -moz-linear-gradient(top, #08696A, #107D79);
 background-image: -ms-linear-gradient(top, #08696A, #107D79);
 background-image: -o-linear-gradient(top, #08696A, #107D79);
 background-image: linear-gradient(to bottom, #08696A, #107D79);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#08696A, endColorstr=#107D79);
}


.btnGreen1 {
 border: 1px solid #1a8e8e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
 padding: 5px 20px; 
 text-decoration: none; 
 display: inline-block;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 color: #FFFFFF;
 background-color: #23BDBD; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#23BDBD), to(#077D7E));
 background-image: -webkit-linear-gradient(top, #23BDBD, #077D7E);
 background-image: -moz-linear-gradient(top, #23BDBD, #077D7E);
 background-image: -ms-linear-gradient(top, #23BDBD, #077D7E);
 background-image: -o-linear-gradient(top, #23BDBD, #077D7E);
 background-image: linear-gradient(to bottom, #23BDBD, #077D7E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#23BDBD, endColorstr=#077D7E);
}

.btnGreen1:hover {
 border:1px solid #136767;
 background-color: #1b9292; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#1b9292), to(#077D7E));
 background-image: -webkit-linear-gradient(top, #1b9292, #077D7E);
 background-image: -moz-linear-gradient(top, #1b9292, #077D7E);
 background-image: -ms-linear-gradient(top, #1b9292, #077D7E);
 background-image: -o-linear-gradient(top, #1b9292, #077D7E);
 background-image: linear-gradient(to bottom, #1b9292, #077D7E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1b9292, endColorstr=#077D7E);
}


/* Table */
table.topline {
    border-top: 2px solid #777777; 
	margin: 0px;
}

.summary {
    width:100%;
	table-layout: fixed;
}

.summary tbody th, .summary tbody td {
    padding: 10px 30px; 
	line-height: 25px;
	text-align: left;
	border-bottom: 1px solid #c6c6c6;
}

.summary tbody th {
    color: #000000; 
	font-size: 18px; 
	letter-spacing: 2px;
	font-weight: normal; 
	background-color: #f8f8f8;
} 

/* Table -- table_style 추가
* ==================== */
.t_basics {border:1px solid #e7e7e7; border-top:none; border-collapse:collapse; font-family:"メイリオ", Meiryo; font-size:12px;  line-height:19px; clear:both; color:#757575;}
.t_basics  caption {display: none;}
.t_basics  th {background:#f4f9fc; color:#757575; padding:8px 0; border-right:1px solid #e7e7e7; height:14px; font-size:12px; text-align:center; border-bottom:1px solid #dcdcdc;}
.t_basics  td {background:#ffffff; font-weight:normal; text-align:left;  border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:6px 12px; font-size:12px; color:#868686;}
.t_basics  .td {background:#f4f9fc; text-align:left; font-weight:bold;}
.t_basics  .top {border-top:2px solid #7f9ec7;}
.t_basics  .t_left {text-align:left;}
.t_basics  .right {text-align:right;}
.t_basics  .center {text-align:center;}
.t_basics  .bold {font-weight:bold;}
.t_basics  .end {background-image:none;}
.t_basics .p {margin:0 0 0 0px;}

/* Footer */
#quick {
    width:100%; 
	height:70px; 
	background-color: #dde1e3; 
	margin: 0 auto; 
	border-top: 1px solid #d0d0d0; 
}

#quick .menu {
    padding: 11px 0px; 
	width: 920px; 
	margin: 0 auto; 
}

#quick dl {
    margin: 0px;
    padding: 0px;
	float: left;
	line-height: 23px;
}

#quick dt {
    font-weight: bold;
	display: inline;
	float: left;	
	text-indent: 10px;
	width: 100px;
    background: url(../images/arrow_02.png) no-repeat 0px 50%;
}

#quick dd {
    margin: 0;
	float: left;
	width: 250px;
}

#quick .st1{
    margin: 0;
	float: left;
	width: 440px;
}

#quick ul {
	margin: 0px;
    padding: 0px;
	float: left;
}

#quick li {
    font-weight: bold;
	display: inline;
	float: left;	
	text-indent: 10px;
	width: 180px;
    background: url(../images/arrow_02.png) no-repeat 0px 50%;
}

#address {
    width:100%; 
	background-color: #7b7e83; 
	margin: 0 auto; 
	margin: 0;
	padding: 0;
	text-align: center; 
	height: 40px;
    color: #ffffff; 
	float: left;
}

#address .co {
    margin: 0px;
	padding: 0px; 
    color: #ffffff; 
	font-size: 16px; 
	padding-top: 7px;
	letter-spacing:3px; 
	display:inline-block; 	
}

#address .add {
    margin: 0px;
	padding: 0px; 
    color: #ffffff; 
	font-size: 12px; 
	display:inline-block; 
	text-indent: 40px;
}

#copyright {
    margin: 0px;
	padding: 0px; 
	display: inline-block; 
    width:100%; 
	text-align: center; 
	font-size:11px;
	padding: 15px 0px 30px 0px;
}
