@charset "utf-8";

/* page-title from */
#page-title-wrapper {
	background-color: #FFB300;
}
#page-title {
	margin: 0 auto;
	width: 1024px;
	color: #fff;
	height: 40px;
	line-height: 250%;
	margin-bottom: 25px;
}
#sub-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 140%;
	margin-right: 25px;
}
h1 {
	font-size: 80%;
	display: inline;
	vertical-align:0.15em;
}
/* page-title to */


/* navigations from */
#navigation-list{
	margin: 0 auto;
	width: 1024px;
}
#nav-wrapper {
	font-size: 90%;
}
.nav-list {
	list-style: none;
	float: left;
	height: 26px;
	/*line-height: 200%;*/
}
.short-bar {
	height: 6px;
	background-color: #878787;
	width: 1px;
	margin-top: 20px;
}
.nav-off a{
	display:block;

	text-align: center;
	margin: 0px 1px 0px 1px;
}
.nav-off a:hover {
	background-color: #BFBFBF;
	text-decoration: none;
}
.nav-on {

	background-color: #878787;
	color: #fff;
	text-align: center;
	margin: 0px 1px 0px 1px;
}
.nav1-width{ width: 143px; }
.nav2-width{ width: 102px; }
.nav3-width{ width: 159px; }
.nav4-width{ width: 150px; }
.nav5-width{ width: 104px; }
.nav6-width{ width: 168px; }
.nav7-width{ width: 190px; }

/* navigation to */





/* main-visual */
#main-visual-wrapper {
	margin-top: 0px;
	color: #000;
	padding: 366px 20px 20px 20px;
	background: url(/libs/ps/img/main_image.jpg)  center top no-repeat #FFB100;
}

.paragraph-title{
	font-size: 130%;
	color: #8b3764;
	margin: 80px 0 10px 0;
}

.body-text{

	
}
.notes-text{
	font-size: 80%;	
}

/* スマートWi-Fiが選ばれる理由 */
#whyeit-wrapper{ height: 439px;}
#whyeit-wrapper .whyeit01{
		position: absolute;
		margin-left: 146px;
}
#whyeit-wrapper .whyeit02{
		position: absolute;
		margin-left: 438px;
}
#whyeit-wrapper .whyeit03{
		position: absolute;
		margin-left: 715px;
}

#whyeit-wrapper .whyeit04{
		position: absolute;
		margin-top: 237px;
}
#whyeit-wrapper .whyeit05{
		position: absolute;
		margin-left: 292px;
		margin-top: 237px;
}
#whyeit-wrapper .whyeit06{
		position: absolute;
		margin-left: 575px;
		margin-top: 237px;
}
#whyeit-wrapper .whyeit07{
		position: absolute;
		margin-left: 845px;
		margin-top: 237px;
}
#whyeit-wrapper .arrow{
		width: 152px;
		height: 54px;
		position: absolute;
		margin-left: 140px;
		margin-top: 217px;
		background: url(/libs/ps/img/whyeit_so.gif) no-repeat;
}

/* ビームパターン */
#meamflex{
	
	height: 120px;
	margin-top: 30px;
	background: url(/libs/ps/img/beamflex.gif) no-repeat;
	padding-left: 545px;
	padding-top: 487px;
	padding-right: 200px;
}

#beamflex-so{
	width: 94px;
	height: 68px;
	margin: 40px auto;
	margin-bottom: 0px;	
}

/* 干渉に強いアクセスポイント */
#interference01-wrapper{
	padding-top: 1px;/* インナー要素のマージン相殺解除 */
	margin-bottom: 15px;
	height: 415px;
	background: url(/libs/ps/img/interference01.gif) center 80px no-repeat #FFDF97;
}
#interference02-wrapper{
	padding-top: 1px;/* インナー要素のマージン相殺解除 */
	height: auto;
	background: url(/libs/ps/img/interference02.gif) center 80px no-repeat #FFDF97;
}
#interference02-wrapper #interference02-conclusion{
	text-align: center;
	margin-top: 625px;
	padding-top: 50px;
	height: 54px;
	background: url(/libs/ps/img/interference_arrow.gif) center top no-repeat #FFB100;
	
}

#interference01-wrapper .color-setting, #interference02-wrapper .color-setting{
	color: #8A6100;
	border-left: 10px solid #FFB100;
	margin-top:10px;
}	
#interference01-wrapper .txt-ml, #interference02-wrapper .txt-ml{ margin-left: 15px; margin-top: 0px;}

.small-paragraph-title2{
	font-size: 110%;
	font-weight: bold;
		
}

.big-paragraph-title{
	font-size: 180%;
	color: #000;
}

/* 広範囲なカバーエリア */
#coverarea-wrapper{
	background: url(/libs/ps/img/caverage.gif) center top no-repeat #FFF;
	padding-top: 1px;
}
#coverarea-wrapper #coverarea-conclusion{
	
	text-align: center;
	margin-top: 680px;
	padding: 30px 0 25px 0;
	background-color: #FFB100;
}


/* コントローラーによるアクセスポイント遠隔設定・監視 */
#remote-wrapper1{
	padding-bottom: 1px;
	height: 540px;
	background: url(/libs/ps/img/remotecontorol.gif) center bottom no-repeat #FFB100;
}

#remote-wrapper1 #inner-list{
	padding: 30px;
	background-color: #FFC545;
}

#remote-wrapper1 #inner-list .list-text{
	font-weight: bold;
	color: #333;
	font-size: 100%;
	padding-left: 40px;
	vertical-align: middle;
	background: url(/libs/ps/img/icon_wifi.gif) 0px 2px no-repeat;
}
#remote-wrapper1 #inner-list .mb10{ margin-bottom: 10px;}

#remote-wrapper2{
		
}
#remote-wrapper2 .remote2-inner{
	margin-top: 10px;
	width: 480px;
	
}
#remote-wrapper2 .remote2-inner .ttile{
	color: #fff;
	background-color: #000;
	vertical-align: middle;
	padding: 5px 10px 5px 10px;
	margin-bottom: 15px;
	
}

/* 屋外設置 */
#outdor-wrapper{
	padding-top: 150px;
	background: url(/libs/ps/img//outdoor.gif) center top  no-repeat;
}


/* テーブル */
table#table-wifi-security {
    width: 100%;
    border: 0px ;
    border-collapse: collapse;
    border-spacing: 0px;
	margin-top: 20px;
}

table#table-wifi-security td { padding: 20px 20px;}

table#table-wifi-security .bord_right{ border-right: 3px #fff solid; }
table#table-wifi-security .bord_bttm{ border-bottom: 3px #fff solid; }

table#table-wifi-security .font_wht{ color: #fff; }
table#table-wifi-security .font_blk{ color: #000; }

table#table-wifi-security .alignleft{ text-align: left; }
table#table-wifi-security .aligncenter{ text-align: center; }

table#table-wifi-security .td1{ background: #FF7300; }
table#table-wifi-security .td2{ background: #FFA200; }
table#table-wifi-security .td3{ background: #FFC545; }
table#table-wifi-security .td4{ background: #FFDF97; }

table#table-wifi-security .td-blk{ background: #000; }

.wifi-security-text{ letter-spacing: 0.2em;}


/* 屋外設置 */
#costp-wrapper{
	height: 293px;
	margin-bottom: 100px;
	background: url(/libs/ps/img/cost.gif) center top  no-repeat;
}


/* 現地電波調査（サイトサーベイ） */
#go-serv-btn{
	margin-top: 73px;
	font-weight: bold;
}

/* レンタルお取り扱い中 */
#rental-wrapper{
	margin-top: 110px;
	padding: 40px 90px;
	background-color: #FFB100;
}
#rental-wrapper #title{
	font-size: 130%;
	margin-bottom: 25px;
}
#rental-wrapper #initial-cost-info{
	width: 856px;
	height: 64px;
	margin-bottom: 20px;
	background: url(/libs/ps/img/rental1.gif)  no-repeat #fff;
}
#rental-wrapper #monthly-cost-info{
	width: 856px;
	height: 64px;
	margin-bottom: 30px;
	background: url(/libs/ps/img/rental2.gif)  no-repeat #000;
}



/* page-name from */
#page-name {
	color: #000;
	margin-top: 40px
}
#page-name-icon {
	float: left;
	padding-top: 3px;
	width: 40px;
}
#page-name-text {
	display: inline;
}
/* page-name to */



.float-left{ float:left;}
.float-right{ float:right;}