/*□□□□□□□□□□□□□□□□□□□□

	サイト共通スタイル：基本

□□□□□□□□□□□□□□□□□□□□*/
/*////////////////////////////////////////
	要素
////////////////////////////////////////*/
/*――― フォントの強制 ―――*/
html, body, from, input {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	font-size: 90%;
}
html, body, form {
    padding: 0;
	margin: 0;
}
html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 40px;
}
/* メニューが折り返さないため */
form {
	min-width: 860px;
}
h2 {
	font-size: 105%;
	margin: 0;
	/*
	color: #3399cc;
	text-indent: 0.5em;
	border-top: 3px double #3399cc;
	border-bottom: 3px double #3399cc;
	line-height: 2em;
		*/
}
a {
	color: #1061B2;
	text-decoration: none;
}

/*////////////////////////////////////////
	基本（ページ構成）
////////////////////////////////////////*/
/*――― ヘッダー ―――*/
header {
	background-color: #219cde;
	box-shadow: #000 0px 1px 2px;
}
header * {
	vertical-align: middle;
}
header table#HeadOutline {
	border-collapse: collapse;
	width: 100%;
}

/*――― ヘッダー：上部 ―――*/
header table#HeadOutline tr#TopArea {
	background-color: #fafafa;
}
header table#HeadOutline tr#TopArea td {
	padding: 5px;
}
header table#HeadOutline tr#TopArea td a {
	margin-right: 1em;
}
header table#HeadOutline tr#TopArea td a img{
	margin-right: 3px;
}
header table#HeadOutline tr#TopArea td span#LoginUser {
	margin-left: 15px;
	margin-right: 15px;
}
header table#HeadOutline tr#TopArea td a#lnkLogout {
	margin: 0;
}

/*――― ヘッダー：下部（メインメニュー） ―――*/
header table#HeadOutline tr#BottomArea td {
	padding: 0;
}
header table#HeadOutline tr#BottomArea #mainMenu {
	margin-left: 30px;
}
header table#HeadOutline tr#BottomArea #mainMenu {
    max-height:29px;
}
header table#HeadOutline tr#BottomArea #mainMenu ul li {
	margin-right: 10px;
    float:left;
}
header table#HeadOutline tr#BottomArea #mainMenu a {
	color: #fff;
	font-size: 1.1em;
	display: block;
	padding: 5px 15px 3px 15px;
}
/* 選択状態 */
header table#HeadOutline tr#BottomArea #mainMenu a.selected {
	background-color: #0f4562;
	text-shadow: 1px 1px 0px #000;
}

/*――― メイン―――*/
main {
	display: block;
	margin: 10px;
}

/*――― フッター ―――*/
footer {
	color: #808080;
	font-size: 80%;
	margin: auto;
	margin-top: 25px;
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 5px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


/*////////////////////////////////////////
	基本（コンテンツ内）
////////////////////////////////////////*/
/*――― ページヘッダー ―――*/
/* ページタイトル */
table#PageHeader {
	width: 99%;
	border-collapse: collapse;
	margin: 3px auto;
	border-bottom: 3px double #999;
}
table#PageHeader td {
	white-space: nowrap;
}
table#PageHeader h1 {
	font-size: 130%;
	display: inline;
	font-weight: normal;
	margin-left: 0.2em;
}
/* サブタイトル */
table#PageHeader h1 span {
	font-size: 95%;
	vertical-align: text-top;
	margin-left: 5px;
}
table#PageHeader td#SubArea {
	text-align: right;
}

/*――― コンテンツ基本 ―――*/
div.contentBase {
	border: 1px solid #999;
	border-radius: 5px 5px;
	margin-bottom: 10px;
}
div.contentBase h2 {
	background-color: #eee;
	border-bottom: 1px solid #999;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #444;
	padding: 3px 8px 2px 8px;
}
div.contentBase div.contentMain {
	margin: 10px;
}

/*――― コンテンツ基本（Navyカラー） ―――*/
div.contentBase.navy {
	border: 2px solid #295483;
}
div.contentBase.navy h2 {
	background-color: #295483;
	border-bottom: 1px solid #295483;
	color: #fff;
}
div.contentBase.navy h2 * {
	color: #fff;
}



/*////////////////////////////////////////
	共通クラス
////////////////////////////////////////*/
/****** dl **********/
dl.asterisk_jp {
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
dl.asterisk_jp dt {
	float: left;
}
dl.asterisk_jp dd {
	margin-left: 1.2em;
	margin-bottom: 0.2em;
	white-space: normal;
}

.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.top {
	vertical-align: top !important;
}
.caution {
	color: red;
}
.comment {
	color: #666 !important;
}
.comment_s {
	color: #666 !important;
    font-size:85% !important;
}
.bold{
    font-weight:bold !important;
}
.elips{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* for Demo */
div.msgArea {
	text-align: center;
	margin: 10px;
}