@charset "UTF-8";
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}

html {
	overflow: auto;
	margin:0;
	padding:0;
}
body {
	overflow-x: hidden;
	position: relative;
	min-width: 1000px; 
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,Helvetica,Clean,sans-serif;
}

#main-visual-wrapper{
	margin: 0 -500%;
	padding: 0 500%;
	position: relative;
	z-index: 9999;
}

.top {
	margin:0 auto;
	padding:0;
	width:100%;
	height:880px;
	background:url(../images/topbg.jpg) center top no-repeat;
}

#top-main{
	width:940px;
	margin:0 auto;
	padding:0;
	position:relative;
}

.menu-bg{
	margin: 0 -500%;
	padding: 0 500%;
	position: relative;
	z-index: 9998;
	height: 100px;
	background-color:rgba(255,255,255,0.8);
	
}
.menu{
	margin:0 auto;
	width: 940px;
}

.menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.menu ul li{
	width:185px;
	height:66px;
	padding: 17px 0;
	float:left;
	font-size:14px;
	text-align: center;
}
.menu ul li .lborder{
	border-left:solid 1px #fff;
	 width: 183px;
}

.menu ul li .pd{
	padding-top:20px;
	height: 46px;
}
	
.menu ul li a{
	display:block;
	width:184px;
	height:51px;
	padding-top:10px;
	color:#004986;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border-right: solid 1px #fff;
}

#cloud .menu ul li a.lborder {
  width: 187px;
}

h2.b-title {
    padding-top: 30px;
}

/*料金表追加したらコメントアウト消す*/
/*
#cloud .menu ul li a {
  border-right: 0 none;
  border-left: 1px solid #fff;
}

#cloud .menu ul li:hover + li a {
  padding-left: 1px;
  border-left: 0 none;
}

#cloud .menu ul li:last-child a {
  width: 186px;
  border-right: 1px solid #fff;
}   
*/

/*料金表追加したら以下のCSS消す*/

#cloud .menu ul .bg-none:hover + li a,
#cloud .menu ul li a {
  border-right: 0 none;
  border-left: 1px solid #fff;
}
#cloud .menu ul li:hover + li a {
  padding-left: 1px;
  border-left: 0 none;
}
#cloud .menu ul li:last-child a {
  width: 186px;
  border-right: 1px solid #fff;
}
#cloud .menu ul .bg-none:hover + li:last-child a {
   border-right: 1px solid #fff;
   padding-left: 0;
}
/*ここまで*/

.menu ul li:hover{
	background:url(../images/buttonbg.png) #fff no-repeat 50% 50%;
}

/*料金表追加したら以下のCSS消す*/

#glonavi a.mukou{
  pointer-events:none;
  cursor:default;
}

.menu ul .bg-none:hover{
	background:none;
}

/*ここまで*/

.logo{
	position:relative;
	width: 940px;
	margin: 0 auto;
	padding-top: 70px;
	text-align:center;
}
h1.logo img {
    width: 710px;
}
.text01{
	width: 675px;
	margin: 20px auto;
	padding-left:10px;
	font-weight:bold;
}

.mailform{
	position:relative;
	clear:both;
	background: linear-gradient(0deg, rgb(18, 39, 104) 0, rgb(23, 139, 205) 100%);
    border-radius: 10px;
    height: 23px;
    margin: 48px auto 0;
    padding-bottom: 20px;
    padding-left: 68px;
    padding-right: 68px;
    padding-top: 16px;
    width: 203px;
}
.mailform a{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:300px;
	height:42px;
	color:#fff;
	font-size: 18px;
	padding:17px 0 0 40px;
	margin:0;
	text-decoration:none;
}
.mailform img{
	float:left;
	margin: 2px 30px 0 30px;
}

.mailform:hover{
	opacity:0.8;
}

.text02{
	width:940px;
	margin: 90px auto;
	color: #fff;
}

#cloud-service{
	width:940px;
	margin: 0 auto;
}

.b-title{
	font-size: 26px;
	color: #00a0e8;
	text-align:center;
}

#functions2 .function.f1,
#functions .function.f1 {
  margin-left: 0;
  background-image: url(../images/icon01.png);
}

#functions2 .function.f2,
#functions .function.f2 {
  background-image: url(../images/icon02.png);
}

#functions2 .function.f3,
#functions .function.f3 {
  margin-left: 0;
  background-image: url(../images/icon03.png);
}

#functions2 .function.f4,
#functions .function.f4 {
  background-image: url(../images/icon04.png);
}

#functions2 .function.f5,
#functions .function.f5 {
  margin-left: 0;
  background-image: url(../images/icon05.png);
}

#functions2 .function.f6,
#functions .function.f6 {
  background-image: url(../images/icon08.png);
}

#functions2 .function.f7,
#functions .function.f7 {
  margin-left: 0;
  background-image: url(../images/icon06.png);
}

#functions3 .function.f8,
#functions2 .function.f8,
#functions .function.f8 {
  background-image: url(../images/icon07.png);
}

#functions3 .function.primary,
#functions2 .function.primary,
#functions .function.primary {
  width: 400px;
  min-height: 282px;
}

#functions3 .function,
#functions2 .function,
#functions .function {
  float: left;
  margin: 30px 0 0 40px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center 30px;
}

#functions3 .function .title,
#functions2 .function .title,
#functions .function .title {
  margin: 120px 0 20px;
}

#functions3 .function .title,
#functions2 .function .title,
#functions .function .title {
  color:#00a0e8;
  font-size: 18px;
  text-align: center;
}

#functions3 .function .desc,
#functions2 .function .desc,
#functions .function .desc {
  font-size: 15px;
  margin: 16px 0 0 0;
}

.b-bg{
	margin: 50px -500% 0;
	padding: 0 500% 60px;
	position: relative;
	z-index: 9998;
	background-color:#00a0e8;
}

#merits{
	width:940px;
	height: 480px;
	margin: 0 auto;
}

.w-title{
	padding-top:50px;
	margin:0;
	font-size: 26px;
	color: #fff;
	text-align:center;
}

#functions3 .function .mtitle,
#functions2 .function .mtitle,
#functions .function .mtitle {
  margin: 120px 0 20px;
  color:#fff;
  font-size: 18px;
  text-align: center;
}

#functions3 .function .mdesc,
#functions2 .function .mdesc,
#functions .function .mdesc {
  font-size: 15px;
  margin: 16px 0 0 0;
  color:#fff;
}

#functions2 .function.f9,
#functions .function.f9 {
	margin-left: 0;
  background-image: url(../images/icon09.png);
}
#functions2 .function.f10,
#functions .function.f10 {
  background-image: url(../images/icon10.png);
}

#supports{
	width:940px;
	margin: 0 auto;
}

#supports p{
	text-align:center;
}

#supports .pd-t{
	padding-top:30px;
}

h3{
	color:#fff;
	text-align:center;
	font-size:26px;
	font-weight:100;
}

#pricelist{
	width:940px;
	margin: 0 auto;
}
	
#pricelist .box-title{
	width:215px;
	text-align:center;
	background-color:#fff;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

#pricelist .box01{
	margin:0;
	padding:0;
}
	

#pricelist .box01 p{
	float:left;
}

#pricelist .box-title{
	margin:0;
	width:215px;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
#pricelist .box01 .item01-t{
	margin:0;
	padding: 26px 0;
	width:249px;
	text-align:center;
	color:#fff;
	background-color:#0082bc;
}
#pricelist .box01 .item01{
	margin:0;
	padding: 20px 0;
	width:215px;
	text-align:center;
	color:#fff;
	font-size:24px;
	background-color:#4c9ec3;
}
#pricelist .box01 .item01-i{
	margin:0;
	height:76px;
	background-color:#0082bc;
}
#pricelist .box01 .item02-t{
	margin:0;
	padding: 18px 0;
	width:249px;
	text-align:center;
	color:#fff;
}
#pricelist .box01 .item02{
	margin:0;
	padding: 18px 0;
	width:215px;
	text-align:center;
	color:#000;
	background-color:#fff;
}
#pricelist .box01 .item02-i{
	margin:0;
	height:60px;
}
#pricelist .box01 .item03-t{
	margin:0;
	padding: 18px 0;
	width:249px;
	text-align:center;
	color:#fff;
	background-color:#008fcf;
}
#pricelist .box01 .item03{
	margin:0;
	padding: 18px 0;
	width:215px;
	text-align:center;
	color:#000;
	background-color:#99c8dd;
}

#pricelist .box01 .item03-i{
	margin:0;
	height:60px;
	background-color:#008fcf;
}
#pricelist .box01 .pd6{
	padding:6px 0;
}

#pricelist .box01 .pd54{
	padding:54px 0;
}
#pricelist .box01 .pd24{
	padding:24px 0;
}
#pricelist .box01 .pd30{
	padding:30px 0;
}

#pricelist .box01 .ht132{
	height:132px;
}
#pricelist .box01 .ht84{
	height:84px;
}
#pricelist .box01 .wd450{
	width:453px;
}

#pricelist ul{
	margin:0;
	padding:0;
}

#pricelist ul li{
	float:right;
	padding:20px 0;
	color:#fff;
	list-style-type:none;
}

.text04{
	width:940px;
	margin:0 auto;
	padding: 20px 0;
	text-align:center;
	font-size: 26px;
	font-weight:bold;
}

.g-bg{
	margin:0 -500% ;
	padding: 0 500%;
	position: relative;
	z-index: 9997;
	background: linear-gradient(0deg, #d7f0fb 0, #00a0e9 100%);
}

#contacts{
	margin: 0 auto;
	width:940px;
	height:400px;
	background:url(../images/triangle.png) no-repeat top center;
}

#contacts .info-t{
	float:left;
	width:434px;
	margin:0 0 0 26px;
	padding:80px 0 20px 0;
	color:#fff;
	text-align:	center;
	font-weight:bold;
}

#contacts .info-m{
	float:left;
	margin:0 0 0 26px;
	width:434px;
	background-color:#fff;
}
#contacts .info-m .text05{
	margin:20px auto;
	width:339px;
	font-size: 14px;
}

#contacts .info-m .phone{
    width:339px;
	margin:40px auto;
}
#contacts .info-m .phone img{
	float:left;
	margin:8px 0 0 20px;
}
#contacts .info-m .phone p{
	float:left;
	margin:0;
	padding-left: 20px;
	font-size: 30px;
}
#contacts .info-m .phone a,
#contacts .info-m .phone a:visited{
	color:rgb(0, 0, 0);
	text-decoration: none;
}
#contacts .info-m .phone a:hover{
	text-decoration: underline;
}
#contacts  .ta-c{
	text-align:center;
}
#contacts .mg-l{
	margin-left:19px;
}
#contacts .ht192{
	height: 192px;
}

.trademark ul {
	width:940px;
	margin:0 auto;
	padding:0;
	position:relative;
	list-style-type: disc;
}

p span.boldtxt_wc{
	text-align:center;
}