/*
     Document   : logon
     Created on : 2013/08/06, 13:38:19
     Author     : tos-yamamoto
     Description:
         Purpose of the stylesheet follows.
 */
 
 /**
  * ログオン画面
  */
 
 /* 背景 header */
 body#start div#start_header
 {
 	background-image: url(../images/back_logon_header.png);
 	background-repeat: repeat-x;
 	position: relative;
 	height: 49px;
 	width: 100%;
 }
 /* セコムロゴ */
 div#start_header div#secom_logo
 {
 	background-image: url(../images/secom_logo.png);
 	position: absolute;
 	left: 22px;
 	top: 11px;
 	width: 96px;
 	height: 26px;	
 }
 /* 背景 body */
 body#start div#start_body
 {
     background-image: url(../images/back_logon_body.png);
 	background-repeat: repeat-x;
     position: relative;
 	min-height: 591px;
 	width: 100%;
 	height: 100%;
 }
 /* 商品名部分 */
 div#start_body div#start_logon
 {
 	background-image: url(../images/back_logon_main.png);
 	background-repeat: no-repeat;
 	position: relative;
 	left: 50%;
 	margin-left: -170px;
 	top: 160px;
 	width: 340px;
 	height: 340px;
 }
 /* ボタン、共通部分 */
 div#start_body div#start_logon button
 {
     display: block;
     width: 150px;
     height: 30px;
     font-size: 16px;
     color: #333333; /* 51,51,51 */
     text-align: center;
     vertical-align: middle;
 	font-family: "MS PGothic" , sans-serif;
 	padding: 0;
 }
 
 /* ログイン */
 div#start_logon button#start_button_login
 {
 	position: absolute;
 	left: 50%;
 	margin-left: -75px;
 	top: 186px;
 }
 /* 証明書ダウンロード */
 div#start_logon button#start_button_download_cert
 {
 	position: absolute;
 	left: 50%;
 	margin-left: -75px;
 	top: 244px;
 }