@charset "Shift_JIS";
h1 {
 clear: both;
 margin: 0;
 padding: 0;
}
.pr_pagetop {
 margin: 20px 0;
 clear: both;
}
.att {
 list-style: none;
 margin: 0px;
 padding: 0px;
}
.att li {
 margin: 15px 0px;
 padding: 0px 0px 0px 1em;
 text-indent: -1em;
}
.clr {
 clear: both;
 height: 1px;
 line-height: 0;
 font-size: 1px;
 display: block;
}
.clearfix:after {
 content: "";
 height: 0;
 clear: both;
 display: block;
 visibility: hidden;
}
* html .clearfix {
 display: inline-block;
 height: 1px;
}/* for IE6 */
*:first-child+html body .clearfix {
 zoom: 1;
}/* for IE7 */
.clearboth {
 clear: both;
}
.align_center {
 text-align: center;
}
.align_right {
 text-align: right;
}
.mb30px {
 margin-bottom: 30px;
}

/*------------------------ #wifi ------------------------*/
#wifi {
 position: relative;
 padding-bottom: 20px;
}
#wifi h2.index {
 display: block;
 height: 370px;
}
#wifi h2 .main_text {
 display: none;
}
#wifi #main_bg {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
}
#wifi #main_bg img {
 position: absolute;
 display: none;
 top: 0;
 left: 0;
 z-index: 0;
}
#wifi .asterisk {
 margin-left: 1em;
 text-indent: -1em;
}
#wifi .attention{
 padding: 20px 15px;
 margin-bottom: 15px;
 border: 1px solid #f00;
 overflow: auto;
height: 10em;
}
#wifi .attention dt{
 margin-bottom: 0.5em;
 font-weight: bold;
}
#wifi .attention dt:not(:first-child) {
	margin-top: 1.2em;
}
#wifi .attention .date {
	padding-right: 0.5em;
}
/* #wifi .attention dd{
 margin-bottom: 10px;
} */
#wifi .attention dt strong{
 color: #f00;
}
/* #wifi .attention dd:last-child{
 margin-bottom: 0;
} */
/* top products */
#wifi .top_common_function {
 margin: 10px 20px;
}
#wifi .top_common_function h4 {
 float: left;
 margin: 0;
}
#wifi .top_common_function p {
 float: left;
}
#wifi .top_common_function ul {
 float: left;
 margin: 0 40px;
}
#wifi .top_common_function ul li {
 background-image: url(/wifi/img/li_img.gif);
 background-position: 0 4px;
 background-repeat: no-repeat;
 padding-left: 12px;
 padding-bottom: 2px;
 font-size: 13px;
}
#wifi .top_products {
 position: relative;
 clear: both;
 min-height: 160px;
 margin: 0 0 10px 0;
 padding: 0 0 10px;
 border: 1px solid #999;
 border-top: 2px solid #005A98;
 background: #ffffff;
 background: -moz-linear-gradient(top, #ffffff 90%, #dddddd 100%);
 background: -webkit-linear-gradient(top, #ffffff 90%, #dddddd 100%);
 background: linear-gradient(to bottom, #ffffff 90%, #dddddd 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );
 overflow: hidden;
}
#wifi .top_products.high {
}
#wifi .top_products.poeplus {
}
#wifi .top_products h4 {
}
#wifi .top_products h4 img:first-child {
 position: absolute;
 top: 50%;
 left: 5px;
 margin-top: -70px;
}
#wifi .top_products h4 img:last-child {
 position: absolute;
 top: 5px;
 left: 130px;
}
#wifi .top_products p.button {
 position: absolute;
 bottom: 17px;
 left: 633px;
 z-index: 5;
}
#wifi .top_products.poeplus h4 img:first-child {
 left: 20px;
 margin-top: -90px;
}
#wifi .top_products.poeplus h4 img:last-child {
 top: 10px;
 left: 200px;
}
#wifi .top_products.poeplus h4+p {
 position: absolute;
 left: 10px;
 top: 125px;
 font-size: 10px;
}
#wifi .top_products.poeplus .button_area{
	position: relative;
	padding: 10px;
	margin: 0 0 -80px 550px;
	background-color: #B5DBF1;
	top: -80px;
	width: 205px;
	text-align: center;
	box-sizing: border-box;
}
#wifi .top_products.poeplus .button_area p:first-child{
 margin-bottom: 5px;
 font-weight: bold;
}
#wifi .top_products.poeplus p.button {
 position: relative;
 left: auto;
 bottom: auto;
}
#wifi .top_products .icon_new {
 position: absolute;
 top: 15px;
 left: 15px;
 z-index: 5;
}
#wifi .icon_discontinued {
 display: inline-block;
 margin: 5px 0 0 140px;
 padding: 2px 5px;
 background-color: #666;
 color: #fff;
}
#wifi .top_products ul {
 margin: 50px 0 0 140px;
 width: 330px;
}
#wifi .top_products ul li {
 background-image: url(/wifi/img/li_img.gif);
 background-position: 0 4px;
 background-repeat: no-repeat;
 padding-left: 12px;
 padding-bottom: 2px;
 font-size: 13px;
}
#wifi .top_products.poeplus ul {
 margin-left: 200px;
}
#wifi .top_products .icon_discontinued {
 position: relative;
}
/* products */
#product_body .feature {
 margin: 10px 0 5px;
 font-size: 16px;
 font-weight: bold;
}
#product_body h2 {
 position: relative;
 margin: 0;
}
#product_body h2 .icon_new {
 position: absolute;
 top: 152px;
 left: 25px;
 z-index: 5;
}
#product_body h2 .icon_new2 {
 position: absolute;
 top: 152px;
 left: 535px;
 z-index: 5;
}
#product_body h2 .icon_new3 {
 position: absolute;
 top: 132px;
 left: 540px;
 z-index: 5;
}
#product_body h2 .spec {
 position: absolute;
 display: block;
 top: 132px;
 left: 632px;
}
#product_body .function {
 position: relative;
}
#product_body .function .cases {
 width: 350px;
 margin: 20px 0 0;
}
#product_body .function .cases.cases2 {
 width: 250px;
}
#product_body .function .cases.cases3 {
 width: 100%;
}
#product_body .function .cases h5 {
 margin: 0 0 7px 0;
}
#product_body .function .cases p.button a {
 margin: 0 7px 0 0;
}
#product_body .function .cases p.note {
 margin: 7px 0 20px;
}
#product_body .function h5 {
 font-weight: bold;
}
#product_body .function ul {
 margin: 0 0 10px 2em;
}
#product_body .function li {
 list-style-type: disc;
}
#product_body .function dl {
 margin: 5px 0;
}
#product_body .function dl dt {
 float: left;
 margin-right: 2em;
 font-weight: bold;
 color: #005a97;
}
#product_body .function .chart {
 width: 390px;
 margin: 10px 0 0;
}
#product_body .function .chart ul {
 margin-top: 10px;
}
#product_body .function .chart .circle {
 color: #E37378;
 font-weight: bold;
}
#product_body .function .chart .triangle {
 color: #4787C2;
 font-weight: bold;
}
#product_body .function .chart .cross {
 color: #666;
 font-weight: bold;
}
#product_body .function .chart .w400{
 width: 400px;
}
#product_body .function .movie{
 padding: 40px;
 border: 1px solid #ccc;
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#product_body .function .movie h4{
 margin: 0 0 5px;
 font-size: 16px;
 line-height: 1em;
}
#product_body .function .movie iframe{
 width: 690px;
 height: 388px;
}
.fl {
 float: left;
}
.w375 {
 width: 375px;
}
.ml20 {
 margin-left: 20px;
}
#wifi p.ct {
 font-size: 150%;
 line-height: 1.5em;
 font-weight: bold;
 margin: 10px 0;
}
#wifi p.cap {
 margin: 5px 0;
}
#wifi p.imgTitle {
 font-weight: bold;
 color: #005a97;
 margin: 10px 0 5px 0;
}
#wifi h3 {
 clear: both;
 margin: 0 0 10px;
 padding: 0px 20px;
 background-image: url(/wifi/img/h3_bg_720.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
 color: #fff;
 font-size: 130%;
 font-weight: bold;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 line-height: 34px;
}
#wifi h3.hf {
 background-image: url(/wifi/img/h3_bg_375.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
 width: 375px;
}
h4 {
 font-size: 120%;
 font-weight: bold;
 margin: 10px 0;
 color: #005a97;
}
h4.bg {
 clear: both;
 font-size: 110%;
 background-color: #6b9bca;
 border: 1px solid #4f7fae;
 color: #fff;
 padding: 4px 0 2px 10px;
}
p.option_title {
 clear: both;
 margin: 20px 0 0;
 font-size: 110%;
 background-color: #666;
 color: #fff;
 padding: 4px 0 2px 10px;
}
p.to_menu {
 clear: both;
 margin: 20px 0;
 text-align: right;
}
.wfproImgbox_l {
 margin: 10px 0 10px 0;
 width: 151px;
 float: left;
}
.wfproImgbox_r {
 margin: 10px 0 10px 12px;
 width: 212px;
 float: left;
}
p.detailBtn {
 margin: 5px 0;
}
img.imgFl {
 float: right;
 padding-left: 20px;
 padding-bottom: 15px;
}
table.specList {
 width: 770px;
 margin-top: 10px;
 margin-bottom: 20px;
 border-top: 1px solid #b2c2cf;
 border-right: 1px solid #b2c2cf;
 font-size: 12px;
}
table.specList th, table.specList td {
 padding: 5px 0 5px 10px;
 border-bottom: 1px solid #b2c2cf;
 border-left: 1px solid #b2c2cf;
}
table.specList th.thead, table.specList td.thead {
 background-color: #d4d4d4;
}
table.specList th {
 background-color: #e6e6e6;
 width: 240px;
}
table.specList th.bunkatsu {
 width: 100px;
}
table.specList th.bunkatsu2 {
 width: 130px;
}
table.specList th.bunkatsu3 {
 width: 80px;
}
table.specList th.bunkatsu4 {
 width: 50px;
}
table.specList th.bunkatsu5 {
 width: 180px;
}
.dimetion {
 margin-top: 10px;
}
#product_body .asterisk_number {
 margin-left: 2.15em;
 text-indent: -2.15em;
}
/* ご利用例 */
.case_menu {
 margin: 0 0 20px;
 padding: 10px 65px;
}
.case_menu a {
 display: block;
 float: left;
 width: 148px;
 height: 148px;
 margin: 5px;
 background-image: url(/wifi/img/case_menu.jpg);
 background-repeat: no-repeat;
}
.case_menu .case_school {
 background-position: 0 0;
}
.case_menu .case_medical {
 background-position: -148px 0;
}
.case_menu .case_hotel {
 background-position: -296px 0;
}
.case_menu .case_office {
 background-position: -444px 0;
}
.case_menu .case_factory {
 background-position: 0 -148px;
}
.case_menu .case_transportation {
 background-position: -148px -148px;
}
.case_menu .case_event {
 background-position: -296px -148px;
}
.case_menu .case_sightseeing {
 background-position: -444px -148px;
}
.case_menu .case_school:hover {
 background-position: 0 -296px;
}
.case_menu .case_medical:hover {
 background-position: -148px -296px;
}
.case_menu .case_hotel:hover {
 background-position: -296px -296px;
}
.case_menu .case_office:hover {
 background-position: -444px -296px;
}
.case_menu .case_factory:hover {
 background-position: 0 -444px;
}
.case_menu .case_transportation:hover {
 background-position: -148px -444px;
}
.case_menu .case_event:hover {
 background-position: -296px -444px;
}
.case_menu .case_sightseeing:hover {
 background-position: -444px -444px;
}
.case_menu a span {
 display: none;
}
.scene {
 clear: both;
 padding: 5px 0 10px;
}
.scene .case {
 margin: 10px 0 0;
 padding: 0 0 0 10px;
 border-left: 3px solid #ccc;
}
.scene .case h5 {
 margin: 5px 0 0;
 font-size: 14px;
 font-weight: bold;
}
.scene .case p.left {
 clear: both;
 display: block;
 float: left;
 width: 110px;
 margin: 0 10px 5px 0;
 padding: 2px;
 background-color: #005A98;
 font-size: 11px;
 color: #fff;
 text-align: center;
 line-height: 1.2em;
}
.scene .case .right {
 display: block;
 float: right;
 width: 630px;
 padding: 0 0 5px;
}
.scene .case .right ul {
 margin: 0 0 0 2em;
}
.scene .case .right ul li {
 list-style-type: disc;
}
/* ダウンロード */
#wifi h3 a.download {
 float: right;
 font-size: 12px;
 color: #fff;
}
#wifi h3 a.download:hover {
 color: #FC9807;
}
table.download {
 width: 100%;
 margin: 5px 0 25px;
 border-right: 1px solid #666;
}
table.download.nomargin {
 margin: 5px 0;
}
table.download th {
 padding: 5px;
 background-color: #666;
 font-size: 14px;
 color: #fff;
}
table.download th.right {
 width: 200px;
 border-left: 1px solid #fff;
}
table.download th.center {
 width: 350px;
 border-left: 1px solid #fff;
}
table.download td {
 padding: 5px;
 border-left: 1px solid #666;
 border-bottom: 1px solid #666;
 font-size: 13px;
 vertical-align: top;
}
.mt15 {
 margin-top: 15px;
}
.mb15 {
 margin-bottom: 15px;
}
/*アンテナリスト*/
table.antenna_list {
 width: 770px;
 margin-top: 10px;
 margin-bottom: 5px;
 border-top: 1px solid #b2c2cf;
 border-right: 1px solid #b2c2cf;
 font-size: 12px;
}
table.antenna_list th, table.antenna_list td {
 padding: 5px 10px;
 border-bottom: 1px solid #b2c2cf;
 border-left: 1px solid #b2c2cf;
 text-align: center;
}
table.antenna_list th {
 background-color: #e6e6e6;
}
table.antenna_list td p {
 margin-top: 5px;
 color: #6b9bca;
}
/*導入事例*/
.case_study {
 clear: both;
 margin: 0 0 20px;
}
.case_study .left {
 float: left;
 width: 200px;
}
.case_study .left p {
 margin: 0 0 20px;
}
.case_study .right {
 float: right;
 width: 560px;
}
.case_study .right>ol {
 margin-left: 2em;
 list-style-type: decimal;
}
.case_study .right>ol>li {
 clear: both;
 margin-bottom: 10px;
 font-size: 14px;
 font-weight: bold;
 line-height: 20px;
}
.case_study .right>ol .body_text {
 font-size: 12px;
 font-weight: normal;
}
.case_study .right ul {
 margin-left: 1.5em;
 list-style-type: disc;
}
.case_study .right .caption1 {
 float: left;
 clear: both;
 display: block;
 width: 7em;
}
.case_study .right .item1 {
 float: left;
 display: block;
}
.coming_soon {
 clear: both;
 padding: 20px;
 border: 3px double #ccc;
 font-size: 20px;
 font-family: "Arial Black", Gadget, sans-serif;
 color: #ccc;
 text-align: center;
}
.info {
 width: 600px;
 margin: 30px auto;
}
.info h1 {
 margin-bottom: 1.5em;
}
.info p {
line-height: 1.6;
}