.mod-tbl { max-width:1120px; }
.mod-tbl thead th { line-height:1.2em; }
@media (max-width: 767px) {
}
#graph {
    margin-bottom: 0px;
	padding: 10px;
}
#bg-color {
    background: url("../../product/img/phd/graph-bg2.png"); 
		background-size: contain;
		background-repeat: no-repeat;
		width:100%;
    max-width: 1120px;
    height: auto;
    text-align: right;
    margin: 0 auto;
    position: relative;
}
#bg-color:before {
    content: "";
    display: block;
    padding-top: 55%;
	margin-bottom: 0;
}

#bg-mono {
    background: url("../../image/mono-back.png"); 
		background-size: contain;
		background-repeat: no-repeat;
		width:100%;
    max-width: 920px;
    height: auto;
    text-align: right;
    margin: 0 auto;
    position: relative;
}
#bg-mono:before {
    content: "";
    display: block;
    padding-top: 74%;
}
#bg-refreshed {
    background: url("../../image/refresh-back.png"); 
		background-size: contain;
		background-repeat: no-repeat;
		width:100%;
    max-width: 920px;
    height: auto;
    text-align: right;
    margin: 0 auto;
    position: relative;
}
#bg-refreshed:before {
    content: "";
    display: block;
    padding-top: 65%;
}

#graph #bg-color ul {margin-bottom: 0.5em;}
ul.pos-list { margin: 0;}
ul.pos-list li { position: absolute; left:0; top:0; display: block; /*width:32%;*/ min-height:110px; }
#bg-mono ul.pos-list li { width:28.3%; }
#bg-refreshed ul.pos-list li { width:20.75%;}
ul.pos-list li a { display: block; }
ul.pos-list li a img { max-width:100%; }
ul.pos-list li#a3-air { left:78%; padding-top:4%;}
ul.pos-list li#a3-roller { left:58%; padding-top:10%;}
ul.pos-list li#a3-long { left:38%; padding-top:20%;}
ul.pos-list li#side-a3 { left:20%; padding-top:20%;}
ul.pos-list li#side-a4 { left:3%; padding-top:32%;}
ul.pos-list li#finis-100 { left:56%; padding-top:10%;}
ul.pos-list li#finis-65 { left:38%; padding-top:18%;}
ul.pos-list li#finis-50 { left:20%; padding-top:25%;}
ul.pos-list li#rc3330 { left:12%; padding-top:39%;}
ul.pos-list li#rc5240 { left:25.3%; padding-top:4%;}
ul.pos-list li#rc5255 { left:54%; padding-top:2.3%;}
ul.pos-list li#r4245 { left:41%; padding-top:17.2%;}
ul.pos-list li#r6265 { left:78%; padding-top:4.3%;}

ul.graphList {
	padding: 0.5em 0;
	margin-left: 20px;
}
ul.graphList li {
		list-style-position: inside;
	background-repeat: no-repeat;
	line-height: 35px;
	float:left;
	margin-bottom: 0.8em;
}

ul.graphList li.listIcon-a3 { 
	list-style-image: url( "../../product/img/phd/graph-a3.png") ;
}
ul.graphList li.listIcon-a4 {
	list-style-image: url( "../../product/img/phd/graph-a4.png") ;
}
ul.graphList li.listIcon-long {
	list-style-image: url( "../../product/img/phd/graph-long.png") ;
}
ul.graphList li.listIcon-weight {
	list-style-image: url( "../../product/img/phd/graph-weight.png") ;
}
ul.graphList li.listIcon-coat {
	list-style-image: url( "../../product/img/phd/graph-coat.png") ;
}
ul.graphList li.listIcon-seal {
	list-style-image: url( "../../product/img/phd/graph-seal.png") ;
}
ul.graphList li.listIcon-50 {
	list-style-image: url( "../../product/img/phd/graph-50.png") ;
}
ul.graphList li.listIcon-65 {
	list-style-image: url( "../../product/img/phd/graph-65.png") ;
}
ul.graphList li.listIcon-100 {
	list-style-image: url( "../../product/img/phd/graph-100.png") ;
}
ul.graphList li.listIcon-manual {
	list-style-image: url( "../../product/img/phd/graph-manual.png") ;
}
ul.graphList li.listIcon-ns {
	list-style-image: url( "../../product/img/phd/graph-ns.png") ;
}

.graphNote{
 width: 640px;
	height: auto;
	margin-bottom: 1em;
}

@media (max-width: 960px) {
#bg-color { width:100%; /*height:55vw; */background-size: contain; }

ul.pos-list li a img { width:70%; }
ul.pos-list li#a3-air { left:70%; padding-top:4%;}
ul.pos-list li#a3-roller { left:50%; padding-top:10%;}
ul.pos-list li#a3-long { left:30%; padding-top:20%;}
ul.pos-list li#side-a3 { left:15%; padding-top:20%;}
ul.pos-list li#side-a4 { left:-5%; padding-top:32%;}
ul.pos-list li#finis-100 { left:52%; padding-top:10%;}
	ul.pos-list li#finis-65 { left:33%; padding-top:18%;}
ul.pos-list li#finis-50 { left:16%; padding-top:25%;}
	ul.graphList li{
		background-size: 1.5em;
	}

}

@media (max-width: 768px) {
#bg-color { width:100%; /*height:55vw; */background-size: contain; }

ul.pos-list li a img { width:43%; }
ul.pos-list li#a3-air { left:58%; padding-top:4%;}
ul.pos-list li#a3-roller { left:35%; padding-top:10%;}
ul.pos-list li#a3-long { left:13%; padding-top:20%;}
ul.pos-list li#side-a3 { left:4%; padding-top:20%;}
ul.pos-list li#side-a4 { left:-22%; padding-top:30%;}
ul.pos-list li#finis-100 { left:35%; padding-top:10%;}
ul.pos-list li#finis-65 { left:16%; padding-top:18%;}
ul.pos-list li#finis-50 { left:-2%; padding-top:24%;}
	.graphNote{
 width: 100%;
	height: auto;
}
}


.mod-modal-content dl { padding-bottom:8px; }
.mod-modal-content dl>dt { font-weight: bold; }

.mod-modal-content .content .mod-box { padding:10px; margin-top:20px; max-width:315px; }