@charset "utf-8";

#soft_Body p,#soft_Body td,#soft_Body li{ line-height:1.4em;}
/* layout */

#soft_Body{width:920px; background-color:#fff; overflow:hidden;}
#main{width:920px; background-color:#fff; min-height:550px; overflow:hidden;}

#main_SM{width:700px; float:right; background-color:#fff; min-height:550px; overflow:hidden;}
#side{width:192px; float:left; background-color:#fff; min-height:550px;}


#soft_Head{ margin-bottom:30px;}
#soft_Head div.title{ width:900px; height:22px; background-image: url(../img/layout/bg_soft.gif); background-repeat:no-repeat; font-weight: normal; font-size:1.0em; padding:8px 0 0 20px; margin-bottom:27px;}

/*main*/
#soft_Body p{ margin-bottom:0.5em;}

#soft_Body #main_SM h1{ height:130px; padding:5px 0; margin-bottom:48px;background-image:url(../../s/common/img/h_terminal.gif); background-repeat:no-repeat}
#soft_Body #main_SM h1 span{padding:12px 0 0 30px; display:block; color:#444; font-size:1.3em}


#soft_Body #main_SM h1.terminal{ background-image:url(../../s/common/img/h_terminal.gif); }
#soft_Body #main_SM h1.barcode{ background-image:url(../../s/common/img/h_barcode.gif); }
#soft_Body #main_SM h1.develop{ background-image:url(../../s/common/img/h_develop.gif); }
#soft_Body #main_SM h1.smapho{ background-image:url(../../s/common/img/h_smapho.gif); }
#soft_Body #main_SM h1.utility{ background-image:url(../../s/common/img/h_utility.gif); }
#soft_Body #main_SM h1.zaiko{ background-image:url(../../s/common/img/h_zaiko.gif); }



#soft_Body h2{ border-bottom:#c30217 1px solid; padding:5px 0; margin-bottom:2px;}
#soft_Body h2 span{min-height:22px; padding:8px 0 0 20px; display:block; color:#444; font-size:1.3em;background-image: url(../../s/common/img/title.gif); background-repeat:no-repeat; font-weight:normal;}

#soft_Body .for_os{ text-align:right; margin-bottom:32px;}


#soft_Body h3{}

#soft_Body h3 span{
	display: block;
	height: 21px;
	padding: 7px 0 0 12px;
	border-bottom: #b7b7b7 1px solid;
	margin-bottom: 32px;
	background-image: url(../../s/common/img/uni/subtitle.gif);
	background-repeat: no-repeat;
	color: #222222;
	background-color: inherit;
	}

#soft_Body h3 a{
	text-decoration:none;
		display:block;
}

#soft_Body h3 a:hover{
	background-color:#f3f3f3;
	color:#161616;
}


#soft_Body .sec{max-width:920px;  overflow:hidden; margin-bottom:48px; clear:both;}
#soft_Body .w430{ width:430px;}
#soft_Body .w340{ width:340px}
#soft_Body .w220{ width:220px}
#soft_Body .w300{ width:300px}

#soft_Body .soft_home .w340{ padding:10px 20px; width:300px; border:#fff solid 1px; background-image:url(../../s/common/img/bg_home.gif); background-repeat:no-repeat;}


#soft_Body p.title{ font-weight:bold; color:#c30217;}

/*s menu*/
#ctg_title span,#soft_Body #side h1#ctg_title span{ display:block; height:40px; padding:10px 0 0 24px; margin-bottom:8px; color:#fff; font-weight:bold; background-image:url(../../../common/img/layout/bg_ctitle.png); background-repeat:no-repeat; font-size:13px;}

#ctg_title a{ text-decoration:none;}

#soft_Body #side h1#ctg_title{ background-image:none; border:none; margin:0;}


.side_menu{width:184px; padding:3px; border:#ccc solid 1px; background-color:#fff; overflow:hidden; margin-bottom:32px; background-image:url(../../s/common/img/bg_s_menu.gif); background-repeat: repeat-x;}

#ctgMenu{width:166px; padding:14px 8px; border:#ccc solid 1px; background-color:#fff; overflow:hidden;}

#ctgMenu li{border-bottom:#ffd4dc solid 1px; list-style-image:url(../../../common/img/layout/burette.png); width:145px; margin-left:20px; font-size:0.9em;}

#ctgMenu li a{padding:8px 0px 8px 0px; text-decoration:none; display:block; color:#333;}
#ctgMenu li a:hover{ background-color:#ffeeee; color:#6e0a68;}

#ctgMenu li a.def{ background-color:#ffd4dc; color:#666;}

#ctgMenu li a img{ margin-right:8px; margin-left:5px;}

#side .banner{  text-align:center; margin-bottom:20px}
#side .banner a{ }
#side .banner a:hover{  }


/*list img dl*/ 
/*.sec img{ margin:0px 0 1px 0}*/
.sec .imgTitle{ font-size:0.85em; margin-bottom:10px;}
.sec .imgTitle_up{ font-size:0.9em; margin-bottom:-16px}
.sec .imgTitle_un{ font-size:0.9em; margin-top:-8px}

.sec dl{ margin:0 0 24px 0}
.sec dl dd { margin-bottom:0.8em;}
.sec dl dt{
	font-weight: bold;
	color: #c30217;
	margin-bottom:4px;
}

.sec ul{ margin:24px 0}
.sec li { list-style-type: disc; margin:0 0 0.5em 1.5em}

.sec .list_soft ul{ margin:4px 0}

.j_link{ text-align:right;}

.sec .hosoku{ border: #F66 solid 1px; background-color:#FCF; padding:0.5em 1.5em; margin:24px 0;}
.sec .hosoku .title{ font-weight:bold; color:#900;}

.sec .sect{ overflow:hidden;}

.sub .sect{ padding:15px; background-color:#fefcFc; overflow:hidden; border:#cbb double 3px;}
#soft_Body .sub .sect h2 span{ background-image:none; border:none; text-align:center; color:#c30217; }

#soft_Body .sub .sect h2{ margin-bottom:24px;}

.sub em{ color: #093;}



.list_soft{ margin:6px 0; border-bottom:#ccc solid 1px; border-left: #bbb solid 1px; width:100%;}
.list_soft th{ background-color:#ddd; text-align:center; color:#333; font-weight:bold;}
.list_soft th.midashi{ background-color:#eee; color:#333;font-weight:bold;}
.list_soft td,.list_soft th{ padding:7px 10px; border:#bbb solid 1px; border-left:none; border-bottom:none;}
.list_soft .even{ background-color:#f6f6f6;}
.list_soft .midashi{ background-color:#fff; color:#333;  font-weight: normal;}
.list_soft .even .midashi{ background-color:#f6f6f6;}


.list_soft .cent{ text-align:center; vertical-align:middle;}


.sec table.hosoku{  font-size:0.9em; border:none; margin-top:0;}
.sec table.hosoku td{ padding:5px 3px;background-color:#FFF; vertical-align:text-top;}



.form_open{ cursor:pointer;}	

/**/
.textbtn{}
.textbtn a{  margin:0 0 5px 0;padding:4px 0px; border:#999999 1px solid;background-color:#ffffff;  display: block;
background-image:url(../../s/common/img/bg_textbtn.gif); background-repeat:repeat-x;}

.textbtn a:hover{ color:#666; text-decoration:none;background-image:url(../../s/common/img/bg_textbtn_h.gif);}

.fig_title{ text-align:center; font-size:0.9em; margin:3px 0 3px 0}
.fig{ text-align:center; margin:3px 0 3px 0}
.stor div.fig{margin:0; width:150px;}

.subsub{ padding:15px; background-color:#ffffff; margin:25px 0 15px 0;}

.subsub p.title{ width:100%;}
.subsub p{ width:230px;}


/**/
.ihp{ background-color:#a81f24; text-align:center;}
.ihp img{ margin-top:0;}

.ihp a{ display:block; margin:32px 0;}

.btn_fig{ margin:24px 0;}

.list_soft p img{ margin:3px 0}


/*inq*/
#soft_Body .style_b p,#soft_Body .style_n p{
	margin-left: 1.5em;
	margin-bottom: 1em;
}
#soft_Body .style_n{ border:#e2e2e2 solid 1px; padding:20px 14px;}

#soft_Body .style_n{ background-image:url(../../s/common/img/bg_style_n.gif); background-repeat:repeat-x;}

#soft_Body .style_n ul{ margin-left:2.5em;
}
#soft_Body .style_n li{ list-style-type: disc; padding-left:0.5em;}

#soft_Body .style_n h3{height:28px; padding:6px 0 0 50px; margin-bottom:32px; border-bottom:#c30217 1px solid; background-image:none;color:#c30217; background-repeat:no-repeat; font-size:1.3em; font-weight:bold; text-align:center;}
#soft_Body .style_n h3.inq{ background-image:url(../../s/common/img/mark_inq.gif); text-align:left;}

#soft_Body .style_n h3.cust{ background-image:none; text-align:center; background-color:#c30217; color:#FFF; padding:10px 0 0 0; border:#FFF double 3px;}



#soft_Body .style_n p.title{ border-left:#c30217 solid 5px; margin:0 0 1.5em 6px; padding:3px 0 0 10px; color:#c30217;}

#soft_Body .btn_set{ text-align:center; margin:32px 0;}
#soft_Body .btn_set span{ display:block; width:237px; height:40px; padding:13px 0 0 0; background-image:url(../../s/common/img/btn_inq.gif); background-repeat:no-repeat; margin:0 auto; cursor:pointer; color:#fff; font-weight:bold;}


/**/
#soft_Body a.form{ text-decoration:underline;}

dl.left,dl.right{ margin:20px 0;}


h2 .small{ font-size:80%; background-image:none;}

/**/
.t_btn{margin:0 0 3em 0;}
.t_btn span{ display:block; padding:1em; border:#666 solid 1px;border-radius: 0.5em}
.t_btn a{ text-decoration:none; display:block; background: linear-gradient(to bottom, #ffffff, #e0e0e0 20%, #eee 80%, #ffffff);
}
.t_btn a:hover{background:linear-gradient(to bottom, #fee, #f0d0d0 20%, #fdd 80%, #fee);
}


