@charset "utf-8";

div.puBox {
	box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

/** Popup
-------------------------------------------------------*/
div.puBlock {
	text-align: left;
	min-width: 960px;
}

div.puHead {
	height: 25px;
	position: relative;
}

div.puHead div.puLeft {
	background: url(../img/bgPu01HznC.png) no-repeat -10px -10px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
}

div.puHead div.puCenter {
	background: url(../img/bgPu01HznC.png) repeat-x -10px -110px;
	height: 25px;
	margin: 0 25px;
}

div.puHead div.puRight {
	background: url(../img/bgPu01HznC.png) no-repeat -65px -10px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
}

div.puBody {
	position: relative;
}

div.puBody div.puLeft {
	background: url(../img/bgPu01Vrt.png) repeat-y -10px 0;
	height: 100%;
	width: 25px;
	position: absolute;
	top: 0;
	left: 0;
}

div.puBody div.puCenter {
	background: #FFF;
	margin: 0 10px;
	position: relative;
	z-index: 9999;
}

div.puBody div.puRight {
	background: url(../img/bgPu01Vrt.png) repeat-y -65px 0;
	height: 100%;
	width: 25px;
	position: absolute;
	top: 0;
	right: 0;
}

div.puFoot {
	height: 25px;
	position: relative;
}

div.puFoot div.puLeft {
	background: url(../img/bgPu01HznC.png) no-repeat -10px -65px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
}

div.puFoot div.puCenter {
	background: url(../img/bgPu01HznC.png) repeat-x -10px -155px;
	height: 25px;
	margin: 0 25px;
}

div.puFoot div.puRight {
	background: url(../img/bgPu01HznC.png) no-repeat -65px -65px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
}

div.puFoot.puGrBg div.puLeft {
	background: url(../img/bgPu02HznC.png) no-repeat -10px -65px;
}

div.puFoot.puGrBg div.puCenter {
	background: url(../img/bgPu02HznC.png) repeat-x -10px -155px;
}

div.puFoot.puGrBg div.puRight {
	background: url(../img/bgPu02HznC.png) no-repeat -65px -65px;
}

div.puTopTbl {
	padding: 0 15px 15px;
	position: relative;
}

div.puTopTbl table {
	width: 100%;
}

div.puTopTbl th {
	width: 30px;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

div.puTopTbl div.pImg img {
	width: 30px;
}

div.puTopTbl td.ttl {
	vertical-align: middle;
}

div.puTopTbl td.close {
	text-align: right;
	padding: 8px 0 0 0;
	width: 27px;
}

div.puTopTbl div.close a {
	background: url(../img/iconClose.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 15px;
}

div.puTopTbl div.close a:hover {
	background-position: 0 -20px;
}

div.puTopTbl div.puTtl {
	font-size: 18px;
}

div.puBody div.inner {
	padding: 15px 15px 5px;
}

div.puOpclTbl table {
	width: 100%;
}

div.puOpclTbl td {
	border-bottom: 1px #CCC dotted;
	padding: 15px 15px 0;
}

div.puOpclTtl {
	font-size: 14px;
	margin: 0 0 15px 0;
}

div.puOpclTtl a {
	display: block;
}

div.puOpclTtl a.clLi {
	background: url(../img/iconOpclArwR.png) no-repeat 0 center;
	padding: 0 0 0 15px;
	text-decoration: none;
}

div.puOpclTtl a.opLi {
	background: url(../img/iconOpclArwD.png) no-repeat 0 center;
	padding: 0 0 0 15px;
	text-decoration: none;
}

div.puCap {
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.puScdlTbl {
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.puScdlTbl th {
	width: 110px;
	font-weight: normal;
	padding: 5px 0;
}

div.puScdlTbl td {
	padding: 5px 0;
}

div.puPgBox {
	padding: 0 0 10px 0;
}

/** Popup Balloon
-------------------------------------------------------*/
div.puBlnBlock01 {
	width: 520px;
}

div.puBlnBlock02 {
	width: 350px;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1000;
}

div.puBlock div.btnRow {
	text-align: center;
	margin: 0;
	padding: 15px 0 0 0;
}

div.puBlnBlock01 div.puHead {
	background: url(../img/bgPuBln01HF.png) no-repeat 0 0;
	height: 55px;
	padding: 25px 25px 0;
}

div.puBlnBlock01 div.puBody {
	background: url(../img/bgPuBln01B.png) repeat-y 0 0;
	padding: 0 10px;
}

div.puBlnBlock01 div.puFoot {
	background: url(../img/bgPuBln01HF.png) no-repeat 0 bottom;
	height: 55px;
	padding: 0 25px 10px 25px;
}

div.puBlnBlock02 div.puHead {
	background: url(../img/bgPuBln02HF.png) no-repeat 0 0;
	height: 55px;
	padding: 10px 25px 0 40px;
}

div.puBlnBlock02 div.puBody {
	background: url(../img/bgPuBln02B.png) repeat-y 0 0;
	padding: 0 10px 0 25px;
}

div.puBlnBlock02 div.puFoot {
	background: url(../img/bgPuBln02HF.png) no-repeat 0 bottom;
	padding: 0 25px 10px 40px;
	height: 55px;
}

div.puBlnBlock01 div.puHead table,
div.puBlnBlock02 div.puHead table {
	width: 100%;
}

div.puBlnBlock01 div.puHead th,
div.puBlnBlock02 div.puHead th {
	font-size: 18px;
	font-weight: bold;
	line-height: 55px;
	vertical-align: middle;
}

div.puBlnBlock01 div.puHead td.close,
div.puBlnBlock02 div.puHead td.close {
	text-align: right;
	vertical-align: middle;
	width: 27px;
}

div.puBlnBlock01 div.puHead td.close a,
div.puBlnBlock02 div.puHead td.close a {
	display: block;
}

div.puBlnBlock01 div.puFoot div.btnRow,
div.puBlnBlock02 div.puFoot div.btnRow {
	text-align: center;
	margin: 0;
	padding: 15px 0 0 0;
}