@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------
フローティングボックス（09/10/16）
---------------------------------------------------------------------------------------------------- */

body.iframe-body {
	overflow:hidden;
}
body.iframe-body .finish {
    background:#ffffdd;
    padding: 200px 0;
    font-weight:bold;
}
body.iframe-body .finish input {
    padding: 0 40px;
}
body.iframe-body .loading {
    background:#ffffdd;
    padding: 220px 0;
    font-weight:bold;    
}
body.iframe-body .error {
    background: white;
    border:#21468C solid 1px;
    padding: 30px 0;
    text-align: center;
    position: relative;
    top: -130px;
    display: none;
}
div.floating-container {
	width:350px;
	font-size:13px;
	background:#ffffff;
	border:#21468C solid 1px;
	position: absolute;
	top: 0;
	left: 0;
	text-align:center;
	 z-index:3;
}
div.ondrag iframe {
    display: none;
}
div.floating-header {
	text-align:left;
	padding:3px 3px 0;
	background:#2E5596;
}
div.floating-header input {
	margin: 0;
	padding: 0;
}

div.floating-search,
div.floating-body {
	font-size:13px;
	background:#ffffff;
}

div.floating-body {
	text-align:left;
	overflow:hidden;
}
iframe#floating-body {
	width:350px;
	height:350px;
}
*html iframe#floating-body {
	height:350px;
}
*+html iframe#floating-body {
	height:350px;
}

/* header
---------------------------------------------------------------------------------------------------- */
div.floating-header {
	padding-bottom:3px;
}
div.floating-header div.header-title {
	float:left;
}
div.floating-header ul.button-list {
	float:right;
}
div.floating-header ul.button-list li {
	display:inline;
}

/* body
---------------------------------------------------------------------------------------------------- */
div.floating-body {}
div.floating-body-left {
	float:left;
	width:310px;
	height:320px;
	overflow-y:scroll;
}
div.floating-body-right {
	float:right;
	width:370px;
	height:320px;
	background:#fff;
}
div.floating-body-right-inner {
	padding:10px 10px 10px 0;
}


/* 設定画面・共通
------------------------------------------------------------ */
div.floating-body-right div.empty {
	text-align:center;
	font-weight:bold;
	background:#eaeaea;
}

/* clearfix
---------------------------------------------------------------------------------------------------- */
/* ie ?*/
* html div.floating-body,
* html div.floating-header,
* html .clearfix {
	zoom:1;
}
*:first-child+html div.floating-body,
*:first-child+html div.floating-header,
*:first-child+html .clearfix {
	zoom:1;
}

/* modern brow */
div.floating-body:after,
div.floating-header:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* MacIE onry ?*//*/
div.floating-body,
div.floating-header,
.clearfix {
	display: inline-table;
}/* end */

div#lightbox-floating-filter,
div#lightbox-floating-filter-safe { 
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5; 
    opacity: 0.5; 
    background: #AAA; 
    position: fixed; 
    _position: absolute; 
    z-index:2; 
    top:0px; 
    left:0px; 
    display: block; 
    width:100%; 
    height: 100%; 
}

/* = floating box version 2
-------------------------------------------------------- */
div.yyc_floatingbox_over {}

div.yyc_floatingbox_over *.none {
    display: none;
}

div.yyc_floatingbox_over .ondrag {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    cursor: move;
}

div.yyc_floatingbox {
    position: absolute;
	width:623px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ccc 1px 1px 5px;
	-moz-box-shadow: #ccc 1px 1px 5px;
	box-shadow: #ccc 1px 1px 5px;
	_behavior: url(/css/PIE.htc);
	background:#fff;
}

div.yyc_floatingbox_min {
    height: 27px!important;
}

div.yyc_floatingbox_min div.yyc_floatingbox_body {
    display: none;
}

div.yyc_floatingbox_header {
	position:relative;
    height: 62px;
	background:white;    
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	_behavior: url(/css/PIE.htc);
    overflow: hidden;
    zoom: 1;
    text-align: center;
}
div.yyc_floatingbox_header div.label {
    margin: 15px;
	position:relative;
	height:32px;
	border:1px solid #eee;
	background:#f7f7f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	_behavior: url(/css/PIE.htc);
}
div.yyc_floatingbox_header div.label h3{
	font-size:16px;
	padding:0px 15px;
	line-height:32px;
}
div.yyc_floatingbox_header div.label span.close{
	position:absolute;
	right:15px;
    top: 8px;
}
div.yyc_floatingbox_header div.label input {}

span.yyc_floatingbox_header_text {
    float: left;
    color: #fff;
    padding-left: 27px;
    line-height: 22px;
    font-weight: bold;
    font-size: 14px;
}

div.yyc_floatingbox_helpbox {
    background: url(/img/cms2/common/icon/help22.gif) no-repeat left top;
    margin-top: 30px;
    margin-right: -39px;
    position: absolute;
    right: 53px;
    top: 0;
    text-align: left;
    width: 400px;
    z-index: 10;
}

div.yyc_floatingbox_helpbox_close {
    float: right;
    margin: 15px 11px 0 8px;
}

div.yyc_floatingbox_helpbox_text {
    background: #d3f0ff;
    margin-top: 5px;
    padding: 10px;
}

div.yyc_floatingbox_body {
    background: white;
    /*
    border-bottom: 5px solid #499ff6;
    position: relative;
    */
}

div.yyc_floatingbox_body_overlay {
    position: absolute;
    top: 0px; left: 0px;
    /* width: 593px; */
    /* background: yellow; */
    z-index:2;
}

div.yyc_floatingbox_bg_filter {
    position: fixed;
    _position: absolute;
    background: white;
    width:100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

div.yyc_floatingbox_body iframe {
    border: 0;
}

/**** = xxxxx
    
******/
/*
.floatmovebox{
	width:623px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ccc 1px 1px 5px;
	-moz-box-shadow: #ccc 1px 1px 5px;
	box-shadow: #ccc 1px 1px 5px;
	_behavior: url(/css/PIE.htc);
	background:#fff;
}
.floatmovebox-inner{
	padding:15px;
}
.floatmovebox .label{
	position:relative;
	height:38px;
	border:1px solid #eee;
	background:#f7f7f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	_behavior: url(/css/PIE.htc);
}
*/