/* ========================================  #main ページの本文 */
.photo {
	margin: 0px 0px 20px;
	text-align: center;
}
.catch{
	text-align: center;
	margin: 0px 0px 20px;
}
.contentswrap{
	border:1px solid #CCCCCC;
	padding:10px;
	/*height:100%;*/
}
.box{
	clear:both;
	overflow: hidden;
	padding:10px;
	margin-bottom:10px;
}
.box2{
	width:85%;
	clear:both;
	overflow: hidden;
	margin:10px 10px 10px 10px;
}
.boxnoflow {
    clear: both;
    margin-bottom: 10px;
    padding: 10px;
}
.boxwrap{
	clear:both;
	position:relative;
}
.box_gray{
	background:#f9f9f9;
	border:1px solid #cccccc;
	padding:10px;
}
.box_blue{
	border:1px solid #005BAC;
	padding:5px;
	color: #FFFFFF;
	background-color: #005BAC;
}
.box_blueframe{
	background:#ffffff;
	border:1px solid #005BAC;
	padding:10px;
}
.notice{
	background:url(/images/common/notice.gif) no-repeat;
	padding-left:30px;
	margin-left:20px;
	/*margin-top:10px;*/
}
.red{
	color:#ff0000;
}
.blue{
	color:#4169E1;
}
.green{
	color:#2E8B57;
}
.yellow{
	color:#DBA500;
}
.orange{
	color:#FFA500;
}
/* begin: added at 2012-02-07 for title-images */
.seriestitle{
 	margin-bottom:10px;
}
.title_text1 {
	background-image:url(/files/images/common/page_title_bg.jpg);
	width:720px;
	height:70px;
	background-repeat:no-repeat;
	display:block;
	font-size:30px;
	padding-top:12px;
	padding-left:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.title_text2 {
	background-image:url(/files/images/common/page_title_bg.jpg);
	width:720px;
	height:70px;
	background-repeat:no-repeat;
	display:block;
	font-size:20px;
	line-height:0.5;
	padding-top:9px;
	padding-left:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* end: added at 2012-02-07 for title-images */

.link_list li{
	list-style-type: none;
	background:url(/images/common/arrow03.gif) no-repeat 0px 7px;
	padding-left:10px;
	margin-left:10px;
}
.link_list li a{
	padding-right:1.5em;
	color:#0099FF;
	text-decoration:none;
}
.link_list li a:hover{
	color:#AA0000;
	text-decoration:underline;
}
.date{
	color:#990000;
	font-weight:bold;
}
ol.annot{
	color:#ff0000;
	margin:10px 0px 10px 0px;
	font-size:0.8em;
}
/*IE以外用*/
ol.annot>li{
	counter-increment: chapter;
	list-style-type: none;
	padding-bottom:3px;
	text-indent:-2.5em;
	padding-left:2.5em;
}
/*IE6用*/
*html ol.annot li{
	list-style-type: decimal;
	background:url("/images/common/listmark2.gif") no-repeat 0px 0.3em;
	list-style-position:inside;
	padding-left:10px;
	position: relative;
	font-size:0.9em;
}
*html ol.annot ul li{
	list-style-type: disc;
	background:url("");
	text-indent:0px;
	padding-left:0px;
}
/*IE7用*/
*:first-child+html ol.annot>li{
	list-style-type: decimal;
	background:url("/images/common/listmark2.gif") no-repeat 0px 0.3em;
	list-style-position:inside;
	text-indent:-16px;
	padding-left:24px;
	font-size:0.9em;
}
/*IE以外用*/
ol.annot>li:before{
	content: "*" counter(chapter) "　　"
}
ol.annot li span{
	color:#000000;
}
/*IE6用*/
/**html ol.annot li span a{
	padding-left:16px;
}*/
/*IE7用*/
/**:first-child+html ol.annot * li * span a{
	padding-left:16px;
}*/

/* ========================================  padding */

.paddingT0 {
	padding-top: 0px;
	}
.paddingT5 {
	padding-top: 5px;
	}
.paddingT10 {
	padding-top: 10px;
	}
.paddingB0 {
	padding-bottom: 0px;
	}
.paddingB5 {
	padding-bottom: 5px;
	}
.paddingB10 {
	padding-bottom: 10px;
	}
	
/* ========================================  margin */

.marginT0 {
	margin-top: 0px;
}
.marginT3 {
	margin-top: 3px;
}
.marginT5 {
	margin-top: 5px;
}
.marginT10 {
	margin-top: 10px;
}
.marginT20 {
	margin-top: 20px;
}
.marginB0 {
	margin-bottom: 0px;
}
.marginB5 {
	margin-bottom: 5px;
}
.marginB10 {
	margin-bottom: 10px;
}
.marginB20 {
	margin-bottom: 20px;
}
.marginB30 {
	margin-bottom: 30px;
}
.marginR5 {
	margin-right: 5px;
}
.marginR10 {
	margin-right: 10px;
}
.marginR20 {
	margin-right: 20px;
}
.marginR45 {
	margin-right: 45px;
}
.marginL5 {
	margin-left: 5px;
}
.marginL10 {
	margin-left: 10px;
}
.marginL20 {
	margin-left: 20px;
}
.magAll10 {
	margin: 10px;
}
.paddL10 {
	padding-left: 10px;
}
	
/* ========================================  テキストサイズ */

.textsize16 {
	font-size: 16px;
	}
.textsize14 {
	font-size: 14px;
	}
.textsize13 {
	font-size: 13px;
	}
.textsize12 {
	font-size: 12px;
	}
.textsize11 {
	font-size: 11px;
	}
.textsize10 {
	font-size: 10px;
	}
.textsize14B {
	font-size: 14px;
	font-weight: bold;
	}
.textsize13B {
	font-size: 13px;
	font-weight: bold;
	}
.textsize12B {
	font-size: 12px;
	font-weight: bold;
	}
.textsize11B {
	font-size: 11px;
	font-weight: bold;
	}
.textsize10B {
	font-size: 10px;
	font-weight: bold;
	}
	
	
/* ========================================  テキストカラー */

.textcolor_red {
	color:#FF0000;
	}
.textcolor_blue {
	color: #0000FF;
	}
.textcolor_darkblue {
	color: #0000CC;
	}
	
/* ========================================  揃え */

.align_left {
	text-align:left;
	}
.align_right {
	text-align:right;
	}
.align_top {
	vertical-align: top;
	}
.align_bottom {
	vertical-align: bottom;
	}

/* ========================================  そのほか各頁個別設定 */
/**************　Template①,Template①改　**************/
/*　Template①　*/
/*.Temp1 .box{
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:20px;
	overflow: hidden;
}*/
.Temp1 .Lbox{
	float:left;
	width:150px;
	/*height:150px;*/
	padding-top:10px;
	text-align:center;
}
.Temp1 .Rbox{
	float:right;
	width:500px;
	padding:0px 10px 0px 0px;
	margin-left:8px;
}
.Temp1 .Lbox2{
	float:left;
	width:200px;
	/*height:150px;*/
	padding-top:20px;
	text-align:center;
}
.Temp1 .Rbox2{
	float:right;
	width:450px;
	padding:15px 10px 0px 0px;
	margin-left:8px;
}

.Temp1 .label_red{
	clear:both;
	border-left:5px solid #FF0000;
	font-weight:bold;
	padding-left:10px;
	margin-left:10px;
	margin-top:10px;
}
.Temp1 .label_green{
	clear:both;
	border-left:5px solid #00CC00;
	font-weight:bold;
	padding-left:10px;
	margin-left:10px;
	margin-top:10px;
}
.Temp1 .label_yellow{
	clear:both;
	border-left:5px solid #FFCC00;
	font-weight:bold;
	padding-left:10px;
	margin-left:10px;
	margin-top:10px;
}
.Temp1 .label_blue{
	clear:both;
	border-left:5px solid #0000FF;
	font-weight:bold;
	padding-left:10px;
	margin-left:10px;
	margin-top:10px;
}
.Temp1 .Rbox_label{
	background:url(/images/common/arrow03.gif) no-repeat 0px 0.5em;
	padding-left:10px;
	margin-left:-8px;
}
.Temp1 .Rbox_label a{
	font-weight:bold;
	padding-right:1.5em;
	color:#0099FF;
	text-decoration:none;
}
.Temp1 .Rbox_label a:hover{
	color:#AA0000;
	text-decoration:underline;
}

/*　Template①改　*/
.Temp1_kai .boxwrap{
	overflow: hidden;
}
.Temp1_kai .boxwrap .cate{
	overflow: hidden;
	float:left;
	width:33%;
	border:1px solid #ccc;
	padding:0px 0px 15px 0px;
	padding-bottom: 32767px;
    margin-bottom: -32767px;
}
*html .Temp1_kai .boxwrap .cate{
	padding-bottom: 0px;
    margin-bottom: 0px;
}
.Temp1_kai h2{
	background:url(/images/common/temp01kai_h2_back.jpg) repeat-x;
	border:0px;
	color:#ffffff;
	font-size:1em;
	margin-bottom:0px;
	height:2em;
}
/* 【tbl02】Temp1kai用レイアウトテーブル */
.Temp1_kai .tbl02{
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 0px;
	margin-bottom:20px;
	background:url(/images/common/top_back_02.jpg) repeat-x bottom;
}
.Temp1_kai .tbl02 th{
	background:url(/images/common/temp01kai_h2_back.jpg);
	border:0px;
	color:#ffffff;
	font-size:1em;
	margin-bottom:0px;
	height:100%;
	width:33%;
	border: 1px #99A7B2 solid;
	padding:5px 5px 5px 20px;
	text-align:left;
}
.Temp1_kai .tbl02 td{
	border:1px #99A7B2 solid;
	vertical-align:top;
	height:100%;
	padding:10px;
}
.Temp1_kai .tbl02 .sp{
	border-style:none;
	background:#ffffff url("");
}
.Temp1_kai .tbl02 td.nobtm{
	border-bottom:0px;
}
.Temp1_kai .tbl02 td.notop{
	border-top:0px;
	vertical-align:bottom;
}
/*　Template①＆Template①改共通　*/
#semibanner{
	position:absolute;
	top:120px;
	/*right:440px;*/
	left:32px;
	width:260px;
	height:25px;
	list-style-type: none;
}

#semibanner li{
	background:#333333;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	border:1px solid #ffffff;
	padding:3px;
	color:#ffffff;
	font-weight:bold;
	width:260px;
	margin-bottom:3px;
}
*html #semibanner li,*:first-child+html #semibanner li{
	padding:0px;
	margin-bottom:1px;
}
#semibanner a{
	color:#ffffff;
}

#semibanner2{
	position:absolute;
	top:150px;
	/*right:440px;*/
	left:32px;
	width:260px;
	height:25px;
	list-style-type: none;
}
#semibanner2 li{
	background:#333333;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	border:1px solid #ffffff;
	padding:3px;
	color:#ffffff;
	font-weight:bold;
	width:260px;
	margin-bottom:3px;
}
*html #semibanner2 li,*:first-child+html #semibanner2 li{
	padding:0px;
	margin-bottom:1px;
}
#semibanner2 a{
	color:#ffffff;
}

#semibanner3{
	position:absolute;
	top:180px;
	/*right:440px;*/
	left:32px;
	width:260px;
	height:25px;
	list-style-type: none;
}

#semibanner3 li{
	background:#333333;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	border:1px solid #ffffff;
	padding:3px;
	color:#ffffff;
	font-weight:bold;
	width:260px;
	margin-bottom:3px;
}
*html #semibanner3 li,*:first-child+html #semibanner3 li{
	padding:0px;
	margin-bottom:1px;
}
#semibanner3 a{
	color:#ffffff;
}

#semibanner4{
	position:absolute;
	top:210px;
	/*right:440px;*/
	left:32px;
	width:260px;
	height:25px;
	list-style-type: none;
}

#semibanner4 li{
	background:#333333;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	border:1px solid #ffffff;
	padding:3px;
	color:#ffffff;
	font-weight:bold;
	width:260px;
	margin-bottom:3px;
}
*html #semibanner4 li,*:first-child+html #semibanner4 li{
	padding:0px;
	margin-bottom:1px;
}
#semibanner4 a{
	color:#ffffff;
}

/**************　Template2　**************/
/*.Temp2 .box{
	padding:10px 10px 10px 20px;
	overflow: hidden;
}*/
.feature_ul{
	list-style-type: none;
	/*text-align:center;*/
	margin-top:0px;
	margin-bottom:0px;
}
.feature_ul li{
	display:inline;
	background:url("/images/common/arrow04.gif") no-repeat 0px 7px;
	padding-left:15px;
	margin-right:10px;
	zoom:1;
}
.feature_ul li a:visited{
	color:#0099FF;
}
.Temp2 .Lbox{
	float:left;
	/*width:56%;*/
	width:393px;
	text-align:left;
	padding-right:20px;
}

.Temp2 .Rbox{
	float:left;
	/*width:40%;*/
	width:287px;
	text-align:center;
}
.Temp2 .LboxB{
	float:left;
	width:30%;
	text-align:left;
	padding-right:20px;
}

.Temp2 .LboxB2{
	float:left;
	width:65%;
	text-align:left;
}
.Temp2 ol.annot{
	color:#ff0000;
	margin:10px 0px 10px 0px;
	font-size:0.8em;
}
.Temp2 ol.annot li{
	counter-increment: chapter;  /* Add 1 to chapter */
	list-style-type: none;
	padding-bottom:3px;
	text-indent:-2.5em;
	padding-left:2.5em;
}
.Temp2 .box2{
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:20px;
	overflow: hidden;
}
.Temp2 .Lbox2{
	float:left;
	width:150px;
	padding-top:10px;
	text-align:center;
	padding-right:0px;
}
.Temp2 .Rbox2{
	float:left;
	width:500px;
	padding:0px 10px 0px 0px;
	margin-left:8px;
	text-align:left;
}
.Temp2 .Lbox3{
	float:left;
	text-align:left;
	padding-right:5px;
	width:10%;
}
.Temp2 .Rbox3{
	float:left;
	text-align:left;
	width:85%;
}
.Temp2 .Rbox4{
	float:left;
	text-align:left;
	width:95%;
	margin-top:10px;
}
.Temp2 .Rbox4B{
	float:left;
	text-align:left;
	width:93%;
}
.Temp2 .Lbox5{
	float:left;
	width:48%;
	text-align:left;
	padding-right:20px;
}
.Temp2 .Rbox5{
	float:left;
	width:48%;
	text-align:center;
}
.Lbox6{
	float:left;
	width:48%;
	text-align:left;
	padding-right:5px;
}
.Rbox6{
	float:left;
	width:48%;
}
.Temp2 .Lbox7{
	float:left;
	width:65%;
	text-align:left;
	padding-right:20px;
}
.Temp2 .Rbox7{
	float:left;
	width:30%;
}
/* IE6以外用 */
.Temp2 .Lbox8{
	float:left;
	width:55%;
	text-align:left;
	padding-right:20px;
}
.Temp2 .Rbox8{
	float:left;
	width:30%;
	text-align:left;
}
/* IE6用 */
*html .Temp2 .Lbox8{
	float:left;
	width:55%;
	text-align:left;
	padding-right:20px;
}
*html .Temp2 .Rbox8{
	float:left;
	width:30%;
	text-align:left;
}

.Temp2 .Lbox9{
	float:left;
	width:19%;
	margin-left:30px;
	padding-bottom:1px;
	text-align:center;
}
.Temp2 .Rbox9{
	float:left;
	width:19%;
	margin-left:30px;
	padding-bottom:1px;
	text-align:center;
}
/*IE6用*/
*html .Temp2 .Lbox9{
	float:left;
	width:19%;
	margin-left:20px;
	padding-bottom:1px;
	text-align:center;
}
*html .Temp2 .Rbox9{
	float:left;
	width:19%;
	margin-left:20px;
	padding-bottom:1px;
	text-align:center;
}
.Temp2 .Lbox10{
	float:left;
	width:15%;
	margin-left:50px;
	padding-bottom:1px;
	text-align:center;
}
.Temp2 .Rbox10{
	float:left;
	width:15%;
	margin-left:10px;
	padding-bottom:1px;
	text-align:center;
}
/* IE6用 */
*html .Temp2 .Lbox10{
	float:left;
	width:15%;
	margin-left:25px;
	padding-bottom:1px;
	text-align:center;
}
*html .Temp2 .Rbox10{
	float:left;
	width:15%;
	margin-left:10px;
	padding-bottom:1px;
	text-align:center;
}
.Temp2 .Lbox11{
	float:left;
	width:22%;
	margin-left:5px;
	padding-bottom:1px;
	text-align:center;
}
.Temp2 .Rbox11{
	float:left;
	width:22%;
	margin-left:5px;
	padding-bottom:1px;
	text-align:center;
}
/* IE6用 */
*html .Temp2 .Lbox11{
	float:left;
	width:22%;
	/* margin-left:5px; */
	padding-bottom:1px;
	text-align:center;
}
*html .Temp2 .Rbox11{
	float:left;
	width:22%;
	/* margin-left:5px; */
	padding-bottom:1px;
	text-align:center;
}

.Temp2 .indent1{
	text-indent:-1.3em;
	padding-left:1.3em;
}

/*IE6用*/
*html .Temp2 ol.annot li{
	list-style-type: decimal;
	background:url("/images/common/listmark2.gif") no-repeat 0px 0.3em;
	list-style-position:inside;
	text-indent:-16px;
	padding-left:24px;
	font-size:0.8em;
}
/*IE7用*/
*:first-child+html .Temp2 ol.annot li{
	list-style-type: decimal;
	background:url("/images/common/listmark2.gif") no-repeat 0px 0.3em;
	list-style-position:inside;
	text-indent:-16px;
	padding-left:24px;
	font-size:0.8em;
}
/*IE以外用*/
.Temp2 ol.annot li:before{
	content: "*" counter(chapter) "　　"
}
.Temp2 ol.annot li span{
	color:#000000;
}
/*IE6用*/
*html .Temp2 ol.annot li span a{
	padding-left:16px;
}
/*IE7用*/
*:first-child+html .Temp2 ol.annot li span a{
	padding-left:16px;
}
.p1 {
	padding-right:20px;
}
a.notes, a.notes:visited {
	color:#FF3300;
}

/* WinGP + Pro-ServerEX */
#ifix_box{
	width:570px;
}
.waku_s_top{
	width:280px;
	background:url(/images/product/soft/scada/waku_top.gif) no-repeat 0 bottom;
	height:25px;
}
.waku_s_top div{
	color:#fff;
	/* font-size:14px; */
	text-align:left;
	padding:5px 0 5px 10px;
}
.waku_s_mid{
	width:280px;
	background:url(/images/product/soft/scada/waku_mid.gif) repeat-y 0 0;
}
.right{
	text-align:right !important;
}
.waku_s_mid div{
	padding:10px;
}
.waku_s_btm{
	width:280px;
	background:url(/images/product/soft/scada/waku_btm.gif) no-repeat 0 top;
	height:10px;
}
.waku_l_top{
	width:570px;
	background:url(/images/product/soft/scada/waku_l_top.gif) no-repeat 0 bottom;
	height:25px;
}
.waku_l_top div{
	color:#fff;
	/* font-size:14px; */
	text-align:left;
	padding:5px 0 5px 10px;
}
.waku_l_mid{
	width:570px;
	background:url(/images/product/soft/scada/waku_l_mid.gif) repeat-y 0 0;
	text-align:left;
}
.waku_l_mid div.text{
	padding:10px;
}
.waku_l_btm{
	width:570px;
	background:url(/images/product/soft/scada/waku_l_btm.gif) no-repeat 0 top;
	height:10px;
}

/* CitectSCADA */
.campain{
	width:85%;
	border:2px #c00 solid;
	padding:2px;
	margin-bottom:30px;
}
.campain div.uchiwaku{
	border:1px #c00 solid;
	margin:0 auto;
	padding:10px;
}
.campain div.uchiwaku h4{
	color:#f00;
	font-size:16px;
	font-weight:bolder;
}
.campain .uchiwaku2{
	width:96%;
	margin:5px 10px;
}
.campain .uchiwaku2 img{
	margin:5px 0;
}
.campain .kikan{
	border:1px #ff5900 solid;
	background:#fedebf;
	padding:5px 0 5px 5px;
	margin:5px 0 10px 0;
	font-size:14px;
	color:#c00;
	font-weight:bolder !important;
	text-align:left;
}
.campain .uchiwaku2 .center{
	text-align:center !important;
}

#scada_menu{
	margin:0;
	padding:0;
	width:570px;
	list-style:none;
}
#scada_menu li{
	float:left;
	list-style:none;
	height:31px;
	margin-bottom:20px;
}
#scada_menu li a{
	display:block;
	text-indent:-9999px;
	height:31px;
}
#scada_menu li.a a{
	width:145px;
	background:url(/images/product/soft/scada/scada01_off.jpg) no-repeat 0 0;
}
#scada_menu li.a a:hover,
#scada_menu li.a_active a{
	width:145px;
	background:url(/images/product/soft/scada/scada01_on.jpg) no-repeat 0 0;
}
#scada_menu li.b a{
	width:145px;
	background:url(/images/product/soft/scada/scada02_off.jpg) no-repeat 0 0;
}
#scada_menu li.b a:hover,
#scada_menu li.b_active a{
	width:145px;
	background:url(/images/product/soft/scada/scada02_on.jpg) no-repeat 0 0;
}
#scada_menu li.c a{
	width:145px;
	background:url(/images/product/soft/scada/scada03_off.jpg) no-repeat 0 0;
}
#scada_menu li.c a:hover,
#scada_menu li.c_active a{
	width:145px;
	background:url(/images/product/soft/scada/scada03_on.jpg) no-repeat 0 0;
}
#scada_menu li.d a{
	width:135px;
	background:url(/images/product/soft/scada/scada04_off.jpg) no-repeat 0 0;
}
#scada_menu li.d a:hover,
#scada_menu li.d_active a{
	width:135px;
	background:url(/images/product/soft/scada/scada04_on.jpg) no-repeat 0 0;
}

/* 回り込み */
.clear{
	clear:both;
	margin:0 !important;
	padding:0 !important;
}
.fll{
	float:left;
}
.flr{
	float:right;
}
img{
	border:0;
}

/* マージン */
.mgt5{
	margin-top:5px;
}
.mgb5{
	margin-bottom:5px;
}
.mgr5{
	margin-right:5px;
}
.mgl5{
	margin-left:5px;
}
.mgt10{
	margin-top:10px;
}
.mgb10{
	margin-bottom:10px;
}
.mgl10{
	margin-left:10px;
}
.mgt15{
	margin-top:15px;
}
.mgr15{
	margin-right:15px;
}
.mgl15{
	margin-left:15px;
}
.mgb15{
	margin-bottom:15px;
}
.mgt20{
	margin-top:20px;
}
.mgl20{
	margin-left:20px;
}
.mgr20{
	margin-right:20px;
}
.mgb20{
	margin-bottom:20px !important;
}
.mgt25{
	margin-top:25px;
}
.mgt30{
	margin-top:30px;
}
.mgb30{
	margin-bottom:30px;
}
.mgb40{
	margin-bottom:40px;
}
.mgt45{
	margin-top:45px;
}
.mgt50{
	margin-top:50px;
}
.mgt60{
	margin-top:60px;
}
.mgb50{
	margin-bottom:50px;
}
.mgl25{
	margin-left:25px;
}

.padd5{
	padding:5px !important;
}
.padd10{
	padding:10px !important;
}

/* テキスト */

.text{
	font-size:12px;
}
.tl{
	font-size:14px !important;
	line-height:140%;
}
.ts{
	font-size:11px;
	line-height:120%;
}
.tss{
	font-size:10px;
	line-height:120%;
}
.tss_nomal{
	font-weight:normal;
}

/* テキスト色 */

.tcol_orenge{
	color:#ff2700;
}
.tcol_orenge2{
	color:#fe9f34;
}

.tcol_blue{
	color:#99aed3;
}
.bgcol_gray{
	background:#d1d1d1;
}
.tcol_gray{
	color:#808080;
}
.bgcol_blue{
	background:#e6f1f7;
	padding:5px 0;
}
.tcol_red{
	color:#cc0000;
}
.tcol_pink{
	color:#f9687d;
}
.border_right{
	border-right:#999 1px solid;
}
.border_top{
	border-top:#999 1px solid;
	padding-bottom:5px;
	background:#fff !important;
}
.bgcol_g{
	background:#e6e6e6;
	padding:5px;
}
.bgcol_pink{
	background:#fef0f0;
	padding:5px;
}


/* テキストサイズ */
.tt{
	font-size:12px;
}
.tl{
	font-size:14px;
}
.ts{
	font-size:10px;
}
.w180{
	width:180px;
	text-align:left;
}
.w190{
	width:190px;
	text-align:left;
}
.w200{
	width:200px;
}
.w280{
	width:280px;
	text-align:left;
}
.w290{
	width:290px;
	text-align:left;
}
.w350{
	width:350px;
}
.w760{
	padding:10px;
	border:1px #ccc solid;
}
.w355{
	width:355px;
}

/* 開発版DVDダウンロードボタン
--------------------------------------------------------------------------*/

#dvdpdf a:link, #dvdpdf a:active, #dvdpdf a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #004890;
	padding: 10px;
}

#dvdpdf a:hover{
	color: #004890;
	text-decoration: none;
	background-color: #FFF57F;
	padding: 10px;
}


/**************　Template6　**************/
.Temp6 .Lbox{
	float:left;
	width:56%;
	text-align:left;
	padding-right:20px;
}

.Temp6 .Rbox{
	float:right;
	width:40%;
	text-align:center;
}
.Temp6 h2{
	clear:both;
	color:#FF0033;
	border-left:15px solid #FF0033;
	border-bottom:1px solid #000000;
	padding:5px 0px 5px 20px;
	font-size:120%;
	/*height:30px;*/
	margin-bottom:10px;
}
.Temp6 h2 a{
	color:#666666;
}
.Temp6 h2 a:hover{
	color:#aa0000;
}

.Temp2 .link_list li{
	list-style-type: none;
	background:url(/images/common/arrow09.gif) no-repeat 0px 7px;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:10px;
}
.Temp8 h2{
	background:none;
	padding:10px 0px 5px 5px;
	border:0px;
	color:#669900;
}
.Temp8 .Lbox{
	float:left;
	width:80px;
	text-align:center;
}
.Temp8 .Rbox{
	float:left;
	width:570px;
	padding:0px 10px 0px 0px;
	margin-left:8px;
}
.LineDot {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
}
/* producttopの型式検索
--------------------------------------------------------------------------*/
.product_top h2{
	color:#000000;
	border:none;
	padding:5px 0px 0px 0px;
	font-size:150%;
	height:40px;
	margin-bottom:0px;
}
.product_top .Lbox{
	height:100%;
	padding:0px;
	float:left;
	width:455px;
}
.product_top .Rbox{
	float:right;
	padding:0px;
	/** border:1px solid #999999; **/
}
.product_top .series_list{
	color:#0073AF;
}
.product_top .series_list a{
	text-decoration:none;
	color:#0073AF;
}
.product_top .series_list a:hover{
	text-decoration:underline;
}
.product_top .link_list li{
	float: left;
	width: 47%;
	white-space:nowrap;
}
.product_top .link_list li a{
	display:inline-block;
}
.product_top .link_list li .right{
	float:right;
	width:110px;
	text-align:left;
}
.product_top .search1{
	float: left;
	width: 160px;
	height: 70px;
	padding-top: 10px;
	border:1px solid #87A8C2;
	background-color:#E6EEF9;
	margin-right:2px;
	font-weight: bold;
	color:#666666;
}
.product_top .search2{
	float: left;
	width: 510px;
	height: 70px;
	padding-top: 10px;
	padding-left: 20px;
	border:1px solid #87A8C2;
	background-color:#F0F5FC;
}

/* カタログ画像の枠
--------------------------------------------------------------------------*/
.PhotoWaku {	border: 1px solid #333333;
}

/* 印刷用CSS */
@media print{
    .box {
        overflow:visible;
    }

	#page {
		width: 722px\9; /*WinIE8 and below */
	}
	#menu{
		display:none\9; /*WinIE8 and below */
	}
	#menuL{
		display:none\9; /*WinIE8 and below */
		float:none\9; /*WinIE8 and below */
	}
	#contents{
		background:#ffffff url("") 0px 0px\9; /*WinIE8 and below */
		width: 722px\9; /*WinIE8 and below */
		border-top:0px solid #999999\9; /*WinIE8 and below */
		border-left:0px solid #999999\9; /*WinIE8 and below */
		border-right:0px solid #999999\9; /*WinIE8 and below */
	}
	#main{
		float:none\9; /*WinIE8 and below */
		position:static\9; /*WinIE8 and below */
	}
	#header{
		display:none\9; /*WinIE8 and below */
	}
	#border{
		display:none\9; /*WinIE8 and below */
	}
	#footer{
		width: 724px\9; /*WinIE8 and below */
		border-left:0px solid #999999\9; /*WinIE8 and below */
		border-right:0px solid #999999\9; /*WinIE8 and below */
		border-bottom:0px solid #999999\9; /*WinIE8 and below */
	}
	#footer_top{
		display:none\9; /*WinIE8 and below */
	}
	*{
		_zoom: 1; /*WinIE6 */
	}
	*html .Temp2 ol.annot li{
		_zoom: normal; /*WinIE6 */
		_text-indent:0px; /*WinIE6 */
	}
	*html .Temp2 ol.annot li *{
		_text-indent:-16px; /*WinIE6 */
	}
	html>/**/body .box{
		overflow/*\**/:auto\9; /*WinIE8 only*/
	}
}