@charset "UTF-8";
/*************************************************************
* DC運営システム
* 共通
*
* @author	GlobalEngineering
* @since	1.0
* @version	1.0	2012/04/16	GE s.tomita	ベースバージョン
*
*************************************************************/

/* CSS Document */
*{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0;
	padding:0;
	font-size: 10.5px;
}

img {
	border:none;
	vertical-align: text-bottom;
}

.clear {
	clear:both;
}

p {
	/* font-size:0.8em; */
}

a {
	color:#019dbe;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

html{
	/** heightはリキッド用スタイル　編集禁止 **/
	height:97%;
}
body{
	/** heightはリキッド用スタイル　編集禁止 **/
	height:100%;
	background:#eeeeee;
	/*
	font-size: 10px;
	*/
}

/** 縦リキッド用スタイル　編集禁止 **/
.container{
	background:url(../images/main_bg.png) repeat-y;
	width: 1000px;
	margin:0px auto;
	position:relative;
	height: 100%;
	min-height: 100%;
}
body > .container {	
	background:url(../images/main_bg.png) repeat-y;
	height: auto;
}

.main{
	background:url(../images/header_bg.png) left top no-repeat;
	width: 1000px;
	margin-bottom:16px;
	min-height:500px;
	position:relative;
	height: 100%;
}
/** 縦リキッド用スタイル　ここまで **/

/** 背景リキッド部分 **/
.main_box {
	position:absolute;
	width: 1000px;
	z-index:2;
}

.bg_top {
	background:url(../images/login_main_bg.png) left top no-repeat;
	height:257px;
	position:absolute;
	left:0;
	width:1000px;
	z-index:0;
}

.bg_bottom {
	background:url(../images/main_bg_bottom.png) left bottom no-repeat;
	height:205px;
	position:absolute;
	bottom:15px;
	width:1000px;
	z-index:0;
}

/* head
=======================================*/
.head {
	height:50px;
	padding: 0 0 0 170px;
}
.head .page_name {
	float:left;
	/* font-size:0.6em; */
	padding:18px 25px 0 0;
}

.head .user {
	float:left;
	/* font-size:0.6em; */
	padding:18px 25px 0 0;
}

.head .company {
	float:left;
	/* font-size:0.6em; */
	padding:18px 25px 0 0;
}

.head .select_box {
	width:145px;
	padding:9px 20px 0 0;
	float:right;
	z-index: 2;
}

.head .select_box select {
	/* font-size:0.8em; */
	height:20px;
}

/* content
=======================================*/
.main .content {
	min-height:440px;
	margin:0 auto;
	padding:0 0 15px 0;
	width:960px;
}

	.login_contents {
		/*
		background-image:url(../images/main_bg.png); HEIGHT: 100%;
		*/
		z-index: 0;
	}

	.login_main_top {
		position: relative;
		width:100%;
		/*
		background-image: url(../images/login_main_bg.png);
		*/
		background-repeat: no-repeat;
		background-position: 0px -50px;
		margin-bottom: 0px;
		z-index: 1;
		height: 207px;
	}

	.login_main_top .login_main_box{
		position:absolute;
		left:250px;
		top:47px;
		width:500px;
		height:330px;
		background: url(../images/login_bg.png) no-repeat left top;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		padding: 0px;
		margin: 0px;
	}

	.login_main_top .login_main_box .login_input_box {
		/* font-size:0.8em; */
		padding: 0px;
	}

	.err {
		color:#d80018;
		padding: 0 0 0px 0;
		text-align: right;
	}

	.login_main_top .login_main_box .login_input_box .login_err{
		color:#d80018;
		padding: 0;
		text-align: left;
		height:40px;
		/*
		font-size: 0.8em;
		*/
		position: relative;
	}

	.login_main_top .login_main_box .login_input_box .login_err ul{
		list-style: none;
		padding:0;
		font-size: 10px;
		/* font-size:0.7em; */
	}

	.login_main_top .login_main_box .login_input_box .login_input_text {
		height:25px;
		width:200px;
		margin:0 0 15px 0;
		padding:0;
		line-height: 20px;
	}


	.login_main_top .login_main_box .login_input_box .login_btn{
		padding-bottom: 15px;
		text-align: right;
		padding-top: 5px;
	}

	.login_main_top .login_main_box .login_input_box .login_btn .login_loginbtnimage {
		background:url(../images/login_btn_off.png) left top no-repeat;
		padding:0;
		margin:0;
		border:none;
		height:31px;
		width:110px;
		text-indent:-999999px;
		cursor:pointer;
	}
	.login_main_top .login_main_box .login_input_box .login_btn .login_loginbtnimage_en {
		background:url(../images/login_btn_off_en.png) left top no-repeat;
		padding:0;
		margin:0;
		border:none;
		height:31px;
		width:110px;
		text-indent:-999999px;
		cursor:pointer;
	}
	.login_main_top .login_main_box .login_input_box a.login_link {
		color:#019dbe;
		text-decoration:underline;
		font-size:13px;
		/*
		font-size: 0.8em;
		*/
	}

	.login_main_top .login_main_box .login_input_box a.login_link:hover {
		text-decoration:none;
	}

	.login_main_bottom{
		width: 100%;
		height: 155px;
		/*
		background-image: url(../images/main_bg_bottom.png);
		*/
		background-repeat: no-repeat;
		z-index: 1;
		/* margin-bottom: 0px; */
	}

.foot{
	background:url(../images/footer_bg.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	height:14px;
	text-align:right;
	line-height:14px;
	font-size:8px;
	color: #ffffff;
	width: 995px;
	padding: 0 5px 0 0;
}

.login_button {
	border:0px;
	width: 111px;
	height: 31px;
	font-size:12px;
	background:url(../images/login_btn_off.png) left top no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}
.login_button_en {
	border:0px;
	width: 111px;
	height: 31px;
	font-size:12px;
	background:url(../images/login_btn_off_en.png) left top no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.login_button_hover {
	border:0px;
	width: 111px;
	height: 31px;
	font-size:12px;
	background:url(../images/login_btn_on.png) left top no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}
.login_button_hover_en {
	border:0px;
	width: 111px;
	height: 31px;
	font-size:12px;
	background:url(../images/login_btn_on_en.png) left top no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}
.login_button_active {
	border:0px;
	width: 111px;
	height: 31px;
	font-size:12px;
	background:url(../images/login_btn_on.png) left top no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}
.login_button_active_en {
	border:0px;
	width: 111px;
	height: 31px;
	font-size:12px;
	background:url(../images/login_btn_on_en.png) left top no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}
.hidden {
	border: 0;
	padding:0;
	margin: 0;
	visibility: collapse;
	height: 0;
}

.cross_browser_message{
	font-size:9px;
	left: 270px;
	width: 500px;
	visibility: visible;
	position:absolute;
	z-index: 10;
}

.cross_browser_message table{
	border:1px solid #dadada;
	background: #ffffff;
	margin: 0 auto;
	width: 500px;
	table-layout: fixed;
	border-collapse:collapse;
	border-spacing: 0px;
}