@charset "utf-8";

/*---------------------------
20160112add
---------------------------*/

.w21p  { width:  21% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w23p  { width:  23% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w28p  { width:  28% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w38p  { width:  38% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w43p  { width:  43% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w56p  { width:  56% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w68p  { width:  68% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }





h2.computerization{
	color: #f5a22d;
	font-size: 24px;
}

.computerization_area{
	background-color: #f5a22d;
	color:#fff;
}

.computerization_area h3 img,
.utilization_area h3 img,
.management_area h3 img,
.outside_utilized_area h3 img{
	display: block;
    height: auto;
    width: 100%;
}

h2.utilization{
	color: #e36d76;
	font-size: 24px;
}

.utilization_area{
	background-color: #e36d76;
	color:#fff;
}

h2.management{
	color: #796baf;
	font-size: 24px;
}

.management_area{
	background-color: #796baf;
	color:#fff;
}

h2.outside_utilized{
	color: #74bde7;
	font-size: 24px;
}

.outside_utilized_area{
	background-color: #74bde7;
	color:#fff;
}

.computerization_ic01{
	border-left: 6px #f8bf56 solid;
	padding-left: 10px;
}


h3.computerization_ic01 span,
h3.filetype_ic01 span{
	padding-left: 10px;
}
p span.computerization_ic02{
	color: #f8bf56;
}
p span.other_function{
	color: #f8bf56;
	font-weight:bold;
}

.digital_main{
	background-color: #fde0aa;
	padding: 10px 0;
}

.thumb_txt p img{
	display: block;
    height: auto;
    width: 100%;
}


.filetype_main{
	background-color: #f8ccc9;
	padding: 10px;
}

.filetype_nv {
    border: 4px solid #e36d76;
    padding: 16px 16px 24px;
}

.filetype_ic01{
	border-left: 6px #e36d76 solid;
	padding-left: 10px;
}

p span.filetype_ic02{
	color: #e36d76;
}

.managedocs_main{
	background-color: #e4e1f0;
	padding: 10px;
}

.managedocs_ic01{
	border-left: 6px #796baf solid;
	padding-left: 10px;
}

p span.managedocs_ic02{
	color: #796baf;
}

.managedocs_nv {
    border: 4px solid #796baf;
    padding: 16px 16px 24px;
}

.outofoffice_main{
	background-color: #b5dfe8;
	padding: 10px;
}

.outofoffice_ic01{
	border-left: 6px #74bde7 solid;
	padding-left: 10px;
}

p span.outofoffice_ic02{
	color: #74bde7;
}

.outofoffice_nv {
    border: 4px solid #74bde7;
    padding: 16px 16px 24px;
}

p.lTxt a:hover{
	color: #0000cc;
	text-decoration: underline;
}

.fc_e0 { color: #e0535c !important; }
.fc_71 { color: #717171 !important; }
.fc_79 { color: #796baf !important; }
.fc_74 { color: #74bde7; !important; }
.fs_n { font-weight: normal !important; }

.bg_f8 { background-color: #f8bf56 !important; }
.bg_fd { background-color: #fde0aa !important; }
.bg_e3 { background-color: #e36d76 !important; }
.bg_f8c { background-color: #f8ccc9 !important; }
.bg_74 { background-color: #74bde7 !important; }
.bg_b5 { background-color: #b5dfe8 !important; }
.bg_79 { background-color: #796baf !important; }
.bg_e4 { background-color: #e4e1f0 !important; }

.clr{
	clear: both;
}

/*---------------------------
20160427add
---------------------------*/


/* for common */

.clm5 .clm.empty{
	height: 39px;
}
@media (max-width: 640px){
	.clm5 .clm{
	    width: 50%;
	}
	.clm5 .clm.empty{
		height: inherit;
	}
}

/* for index */
h2.cloud_share{
	color: #86bb84;
	font-size: 24px;
}

.cloud_share_area h3 img{
	display: block;
    height: auto;
    width: 100%;
}

.cloud_share_area{
	background-color: #86bb84;
	color:#fff;
}

/* for cloud pages */
.cloud_main{
	background-color: #e8f0e6;
	padding: 10px;
}

.cloud_ic01{
	border-left: 6px #86bb84 solid;
	padding-left: 10px;
}

p span.cloud_ic02{
	color: #86bb84;
}

.cloud_nv {
    border: 4px solid #86bb84;
    padding: 16px 16px 24px;
}

.fc_86 { color: #86bb84 !important; }
.bg_86 { background-color: #86bb84 !important; }
.bg_e8 { background-color: #e8f0e6 !important; }