@charset "utf-8";
/*
+-----------------------------
| BODY
+-----------------------------
*/
body
{
	font-family:メイリオ,HG丸ｺﾞｼｯｸM-PRO,ＭＳ ゴシック;
/*	background-image: url("../images/back_login_2.gif");*/
	background-color:#EEE;
	margin:0;
	padding:0;
}

/*
+-----------------------------
| TABLE,DIV
+-----------------------------
*/
table {
	cellspacing: 0;
	text-align:left;
}
table.design,div.design
{
	filter: alpha(style=1, opacity=90, finishopacity=80, startx=0, starty=0, finishx=200, finishy=200);
	-moz-opacity: 0.9;
	margin:10px auto 1em;
}
td.thead
{
	height:25px;
}
td.tbody
{
	text-align:left;
}
/*
+-----------------------------
| INPUT
+-----------------------------
*/
input.button_flat
{
	padding-top:2px;
	text-align:center;
}
input.text
{
	height:14px;
}
input.btn{
	height:30px;
}
input.btn:hover,
input.btn:focus {
	cursor: pointer;
}
input.pageBtn{
	height:30px;
	width:30px;
}
input.file{
	height:30px;
}

/*
+-----------------------------
| MENU
+-----------------------------
*/
input.menu_g
{
	width: 180px;
	height: 35px;
	display:block;
	padding: 0px 15px;
	margin-top: 1px;
	text-align:center;
	border:0px;
	background: url('../images/menu_off_gray.gif') no-repeat center;
}
input.menu_g:hover
{
	background: url('../images/menu_on_gray.gif') no-repeat center;
	padding: 0px 25px;
}
input.menu_b
{
	width: 180px;
	height: 35px;
	display:block;
	padding: 0px 15px;
	margin-top: 1px;
	text-align:center;
	border:0px;
}
input.menu_b:hover
{
	padding: 0px 25px;
}
input.menu.text
{
	height:14px;
}
input.menu02
{
	width: 160px;
	height: 30px;
	display:block;
	padding: 0px 15px;
	margin-top: 1px;
	text-align:center;
	border:0px;
}
input.menu02.text
{
	height:14px;
}
/*
+-----------------------------
| HEADER
+-----------------------------
*/
/*
#header{
	background:transparent url("../images/header_blue.gif") no-repeat scroll left top;
	float:left;
	width:100%;
	height:130px;
	overflow-x:hidden;

}
*/
#logo{
	text-align:left;
	margin-top: 30px;
	margin-left: 30px;
}
#logo1{
	text-align:right;
	margin-top: 37px;
}
#title{
	font-family:メイリオ,HG丸ｺﾞｼｯｸM-PRO,ＭＳ ゴシック;
	margin-top: 45px;
	margin-left: 10px;
}
#menu{
	width: 200px;
	height:100%;
}
#menu1{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#menu2{
	margin-left:auto;
	margin-right:auto;
}
/*
+-----------------------------
| 汎用
+-----------------------------
*/
/** テキスト横位置 */
.left
{
	text-align:left;
}
.center
{
	text-align:center;
}
.right
{
	text-align: right;
}
/** テキスト縦位置 */
.top
{
	vertical-align:top;
}
.middle
{
	vertical-align:middle;
}
.bottom
{
	vertical-align:bottom;
}
/** 最大サイズ */
.wmax
{
	width:100%;
}
.hmax
{
	height:100%;
}
/** 余白 */
.mar5
{
	margin: 5px;
}
.pad10
{
	padding:10px;
}
.pad5
{
	padding:5px;
}
.pad0
{
	padding:0px;
}
.pad10l
{
	padding-left:10px;
}
.pad10tb
{
	padding-top:10px;
	padding-bottom:10px;
}
/** 画面タイトル */
.title
{
	font-weight:900px;
}
/** ブロック要素のCENTER設定 */
.block_center{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.scroll
{
	overflow:scroll;
}
.scroll-a
{
	overflow:scroll;
}
.scroll-x
{
	overflow-x:auto;
}
.scroll-y
{
	overflow-y:scroll;
}

.padding_level_1{ padding-left:10px; }
.padding_level_2{ padding-left:30px; }
.padding_level_3{ padding-left:50px; }
.padding_level_4{ padding-left:70px; }
.padding_level_5{ padding-left:90px; }
.padding_level_6{ padding-left:110px; }
.padding_level_7{ padding-left:130px; }
.padding_level_8{ padding-left:150px; }
.padding_level_9{ padding-left:180px; }

.star
{
	background: url('../images/level_star.gif') no-repeat left;
	width:30px;
	height:30px;
}
.max
{
	font-size: 11px;
	padding-top:11px;
	font-weight:900;
}
.pad_page
{
	padding-top:20px;
	padding-left:20px;
	margin:0px;
}
.list_thead
{
	height:23px;
}
.list_thead_fukusu
{
	height:23px;
}
.list_table
{
	margin:1px;
	border-size:0px;
	border-collapse: collapse;
}
.text
{
	height:25px;
}
.tab_panel
{
	border-collapse: collapse;
}
.tab_btn_on
{
	height:25px;
}
.tab_btn_off
{
	height:25px;
	cursor:pointer;
}
.tatetab_btn_on
{
	height:25px;
}
.tatetab_btn_off
{
	height:25px;
	cursor:pointer;
}
.subtitle{
	padding:0px;margin:0px;
	/* background-color:pink; */
	height:23px;
}
.pointer
{
	cursor:pointer;
}

.blue2
{
	font-weight: bolder;
}

/*----- FireFoxにおけるブロック要素の中央揃え -----*/
.ffCenter
{
	margin-left:auto;
	margin-right:auto;
}


/* ----------------- ツリー -----------------------*/
/* とりあえずGWからコピってみた。 */
.popTree2 {
	font-family:メイリオ,HG丸ｺﾞｼｯｸM-PRO,ＭＳ ゴシック;
	color: #FFFFFF;
	white-space: nowrap;
	visibility:hidden;
	background-color:#FFFFCC;
	border: 1px solid pink;
}

.popTree {
	font-family:メイリオ,HG丸ｺﾞｼｯｸM-PRO,ＭＳ ゴシック;
	color: #FFFFFF;
	white-space: nowrap;
}
.tree{
	display:none;
	position:absolute;
	top:10;
	left:100;
	width:300;
	height:300;
	background-color:#C4E1ED;
/*	filter: alpha(style=0, opacity=55);*/
	border:1px solid #d;
}
.popTree img {
	border: 0px;
	vertical-align: middle;
}
.popTree a {
	color: #333;
	text-decoration: none;
}
.popTree a.node, .tree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.popTree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.popTree a.nodeSel {
	background-color: #c0d2ec;
}
.popTree .clip {
	overflow: hidden;
}

/** multi-browser min-width sample
.min-w200{
	min-width: 200px;
	width: auto !important;
	width: 200px;
	float: left;	//for div
}
*/

/** for bookmark category */
.categorybox{
	min-width: 200px;
	width: auto !important;
	width: 200px;
	float: left;
	padding: 0px 15px 0px 15px !important;

}
.categoryLabel{
 	height: 23px;
 	vertical-align: center
 }

/** multi-browser overflow */
/* @depricated
 .mondaibox{
 	overflow: auto;
 	overflow-x: scroll !important;
 	overflow-y: visible !important;
 }
*/

/** for standardize desine (<div> OR <span>) */
/** FIELD TEXT */
.fieldtext{
	font-size: 12px;
}
.annotation{
	font-size: 10px;
}
.annotation-red{
	font-size: 10px;
	color: #FF0000;
}

.annotation-large-red{
	font-size: 12px;
	color: #FF0000;
	font-weight: bolder;
	text-align: left;
}

.caption-size{
	font-size: 16px;
}

.mid-size{
	font-size: 14px;
}

.level_num_now{
	font-size: 14px;
	padding-top:3px;
	padding-left:5px;
	font-weight:900;
}

.findNodata	{
		font-size: 20px; !important
}
/** outside-box without border (for <div> or <td> (for block)) */
.outerbox{
	padding: 10px 10px;
	margin-bottom: 5px;
}

/** inside-box without border  (for <div>) */
.mainbox{
	margin-bottom: 5px;
}
.bottombox	{
	padding-bottom: 15px;
}

/** common margin between boxes */
.margin-row{
	height: 5px;
}
.margin-row td{
	border: none;
}

/** thin line for <td> as <hr> */
.bottomborder-blue{
	border-bottom-color:#3366FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.topborder-blue{
	border-top-color: #3366FF;
	border-top-width: 1px;
	border-top-style: solid;
}
.boxborder-blue{
	border-color: #3366FF;
	border-width: 1px;
	border-style: solid;
}

/** ime-mode(IE) */
.imeAct{
	ime-mode: active;
}
.imeInact{
	ime-mode: inactive;
}
.imeDis{
	ime-mode: disabled;
}
.imeAuto{
	/**DEFAULT*/
	ime-mode: auto;
}

/** definition of field text color */
.requiredSq{
	color:#ff6633;
}
.notRequiredSq{
	color:#999999;
}
.red{
	color:red;
}
.blue{
	color:blue;
}
.orangered{
	color:#FF4500;
}
.lightsalmon{
	color:#FFA07A;
}
.mediumseagreen{
	color:#3CB371;
}

/** sub information window for questions */
#prvSubWin {
	/** IE6以外 **/
	position : fixed!important;
	top    : 10%;
	left   : 20%;
	right  : 10%;
	bottom : 0%;
	/** end **/

	background-color:#ADD8E6;
	overflow:auto;
	visibility:hidden;
	border: thick double #A52A2A;
	width:720px;
	height:420px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;

	/** IE6用 **/
	/* <!--[if lt IE 7]> */
		position: absolute;
		/* expression = css内でJavaScriptが実行可能（IE5以上でのIE独自拡張）*/
		top: expression((documentElement.scrollTop || document.body.scrollTop) + 60 + 'px');
		left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 200 + 'px');
	/* <![endif]--> */
	/** end **/

}

#prvSubWinMid {
	padding-top: 10px;

	test;
}

#prvSubContent {
	overflow:auto;
	height:345px;
	background-color:#F5FFFA;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
td.active{
/*	background-color:yellow;	*/
	background-color:#FFFFE0;	/* Light Yellow */
}
div.basediv{
	z-index: 0;
	min-height: 768px;
	overflow : visible;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#eee));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #aaa, #eee);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFAAAAAA, endColorstr=#FFEEEEEE);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFAAAAAA, endColorstr=#FFEEEEEE)";
}
