body
{
/*	text-shadow: 0 1px 1px #f6f6f6;*/
	-webkit-text-size-adjust: none;	/*端末回転時のフォントサイズの拡大を防ぐ*/
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", sans-serif;
}

/* ブラウザ毎での値の調整を無効化 */
p, h4, table
{
	padding: 0;
	margin: 0;
}

h4
{
	padding: .5em;
}
/* ネットPC側で定義する固定の色付きは背景白抜き */
font[color="red"], font[color="blue"], font[color="green"]
{
	background-color: #ffffff;
}

/* 表の色は基本的に親を継承 */
table
{
	color: inherit;
	background-color: inherit;
}
/*
@media all and (orientation:landscape)
{
	body
	{
		width:480px;
	}
}
*/
ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li{
	display : inline;	/* IEの場合はインライン要素にしないと下に１行分の余白が出る */
	padding: 0;
	margin: 0;
}
li a
{
	display: block;
	margin-bottom: -1px;
	padding: .5em 1em .5em 5px;
	text-decoration: none;
	border-top: 1px solid #999999;
	position: relative;
}
li .tk
{
	display: inline-block;
	width: 3em;
	text-align: right;
	vertical-align: bottom;	/* ここを指定しないと携帯の場合は上にずれる*/
}
li .dd
{
	display: inline-block;
	width: 6em;
	text-align: right;
	vertical-align: bottom;	/* ここを指定しないと携帯の場合は上にずれる*/
}
li:first-child a
{
	border:none;
}

.right
{
	text-align: right;
}
.center
{
	text-align: center;
}

.none
{
	display: none;
}
.hidden
{
	visibility: hidden;
}

/* 携帯ページのスタイルセット定義 */

/* Page Header */
/* ページヘッダ固定スタイル */
.page-header-normal
{
	font-weight: normal;
	font-size: medium;	/* ここを定義しなければ帯フォントと連動 */
}
/* ページヘッダ可変スタイル：過去最高 */
.page-header-max
{
	padding: .5em 0;
}

/* ページヘッダ固定スタイル：最終更新日時 */
.page-header-time
{
	font-size: medium;
	padding: .5em 0;
}

/* Container */
.container
{
	margin-bottom: .5em;
}

/* コンテナのヘッダ */
.container-header
{
	text-align: left;
	padding: .5em;

	/* thema-header-b */
	text-shadow: 0 -1px 1px #145072;
	color: #ffffff;
	border: 1px solid;
	background: #2567ab;
	background-image: -webkit-linear-gradient(#5f9cc5,#396b9e);
	background-image: linear-gradient(#5f9cc5,#396b9e);
}

/* コンテナヘッダ固定スタイル */
.container-header > div
{
	font-size: small;
}

/* コンテナのボディ */
.container-content
{
	padding: .5em;
	position: relative;
	text-shadow: none !important;

	/* same as thema-body-lightgray */
	border: 1px solid #b3b3b3 ;
	color: #333;
	background: #f0f0f0;
	background-image: -webkit-linear-gradient(#eee,#ddd);
	background-image: linear-gradient(#eee,#ddd);
}


/* ヘッダーテーマ */
/* 黒 */
.thema-header-black
{
	text-shadow: 0 -1px 1px #000000 !important;
	color: #ffffff !important;
	border: 1px solid #222 !important;
	background: #333 !important;
	background-image: -webkit-linear-gradient(#555,#333) !important;
	background-image: linear-gradient(#555,#333) !important;
}
/* 青 */
.thema-header-blue
{
	text-shadow: 0 -1px 1px #145072 !important;
	color: #ffffff !important;
	border: 1px solid #145072 !important;
	background: #2567ab !important;
	background-image: -webkit-linear-gradient(#5f9cc5,#396b9e) !important;
	background-image: linear-gradient(#5f9cc5,#396b9e) !important;
}
/* グレー */
.thema-header-gray
{
	text-shadow: 0 1px 1px #f6f6f6 !important;
	color: #444 !important;
	border: 1px solid #ccc !important;
	background: #eee !important;
	background-image: -webkit-linear-gradient(#fdfdfd,#eee) !important;
	background-image: linear-gradient(#fdfdfd,#eee) !important;
}
/* 白 */
.thema-header-white
{
	text-shadow: 0 1px 1px #ffffff !important;
	color: #444 !important;
	border: 1px solid #ccc !important;
	background: #ffffff !important;
	background-image: -webkit-linear-gradient(#fff,#fff) !important;
	background-image: linear-gradient(#fff,#fff) !important;
}
/* 黄 */
.thema-header-yellow
{
	text-shadow: 0 1px 0 #ffffff !important;
	color: #333 !important;
	border: 1px solid #f7c942 !important;
	background: #fadb4e !important;
	background-image: -webkit-linear-gradient(#fceda7,#fadb4e) !important;
	background-image: linear-gradient(#fceda7,#fadb4e) !important;
}
/* 緑 */
.thema-header-green
{
	text-shadow: 0 -1px 1px #234403 !important;
	color: #ffffff !important;
	border: 1px solid #56a00e !important;
	background: #74b042 !important;
	background-image: -webkit-linear-gradient(#56a00e,#74b042) !important;
	background-image: linear-gradient(#56a00e,#74b042) !important;
}
/* オレンジ基調 */
.thema-header-orange
{
	text-shadow: 0 1px 1px #444 !important;
	color: #ffffff !important;
	border: 1px solid #f7931e !important;
	background: #de841b !important;
	background-image: -webkit-linear-gradient(#ffa121,#de841b) !important;
	background-image: linear-gradient(#ffa121,#de841b) !important;
}

/* コンテンツテーマ */
/* 黒 */
.thema-body-black
{
	text-shadow: 0 1px 0 #000000 !important;
	color: #ffffff !important;
	border: 1px solid #2A2A2A !important;
	background: #222 !important;
	background-image: -webkit-linear-gradient(#666,#222) !important;
	background-image: linear-gradient(#666,#222) !important;
}
/* ダークグレー */
.thema-body-darkgray
{
	text-shadow: 0 1px 0 #ffffff !important;
	border: 1px solid #c6c6c6 !important;
	color: #333 !important;
	background: #ccc !important;
	background-image: -webkit-linear-gradient(#e6e6e6,#ccc) !important;
	background-image: linear-gradient(#e6e6e6,#ccc) !important;
}
/* 白 */
.thema-body-white
{
	text-shadow: 0 1px 0 #ffffff !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
	background: #ffffff !important;
	background-image: -webkit-linear-gradient(#ffffff,#ffffff) !important;
	background-image: linear-gradient(#ffffff,#ffffff) !important;
}
/* ライトグレー */
.thema-body-lightgray
{
	text-shadow: 0 1px 0 #ffffff !important;
	border: 1px solid #b3b3b3 !important;
	color: #333 !important;
	background: #f0f0f0 !important;
	background-image: -webkit-linear-gradient(#eee,#ddd) !important;
	background-image: linear-gradient(#eee,#ddd) !important;
}
/* 黄 */
.thema-body-yellow
{
	text-shadow: 0 1px 0 #ffffff !important;
	border: 1px solid #f7c942 !important;
	color: #333 !important;
	background: #faeb9e !important;
	background-image: -webkit-linear-gradient(#fff,#faeb9e) !important;
	background-image: linear-gradient(#fff,#faeb9e) !important;
}

/* テーマの定義 */
/* テーマヘッダとテーマコンテンツを組み合わせたもの */

/* テーマ：黒 */
.thema-a, .thema-a .container-header
{
	/* same as thema-header-block */
	text-shadow: 0 -1px 1px #000000;
	color: #ffffff;
	border: 1px solid #222;
	background: #333;
	background-image: -webkit-linear-gradient(#555,#333);
	background-image: linear-gradient(#555,#333);
}
.thema-a .container-content
{
	/* same as thema-body-lightgray */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #b3b3b3;
	color: #333;
	background: #f0f0f0;
	background-image: -webkit-linear-gradient(#eee,#ddd);
	background-image: linear-gradient(#eee,#ddd);
}


/* テーマ：黒（廃止） */
.thema-aa, .thema-aa .container-header
{
	/* same as thema-header-block */
	text-shadow: 0 -1px 1px #000000;
	color: #ffffff;
	border: 1px solid #222;
	background: #333;
	background-image: -webkit-linear-gradient(#555,#333);
	background-image: linear-gradient(#555,#333);
}
.thema-aa .container-content
{
	/* same as thema-body-block */
	text-shadow: 0 1px 0 #000000;
	color: #ffffff;
	border: 1px solid #2A2A2A;
	background: #222;
	background-image: -webkit-linear-gradient(#666,#222);
	background-image: linear-gradient(#666,#222);
}

/* テーマ：青 */
.thema-e, .thema-e .container-header
{
	/* same as thema-header-blue */
	text-shadow: 0 -1px 1px #145072;
	color: #ffffff;
	border: 1px solid #145072;
	background: #2567ab;
	background-image: -webkit-linear-gradient(#5f9cc5,#396b9e);
	background-image: linear-gradient(#5f9cc5,#396b9e);
}
.thema-e .container-content
{
	/* same as thema-body-white */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #ccc;
	color: #333;
	background: #ffffff;
	background-image: -webkit-linear-gradient(#ffffff,#ffffff);
	background-image: linear-gradient(#ffffff,#ffffff);
}

/* テーマ：グレー */
.thema-c, .thema-c .container-header
{
	/* same as thema-header-gray */
	text-shadow: 0 1px 1px #f6f6f6;
	color: #444;
	border: 1px solid #ccc;
	background: #eee;
	background-image: -webkit-linear-gradient(#fdfdfd,#eee);
	background-image: linear-gradient(#fdfdfd,#eee);
}

.thema-c .container-content
{
	/* same as thema-body-darkgray */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #c6c6c6;
	color: #333;
	background: #ccc;
	background-image: -webkit-linear-gradient(#e6e6e6,#ccc);
	background-image: linear-gradient(#e6e6e6,#ccc);
}

/* テーマ：白 */
.thema-d, .thema-d .container-header
{
	/* same as thema-header-white */
	text-shadow: 0 1px 1px #ffffff;
	color: #444;
	border: 1px solid #ccc;
	background: #ffffff;
	background-image: -webkit-linear-gradient(#fff,#fff);
	background-image: linear-gradient(#fff,#fff);
}
.thema-d .container-content
{
	/* same as thema-body-white */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #ccc;
	color: #333;
	background: #ffffff;
	background-image: -webkit-linear-gradient(#ffffff,#ffffff);
	background-image: linear-gradient(#ffffff,#ffffff);
}


/* テーマ：黄色 */
.thema-b, .thema-b .container-header
{
	/* same as thema-header-yellow */
	text-shadow: 0 1px 0 #ffffff;
	color: #333;
	border: 1px solid #f7c942;
	background: #fadb4e;
/*	background-image: -webkit-linear-gradient(#fceda7,#fadb4e);*/
/*	background-image: linear-gradient(#fceda7,#fadb4e);*/
}
.thema-b .container-content
{
	/* same as thema-body-lightgray */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #b3b3b3;
	color: #333;
	background: #f0f0f0;
	background-image: -webkit-linear-gradient(#eee,#ddd);
	background-image: linear-gradient(#eee,#ddd);
}


/* テーマ：黄色（廃止） */
.thema-bb, .thema-bb .container-header
{
	/* same as thema-header-yellow */
	text-shadow: 0 1px 0 #ffffff;
	color: #333;
	border: 1px solid #f7c942;
	background: #fadb4e;
	background-image: -webkit-linear-gradient(#fceda7,#fadb4e);
	background-image: linear-gradient(#fceda7,#fadb4e);
}
.thema-bb .container-content
{
	/* same as thema-body-yellow */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #f7c942;
	color: #333;
	background: #faeb9e;
	background-image: -webkit-linear-gradient(#fff,#faeb9e);
	background-image: linear-gradient(#fff,#faeb9e);
}

/* テーマ：緑 */
.thema-f, .thema-f .container-header
{
	/* same as thema-header-green */
	text-shadow: 0 -1px 1px #234403 !important;
	color: #ffffff !important;
	border: 1px solid #56a00e !important;
	background: #74b042 !important;
	background-image: -webkit-linear-gradient(#56a00e,#74b042) !important;
	background-image: linear-gradient(#56a00e,#74b042) !important;
}
.thema-f .container-content
{
	/* same as thema-body-lightgray */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #b3b3b3;
	color: #333;
	background: #f0f0f0;
	background-image: -webkit-linear-gradient(#eee,#ddd);
	background-image: linear-gradient(#eee,#ddd);
}

/* テーマ：オレンジ */
.thema-g, .thema-g .container-header
{
	/* same as thema-header-orange */
	text-shadow: 0 1px 1px #444;
	color: #ffffff;
	border: 1px solid #f7931e;
	background: #de841b;
	background-image: -webkit-linear-gradient(#ffa121,#de841b);
	background-image: linear-gradient(#ffa121,#de841b);
}
.thema-g .container-content
{
	/* same as thema-body-lightgray */
	text-shadow: 0 1px 0 #ffffff;
	border: 1px solid #b3b3b3;
	color: #333;
	background: #f0f0f0;
	background-image: -webkit-linear-gradient(#eee,#ddd);
	background-image: linear-gradient(#eee,#ddd);
}

/* リンクのボタン化 */
.ui-btn-a
{
	text-align: center;
	font-size: small;
	cursor: pointer;
	position: relative;
	margin: 4px 2px;
	padding: .4em 5px;
	vertical-align: middle;
	-webkit-box-shadow: 1px 4px rgba(0,0,0,.3);
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
	border-radius: 1em;
	text-decoration: none;
	display: block;
	font-weight: bold;

	/* thema-b */
	text-shadow: 0 -1px 1px #145072;
	color: #ffffff;
	border: 1px solid #145072;
	background: #2567ab;
	background-image: -webkit-linear-gradient(#5f9cc5,#396b9e);
	background-image: linear-gradient(#5f9cc5,#396b9e);
}

/* リンクボタン内での矢印アイコン */
.ui-btn-a .ui-btn-icon-left, .ui-btn-a .ui-btn-icon-right
{
/*	top: .3em;*/
	top: 25%;
}

.ui-btn-icon-right
{
	/* ui-btn-icon-right */
	right: 4px;
	/* ui-btn-icon-common */
	display: inline;	/* auの場合はこれを指定するとliのスタイルが全解除される模様 */
	height:1em;
	line-height:1em;
	vertical-align:middle;
	top:.5em;
	bottom: 0;
	text-align: center;
	position: absolute;
	padding: 0;
	margin: 0;
	font-weight: bold;
	width: 1em;
	border-radius: .5em;
	background: rgba(0, 0, 0, .4); 	/* 理解できるブラウザのみグレー */
	color: rgba(255, 255, 255, 1);	/* 理解できるブラウザのみ白色 */
}
.ui-btn-icon-left
{
	/* ui-btn-icon-left */
	left: 4px;
	/* ui-btn-icon-common */
	display: inline;	/* auの場合はこれを指定するとliのスタイルが全解除される模様 */
	height:1em;
	line-height:1em;
	vertical-align:middle;
	top:.5em;
	bottom: 0;
	text-align: center;
	position: absolute;
	padding: 0;
	margin: 0;
	font-weight: bold;
	width: 1em;
	border-radius: .5em;
	background: rgba(0, 0, 0, .4);
	color: rgba(255, 255, 255, 1);
}

.ui-summary
{
	font-size: small;
}

/* aタグ時の矢印ボタンを考慮したスタイル */
.ui-a-summary
{
	padding: 0 2em 0 0;
	text-decoration: none;
	display: block;
	position: relative;
	cursor: pointer;
	font-size: small;
}

/* aタグ内でspanをブロック要素にする */
.ui-summary .span-block
{
	display: block;
	line-height: 1.5em;
	padding-left: 1em;
}

.ui-summary ul
{
	border: 0;
	margin: 0 1em;
}
.ui-summary li
{
	display: block;
	border-bottom: 1px solid #999999;
	padding: 1px;
	white-space: nowrap;
	margin-bottom: -1px;
	overflow: hidden;
	text-indent: -0.5em;
	padding-left: 0.5em;
}
.ui-summary table
{
	font-size: small;
	text-shadow: 0 1px 1px #f6f6f6;
}
.ui-summary td
{
	padding-right: 1.5em;
}

/* グラフ */
.ui-graph
{
	width: 100%;
	text-align: center;
	position: relative;
}
.ui-graph-content
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid red;
}

/* 複数画像の横方向マージ */
.ui-graph-content-marge
{
	display: inline-block;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid red;
}
.ui-graph-content-marge img
{
	vertical-align:middle;	/* IEでの下余白をなくすための措置 */
}
/* 履歴テーブル */
.container-content .ui-history table
{
/*	color:inherit;*/
/*	background-color: inherit;*/
}
.ui-history
{
	width: 100%;
	text-align: center;
/*	margin-top: 10px;*/
padding: .5em 0;
	position: relative;
}
.ui-history table
{
	font-size: small;
	width: 95%;
	border-spacing: 0;
/*	border-collapse: collapse;*/
	border-radius: 8px;
	vertical-align: top;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
/*	table-layout: fixed;*/

	border: 1px solid #b3b3b3;
/*	background-color:#f0f0f0;*/
/*	color:#333;*/
}
/* 履歴表の角丸化 */
/* border-collapse: separateを指定しないこと */
.ui-history tr
{
	text-align: left;
/*	vertical-align: top;*/
	vertical-align: middle;
}
.ui-history tr:first-child
{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
/*vertical-align: top;*/
}
.ui-history tr:last-child
{
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.ui-history tr:first-child td
{
	border:none;
white-space: normal !important;
}

/* 履歴表の各セルのスタイル */
/* デフォルト */
.ui-history td
{
	padding: .5em 0;
	border-top: 1px solid #b3b3b3;
white-space: nowrap;	/* 履歴表内のセルの自動改行は禁止 */
}
/* 先頭行 */
.ui-history td:first-child
{
	padding-left: .5em;
/*	vertical-align: middle;*/
}
/* 最終行 */
.ui-history td:last-child
{
	padding-right: .5em;
}
/* 履歴表内の自動改行許可セル */
.ui-history td.white-space-normal
{
	white-space: normal !important;
	vertical-align: middle;
}
/* 時刻セル */
.ui-history .time
{
	white-space: nowrap;

/*	padding: 4px;*/
/*	color: #ffffff;*/
/*	background-color: #6a6454;*/
/*	-webkit-border-top-left-radius: 8px;*/
/*	-webkit-border-top-right-radius: 8px;*/
/*	-webkit-border-bottom-left-radius: 8px;*/
/*	-webkit-border-bottom-right-radius: 8px;*/
}

/* font sizeが指定されている箇所の無効化 */
/* スタイルシートが読める端末のみで動作する */
.ui-history td font
{
	font-size: small;
}

/* 4種スランプグラフ切り替えボタンパネル */
table.ui-panel-selectgraph td
{
	width: 4em;
}