@charset "UTF-8";

/*================[GLOBAL]================*/
*	{
	margin:0;
	padding:0;
	text-decoration: none;
}
body {
	margin: 0;
	padding: 0;
	background:#ffffff url(../img/ogline_bg10.GIF) repeat ; /* 全体の背景色 */
	color: #404040; /* 全体の文字色 */
	font-size:80%; /* 全体の文字サイズ */
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
.english {
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	line-height: normal;
}

li {list-style-type:none;}

img {border:none;}


a:link {
	color: #0000ff;

}
a:visited { color: #000090; }
a:hover { color: orange; }
a:active { color: orange; }

table	{

	caption-side: bottom
}

table th,td{
	font-size:1em;

	padding:0px 5px 0 0;
	text-align:left;
}

/* --- ページ --- */
#page {

	width: 950px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
//background:#fff22f

}
/*============[HEADER]============*/
#header {

	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: 950; /* IE 6のために幅の指定が必要 */
	height:110px;
	margin: 0 auto; /* センタリング */
	padding:0; /* ヘッダのパディング（上、左右、下） */

}
/* --- ▼ヘッダ内の設定▼ --- */


/* --- サイトタイトル --- */

/* eypタイトルの画像 */

#header p.topTitle img {
//	padding:45px 0 0px 0;
	width:229px;
	position: absolute; /* 絶対配置 */

	top: 45px; /* 上からの距離 */
	left: 0px; /* 右からの距離 */
}

hr.tpboundary {
	position: absolute; /* 絶対配置 */
	width:100%;
	top: 69px; /* 上からの距離 */
	left: 0px; /* 右からの距離 */

border:1px #ffa500 solid;
}

/* --- phrase --- */
#header p.phrase {
//	margin: 10px 0 0px; /* キャッチフレーズのマージン（上、左右、下） */
	position: absolute; /* 絶対配置 */
	width:200px;
	top: 75px; /* 上からの距離 */
	left: 0px; /* 右からの距離 */
}
#header  strong {
	font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- hright --- */
#header div.hright	{
	position: absolute; /* 絶対配置 */
	top: 0px; /* 上からの距離 */
	right: 0px; /* 右からの距離 */

}

#header div.hright ul	{
	margin-top:45px;
}

ul.subnav {
	float:left;
}
ul.subnav li {
	display: inline;
	padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
	background: url(../img/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
}

ul.subnav a:link { color: #696969; }
ul.subnav a:visited { color: #000090; }
ul.subnav a:hover { color: #ff8c00; }

/* 最初の項目 */
ul.subnav li.first {
	background: none; /* 区切り線なし */
}

/* --- ▲ヘッダ内の設定▲ --- */
/*============[NAV]============*/
#navbg	{
	margin:0 0 0px 0;
	border-top: 1px #c0c0c0 solid; /* コンテナの上境界線 */
	border-bottom: 1px #808080 solid; /* コンテナの下境界線 */
	width: 950px; /* ページの幅 */

}
#navbg div.nav {
	margin:2px 0px 2px 0px;
	background-color:#d3d3d3;
}
/* --- ▼nav内の設定▼ --- */
/* --- navメニュー --- */
.nav ul.mainnv {
	margin: 0 auto; /* センタリング */
	width: 950px; /* メニューの幅（ページの幅から2px引いた値） */
	background: #d3d3d3; /* ヘッダメニューの背景 */
	text-align: center;
}

/* navメニュー項目 */
.nav ul.mainnv li {
	height:50px;
	width: 158px; /* 項目の幅 */
	float: left;
}

/*  navリンクエリア */
.nav ul.mainnv li a {
	display: block;
	position: relative; /* IE6用 */
	height:37px;
	padding: 4% 2px; /* リンクエリアのパディング（上下、左右） */
	font-weight: bold; /* 文字の太さ（太字） */
	color: black; /* 文字色 */
}
/* ポイント時とアクティブ時の設定 */
.nav ul.mainnv li a:hover	{
	background: #808080; /* ポイント時の背景色 */
	color: #ffffff; /* ポイント時（アクティブ時）の文字色 */
	font-size: 80%;
	height:37px;
	font-weight: normal; /* 文字の太さ（ノーマル） */

}

.nav ul.mainnv li.active a {
	background: #ffa500; /* アクティブ時の背景色 */
	border-bottom:3px gray solid;
	color: #808080; /* ポイント時（アクティブ時）の文字色 */
}
/* hover時の日本語の文字設定 */
	.nav ul.mainnv li  a:hover span.jp{
	font-size: 1.1em;
	font-weight: bold; /* 文字の太さ */
	color:#ffa500;
}

/* 通常時の日本語の文字設定 */
.nav ul.mainnv li a span.jp {
	display: block;
	margin-top: 1%; /* 英字部分の上マージン */
	font-size: 0.7em; /* 英字の文字サイズ */
	font-weight: normal; /* 文字の太さ（ノーマル） */
	color:#808080;
}
/* 選択中の日本語の文字設定 */
.nav ul.mainnv li.active a:hover span.jp {
	color: #ffffff; /* ポイント時（アクティブ時*選択中*）の文字色 */
}


/* --- ▲nav内の設定▲ --- */


/* --- コンテナ --- */
#container {
	width: 980px; /* コンテナの幅 */
	height:100%;
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* コンテナの背景色 */


}



/* --- サイドバー(B) --- */
#koji-chu	{
	text-align: center;
	padding:100px;
}


#eyp_side	{
	float: right;
	width:150px;
	height:100%;
	margin-top:10px;
	padding: 0;
background-color: #fff22f;
}


/* --- 罫線 --- */
#page hr.boundary {
	display: none; /* 表示形式（なし） */

}


/* --- メインカラム --- */
#main {

	width: 950px; /* メインカラムの幅 */
	margin: 0 auto; /* センタリング */
padding: 0;
}


/* --- ページタイトル --- */
/* 見出しエリア */
	#main div.pageTitle {
	width:100%;
	padding: 7px 0px; /* 見出しエリアのパディング（上下、左右） */
	background: #4d4d4d url(../img/heading_back6.gif) repeat-x top; /* 見出しエリアの背景 */
	margin: 0 10px 10px 0; /* 見出しエリアのマージン（上右下左） */
}

#main div.pageTitle h1 {

	font-size: 120%; /* 見出しの文字サイズ */
	color: #f0f0f0; /* 見出しの文字色 */
	line-height: 100%;
}
/* --- LoginSection --- */
#main div#eyp_Login	{
	width: 250px; /* メインカラムの幅 */
	height:250px;
	margin: 0 auto; /* センタリング */
	padding: 0;

}

#main div#eyp_Login div.forminputtext input	{
	width: 100%;
	margin: 0 0 10px;
}
#main div#eyp_Login div.formsubmit	input{
	float: right;
	width:60px;
}
#main div#eyp_entryitem	{
	width: 385px; /* メインカラムの幅 */
	height:200px;
	margin: 0 auto; /* センタリング */
	padding: 100px;

}

#main div#eyp_entryitem div.forminputtext input	{
	width: 100%;
	margin: 10px 0 10px;
}
#main div#eyp_entryitem div.formsubmit	input{
	float: right;
	width:60px;
}

div.errmsg	{
		color: red;
}
#main div.eyp_Logout	{
float:right;
}
#main div.eyp_Logout div.formsubmit	input{
float:right;
}
/* --- フッタ --- */
#footer {

	position:absolate;
	width: 100%;
	padding: 0; /* フッタのパディング（上、左右、下） */
	border-top: 1px #808080 solid; /* フッタの上境界線 */
	background-color:#d3d3d3;
	clear:both;
}

#footer div.fnav	{
	width:100%;
	height:90px;
	font-size:0.8em;
	text-align:center;


}
#footer div.fnav a	{
	color:#808080;
}

#footer div.fnav  ul.fmnav li	{
	float:right;
	display:block;
	border-left: 0.1px solid #ffffff;
	width:90px;
	height:22px;
}

#footer div.fnav  ul.fmnav li a	{
	display:block;
	width:80%;
	margin:0px 2px 2px 8px;
	padding-top:2px;
	font-family:verdana,Helvetica,sans-serif;
	font-weight:bold;

}
#footer div.fnav  ul.fmnav li.active a:hover	{

	font-weight:bold;
}
#footer div.fnav  ul.fmnav li a:hover	{
	font-weight:bold;
	color:#ffaa00;

}
#footer div.fnav  ul.fmnav li.active a	{
	border-top: 4px solid #ffaa00;
	color:#FFFFFF;
}

#footer ul.fsubnav	{
	float:right;
	clear:both;
}
#footer ul.fsubnav li	{
	float:left;
	display:block;
	margin:20px 0 0 0 ;
	padding: 5px;
}


p.c-both	{
	padding-top:10px;
	clear:both;
}
br.c-both	{
	clear:both;
}

/* --- CashBook テーブル --- */
#cashbook	{
width:950px;

}
#cashbook table {
border-collapse: collapse;
border: 2px #808080 solid;
table-layout: auto;
width:100%;
}
#cashbook tbody{
	width:100%;
}

#cashbook th	{
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}
#cashbook td, #cashbook th {
	padding: 5px 10px;
word-wrap:break-word;
}
#cashbook td.item-img	{

text-align:center;
width:60px;
}
#cashbook td.item-name	{

	word-wrap:break-word;
	width: 20%;
}
#cashbook td.Num	{
	width: 60px;
}
#cashbook td.Loc	{
	width: 120px;
}
#cashbook td.Rem	{
	width: 90px;
}
#cashbook td.cur	{
	text-align:right;
width: 94px;


}
#cashbook td.cntbtn	{
text-align:center;
width: 30px;


}

.set-text{
	display: none;
	position: absolute;
	top: 1em;	/*★省略不可、ブラウザ初期値バラバラ*/
	left: 1em;　	/*★Firefoxでhoverが無効になります*/
}
a:hover {
	position:relative;
	text-decoration:none;
}
a:hover .set-text {
	display: block;
	background-color: #e79221;
	padding:3px;
	color:#ffffff;

	border-top:#ffffff solid 10px;	/*フキダシ用*/
	border-left:#e79221 solid 5px;	/*フキダシ用*/
}

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}