@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal;
	font-weight:normal;
	
	background: url(img/back.png) #ccc;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #666666;
	}

.style10 {
	color: #FDFDFD
}

.twoColFixLtHdr #container {
	width: 860px;
	height:100%; 
	background: #FFFFFF; 
	border: 1px solid #cccccc;
	text-align: left;
	margin:0 auto;
} 
.twoColFixLtHdr #header {
	background:transparent url(img/Dtp_main.png) top left repeat-x;
	height:250px;
	} 




/* top index main */
div#main{
	float:left;
	padding-left:5px;
	text-align:left;
	width:640px;
	padding-top:5px;
}
* html div#main{
width:640px;
}


div#mainboxD .mtext{
padding-top:10px;
}


/* mainbox */
div.mainboxD{
background:transparent url(img/mainboxh.png) no-repeat 0px 0px;
width:630px;
margin-top:5px;

margin-bottom:14px;
}
* html div.mainboxD{
margin-bottom:10px;
}

/* mainboxbottom */
div.mbbottom{
	display:block;
	clear:both;
	background:transparent url(img/mainboxl.png) no-repeat left bottom;
	width:630px;
	height:19px;
	margin-bottom:0px;
}

/* mainbox2 */
div.mainbox2{
background:transparent url(img/mainbox2.png) no-repeat 0px 0px;
width:630px;
margin-top:10px;

margin-bottom:14px;
}
* html div.mainbox2{
margin-bottom:10px;
}

/* mainboxbottom2 */
div.mbbottom2{
	display:block;
	clear:both;
	background:transparent url(img/mainbox2_bottom.png) no-repeat left bottom;
	width:630px;
	height:19px;
	margin-bottom:0px;
}





div.mbtext{
	width:600px;
	float:left;
	padding-left: 10px;
}
div.mbtext h2{
	width:600px;
	display:block;
	color:#999999;
}
div.mbtext h2{
	background:transparent url(img/bar_news.gif) no-repeat 0px 0px;
	margin:0 0 5px;
	padding:3px 0 3px 2px;
	color:#999999;
	width:600px;
	height:24px;
	display:block;
}
div.mbtext h2 a:hover, div.mbtext h2, div.mbtext h2 a:focus, div.mbtext h2 a:visited{
	color:#FEFEFE;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
}
div.mbtext h3{
	margin:0 5px 3px 0;
	padding-left:10px;
	font-size: 12px;
}
p.mbimg {
float:left;
margin:0 0 0 10px;
}
p.mbimgtop {
float:left;
margin:0 0 0 10px;
}





<!--バナー-->

#bannar{
    width:600px;
    background-color:#ffffff;

}

dl{
    margin:0px;
    margin-right:3px;
    margin-bottom:1em;
    padding:0 0 0 7px;
    float:left;
    width:300px;
    font-size:12px;
    border-width:1px 1px 0px;

}
dt{
    margin:0px;
    padding:0px;
}
dd{
    margin:0px;
    padding:4px 0.5em;

}










/*  */
* html p.mbimg {margin-left:5px;}
* html p.mbimgtop {margin-left:5px;}

/* mailnews top page */
div#mailnewsTopIndex{
	display:block;
	width:200px;
	height:220px;
	background:url(img/green_box.png) no-repeat;
	padding:0 0 0 5px;
	padding-top:10px;
}
/* 2 */
div#mailnewsTopIndex2{
	display:block;
	width:200px;
	height:200px;
	background:url(img/green_box2.png) no-repeat;
	padding:0 0 0 5px;
	padding-top:10px;
}

#fuji {
             margin:0;  padding:20px 0 0 0px;
             list-style:none;
             font-size:1em;
             width:190px;
         }

/* 3 */
div#mailnewsTopIndex3{
	display:block;
	width:200px;
	height:200px;
	background:url(img/green_box3.png) no-repeat;
	padding:0 0 0 5px;
	padding-top:10px;
}
#print {
             margin:0;  padding:20px 0 0 0px;
             list-style:none;
             font-size:1em;
             width:190px;
         }

/* 4 */
div#mailnewsTopIndex4{
	display:block;
	width:200px;
	height:200px;
	background:url(img/green_box4.png) no-repeat;
	padding:0 0 0 5px;
	padding-top:10px;
}

#syacyou {
             margin:0;  padding:20px 0 0 0px;
             list-style:none;
             font-size:1em;
             width:190px;
         }
		 
		 
		 









/* mainbox */




div.mainboxD h4{
margin-left:20px;
}
div.mainboxD h5{
text-align:left;
font-weight:bold;
margin:5px;
}
div.mainboxD h5 a{
color:#4dac26;
font-weight:bold;
}

div.mainboxD div.DCaptionArea{
float:left;
height:1%;
display:block;
margin-bottom:10px;
}
div.mainboxD div.DCaptionArea .left{
float:left;
height:1%;
display:block;
width:115px;
margin:0 10px;
}
div.mbbottomD{
	clear:both;
	background:transparent url(img/mainboxl.png) no-repeat left bottom;
	width:390px;
	height:5px;
}




/* IE6逕ｨ */
html>body h1{font-size:x-small;}/* Opera6逕ｨ */
head:first-child+body h1{font-size:small;}
a:link, a:visited, a:active{
	color:#0A76E4;
	text-decoration:none;
}
a:hover{
	color:#FF862A;
	text-decoration:underline;
}
hr{display: none;}
img{
	display:block;
	border:none;
}
ul,ol{list-style:none;}

/* IE6逕ｨ */
html>body div#footer ol li{font-size:x-small;}/* Opera6逕ｨ */
head:first-child+body div#footer ol li {font-size:small;}
ol#comNavi{
margin:20px;
padding-top:3px;
}
* html ol#comNavi{
margin:20px;
padding-bottom:0px;
}
div#footer ol li a{font-size:small;}/* IE6逕ｨ */
html>body div#footer ol li a{font-size:x-small;}/* Opera6逕ｨ */
head:first-child+body div#footer ol li a{font-size:small;}
div#footer p{color:#999;}


/* IE6逕ｨ */
html>body p#copyright{font-size:xx-small;}/* Opera6逕ｨ */
head:first-child+body p#copyright{font-size:x-small;}



/* leftBarTop */
div#leftBarTop{
	float:left;
	position:relative;
	top:10px;
	text-align:left;
	width:200px;
	margin-left:5px;
}








/* Global Navigation */
div#header ol{
	margin:0 auto;
	width:860px;
	height:125px;
	position:absolute;
	top:127px;
	}
div#header ol li{
position:absolute;
top:0px;
text-align:center;
}
div#header ol li, div#header a{
display:block;
height:110px;
color:#666;
}
div#header ol li a{
color:#666;
padding:4px 0 6px 0;
text-decoration:none;
background:transparent url(img/dtp_2ani.png) no-repeat 0px -125px;
}
li#gn01 {left:0; width:172px;}
li#gn02 {left:172px; width:172px;}
li#gn03 {left:344px; width:172px;}
li#gn04 {left:516px; width:172px;}
li#gn05 {left:688px; width:172px;}


li#gn01 a:link, li#gn01 a:visited {background:transparent url(img/dtp_2ani.png) no-repeat 0px 0px;}
li#gn02 a:link, li#gn02 a:visited {background:transparent url(img/dtp_2ani.png) no-repeat -172px 0px;}
li#gn03 a:link, li#gn03 a:visited {background:transparent url(img/dtp_2ani.png) no-repeat -344px 0px;}
li#gn04 a:link, li#gn04 a:visited {background:transparent url(img/dtp_2ani.png) no-repeat -516px 0px;}
li#gn05 a:link, li#gn05 a:visited {background:transparent url(img/dtp_2ani.png) no-repeat -688px 0px;}


li#gn01 a:hover, li#gn01 a:focus {
	background:transparent url(img/dtp_2ani.png) no-repeat 0px -125px;
	color:#FF6600; text-decoration:none;}
li#gn02 a:hover, li#gn02 a:focus {background:transparent url(img/dtp_2ani.png) no-repeat -172px -125px; color:#FF6600; text-decoration:none;}
li#gn03 a:hover, li#gn03 a:focus {background:transparent url(img/dtp_2ani.png) no-repeat -344px -125px; color:#FF6600; text-decoration:none;}
li#gn04 a:hover, li#gn04 a:focus {background:transparent url(img/dtp_2ani.png) no-repeat -516px -125px; color:#FF6600; text-decoration:none;}
li#gn05 a:hover, li#gn05 a:focus {background:transparent url(img/dtp_2ani.png) no-repeat -688px -125px; color:#FF6600; text-decoration:none;}



div.headerTxt{ font-size:11px;
color:#FFFFFF;
text-align:right;}



/* footer
************************************************/
div#footer{
position:relative;
width:860px;
height:100px;
background:transparent url(img/footerbgi.png) repeat-x left top;
margin-top:0;

}


div#footer ol li{

display:inline;
font-size:x-small;
color:#999;
}
/* IE6逕ｨ */
html>body div#footer ol li{font-size:x-small;}/* Opera6逕ｨ */
head:first-child+body div#footer ol li {font-size:x-small;}
ol#comNavi{
margin-top:20px;
padding-top:3px;
}

* html ol#comNavi{
margin-top:20px;
}
div#footer ol li a{font-size:small;}/* IE6逕ｨ */
html>body div#footer ol li a{font-size:x-small;}/* Opera6逕ｨ */
head:first-child+body div#footer ol li a{font-size:x-small;}
div#footer p{color:#999;}
p#copyright{
font-size:xx-small;
margin-top:40px;
margin-left:10px;
}/* IE6逕ｨ */
html>body p#copyright{font-size:xx-small;}/* Opera6逕ｨ */
head:first-child+body p#copyright{font-size:x-small;}


/* 髢｢騾｣莨夂､ｾ */
div#affiliated h2{
font-weight:bold;
border-bottom:1px solid #cccccc;
margin:20px 0px 5px 0px;
padding-bottom:3px;
padding-left:2px;
}
div#affiliated ol{
margin-right:0px;
margin-left:0px;
}
* html div#affiliated ol{
margin-left:0px;
}
div#affiliated ol li{
margin:1px 0;
font-size:small;
}/* IE6逕ｨ */
html>body div#affiliated ol li {font-size:x-small;}/* Opera6逕ｨ */
head:first-child+body div#affiliated ol li {font-size:small;}/* _uEUp */

div#affiliated ol li a {
font-size:small;
}/* IE6p */
html>body div#affiliated ol li a {font-size:x-small;}/* Opera6逕ｨ */
head:first-child+body div#affiliated ol li a {font-size:small;}/* _uEUp */

/* 繝舌リ繝ｼ繧ｹ繝哘繧ｹ */
ul#bnrSpace{
margin:47px 0 0 0px;
}
* html ul#bnrSpace{
margin-top:66px;
}
ul#bnrSpace li{
line-height:0%;
padding-bottom:5px;
}
/*ul[id="bnrSpace"] li img {
	width:150px;
	height:50px;
	border:1px solid #999;
	}*/

/* 繧ｷ繧ｹ繝・繝哘繧ｸ繝｡繧､繝ｳ */
div.mainboxsystem{
	background:transparent url(img/sysmain.gif) no-repeat 0px 0px;
	width:600px;
	padding-top:10px;
	margin-bottom:14px;
}
* html div.mainboxsystem{
margin-bottom:10px;
width:600px;
}

div.mainboxsystem h4{
margin-left:20px;
}
div.mainboxsystem h5{
text-align:center;
font-weight:bold;
margin:5px;
}
div.mainboxsystem h5 a{
color:#4dac26;
font-weight:bold;
}

div.mainboxsystem div.DCaptionArea{
float:left;
height:1%;
display:block;
margin-bottom:10px;
}
div.mainboxD div.DCaptionArea .left{
float:left;
height:1%;
display:block;
width:115px;
margin:0 10px;
}
div.mbbottomsystem{
	clear:both;
	background:transparent url(img/sysmain-bottom.gif) no-repeat left bottom;
	width:600px;
	height:5px;
}

/* 繝峨ャ繝・ABLE */
#dottable {
	margin: 0 auto;
	padding: 0;
	border: 1px solid #ccc;
}
#dottable th{
	border-bottom: 1px dotted #AAAAAA;
	color: #fff;
	text-align: left;
	background-color: #0d9cd7;
}
#dottable td{
	border-bottom: 1px dotted #AAAAAA;
	line-height: 150%;
}
#dottable th.noline{
	border-bottom: 0px dotted #AAAAAA;
	color: #666666;
	text-align: left;
	background-color: #0d9cd7;
}
#dottable td.noline{
	border-bottom: 0px dotted #AAAAAA;
	line-height: 150%;
}







/* 繝峨ャ繝・ABLE 譫辟｡縺・*/

#dottable02 {
	margin: 0 auto;
	padding: 0;
}
#dottable02 th{
	border-bottom: 1px dotted #AAAAAA;
	color: #777777;
	text-align: center;
}
#dottable02 td{
	border-bottom: 1px dotted #AAAAAA;
	line-height: 150%;
}

#dottable3 {
	margin: 0 auto;
	padding: 0;
	border: 0px solid #ccc;
}

/* 導入事例*/

#dottable_case {
	margin: 0 auto;
	padding: 0;
	border: 1px solid #ccc;
}
#dottable_case th{
	border-bottom: 1px dotted #ffffff;
	color: #fff;
	text-align: left;
	background-color: #FF831F;
}
#dottable_case td{
	border-bottom: 1px dotted #ffffff;
	line-height: 150%;
}
#dottable_case th.noline{
	border-bottom: 0px dotted #ffffff;
	color: #666666;
	text-align: left;
	background-color: #FF831F;
}
#dottable_case td.noline{
	border-bottom: 0px dotted #ffffff;
	line-height: 150%;
}
/* ニュース＆トピックス＆イベントセミナー*/
.dot_image{
    background-image:url("img/ten_3.gif");
    background-repeat:repeat-x;
}

div.bottom_10px{
    padding-bottom:15px;
}

div.top_10px{
    padding-top:10px;
}

div.top_15px{
    padding-top:15px;
}

/* ニュース＆トピックス＆イベントセミナー*/
tabal.newsTpiEvent{ width:620px;}

td.Cline{ background-color:#949494;
 		  width:1px;
		  vertical-align:top;}

td.info1{ width:310px;
		  vertical-align:top;}

td.keisai1{ width:20px;
			vertical-align:top;
			text-align:left;}
			
td.keisai2{ width:287px;
			vertical-align:top;
			text-align:left;}			
			
td.evesemi1{ width:19px;
			vertical-align:top;
			text-align:left;}
			
td.evesemi2{ width:290px;
			vertical-align:top;
			text-align:left;}	
					
td.evesemi3{ width:290px;
			vertical-align:top;
			text-align:right;}			

tabal.Snews313{ width:313px;}



/* トップ製品バナーテーブル */


#bannar2{
    width:610px;
    background-color:#ffffff;
	margin-top:60px;
	margin-left:10px;

}


td.banner1{ width:310px;
		  vertical-align:top;
		  color:#000000;
	font-family:"Osaka‐等幅";
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	line-height:20px;
		  }

td.banner2{ width:305px;
		  vertical-align:top;
		  text-align:left;
		  color:#707070;
font-family:"Osaka‐等幅";
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:20px;
		  }


/* カンパニーサイドメニュー */
div#companyTopIndex{
	display:block;
	width:200px;
	height:260px;
	background:url(img/green_box5.png) no-repeat;
	padding:0 0 0 5px;
	padding-top:10px;
}



div.main_newT{padding-left:1px;
padding-top:30px;}


# border7{padding-left:3px;}


/* 製品概要　*/


div.body_10px_gray 
{color:#707070;
font-family:"Osaka‐等幅";
font-size:10px;
font-style:normal;
font-weight:normal;
line-height:20px;
}

div.body_12px_gray 
{color:#707070;
font-family:"Osaka‐等幅";
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:20px;
}

div.body_12px_bold 
{
	color:#000000;
	font-family:"Osaka‐等幅";
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	line-height:20px;
}

div.body_12px_bold_gray 
{
	color:#707070;
	font-family:"Osaka‐等幅";
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	line-height:20px;
}

/* pv　*/
div#pvTopIndex{
	display:block;
	width:200px;
	height:215px;
	background:url(pv/img/pv_box.png) no-repeat;
	padding:0 0 0 5px;
	padding-top:10px;
}

/* レフトナビ　*/

#navigation {
             margin:0;  padding:20px 0 0 5px;
             list-style:none;
             font-size:1em;
             width:180px;
         }
#navigation li {
             margin:0;
             width:100%;
         }
#navigation a {
            display:block;
            color:#fff;
            text-decoration:none;
            background:#0d9cd7 url("");
            padding:5px 10px;
            border-top:4px solid white;
            cursor:pointer;
         }
#navigation a:hover {
            padding-left:20px;
            background-color:#bdd70d;
            color:#FF831F;
         }
#navigation a span {
            display:block;
            padding-left:30px;
            background:url(img/icons.png) no-repeat center left;
         }
		 
/* highslide　*/		 
.highslide {
	cursor: url(http://www.dtpnet.jp/dtp2009/scripts/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-image {
    cursor: pointer; /* opera */
	cursor: url(http://www.dtpnet.jp/dtp2009/scripts/graphics/zoomout.cur), pointer;
    border: 2px solid white;
}
.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    padding-left: 22px;
    background-image: url(http://www.dtpnet.jp/dtp2009/scripts/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}



.clear {
clear:both;
display:block;
font-size:0;
line-height:0;
}