.mgn10{
	margin:10px !important;
}
.mgn15{
	margin:10px !important;
}
.mgn20{
	margin:10px !important;
}

.mgn-lt10{
	margin-left:10px !important;
}
.mgn-lt20{
	margin-left:20px !important;
}
.mgn-lt30{
	margin-left:30px !important;
}
.mgn-btm10{
	margin-bottom:10px !important;
}
.mgn-btm20{
	margin-bottom:20px !important;
}
.mgn-btm30{
	margin-bottom:30px !important;
}
.mgn-btm50{
	margin-bottom:50px !important;
}
.mgn-btm70{
	margin-bottom:70px !important;
}
.mgn-btm100{
	margin-bottom:100px !important;
}
.mgn-rt20{
	margin-right:20px !important;
}
.mgn-top20{
	margin-top:20px !important;
}
.mgn-top30{
	margin-top:30px !important;
}

.clear{
	clear:both;
}
.flt-rt{
	float:right;
}
.flt-lt{
	float:left;
}
.font-red{
	color:red;
}
.font-blue{
	color:blue;
}
.font-big{
	font-size:120%;
}

.font-small{
	font-size:80%;
}
.font-bold{
	font-weight:bold;
}
.font-normal{
	font-weight:normal !important;
}


.txt-left {
	text-align:left;
}

.txt-right {
	text-align:right;
}

.txt-center {
	text-align:center;
}

.width-9em {
	width:9em;
}

/*ul*/
ul.ul-std {
	list-style-type:disc;
	margin:0 0 30px 30px;
}
ul.ul-std li{
	margin-bottom:5px;
}
ul#relate {
	margin:0 0 30px 30px;
}
ul#relate li{
	background:url(../img/relate_li.png) no-repeat left top 2px;
	padding:0 0 0 20px;
	margin-bottom:7px;
}
ul.facility-img{
	width:850px;
	margin:0 auto;
}
ul.facility-img li{
	float:left;
	text-align:center;
	margin:20px;
}

/*ol*/
ol.ol-std li {
  list-style:decimal;
  margin-left:35px;
  margin-bottom:15px;
  }
  
.border-none{
	border:none !important;
}
.border-rt-none{
	border-right:none !important;
}
.border-lt-none{
	border-left:none !important;
}


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

table.tbl-std{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin-bottom:50px;
}

table.tbl-std th {
	padding:8px;
	border: solid 1px #CCC;
	background:#EEE;
	color:#222;
}

table.tbl-std td {
	padding:7px;
	border: solid 1px #CCC;
}


table.tbl-service{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin-bottom:50px;
	width:700px;
}

table.tbl-service th {
	padding:8px;
	border: solid 1px #CCC;
	background:#A9E4F8;
	color:#222;
}
table.tbl-service td {
	padding:6px;
	border: solid 1px #CCC;
}

table.tbl-border-none th, table.tbl-border-none td{
	padding:5px 0 !important;
	text-align:left;
	vertical-align:top;
	border:none !important;
}
  
/*------------------------------------------------------*/

body {
	color: #222;
	text-align: center;
	background: url(../img/body_bg.png) repeat-x #FFF ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
/*    line-height: 1.7;
*/	letter-spacing:0.8px;
}
/*========================================
   Container
  ========================================*/
#container{
	width:100%;
	margin:0 auto;
	text-align:left;
}


/*========================================
   Header
  ========================================*/
#header{
	margin:0 auto;
	width:1000px;
}
#header h1{
	padding:20px 0;
}
#headerTop{
	height:74px;
}
#headerTop ul li{
	padding-top:13px;
	float:right;
}
#headerTop ul li#headerInquiry{
	height:35px;
	margin-right:15px;
	background:url(../img/icon_mail.png) no-repeat left 0px top 20px;
	padding:32px 0 0 60px;
}
#headerTop ul li#headerInquiry a{
	color:#666;
	text-decoration:none;
	font-size:15px;
	padding-right:10px;
}
#logo{
	margin-top:15px;
	float:left;
}
#nav{
	margin:0 auto;
	width:1000px;
}

#nav ul{
	clear:both;
}

/*========================================
   Contents
  ========================================*/
#contents{
	margin:0 auto;
	width:1000px;
}

/*========================================
   Main
  ========================================*/
#main{
	margin:0 auto;
	padding:20px;
	background:#FFF;
}
/* ↓パンくずナビ用↓ */
#topicPath {
	margin-top:24px;
	font-size:14px;
}
#topicPath ul li{
	float:left;
	margin-right:5px;
	padding:1px;
}
#topicPath ul li a{
	text-decoration:underline;
	color:#222
}
#topicPath a:hover{
	text-decoration:underline;
}
/* ↑パンくずナビ↑ */

#main #contents{
	margin-top:50px !important;
}

h1#h1-std{
	color:#222;
	height:80px;
	clear:both;
	display:inline-block;
	padding:25px 0 0 90px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:38px;
	font-weight:normal;
	letter-spacing:1.5px;
}
.h1_company{
	background:url(../img/h1_company.png) no-repeat left 5px center;	
}
.h1_business{
	background:url(../img/h1_business.png) no-repeat left 5px center;	
}
.h1_service{
	background:url(../img/h1_service.png) no-repeat left 5px center;	
}
.h1_recruit{
	background:url(../img/h1_recruit.png) no-repeat left 5px center;	
}
div#h1Area{
	height:221px;
	clear:both;
}
div#h1Area  p#en {
    border-top: 1px solid #158ebe;
    margin:8px 0 15px 150px;
    text-align:right;
    padding:0;
	height:14px;
}

div#h1Area  p#en span {
    position: relative;
    top:-15px;
    padding: 0 30px;
    background:#D4F3FF;
	font-size:18px;
	color:#158ebe;
}
div#gaiyo {
	width:520px;
	height:18px;
	background:rgba(255,255,255,0.5);
	padding:10px 15px 13px 15px;
	margin-left:20px;
}
div#gaiyo a{
	color:#222;
	text-decoration:none;
	border-bottom:1px solid #555;
}
#leftArea{
	width:735px;
	float:left;
	padding-right:15px;
}
#main h2{
	padding:5px 0 0 10px;
	margin:5px 0 10px 0;
	border-left:8px solid #2ab2d1;
	background:#F7F7F7;
	color:#222;
	clear:both;
    font-family: 'YuGothic','游ゴシック', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,'ＭＳ Ｐゴシック','PT Sans',sans-serif,'Gulim', 'Apple Gothic';;
	font-size:22px;
	font-weight:bold;
}
#main h3{
	margin:10px 5px;
	padding:0 0 5px 20px;
	background:url(../img/h3_bg.png) no-repeat left 0 top 9px;	
	color:#2a6798;
	clear:both;
    font-family: 'YuGothic','游ゴシック', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,'ＭＳ Ｐゴシック','PT Sans',sans-serif,'Gulim', 'Apple Gothic';;
	font-size:20px;
	font-weight:bold;
}
#main p{
	margin:0 10px 15px 15px;
}


/*-------------------
	home
--------------------*/
div#mainImg {
	clear:left;
	width:1000px;
	height:auto;
}
div#mainImg img{
	width:1000px;
	height:350px;
}
.bxslider div {
  display: none;
}
.bx-viewport .bxslider div {
  display: block !important;
}

#boxLink{
	width:1000px;
	margin:0 auto;
}
#boxLink a{
	color:#222;
}
#boxLink a:hover{
	color:#888;
}
.box {
	margin:10px 20px 60px 20px;
	padding:5px 10px;
    width: 290px;
    height: 260px;
	background: url(../img/box_bg.png) repeat-x left bottom;
    background-color: #FFF !important;
	border:1px solid #bfbfbf;
    box-sizing: border-box;
	float:left;
    position: relative;
    overflow: hidden;
	text-align:center;
}
.box h2 {
    color: #222;
    font-weight: bold;
	font-family:"Yu Mincho","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:26px;
	letter-spacing:0.4px;
    text-align: center;
	height:35px;
	margin:0;
	text-align:left;
    padding:10px 0 10px 65px;
}
#h2_service span{
	border-bottom:1px solid #10a3cf;
	padding:0 0 0 2px;
}
#h2_business span,#h2_recruit span{
	border-bottom:1px solid #10a3cf;
	padding:0 93px 0px 2px;
}
#h2_service{
	background: url(../img/box_h2_service.png) no-repeat left 0 center!important;
}
#h2_business{
	background: url(../img/box_h2_business.png) no-repeat left 0 center!important;
}
#h2_recruit{
	background: url(../img/box_h2_recruit.png) no-repeat left 0 center!important;
}
.box  p{
	text-align:left;
	padding:7px 15px;
	font-size:12px;
	line-height:1.8;
	background-color:#FFF;
	margin-top:5px;
}

.box img{
	margin:5px auto;
	text-align:center;
}


.box1:hover .box-caption { opacity: 1 }
#ie_link li {
    float: left;
    margin: 10px 15px 30px 15px;
}


h2#topics_h2{
	background: url(../img/topics_h2_bg.png) repeat-x;
	border-left:10px solid #0d83c0;
	box-sizing:border-box;
	color:#FFF;
	font-weight:normal;
	height:41px;
	font-size:18px;
	padding:8px 0 3px 15px;
	margin-bottom:8px;
}
#topics{
	width:640px;
    clear: both;
	float:left;
}
#topics ul{
	padding:5px 10px;
	border:1px solid #bfbfbf;
}
#topics ul li {
    padding: 8px 5px;
    border-top: 1px dotted #bfbfbf;
    font-size: 14px;
}
#topics ul a{
	color:#222 !important;
}
#topics ul li:first-of-type { border-top: none }

#topics ul li span.category-info{
	display:block;
	background:#c6edff;
	border:1px solid #BBB;
	padding:2px 3px;
	font-size:10px;
	width:60px;
	height:14px;
	text-align:center;
	float:left;
	margin-right:10px;
}
#topics ul li span.category-recruit{
	display:block;
	background:#ffd082;
	border:1px solid #BBB;
	padding:2px 3px;
	font-size:10px;
	width:60px;
	height:14px;
	text-align:center;
	float:left;
	margin-right:10px;
}

#topics ul li span.day {
	display:block;
	float:left;
	margin-right:10px;
}
#contact{
	float:left;
	width:290px;
	margin-left:40px;
	line-height: 1.5 !important; 
}
#h2_contact span{
	border-bottom:1px solid #10a3cf;
	padding:0 70px 0 2px;
}
#h2_contact{
	background: url(../img/box_h2_contact.png) no-repeat left 0 center!important;
    color: #222;
    font-weight: bold;
	font-family:"Yu Mincho","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:23px;
	font-weight:bold;
    text-align: center;
	height:30px;
	margin:0;
	text-align:left;
    padding: 10px 0 10px 65px;
}
#contact-inner{
	padding:15px;
	background: url(../img/contact_bg.png) repeat-x left bottom;
	border:1px solid #bfbfbf;
    box-sizing: border-box;
	height:160px
}
#contact dl{
	margin-left:8px;
}
#contact dl dt{
	font-size:11px;
	background-color:#666;
	color:#FFF;
	padding:2px 10px;
	width:120px;
}
#contact dl dd{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003669;
	margin-left:5px;
	margin-top:8px;
}
#contact dl dd span#tel{
	font-size:20px;
}
#contact dl dd span#number{
	font-size:27px;
	letter-spacing:1.3px;
	margin-left:5px;
}
#contact p{
	margin:0 5px 15px 0;
	font-size:14px;
	text-align:right;
}
#contact a{
	margin:10px;
	padding:5px 20px;
	background: url(../img/arrow_white_right.png) no-repeat left 4px top 6px #16bae3;
	border:1px solid #06C;
	color:#FFF;
	font-size:13px;
	letter-spacing:0 !important;
	text-align:center;
	text-decoration:none;
}
/*========================================
   Side
  ========================================*/
#side{
	width:210px;
	float:right;
	background:#FFF;
}
#side h2 {
	padding:10px 0 7px 15px;
	color:#FFF;
	font-weight:bold;
	background:url(../img/gradate_bg.png) repeat-x left top;
	border:none;
	margin:0;
	
}
#side h2 a{
	color:#FFF;
	text-decoration:none;
}

#side ul li a{
	display:block;
	width:100%;
	padding:15px 0 12px 15px;
	text-decoration:none;
	color:#222;
	font-size:14px;
	background:url(../img/gray_bg.png) repeat left top;
	border-bottom:1px solid #DDD;
	box-sizing:border-box;
}
#side ul li a:hover{
	background:#F1F1F1 !important;
}
#side ul li a.active{
	background:#F1F1F1 !important;
}
/*========================================
   inquiry
  ========================================*/

#inquiry{
	width:740px;
	height:180px;
	background:#f7fcff;
	border:1px solid #008bca;
	clear:both;
	margin:100px auto 50px auto;
}
#inquiry dl{
	float:left;
	margin-top:15px;
	padding:0 10px 10px 20px;
}
#inquiry dl:first-of-type{
	border-right:1px solid #008bca;
}
#inquiry dl dt{
	width:300px;
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}
#inquiry dl dd{
	padding-bottom:5px;
	padding-left:10px;
}
#inquiry dl dd img{
	margin-top:10px;
}
#inquiry dl dt#phone{
	background: url(../img/icon_phone.png) no-repeat;
	padding:0 0 0 35px;
}
#inquiry dl dt#phone span{
	font-size:20px;
}
#inquiry dl dt#web span{
	font-size:18px;
}
#inquiry dl dd.phoneNo{
	font-weight:bold;
	font-size:17px;
	color: #008bca;
	padding-left:15px;
	padding-top:5px;
}
#inquiry dl dd.phoneNo span{
	font-size:30px !important;
}
#inquiry dl dt#web{
	background: url(../img/icon_web.png) no-repeat left top 0;
	padding:2px 0 0 35px;
}

/*========================================
   Footer
  ========================================*/
  /*page-top*/
p.gotop{
    position: fixed;
    right: 40px;
    bottom: 30px;
	z-index:100;
}
p.gotop a{
	padding-top:10px;
    width:65px;
    height:65px;
    display: block;
	background:url(../img/pagetop.png) no-repeat;
	margin-bottom:5px;
	text-decoration: none;
}

#footer{
	position: relative;
	margin-top:60px;
	width:100%;
	background:#f3f3f3;
	border-top: 1px solid #CCC;
}
#footer:before{
	position: absolute;
	content: '';
	border-top: 1px solid #FFF;
	width: 100%;
	height: 1px;
}
#footer a{
	color:#222;
	text-decoration:none;
}
#footer a:hover {
	color:#10a3cf;
}
#btn_top{
	clear:both;
	text-align:right;
}

#footer_link {
	width:1000px;
	margin:0 auto;
    height:260px;
}

.box-link ul li {
    padding-left: 20px;
    margin-right: 15px;
    background: url(../img_re/arrow_gray.gif) no-repeat 3px 5px;
    color: #313C3C;
    font-size: 14px;
}
.box-link ul li a{
	padding-left:8px;
}
.box-link {
	margin:20px 0;
	padding:10px 15px 0 10px;
    width:295px;
    float: left;
	height:100%;
	border-right:1px solid #FFF;
	border-left:1px solid #CCC;
}

.box-link h3 {
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../img_re/h3_footer.png) no-repeat 0 2px;
    font-size: 16px;
}
.box-link ul { margin-left: 5px }
.box-link ul li {
    margin: 0;
    padding: 0 0 4px 15px;
    background: url(../img_re/arrow_white.gif) no-repeat 3px 5px;
    font-size: 14px;
}
#copyright{
	padding:3px 0;
	background-color:#0d83c0;
	color:#FFF;
	clear:both;
	text-align:center;
}
  



/*manegement*/
#management-area{
	background-color:#f3fcff;
	border:1px solid #a6e6ff;
	padding:15px 10px;	
}

#management-area h3{
	background:none;
	color:#222;
	font-weight:normal;
}
#management-area p{
	margin:0 10px;
	text-align:right;
}
/*outline*/

table.tbl-outline{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin-bottom:50px;
	margin-top:20px;
	width:720px;
}

table.tbl-outline th {
	padding:12px;
	border: solid 1px #CCC;
	background:#EEE;
	color:#222;
	width:130px;
	text-align:left;
}

table.tbl-outline td {
	padding:12px;
	border: solid 1px #CCC;
}
table.tbl-outline-inner td {
	padding:3px;
	border:none;	
}
/*organization*/

table.tbl-organization{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin-bottom:50px;
	margin-top:20px;
	width:710px;
}

table.tbl-organization th {
	padding:12px;
	border: solid 1px #CCC;
	background:#EEE;
	color:#222;
}

table.tbl-organization td {
	padding:12px;
	border: solid 1px #CCC;
}

table.tbl-office{
	margin:0 0 50px 25px;
}
table.tbl-office td{
	width:240px;
}
/*access*/
#map-canvas{
    margin: 30px 20px 5px 5px;
    border: 1px solid #ccc;
    width: 450px;
    height: 300px;
}
/*business*/
.business-box{
	height:auto;
	margin-bottom:20px;
	padding:2px 0 30px 0;
    border-bottom: 1px solid #DDD;
	clear:both;
}
.business-box img{
	margin:0 25px 0 20px;
	float:left;
}
.business-box dl{
	margin:0 10px ;
}
.business-box dl dt{
	margin-bottom:3px;
	font-size:15px;
	font-weight:bold;
}
.business-box dl dt span{
	background:#DAF1F3;
	padding:0 5px;
}
.business-box dl dd{
	font-size:13px;
	padding:0 5px;
}
.ul-business li{
	clear:both;
	margin-bottom:30px;
}

.business-box h4{
	clear:both;
	margin:5px;
}
table.tbl-business{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin-bottom:50px;
	width:420px;
}

table.tbl-business th {
	padding:5px;
	border: solid 1px #CCC;
	background:#EEE;
	color:#222;
	text-align:left;
}

table.tbl-business td {
	padding:5px;
	border: solid 1px #CCC;
	font-size:13px;
}

/*puclicnotice*/
dl#puclicnotice{
	margin:50px 0 0 100px;
	width:500px;
}
dl#puclicnotice dt{
	margin:0 10px 15px 30px;
	padding:2px 0 10px 20px;
	background:url(../img/h3_bg.png) no-repeat left top 5px;
	clear:both;
	float:left;
	font-weight:bold;
}

dl#puclicnotice dd{
	margin:0 10px 15px 10px;
	padding:0 0 10px 20px;
	border-bottom:1px dotted #999;
}

/*csr*/
a.button{
	margin:20px 0 70px 15px;
	background:#E4F7FE;
	border:2px solid #82D8F4;
	color:#222;
	display:block;
	padding:5px 15px;
	width:150px;
	text-align:center;
	text-decoration:none;
}

/*recruit*/

table.tbl-recruit,table.tbl-recruit-ichiran{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin-bottom:0;
	margin-top:20px;
	margin-left:30px;
	max-width:880px;
}

table.tbl-recruit th {
	padding:12px;
	border: solid 1px #CCC;
	background:#EEE;
	color:#222;
	width:130px;
	text-align:left;
	vertical-align:top;
}

table.tbl-recruit-ichiran th {
	padding:12px;
	border: solid 1px #CCC;
	background:#EEE;
	color:#222;
	text-align:left;
	vertical-align:top;
}

table.tbl-recruit td, table.tbl-recruit-ichiran td {
	padding:12px;
	border: solid 1px #CCC;
}
.entry-button{
	padding:30px;
	margin:0 auto 70px 0;
	text-align:center;
	width:100%;
	
}
.entry-button ul{
	display:block;
	margin-left:250px;
}
.entry-button ul li{
	float:left;
	margin-right:50px;
}
.entry-button ul li a{
	padding:10px 30px;
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}
.form{
	background:#FF712D;
}
.tel{
	background:#5CAC2D;
}

a.detail{
	padding:5px 20px;
	display:block;
	background:#39C;
	color:#FFF !important;
	text-decoration:none;
}
/*service*/
.service-box{
	padding:10px 10px 5px 10px;
	margin:20px 20px 35px 20px;
	clear:both;
	border:1px solid #CCC;
	width:670px;
}
.service-box img{
	border:1px solid #CCC;
}
.service-box dl{
	float:right;
	width:520px;
}
.service-box dt{
	margin-bottom:5px;
	padding:2px 0 0 25px;
	background:url(../service/img/arrow_right.png) no-repeat left top 2px;
	font-size:17px;
	font-weight:bold;
}
.service-box dd{
	margin-left:8px;
}
a.service-box-a{
	color:#222;
}

/*catalog*/
div#download{
	margin-top:20px;
	border:1px solid #CCC;
	height:80px;
	background: url(../img/download_bg.gif) no-repeat left bottom ;
}
div#download_water{
	margin-top:20px;
	border:1px solid #CCC;
	height:160px;
	background: url(../img/download_bg.gif) no-repeat left bottom ;
}

div#download p{
	margin:0 7px !important;
	padding:5px 0 5px 30px;
	color:#FFF;
	background: url(../img/download_btn.gif) no-repeat left top !important;
}
div#download_water p{
	margin:0 7px 7px 7px!important;
	padding:5px 0 5px 30px;
	color:#FFF;
	background: url(../img/download_btn.gif) no-repeat left top !important;
}

div#download h2,div#download_water h2{
	padding:6px 8px 4px 8px;
	background: url(../img/icon_download.gif) no-repeat right 8px center !important;
	color:#222;
	font-weight:bold;
	font-size:17px;
    letter-spacing: 0px;
	height:30px;
}
div#download a,div#download_water a{
	display:block;
	background:none !important;
	color:#FFF;
	text-decoration:none;
}