@charset "utf-8";
/* All Layout
-------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,p{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4 {
		line-height: 0;
}
img {
		border: 0;
}
body {
		text-align: center;
		background: url(../images/header_r.jpg) repeat-x 0 0;
		color: #333333;
		font-size:62.5%;
		line-height:1.5em;
		font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
}
a:link,a:visited {
		color: #F53434;
		text-decoration: none;
}
a:hover,a:active {
		color: #4682b4;
		text-decoration: underline;
}
table{
	border-collapse:collapse;
}
.line{
		text-decoration:line-through;
}


#wrapper {
		width: 950px;
		margin: 0 auto;
		text-align: left;
		position: relative;
}

#header {
		width: 100%;
		height:52px;
		background: url(../images/header.jpg);
}


#header h1 {
		float: left;
}


#header ul {
		margin-top: 30px;
		padding: 0;
/*		background: #cc0000;*/
		float: right;
}


#header ul li {
		list-style: none;
		margin-left: 30px;
		margin-right: 0px;
		padding: 0px 0 0px 14px;
	/*	background: url(../images/header_arr.gif) no-repeat 0px 10px;*/
		background: url(../images/header_arr.gif) no-repeat left center;
		color: #ffffff;
		font-size: 1.2em;
		font-weight: bold;
		float: left;
} 
* html #header ul li {
		width:0.1em;
		white-space:nowrap;
}


#header ul li a{
		color: #ffffff;
		text-decoration: none;
}


#header ul li a:hover {
		color: #aaaaff;
		text-decoration: none;
}


#header p {
		padding: 30px 0px 0px 30px;
		color: #ffffff;
		font-size: 1.2em;
		font-weight: bold;
		float: left;
}
/*************/
#footer {
		clear:both;
		width: 100%;
		height:58px;
/*		display:block;*/
		background: url(../images/footer_r.jpg) ;
}


#footer_con {
		width: 950px;
		height:100%;
		margin: 0 auto;
		text-align: left;
		position: relative;
		background: url(../images/footer.jpg) no-repeat;
}


#footer_con ul {
		padding: 0px 0px 0px 30px;
}


#footer_con ul li {
		list-style: none;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 30px;
		padding: 0px 0 0px 14px;
		background: url(../images/header_arr.gif) no-repeat left center;
		color: #ffffff;
		font-size: 1.2em;
		font-weight: bold;
		float: left;
} 
* html #footer_con ul li {
		width:1.2em;
		white-space:nowrap;
}


#footer_con ul li a{
		color: #ffffff;
		text-decoration: none;
}


#footer_con ul li a:hover {
		color: #aaaaff;
		text-decoration: none;
}


#footer_con p {
		padding: 37px 30px 0px 0px;
		color: #ffffff;
		font-size: 1.2em;
		float: right;
}

/*************/




/* メインタイトル・ナビゲーション
-------------------------------------------------*/
#main_title{
	display:block;
}
/*
#main_title h1{
		font-size: 0em;
		height:0%;
		display:none; ;
}
*/
#main_title div.top{
		width:100%;		height:68px;
/*		background-color:#ffccff;*/
}


#main_title div.feature_deve{
		width:100%;		height:236px;
		background: url(../feature/images/main_develop.jpg) no-repeat;
}


#main_title div.feature_prod{
		width:100%;		height:236px;
		background: url(../feature/images/main_product.jpg) no-repeat;
}


#main_title div.feature_trouble{
		width:100%;		height:236px;
		background: url(../feature/images/main_trouble.jpg) no-repeat;
}


#main_title div.func_component{
		width:100%;		height:236px;
		background: url(../functions/images/main_co.jpg) no-repeat;
}

#main_title div.func_dashboard{
		width:100%;		height:236px;
		background: url(../functions/images/main_da.jpg) no-repeat;
}


#main_title div.func_javelin{
		width:100%;		height:236px;
		background: url(../functions/images/main_jt.jpg) no-repeat;
}


#main_title div.func_specification{
		width:100%;		height:236px;
		background: url(../functions/images/main_spc.jpg) no-repeat;
}


#main_title div.func_performancedoctor{
		width:100%;		height:236px;
		background: url(../functions/images/main_pd.jpg) no-repeat;
}


#main_title div.func_arrowvision{
		width:100%;		height:236px;
		background: url(../functions/images/main_av.jpg) no-repeat;
}


#main_title div.func_bottleneckeye{
		width:100%;		height:236px;
		background: url(../functions/images/main_be.jpg) no-repeat;
}


#main_title div.case{
		width:100%;		height:236px;
		background: url(../case/images/main_case.jpg) no-repeat;
}


#main_title div.news{
		width:100%;		height:236px;
		background: url(../news/images/main_nw.jpg) no-repeat;
}


#main_title div.re{
		width:100%;		height:236px;
		background: url(../reference/images/main_reference.jpg) no-repeat;
}


#main_title div.licence{
		width:100%;		height:236px;
		background: url(../sales/images/main_licence.jpg) no-repeat;
}


#main_title div.campaign{
		width:100%;		height:236px;
		background: url(../campaign/images/main_campaign.jpg) no-repeat;
}

#main_title div.partner{
		width:100%;		height:236px;
		background: url(../sales/images/main_pt.jpg) no-repeat;
}


#main_title div.contact{
		width:100%;		height:236px;
		background: url(../contact/images/main_contact.jpg) no-repeat;
}


#main_title ul {
		margin-left: 30px;
}


#main_title ul li {
		width:170px;	
		height:58px;
		list-style: none;
		margin: 179px 10px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
}


#main_title ul.top li{
		width:170px;	
		height:58px;
		list-style: none;
		margin: 10px 10px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
}


#main_title ul li.li1{	
		display:block;width:170px;height:58px;
		background: url(../images/mainbt01s.gif) no-repeat;
}


#main_title ul li.li1 a{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt01.gif) no-repeat;
}


#main_title ul li.li1 a:hover {
		background: url(../images/mainbt01s.gif) no-repeat;
}


#main_title ul li.li2{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt02s.gif) no-repeat;
}


#main_title ul li.li2 a{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt02.gif) no-repeat;
}


#main_title ul li.li2 a:hover {
		background: url(../images/mainbt02s.gif) no-repeat;
}


#main_title ul li.li3{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt03s.gif) no-repeat;
}


#main_title ul li.li3 a{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt03.gif) no-repeat;
}


#main_title ul li.li3 a:hover {
		display:block;width:170px;height:58px;
		background: url(../images/mainbt03s.gif) no-repeat;
}


#main_title ul li.li4{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt04s.gif) no-repeat;
}


#main_title ul li.li4 a{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt04.gif) no-repeat;
}


#main_title ul li.li4 a:hover {
		display:block;width:170px;height:58px;
		background: url(../images/mainbt04s.gif) no-repeat;
}


#main_title ul li.li5{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt05s.gif) no-repeat;
}


#main_title ul li.li5 a{
		display:block;width:170px;height:58px;
		background: url(../images/mainbt05.gif) no-repeat;
}


#main_title ul li.li5 a:hover {
		display:block;width:170px;height:58px;
		background: url(../images/mainbt05s.gif) no-repeat;
}
/* パンクズ
-------------------------------------------------*/
#pan{
		font-size: 1.2em;
		clear:left;
/*		position:relative; top:-20px;left:0px;*/
		padding: 6px 0px 0px 0px;
		display:block;
		width:890px;
		margin: 0px 0px 20px 30px;
		background: url(../images/mainbt00sd.gif) repeat-x;
}


#pan a{
		color: #333333;
		text-decoration: none;
}


#pan a:hover {
		color: #dc143c;
}


#pan .c{
		color: #dc143c;
}
/* メニューボタン
-------------------------------------------------*/
#navi_r {
		float:right;
		width: 192px;
		height:100%;
		margin:0px 30px 0px 0px;
		/*background-color:rgb(100% 90% 80%);*/
}


#navi_r ul {
		padding: 0px 0px 0px 0px;
}


#navi_r ul li {
		list-style: none;
		display:block;
		width:192px;height:34px;
	/*	padding: 6px 0px 0px 6px;*/
		background: url(../images/navi_bt.gif) no-repeat;
		color: #ffffff;
		line-height: 2.6em;
		font-size: 1.4em;
		font-weight:bold;
		text-indent:8px;
		margin:0px 0px 6px 0px;
}


#navi_r ul li.select {
		display:block;
		width:192px;height:34px;
		color: #ffffff;
		background: url(../images/navi_select.gif) no-repeat;
}


#navi_r ul li.select a{
		color: #ffffff;
}


#navi_r ul li.select a:hover {
		color: #440000;
}


#navi_r ul li a{
		display:block;
		width:192px;height:34px;
		color: #333333;
		text-decoration: none;
}


#navi_r ul li a:hover {
		color: #ffffff;
		background: url(../images/navi_bt_o.gif) no-repeat;
}


#navi_r ul li.sub_select {
		text-indent:16px;
		display:block;
		width:192px;height:34px;
		background: url(../images/navi_sub_select.gif) no-repeat;
}


#navi_r ul li.sub_select a,#navi_r ul li.sub_select a:hover {
		color: #333333;
		background: url(../images/navi_sub_select.gif) no-repeat;
}


#navi_r ul li.sub{
		text-indent:16px;
		color: #333333;
		display:block;
		width:192px;height:34px;
		background: url(../images/navi_sub.gif) no-repeat;
}


#navi_r ul li.sub a{
		color: #333333;
		display:block;
		width:192px;height:34px;
}


#navi_r ul li.sub a:hover {
		color: #333333;
		background: url(../images/navi_sub_select.gif) no-repeat;
}

#navi_r ul li.eq {
		display:block;
		width:192px;height:180px;
}


#navi_r ul li.eq  a{
		display:block;
		width:192px;height:180px;
		background: url(../images/navi_enquiry.jpg) no-repeat;
}


#navi_r ul li.eq  a:hover{
		background: url(../images/navi_enquiry_o.jpg) no-repeat;
}


#navi_r ul li.blog {
		display:block;
		width:192px;height:100px;
}


#navi_r ul li.blog  a{
		display:block;
		width:192px;height:100px;
		background: url(../images/navi_blog.jpg) no-repeat;
}


#navi_r ul li.blog  a:hover{
		background: url(../images/navi_blog_o.jpg) no-repeat;
}


#navi_r p {
	font-size: 1.2em;
		line-height: 1.5em;
}

/* メニューボタン 動画リンク
-------------------------------------------------*/
#navi_r2 {
		float:right;
		width: 192px;
		height:100%;
		margin:0px 30px 0px 0px;
		/*background-color:rgb(100% 90% 80%);*/
}


#navi_r2 ul {
		padding: 0px 0px 0px 0px;
}


#navi_r2 ul li {
		list-style: none;
		display:block;
		width:192px;height:34px;
	/*	padding: 6px 0px 0px 6px;*/
		background: url(../images/navi_bt_b.gif) no-repeat;
		color: #ffffff;
		line-height: 2.6em;
		font-size: 1.4em;
		font-weight:bold;
		text-indent:8px;
		margin:0px 0px 6px 0px;
}


#navi_r2 ul li.select {
		display:block;
		width:192px;height:34px;
		color: #ffffff;
		background: url(../images/navi_select.gif) no-repeat;
}


#navi_r2 ul li.select a{
		color: #ffffff;
}


#navi_r2 ul li.select a:hover {
		color: #440000;
}


#navi_r2 ul li a{
		display:block;
		width:192px;height:34px;
		color: #333333;
		text-decoration: none;
}


#navi_r2 ul li a:hover {
		color: #ffffff;
		background: url(../images/navi_bt_o_b.gif) no-repeat;
}


#navi_r2 ul li.sub_select {
		text-indent:16px;
		display:block;
		width:192px;height:34px;
		background: url(../images/navi_sub_select.gif) no-repeat;
}


#navi_r2 ul li.sub_select a,#navi_r ul li.sub_select a:hover {
		color: #333333;
		background: url(../images/navi_sub_select.gif) no-repeat;
}


#navi_r2 ul li.sub{
		text-indent:16px;
		color: #333333;
		display:block;
		width:192px;height:34px;
		background: url(../images/navi_sub.gif) no-repeat;
}


#navi_r2 ul li.sub a{
		color: #333333;
		display:block;
		width:192px;height:34px;
}


#navi_r2 ul li.sub a:hover {
		color: #333333;
		background: url(../images/navi_sub_select.gif) no-repeat;
}

#navi_r2 ul li.eq {
		display:block;
		width:192px;height:180px;
}


#navi_r2 ul li.eq  a{
		display:block;
		width:192px;height:180px;
		background: url(../images/navi_enquiry.jpg) no-repeat;
}


#navi_r2 ul li.eq  a:hover{
		background: url(../images/navi_enquiry_o.jpg) no-repeat;
}


#navi_r2 ul li.blog {
		display:block;
		width:192px;height:100px;
}


#navi_r2 ul li.blog  a{
		display:block;
		width:192px;height:100px;
		background: url(../images/navi_blog.jpg) no-repeat;
}


#navi_r2 ul li.blog  a:hover{
		background: url(../images/navi_blog_o.jpg) no-repeat;
}


#navi_r2 p {
	font-size: 1.2em;
		line-height: 1.5em;
}



#con{
		margin: 0px 0px 0px 0px;
		width:664px;
		height:auto;
		font-size: 1.3em;
		line-height: 1.8em;
		font-size: small;
	/*	background-color: #dddddd;*/
		float:left;
		padding: 0px 0px 40px 30px;
		display:block;
}
* html div#con{
	width:664px;
	padding: 0px 30px 0px 30px;
}


#con ul{
	margin: 0px 0px 10px 30px;
}


/*  add by obata    */
#con ul.u{
	margin: 0px 0px 8px 30px;
}

#con ol.o{
	margin: 0px 0px 8px 30px;
}



#con img{
	clear:both;
}


#con img.t{
	clear:both;
	margin: 0px 0px 12px 0px;
}


#con img.r{
	float:right;
}


#con p{
		margin: 0px 0px 8px 0px;
		/*background-color:#ff99ee;*/
}


#con p.l{
		float:left;
		width:332px;
}


#con p.l2{
		float:left;
		width:300px;
}


#con p.l3{
		float:left;
		width:260px;
}


#con p.l4{
		float:left;
		width:380px;
}


#con p.l5{
		float:left;
		width:664px;
}


#con p.l5{
		float:left;
		width:332px;
		height:260px;
		}


#con p.pd_waku_t{
		margin: 0px 0px 0px 0px;
		clear:both;
		width:100%;
		display:block;
		color:#ffffff;
		font-weight:bold;
		font-size: 1.2em;
		height:25px;
		text-align: center;
		background: url(../functions/images/pd_obi.jpg) repeat-x;
}


#con p.title{
		margin: 20px 0px 10px 0px;
		font-weight:bold;
		font-size: 1.4em;
		height:1.5em;
		background: url(../images/line_red.gif) no-repeat;
		background-position:0% 100%;
}


#con p.title_2{
		margin: 20px 0px 10px 0px;
		padding: 0px 0px 0px 10px;
		font-weight:bold;
		font-size: 1.4em;
		line-height:1.8em;
		height:1.5em;
/*			height:35px;
		background: url(../images/line_big.jpg) no-repeat;
	background-position:0% 100%; 
*/
		
		
				border: solid 1px #888888;
		border-top-width:4px;
		border-top-color:#C31820;
		
}


#con p.news_title,#con h2.news_title{
		margin: 25px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
		font-weight:bold;
		font-size: 1.2em;
		line-height:1.5em;
		height:auto;
		background: url(../images/line_red.gif) no-repeat;
		background-position:0% 100%;
}

#con p.pr_title,#con h1.pr_title{
		margin: 25px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
		font-weight:bold;
		font-size: 1.5em;
		line-height:1.5em;
		height:auto;
		background: url(../images/line_red.gif) no-repeat;
		background-position:0% 100%;
}


#con p.pr_title{
		margin: 25px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
		font-weight:bold;
		font-size: 1.5em;
		height:auto;
		background: url(../images/line_red.gif) no-repeat;
		background-position:0% 100%;
}


#con p.ja_b1{
		width:400px;
		margin: 0px 0px 0px 0px;
		padding:10px 20px 0px 30px;
		background: url(../functions/images/ja_b1.jpg) no-repeat;
		height:auto;
	/*	background-position:100% 100%;*/
		display:block;
}


#con p.pt_add{
		margin: 0px 0px 0px 0px;
		line-height:1.4em;
	/*	background-color: #ccaacc;*/
}


#con p.icon001{
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 14px;
		line-height:1.2em;
		height:1.3em;
		background: url(../images/icon001.gif) no-repeat;
	/*	background-color: #cccccc;*/
		background-position:0% 50%;
}


#con p.icon002{
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 14px;
		background: url(../images/icon002.gif) no-repeat;
	/*	background-color: #cccccc;*/
		background-position:0% 0.55em;
}


#con p.icon003{
		margin: 0px 0px 10px 0px;
		padding:0px 0px 0px 28px;
		background: url(../reference/images/dl.gif) no-repeat;
	/*	background-color: #cccccc;*/
		background-position:0% 0%;
}


#con div.end_dl  a{
		display:block;
		width:249px;height:69px;
		background: url(../reference/images/endosnipe.jpg) no-repeat;
}


#con div.end_dl  a:hover{
		background: url(../reference/images/endosnipe_o.jpg) no-repeat;
}

#con div.end_dl2
{
	width: 550px;
	margin: -10px 0px 0px 115px;
	font-size:0.9em;
	line-height:1.6em;
}

#con div.end_dl2 .photo-right {
	float: right;
	margin: 5px;
}

#con div.licence_apply  a{
		margin: 0px 0px 0px 0px;
		display:block;
		width:254px;height:86px;
		background: url(../sales/images/licence_01.gif) no-repeat;
}


#con div.licence_apply  a:hover{
		background: url(../sales/images/licence_01o.gif) no-repeat;
}


#con div.trouble_1{
		padding:10px 340px 10px 10px;
		background: url(../feature/images/tro2.jpg) no-repeat;
		height:auto;
		height:280px;
	/*	background-color:#E4FFFF;*/
		background-position:100% 100%;
		display:block;
}


#con div.trouble_2{
		margin: 0px 0px 30px 0px;
		padding:10px 340px 10px 10px;
		background: url(../feature/images/tro4.jpg) no-repeat;
		height:auto;
	/*	background-color:#E4FFFF;*/
		background-position:100% 100%;
		display:block;
}


#con div.trouble_3{
		padding:10px 340px 10px 10px;
		background: url(../feature/images/tro6.jpg) no-repeat;
		height:auto;
	/*	background-color:#E4FFFF;*/
		background-position:100% 100%;
		display:block;
}


#con div.trouble_4{
		margin: 0px 0px 30px 0px;
		padding:10px 340px 10px 10px;
		background: url(../feature/images/tro7.jpg) no-repeat;
		height:auto;
	/*	background-color:#E4FFFF;*/
		background-position:100% 100%;
		display:block;
}

<!-- 小幡追加 -->
#con div.leak_1{
		margin: 0px 0px 30px 0px;
		padding:10px 340px 10px 10px;
		background: url(../function/images/leak_PD.jpg) no-repeat;
		height:auto;
	/*	background-color:#E4FFFF;*/
		background-position:100% 100%;
		display:block;
}

#con p.dot{
		margin: 0px 0px 4px 0px;
		padding:6px 0px 0px 16px;
		background: url(../images/dot.gif) no-repeat;
	/*	background-color:#E4FFFF;*/
		background-position:0% 1.0em;
		display:block;
}


#con div.trouble_1 p{
	line-hight:0.9em;
}


#con table{
		width:664px;
		margin: 0px 0px 20px 0px;
}


#con td{
		padding:0px 0px 0px 8px;
		border: solid 1px #D7000F;
		border-style: none none dotted none;
}


#con td.s{
		border: solid 1px #D7000F;
		border-style: none none solid none;
}


#con td.ls{
		background-color:#FDEDE3;
		border: solid 1px #D7000F;
		border-style: none none solid none;
}


#con table.form{
		width:664px;
		margin: 20px 0px 20px 0px;
		border: solid 1px #D7808F;
		border-style: solid solid solid solid;
}


#con td.cl{
	width:400px;
	background-color:#FDEDE3;
	border: solid 1px #D7808F;
	border-style: none none solid none;
}


#con td.cr{
		background-color:#FDEDE3;
		width:464px;
		border: solid 1px #D7808F;
		border-style: none none solid none;
}


#con td.input{
		text-align: center;
		width:664px;
		border: solid 1px #D7000F;
		border-style: none none none none;
}
/* sales/index.html・表組
-------------------------------------------------*/
#con table.lb{
		width:600px;
		margin: 0px 0px 0px 0px;
}


#con table.lb td{
		background-color:#D3EDFB;
		text-align: center;
}


#con table.lb tr.w td{
		background-color:#ffffff;
}
/* sales/index.html・表組
-------------------------------------------------*/
#con table.lr{
		width:600px;
		margin: 0px 0px 0px 0px;
		table-layout:fixed;
}


#con table.lr td{
		background-color:#FEE6DB;
		text-align: center;
}


#con table.lr td.w1{	width:10%;	}


#con table.lr td.w2{	width:20%;	}


#con table.lr td.w3{	width:20%;	}


#con table.lr td.w4{	width:15%;	}


#con table.lr td.w5{	width:40%;	}


#con table.lr td.l{		text-align: left;	}


#con table.lr tr.w td{	background-color:#ffffff;	}


#con table.lr tr.r td{	background-color:#FDCDB8;	}
/* feature/productposition.html・表組
-------------------------------------------------*/
#con table.prod{
		width:580px;
		margin: 30px 0px 0px 0px;
		table-layout:fixed;
}


#con table.prod td{
		background-color:#ffffff;
		text-align: center;
		border: none 0px #888888;
}

#con table.prod td.l{	
	text-align: left;
}


#con table.prod td.l p{	
		margin: 6px 0px 6px 1.0em;
	text-indent:-1.0em;
}


#con table.prod tr.t td{	
	color:#ffffff;font-weight:bold;
	background: url(../feature/images/pro1.jpg) repeat-x;
		border: solid 3px #ffffff;
		border-style: none none solid none;
}


#con table.prod tr.e td{	
	color:#ffffff;font-weight:bold;
	background: url(../feature/images/pro2.jpg) no-repeat;
}


#con table.prod tr.r td{
		text-align: left;color:#ffffff;font-weight:bold;
		background-color:#730000;
}


#con table.prod td.w1{	width:50%;	height:24px;}


#con table.prod td.w2{	width:35%;	height:24px	}


#con table.prod td.w3{	width:15%;	height:24px;}
/*****/
/* sales/index.html・表組
-------------------------------------------------*/
#con table.spec{
		width:600px;
		margin: 0px 0px 30px 0px;
}


#con table.spec td{
		border: solid 1px #888888;
		border-style: solid none solid none;
}

#con table.spec td.l{
		width:20%;
		background-color:#D3EDFB;
		text-align: center;
}
/*****/
#con input{
		margin: 8px 0px 8px 0px;
		width:440px;
}


#con input.s{
		margin: 4px 20px 4px 20px;
		width:150px;
}


#con input.c{
		margin: 4px 20px 4px 20px;
		width:50px;
}


#con textarea{
	margin: 8px 0px 8px 0px;
	width:400px;
	height:150px;
}
/*******/
/* トップページのリンク
*****************************************************/
#con  div.top1 a,#con  div.top2 a,#con  div.top3 a,#con  div.top4 a{
		padding:60px 0px 0px 0px;
		color: #333333;
		width:324px;
		height:190px;
		text-decoration: none;
		display:block;
}


#con  div.top1 a{
		float:left;
		background: url(../top_images/b1.jpg) no-repeat;
}


#con  div.top1 a:hover{
		background: url(../top_images/b1o.jpg) no-repeat;
}


#con  div.top2 a{
		float:right;
		background: url(../top_images/b2.jpg) no-repeat;
}


#con  div.top2 a:hover{
		background: url(../top_images/b2o.jpg) no-repeat;
}


#con  div.top3 a{
		float:left;
		background: url(../top_images/b3.jpg) no-repeat;
}


#con  div.top3 a:hover{
		background: url(../top_images/b3o.jpg) no-repeat;
}


#con  div.top4 a{
		float:right;
		background: url(../top_images/b4.jpg) no-repeat;
}


#con  div.top4 a:hover{
		background: url(../top_images/b4o.jpg) no-repeat;
}


#con  div.top_new a{
		clear:both;
		margin: 0px 0px 0px 0px;
		width:664px;
		height:30px;
		text-decoration: none;
		display:block;
		background: url(../top_images/top_new.jpg) no-repeat;
}


#con  div.top_new a:hover{
		background: url(../top_images/top_new_o.jpg) no-repeat;
		color: #ffaaaa;
}


#con  div.top_new_b{
		clear:both;
		margin: 6px 0px 6px 0px;
		color: #333333;
		border: solid 1px #888888;
		border-style: none none solid none;
}


#con  div.top_new_b a{
		color: #333333;
		width:664px;
		height:auto;
		background-color: #ffffff;
}


#con  div.top_new_b a:hover,#con div.top_new_b p.l a:hover{
		text-decoration: none;
		display:block;
		background-color: #DDEDFF;
}


#con  p.top_new_b_l{
	float:left;
	width:100px;
		height:auto;
}

#con  p.top_new_b_r{
	padding:0px 0px 0px 16px;
	float:right;
	width:548px;
		height:auto;
		background: url(../images/dot.gif) no-repeat;
		background-position:0% 0.5em;
		display:block;
}


#con  span.top_new_b{
	font-size:1.1em;
	font-weight:bold;
}


#con  span.top_new_s{
	font-size:0.9em;
	line-height:1.6em;
}


/*******/
#con p.trouble_reed{
		padding:60px 340px 0px 0px;
		background: url(../feature/images/tro_title.jpg) no-repeat;
		height:140px;
/*		background-color:#E4FFFF;*/
		display:block;
}


#con p.deve_reed{
		padding:60px 340px 0px 0px;
		background: url(../feature/images/dev_titile.jpg) no-repeat;
		height:180px;
/*		background-color:#E4FFFF;*/
		display:block;
}


#con p.licence_reed{
		padding:40px 340px 0px 0px;
		background: url(../sales/images/licence_title.jpg) no-repeat;
		height:140px;
/*		background-color:#E4FFFF;*/
		display:block;
}


#con p.prod_reed{
		padding:40px 340px 0px 0px;
		background: url(../feature/images/pro_title.jpg) no-repeat;
		height:230px;
		background-color:#E4FFFF;
		display:block;
}

#con p.case_reed{
		padding:60px 340px 0px 0px;
		background: url(../case/images/case_title.jpg) no-repeat;
		height:200px;
		display:block;
}


#con p.case1{
		font-weight:bold;
		margin: 20px 0px 0px 0px;
		border: solid 1px #888888;
		border-style: none none solid none;
}

#con p.case2{
		font-size:1.3em;
		font-weight:bold;
		margin: 5px 0px 30px 0px;
}


#con h1.case_title{
		font-size:1.5em;
		line-height:1.5em;
		font-weight:bold;
		color:#DD0000;
		margin: 20px 0px 30px 0px;
		display:block;
	height:auto;
}


#con p.case_title{
		font-size:1.5em;
		font-weight:bold;
		color:#DD0000;
		margin: 20px 0px 30px 0px;
		display:block;
	height:auto;
}


#con p.case_red{
		font-size:1.2em;
		font-weight:bold;
		color:#DD0000;
}


#con h2.case_red,#con h3.case_red{
		font-size:1.2em;
		font-weight:bold;
		color:#DD0000;
		margin:0px 0px 15px 0px;
}


#con p.pr_title{
		font-size:1.5em;
		font-weight:bold;
		color:#000000
		margin: 20px 0px 30px 0px;
		display:block;
	height:auto;
}	
#con p.pr_black_1{
		font-size:1.5em;
		font-weight:bold;
		color:#000000;
}		
			
#con p.pr_black_2{
		font-size:1.2em;
		font-weight:bold;
		color:#000000;
}		
/** 強調・小見出し **/
#con p.emphasis,#con h3.emphasis{
		font-size:1.2em;
		line-height:1.5em;
		margin:8px 0px 8px 0px;
		font-weight:bold;
/*		color:#DD0000;*/
/*background-color:#DD8888;*/
}


/** 強調・小見出し **/
#con p.emphasis2,#con h3.emphasis2{
		font-size:1.0em;
		line-height:1.2em;
		margin:8px 0px 8px 10px;
		font-weight:bold;
/*		color:#DD0000;*/
/*background-color:#DD8888;*/
}
/*****/





#con p.lupe,#con p.lupe_line{
		margin: 20px 0px 20px 0px;
		float:left;
		font-size:1.2em;
		font-weight:bold;
		height:auto;
		display:block;
}


#con p.lupe{
		color:#ffffff;
		width:120px;
		padding:14px 0px 0px 10px;
		background: url(../images/lupe.jpg) repeat-x;
		background-position:100% 100%;
}


#con p.lupe_line{
		color:#aa0000;
		width:524px;
		padding:14px 0px 0px 10px;
		background: url(../images/lupe_line.jpg) repeat-x;
		background-position:100% 100%;
}


#con h2.lupe_line{
		margin: 20px 0px 20px 0px;
		float:left;
		font-size:1.2em;
		line-height:1.0em;
		font-weight:bold;
		height:auto;
		display:block;
		color:#aa0000;
		width:524px;
		height:19px;
		padding:19px 0px 0px 10px;
		background: url(../images/lupe_line.jpg) repeat-x;
		background-position:100% 100%;
}


#con p.main_head,#con h1.h,#con h1.hm,#con h2.h,#con h2.hm,#con h3.h,#con h3.hm{
		font-size:1.1em;
		line-height:2.2em;
		margin: 20px 0px 0px 0px;
		text-indent:14px;
		font-weight:bold;
		color:#333333;
		width:664px;
		height:29px;
		padding:0px 0px 0px 0px;
		background: url(../images/main_head.jpg) repeat-x;
		background-position:100% 100%;
		/*background-color:#ff6666;*/
}

#con p.main_head,#con h1.h,#con h1.hm,#con h2.h_margin,#con h2.hm,#con h3.h,#con h3.hm{
		font-size:1.1em;
		line-height:2.2em;
		margin: 00px 0px 0px 0px;
		text-indent:14px;
		font-weight:bold;
		color:#333333;
		width:664px;
		height:29px;
		padding:0px 0px 0px 0px;
		background: url(../images/main_head.jpg) repeat-x;
		background-position:100% 100%;
		/*background-color:#ff6666;*/
}




#con h1.hm,#con h2.hm,#con h3.hm{
		margin: 20px 0px 0px 0px;
}


#con h3.beh0{
		clear:both;
		font-size:1.4em;
		line-height:1.0em;
		margin: 20px 0px 0px 0px;
		text-indent:70px;
		font-weight:bold;
		color:#ffffff;
		width:664px;
		height:46px;
		padding:30px 0px 0px 0px;
		background: url(../functions/images/be_f0.jpg) repeat-x;
		background-position:100% 100%;
		/*background-color:#ff6666;*/
}


#con h3.beh1,#con h3.beh2,#con h3.beh3,#con h3.avh1,#con h3.avh2,#con h3.avh3,#con h3.pdh1,#con h3.pdh2,#con h3.pdh3{
		clear:both;
		font-size:1.4em;
		line-height:1.0em;
		margin: 0px 0px 20px 0px;
		text-indent:110px;
		font-weight:bold;
		color:#44B035;
		width:664px;
		height:23px;
		padding:15px 0px 0px 0px;
		background: url(../functions/images/be_f1.jpg) repeat-x;
		background-position:100% 100%;
		/*background-color:#ff6666;*/
}


#con h3.beh2{
		background: url(../functions/images/be_f2.jpg) repeat-x;
}


#con h3.beh3{
		background: url(../functions/images/be_f3.jpg) repeat-x;
}


#con h3.avh1{		background: url(../functions/images/av_f1.jpg) repeat-x;color: #0071B3;	}


#con h3.avh2{		background: url(../functions/images/av_f2.jpg) repeat-x;color: #0071B3;	}


#con h3.avh3{		background: url(../functions/images/av_f3.jpg) repeat-x;color: #0071B3;	}


#con h3.pdh1{		background: url(../functions/images/pd_f1.jpg) repeat-x;color: #D7000F;	}


#con h3.pdh2{		background: url(../functions/images/pd_f2.jpg) repeat-x;color: #D7000F;	}


#con h3.pdh3{		background: url(../functions/images/pd_f3.jpg) repeat-x;color: #D7000F;	}

#con h2.jv_l,#con h2.be_l,#con h2.pd_l,#con h2.av_l{
		margin: 0px 0px 10px 0px;
		line-height: 1.2em;
		font-size: 1.2em;
		font-weight:bold;
		height:1.2em;
		display:block;
		background: none;
}


#con h2.jv_l{	width:664px;	color: #f19600;	}


#con h2.be_l{	color: #44B035;	}


#con h2.pd_l{	color: #D7000F;	}


#con h2.av_l{	color: #0071B3;	}


#con h1.jv_l,#con h1.be_l,#con h1.pd_l,#con h1.av_l{

		clear:both;
		font-size:1.2em;
		line-height:1.0em;
		margin: 0px 0px 12px 0px;
		font-weight:bold;
		color:#000000;
		width:664px;
		height:16px;
		padding:44px 0px 0px 0px;
		background: url(../functions/images/be_title.jpg) repeat-x;
}

#con h1.av_l{
		background: url(../functions/images/av_title.jpg) repeat-x;
}

#con h1.pd_l{
		background: url(../functions/images/pd_title.jpg) repeat-x;
}

#con h1.jv_l{
		background: url(../functions/images/ja_title.jpg) repeat-x;
}



/*****/
#con span.red{
		color:#aa0000;
}


#con span.red_bold{
		font-weight:bold;
		font-size: 1.2em;
		color:#aa0000;
}


#con p.subheading_r_70,#con p.subheading_b_70,#con h3.subheading_r_70,#con h3.subheading_b_70{
		margin: 20px 0px 0px 0px;
		clear:both;
		width:600px;
		display:block;
		color:#ffffff;
		font-weight:bold;
		font-size: 1.2em;
		line-height: 1.7em;
		height:25px;
		text-align: center;
}


#con p.subheading_r_70,#con h3.subheading_r_70{
		background: url(../images/subheading_r.jpg) repeat-x;
}


#con p.subheading_b_70,#con h3.subheading_b_70{
		background: url(../images/subheading_b.jpg) repeat-x;
}


#con p.column_pink_70{
		width:580px;
		padding:10px 10px 6px 10px;
		display:block;
		background: url(../images/gradation_p2.jpg) repeat-x;
		height:auto;
}

#con p.column_pink{
		width:580px;
		padding:10px 10px 6px 10px;
		display:block;
		background: url(../images/gradation_p3.jpg) repeat-x;
		height:auto;
}

#con div.column_pink_h{
		width:340px;
		padding:10px 10px 6px 10px;
		display:block;
		background: url(../images/gradation_p.jpg) repeat-x;
		background-color:#FDF3EA;
		height:auto;
}

#con div.column_blue{
		padding:10px 10px 6px 10px;
		display:block;
		background: url(../images/gradation_b.jpg) repeat-x;
		background-color:#E9F3F9;
		height:auto;
}


#con p.column_title{
		padding:0px 0px 10px 0px;
	font-size:1.4em;
	font-weight:bold;
		border: solid 1px #888888;
		border-style: none none solid none;
}


#con span.column_tb{
	font-size:0.8em;
	font-weight:bold;
}


#con span.column_b{
	font-weight:bold;
}


#con div.column_line{
		padding:10px 0px 0px 0px;
		border: solid 1px #888888;
		border-style: solid none none none;
		display:block;
		hight:auto;
}


#con div.column_name{
	text-align: right;
	width:140px;
	font-size:1.0em;
	line-height:1.4em;
/*		margin: 6px 0px 0px 0px;*/
	float:right;
/*		background-color:#E4FFFF;*/
}


#con p.column_name2{
	text-align: center;
	float:right;
}


#con p.column_l{
	width:520px;
	float:left;
}
* html div#con p.column_l{
	width:480px;
}


#con p.column_l2{
	width:500px;
	float:left;
}
* html div#con p.column_l2{
	width:460px;
}


#con div.clear{
	height:0%;
	width:0%;
	clear:both;
}


#con p.column_r{
	width:500px;
	float:right;
}
/*コンポーネント
--------------------------------------------------*/
#con p.func_component_m1,
#con p.func_component_m2,
#con p.func_component_m3{
			float:left;
			margin: 15px 0px 0px 0px;
}


#con p.func_component_m4,
#con p.func_component_m5{			
			clear:both;
			margin: 0px 0px 0px 0px;
}


#con p.func_component_m1 a{	
		display:block;width:253px;height:159px;
		background: url(../functions/images/co_a_01.jpg) no-repeat;
}


#con p.func_component_m1 a:hover{
		background: url(../functions/images/co_a_01o.jpg) no-repeat;
}


#con p.func_component_m2 a{	
		display:block;width:157px;height:159px;
		background: url(../functions/images/co_a_02.jpg) no-repeat;
}


#con p.func_component_m2 a:hover{
		background: url(../functions/images/co_a_02o.jpg) no-repeat;
}


#con p.func_component_m3 a{	
		display:block;width:253px;height:159px;
		background: url(../functions/images/co_a_03.jpg) no-repeat;
}


#con p.func_component_m3 a:hover{
		background: url(../functions/images/co_a_03o.jpg) no-repeat;
}


#con p.func_component_m4 a,#con p.func_component_m4{	
		display:block;width:664px;height:67px;
		background: url(../functions/images/co_a_04.jpg) no-repeat;
}


#con p.func_component_m4 a:hover{
		background: url(../functions/images/co_a_04o.jpg) no-repeat;
}


#con p.func_component_m5 a{	
		margin: 0px 0px 15px 0px;
		display:block;width:664px;height:67px;
		background: url(../functions/images/co_a_05.jpg) no-repeat;
}


#con p.func_component_m5 a:hover{
		background: url(../functions/images/co_a_05o.jpg) no-repeat;
}
/***/
#con p.func_component_1,
#con p.func_component_2,
#con p.func_component_3,
#con p.func_component_4,
#con p.func_component_5{
			margin: 15px 0px 10px 0px;
}


#con p.func_component_1 a{	
		display:block;width:664px;height:54px;
		background: url(../functions/images/co_b_1.jpg) no-repeat;
}


#con p.func_component_1 a:hover{
		background: url(../functions/images/co_b_1o.jpg) no-repeat;
}


#con p.func_component_2 a{	
		display:block;width:664px;height:54px;
		background: url(../functions/images/co_b_2.jpg) no-repeat;
}


#con p.func_component_2 a:hover{
		background: url(../functions/images/co_b_2o.jpg) no-repeat;
}


#con p.func_component_3 a{	
		display:block;width:664px;height:54px;
		background: url(../functions/images/co_b_3.jpg) no-repeat;
}


#con p.func_component_3 a:hover{
		background: url(../functions/images/co_b_3o.jpg) no-repeat;
}


#con p.func_component_4 a,#con p.func_component_4{	
		display:block;width:664px;height:76px;
		background: url(../functions/images/co_b_4.jpg) no-repeat;
}


#con p.func_component_4 a:hover{
		background: url(../functions/images/co_b_4o.jpg) no-repeat;
}


#con p.func_component_5 a{	
		display:block;width:664px;height:54px;
		background: url(../functions/images/co_b_5.jpg) no-repeat;
}


#con p.func_component_5 a:hover{
		background: url(../functions/images/co_b_5o.jpg) no-repeat;
}
/*******/

#be_waku {
		clear:both;
		border: solid 1px #44B035;
		margin: 0px 0px 30px 0px;
		height:210px;
		width:100%;
		display:block;
}


#be_waku p.be_waku_t{
		display:block;
		width:100%;
		color:#ffffff;
		font-size: 1.2em;
		height:25px;
		text-align: center;
		background: url(../functions/images/be_00.jpg) repeat-x;
}


#be_waku p.body{
		float:left;
		margin: 0px 10px 0px 10px;
		width:260px;
		text-align: left;
}


#be_waku img{
float:right;
}
object,  
embed {  
     vertical-align: top;  
}  


/* 第２のみ */
ul.liststyle_3col{
	list-style-type:none;
	margin-left:15px !important;
}
ul.liststyle_3col li{
	width:150px;
	height:12px;

}
ul.liststyle_3col li.w180{
	width:180px;
}
ul.liststyle_3col li.w320{
	width:120px;
}
input.ml0, div.greybor input.ml0 {
	margin-left:0px !important;
}

.ml15 {
	margin-left:15px !important;
}

div.greybor{
	border:1px solid #ccc !important;
	padding:5px;
	margin-left:30px !important;
}
div.greybor p, div.greybor input{
	margin-left:10px !important;
}


/* 第２のみ */


.video_name{
	font-size : 24px;

	padding-bottom : 6px;
	text-indent : -3px;
}