/*====================================================
メディアテック株式会社

e-グル メイン Cascading Style Sheets
制作者：今野匡太
最終更新日：2005/12/15

====================================================*/

#menu0{
  position        : absolute;
  left            : 0px ;
  top             : 0px ;
  width           : 100%;
  height          : 18px;
  padding         : 4px;
  background-color: #2f4f4f;
}
#menu0 a{
  font-size       : 14px  ;
  text-decoration : none;
  color           : #ffffff;
}

.menu  {
  position        : absolute;
  margin          : 0px;
  padding         : 0px;
  height          : 1.5em;
  border-top      : 1px solid #eeeeee;
}
.menu a {
  background-color: #dddddd;
  width          : 180px;
  display        : block;
  padding-top    : 4px ;
  padding-left   : 8px ;
  padding-bottom : 4px ;
  border-top     : 1px solid #eeeeee;
  border-right   : 1px solid #666666;
  border-left    : 1px solid #dddddd;
  border-bottom  : 1px solid #333333;
  text-decoration: none;
  color: #2f4f4f;
}
.menu a:hover {
  background-color: #2f4f4f;
  border-bottom: 1px solid #000000;
  color: #ffffff;
}

/*====================================================
レイアウト
====================================================*/

body {
	background-color:#fff;
	padding: 0px;
	margin: 0px;
}

/* ログイン画面の調整 */
body#login {
	background-image: url(image/loginbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #9cf;
}

form {
	margin: 0px;
	padding: 0px;
}


/*====================================================
リンク
====================================================*/

a { text-decoration: none; }

a:link{ color:#336699; }

a:visited{ color:#336699; }

a:hover{ background-color:#C4F0FF; }

a:active {
	right: -2px;
	bottom: -2px;
	position: relative;
}

/*====================================================
ヘッダー
====================================================*/

h1 {
	padding: 0px;
	margin: 0px;
}

#header {
	font-size: 12px;
	background-image: url(image/header_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 60px;
	padding-bottom: 10px;
}

#header form {
	display: inline;
}

#header form a:active {
	position: static;
}

#header h1 a {
	width: 160px;
	height: 60px;
	background-image: url(image/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	float: left;
}

#header h1 a:active {
	right: 0px;
	bottom: 0px;
	position: relative;
}

/* ヘッダーセンター */

#hdCenter {
	width: 200px;
	height: 40px;
	padding: 20px 0px 0px 60px;
	float: left;
}

#hdCenter img {
	border: 0px;
}

/* ようこそメッセージ等 */
#hdExtra {
	text-align: right;
	padding: 20px 20px 0px 0px;
	float: right;
}

/* ボタン */
#wrapButton {
	clear: both;
}

#button {
	width: 96%;
}


/*====================================================
リストマーク
====================================================*/

ul, li {
	padding: 0px;
	margin: 0px;
}

ul {
	list-style-type: none;
}

li {
	margin-left: 4px;
	padding: 4px 0px 4px 16px;
	background-image: url(image/yajirusi.gif);
	background-position: left;
	background-repeat: no-repeat;
	background :url(image/yajirusi.gif) no-repeat left;
}

/*====================================================
ベースカラー
====================================================*/

.mainColor {
	background: #9cf;
}

.toneDown {
	background: #e1f0ff;
}

/*====================================================
テキスト
====================================================*/

.Normalfont, .Typewriter {
	font-size:14px;
	line-height: 150%;
}

.Typewriter {
	font-family: "ＭＳ ゴシック", "Osaka−等幅", monospace;
}

.Largefont {
	font-size:18px;
}

.Titlefont {
	font-size:22px;
	font-weight:bold;
	text-decoration:underline;
}

.Userfont {
	font-size:16px;
	font-weight:bold;
}

.Chufont {
	font-size:14px;
	font-weight:bold;
	color:red;
}

.Flowfont {
	font-size: 12px;
}

.LargeBold {
	font-size: 18px;
	font-weight: bold;
}

.Middlefont {
	font-size: 16px;
}

.MiddleBold {
	font-size: 16px;
	font-weight: bold;
}

.SmallFont {
	font-size: 14px;
}

.SmallBold {
	font-size: 14px;
	font-weight: bold;
}

.TinnyFont {
	font-size: 9px;
}

.TinnyBold {
	font-size: 9px;
	font-weight: bold;
}

/*====================================================
テーブル背景色
====================================================*/
.tblUn {
	BACKGROUND-COLOR: #feeeed;
}

.tblAl {
	BACKGROUND-COLOR: #ffffff;
}

/*====================================================
コピーライト
====================================================*/

#copyBg {
	height: 60px;
	text-align: center;
	padding-top: 20px;
	background-image: url(image/copy_bg.jpg);
	background-repeat: repeat-x;
}

#copyBg a {
	color: #fff;
}

/*====================================================
インフォメーション
====================================================*/

#info {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
}

#info h2 {
	font-size: 100%;
	padding: 4px;
	margin: 0px 40px 15px 40px;
	background-color: #FFFFCC;
	border-top: 2px solid #fc9;
	border-bottom: 2px solid #fc9;
	font-weight: normal;
	text-align: left;
}

#info ul {
	border: 1px dashed #ccc;
	background: #fff;
	padding: 4px;
	margin: 0px 40px 0px 40px;
	text-align: center;
}

#info li {
	font-size: 90%;
	padding: 6px 0px 6px 20px;
	background-image: url(image/info_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	list-style-type: none;
	text-align: left;
}

/*====================================================
印刷設定
====================================================*/

@media print {



ul {
	list-style-image: url(image/yajirusi.gif);
}

li {
	margin-left: 20px;
	padding: 0px 0px 4px 0px;
	background: none;
}

.needless {
	display: none;
}


}

/*====================================================
ポップアップメニュー
====================================================*/

/* フローティングメッセージのスタイル （ここから下で表示されるスタイルを指定）*/
.spanstyle {
	position:absolute;
	visibility:hidden;
	color:#000000; /* フォント色 */
	font-size:10pt; /* フォントサイズ */
	font-weight:solid; /* 太字はbold */
	border:1px gray solid; /* 枠線の太さ、色、形状 */
	padding:5px; /*メッセージウインドウのセル余白 */
	background-color:#FFFFCC; /* 背景色 */
	z-index:100;
	/* センタリングはネスケで表ｦ位置が大幅にずれるので使用しないで下さい */
}
/* フローティングメッセージの影のスタイル（コメントが有る部分以外はspanstyleに合わせる）*/
.syadowstyle {
	position:absolute;
	visibility:hidden;
	color:gray; /* フォント色 （背景色に合わせる） */
	font-size:10pt; /* フォントサイズ */
	border:1px gray solid; /* 枠線の太さ、色、形状 */
	padding:5px; /*余白 */
	background-color:gray; /* 背景色 */
	z-index:90;
	/* z-indexはspanstyleより必ず小さく */
}
.temp_style {
	color:#666666;
	font-weight:bold;
	background-color:#ffff00;
	text-decoration:none;
}