﻿@charset "utf-8";

* {
	padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

body {
	color:#000000;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
	background:url(../images/bg_body.gif) left top repeat;
	text-align:center;
}

img {
	border:none;
	vertical-align:middle;
}

a {
	color:#4171d3;
}

a:link {
	color:#4171d3;
}

a:visited {
	color:#4171d3;
}

a:hover {
	color:#4171d3;
	text-decoration:none;
}

a:active {
	color:#4171d3;
}

/* -------------------- frame -------------------- */
#frame {
	clear:both;
	zoom:100%;
}

#frame:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.w {
	width:960px;
	margin:0 auto;
	text-align:left;
}


/* -------------------- headerArea -------------------- */
#headerArea {
	clear:both;
	width:100%;
	zoom:100%;
	padding:9px 0 9px 0;
	background-color:#ffffff;
}

#headerArea:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/* ----- siteLogo ----- */
#siteLogo {
	float:left;
	width:330px;
	height:24px;
}

/* ----- logout ----- */
#logout {
    float:right;
    width:500px;
    text-align:right;
}

#logout ul {
	float:right;
	list-style:none;
	text-align:right;
}

#logout ul li {
	float:left;
}

#logout ul li.username {
	font-size:80%;
	background:url(../images/img_r_l.gif) left top no-repeat;
	background-color:#c4d4eb;
	height:24px;
	color:#4074CF;
}

#logout ul li.username  div{	
	display: table-cell;   
    vertical-align: middle;   
    margin:0;
	padding-left:5px;
}

/*for IE6 */
* html #logout ul li.username div{   
    display: inline;   
    zoom: 1;   
}   
    
/*for IE7 */  
*:first-child+html #logout ul li.username div{   
    display: inline;   
    zoom: 1;   
}  

#logout ul li.username span{
	padding:5px 5px;
	line-height:2em;
}
/* --FST2Q START--*/
#logout ul li.bt_pass_s {
	margin:0 0 0 5px;
}
/* --FST2Q END--*/
#logout ul li.bt_logout {
	margin:0 0 0 5px;
}

/*2018/11/26 ADD START FCMK)石山慶 CP2.2A対応*/
#logout ul li.bt_manual {
    margin: 0 0 0 5px;
}
/*2018/11/26 ADD END FCMK)石山慶 CP2.2A対応*/

/* -------------------- NaviArea -------------------- */
#NaviArea {
	background:url(../images/bg_header.jpg) left top repeat-x;
	clear:both;
	width:100%;
	zoom:100%;
}

#NaviArea:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/* ----- globalNavi ----- */
#globalNavi {
	width:960px;
	height:79px;
	background:url(../images/header-s.jpg) left top no-repeat;
}

#globalNavi:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}
/* --FST2Q START--*/
#globalNavi #cloud {
	color:#ffffff;
	float:left;
	font-size:18px;
	padding-top:55px;
	padding-left:200px;
	font-family:"MS Reference Sans Serif","メイリオ","Microsoft Sans Serif";
}
/* --FST2Q END--*/
/* --FST2Q START--*/
#globalNavi ul {
	list-style:none;
	padding-top:49px;
}
/* --FST2Q END--*/
#globalNavi li {
	/* --FST2Q START--*/
	float:right;
	margin-left:6px;
	/* --FST2Q END--*/
}

#globalNavi li.end {
	margin-right:0px;
}

#globalNavi_adm {
	width:960px;
	height:79px;
	background:url(../images/header-s.jpg) left top no-repeat;
}

#globalNavi_adm:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}
/* --FST2Q START--*/
#globalNavi_adm #cloud {
	color:#ffffff;
	float:left;
	font-size:18px;
	padding-top:55px;
	padding-left:200px;
	font-family:"MS Reference Sans Serif","メイリオ","Microsoft Sans Serif";
}
/* --FST2Q END--*/
/* --FST2Q START--*/
#globalNavi_adm ul {
	list-style:none;
	padding-top:49px;
}
/* --FST2Q END--*/
#globalNavi_adm li {
	/* --FST2Q START--*/
	float:right;
	margin-left:6px;
	/* --FST2Q END--*/
}

#globalNavi_adm li.end {
	margin-right:0px;
}

/* -------------------- bodyArea -------------------- */
#bodyArea {
	clear:both;
	width:100%;
	zoom:100%;
	background:url(../images/bg_top.gif) left top repeat-x #eaeaea;
}

#bodyArea:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/* -------------------- contetnsArea -------------------- */
#contentsArea {
	float:left;
	line-height:1.4em;
	width:960px;
	background-color:#ffffff;
}
.contentsArea_l{
	float:left;
	width:49%;
}

.contentsArea_r{
	float:left;
	width:49%
}

/* FST2014,4Q START */

#contentsArea .dispArea{
	float:left;
	width:70%;
}

#contentsArea .dispArea_btn{
	float:left;
	width:30%;
    height: 34px;
}
/* FST2014,4Q END */

/* -------------------- footerArea -------------------- */
#footerArea {
	background:url(../images/bg_footer.jpg) left bottom repeat-x;
	clear:both;
	width:100%;
	zoom:100%;
}

#footerArea:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

#footer{
	width:960px;
	height:28px;
	background:url(../images/footer.jpg) left top no-repeat;
}
/* -------------------- footerAreaLogin -------------------- */
/* --FST2Q START--*/
#footerAreaLogin {
	background:url(../images/bg_login_footer.jpg) left bottom repeat-x;
	clear:both;
	width:100%;
	zoom:100%;
}

#footerAreaLogin:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

#footerLogin{
	width:960px;
	height:60px;
	background:url(../images/footer.jpg) left top no-repeat;
}
#footerLogin #fujitsuLogo{
	float:right;
	padding-top:12px;
}
/* --FST2Q END--*/


/* -------------------- 一般的なCSSを設定(未使用分を含む) -------------------- */
.title {
	font-weight:bold;
}

.tCenter {
	text-align:center;
}

.tLeft {
	text-align:left;
}

.tRight {
	text-align:right;
}

.fNone {
	float:none;
}

.fLeft {
	float:left;
}

.fRight {
	float:right;
}

.fLeft img {
	margin:0 20px 5px 0;
}

.fRight img {
	margin:0 0 5px 20px;
}

.cLeft {
	clear:left;
	overflow:hidden;
}

.cBoth {
	clear:both;
}

.cRight {
	clear:right;
}
.tBottm-text{
	text-indent:250px;
	margin-bottom:5px;
}

.after {
	zoom:100%;
}

.after:after {
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.hidden {
	overflow:hidden;
	position:absolute;
	width:0px;
	height:0px;
	top:-1000px;
	left:-1000px;
}

.changeImage {
}

.alternate {
}

.linecheck{
	list-style:none;
}

.linecheck li{
	float:left;
}

.linecheckcenter {
   position:relative;
   overflow:hidden;
}
.linecheckcenter ul{
   list-style:none;
   position:relative;
   left:50%;
   float:left;
}
.linecheckcenter li{
   position:relative;
   left:-50%;
   float:left;
   text-align:left;
}
