@charset "UTF-8";

/*
 ぱんくず
---------------------------------------*/
#pankuzu button {
	margin: 0;
}

/*
 ページャ用
--------------------------------------*/
.pagerBorder {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:lightgrey;
	border-top:gray 1px solid;
	height:26px;
	line-height:26px;
}
/*======================================
 メニューバー
--------------------------------------*/
.menu_bar {
	position: fixed;
	top: 0;
	left: 0;
	background-color: lightgrey;
	width:100%;
	border-bottom: 1px gray solid;
	z-index: 500;
}
.menu_bar div {
	margin: 2px 4px;
	padding: 0;
	height: 22px;
	line-height:22px;
}

/*-----*/

a {
	color: green;
}

.list a {
	text-decoration: none;
}
.list a:hover {
	text-decoration: underline;
}

/* <ul class="lst-n">（リスト用）
--------------------------------------*/
ul.lst-n li { line-height:160%; }
ul.lst-n input[type="radio"] { margin-right: 4px; }


p { text-indent: 1em; }
li { line-height: 140%; }
dt { font-size:120%; }
.notice {
	margin: 0;
	color: red;
	font-weight: bold;
}

/*----- dl -----*/
dl {
	margin:2px 0;
}
dd {
	margin: 4px;
	margin-left: 2em;
}
button,
input {
	margin: 0;
	padding: 0;
}
/*----- h1 -----*/
h1 {
	background-color: #bbf0b3;
	line-height:24px;
	text-align: left;
	font-size: 10.5pt;
	margin: 0;
	margin-bottom: 6px;
	padding-left: 1em;
	color: #0b4c00;
}
h1 span {
	font-weight: normal;
	margin-left: 1em;
}
div.h1 { margin: 0 1em; }

/*----- h2 -----*/
h2 {
	line-height:24px;
	text-align: left;
	font-size: 10.5pt;
	margin: 6px auto;
	padding-left: 1em;
	color: white;
}
div.h2 { margin: 1em 1em 2em 1em; }
/*----- 注意 -----*/
h2.notice {
	color: white;
}
h2.mt0 {
	margin-top: 0;
}

*{
/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:9pt;
*/
	font-size:10pt;
}
p { margin: 6px; line-height: 145%; }
img.c,
button.c,
input.c { display: block; margin: 4px auto; }
input,select { font-size:9pt; }
/*----- その他スタイル -----*/

/*ul li { list-style-type: none; }*/
ul {  margin: 0; padding: 0; }
tr,th,td { margin: 0; }
/*======================================
 テーブルの装飾用（1パターンのみ）
--------------------------------------*/
table.deco {
	font-size: 9pt;
	border-collapse: collapse;
	margin: 4px auto;
}
table.deco table,
table.deco table th,
table.deco table td {
	border-width: 0 !important;
}
table.deco th {
	text-align: left;
	font-weight: normal;
	font-size: 9pt;
	padding: 4px 6px;
	color: #0b4c00;
	background-color: #bbf0b3;
	border: 1px #0b4c00 solid;
}
table.deco td {
	text-align: left;
	padding: 4px 8px;
	border: 1px #0b4c00 solid;
	background-color: white;
}


ul.deco {
	font-size: 9pt;
	border-collapse: collapse;
	margin: 4px auto;
}
ul.deco li {
	padding: 0;
}
ul.deco li a {
	color: #0b4c00;
	font-size: 9pt;
	border: 1px #0b4c00 solid;
	background-color: #bbf0b3;
	text-decoration: none;
	padding: 4px 8px;
}
ul.deco li a:hover {
	color:white;
	background-color: #0b4c00;
}


/*======================================
 左メニュー用<div>
--------------------------------------*/
#menu {
	width: 180px;
}
#menu dt a { color:white; }

.menu dl {
	margin: 0;
	margin-bottom: 4px;
}
.menu dt {
	line-height:20px;
	text-align: center;
	color: white;
	font-size: 10pt;
}
.menu dd {
	border: 1px #0b4c00 solid;
	margin: 0;
	padding: 6px;
	background-color: white;
}

.menu ul {
	margin: 0;
	padding: 0;
	margin-left:4px;
}
.menu dl ul li {
	margin-left: 1em;
}
.menu li {
	font-size: 10pt;
	line-height: 150%;
	list-style-image: url('/images/marker1.png');
}
.menu li a {
	color: #404040;
}
/*======================================
 コンテンツ用
--------------------------------------*/
#contents {
	width: 100%;
	clear: both;
}

.cell {
	padding: 1px;
}
	.cell .middle {
		vertical-align: middle;
		text-align: center;
	}

/*----- <dl class="list"> -----*/
dl.list    { display: block;  margin: 0; padding: 0; }
dl.list dt { display: inline; margin: 0; padding: 0; }
dl.list dd { display: inline; margin: 0; padding: 0; margin-left: 0.4em; }
dl.list ul { display: inline; margin: 0; padding: 0; }
dl.list li { list-style-type: none; display :inline; }
/*----- <ul class="list"> -----*/
ul.inline    { display: inline; margin: 0; padding: 0; }
ul.inline li { list-style-type: none; float: left; }/*display: inline; margin:0; padding:0;}*/

/*----- 注文の手順<ul> -----*/
#order_progress {
	width: 100%;
	height: 2em;
	line-height: 2em;
	margin-bottom: 12px;
	border: 1px #0b4c00 solid;
}
#order_progress li {
	width: 15%;
	float: left;
	text-align: center;
	padding: 0 2%;
	line-height: 2em;
}
#order_progress li a {
	margin :0;
	padding: 0;
}
#progress_now {
	font-weight: bold;
	background-color: #bbf0b3;
}

#contents td {
	vertical-align: top;
}
/*----- コンテンツメニュー<ul> -----*/
#menu_contents {
	margin: 0 0 8px 16px;
}
#menu_contents li {
	line-height: 1.5em;
}

/*======================================
 contents_header
--------------------------------------*/
#contents_header {
	height: 24px;
	line-height: 24px;
	margin-top:8px;
}
	#contents_header ul {
		padding-left: 18px;
		width:100%;
	}
	#contents_header li {
		margin: 0 6px;
	}
	#contents_header a {
		text-decoration: none;
		color: white;
	}
	#contents_header a:hover {
		text-decoration: underline;
	}

/* ボタンにアイコン画像を載せる場合 */
button.icon {}
button.icon img { position:absolute; }
button.icon span { margin-left:18px; }

button,
select,
option {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

th form * {
	margin:0;
	padding:0;
	font-size:9pt;
}
th button.ff {
	font-size:9pt;
	margin:0;
	padding:0;
	border:1px gray solid;
}

span.btn {
	border: 1px black solid;
	padding: 0 2px;
	margin: 0 2px;
	font-size: 9pt;
	line-height: 9pt;
	background-color: lightgrey;
	color: black;
	font-weight: normal;
}
span.btn:hover {
	cursor:pointer;
}
ul,li {
	margin: 0;
	padding: 0;
}
table.list tr:hover {
	background-color:#e0ffe0 !important;
}
table.list th span {
	font-style: italic;
	cursor: help;
}
table.list tr.trSelect { /* tr選択表示用 */
	background-color: #ffd080 !important;
}
table.list {
	border:1px gray solid;
}
table.list td {
	border-width: 0 1px;
	padding: 2px 4px;
}

/* 偶数even、奇数odd */
tr.even {
	background-color:#f0f0f0;
}
tr.odd {
	background-color:#e0e0e0;
}


#menubar {
	width:100%;
	padding:4px;
	position:fixed;
	top:0;
	background-color:lightgrey;
	border-bottom:1px gray solid;
}
#menubar li {
	display:inline;
	margin:0;
	padding:0;
}
#menubar button {
	height:2em;
	padding:0 6px;
	margin:0;
}

#contents {
	margin: 0 2px;
}
/*==============================================================================
 管理用
------------------------------------------------------------------------------*/
body {
/*	padding: 2px;*/
	margin: 0;
	padding: 0;
	background-color:#f6f6f6;
}
h1,h2 {
	background-color: lightgrey;
	font-size: 10.5pt;
	margin: 2px;
	border: 1px gray solid;
	padding: 4px;
}
button,
input[type=submit] {
	margin: 0;
	padding: 0;
}
table {
	margin: 4px;
	margin-top: 0;
	margin-left: 0; 
	border-collapse: collapse;
}
td {
	font-size: 9pt;
	border:1px gray solid;
	padding:1px 3px;
	line-height: 12pt;
}
th {
	font-size: 9pt;
	font-weight: normal;
	border:1px gray solid;
	padding:1px 3px;
	line-height: 12pt;
	background-color: darkgreen;
	color: white;
}
form {
	display: inline;
}

/*----- 備考（タグはいろいろ）-----*/
table.note {
	margin-left: auto;
}

#admin-login {
	margin: 100px auto;
	width: 50%;
	border:1px gray solid;
}

.sidemenu li {
	font-size:9pt;
	line-height:140%;
}
.sidemenu li a {
	text-decoration:none;
	color: black;
}
.sidemenu li a:hover {
	text-decoration:underline;
}

/*======================================
 メニュー
--------------------------------------*/
/* フォルダ */
#menu_folder,
#menu_template,
#menu_block,
#menu_field {
	border:1px gray solid;
	margin-top:2px;
}
#menu_folder .list,
#menu_template .list,
#menu_block .list,
#menu_field .list {
	overflow:auto;
	padding:2px;
}

td { padding:2px; }
td p {
	text-indent:0;
	margin:0;
	margin-top:4px;
	margin-left:1em;
	padding:0;
	line-height:120%;
	color:gray;
}
/*======================================
 アイコン
--------------------------------------*/
.icon_update {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/update.png') 0% 50% no-repeat;
}
.icon_unknown {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/unknown.png') 0% 50% no-repeat;
}
.icon_alert {
	color: red;
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/alert.png') 0% 50% no-repeat;
}
.icon_desktop {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/desktop.png') 0% 50% no-repeat;
}
.icon_drive {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/drive.png') 0% 50% no-repeat;
}
.icon_image {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/image.png') 0% 50% no-repeat;
}
.icon_font {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/font.png') 0% 50% no-repeat;
}
.icon_template {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/template.png') 0% 50% no-repeat;
}
.icon_folder {
	padding:2px 0;
	padding-left: 20px;
	background:url('/images/icon/folder.png') 0% 50% no-repeat;
}
.icon_save {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/save.png') 0% 50% no-repeat;
}
.icon_trash {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/trash.png') 0% 50% no-repeat;
}
.icon_logout {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/shutdown.png') 0% 50% no-repeat;
}
.icon_pdf {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/pdf.png') 0% 50% no-repeat;
}
.icon_edit {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/edit.png') 0% 50% no-repeat;
}
.icon_stack {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/stack.png') 0% 50% no-repeat;
}
.icon_reload {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/reload.png') 0% 50% no-repeat;
}
.icon_zip {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/zip.png') 0% 50% no-repeat;
}
.icon_delete {
	padding:2px 0;
	padding-left: 18px;
	background:url('/images/icon/delete.png') 0% 50% no-repeat;
}
.icon_block {
	padding:2px 0;
/*
	padding-left: 20px;
	background:url('/image/icon/folder.png') 0% 50% no-repeat;
*/
}
.icon_field {
	padding:2px 0;
/*
	padding-left: 20px;
	background:url('/image/icon/folder.png') 0% 50% no-repeat;
*/
}

/*======================================
 アウトライン<dl class="outline">

 主にスタックで使用

 2012-03-05 新設
--------------------------------------*/
table.noborder {}
	table.noborder th {
		border-width: 0;
	}
	table.noborder td {
		border-width: 0;
		vertical-align:top;
	}

table.border {}
	table.border th {
		border:1px gray solid;
	}
	table.border td {
		border:1px gray solid;
	}
/*======================================
 アウトライン<dl class="outline">

 主にスタックで使用

 2012-03-05 新設
--------------------------------------*/
dl.outline {
	position:relative;
	background-color:inherit;
}
	dl.outline>dt {
		padding: 0 0.5em;
		font-size:100%;
		position:absolute;
		top: -0.5em;
		left: 1.5em;
/*		background-color:inherit;*/
		background-color:#f6f6f6;
	}
	dl.outline>dd {
		margin : 0;
		margin-top: 1em;
		padding: 0.8em 0.6em 0.4em;
		border: 1px gray solid;
			border-radius: 4px;        /* CSS3草案 */  
			-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 4px;   /* Firefox用 */  
/*		background-color:white;*/
	}
	dl.outline>dd p {
		text-indent: 0;
		margin-bottom:0;
	}