
/* 全体のフォントサイズを統一
----------------------------------------------------------- */
body {font-size:10pt;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/* 全体の配置位置を統一
----------------------------------------------------------- */
.AlignContainer	{
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}

/* 全体の画面サイズを設定（小さいバージョン）
----------------------------------------------------------- */
.SmallContainer	{width:760px;}

/* 枠からはみ出した部分の表示方法（はみ出た部分は表示しない）
----------------------------------------------------------- */
.Protrusion	{overflow: hidden;}

/* メニューバー設定
----------------------------------------------------------- */
ul.Menu	{list-style:none;}
li.Menu	{position:relative;float:left;}
div.MenuMainFrame	{position:relative;top:0px;left:0px;}
div.MenuSubFrame	{position:relative;top:0px;left:380px;}
div.MenuBaseFrame	{
	position: relative;
	height: 36px;
	background-image: url(../Image/Menu/Image_03.gif);
	background-repeat: repeat-x;
}
        
/* align設定用共通
----------------------------------------------------------- */
/* インライン要素に使用 */
.AlignCenter       {text-align:center;}
.AlignLeft         {text-align:left;}
.AlignRight        {text-align:right;}
/* ブロック要素に使用 */
.AlignCenterBlock  {text-align:center;margin-left:auto;margin-right:auto;}

/* padding設定用共通
----------------------------------------------------------- */
.PaddingSet {padding:3px;}

/* margin設定用共通
----------------------------------------------------------- */
.MarginTopSet0			{margin-top:0px;}
.MarginSet10			{margin:10px;}
.MarginTopSet10			{margin-top:10px;}
.MarginTopSet20			{margin-top:20px;}
.MarginBottomSet5		{margin-bottom:5px;}
.MarginRightSet100		{margin-right:100px;}
.MarginLeftSet5			{margin-left:5px;}
.MarginLeftSet50		{margin-left:50px;}
.MarginSet10-0-0-100	{margin-top:10px;margin-left:100px;}

/* height設定用共通
----------------------------------------------------------- */
.HeightSet			{height:64px;}
.HeightMiddleSet	{height:120px;}
.HeightTallSet		{height:300px;}

/* 配置設定用共通
----------------------------------------------------------- */
.PositionSet		{position:relative;}
.PositionSet100		{position:relative;width:100%;}
.PositionSet750		{position:relative;width:750px;}
.PositionLeft		{float:left;}
.PositionLeft3		{float:left;width:3%;}
.PositionLeft10		{float:left;width:10%;}
.PositionLeft12		{float:left;width:12%;}
.PositionLeft20		{float:left;width:20%;}
.PositionLeft50		{float:left;width:50%;}
.PositionLeft560	{float:left;width:560px;}
.PositionRight		{float:Right;}
.PositionRight50	{float:Right;width:50%;}
.PositionReposit	{clear:both;}

/* 下線設定
----------------------------------------------------------- */
div.UnderLine	{
	border-style: none none solid none;
	border-width: thin;
}

/* 表示・非表示切り替え
----------------------------------------------------------- */
.DisplayOff	{display:none;}

/* フッターありマスタページに配置しているフッターを下部固定化
----------------------------------------------------------- */
/* 高さを「％」で指定すると、親要素の高さに対する割合で
自身の高さを決定するため、最大の親要素から自身に至るまで
すべてに高さを設定する必要がある */
html#FMainPage_Html,
body#FMainPage_Body,
form#aspnetForm,
div#FMainPage_Main		{height:100%;margin:0 auto 0 auto;}
div#FMainPage_Detail	{min-height:100%;height:auto !important;height:100%;margin:0 auto -60px;}
div#FMainPage_Push		{height:60px;clear:both;}
/* 「margin」に指定したサイズと同じ「height」を指定すると
スクロールが発生してしまったため、10px分小さく指定 */
div#FMainPage_Footer	{height:50px;}

/* ヘッダーフッターありマスタページに配置しているフッターを下部固定化
----------------------------------------------------------- */
/* 高さを「％」で指定すると、親要素の高さに対する割合で
自身の高さを決定するため、最大の親要素から自身に至るまで
すべてに高さを設定する必要がある */
html#HFMainPage_Html,
body#HFMainPage_Body,
div#HFMainPage_Main		{height:100%;margin:0 auto 0 auto;}
div#HFMainPage_HDMain	{min-height:100%;height:auto !important;height:100%;margin:0 auto -60px;}
div#HFMainPage_Push		{height:60px;clear:both;}
/* 「margin」に指定したサイズと同じ「height」を指定すると
スクロールが発生してしまったため、10px分小さく指定 */
div#HFMainPage_Footer	{height:50px;}

/* 画面タイトル用レイアウト
----------------------------------------------------------- */
div.Title	{
	background-color: #4F8740;
	margin: 10px auto 10px auto;
	padding: 0px;
}
.TitleWord	{
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}

/* アップロードテーブル用テンプレート
----------------------------------------------------------- */
.TableBlue		{
	border-collapse: collapse;	border-spacing: 0;
	margin-bottom: 30px;
}
.TableBlue th	{
	background: #CAE5F1 url(../Image/Table/th.jpg) repeat-x;
	border-top: 2px solid #1D5C79;
}
.TableBlue td	{
	background: #F4FAFC url(../Image/Table/td.jpg) repeat-x;
}
.TableBlue th,.TableBlue td	{
	border-bottom: 1px solid #FFF;
	padding: 10px 5px;
	color: #1D5C79;
}

/* テーブル用スタイル（枠線を１本線にする）
----------------------------------------------------------- */
.TableBorderCollapse {border-collapse:collapse;}

/* 各コントロールの幅
----------------------------------------------------------- */
.NumberHeader				{Width:30px;float:left;}
.Number						{Width:30px;float:left;text-align:center;}
.ManageCode					{Width:120px;}
.JANCode					{Width:98px;}
.ItemName					{Width:105px;}
.ImagePath					{Width:225px;}
.ImageApplicationDateHeader	{Width:190px;}
.ImageApplicationDate		{Width:64px;}
.Note						{Width:125px;}
.Angle						{width:90px;display:none;}

.ImagePath_EXCEL			{Width:380px;}
.Note_EXCEL					{Width:530px;}

/* 履歴画面各コントロールの設定
----------------------------------------------------------- */
#divHeadLine						{position:relative;}
#divDetailList						{position:absolute;overflow:auto;height:390px;width:500px;}
#divDetail							{margin-left:500px;height:390px;width:490px;}
#divDetailHeader					{height:100px;}
#divDetailContents					{overflow:auto;height:290px;width:490px;}
#divDetailHeaderContents			{position:absolute;width:400px;margin-left:5px;}
#divDetailHeaderContentsMessageL	{position:absolute;width:80px;}
#divDetailHeaderContentsMessageC	{position:absolute;margin-left:85px;margin-top:0px;Width:300px;}
#divDetailHeaderContentsMessageLa	{float:left;width:80px;}
#divDetailHeaderContentsMessageCa	{float:left;Width:300px;}
#divDetailHeaderCommand				{margin-left:400px;width:90px;}
#divDetailContentsThumbnailIndex	{width:20px;background-color:#006600;color:#FFFFFF;}
#divDetailContentsDetailIndex		{width:30px;background-color:#006600;color:#FFFFFF;}

#divDetailHeaderContents_EXCEL			{position:absolute;width:480px;margin-left:5px;}
#divDetailHeaderContentsMessageL_EXCEL	{position:absolute;width:80px;}
#divDetailHeaderContentsMessageC_EXCEL	{position:absolute;margin-left:85px;margin-top:0px;Width:390px;}

.SmallImage	{max-height:35px;max-width:35px;}
.BigImage	{width:160px;}

/* 問い合わせ画面各コントロールの設定
----------------------------------------------------------- */
div.HeadLine	{
	border-style: none none solid solid;
	border-width: thin thin thin thick;
	border-color: #006600;
	padding-left: 3px;
}
div.ReferenceDetail	{width:710px;}

/* メニュー画面（管理者用）各コントロールの設定
----------------------------------------------------------- */
div.MenuGroup	{
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 1px;
	width: 150px;
	margin: 10px auto 10px auto;
}
div.MenuMain	{
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 1px;
}
div.MenuTitle	{background-color:#4F8740;}

/* ログイン画面各コントロールの設定（お知らせ表示部）
----------------------------------------------------------- */
div.InformationHeadLine	{
	border-style: solid solid none solid;
	border-width: 1px;
	Width: 500px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #E3EAEB;
}
div.InformationDetail	{
	border-style: solid;
	border-width: 1px;
	overflow: auto;
	height: 142px;
	width: 500px;
	font-size: small;
}
.InformationDate		{font-weight:bold;}