/********** 色概要↓ **********
* #FF7E00	:タイトル、ボーダ、チップヘルプ背景(濃いオレンジ)
* #FFCC66	:ラベル背景(薄いオレンジ)
* #FFF799	:背景(薄い黄色)
*********** 色概要↑ **********/


/********** 一般↓ **********/
body {
	background-color: #FFF799;
	margin:10px;
	text-align:center;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
}
form {
	margin:0px;
}
td {
	border: 1px solid #FF7E00;
}
td.Spacer {
	border: none;
}
hr {
	color: #FF7E00; 
}
input {
	margin: 0px;
}
textarea {
	margin: 0px;
	overflow-x:hidden;
	overflow-y:auto;
	font-family:'ＭＳ Ｐゴシック';
	font-size:10pt;	/* textboxとあわせるため固定値 */
}
img { border: 0 }
.Border {
	border-style:solid!important;
	border-width:1px!important;
}
.Left {
	text-align:left!important;
}
.Right {
	text-align:right!important;
}
.Center {
	text-align:center!important;
}
.FontLarger {
	font-size:120%;
}
.FontSmaller {
	font-size:80%;
}
/* コード型↓ */
.Code ,
.Mail ,
.URL {
	ime-mode: disabled;
}
/* 名称型↓ */
.Name {
	ime-mode: active;
}
/* 日付型↓ */
input.Date {
	ime-mode: inactive;
}
/* 時間型↓ */
input.Time {
	text-align: center;
	ime-mode: disabled;
	padding-right: 1px;
	padding-left: 0px;
}
/* 数値型↓ */
input.Number ,
input.Tel {
	ime-mode: disabled;
	padding-right: 1px;
	padding-left: 0px;
}
input.Number {
	text-align: right;
}
/* 最大値↓ */
input.MaxValue {
	color:red;
}
/* 最小値↓ */
input.MinValue {
	color:blue;
}
/* 必須項目↓ */
.InputRequiredItem {
	/* background-color: #FFFF99; */
	color:black;
}
/* 必須ラベル(add 20071127)↓ */
span.InputRequiredItem ,
div.InputRequiredItem {
	margin-left:2px;
	color:red;
	font-size:80%;
	letter-spacing:-1px;
	text-align:right;
}
/* エラー項目↓ */
.InputErrItem {
	background-color: #FF0000;
	color:#FFFFFF !important;
}


/********** タイトルやメッセージ用↓ **********/
/* ページ最上部タイトル↓ */
.TitleArea {
	border-bottom: #FF7E00 3px double;
	margin-bottom:0px;
}
.TitleArea a {
	font-family: sans-serif; 
	color: #FF7E00; 
	letter-spacing: 3px;
}
.TitleArea a:link,
.TitleArea a:visited {
	text-decoration: none;
}
.TitleArea a:hover {
	text-decoration: underline;
}
/* ページ最下部のコピーライト↓ */
.CopyRight {
	border-top: #FF7E00 3px double;
	padding-top:5px;
	font-size:80%;
	margin-top:10px;
}
/* 通常メッセージ↓ */
.NormalMsg {
	color:black;
	font-size: 120%;
	font-weight: bold;
	border-bottom:3px double red;
}
.ErrorMsg {
	color:red;
	font-weight: bold;
}
/* 注意書きメッセージ↓ */
.AttentionMsg {
	font-size:80%;
	margin:4px;
	white-space:nowrap;
}
/* 注意書きメッセージ(赤色)↓ */
.AttentionMsgRed {
	color:red;
	font-size:80%;
	margin-right:20px;
	white-space:nowrap;
}
/* 注意項目(TD、又はボディ部参照用Input)(要処置一覧の対応予定日等に使用)↓ */
td.Attention,
.BodyAreaOutput input.Attention,
table.BodyAreaReadOnly td.BodyAreaInput input.Attention {
	background-color: #FFCC00 !important;	/* オレンジ色 */
}


/********** レイアウト用↓ **********/
.MailformContents {
	width:550px;
	overflow:auto;
	margin: 0 auto;
}
.BBSContents {
	width:700px;
	overflow:auto;
	padding-top:10px;
}

/********** 書き込みエリア↓ **********/
/* テーブル↓ */
table.EntryArea {
	border-collapse: separate;
	margin-left: auto;	/* firefox用センタリング */
	margin-right: auto;	/* firefox用センタリング */
}
/* ラベル用セル(upd 20071127)↓ */
.EntryAreaLabel {
	padding-left:8px;
	padding-right:4px;
	text-align: left;
	vertical-align: middle;
	/* white-space:nowrap; */
	background-color: #FFCC66;
	border:none;
	font-size:80%;
}
/* グループラベル用セル(add 20071127)↓ */
.EntryAreaGroupLabel {
	padding-top:8px;
	text-align: left;
	font-weight:bold;
	font-size:80%;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom: 1px solid #FF7E00;
	color:#FF7E00;
	line-height:80%;
}

/* 入力用セル↓ */
td.EntryAreaInput {
	margin-right: -2px;
	margin-left: -2px;
	border:none;
	/* white-space:nowrap; */
	font-size:80%;
}
/* 入力用セルの注釈(add 20071127)↓ */
.Note {
	font-size:80%;
	font-weight:normal;
	text-align:right;
	color:#696969;
	margin-left:8px;
}
/* 入力用↓ */
td.EntryAreaInput input,
td.EntryAreaInput textarea,
td.EntryAreaInput select {
	margin-top: -1px;
	margin-bottom: -1px;
	margin-right: -1px;
	/* border:1px solid #FF7E00; */
}
/* 入力用Label↓ */
td.EntryAreaInput label {
	margin-left: 3px;
	margin-right: 5px;
	font-size:80%;
}
/* 参照用セル↓ */
.EntryAreaOutput {
	border: 1px solid #999999;
	font-size:80%;
}
/* 参照用項目↓ */
.EntryAreaOutput input {
	border:none;
	background-color: #FFF799;
}

/********** BBS記事↓ **********/
.ArticleArea {
	border: 1px solid #FF7E00;
	margin-bottom:15px;
	padding:5px;
	width:100%;
}

/********** BBSページ、BBS返信リンク↓ **********/
.PageArea {
	margin:5px;
	text-align:right;
	font-size:80%;
}
.PageArea a {
	font-size:120%;
}
.ShowEntryResArea a {
	font-size:80%;
}
.ShowNextPage a:link ,
.ShowNextPage a:visited ,
.ShowEntryResArea a:link ,
.ShowEntryResArea a:visited ,
.PageArea a:link ,
.PageArea a:visited {
	color: #FF3300;
	text-decoration: underline;
}
.ShowNextPage a:hover ,
.ShowEntryResArea a:hover ,
.PageArea a:hover {
	text-decoration: underline;
}

/********** BBS読み込みエリア↓ **********/
/* テーブル↓ */
.ReadArea {
	border: 7px double #FFCC66;
	padding:5px 5px 0px 5px;
	margin-bottom:10px;
}
/* 投稿情報、返信情報↓ */
.ReadArea .ArticleInfo ,
.ReadArea .ResInfo {
	border-bottom: 1px solid #FF7E00;
	text-align:left;
	margin:5px 5px 0px 5px;
	white-space:normal!important;
}
/* 投稿コメント、返信コメント↓ */
.ReadArea .ArticleComent ,
.ReadArea .ResComent {
	text-align:left;
	padding-top:5px;
	padding-left:15px;
}
/* ラベル用セル↓ */
.ReadAreaLabel {
	background-color: #FFCC66;
}
/* 参照用セル↓ */
.ReadAreaLabel ,
.ReadAreaOutput {
	font-size:80%;
	padding-left:5px;
	padding-right:5px;
	border:none;
}

/********** ボタン用↓ **********/
/* 通常ボタン↓ */
.ButtonArea{
	border:none;
	text-align: right;
	vertical-align:bottom;
	width:98%;
	clear:both;
}
.ButtonArea button {
	font-size:120%;
	margin-left:5px;
}
/* 小さいボタン↓ */
button.SmallButton{
	font-size:60%;
	margin-left:4px;
}


/********** メールフォームのヘルプチップ↓ **********/
.TipHelp {
	position:relative;
}
.TipHelp .TipHelp {
	position:absolute;
	top:-123px;
	left:-140px;
	width:500px;
	background-color:white;
	display:none;
	padding:5px;
	background-color: #FF7E00;
}
.TipHelp img {
	vertical-align:text-top;
}