@charset "UTF-8";

/* ----------------------------------------
COMMON
---------------------------------------- */

/* BASE--------------------- */
body { margin:0; padding:0; background-color: #EBEBEB;}
.title { color: #97b; }
.color777 { color: #666; }
.ptextmove { width:550px; text-indent: -9999px; overflow: hidden; }

h1.hbig { font-size:20px; line-height:20px; margin-bottom:25px; }

table.dx_table { width:540px; border: solid 1px #999; border-collapse: collapse; border-spacing: 0; margin-bottom:10px; }
table.dx_table tr,table.dx_table td { border: solid 1px #999; font-size:12px; color:#666; padding: 7px; vertical-align:middle; }
td.dx_td1 { width: 109px; }
td.dx_td2 { width: 250px; }

.mrgbtm0 { margin-bottom:0; }
.mrgbtm10 { margin-bottom:10px; }
.mrgbtm15 { margin-bottom:15px; }
.mrgbtm25 { margin-bottom:25px; }

.pagelink{ display:block; float:left; font-size:10px; text-indent:6px; background: url(../../image/product/dxs/top/link.gif) no-repeat; background-position:0 50%;padding:0 10px 0 0;}

p.p2 { font-size:12px; font-style:normal; color:#333; line-height:18px; margin-bottom:35px; padding:0; }
img.left0 { float: left; margin:0; border: 0; }
img.left { float: left; margin: 2px 15px 0 0; border: 0; }
img.left2 { float: left; margin: 2px 20px 0 0; border: 0; }
img.lefttop { float: left; margin: 2px 25px 15px 0; border: 0; }
img.lefttop2 { float: left; margin: 2px 12px 15px 0; border: 0; }
img.right { float: right; margin: 2px 0 0 15px; border: 0; }
img.right2 { float: right; margin: 2px 0 0 20px; border: 0; }
img.righttop { float: right; margin: 2px 5px 15px 15px; border: 0; }
img.right0 { float: right; margin:0 0 0 5px; border: 0; }

/* GLOBAL NAVIGATON--------------------- */
#mainnavi { position: relative; display: inline; float: left; margin:0 0 5px 0; width: 550px; height:34px; margin:0 0 25px;}
#mainnavi ul { list-style-type: none; margin: 0; padding: 0; border: 0; }
#mainnavi li { float: left;}
#mainnavi li a {display: block; width:110px; height:34px; background: url(../../image/product/dxs/dx_menu.gif) no-repeat 0 0; text-indent: -9999px; text-decoration: none; /*\*/overflow: hidden;/**/ }

#mainnavi li.top a { background-position:0px 0px; width:110px;}
#mainnavi li.feature a { background-position:-110px 0px; width:109px; }
#mainnavi li.quality a { background-position:-219px 0px; width:109px; }
#mainnavi li.merit a { background-position:-328px 0px; width:109px; }
#mainnavi li.spec a { background-position:-437px 0px; width:113px; }
/* productover */
#mainnavi li.top a:hover { background-position:0px -34px; width:110px; }
#mainnavi li.feature a:hover { background-position:-110px -34px; width:109px; }
#mainnavi li.quality  a:hover { background-position:-219px -34px; width:109px; }
#mainnavi li.merit a:hover { background-position:-328px -34px; width:109px; }
#mainnavi li.spec a:hover { background-position:-437px -34px; width:113px; }
/* on */
#mainnavi li.topon a { background-position:0px -68px; width:110px; }
#mainnavi li.featureon a { background-position:-110px -68px; width:109px; }
#mainnavi li.qualityon a { background-position:-219px -68px; width:109px; }
#mainnavi li.meriton a { background-position:-328px -68px; width:109px; }
#mainnavi li.specon a { background-position:-437px -68px; width:113px; }

/* WRAPPER---------------------------------------- */
#wrapper { position: relative; margin:0 auto; padding:0; border: 0; width: 720px; background-color:#fff; zoom:1; }
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* OSAE BOX---------------------------------------- */
#headerbox {position:relative; float:left; width:720px; height:116px; margin-bottom:9px; background-color:#999; border:0; padding:0; }
#leftbox { position:relative; display:inline; float:left; width:110px; height:960px; margin:0 20px; border:0; padding:0; }
#seihintitle { width:550px; height:40px; border-top:1px solid #999; border-bottom:1px solid #999; padding:10px 0px; margin-bottom:10px; }

/* DX BOX---------------------------------------- */
#dxbox_wrap { position:relative; float: left; width:570px; margin:0; padding:0; border:0; } 
#dxbox_content { position:relative; margin:0; padding:0 20px 0 0; zoom:1; }
#dxbox_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ------------ */
.combox_st { margin-bottom:35px; padding:0 4px; zoom:1; }
.combox_st:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.combox_st2 { margin: 0 0 20px; padding:0 4px 20px; border-bottom:1px dotted #ccc; zoom:1; }
.combox_st2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.combox_st.btmmrg0, .combox_st2.btmmrg0 { margin: 0; border:0; }

/* Bttom Border */
.combox_st.btmbd_solid { border-bottom:1px solid #ccc; padding:0 4px 35px; }

/* OTHER BOX------------ */
.box_col2l { float:left; width:255px; margin:0 30px 15px 0; }
.box_col2r { float:left; width:255px; margin:0 0 15px 0; }


/* ----------------------------------------
EACH PAGE
---------------------------------------- */
/* TOP------------ */
h1.top_mphoto { float:left; width:550px; height:250px; margin:0 0 10px; background:url(../../image/product/dxs/top/dx150sec_topimg.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }

h1.step_bar { width:550px; height:36px; margin:0 0 25px; background: url(../../image/product/dxs/top/dx_step_bar.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

img.step { float: right; margin: 2px 0 20px 15px; border: 0; }

h1.mrgtop10 { margin-top:10px; }
h2.lh15 { line-height:20px; }

ul.top { font-size:14px; font-weight:bold; line-height:20px; color:#97b; list-style-type:square; list-style-position:inside; }

/* FEARURE------------ */
h1.fea_mphoto { float:left; width:550px; height:250px; margin:0 0 10px; background:url(../../image/product/dxs/feature/dx150sec_feaimg.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }

/* QUALITY------------ */
h1.qua_mphoto { width:550px; height:250px; margin:0 0 10px; background:url(../../image/product/dxs/tool/dx150sec_toolimg.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
.icontool { width:170px; height:40px; float:left; margin: 10px 15px 0 0; font-size:14px; color:#777; line-height:40px; }
.icontoollast { width:170px; height:40px; float:left; margin: 10px 0 0 0; font-size:14px; color:#777; line-height:40px; }
img.icontext { float:left; margin-right:10px; }
h3.rayup { margin:11px 0 6px; }

/* SPEC------------ */
h1.spe_mphoto { width:550px; height:250px; margin:0 0 10px; background:url(../../image/product/dxs/specification/dx150sec_specimg.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
#spectop { float:left; width:540px; margin:20px 0 25px; }
h2.mrgtop25 { margin-top:25px; }
h2.mrgbtm5 { margin-bottom:5px; }

/* MERIT------------ */
h1.mer_mphoto { width:550px; height:250px; margin:0 0 10px; background:url(../../image/product/dxs/merit/dx150sec_merimg.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
.p10999 { font-size:10px; line-height:15px; color:#999; margin-top:7px; }
.pointtext { float:left; width:270px; margin:30px 0 0 0; padding:0; border:0; }
.pointtext2 { float:left; width:456px; margin:20px 0 0 14px; padding:0; border:0; }
p.point2 { margin-bottom:6px; }