@charset "UTF-8";

body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

/*素材管理メニューボタン*/
.manageBtn {
    width: 290px;
	text-align: left;
	color:#fff;
	margin-bottom: 5px;
	border: none;
	padding: 5px 8px;
	border-radius: 3px;
	border:1px solid #575757;
	background: #b8b8b8; 
	background: -moz-linear-gradient(top,  #b8b8b8 0%, #5a5a5a 50%, #2e2e2e 51%, #575757 100%); 
	background: -webkit-linear-gradient(top,  #b8b8b8 0%,#5a5a5a 50%,#2e2e2e 51%,#575757 100%); 
	background: linear-gradient(to bottom,  #b8b8b8 0%,#5a5a5a 50%,#2e2e2e 51%,#575757 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#575757',GradientType=0 );
	cursor: pointer;
	outline:none;
}

.manageBtn:hover {
    background: #99c900; 
	background: -moz-linear-gradient(top,  #99c900 0%, #32a446 50%, #018418 51%, #33c900 100%); 
	background: -webkit-linear-gradient(top,  #99c900 0%,#32a446 50%,#018418 51%,#33c900 100%);
	background: linear-gradient(to bottom,  #99c900 0%,#32a446 50%,#018418 51%,#33c900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c900', endColorstr='#33c900',GradientType=0 );
}

.manageBtn img{
    margin-right:8px;
    vertical-align:-10px;
}

.manageBtn:disabled{
    background-color:#adadad;
    cursor: default;
}

/*popupのテンプレートのボタン*/
.popupBtn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	color: #33C900;
	display: inline-block;
	width: auto;
	padding: 10px 10px;
	border-radius: 3px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #FFF;
	border: 2px solid #33C900;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.popupBtn:hover {
	background: #33C900;
	color: #FFF;
}

.popupBtn:active {
	background: #2DB300;
	color: #33C900;
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}


/*hotspot設定画面とアコーディオンメニューの中のボタン*/
.stBtn {
	border-radius:3px;
	border:none;
	padding:2px 6px;
	cursor:pointer;
	outline:none;
	background-color:#ccc;
	background: #b8b8b8; 
	background: -moz-linear-gradient(top,  #b8b8b8 0%, #5a5a5a 50%, #2e2e2e 51%, #575757 100%); 
	background: -webkit-linear-gradient(top,  #b8b8b8 0%,#5a5a5a 50%,#2e2e2e 51%,#575757 100%); 
	background: linear-gradient(to bottom,  #b8b8b8 0%,#5a5a5a 50%,#2e2e2e 51%,#575757 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#575757',GradientType=0 );
	color:#fff;
}

.stBtn:hover {
	background: #99c900; 
	background: -moz-linear-gradient(top,  #99c900 0%, #32a446 50%, #018418 51%, #33c900 100%); 
	background: -webkit-linear-gradient(top,  #99c900 0%,#32a446 50%,#018418 51%,#33c900 100%);
	background: linear-gradient(to bottom,  #99c900 0%,#32a446 50%,#018418 51%,#33c900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c900', endColorstr='#33c900',GradientType=0 );
}

/*hotspot一覧とシーン一覧の表*/
.listTable tr{
    border-bottom:solid 1px #666;
}

/*hotspot一覧とシーン一覧の削除ボタン*/
.clBtn {
	border-radius:3px;
	border:none;
	padding:7px 10px;
	cursor:pointer;
	outline:none;
	background-color:#ccc;
	background: #b8b8b8; 
	background: -moz-linear-gradient(top,  #b8b8b8 0%, #5a5a5a 50%, #2e2e2e 51%, #575757 100%); 
	background: -webkit-linear-gradient(top,  #b8b8b8 0%,#5a5a5a 50%,#2e2e2e 51%,#575757 100%); 
	background: linear-gradient(to bottom,  #b8b8b8 0%,#5a5a5a 50%,#2e2e2e 51%,#575757 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#575757',GradientType=0 );
	color:#fff;
}

.clBtn:hover {
	background: #99c900; 
	background: -moz-linear-gradient(top,  #99c900 0%, #32a446 50%, #018418 51%, #33c900 100%); 
	background: -webkit-linear-gradient(top,  #99c900 0%,#32a446 50%,#018418 51%,#33c900 100%);
	background: linear-gradient(to bottom,  #99c900 0%,#32a446 50%,#018418 51%,#33c900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c900', endColorstr='#33c900',GradientType=0 );
}

.clBtn a{
	color:#000;
}

.disableBtn:disabled {
	color:#d9d9d9;
	cursor:default;
	background: #b8b8b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8b8b8 0%, #5a5a5a 50%, #2e2e2e 51%, #575757 100%);
	background: -webkit-linear-gradient(top,  #b8b8b8 0%,#adadad 50%,#adadad 51%,#adadad 100%);
	background: linear-gradient(to bottom,  #b8b8b8 0%,#adadad 50%,#8f8f8f 51%,#adadad 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#575757',GradientType=0 );
}

/*Hotspot追加のクリアボタンの文字色*/
.clearBtn a {
	color:#000;
}

div.searchbox {
    text-align:left;
    margin-top: 5px;
}

.formsearchbox_detail {
    padding: 5px 0 10px 0;
    border: 1px solid #C0C0C0;
}

.formsearchbox_inner {
	max-width:640px;
	margin:0 auto;
	padding:5px 0 0 0;
	}

.formsearchbox_detail .mainsearch_1col {
    float: left;
}

.formsearchbox_detail label {
    padding-top: 5px;
	padding-left:10px;
    padding-right: 5px;
    display: block;
    text-align: right;
    float: left;
	font-size:16px;
	color:#fff;
}

div.searchdetail {
    margin-top:5px;
    width:100%;
    float:left;
    text-align:center;
    color: #000;
}
div.searchdetail div {
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    vertical-align: bottom;
}

/*検索ボタン*/
div.searchdetail a {
    height: 32px;
    display: inline-block;
    background-color: #D7DDE0;
    font-size: 14px;
    padding: 0px 10px;
    margin-left: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #CCC;
    line-height: 32px;
    text-decoration: none;
}
div.searchdetail a:hover {
    background-color: #F3F5F6;
    border: solid 1px #CCC;
    color: #000;
    text-decoration: none;
}
div.searchdetail a:active {
    color: #000;
    background-color: #BEC3C6;
    border-left: solid 1px #666;
    border-top: solid 1px #666;
    border-right: solid 1px #BBB;
    border-bottom: solid 1px #BBB;
}

div.searchdetail .searchBtn a {
    color: #000;
    background-color: #B4D9FC;
}
div.searchdetail .searchBtn a:hover {
    color: #000;
    background-color: #D1E6F9;
}
div.searchdetail .searchBtn a:active {
    color: #000;
    background-color: #7FBCF7;
}

/*クリアボタン*/
div.searchdetail .clearBtn {
    margin-right: 30px;
}

div.caution {
    color:#f00;
}
div.bottom_padding {
    padding-bottom:10px;
}


.sct {
    font-weight: bolder;
}

div.resulttotalbox {
    text-align:right;
}

div.resulttotalbox ul li {
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    vertical-align: bottom;
    margin-right: 5px;
}
div.resulttotalbox span.resulttotal {
    display: block;
}

div.resulttotalbox a:hover {
    text-decoration: underline;
}

a:link.normallink {
    color: rgb(27, 117, 187);
    text-decoration: none;
}
a:active.normallink {
    color: rgb(27, 117, 187);
    text-decoration: none;
}
a:visited.normallink {
    color: rgb(27, 117, 187);
    text-decoration: none;
}
a:hover.normallink {
    text-decoration: underline;
}

.breaktext {
    word-break: break-all;
    word-wrap: break-word;
}

.formlisttbl {
    width: 950px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.6);
    box-shadow: 0 0 2px rgba(0,0,0,.6);
    border-collapse: separate;
    border-spacing: 0;
}
.formlisttbl th {
    background-color: #A0CFFB;
    color: #000;
    text-align: left;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    padding: 7px;
}
.formlisttbl td {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 7px;
}
.formlisttbl tr:nth-child(even) TD {
    background-color: #FBFBFB;
}
.formlisttbl tr:nth-child(odd) TD {
    background-color: #D8E9FD;
}

/*font size s*/

.s {
	font-size:78%;
	line-height:1.6em;
}


/*font size m*/

.m {
	font-size:86%;
	line-height:1.6em;
}

.w60 {
    width:60px;
}
.w90 {
    width:90px;
}
.w125 {
    width:125px;
}
.w130 {
    width:130px;
}


#previewSlider { 
     width: 60%;
     overflow: hidden;
	 position: absolute;
     z-index: 3000 !important ;
   }
   @media screen and (max-width: 49px){
     #previewSlider{ 
       width: 60%; 
      position: absolute;
      z-index: 3000 !important ;
     }
     #previewSlider img{ 
       width: 100%; height: auto; 
     }
   }

.ui-dialog { z-index: 10000;}
.ui-dialog .ui-dialog-buttonpane {
	border-radius: 0px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none !important;
	text-align: right;
}

.ui-dialog-titlebar-close:focus {
	outline: none;
}

.ui-dialog {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.ui-button-left {
	float: left;
}

.ui-dialog-setting {
	border: 1px solid #666666;
	background: #000000 50% bottom repeat-x;
	filter: alpha(opacity=8);
	-moz-opacity: 0.8;
	opacity: 0.8;
	color: #ffffff;
}

.ui-dialog-action-setting {
	opacity: 1;
}

.ui-dialog-setting.cam { z-index: 12000 !important ;}
div[aria-describedby='alert_dialog'] { z-index: 50000 !important ;}
div[aria-describedby='confirm_dialog'] { z-index: 50000 !important ;}
div[aria-describedby='add_resource_dialog'] { z-index: 20000 !important ;}
div[aria-describedby='select_content_dialog'] { z-index: 20000 !important ;}
.ui-dialog-setting[aria-describedby='scene_setting'] { opacity: 0.9; }
.ui-dialog-setting[aria-describedby='image_preview_setting_dialog'] { z-index: 15000 !important ;}
.ui-dialog-setting[aria-describedby='guide_setting_dialog'] { z-index: 12000 !important ;}
.ui-dialog-setting[aria-describedby='action_setting_dialog'] { z-index: 14000 !important ;}

.ui-dialog-popup {
	border: 1px solid #000;
	background: #ffffff 50% bottom repeat-x;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	color: #000;
}

.ui-dialog-popup .ui-widget-header {
	border: solid 1px #33C900;
	background: transparent none repeat scroll 0% 0%;
	color: #000;
	font-weight: bold;
}

.ui-dialog-popup .ui-dialog-titlebar .ui-dialog-title {
	padding-left: 1px;
	background-image: none;
}

.ui-dialog-popup .ui-widget-content {
	color: #000;
}

.ui-widget-header {
	border: none;
	border-bottom: solid 1px #33C900;
	background: transparent none repeat scroll 0% 0%;
	color: #FFF;
	font-weight: bold;
}

.ui-widget-content {
	border-radius: 6px;
	border-bottom: none;
}

.ui-widget-content a {
	background-color: #000;
}

.formlisttbl th {
	background-color: #AAA;
}

.formlisttbl td {
	color: #000;
}

.formlisttbl tr:nth-child(odd) td {
	background-color: #D7DDE0;
}

.formlisttbl tr:nth-child(even) td {
	background-color: #FBFBFB;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 10px 0 0px 20px;
	cursor: pointer;
}

#hotspot_setting td {
	display: inline-block;
	margin-right: 10px;
}

#map_setting .col {
	display: inline-block;
	width: 155px;
	text-align: left;
}

#scene_setting .col {
	display: inline-block;
	width: 125px;
	text-align: left;
}

#guide_setting_dialog .col {
	display: inline-block;
	width: 85px;
	text-align: left;
}
#guide_setting_dialog .col1 {
	display: inline-block;
	width: 185px;
	text-align: left;
}
#guide_setting_dialog .col2 {
	display: inline-block;
	width: 130px;
	text-align: left;
}

#accordionmenu_setting_dialog {
	font-size: 15px;
}

#gnav_setting_dialog .col, #accordionmenu_setting_dialog .col {
	display: inline-block;
	width: 175px;
	text-align: left;
}

#gnav_setting_dialog .col1, #accordionmenu_setting_dialog .col1 {
	display: inline-block;
	width: 80px;
	text-align: left;
}

#hotspot_setting .col {
	display: inline-block;
	width: 170px;
	text-align: left;
}

#hotspot_setting .col1 {
	display: inline-block;
	width: 157px;
	text-align: left;
}

.dialog_fontSize {
	font-size: 15px;
} 

#action_setting_dialog td {
	display: inline-block;
	margin-right: 10px;
}

#action_setting_dialog .col {
	display: inline-block;
	width: 162px;
	text-align: left;
}

#action_setting_dialog .col1 {
	display: inline-block;
	width: 157px;
	text-align: left;
}

#hotspot_setting td {
	margin-bottom: 3px;
}

#hotspot_setting tr {
	padding-left: 20px;
}

#hotspot_setting table {
	margin-top: 10px;
	margin-left: 10px;
}

#hotspot_setting input[type="number"] {
	width: 240px;
}

#setting input[type="url"] {
	display:inline-block;
	width: 200px;
	margin:10px 0;
}

#setting input[type="email"] {
	display:inline-block;
	margin:10px 0;
}

.camera {
	position:absolute;
	cursor: move;
	z-index: 11000;
}

.arrow{
position: relative;
}

.sldBtn_r::before{
position: absolute;
top: 20px;
bottom: 0;
right: 0px;
content: "";
	
right: 15px;
width: 20px;
height: 20px;
border-top: 10px solid #777;
border-right: 10px solid #777;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
	
.sldBtn_l::before{
position: absolute;
top: 20px;
bottom: 0;
left: 0px;
content: "";
	
left: 15px;
width: 20px;
height: 20px;
border-top: 10px solid #777;
border-right: 10px solid #777;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.crop {
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.crop img {
  position: absolute;
  left: 8px;
  top: 0;
  height: auto;
  width: 50px;
  padding: 8px;
  clip: rect(8px 58px 58px 8px);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(0%,0%);
}

#videoPlayer {
	 position: absolute;
     z-index: 15000 !important ;
}

#video_close_btn {
	position:absolute;
	top:0;
	right: 1px;
	width: 32px;
	height: 32px;
	padding-top: 5px;
	z-index:15001;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#videoPlayer:hover > #video_close_btn {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#previewSlider {
	 position: absolute;
     z-index: 12000 !important ;
}

.toast{
    position: fixed;
    bottom: 5px;
    display: inline-block;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 4px;
    padding: 5px 9px;
    border: none;
    z-index: 20000;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    font-size:14px;
}

.noTitleStuff .ui-dialog-titlebar {
     background-color : transparent;
     border : 0px none; 
}

.noTitleDialog .ui-dialog-titlebar {
	display:none;
}

.dialogNoBorder{
	border: 0;
	background: transparent;
	opacity: 1;
}

.guideBox {
    position: absolute;
    background: #ccc;
    height: 70px;
    width: 100px;
    margin-bottom: 20px;
    border-radius: 30px;
    line-height: 70px;
	text-align: center;
	z-index: 3061;
}

.guideBox .before {
    content: '';
    position: absolute;
    background: #ccc;
    height: 20px;
    width: 20px;
    border-radius: 100%;
}

.guideBox .after {
    content: '';
    position: absolute;
    background: #ccc;
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.guideBox_quadrangle {
	position: absolute;
	display: inline-block;
	width: auto;
	height: 40px;
	line-height: 34px;
	text-align: center;
	z-index: 3061;
}
.guideBox_quadrangle .before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	z-index: 0;
}
.guideBox_quadrangle .after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	z-index: -1;
}

.guideBox_balloon {
	position: absolute;
	display: inline-block;
	width: auto;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 60%;
	z-index: 3061;
}
.guideBox_balloon .before {
	content: "";
    position: absolute;
    margin-left: -9px;
    display: block;
    height: 0;
    width: 0;
    bottom: -18px;
    left: 50%;
    border: 9px solid transparent;
    z-index: 0;
    
}
.guideBox_balloon .after {
	content: "";
    position: absolute;
    height: 0;
    width: 0;
	display: block;
    bottom: -20px;
    left: 50%;
    border: 10px solid transparent;
    z-index: -1;
}

.guideBox_cloud {
	position: absolute;
	top:25px;
    left:-75px;
    background:#FFF;
    z-index: 3061;
    border-radius:50%;
    -moz-border-radius:50%;
}

.guideBox_cloud .before1{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:0px;
    height:0px;
    border-radius:50%;
    -moz-border-radius:50%;
    background:#FFF;
    z-index: 0;
}

.guideBox_cloud .after1{
	content: "";
    position: absolute;
    width:0px;
    height:0px;
    top: 0;
    left: 0;
    border-radius:50%;
    -moz-border-radius:50%;
    z-index: -1;
}

.guideBox_cloud .before {
    content: '';
    position: absolute;
    background: #ccc;
    height: 20px;
    width: 20px;
    border-radius: 100%;
}

.guideBox_cloud .after {
    content: '';
    position: absolute;
    background: #ccc;
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.guideBox_cloud span{
	position:absolute;
    text-align:center;
    z-index: 1;
}

.ifrm-container {
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid #c9c9c9;
}

.ifrm {
    min-width: 100%;
    width: 100px;
    *width: 100%;
    height:100%;
    border:none;
    display:block;
}

.loading {
	position:absolute;
	z-index:50000;
	max-width:100%;
	max-height:100%;
}

.loading.fullsize {
	width:100%;
	height:100%;
}

.loading.fullkeepratio {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	overflow:auto;
}

.loading.orgsize {
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto auto auto auto;
}

/*==============================
	gnav
==============================*/

#gnavContainer {
	position: relative; 
	z-index: 12000 !important;
}

.gnav .inner {
	margin: 0 auto;
}

.gnavMenu {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

.gnavMenu figure{
    font-size: 1.5em;
    background-color: transparent;
    margin-right: auto;
    margin-left: auto;
    float: right;
    padding-right:10px;
    margin: 0;
}

.gnavMenu figure:before{
    display: inline-block;
    vertical-align: middle;
    content: "\f2f2";
}

.gnavMenu li {
	position: relative;
	text-align: center;
	line-height: 1;
	float: left;
}
.gnavMenu li a {
	display: block;
	text-decoration: none;
	transition: 0.7s;
	width: 100%;
	height:100%;
	word-break: break-all;
}

.gnavMenu li img {
	display: inline;
}
.gnavSub {
	position: absolute;
	z-index: 3062;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
.gnavSub li {
	width: 100%;
}

.gnavBtn {
	position: fixed;
	pointer-events: all;
}

.gnavBtn .logo{
	display: inline;
	float:left;
}
.gnavBox {
	position: absolute;
	height: 44px;
	z-index: 3062;
	top: 0;
	left: 0;
}

.gnavBtn {
	display: inline;
	position: relative;
	width: 44px;
	height: 44px;
	background-color: rgba(255,140,0,1);
	background-color: rgba(45,45,45,1);
	cursor: pointer;
	float:left;
}
.gnavBtnIcon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #FFF;
	opacity: 0.5;
}
.gnavBtnIcon:before, .gnavBtnIcon:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 2px;
	background: #FFF;
	opacity: 0.8;
}
.gnavBtnIcon:before {
	margin-top: -6px;
}
.gnavBtnIcon:after {
	margin-top: 4px;
}

.gnavBtn .closeGnav {
	background: transparent;
}

.gnavBtn .closeGnav:before, .gnavBtn .closeGnav:after {
	margin-top: 0;
}
.gnavBtn .closeGnav:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.gnavBtn .closeGnav:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.contentsNav {
	position: fixed;
	top: 44px;
	width: 240px;
	height: 100%;
	margin: 0;
	background: rgba(0,0,0,0.8);
	z-index: 10;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.contentsNav .inner {
	-webkit-overflow-scrolling: touch;
}
.contentsNav a {
	border-left: none;
	border-right: none;
}
.contentNavWrapper {
	position: absolute;
	z-index: 3062;
	width:100%;
	pointer-events: all;
}

.menuIconImg, .subIconImg {
	vertical-align: middle;
	width: auto;
	padding-right: 5px;
}

/*=====================================
	オーサリング素材追加表示
=======================================*/
.imgPos0 {
	margin:auto;
	left:0;
	top:0;
	right:0;
	bottom:0;
	position: absolute;
}
.icon-list {
	background-size:contain;
	background-image:url('../images/list.svg');
	background-position:center center;
	height:60%;
	width:60%;
}
.icon-thumb {
	background-size:contain;
	background-image:url('../images/thumb.svg');
	background-position:center center;
	height:60%;
	width:60%;
}

.leftPos {
	float:left;
	height:100%;
	margin-top:0;
	position:relative;
}

.box-showList {
	position:absolute;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	border-style:solid;
	border-width:0;
	background-color:#929292;
	float:right;
	margin-right:5px;
	right:0;
	width:30px;
}
.box-showThumb {
	position:absolute;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	border-style:solid;
	border-width:0;
	background-color:#929292;
	float:right;
	margin-right:0px;
	right:0;
	width:30px;
}

.ui-widget-content a .a-inner-link {
	background-color: #000;
	display:block;
	width:100%;
	height:100%;
	position:relative;
	background-color:#FFFFFF;
}

.buttonPos {
	-webkit-transition:border-color 0.5s;
	border-color:#E6E7E8;
	border-radius:5px;
	border-width:2px;
	height:30px;
	margin-top:20px;
	position:relative;
	transition:border-color 0.5s;
}
.btnActive {
	background-color:#00AEEF;
}

.box-showList:hover, .box-showThumb:hover {
	border-color:#00AEEF;
}

.a-inner-link:hover {
	color:#FFBC00;
}

.popup_tmp2 td {
	vertical-align: top;
}

#camList {
	position: absolute;
	top: 0;
	left: 0;
}

/* ツールチップ本体 */
.tooltip {
  position:absolute;
  z-index:20000;
  display:block;
  color:#000;
  font-size:14px;
  line-height:1.2;
}

/* ツールチップの内容 */
.tooltip__body {
  position:relative;
  top:-15px;
  padding:10px;
  background:#fff;
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
      -ms-border-radius:4px;
          border-radius:4px;
  -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
     -moz-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
      -ms-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
          box-shadow:0 2px 4px rgba(0, 0, 0, .4);
}

.tooltip__body img{
 vertical-align: middle;
 width:25px;
 height:25px;
 padding-right:5px;
}

/* ツールチップらしく矢印をつける */
.tooltip__body:after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:50%;
  display:block;
  width:0;
  height:0;
  margin-left:-5px;
  border-width:5px 5px 0 5px;
  border-style:solid;
  border-color:#fff transparent transparent transparent;
}


.ui-icon-defclose, .ui-icon-defclose-sns {
	background-size: contain;
}

.ui-icon-defclose {
	top: 10px !important;
}

.ui-icon-defclose-sns {
	top: 0 !important;
	right: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
	width: 32px !important;
	height: 32px !important;
}

.ui-dialog-titlebar-close {
	z-index: 1;
	margin-right: 2px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: none !important;
	border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
	padding: 0 !important;
}