/*-----------------------------------------------------------------------------
ナビ「設定変更」ボタン用
-----------------------------------------------------------------------------*/
#configBtn {
	float:right;
}
/*-----------------------------------------------------------------------------
基本設定画面、拡張設定画面用
-----------------------------------------------------------------------------*/
#configView,
#configExpandView {
	margin:6px;
	display:none;
	border:1px solid #003366;
	border-color:gray;
}
/*-----------------------------------------------------------------------------
ｺﾋﾟﾍﾟ支援（AAプレビュー画面）用
-----------------------------------------------------------------------------*/
#aaPreview {
	font-family:ＭＳ Ｐゴシック,system;
	background-color:#efefef;
	color:black;
	padding:0.4em;
	margin-top:0.2em;
	line-height:100%;
}
#aaPreviewHeader {
	font-weight:normal !important;
	font-size:115%;
	color:red;
}
#aaPreview dl {
	margin-top:0.4em;
}
#aaPreview b {
	font-weight:bold;
	color:green;
}
#aaPreview form,textarea {
	font-family:ＭＳ Ｐゴシック,system;
	line-height:105%;
}

/*拡張設定用*/
#configExpandView table,
#configExpandView th,
#configExpandView tr,
#configExpandView td {
	border:0 !important;
}
dl#order input[type="button"] { width:10em; text-align:center; }
dl#rep input[type="button"] { width:10em; text-align:right; }
dl#rep input[type="text"] { width:10em !important;  margin:0; }
#configExpandView dd { margin-left:4em; margin-right:1em; }

#check {
	line-height:1em;
}
#menu {
	color:303030;
	margin:0 1em;
	padding-left:0.6em;
 	left:20px;
	height:27px;
	line-height:30px;
	vertical-align:bottom;
	background-image:url(../img/menubar.gif);
}
#menu ul {
	border:0;
	padding:0;
}
#menu li {
	padding:0;
	float:left;
}
#menu a {
	color:#303030;
	text-decoration:none;
	border:0;
	margin:0 0.4em;
	padding:0;
}
#menu a:hover {
	color:white;
}
	table	{ margin:2px; }
	div,form,p,pre,dl	{  margin:0; padding:0; }
body {
	margin:0;
	padding:0;
	color:#666666;
	background-color:white;
}
a {
	color:#339999;
}
a:hover {
	text-decoration:underline;
	color:#de974f;
}

li a:hover,
dd a:hover {
	border-color:white;
}
h1 { display:none; }
li { list-style-type:none; }
th { color:#000000; text-align:center; background-color:#ffd7a6; font-weight:normal; }
#head {
	left:0;
	top:0;
	background-color:white;
	margin:0 1em;
	margin-top:6px;
	padding: 0;
	font-size:100%;
	font-weight:normal;
	height:64px;
}
#head img {
	float:left;
}
#head div {
	padding-right:1em;
	padding-top:10px;
	float:right;
	border:0;
	display:inline;
}
#head tr,#head td {
	border:0;
}
input[type="button"],input[type="submit"] {
	padding: 0;
}
input[type="text"],textarea,select {
}
/* AA編集関係のspanボタン */
button {
	padding: 0;
}
/*-----------------------------------------------------------------------------
共通スタイル
-----------------------------------------------------------------------------*/
form {
	display:inline;
}
ul,li {
	margin:0.2em 0 0.2em 0;
	padding:0;
}
dd {
	margin-top:0.2em;
	margin-bottom:0.2em;
}
table,tr,td,th {
	border-collapse:collapse;
	border:1px #003366 solid;
	margin:0.6em 0;
	padding:0;
	line-height:1em;
	font-size:10pt;
}
tr,td,th {
	padding:0.2em;
}
caption {
	margin-bottom:0.4em;
}
img {
	border:0;
}
th a { font-size:80%; text-decoration:none; }
td a { text-decoration:none; }
.h { text-align:right; background-color:#003366; }/*合計用*/
.t { background-color:#c1b1b1;  }
/*.c { background-color:#cccccc;  }*/
tr:hover { background-color:#f1f1f1;}
/*-----------------------------------------------------------------------------
#framestate（cgi）用
-----------------------------------------------------------------------------*/
#framestate p { margin:0.2em 0 0.2em 0;padding:0;}

#framestate {
	margin:0 1em 0 1em;
	padding:0.4em;
	border-color:gray;
	border-style:solid;
	border-width:0 1px 0 1px;
}
#framestate dd { margin-left:1em; }
#framestate .btn { background-image:url(./img/menubar_over.gif); }
#framestate .cp { font-size:80%; padding:1px; display:inline; cursor:pointer; border:2px gray ridge; background-color:lightgrey; color:#003366; }
#framestate caption span { color:yellow; }
/*#framestate .r { color:red; }*/
#framestate .n { color:#999999; display: none; }
#framestate .u { color:#999999; } /* 非表示から表示への切り替えよう */
#framestate .b { background-color:#6699cc; }/*誕生日用*/
#framestate .o { color:tomato; font-weight:bold; }/*誕生日以外のイベント用*/
#framestate .g { color:lime; font-weight:bold; }/*ユニーク用*/
#framestate .y { color:yellow; font-weight:bold; }/*ぞろ目用*/
#framestate .p { background-color:#cccccc;}/* f1f1f1 cccccc; }/*達成用*/
/*-----------------------------------------------------------------------------
 .subNavi index.htmlの右に配置するナビ用
-----------------------------------------------------------------------------*/
.subNavi {
	text-align:right;
}
.subNavi a {
	border-left-width:0;
}
.mainNavi {
	float:left;
	display:block;
}
/*-----------------------------------------------------------------------------
 ローディング風画面
-----------------------------------------------------------------------------*/
#loading {
	position:absolute;
	z-index:500;
	width:70%;
	top:40%;
	left:15%;
	background-color:#ffffff;
	text-align:center;
	padding:0.4em;
	border:2px gray ridge;
}
/*-----------------------------------------------------------------------------
 指定範囲表示用
-----------------------------------------------------------------------------*/
#selectView {
	position:absolute;
	z-index:50;
	width:60%;
	top:15%;
	left:15%;
	background-color:#ffffff;
	text-align:center;
	padding:0.4em;
	border:2px gray ridge;
	display:none;
}





option.title {
	color:#7f7f7f;
	background-color:#ccffff;
}

#warning {
	font-family:ＭＳ Ｐゴシック;
	font-size:12pt;
	line-height:105%;
	margin:1em;
	display:none;
}
#error {
	display:none;
}
#loading pre {
	font-family:ＭＳ Ｐゴシック;
	font-size:12pt;
	float:right;
	text-align:left;
	line-height:105%;
}
#footer {
	text-align: center;
}
#footer p {
	font-size: 9pt;
}

td img {
	margin-right: 3px;
}

table.r td { text-align: right; }
	td.l { text-align:   left !important; }
	td.c { text-align: center !important; }
	td.r { text-align:  right !important; }

