@charset "UTF-8";
/* --------------------------------------------------------------------

	Site Name	: fujitsu KPI system HTMLs
	Description	: parts variation settings
	Version		: 3.1
	Notes		: 
	Technical Notes	: 
	Author		: Grand Design Co., Ltd. 

----------------------------------------------------------------------- */


/*  
	clearfix
-----------------------------------------------*/

.clearfix:after {
	content:"." ;
	display:block;
	clear:both ;
	height:0 ;
	visibility:hidden ; }

.clearfix { display:inline-block ; }

/* start holly hack \*/
* html .clearfix { height:1% ; }
.clearfix { display:block ; }
/* end of holly hack */

/*
	notice by GD
--------------------------------------------*/

.noticeGD {
	color:#FF3399;
}


/*
	color and background color
--------------------------------------------*/

.colorRed {
	color:#f30;
}

.colorGray {
	color:#777;
}

.bgPink {
	background:#ffddff;
}

.bgYell {
	background: #FFFF00;
}

.bgSet {
	background:#66CCFF;
}

.bgError {
	background:#FFB3B3;
}


/*
	display settings
--------------------------------------------*/

.dispBl {
	display:block;
}

.dispNo {
	display:none;
}


/*
	margin settings
--------------------------------------------*/

.mgn_top0 {
	margin-top:0;
}

.mgn_top5 {
	margin-top:5px;
}

.mgn_top10 {
	margin-top:10px;
}

.mgn_top20 {
	margin-top:20px;
}

.mgn_top30 {
	margin-top:30px;
}

.mgn_top40 {
	margin-top:40px;
}

.mgn_top50 {
	margin-top:50px;
}

.mgn_top60 {
	margin-top:60px;
}

.mgn_top65 {
	margin-top:65px;
}

.mgn_top70 {
	margin-top:70px;
}

.mgn_btm0 {
	margin-bottom:0;
}

.mgn_btm10 {
	margin-bottom:10px;
}

.mgn_btm15 {
	margin-bottom:15px;
}

.mgn_btm20 {
	margin-bottom:20px;
}

.mgn_btm30 {
	margin-bottom:30px;
}

.mgn_btm40 {
	margin-bottom:40px;
}

.mgn_l5 {
	margin-left:5px;
}

.mgn_l10 {
	margin-left:10px;
}

.mgn_l1em {
	margin-left:1em;
}

.mgn_l20 {
	margin-left:20px;
}

.mgn_l30 {
	margin-left:30px;
}

.mgn_l40 {
	margin-left:40px;
}

.mgn_l45 {
	margin-left:45px;
}

.mgn_r5 {
	margin-right:5px;
}

.mgn_r10 {
	margin-right:10px;
}

.mgn_r20 {
	margin-right:20px;
}

.mgn_r30 {
	margin-right:30px;
}

/*
	padding settings
--------------------------------------------*/

.pdg_top10 {
	padding-top:10px;
}

.pdg_top20 {
	padding-top:20px;
}

/*
	text-align
--------------------------------------------*/
.align_right {
	text-align: right;
}

.align_center {
	text-align: center;
}

.align_left {
	text-align:left;
}

/*
	font settings
--------------------------------------------*/

.font10 {
	font-size:10px;
}

.font12 {
	font-size:12px;
	font-weight:normal;
}

.font_norm {
	font-weight:normal;
}

.font_bld {
	font-weight:bold;
}


/*
	float settings
--------------------------------------------*/

.float_r {
	float:right;
}

.float_l {
	float:left;
}

.float_l10 {
	float: left;
	margin-right: 10px;
}

.float_r10 {
	float: right;
	margin-left: 10px;
}

.float_l20 {
	float: left;
	margin-right: 20px;
}

.float_r20 {
	float: right;
	margin-left: 20px;
}


/*
	float clear
--------------------------------------------*/

.clearer {
	clear: both;
}

.clearer_top10 {
	clear: both;
	margin-top: 10px;
}

.clearer_top20 {
	clear: both;
	margin-top: 20px;
}

.clearer_top30 {
	clear: both;
	margin-top: 30px;
}

.clearer_btm10 {
	clear: both;
	margin-bottom: 10px;
}

.clearer_btm20 {
	clear: both;
	margin-bottom: 20px;
}

.clearer_btm30 {
	clear: both;
	margin-bottom: 30px;
}


/*
	define width and height
--------------------------------------------*/

.wdt100per {
	width:100%
}

.wdt90per {
	width:90%
}

.wdt80per {
	width:80%
}

.wdt60per {
	width:60%
}

.wdt50per {
	width:50%
}

.wdt40per {
	width:40%
}

.wdt35per {
	width:35%
}

.wdt30per {
	width:30%
}

.wdt20per {
	width:20%
}

.wdt900 {
	width:900px;
}

.wdt730 {
	width:730px;
}

.wdt700 {
	width:700px;
	/*margin:30px 100px 50px;*/
}

/*
.wdt700 h3 {
	margin-left:0;
}
*/

.wdt680 {
	width:680px;
}

.wdt600 {
	width:600px;
}

.wdt580 {
	width:580px;
}

.wdt560 {
	width:560px;
}

.wdt500 {
	width:500px;
}

.wdt480 {
	width:480px;
}

.wdt450 {
	width:450px;
}

.wdt400 {
	width:400px;
}

.wdt380 {
	width:380px;
}

.wdt370 {
	width:370px;
}

.wdt350 {
	width:350px;
}

.wdt330 {
	width:330px;
}

.wdt300 {
	width:300px;
}

.wdt270 {
	width:270px;
}

.wdt250 {
	width:250px;
}

.wdt230 {
	width:230px;
}

.wdt220 {
	width:220px;
}

.wdt200 {
	width:200px;
}

.wdt180 {
	width:180px;
}

.wdt170 {
	width:170px;
}

.wdt160 {
	width:160px;
}

.wdt150 {
	width:150px;
}

.wdt130 {
	width:130px;
}

.wdt120 {
	width:120px;
}

.wdt110 {
	width:110px;
}

.wdt100 {
	width:100px;
}

.wdt90 {
	width:90px;
}

.wdt80 {
	width:80px;
}

.wdt75 {
	width:75px;
}

.wdt70 {
	width:70px;
}

.wdt60 {
	width:60px;
}

.wdt50 {
	width:50px;
}

.het85 {
	height:85px;
}

.het50 {
	height:50px;
}


/*
	define line-height
--------------------------------------------*/

.lh13 {
	line-height:1.3;
}

.lh15 {
	line-height:1.5;
}

/*
	define vertical-align
--------------------------------------------*/

.va_top {
	vertical-align:top;
}