* {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	letter-spacing: 1px;
	padding: 0px;
	margin: 0px;
}

.clear {
	clear: both;
}

.T_A_R {
	text-align:right;
}

 .M_B_20{
	 margin-bottom:20px;
 }

.M_T_10 {
	margin-top:10px;
}


#inbody {
	background-image: url(images/back2.jpg);
	background-repeat: repeat-x;
}

#container {
	width: 908px;
	margin-right: auto;
	margin-left: auto;
}


#wrap {
	background-image: url(images/main_back.jpg);
	background-repeat: repeat-y;
}
#line {
	width: 908px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#content {
	width: 908px;
	padding-top: 15px;
}
#contL {
	float: left;
	width: 238px;
	padding-left: 15px;
}
#contentR {
	float: left;
	width: 640px;
	padding-right: 15px;
}
#navi {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px -61px;
}
#navi ul {
	list-style-type: none;
}

#navi li {
	float: left;
}
#service a {
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 116px;
	background-image: url(images/navi.jpg);
	background-position: -422px 0px;
}
#service {
	text-indent: -9999px;
	height: 56px;
	width: 116px;
}
#top a {
	display: block;
	height: 56px;
	width: 123px;
	text-indent: -9999px;
	background-position: 0px 0px;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
}
#top {
	height: 56px;
	width: 123px;
	text-indent: -9999px;
}
#feature a {
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 132px;
	background-image: url(images/navi.jpg);
	background-position: -122px 0px;
	background-repeat: no-repeat;
}
#feature {
	text-indent: -9999px;
	height: 56px;
	width: 132px;
}

#seminar a {
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 167px;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -254px 0px;
}
#seminar {
	text-indent: -9999px;
	height: 56px;
	width: 167px;
}
#works a {
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 110px;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -536px 0px;
}
#works {
	text-indent: -9999px;
	height: 56px;
	width: 110px;
}
#company {
	text-indent: -9999px;
	height: 56px;
	width: 116px;
}

#company a {
	text-indent: -9999px;
	height: 56px;
	width: 116px;
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 116px;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -647px 0px;
}
#message a {
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 116px;
	background-image: url(images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -762px 0px;
}
#message {
	text-indent: -9999px;
	height: 56px;
	width: 116px;
}
#navi a:hover {
	background-image: none;
}
#bnL {
	width: 238px;
}
#bnL ul {
	list-style-type: none;
}
#bnL li {
	margin-bottom: 10px;
	margin-top: 8px;
}
#bn-contact {
	background-image: url(images/top_banner.jpg);
	background-repeat: no-repeat;
	background-position: -235px -85px;
	text-indent: -9999px;
	height: 85px;
	width: 225px;
}

#bn-contact a {
	background-image: url(images/top_banner.jpg);
	background-position: -235px 0px;
	text-indent: -9999px;
	display: block;
	height: 85px;
	width: 225px;
}

#bn-seminar a {
	background-image: url(images/top_banner.jpg);
	background-repeat: no-repeat;
	background-position: -470px -0px;
	height: 134px;
	width: 225px;
	text-indent: -9999px;
	display: block;
}

#bn-seminar {
	background-image: url(images/top_banner.jpg);
	background-repeat: no-repeat;
	background-position: -695px 0px;
	height: 134px;
	width: 225px;
	text-indent: -9999px;
}
#bnL a:hover {
	background-image: none;
}
#s-naviL {
	width: 238px;
}
#soft  {
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: -225px 0px;
	height: 110px;
	width: 225px;
	list-style-type: none;
}
#s-naviL h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
#lbm a {
	background-image: url(images/s_navi_left.gif);
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 225px;
	background-repeat: no-repeat;
}
#dms a {
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -60px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 225px;
}
#lbm {
	text-indent: -9999px;
	height: 50px;
	width: 225px;
	margin-bottom: 10px;
}
#search a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -331px;
}
#db {
	height: 40px;
	width: 225px;
	margin-top: 5px;
}
#qc a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -251px;
}
#qc {
	height: 40px;
	width: 225px;
}

#s-naviL a:hover {
	background-image: none;
}

#dms {
	height: 50px;
	width: 225px;
	text-indent: -9999px;
}
#seisaku {
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: -225px -156px;
	height: 430px;
	width: 225px;
	list-style-type: none;
	text-indent: -9999px;
}
#catalog a {
	display: block;
	height: 50px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -156px;
}
#catalog {
	height: 50px;
	width: 225px;
}

#db a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -211px;
}
#search {
	height: 40px;
	width: 225px;
}
#crm a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -291px;
}
#crm {
	height: 40px;
	width: 225px;
}
#seo a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -371px;
}
#seo {
	height: 40px;
	width: 225px;
}
#lbnavi a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -411px;
}
#lbnavi {
	height: 40px;
	width: 225px;
}
#mobile a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -451px;
}
#mobile {
	height: 40px;
	width: 225px;
}
#lb3d a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -491px;
}
#lb3d {
	height: 40px;
	width: 225px;
}
#lb360 a {
	display: block;
	height: 40px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -531px;
}
#lb360 {
	height: 40px;
	width: 225px;
}
#worksL a {
	display: block;
	height: 50px;
	width: 225px;
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -576px;
}
#worksL {
	height: 50px;
	width: 225px;
	margin-top: 5px;
}
#kikaku {
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: -225px -632px;
	height: 50px;
	width: 225px;
	text-indent: -9999px;
}
#kikaku a {
	background-image: url(images/s_navi_left.gif);
	background-repeat: no-repeat;
	background-position: 0px -672px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 225px;
}

#headIn {
	width: 908px;
	margin-top: 22px;
	margin-bottom: 12px;
}
#headInL {
	float: left;
	width: 500px;
}
#headInR {
	float: left;
	width: 403px;
	text-align: right;
	padding-left: 5px;
}
#headInR ul {
	list-style-type: none;
}
#headInR li {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#headInR ul li a {
	font-size: 11px;
	text-decoration: none;
}
#headInR a:hover {
	color: #D50000;
}
.pankuzuRed {
	color: #D50000;
	font-size: 11px;
}
#pankuzu p {
	font-size: 11px;
}
#pankuzu a {
	font-size: 11px;
	text-decoration: none;
}
#pankuzu a:hover {
	color: #D50000;
}

#pankuzu {
	width: 878px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
#headInL h1 {
	float: left;
}
#headInL p {
	font-size: 11px;
	margin-top: 18px;
	text-align: right;
}
#headInL h1 img {
}
#footer {
	width: 878px;
	margin-top: 70px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#footer-bottom {
	text-align: right;
	width: 878px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D50000;
}
#footer-bottom img {
	margin-top: 15px;
	margin-left: 10px;
}
address {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	margin-top: 20px;
}
#infooter-top {
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
#infooter-top ul {
	list-style-type: none;
}
#infooter-top li {
	float: left;
	font-size: 11px;
}
#infooter-top a {
	font-size: 11px;
}
#infooter-top a:hover {
	color: #D50000;
}

#infooter-top2 {
	width: 565px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#infooter-top2 ul {
	list-style-type: none;
}
#infooter-top2 li {
	float: left;
	font-size: 11px;
}
#infooter-top2 a {
	font-size: 11px;
}
#infooter-top2 a:hover {
	color: #D50000;
}
#banner {
	width: 610px;
	margin-top: 30px;
	margin-left: 30px;
}
#banner ul {
	list-style-type: none;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -357px;
	height: 80px;
}
#banner li {
	float: left;
}

#contactS a {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -132px;
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 300px;
}
#seminarS a {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: -310px -132px;
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 300px;
}

#seminarS {
	margin-left: 10px;
}
#banner a:hover {
	background-image: none;
}
.Red {
	color: #D50000;
}
.Red span {
	font-size: 14px;
	color: #D50000;
}

/*==追加2010.03.31 chinese English表記追加　
Englishにリンクがついたら、下記削除でOK==*/
.GRY_light_tone {
	color: #999;
}
.f_11	{
	font-size:11px;
}

/*==追加2010.04.21バナー追加==*/
#bn-dm_tour,#bn-dm_tour a {
	background-image: url(images/bn_sn_dmtour.jpg);
	background-repeat: no-repeat;

}

#bn-dm_tour a {
	background-position: 0px -85px;
	text-indent: -9999px;
	display: block;
	height: 85px;
	width: 225px;
}


/*==追加2010.05.26バナー追加==*/
#bn-partner {
	background-image: url(images/bn_pa.jpg);
	background-repeat: no-repeat;
	background-position: 0px -134px;
	text-indent: -9999px;
	display: block;
	height: 134px;
	width: 225px;
}


#bn-partner a {
	background-image: url(images/bn_pa.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 134px;
	width: 225px;
}

#bn-partner a:hover {
	background-image: url(images/bn_pa.jpg);
	background-repeat: no-repeat;
	background-position: 0px -134px;
}

/*==追加2010.09.01バナー追加==*/

#bn-ecocat a {
	background-image: url(images/bn_ecocat.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 134px;
	width: 225px;
}

#bn-ecocat a:hover {
	background-image: url(images/bn_ecocat_over.gif);
	background-repeat: no-repeat;
}
/*==追加2010.11.15バナー追加==*/

#bn-twitter1 a {
	background-image: url(images/bnr_twtter.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 68px;
	width: 225px;
}

#bn-twitter1 a:hover {
	background-image: url(images/bnr_tw1_o.jpg);
	background-repeat: no-repeat;
}

#bn-twitter2 a {
	background-image: url(images/bnr_twtter.jpg);
	background-repeat: no-repeat;
	background-position: 0 -68px;
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 225px;
}

#bn-twitter2 a:hover {
	background-image: url(images/bnr_tw2_o.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
}

#bn-twitter2 {
	margin-bottom:10px;
}

/*==追加2010.11.18バナー追加==*/

#bn-ceatec{
	margin-bottom: 10px;
}

#bn-ceatec a {
	background-image: url(images/bnr_ceatec.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 101px;
	width: 225px;
	background-position: left top;
}

#bn-ceatec a:hover {
	background-image: url(images/bnr_ceatec.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*==変更2011.07.06==*/
#lb_mid a{
	background:url(images/livebook_banner_s.gif) no-repeat left top;
	width:224px;
	height:134px;
	display:block;
	text-indent: -9999px;
	cursor:pointer;
}
#lb_mid a:hover{
	background:url(images/livebook_banner_s.gif) no-repeat left bottom;
}