@charset "UTF-8";

/* 一括で全ての要素の余白をゼロに指定 */
* {
	padding: 0;
	margin: 0;
	color: #666666;
}

html {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-: auto;
}

body {
	height: 100%;
	font-size: 12px;
	align-content: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #99cc66;
}

#wrapper {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
}

サイドバーブロックの幅はここで指定 -- * /
#container {
	width: 100%;
	margin: 0 auto;
	max-height: 750px;
}

/* -- 上のスペース（ヘッダ部分枠指定） -- */
#header {
	height: 110px;
	width: 100%;
	background-color: #99cc66;
}
/* -- 上のスペース（ヘッダ部分内容） -- */
#header_inner {
	width: 100%;
	height: 110px;
	margin: 0;
}

/* -- バナーエリア(flexbox使用) -- */
#banner_area {
	display: flex;
}

/* -- バナー枠(flexbox使用) -- */
#banner_box {
	padding-top: 10px;
	padding-left: 10px;
}


/* -- 中央部ログイン部分の枠＆背景指定 -- */
#contents {
	height: 320px;
	width: 100%;
	background-image: url(../../images/nccdesign/messenger/bg_city.png);
	background-color: #fff;
	background-repeat: no-repeat;
}

/* -- 中央部　ロゴ＆ログイン部分枠 -- */
#contents_inner1 {
	height: 80px;
	/* -- バナー対応 -- */
	/* -- width: 920px; -- */
	width: 500px;
	display: block;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
}

#contents_inner2 {
	height: 230px;
	/* -- バナー対応 -- */
	/* -- width: 500px; -- */
	width: 1070px;
	display: block;
	margin-left: 10px;
}

/* -- ロゴ部分枠 -- */
#logo_box {
	height: 80px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* -- エラーメッセージ部分枠 -- */
#error_box {
	position: absolute;
	bottom: 0;
	height: auto;
	width: auto;
	float: left;
	font-size: 14px;
	margin-left: 280px;
}

#error_box li {
	color: #E53B3E;
}

/* -- ぴかりん部分枠 -- */
#pika_box {
	height: 230px;
	width: 140px;
	float: left;
	padding-left: 20px;
	margin: 0px;
}

/* -- ログイン項目枠・配置 -- */
#login_box {
	width: 340px;
	margin: 0px;
	float: left;
	padding-top: 25px;
}

/* -- ログインコンテンツ配置 -- */
#contents_box {
	height: 320px;
	width: 500px;
	float: left;
}

/* -- 右バナー枠 -- */
#r_banner_box {
	height: 250px;
	width: 550px;
	float: left;
	padding-top: 35px;
	padding-left: 20px;
}

/* -- 下バナー枠 -- */
#b_banner_box {
	height: 85px;
	width: 200px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}


/* -- 下バナーメッセージ枠 -- */
#b_banner_info_box {
	width: 500px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

/* -- ログイン項目 設定  -- */
label, input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 15px;
	height: 25px;
}

label {
	width: 100px;
	text-align: right;
	padding-right: 20px;
	font-size: 18px;
}

/* -- パスワード忘れ -- */
#contents_login_pass {
	display: block;
	font-size: 12px;
	text-align: right;
	float: left;
	width: 170px;
	padding-left: 30px;
	margin-top: 40px;
	line-height: 12px;
}
/* -- ログインボタン  -- */
#login_btn {
	width: 100px;
	height: 40px;
	display: block;
	color: #FFFFFF;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

a.login {
	width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	background-color: #669900;
	border-radius: 10px;
	display: block;
}

a.login:hover {
	width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	background-color: #99CC00;
	border-radius: 10px;
	display: block;
}

/* -- float解除(回り込み解除） -- */
#float_kaijo {
	height: 0px;
	width: 0px;
	clear: both;
}

/* -- footer内の指定 -- */
#footer {
	background-color: #99cc66;
	width: 100%;
	position: absolute;
}

#footer_inner {
	width: 100%;
}

/* -- コピーライト -- */
#copyright {
	width: 100%;
	margin: 0;
	height: 20px;
	overflow: hidden;
}

div.copyspace {
	width: 500px;
	margin: 0;
	float: left;
}

small.copyright {
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	float: right;
}

/* -- Web請求書ログイン配置・枠 -- */
#web_seikyu_login {
	width: 320px;
	height: 40px;
	margin-bottom: 0;
	display: block;
	margin-left: 20px;
}
/* --  Web請求書ログインボタン  -- */
a.web_seikyu {
	font-size: 16px;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #AAA;
	padding-top: 10px;
	padding-right: 12px;
	padding-left: 45px;
	padding-bottom: 5px;
	background-image: url(../../images/nccdesign/messenger/paper_icon.png);
	background-repeat: no-repeat;
	display: block;
	border-radius: 5px;
}

a.web_seikyu:hover {
	color: #999999;
	background-color: #EEE;
}

/* --セコム -- */
#contents_secom {
	width: 320px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: solid 1px #ddd;
	vertical-align: middle;
	font-style: normal;
	display: block;
	height: auto;
	min-height: 85px;
}
/* --セコムバナー -- */
#contents_logo_secom {
	width: 45px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

input.secom {
	width: 45px;
	height: 70px;
}

/* --セコムテキスト -- */
#contents_secom_txt {
	width: 250px;
	float: left;
	font-size: 11px;
	margin-right: auto;
	font-style: normal;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
}

/* --グローバルサイン -- */
#contents_globalsign {
	width: 370px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: solid 1px #ddd;
	vertical-align: middle;
	font-style: normal;
	display: block;
	height: auto;
	min-height: 60px;
}

/* --グローバルサインバナー -- */
#contents_logo_globalsign {
	width: 100px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* --グローバルサインテキスト -- */
#contents_globalsign_txt {
	width: 250px;
	float: left;
	font-size: 11px;
	margin-right: auto;
	font-style: normal;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
}