﻿/*□□□□□□□□□□□□□□□□□□□□

	サイト共通スタイル：基本

□□□□□□□□□□□□□□□□□□□□*/
/*////////////////////////////////////////
	要素
////////////////////////////////////////*/
html, body, form {
    padding: 0;
	margin: 0;
}
html {
	min-height: 100%;
	position: relative;
	font-family: "Hiragino Kaku Gothic ProN", 'Meiryo', sans-serif !important;
	font-size: small;
}
body {
	min-height: 100%;
	margin-bottom: 40px;
}

/*――― フォントの強制 ―――*/
body, input, select, option, textarea, .RadComboBox, .RadComboBoxDropDown, input.rcbInput, .riTextBox, div.RadGrid table.rgMasterTable *, .RadCalendar * {
	font-family: "Hiragino Kaku Gothic ProN", 'Meiryo', sans-serif !important;
	font-size: 1rem !important;
}
.RadComboBoxDropDown .rcbItem {
	font-size: 1rem !important;
}

/* メニューが折り返さないため */
form {
	min-width: 860px;
}
header {
	background-color: #219cde;
	box-shadow: #000 0px 1px 2px;
}
main {
	display: block;
	margin: 10px;
}
main::after {
	clear: both;
	content: "";
	display: block;
}
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	color: #808080;
	font-size: 80%;
	border-top: 1px solid #ccc;
}

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 * {
	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.15rem;
	display: block;
	padding: 5px 15px 3px 15px;
}
/* 選択状態 */
header table#HeadOutline tr#BottomArea #mainMenu a.selected {
	background-color: #0f4562;
	text-shadow: 1px 1px 0px #000;
}


/*////////////////////////////////////////
	基本（コンテンツ内）
////////////////////////////////////////*/
/*――― ページヘッダー ―――*/
/* ページタイトル */
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#DetailBase {
	text-align: center;
}
div.contentBase.detail,
div.contentBase.reply {
	vertical-align: top;
	display: inline-block;
	text-align: left;
}
div.contentBase.detail {
	margin: 5px;
	width: 650px;
	max-width: 650px;
}
div.contentBase.reply {
	margin-top: 5px;
	margin-left: 10px;
	width: 540px;
	max-width: 540px;
	border: 2px solid #295483;
}

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;
}

/*――― 回答フォーム専用 ―――*/
div.contentBase.reply h2 {
	background-color: #295483;
	border-bottom: 1px solid #295483;
	color: #fff;
}
div.contentBase.reply h2 * {
	color: #fff;
}



/*////////////////////////////////////////
	共通クラス
////////////////////////////////////////*/
/****** dl **********/
dl.asterisk_jp {
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
dl.asterisk_jp::after {
	display: block;
	clear: both;
	content: "";
}
dl.asterisk_jp dt {
	float: left;
	line-height: 1.3em;
}
dl.asterisk_jp dd {
	line-height: 1.3em;
	margin-left: 1.2em;
	white-space: normal;
}

.left, tr.left th, tr.left td {
	text-align: left !important;
}
.right, tr.right th, tr.right td {
	text-align: right !important;
}
.center, tr.center th, tr.center td {
	text-align: center !important;
}
.top {
	vertical-align: top !important;
}
.bottom {
	vertical-align: bottom !important;
}
.caution {
	color: red;
}
.comment {
	color: #666 !important;
}
.comment_s {
	color: #666 !important;
    font-size:90% !important;
}
.bold{
    font-weight:bold !important;
}
.elips{
	text-align: left !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
