body{
  margin: 0;
  padding: 0;
  font-family:"Arial" ,monospace;
  font-size:12px;
}

div{
	margin-left:auto;
	margin-right:auto;
}

/* -----------------------------
 * ヘッダ情報
 *------------------------------ */
div.header{
	width:994px;
	height:92px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background-image: url("../img/header.gif");
}

div.header_sub1{
	width:694px;
	height:66px;
	float:left;
	text-align:left;
}

div.header_sub2{
	width:300px;
	height:66px;
	float:right;
	text-align:right;
}

/* -----------------------------
 * ヘッダ情報
 *------------------------------ */
.logo{
	width:320px;
	height:50px;
	float:left;
	text-align:left;
}


.sys_name{
	font-size:28px;
	text-align:left;
	color: #696969;
}

.screen_name{
	color: #696969;
	width:294px;
	height:22px;
	text-align:center;
	font-weight:bold;
	margin-top:7px;
	margin-right:3px;
	margin-bottom:0px;
	background-image: url("../img/screen_name.gif");
}

.screen_name1{
	text-align:right;
}

.screen_name2{
	vertical-align:middle;
	text-align:center;
}

/* -----------------------------
 * 会社名称
 *------------------------------ */
.job_name{
	width:350;
	height:60px;
	float:left;
	vertical-align:bottom;
}

.vheight{
	height:38px;
}

.comp_cd{
	width:52px;
	font-size:12px;
	color: #696969;
	margin-left:10px;
	text-align:left;
	font-weight:bold;
}

.comp_name{
	width:260px;
	font-size:12px;
	margin-left:0px;
	color: #696969;
	text-align:left;
	font-weight:bold;
}

/* -----------------------------
 * ログイン情報
 *------------------------------ */
.login_info{
	width:300px;
	height:16px;
	color:#696969;
	margin-top:8px;
	margin-right:3px;
	margin-bottom:10px;
	text-align:right;
	font-weight:bold;
}

.login_id{
	width:60px;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
}

.login_name{
	width:180px;
	height:14px;
	margin-right:3px;
	text-align:right;
	font-weight:bold;
}

.change_password{
	height:12px;
	margin-right:20px;
	margin-bottom:2px;
	text-align:right;
	color:#696969;
	font-weight:bold;
}

/* -----------------------------
 * 推奨環境リンク
 *------------------------------ */
.requirements{
	margin-top:15px;
	margin-right:10px;
}

/* -----------------------------
 * よくあるご質問（FAQ）リンク
 *------------------------------ */
 .qa_link_other{
	width:200px;
	height:66px;
	float:right;
	text-align:right;
 	margin-top:15px;
 	margin-left:480px;
 	position: absolute;
}

.qa_link_login{
	width:200px;
	height:66px;
	float:right;
	text-align:right;
	margin-top:15px;
	margin-left: 25px;
	position: absolute;
}

/* -----------------------------
 * メッセージ表示エリア情報
 *------------------------------ */
div.message{
	width:980px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:left;
	padding:4px;
	clear:all;
}

div.messageLogin{
	width:600px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:left;
	padding:4px;
	clear:all;
}

span.message_err{
	padding-left:3px;
	font-weight: bold;
	color:#ff0000;
}

span.message_info{
	padding-left:3px;
	font-weight: bold;
	color:#0000ff;
}

/* -----------------------------
 * コンテンツ情報
 *------------------------------ */
div.main{
	width:994px;
	padding-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	text-align:center;
}

div.main_sub{
	width:994px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color:white;
}

div.contents{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:14px;
}

div.contents_sub{
	padding: 10px;
	padding-left: 20px;
	text-align:left;
}

div.sub_window_main{
	width:780px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	text-align:center;
}

div.sub_window_main_contents{
	width:740px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12px;
}

/* -----------------------------
 * ボタンエリア情報
 *------------------------------ */
div.button_area{
	width:940px;
	height:50px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:right;
	background-image: url("../img/button_area.gif");
}

/* -----------------------------
 * フッタ情報
 *------------------------------ */
div.footer{
	width:954px;
	height:22px;
	margin-top:45px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	background-image: url("../img/footer.gif");
}

/* -----------------------------
 * コピーライト情報
 *------------------------------ */
span.copyright{
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}

/* -----------------------------
 * タイトル情報
 *------------------------------ */
.title{
	width:940px;
	height:28px;
	font-size:14px;
	vertical-align : middle;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	font-weight:bold;
	color: #696969;
	background-image: url("../img/title.gif");
}

.title_head{
	width:16px;
	height:28px;
	float:left;
	background-image: url("../img/title_head.gif");
}

.sub_title{
	height:24px;
	padding-top:5px;
	padding-left:5px;
	font-weight:bold;
	color: #696969;
	background-image: url("../img/sub_title.gif");
}

.item_title{
	text-align:right;
	height:16px;
}

/* -----------------------------
 * ボタン情報
 *------------------------------ */
.button{
	width:160px;
	height:32px;
	font-size:14px;
	text-align: center;
}

.s_button{
	width:70px;
	height:22px;
	text-align: center;
}

.f_button{
	width:120px;
	height:32px;
	text-align: center;
	vertical-align: middle;
}

.rotate_button{
	width:60px;
	height:22px;
	text-align: center;
}

.zoom_button{
	width:50px;
	height:22px;
	text-align: center;
}


/* -----------------------------
 * その他
 *------------------------------ */
.object{
	margin-left:5px;
	margin-right:5px;
}

.common_space1{
	width:20px;
	height:10px;
}


h1{
	color : white;
}

/* 文字赤文字化用 */
span.message_red{
	color:#ff0000;
}

/* pre項目の文字列折り返し、フォント継承設定用 */
pre.wrapper {
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: inherit;
}

.required_mrk_af::after{
	color:red;
	font-weight:bold;
	content:"*";
	font-size:20px;
	position:absolute;
	margin-left:3px;
}

.required::before{
	color:red;
	font-weight:bold;
	content:"* ";
}


/* -----------------------------
 * リンク設定
 *------------------------------ */

a{
	text-decoration: none;
}

a:link {
	color: #009900;
}
a:hover {
	color :#ff0000;
}
a:visited {
	color: #669966;
}
a:active {
	color: #cc9900;
}

.image_files{
	text-decoration:none;
}
/* -----------------------------
 * テーブル関連
 *------------------------------ */

table.table_body tr:hover{
	background-color:#afeeee;
}

tr.table_title{
	height:22px;
}

div.table_header{
	height:22px;
	margin-bottom:1px;
}

table.table_header{
	border-style:solid;
	border-width:1px;
	border-color:rgb(230,230,230);
	font-size:11px;
	background-image:url("../img/tablebg.jpg");
}

div.table_body{
	margin-top:1px;
	overflow:scroll;
	overflow-x:hidden;
}

table.table_body{
	border-style:solid;
	border-width:1px;
	border-color:rgb(230,230,230);
	font-size:10px;
}

table.table_body tr{
	height:20px;
}

tbody.stripe-table td{
	word-break:break-all;
}

tr.odd{
	background-color:#ffffff;
}

tr.even{
	background-color:rgb(245,245,245);
}

/* -----------------------------
 * 背景色
 *------------------------------ */
input.readonly{
	background-color:#ffffff;
	border:none;
	padding:1px;
}

/* -----------------------------
 * 各項目の幅
 *------------------------------ */
/* 書類種別 */
.SHRUISYUBTMEISHO{
	width : 180px;
}

/* 回収項目 */
.KAISHUKMOKNAIYO{
	width : 240px;
}

/* 不備チェック項目 */
.FUBIKMOKMEISHO{
	width : 180px;
}

.date{
	width:80px;
}

.SHRUISYUBTMEISHO{
	width:220px;
}

#user_id{
	width:200px;
}

#user_password{
	width:120px;
}

#mail_address1{
	width:200px;
}

#mail_address2{
	width:200px;
}

#ysdmemo{
	margin:10px;
	width:92%;
}

#memo{
	margin:10px;
	width:92%;
}