@charset "utf-8";

/*  header
------------------------------------------------------------------ */


/*  nav
------------------------------------------------------------------ */
nav ul #nav_software a {
    background: url(../img/nav_software_on.gif) 0 0 no-repeat;
}

nav ul #nav_software a img {
    position: absolute;
    top: -66px;
}

/*  共通部品
------------------------------------------------------------------ */
#main section .border_bot {
   margin-top: 2em;
	margin-bottom: 0;
	padding-bottom: 2em;
	border-bottom:#dbdbdb solid 1px; 
}


/*  sidebar
------------------------------------------------------------------ */
#software #sidebar dl dd a:hover, #software #sidebar dl dd a.on {
    background: #e8ecee url(../img/arrow_on.png) 165px center no-repeat;
    font-weight: bold;
}


/*  software
------------------------------------------------------------------ */
#software #main #page_title {
    background: url(img/title.jpg) center 0 no-repeat;
    height: 134px;
    width: 100%;
}
#software #main #page_title p {
    background: url(img/title_mask.png) center 0 no-repeat;
    height: 134px;
    width: 100%;
}

#main section {
    clear: both;
    margin: 3em auto 0;
    text-align: left;
    /zoom: 1;
}

#main section:after,
#main section:after {
    clear: both;
    content: '';
    display: block;
}

#main #section_software {
    margin-top: 0;
}

#main #section_software p {
    font-size: 13.5px;
    margin-top: 1.5em;
}

#main section h2 {
    background: #e8ecee;
    font-size: 22px;
    font-weight: bold;
    padding: 22px 20px 20px;
    width: 696px;
}

#main section h2 a{
font-size: 22px;
font-weight: bold;
color:#000;
}
#main section h2 a:hover {
color:rgba(0,0,0,0.6);
}

#main section h2 span {
    font-size: 20px;
    font-weight: bold;
    padding-left: 1em;
}

/*#main #section_customorder h2 {
    background: none;
    color: #1970b2;
    font-size: 18px;
    margin: 0em 0 0;
    padding: 0;
}*/

#main #section_software #software_title {
    background: url(img/software_title.jpg) 0 0 no-repeat;
    height: 351px;
    position: relative;
    width: 734px;
}

#main #section_software #software_title p {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    left: 30px;
    width: 435px;
}

#software_title #software_text1 {
    top: 70px;
}

#software_title #software_text2 {
    top: 150px;
}

#software_title #software_link {
    height: 53px;
    position: absolute;
    left: 183px;
    top: 247px;
    width: 404px;
}

#software_title #software_link a {
    display: block;
    height: 53px;
    overflow: hidden;
    position: relative;
    width: 404px;
}

#software_title #software_link a:hover img {
    position: absolute;
    top: -53px;
}


 /*
#main #section_customorder .image {
    background: url(img/image_customorder.gif) 30px 0 no-repeat;
    float: right;
    height: 220px;
    position: relative;
    width: 350px;
}

#main #section_customorder .image p {
    font-size: 12px;
    position: absolute;
    text-align: center;
}

#main #section_customorder .image #fukidashi1 {
    left: 70px;
    top: 12px;
}

#main #section_customorder .image #fukidashi2 {
    left: 48px;
    top: 122px;
}
*/


#main section h3 {
    color: #1970b2;
    font-weight: bold;
    font-size: 16px;
    margin-top: 1.5em;
    clear: both;
}

#main section p.bold {
    font-size: 13.5px;
    margin-top: 1.5em;
}

#main section .data_image {
    margin-top: 2em;
    position: relative;
    /zoom: 1;
}
#main section .data_image.fr {
	float: right;
}
#main section .data_image.fl_r {/*横並び用*/
	float:right;
	width: 357px;
	padding-top: 1em;
}

#main section .data_image:after {
    clear: both;
    content: '';
    display: block;
}

#main section .data_image a {
	position: absolute;
	top: 15px;
	left: 8px;
}

#main section .data_image a:hover img {
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}

#main #section_sc_test .data_image {
    height: 280px;
}

/* #section_spring_test01 */
/* #section_spring_test02 */
/* #section_spring_test03 */
/* #section_spring_test04 */
/* #section_spring_test05 */
/* #section_spring_test06 */
#main #section_spring_test01 .data_image,
#main #section_spring_test02 .data_image,
#main #section_spring_test03 .data_image,
#main #section_spring_test04 .data_image,
#main #section_spring_test05 .data_image,
#main #section_spring_test06 .data_image {
    height: 240px;
}
#main #section_spring_test01 .data_image.spring_test1_1,
#main #section_spring_test04 .data_image.spring_test4_2,
#main #section_spring_test02 .data_image {
    height: 280px;
}
#main section .data_image #spring_test1_1a,
#main section .data_image #spring_test1_2a,
#main section .data_image #spring_test2_1a,
#main section .data_image #spring_test2_2a,
#main section .data_image #spring_test2_3a,
#main section .data_image #spring_test3_1a,
#main section .data_image #spring_test3_2a,
#main section .data_image #spring_test4_2a,
#main section .data_image #spring_test5_1a,
#main section .data_image #spring_test6_1a,
#main section .data_image #spring_test1_4a {
	left: 7px;
}
#main section .data_image #spring_test1_1b,
#main section .data_image #spring_test1_2b,
#main section .data_image #spring_test2_1b,
#main section .data_image #spring_test2_2b,
#main section .data_image #spring_test2_3b,
#main section .data_image #spring_test3_1b,
#main section .data_image #spring_test3_2b,
#main section .data_image #spring_test4_2b,
#main section .data_image #spring_test5_1b,
#main section .data_image #spring_test6_1b,
#main section .data_image #spring_test1_4b {
    left: 380px;
}
/**/

#main section .data_image #sc_test_1 {
    left: 0;
}

#main section .data_image #sc_test_2 {
    left: 298px;
}

#main section .data_image #sc_test_3 {
    left: 530px;
}

#main #section_floor_monitoring .data_image {
    height: 210px;
}

#main section .data_image #floor_monitoring_1 {
    left: 85px;
}

#main section .data_image #floor_monitoring_2 {
    left: 383px;
}

#main #section_line_monitoring .data_image {
    height: 212px;
}

#main section .data_image #line_monitoring_1 {
    left: 69px;
}

#main section .data_image #line_monitoring_2 {
    left: 380px;
}

#main section .data_list {
    margin-top: 1em;
}
#main section .data_list.fl_l {/*横並び用*/
	float:left;
	width: 357px;
}

#main section .data_list ul li {
    background: url(../img/list.gif) 0 0.35em no-repeat;
    font-size: 13px;
    margin-top: 0.7em;
    padding-left: 1.5em;
}

#main section .data_list p {
    font-size: 13px;
    margin-top: 1.5em;
    /*padding-left: 1.3em;
    text-indent: -1.3em;*/
}

#main section .data_list dl {
    clear: both;
}

#main section .data_list dl dt {
    margin: 2em 0 0.5em;
}

#main section .data_list dl dd {
    font-size: 12.5px;
}

#main section .data_list dl dd span {
    color: #1970b2;
}

#main section .data_list dl dd.mt15 {
    margin-top: 1.5em;
}

#main section .data_list dl dd ul {
    margin-left: 1.3em;
    margin-top: 0.5em;
}

#main section .data_list dl dd ul li {
    margin-top: 0.3em;
}

#main section .data_list dl dd #composition_graph {
    margin-bottom: 1.5em;
    margin-left: 0;
    position: relative;
}

#main section .data_list dl dd #composition_graph li {
    background: none;
}

#main section .data_list dl dd #composition_graph .graph_point {
    background: #f6f6f6;
    border: 2px solid #50a2d2;
    font-size: 11.5px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 3px 0;
    text-align: center;
    width: 130px;
}

#main section .data_list dl dd #composition_graph #graph_arrow1 {
    position: absolute;
    left: 130px;
    top: -3px;
}

#main section .data_list dl dd #composition_graph #graph_arrow2 {
    position: absolute;
    left: 130px;
    top: 37px;
}

#main section .data_list dl dd #composition_graph #graph_arrow3 {
    position: absolute;
    left: 130px;
    top: 77px;
}

#main section .data_list dl dd #composition_graph #graph_point4 {
	position: absolute;
	left: 190px;
	top: 0px;
}

#main section .data_list dl dd #composition_graph #graph_arrow4 {
	position: absolute;
	left: 320px;
	top: 0;
}

#main section .data_list dl dd #composition_graph #graph_point5 {
	position: absolute;
	left: 382px;
	top: 0;
}

#main section .data_list dl dd #composition_graph #graph_arrow5 {
	position: absolute;
	left: 511px;
	top: 0;
}

#main section .data_list dl dd #composition_graph #graph_point6 {
	background: none;
	border: none;
	position: absolute;
	left: 540px;
	top: 0;
}

#main section .data_list dl dd #composition_graph #graph_flow1 {
	color: #1970b2;
	position: absolute;
	left: 305px;
	top: 41px;
}
	
	
	


#sc01 {
	position:absolute;
	top:0;
	left:0;
	}

#sc02 {
	position:absolute;
	top:0;
	left:270px;
	}
	
	#sc03 {
	position:absolute;
	top:0;
	right:0;
	}