@charset "UTF-8";

/* タイトルロゴ */

body {
	background-image: url(image/topimage.jpg);
	background-attachment: fixed;
	background-size: cover;
	margin: 0px;
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
}

ul {
	list-style-type: square;
}

a:hover {
	color: #ff0000;
}

h2 {
	font-family: "HG正楷書体-PRO", cursive;
}

img {
	max-width: 100%;
	height: auto;
}

.logo {
	background-color: rgba(255, 255, 255, .8);
}

.logo2 {
	float: right;
	padding-top: 25px;
	padding-bottom: 0px;
}

.ReCOVERmidashi {
	color: #fff;
	background-color: rgba(255, 255, 255, .5);
	border-left: 5px solid #fff;
	font-family: "HG正楷書体-PRO", cursive;
	margin: 0px;
	padding: 10px;
	text-align: center;
	position: relative;
	z-index: 1;
}

/*.midashi-cover1 {
	background: linear-gradient(#ffffff, #d3d3d3);
	padding: 5px;
	border: 2px solid #d3d3d3;
	margin-top: 20px;
	margin-bottom: 0px;
}*/

.midashi1 {
	clear: both;
	color: #fff;
	background-color: #7e9fc7;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 0px;
}

#infont {
	color: #fff;
	text-decoration: none;
}

#wrapper {
	max-width: 940px;
	min-width: 940px;
	margin: 0 auto;
/*	padding-right: 20px;
	padding-left: 20px;
	border-right: 10px double #6495ed;
	border-left: 10px double #6495ed;*/
}

.telmain {
	background-color: #f5f5f5;
	max-width: 895px;
	min-width: 895px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px;
	border-left: 5px solid #fff;
	font-size: 15px;
}

/* VPNサービス */

.vpn2 {
	background: linear-gradient(-30deg, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 1)), url(image/white0124.png);
	background-position: 100% 10%;
	border: 1px solid #d3d3d3;
	padding: 25px;
}

/* 業務システムサービス */

.system2 {
	background: linear-gradient(-45deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0)), url(image/blue0128.png);
	border: 1px solid #d3d3d3;
	padding: 25px;
	overflow: auto;
}

.telworkimg {
	width: 47%;
	float: right;
}

.telworktext {
	width: 47%;
	float: left;
}

/* 業務紹介その他 */

.service1 {
	padding-bottom: 100px;
}

.service2 {
	background: linear-gradient(-80deg, rgba(255, 255, 255, .3) 20%, rgba(255, 255, 255, 1)), url(image/white0124-2.png);
	background-position: 30% 80%;
	border: 1px solid #d3d3d3;
	padding: 25px;
}

.serviceinfo1 {
	color: #fff;
	background-color: #7e9fc7;
	padding: 5px;
	margin-bottom: 0px;
}

/* :::::: button :::::: */

.tabBtn {
  font-family: "HG正楷書体-PRO", cursive;
  font-size: 16px;
  display: table;
  width: 100%;
  margin: 0 0 0px;
  padding: 0;
  position: relative;
  z-index: 1;
}

.tabBtn li {
  display: table-cell;
  width: 16%;
  text-align: center;
/*
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
*/
}

.tabBtn li:last-child {
  border-right: 1px solid #fff;
}

.tabBtn li a {
  display: block;
  cursor: pointer;
  padding: 10px;
  color: #fff;
  transition: background-color .3s;
  background-color: rgba(255, 255, 255, .2);
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

.tabBtn li a:hover {
  background-color: rgba(255, 255, 255, .6);
  text-decoration: none;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.tabBtn li a:active {
  background-color: rgba(255, 255, 255, .8);
  text-decoration: none;
}

.tabBtn li #check {
  background-color: rgba(255, 255, 255, .5);
  text-decoration: none;
/*  border-left: 5px solid #fff;*/
}

.tabBtn li #check:active {
  background-color: rgba(255, 255, 255, .8);
  text-decoration: none;
}

/*アムニス序文*/

.amnistop span {
	font-size: 50px;
}

.amnistop {
	font-size: 28px;
	font-family: "HG正楷書体-PRO", cursive;
	color: #fff;
	background-color: rgba(255, 255, 255, .2);	
	text-align: center;
	margin-top: 120px;
	padding: 20px;
	border-left: 5px solid #fff;
}

.info span {
	font-size: 50px;
}

.info {
	font-size: 28px;
	font-family: "HG正楷書体-PRO", cursive;
	color: #fff;
	background-color: rgba(255, 255, 255, .2);	
	margin-top: 120px;
	padding: 20px;
	border-left: 5px solid #fff;
}

.mail {
	font-size: 20px;
	text-align: right;
}

/*フッター*/

.upbtn {
	width: 12%;
	background-color:  rgba(255, 255, 255, .5);
	float: right;
	margin-top: 120px;
	text-decoration: none;
	border-top-left-radius: 5px;        /* CSS3草案 */  
	-webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-top-left-radius: 5px;   /* Firefox用 */ 
	border-top-right-radius: 5px;        /* CSS3草案 */  
	-webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-top-right-radius: 5px;   /* Firefox用 */ 
	border-top: 2px solid rgba(255, 255, 255, .8);
	border-left: 2px solid rgba(255, 255, 255, .8);
	border-right: 2px solid rgba(255, 255, 255, .8);
}

.upbtn:hover {
	width: 12%;
	background-color:  rgba(255, 255, 255, .8);
	float: right;
	margin-top: 120px;
	text-decoration: none;
	border-top-left-radius: 5px;        /* CSS3草案 */  
	-webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-top-left-radius: 5px;   /* Firefox用 */ 
	border-top-right-radius: 5px;        /* CSS3草案 */  
	-webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-top-right-radius: 5px;   /* Firefox用 */ 
	border-top: 2px solid rgba(255, 255, 255, .8);
	border-left: 2px solid rgba(255, 255, 255, .8);
	border-right: 2px solid rgba(255, 255, 255, .8);
}

.upbtn a {
	width: 95%;
	display: block;
	color: #000;
	font-family: "HG正楷書体-PRO", cursive;
	text-decoration: none;
	padding: 5px;
}


footer {
	clear: both;
	font-family: "HG正楷書体-PRO", cursive;
	font-size: 16px;
	background-color:  rgba(255, 255, 255, .5);
	border-top: 2px solid rgba(255, 255, 255, .8);
	padding: 20px;
}

.ftmenu {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.ftmenu th {
	text-align: left;
}

.ftmenu td {
	padding-left: 5px;
}

.ftinfo {
	text-align: center;
}