/* 
	基本CSS
	@create	2012.12.18	ver1.00 作成
	@edit   2013.09.03  ver1.02 aタグのCSSを削除。datepickerに影響があるため
	@edit   2013.10.04  背景画像表示を追加。
 */

/* 2013.10.04 */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
  
  /* 透過率 60% */
  filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/* 2013.10.04 */
@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

/* 2013.10.04 */
div#container {
  position: relative; 
}

/* 全体設定 */
* {
	margin:0;
	padding:0;
}

/* 2012.03.27 常に最下部にfooterを表示 */
html, body {
	height: 100%;
	min-width: 1300px;
}
html{
	overflow-y: scroll;
}


/* ... FONTタグ マージン(枠外余白)指定 */
h1, h2, h3, h4, h5, h6, p, pre, label, blockquote, ul, ol, dl, 
fieldset, address {
	margin:0.25em 0;
}

/* ... FONTタグ サイズ指定 */
h1 {font-size:167%;}
h2 {font-size:139%;}
h3 {font-size:120%;}
h4 {font-size:100%;}

/* ver1.02 LABELタグ */
label {
	width: auto;
	font-size: 110%; font-weight: bold; white-space: nowrap;
}

/* ... ul 施設一覧のみ有効 施設画像を表示 */
ul.site {
	list-style-image:url("../img/site.gif");
	list-style-position:outside;
}
li {
	margin-left:2em;
}

/* Web Body Layout */
body {
/*
	color: #FFF;
	background-color: #FFF;
*/
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:83%;
	margin: 0;
}

/* ... All Page Every View */
#title {
	color: #000;
	background-color:#FFF;
	font-size:200%;
	font-weight:bold;
	clear:both;
	float:left;
	width:100%;	/* 11.12.28 add */

	/* 全ﾍﾟｰｼﾞ表示 '顧客用'gif設定 */
	position: relative;	/* 相対位置: この指定がなければ後述のimgタグの絶対位置がｳｨﾝﾄﾞｳ全体から指定される */
	height: 38px;
}

/* ... titleの画像位置(右から表示) */
#title img {
	position: absolute;
	display: block;
	top:0px;
	right: 10px;
	font-weight: normal;
	text-decoration: none;
}

/* contents.header */
#header{
	clear: both; width: 1300px; margin-left: auto; margin-right: auto; color: #000000;
}
/* 2012.06.07 幅のオーバーフロー(auto)を固定化 */
#content{
	clear: both; width: 1300px; margin-left: auto; margin-right: auto; color: #333;
}
/* 幅のオーバーフロー(auto)を固定化 */
#footer{
	color: #666666;
	clear: both; width: 1300px; margin-left: auto; margin-right: auto;
	height: 40px;
	overflow: auto;
/*
	position:relative;
*/
}
/* 12.01.20 各ﾍﾟｰｼﾞ ヘッダ(サブ)部分 */
div.subheader {
	background-color:#EEEEEE;
	border-top:1px solid #888888;
	clear: both;
	color: #333;
	padding: 0px 0px 0px 0px;
	width:100%;
}

/* 12.01.23 ﾍﾟｰｼﾞ移動 link - 背景部分 */
div.subheader ul {
	color: #EEEEEE;
	clear:left; margin:0px;	padding: 0px;
	list-style: none;
	text-align: center;
}
div.subheader ul li {
	float:left;	margin:0px;	padding: 0px 0px 0px 0px;	/* ↑→↓← */
	line-height:16px;
}
div.subheader ul li a {	/* 非選択時 */
	display: block;
	color: #FFF;				/* 文字色 */
	background-color: #999999;	/* 背景色 */
	border:1px solid #999999;	/* 枠色 */
	padding: 2px 7px 2px 7px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}
div.subheader ul li a:hover { 		/* カーソル */
	background-color:#3333FF;	/* 背景色 */
	border:1px solid #3333FF;	/* 枠色 */
}
div.subheader ul li a.selected { 	/* 選択時 */
	background-color:#000066;	/* 背景色 */
	border:1px solid #000066;	/* 枠色 */
}
/**/


/* 全ﾍﾟｰｼﾞ コンテンツ部分 */
#maincontent{
	background-color:#EEEEEE;
	clear: both;
	color: #333;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	width:100%;
	min-height:580px; /* All Page Min-height */
	height:auto !important;
}

/* ... ﾍﾟｰｼﾞ左下表示 Footer */
#copyrightdesign {
	padding:5px 20px 5px 0px;
	width: 300px;
	float:left;
}
/* ... 製品リンク */
#footercontact {
	/*	color:#4FB74C;	*/
	background-color:#EEEEEE;
	padding:5px 0px 5px 0px;
	float:right;
}
/* 画面を左右分割しない */
#container {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
/*	background-image: url("../img/header_back.jpg"); */
	background-repeat: repeat-x;
	background-position: center top;
/*	影
	box-shadow: 10px 10px 5px #aaa;
*/
}
#container h3 {
 padding:0px 0px 0px 10px; 
}
/* ヘッダ背景 */
#header_back {
	min-width: 1300px; width: 100%; height: 70px;
	background-image: url("../img/header_title.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
/* コンテンツの下を50px空ける */
#content_back {
	padding-bottom: 50px;
}
/* フッター設定 下からフッター領域を設定 */
#footer_back {
	min-width: 1300px; width: 100%; height: 40px;
	bottom: 0;
}
/* ... height space 50px */
div.space50 {
	height: 50px;
	text-align: right;
}
div.space150 {
	height: 150px;
	text-align: right;
}
/* ... */
div.kadomaru {
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */

	border: 3px blue solid;     /* 枠線の装飾 */
	background-color: #ADD8E6;   /* 背景色 */
	width: 333px;
    margin: 0 auto;
	font-size:83%;
    /*text-align: center;*/
	padding:10px 0px 0px 10px;
}

table.navi {
	width:620px;
	border: solid 0px #000000;
	border-collapse: collapse;
	border-spacing: 100px 100px;
	clear: both;
	word-break:break-all;word-wrap: break-word;
}
table.navi tr td {
	background-color: #76e572;
}


/* 警報一覧表示 */
/* 枠固定 */
dl.fix, dl#information, dl#addition{
	margin:0;
	padding:10px;
	border:none;
	overflow: auto;
	clear:both;
	max-height: 300px;
	}
/* TABLE */
table.alarm {
    border: none; border-collapse: collapse; border-spacing: 0;
	word-break:break-all;word-wrap: break-word;
}
table.alarm th {
    background: #1515FF; padding: 5px; line-height: 120%;
    border: #999999 solid; border-width: 1px;
	color:#FFFFFF; 
    text-align: center; white-space: nowrap;	/* テキスト折り返し禁止 */
}
table.alarm td {
    padding: 2px 4px 2px 4px;
    border: 1px #999999 solid; border-width: 1px;
    text-align: center; white-space: nowrap;	/* テキスト折り返し禁止 */
}

/* データ表示用 */
table.data {
    border: 1px #999999 solid; border-collapse: collapse; border-spacing: 0;
	word-break:break-all;word-wrap: break-word;
}
table.data th {
    background: #1515FF; padding: 5px; line-height: 120%;
    border: #999999 solid; border-width: 1px;
	color:#FFFFFF;
    text-align: center; white-space: nowrap;	/* テキスト折り返し禁止 */
}
table.data td {
    padding: 2px 4px 2px 4px;
    border: 1px #999999 solid; border-width: 1px;
    text-align: center; white-space: nowrap;	/* テキスト折り返し禁止 */
}

/* 接点入力状態表示用 */
table.digital {
    border: 1px #999999 solid; border-collapse: collapse; border-spacing: 0;
	word-break:break-all;word-wrap: break-word;
}
table.digital td {
	width: 120px;
	height: 68px;
    padding: 2px 4px 2px 4px;
    border: 2px #999999 solid; border-width: 2px;
    text-align: center;
	white-space: nowrap;	/* テキスト折り返し禁止 */
}
table.digital td.on {
	width: 120px;
	height: 68px;
    padding: 2px 4px 2px 4px;
    border: 2px #999999 solid; border-width: 2px;
    text-align: center;
	white-space: nowrap;	/* テキスト折り返し禁止 */
	background-color: #FF0000;
}


tr.infomation th {
    padding: 5px;
    border: #FFFFFF solid;
    border-width: 0 0 1px 1px;
    background: #000000;
    font-weight: bold;
	color:#FFFFFF;
    line-height: 120%;
    text-align: center;
}
tr.infomation1 td{
    padding: 5px;
    border: 1px #FFFFFF solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	background: #CCCCCC;
}
tr.infomation2 td{
    padding: 5px;
    border: 1px #FFFFFF solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	background: #E0E0E0;
}
tr.infomation1 a{
	background: #CCCCCC;
}
tr.infomation2 a{
	background: #E0E0E0;
}

table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* 13/10/18 - 接点状態表示用のDIVタグ */
div.digital{
	float: left;
	min-height: 72px;
}
/* 13/10/18 - 接点状態表示用のDIVタグ */
div.digital_off, div.digital_on{
	float: left;
	width: 126px; height: 68px;
    padding: 2px 4px 2px 4px;
    border: 2px #999999 solid;

	vertical-align: middle;
    text-align: center;

	/* 丸み */
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
/* 13/10/18 - 接点状態表示用のDIVタグ - 色 */
div.digital_off{
	background-color: #FFFFFF;
}
/* 13/10/18 - 接点状態表示用のDIVタグ - 色 */
div.digital_on{
	background-color: #FF66FF;
}

p.digital{
	display:table-cell;
	width: 126px; height: 68px;
	vertical-align: middle;
	text-align: center;
}


div.font{
	clear: both;
}


/* ver1.02 */
form {
/*
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
*/
}
form.head {
	clear: both;
	margin-right: 0px;
	padding: 0;
	width: 80%;
}

div.in_left{
	width: 49%;
	float: left;
/*	background-color: #000000; */
}
div.in_right{
	width: 50%;
	float: right;
/*	background-color: #DDDDDD; */
}

/* フィールドセット */
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
}
/* フィールドセット タイトル名設定 */
fieldset legend {
	color: #e32;
	font-size: 120%;
	font-weight: bold;
	margin-left: 10px;
}

/* 2012.12.18 - フォーム */
fieldset.title {
	width: 560px;
	border: 2px solid #0E3293;
	padding-top: 10px;
}
fieldset.title legend{
	letter-spacing: 1px;
	color: #FFF;
	background:#0E3293;
	width: 400px;
	border: 2px solid #0E3293;
	margin-top: 0px;
	margin-left: -2px;
	padding-left: 0px;
}

/* ... 左画面内枠 */
fieldset.selectSites {
	border:none;
	margin-top: 10px;
	margin-left: 8px;
	margin-right: 4px;
}

/* ... 左画面内枠 */
fieldset.lefts {
	border:none;
	margin-top: 10px;
	margin-left: 8px;
	margin-right: 4px;
}
/* ... 左画面内枠 */
fieldset.left_finds {
	border: 1px solid #000000;
	margin-top: 10px;
	margin-left: 8px;
	margin-right: 8px;
	padding: 3px;
}
/* ... セッションメッセージ */
fieldset.session_message {
	border:none;
	position:relative;
	margin-top: 0px;
	margin-left: 10px;
}

/* 2012.01.19 フィールド設定 */
fieldset.rate {
	width:auto;
	margin: 6px 10px 10px 10px;
	padding: 6px;
}

/* 右画面内枠 */
fieldset.rights {
	position:relative;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	padding: 5px;
	
}
fieldset.info {
	position:relative;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	width: auto;
}
/* 11.10.04 feeldset内のdiv左寄せ */
fieldset.info div.f_left{
	width:380px;
	text-align: left;
	float: left;
}
/* 11.10.04 feeldset内のdiv右寄せ */
fieldset.info dif.f_right{
	width:120px;
	text-align: right;
}

fieldset fieldset {			margin-top: 0px;		}
fieldset fieldset legend {	font-weight: normal;	}
fieldset fieldset div {		clear: left;			}

/* ver1.02 margin-bottomを削除 */
form div {
	clear: both;
	/* margin-bottom: 1em; */
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
/* ボタン表示（ログインボタンなどsubmit） */
form div.submit {
	border: 0;
	clear: both;
	margin-top: 0px;
	margin-left: 124px;
}

input, textarea {
/*
	clear: both;
*/
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
}
select {
/*
	clear: both;
	vertical-align: text-bottom;
*/
/*	clear: both;*/
}
option {
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:auto;
	padding-right:2px;
	display:inline;
	width:auto;
}
/* 2013.01.18 ラジオボタン　radio div.test */
div.test {
	float: auto;
	padding-right: 2px;
	display: block;
	width: auto;
}
div.test label{
	display: block;
	width: 200px;
	color: #FF0000;
}

div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* 帳票: Excel */
input[type=submit].excel{
	display: inline;
	margin-top: 4px;
	margin-left: 100px;
	width: auto;
	vertical-align: bottom;
}
/* 帳票: CSV */
input[type=submit].csv{
	display: inline;
	margin-top: 4px;
	margin-left: 10px;
	width: auto;
	vertical-align: bottom;
}

/* ... auth message */
div.message {
	clear: both;
	color: #900;
	font-size: 130%;
	font-weight: bold;
	margin: 1em 1em 0 0;
	background-color: #90D7EC;
	width: auto;
	text-align: center;
}

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**  Actions  **/
div.actions ul {
	margin: 0;
	padding: 0;
}
div.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
	max-width: 120px;
	text-align: center;
}
div.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}
div.actions ul li a:hover {
	text-decoration: normal;
}
/* 2013.11.01 reset追加 */
input[type=submit],
input[type=reset],
div.actions ul li a,
td.actions a {
	font-weight:normal;
	padding: 4px 8px;
	background:#e6e49f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333;
	border:1px solid #aaac62;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
}
input[type=submit]:hover,
div.actions ul li a:hover,
td.actions a:hover {
	background: #f0f09a;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9));
}
/* edit end */

div.related {
	clear: both;
	display: block;
}

pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

/* 11.12.14 追加 */
#chart_input {
	background-color: #EEEEEE;	/*#444444;*/
	border-top:1px solid #888888;
	min-height:200px;
	clear:left;	float:left;	width:100%;
	overflow:hidden;	
}

/* 11.12.14 追加 */
#chart_output {
	background-color: #EEEEEE;	/*#444444;*/
	border-top:1px solid #888888;
	min-height:400px;
	clear:left;	float:left;	width:100%;
	overflow:hidden;	
}

/* 2012.01.19 :可変 */
div#find {
	width:auto;
	overflow:hidden;	/* はみ出し:非表示 */
	height:auto;
}
/* 2012.01.19 :可変DIV */
div#find div {
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

div#find div#one {	/* 2012.01.19 :可変DIV 1 */
	min-width:450px;	background-color: #EEEEEE;
}
div#find div#two {	/* 2012.01.19 :可変DIV 2 */
	width:auto;	background-color: #EEEEEE;
}
div#find div#three {	/* 2012.01.19 :可変DIV 3 */
	width:auto;	background-color: #CCCCCC;
}

/* ... */
#container2 {
/*	background-color: #EEEEEE;	#444444;*/
/*	background-color: #444444;	*//*#444444;*/
	border-top:1px solid #888888;
	min-height:300px;
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
/* メニュー */
#col1 {
	float:none;
	width:auto;
	overflow:hidden;	/* はみ出し:非表示＆高さ調整 */
	word-break:break-all; word-wrap:break-word;
	/* 配置確認用：背景色(灰色) */
	/* background-color: #EEEEEE; */
}


label.aaa {
	text-align: right;
}
div.aaa {
	text-align: right;
	width: auto;
	overflow: hidden;	/* 追加 */
	/* 配置確認用：背景色(青) */
	/* background-color:#99FFFF; */
}

/* ver1.02 View内メニュー */
div.row_field {
	width: auto;
	overflow: hidden;	/* 追加 */
	/* 配置確認用：背景色(青) */
	/* background-color:#99FFFF; */
}

/* ver1.02 View内メニュー */
div.col_field {
	display: inline-block;
	_display: inline;
	*display: inline;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	/* 配置確認用：背景色(ピンク) */
	/*	background-color:#FF99CC;*/
}

div#PassageArea {
	display: inline-block;_display: inline;
	width: auto;
	padding-left: 2px;
	padding-right: 2px;
}

/* ver1.02 View内メニュー */
div.col_field_right {
	float: right;
	display: inline-block;_display: inline;
	width: auto;
	padding-right: 10px;
	/* 配置確認用：背景色(ピンク) */
	/*background-color:#FF99CC;*/
}


/* 2013.08 コントロールグループ */
div.control_group {
	;
}

/* 共通設定 */
#colup, #coldown {
	margin-left:180px;	/* col1の分ｽﾍﾟｰｽを空ける */
	background-color: #EEEEEE;
	border-left:1px solid #888888;	/* 区切り線 */
	/* width:auto; */
	width: 719px;
	overflow:auto;	/* はみ出し:ブラウザ依存 or scroll */
	word-break:break-all; word-wrap:break-word;
}
/* 左側-情報表示 */
#col2 {
	min-height:580px;
	height:auto;
	float: left;
	width: 719px;
	font-size: 20px;
/*	確認用	*/
/*	background-color: #222222;	*/
}
/* 右側-情報表示 */
#col3 {
	min-height:580px;
	height:auto;
	float: left;
	width: 580px;
	font-size: 20px;
/*	確認用	*/
/*	background-color: #999999;	*/
}
#colup {	/* 右側-グラフや表の設定項目記述 */
	min-height:180px;
	height: auto;
/*	max-height:180px; */
}
#coldown {	/* 右側-グラフや表が表示される場所 */
	min-height:320px;
	height: auto;
/*	max-height:400px; */
}

/* 右側div #col2の中に配置 */
#contents {
	background-color: #EEEEEE;
	float:left;
	/* width:440px; */
	width:680px;
	position:relative;
	overflow:hidden;
	word-break:break-all; word-wrap:break-word;
}
#menu3 {
	background-color: #EEEEEE;
	float:right;
	width:120px;
	position:relative;
	overflow:hidden;
	padding:30px 0px 0px 0px;
/*	padding:130px 110px 110px 110px; */


	word-break:break-all; word-wrap:break-word;
}
/* ﾍﾟｰｼﾞ移動 link - 背景部分 */
ul#navi {
	float: left; margin: 0px; padding: 0px;
	list-style: none; text-align: center;
	font-size:24px;
	color: #EEEEEE;
}
ul#navi li {
	float: left; margin: 0px; padding: 0px;
	line-height:24px;
	width: 140px;
}
/* 非選択時 */
ul#navi li a {
	display: block;
	border:1px solid #999999;	/* 枠色 */
	padding: 2px 7px 2px 7px;
	font-size: 100%;
	color: #FFF;				/* 文字色 */
	background-color:#999999;	/* 背景色 */
	font-weight: normal;
	text-decoration: none;
}
ul#navi li a:hover { 		/* カーソル */
	background-color:#3333FF;	/* 背景色 */
	border:1px solid #3333FF;	/* 枠色 */
}
ul#navi li a.selected { 	/* 選択時 */
	background-color:#000066;	/* 背景色 */
	border:1px solid #000066;	/* 枠色 */
}
/**/

/* DIV表示項目(メイン表示部) */
div.form, div.index, div.view {
	float:right;
	width:76%;
	border-left:1px solid #666;
	background-color: #FFF;
	padding:10px 2%;
}

/* 通常メニュー */
div.menu1 {
/*	height: 22px; background-color: #CCCCCC; */
}
/* 管理メニュー */
div.menu2 {
	height: 30px; background-color: #CCCCCC;
}
/* 管理メニューのリンク */
ul#menu3 {
	width:auto;
	text-align: center;
	list-style: none;
	margin: 0px;
	padding:0px;
}
ul#menu3 li {
	float:left;
	line-height:26px;
	width: 140px;
	
	margin:0px;
	padding: 0px 0px 0px 4px;	/* ↑→↓← */
}
ul#menu3 li a {	/* 非選択時 */
	display: block;
	color: #0000ff;
	border-left:1px solid #999999;	/* 枠色 */ /* #76e572 */
	margin: 0px 1px 0px 0px;	/* ↑→↓← */
	padding: 2px 7px 2px 7px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}
ul#menu3 li a:hover { 		/* カーソル */
	color: #ff0000;
    text-decoration:underline;
	margin: 0px 1px 0px 0px;
	padding: 2px 7px 2px 7px;
}
/**/



div.actions {
	float:left;
	/*width:16%;*/
	/*width:120px;*/
	/*background-color: #AAA;*/
	padding:10px 1.5%;

}
div.actions h3 {
	padding-top:0;
	color:#777;
}
div.actions h4 {
	padding-top:0;
	color:#777;
}

/* setup view css */
dl {  
 border:1px solid #999;  
 width:640px;  
}  
dt {  
 float:left;  
 width:120px;  
 padding:5px 0 5px 10px;  
 clear:both;  
 font-weight:bold;  
}  
dd {  
 width:400px;  
 margin-left:120px;  
 padding:5px 5px 5px 10px;  
 border-left:1px solid #999;  
 _height: 1%;
}  



/* login 13.10.21 */
label.login {
	display: block;
	float: left;
	width: auto;
	font-size: 110%; font-weight: bold; white-space: nowrap;
}