@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------
	@title   Dialog Common CSS
	@detail  ダイアログ共通CSS
	@since   2015/12/22
----------------------------------------------- */

#popup{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	visibility: hidden;
	z-index: 1000;
}
.popup_dialog{
	z-index: 1000;
}

#popup_scale{
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	visibility: hidden;
	z-index: 1000;
}
.action_class {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* ポップアップ・ベースレイヤー */
.popup_layer {
	position: absolute;
	width:800px;
	height:480px;
/*	background-color: #000000;
	opacity: 0.35;*/
	z-index: 1000;
	top: 0;
	left: 0;
}

/*ベース画像*/
.popup_base_img {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
}
.popup_base_img.p_681x368 {
  background: url(../img/popup_base_681x368.png) no-repeat;
}
.popup_base_img.p_710x410 {
  background: url(../img/popup_base_710x410.png) no-repeat;
}
.popup_base_img.p_780x444 {
  background: url(../img/popup_base_780x444.png);
}

/*パネル*/
#popup_base {
	position: absolute;
/*	margin-right: auto;
	margin-left: auto;
	margin: 1px;*/
	z-index: 1010;
}
#popup_base.p_681x368 {
	left: 60px;
  top: 57px;
	width: 681px;
	height: 368px;
}
#popup_base.p_710x410 {
  left: 45px;
  top: 35px;
  width: 710px;
  height: 410px;
}
#popup_base.p_780x444 {
  left: 10px;
  top: 17px;
  width: 780px;
  height: 444px;
}

/*タイトル*/
.popup_title {
	position: absolute;
	line-height:22px;
	font-size: 20px;
	font-weight: bold;
}
.p_681x368 .popup_title {
  left: 43px;
  top: 14px;
}
.p_710x410 .popup_title {
  left: 20px;
  top: 14px;
}
.p_780x444 .popup_title {
  left: 20px;
  top: 14px;
}

/*コンテンツ*/
.popup_detail {
	background-color: #d7d8da;
	font-size: 24px;
	text-align: center;
}
.p_681x368 .popup_detail {
  left: 43px;
  top: 49px;
	width: 595px;
	height: 210px;
}
.p_710x410 .popup_detail {
  left: 20px;
  top: 49px;
  width: 670px;
  height: 270px;
}
.p_780x444 .popup_detail {
  left: 20px;
  top: 72px;
  width: 740px;
  height: 294px;
}

/* 下部中央ボタン */
#popup_button_ok, 
#popup_button_ng, 
#popup_button_cb {
  position: absolute;
}
/* 下部中央左ボタン */
.p_681x368 #popup_button_ok {
  left: 206px;
  top: 291px;
}
.p_710x410 #popup_button_ok {
  left: 221px;
  top: 343px;
}
.p_780x444 #popup_button_ok {
  left: 256px;
  top: 387px;
}

/* 下部中央右ボタン */
.p_681x368 #popup_button_ng {
  left: 364px;
  top: 291px;
}
.p_710x410 #popup_button_ng {
  left: 379px;
  top: 343px;
}
.p_780x444 #popup_button_ng {
  left: 414px;
  top: 387px;
}

/* 下部中央1ボタン */
.p_681x368 #popup_button_cb {
  left: 285px;
  top: 291px;
}
.p_710x410 #popup_button_cb {
  left: 300px;
  top: 343px;
}
.p_780x444 #popup_button_cb {
  left: 335px;
  top: 387px;
}