/* Global Styles */
html,body {
  height: 100%;
  width: 100%;
}
.navbar-default{
	background-color:#fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url(/ori/50366/etc_img/smartphone.gif) no-repeat fixed; 
	background-position: left center;
}
.vert-explaintext{
	font-size:20px;
	color:#ccc;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;
}
.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;
  color: skyblue;
  text-shadow: 2px 2px 0px #fff, 
               2px 2px 3px rgba(0,0,0,0.5);
}



/* Full Page Image Header Area */

.header {
  display: table;
  height: 55%;
  width: 100%;
  position: relative;
  background: url(/ori/50366/etc_img/bg.jpg) no-repeat; 
background-position: right center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* Intoro*/
.intro{margin-top:30px;margin-bottom:30px;color:#333;color:#666;}
.intro h1{color:#666;text-align:center;font-weight:bold; margin-bottom:15px;}


/* Services */

.services {
  background: #7fbbda;
  padding: 50px 0;
  color: #ffffff;
}

.service-item {
  margin-bottom: 15px;
}

i.service-icon {
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 56px;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle; 
  text-align: center;
}

/* Callout */

.callout {
  color: #ffffff;
  display: table;
  height: 400px;
  width: 100%;
  background: url(/ori/50366/etc_img/callout.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Portfolio */

.portfolio {
  padding: 50px 0;
}

.portfolio-item {
  margin-bottom: 25px;
}

.img-portfolio {
  margin: 0 auto;
}


/* Call to Action */

.call-to-action {
  color: #ffffff;
  background: #0a5175;
  padding: 50px 0;
}

.call-to-action .btn {
  margin: 10px;
}



/* Footer */



.top-scroll {
  margin-top: 50px;
}

.top-scroll a {
  text-decoration: none;
  color: inherit;
}

i.scroll {
  color: #333333;
}

i.scroll:hover {
  color: #0a5175;
}
/* Responsive */

@media (max-width: 768px) {
	
  .header {
	background: url(/ori/50366/etc_img/bg.jpg) no-repeat  scroll; 
  }

  .callout {
	background: url(/ori/50366/etc_img/callout.jpg) no-repeat center center scroll; 
  }



}
.spacetable{padding:10px;}
.category-wifi-image{
background-image:url("/ori/50366/etc_img/wifi-category-image.jpg");
　width: 100%;
  height: 300px;
  object-fit: cover;
	
	margin-botom:20px;
	background-repeat: no-repeat;
	background-position: center center;
}
.category-sim-image{
	height:250px;
	background-image:url("/ori/50366/etc_img/category-sim.jpg");
	margin-botom:20px;
	background-repeat: no-repeat;
	background-position: left center;


}
.image-text{
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 45%;
    height: 20%;
    margin: auto;
		font-size:25px; color: #FFF;
    font-weight: bold;
    text-shadow: 1px 1px 1px #e1e1e1,
    -1px 1px 1px #e1e1e1,
    1px -1px 1px #e1e1e1,
    -1px -1px 1px #e1e1e1;
}
.pricing-width{width:90%;}
.note{padding:2px; color:#990000;font-weight:bold;}
table.pad5 tr td{
	padding:10px;
} 

.btn-order{
margin:5px;
width:86%;
}
.btn-extend{
margin:5px;
width:86%;
}

<!--wi-fiトップページのcss-->
@import url("http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,700italic,700,500&subset=latin,latin-ext");

body {
        padding-top: 40px;
        padding-bottom: 40px;
    	
      }
	
	/* COMMON PRICING STYLES */
		.panel.price,
		.panel.price>.panel-heading{
			border-radius:0px;
			 -moz-transition: all .3s ease;
			-o-transition:  all .3s ease;
			-webkit-transition:  all .3s ease;
		}
		.panel.price:hover{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2);
		}
		.panel.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
		}
		
				
		.panel.price>.panel-heading{
		//	box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
			text-shadow:0px 3px 0px rgba(50,50,50, .6);
		}
			
		.price .list-group-item{
			border-bottom-:1px solid rgba(250,250,250, .5);
		}
		
		.panel.price .list-group-item:last-child {
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		.panel.price .list-group-item:first-child {
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}
		
		.price .panel-footer {
			color: #fff;
			border-bottom:0px;
		//	background-color:  rgba(0,0,0, .1);
			background-color:  #fff;
		//	box-shadow: 0px 3px 0px rgba(0,0,0, .3);
		}
		
		
		.panel.price .btn{
			box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
			border:0px;
		}
		
		/* white price */
		
	
		.price.panel-white>.panel-heading {
			color: #333;
			background-color: #fff;
			border-color: #ccc;
			border-bottom: 1px solid #ccc;
			text-shadow: 0px 2px 0px rgba(250,250,250, .7);
		}
		
		.panel.panel-white.price:hover>.panel-heading{
			box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
		}
			
		.price.panel-white>.panel-body {
			color: #fff;
			background-color: #fff;
		}
				
		.price.panel-white>.panel-body .lead{
				text-shadow: 0px 2px 0px rgba(250,250,250, .8);
				color:#666;
		}
		
		.price:hover.panel-white>.panel-body .lead{
				text-shadow: 0px 2px 0px rgba(250,250,250, .9);
				color:#333;
		}
		
		.price.panel-white .list-group-item {
			color: #333;
			background-color: #fff;
			//background-color: rgba(50,50,50, .01);//
			font-weight:400;
			text-shadow: 0px 1px 0px rgba(250,250,250, .75);
	}

<!--wi-fiトップページのcss-->
#customfooter{
background-color:#cccccc;
padding-top:35px;
padding-bottom:35px;
}
.customfooter{
background-color:#333333;
padding-top:35px;
padding-bottom:35px;
}
.customfooter a{color:#ffffff;}
.copyright{
color:#ffffff;
padding-top:25px;
padding-bottom:25px;
background:#000066;
}

.copyright a{
color:#ffffff;
}