#content {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	overflow: hidden;
	clear: both;
	background: #fff;
	}
.box900px {
	width: 900px;
	overflow: hidden;
	margin-left: 30px;
	margin-top: 20px;
	}
#article  {
	background-color: #fff;
	width: 680px;
	float: left;
	text-align: left;
	}
.line {
	border: solid 1px #ccc;
	}
.box650px {
	margin-right: auto;
	margin-left: auto;
	width: 650px;
	}
.box650px p,.box650px ul li,.box650px dl dt,.box650px dl dd,.box650px {
	color: #666;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	clear: both;
	}

/*/// top ////////////////////////////////////////////////////////////*/
.ul-about {
	height: 162px;
	margin-top: 20px;
	}
.ul-about li {
	list-style: none;
	float: left;
	width: 162px;
	height: 162px;
	margin-right: 10px;
	text-indent: -9999px;
	overflow: hidden;
	}
.ul-about li a {
	display: block;
	width: 100%;
	height: 100%;
	}
.ul-about .about1 a {
	background: url(../img/about1.gif) left top no-repeat;
	}
.ul-about .about1 a:hover {
	background: url(../img/about1.gif) left bottom no-repeat;
	}
.ul-about .about2 a {
	background: url(../img/about2.gif) left top no-repeat;
	}
.ul-about .about2 a:hover {
	background: url(../img/about2.gif) left bottom no-repeat;
	}
.ul-about .about3 a {
	background: url(../img/about3.gif) left top no-repeat;
	}
.ul-about .about3 a:hover {
	background: url(../img/about3.gif) left bottom no-repeat;
	}
.ul-about .about4 a {
	background: url(../img/about4.gif) left top no-repeat;
	}
.ul-about .about4 a:hover {
	background: url(../img/about4.gif) left bottom no-repeat;
	}

.icon1  { color: #0049c3!important; font-size: 1.2em !important; font-weight: bold; line-height: 27px !important; background-image: url("../img/icon1.gif"); background-repeat: no-repeat; margin-bottom: 10px; padding-left: 30px; height: auto !important; min-height: 27px }
.icon2  { color: #0049c3!important; font-size: 1.2em !important; font-weight: bold; line-height: 27px !important; background-image: url("../img/icon2.gif"); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 10px; padding-left: 30px; height: auto !important; min-height: 27px }
.icon3  { color: #0049c3!important; font-size: 1.2em !important; font-weight: bold; line-height: 27px !important; background-image: url("../img/icon3.gif"); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 10px; padding-left: 30px; height: auto !important; min-height: 27px }
.icon4  { color: #0049c3!important; font-size: 1.2em !important; font-weight: bold; line-height: 27px !important; background-image: url("../img/icon4.gif"); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 10px; padding-left: 30px; height: auto !important; min-height: 27px }
.icon5  { color: #0049c3!important; font-size: 1.2em !important; font-weight: bold; line-height: 27px !important; background-image: url("../img/icon5.gif"); background-repeat: no-repeat; margin-top: 20px; margin-bottom: 10px; padding-left: 30px; height: auto !important; min-height: 27px }

/**/
h2 { color: #0049c3; font-size: 1.4em; font-weight: bold; background-image: url(../img/h2.gif); background-repeat: no-repeat; background-position: 0 bottom; margin-top: 30px; margin-bottom: 10px; padding-bottom: 5px; }
h3  { color: #0049c3!important; background-image: url("../img/h3.gif"); background-repeat: no-repeat; background-position: left bottom; margin-top: 25px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px }
h4  { padding-top: 8px; padding-bottom: 5px; }

.red { background-image: url("../img/h3.gif"); background-repeat: no-repeat; background-position: left bottom; margin-top: 25px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px }
.pankuzu { font-size: 0.8em; margin-top: 5px; }
.bold   { color: #0049c3!important; font-weight: bold }
.dl_icon { margin-top: 20px; }
.dl_icon dd { padding-left: 30px; display: block; }

.tbl { font-size: 0.9em; text-align: center; margin-top: 10px; border-top: 5px solid white; border-left: 5px solid white; border-right-style: none; border-bottom-style: none; }
.tbl td,.tbl th { background-color: #f5fffa; padding: 5px 10px; border-right: 2px solid white; border-bottom: 5px solid white; border-top-style: none; border-left-style: none; }
.td_bg { background-color: #fdf5e6 !important; }
.tbl_com { border-top: 1px solid #999; border-left: 1px solid #999; border-right-style: none; border-bottom-style: none; }
.tbl_com th { background-color: #eff7ff; }
.tbl_com th,.tbl_com td { color: #666; font-size: 90%; line-height: 150%; padding: 3px 10px; border-right: 1px solid #999; border-bottom: 1px solid #999; border-top-style: none; border-left-style: none; }
.list { margin-left: 15px; }
.dl_demo { margin-top: 20px; margin-left: 10px; }
.dl_demo dt { font-size: 1.1em !important; font-weight: bold; margin-bottom: 10px; }
.dl_demo dd { margin-bottom: 20px; }
.kiyaku h3 { font-size: 1em; background-image: none; margin-top: 0; margin-bottom: 10px; padding: 0; }
.h2_signage {
	background-image: url(../img/main1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 680px;
	height: 200px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	}
.h2_elearning {
	background-image: url(../img/main2.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 680px;
	height: 200px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	}
.h2_presen {
	background-image: url(../img/main3.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 680px;
	height: 200px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	}
.h2_neon {
	background-image: url(../img/main4.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 680px;
	height: 200px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	}
.h2_ar {
	background-image: url(../img/main5.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 680px;
	height: 200px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	}
.inline li { display: inline; }
.small { font-size: 1.1em; }
.img_r { float: right; margin-left: 10px; margin-bottom: 10px; }
.t_c { text-align: center; }
.t_r { text-align: right; }
.t_l { text-align: left; }
.thanks { height: 400px; display: block; }
/**/
.h3_e h3  { color: #0049c3!important; background-image: url(../img/h3_e.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 25px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px;     }
.h3_d h3  { color: #0049c3!important; background-image: url(../img/h3_d.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 25px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px;     }
.h3_p h3  { color: #0049c3!important; background-image: url(../img/h3_p.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 25px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px;     }
.h3_a h3  { color: #0049c3!important; background-image: url(../img/h3_a.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 25px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px;     }
.h3_n h3  { color: #0049c3!important; background-image: url(../img/h3_n.gif); background-repeat: no-repeat; background-position: left bottom; margin-top: 25px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px;     }


/*desital signage /////////////////////////////////////////////////////////*/
.plan2 {
	display: block;
	width: 650px;
	height: 200px;
	position: relative;
}
.plan2 li {
	display: inline;
	list-style: none;
	position: absolute;
	width: 210px;
	height: 200px;
	text-indent: -9999px;
}
.plan2 li a {
	display: block;
	float: left;
	width: 210px;
	height: 200px;
}
.plan2 .plan01 a {
	background: url(../img/plan01.gif) left top no-repeat;
}
.plan2 .plan01 a:hover {
	background: url(../img/plan01.gif) left bottom no-repeat;
}
.plan2 .plan01 {
	top: 0;
	left: 0;
	}
.plan2 .plan02 a {
	background: url(../img/plan02.gif) left top no-repeat;
}
.plan2 .plan02 a:hover {
	background: url(../img/plan02.gif) left bottom no-repeat;
}
.plan2 .plan02 {
	top: 0;
	left: 220px;
	}
.plan2 .plan03 a {
	background: url(../img/plan03.gif) left top no-repeat;
}
.plan2 .plan03 a:hover {
	background: url(../img/plan03.gif) left bottom no-repeat;
}
.plan2 .plan03 {
	top: 0;
	left: 440px;
	}

/*.plan li {
	width: 210px;
	height: 200px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	list-style: none;
	}
.plan .plan01 a {
	background: url(../img/plan01.gif) left top no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	}
.plan .plan01 a:hover {
	background: url(../img/plan01.gif) left bottom no-repeat;
	}
.plan .plan02 a {
	background: url(../img/plan02.gif) left top no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	}
.plan .plan02 a:hover {
	background: url(../img/plan02.gif) left bottom no-repeat;
	}
.plan .plan03 a {
	background: url(../img/plan03.gif) left top no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	}
.plan .plan03 a:hover {
	background: url(../img/plan03.gif) left bottom no-repeat;
	}*/


.tbl-hikaku {
	border-top: #fff solid 2px;
	border-left: #fff solid 2px;
	border-right: none;
	border-bottom: none;
	width: 100%;
	}
.tbl-hikaku th,.tbl-hikaku td {
	border-bottom: #fff solid 2px;
	border-right: #fff solid 2px;
	border-left: none;
	border-top: none;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
	}
.tbl-hikaku th {
	background: #005da4;
	color: #fff;
	}
.trcolor1 {
    background-color: #e3f4ff;
}
.trcolor2 {
    background-color: #f1f9ff;
}
.w120 {
	width: 120px !important;
	}