/****************************************************/
/*  ui base_index用のスタイルシート指定             */
/*  これのクラス使用してbase_indexでのjavascriptでの*/
/*  制御を行っているため改名を行わないこと。        */
/*   参照：osbe_layer_new.js                        */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/****************************************************/
.yui-layout-loading{
	visibility:hidden;
}

/**
 * 全体レイアウトベースcss
**/
body.yui-layout{
	overflow:hidden;
	position:relative;
	padding:0;
	margin:0;
}

/**
 * 全体レイアウトベースcss
**/
.yui-layout-doc{
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0;
}

/**
 * 全体レイアウトベースcss
**/
.yui-layout-unit{
	height:50px;
	width:50px;
	padding:0;
	margin:0;
	float:none;
	z-index:0;
}

/**
 * サブ画面レイアウトベースcss
**/
.yui-layout-unit-left{
	position:absolute;
	top:0;
	left:0;
}

/**
 * メイン画面レイアウトベースcss
**/
.yui-layout-unit-center{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

/**
 * サブ画面キャプションバー位置css
**/
.yui-layout div.yui-layout-hd{
	position:absolute;
	top:0;
	left:0;
	zoom:1;
	width:100%;
}

/**
 * サブ画面本文位置css
**/
.yui-layout div.yui-layout-bd{
	position:absolute;
	top:0;
	left:0;
	zoom:1;
	width:100%;
}

.yui-layout .yui-layout-noscroll div.yui-layout-bd{
	overflow:hidden;
}

.yui-layout .yui-layout-scroll div.yui-layout-bd{
	overflow:auto;
}

.yui-layout div.yui-layout-ft{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	zoom:1;
}

/**
 * サブ画面キャプション文字位置css
**/
.yui-layout .yui-layout-unit div.yui-layout-hd h2{
	text-align:left;
}

/**
 * サブ画面の縮小ボタン位置とサイズcss
**/
.yui-layout .yui-layout-unit div.yui-layout-hd .collapse{
	cursor:pointer;
	height:15px;
	position:absolute;
	right:2px;
	top:2px;
	width:17px;
	font-size:0;
}

.yui-layout .yui-layout-unit div.yui-layout-hd .close{
	cursor:pointer;
	height:13px;
	position:absolute;
	right:2px;
	top:2px;
	width:17px;
	font-size:0;
}

.yui-layout .yui-layout-unit div.yui-layout-hd .collapse-close{
	right:25px;
}

.yui-layout .yui-layout-clip{
	position:absolute;
	height:20px;
	background-color:#c0c0c0;
	display:none;
}

/**
 * サブ画面の展開ボタン位置とサイズcss
**/
.yui-layout .yui-layout-clip .collapse{
	cursor:pointer;
	height:15px;
	position:absolute;
	right:2px;
	top:2px;
	width:17px;
	font-size:0px;
}

.yui-layout .yui-layout-wrap{
	height:100%;
	width:100%;
	position:absolute;
	left:0;
}

.yui-skin-sam .yui-layout .yui-resize-proxy{
	border:none;
	font-size:0;
	margin:0;
	padding:0;
}

.yui-skin-sam .yui-layout .yui-resize-resizing .yui-resize-handle{
	visibility:hidden;
}

.yui-skin-sam .yui-layout .yui-resize-proxy div{
	position:absolute;
	border:1px solid #808080;
	background-color:#EDF5FF;
}

.yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active{}

.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l{
	width:5px;
	height:100%;
	top:0;
	left:0;
}

.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r{
	width:5px;
	top:0;
	right:0;
	height:100%;
	position:absolute;
	zoom:1;
}

.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b{
	width:100%;
	bottom:0;
	left:0;
	height:5px;
}

.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t{
	width:100%;
	top:0;
	left:0;
	height:5px;
}

/**
 * サブ画面の縮小ボタンcss
**/
.yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse{
	background:transparent url(../common/yui/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -160px;
	border:1px solid #808080;
}

/**
 * サブ画面の展開ボタンcss
**/
.yui-skin-sam .yui-layout .yui-layout-clip-left .collapse{
	background:transparent url(../common/yui/build/layout/assets/skins/sam/layout_sprite.png) no-repeat -20px -140px;
	border:1px solid #808080;
}

/**
 * サブ画面のキャプション背景色css
**/
.yui-skin-sam .yui-layout .yui-layout-hd{
/*	background:url(../common/yui/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px;	*/
	background-color:#2647a0;
	border:1px solid #808080;
}

/**
 * 全体の背景色css
**/
.yui-skin-sam .yui-layout{
	background-color:#EDF5FF;
}

/**
 * サブ画面のキャプションcss
**/
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2{
	font-weight:bold;
	color:#fff;
	padding:3px;
}

/**
 * サブ・メインの罫線指定css
**/
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd{
	border:1px solid #808080;
	border-bottom:none;
	border-top:none;
	*border-bottom-width:0;
	*border-top-width:0;
	background-color:#EDF5FF;
	text-align:left;
}

/**
 * サブ・メインの罫線指定css
**/
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft{
	border-bottom:1px solid #808080;
}

/**
 * サブ・メインの罫線指定css
**/
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd{
	border-top:1px solid #808080;
}

.yui-skin-sam .yui-layout .yui-layout-clip{
	position:absolute;
	height:20px;
	background-color:#EDF5FF;
	display:none;
	border:1px solid #808080;
}

.yui-skin-sam .yui-layout div.yui-layout-ft{
	border:1px solid #808080;
	border-top:none;
	*border-top-width:0;
	background-color:#f2f2f2;
}

.yui-skin-sam .yui-layout-unit .yui-resize-handle{
	background-color:transparent;
}

.yui-skin-sam .yui-layout-unit .yui-resize-handle-r{
	right:0;
	top:0;
	background-image:none;
}

.yui-skin-sam .yui-layout-unit .yui-resize-handle-l{
	left:0;
	top:0;
	background-image:none;
}

.yui-skin-sam .yui-layout-unit .yui-resize-handle-b{
	right:0;
	bottom:0;
	background-image:none;
}

.yui-skin-sam .yui-layout-unit .yui-resize-handle-t{
	right:0;
	top:0;
	background-image:none;
}