@charset "UTF-8";

/*----------------------------------------------------
☆Reset

theme color #448CBC
color #333
link color #0CBACD


----------------------------------------------------*/

html,body {
height:100%!important;
min-height:100%;
}

body > #wrap {
height: auto;
}

body, h1, h2, h3, h4, h5, h6, pre, ul , ol , li, dl, dt, dd, p, img {
margin:0;
padding:0;
}

body {
background: url(../../../../../img/ss/products/microscope/roughness/bg_body.png) left top repeat-y;
font-family: helvetica, arial, meiryo, san-serif;
}
color:#333;
line-height:100%;
min-width:1000px;

position:relative;
}

a {
color:#000;
text-decoration:underline;
cursor:pointer;
outline:none;
}

a:link {
color:#000;
text-decoration:underline;
outline:none;
}

a:hover {
color:#0CBACD;
text-decoration:none;
outline:none;
}

#contents p {
line-height:1.7;
}

ul, ol {
list-style-type:none;
}

ul li, ol li, dl {
line-height:1.7;
}

a:focus {
outline: none;
}

h1, h2, h3, h4, h5, h6 {
line-height:1.7;
}

::selection { background-color:#000; color: #FFF; /* Safari */ }
::-moz-selection { background-color: #000; color: #FFF; /* Firefox */ }


h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
/*font-size:100%;*/
}

.fixed {
    top: 0px;
}

/*----------------------------------------------------
☆Crearfix
----------------------------------------------------*/
.clearfix:after {
content:"";
height:0;
clear:both;
display:block;
line-height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */

.clearfix02:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*----------------------------------------------------
☆br clear
----------------------------------------------------*/
br.clear_noie, 
div.clear_noie {
display:inline !important;
display:none;
clear:both;
line-height:0px;
}

br.clear_all {
clear:both;
line-height:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie  {
display:block!important;
content: " ";
}
}


/*----------------------------------------------------
☆topcontrol
----------------------------------------------------*/


#pageTop {
position: fixed;
bottom: 80px;
right: 20px;
font-size: 77%;
z-index: 999;
display:none;
}

#pageTop a {
background: url(../../../../../img/ss/products/microscope/roughness/icon_arrow_up.gif) center 20% no-repeat #FFF;
border: 1px solid #CCC;
text-decoration: none;
color: #000;
width: 127px;
height: 57px;
text-align: center;
display: block;
}

#pageTop a span{
display: inline-block;
padding-top: 30px;
}

#pageDown {
position: fixed;
bottom: 80px;
right: 20px;
font-size: 77%;
z-index: 999;
/*opacity:0;*/
display:none;
}

#pageDown a {
background: url(../../../../../img/ss/products/microscope/roughness/icon_arrow_down.png) center 80% no-repeat #000;
border: 1px solid #CCC;
text-decoration: none;
color: #FFF;
width: 127px;
height: 57px;
text-align: center;
display: block;
}

#pageDown a span{
display: inline-block;
padding-top: 10px;
}


/*----------------------------------------------------
☆opacity Hack
----------------------------------------------------*/

img.roBtn{
display:inline-block!important;
backface-visibility: hidden!important;
}




/*----------------------------------------------------
☆Display None
----------------------------------------------------*/

#header div.hdInr .logo a span{
display:none;
visibility:hidden;
}




/*----------------------------------------------------
☆base contents
----------------------------------------------------*/



/*-- HEADER --*/

#header {
	background: url(../../../../../img/ss/products/microscope/roughness/bg_header.gif) left top repeat #FFF;
	border-bottom: 3px solid #000;
	margin-left: 190px !important;
	height: 117px;
	width: 100% !important;
	z-index: 200;
	position: fixed;
}
#header div.headerInr {
	width: 850px;
}
/*-- CONVERSION --*/

#header #conversionList {
	float: left;
	width: 750px;
}
#header #conversionList ul.list_a {
	height: 117px;
	width: 753px;
	overflow: hidden;
}
#header #conversionList ul.list_a li.list_a_in, #header #conversionList ul.list_a li.list_b_in {
	float: left;
	font-size: 14px;
	margin-right: 1px;
}
#header #conversionList ul.list_a li.list_b_in.even{
	border-right: 2px solid #000;
 margin-right: 0;
}
#header #conversionList ul.list_a li.list_b_in.last {
	margin-right: 0;
	width: 180px;
}
#header #conversionList ul.list_a li.list_a_in p, #header #conversionList ul.list_a li.list_b_in p {
	font-size: 14px;
}
#header #conversionList ul.list_a li.list_a_in {
	width: 191px;
}
#header #conversionList ul.list_a li.list_a_in p {
	width: 191px;
	height: 117px;
	display: table-cell;
}
#header #conversionList ul.list_a li.list_a_in p a {
	display: table-cell;
	height: 117px;
	/*background:#ccc;*/
	vertical-align: middle;
	width: 151px;
	text-align: center;
	/*padding:0 20px;*/
	line-height: 120%;
	color: #fff;
	text-decoration: none;
	background-image: url(../../../../../img/ss/products/microscope/roughness/yajirushi02.png);
	background-position: center 100px;
	background-repeat: no-repeat;
}
#header #conversionList ul.list_a li.list_b_in li {
	margin-bottom: 1px;
	height: 58px;
	width: 185px;
	margin-right:0;
}
#header #conversionList ul.list_a li.list_b_in li p {
	display: table-cell;
	height: 58px;
	width: 185px;
}
#header #conversionList ul.list_a li.list_b_in li p a {
	color: #fff;
	text-decoration: none;
	display: table-cell;
	height: 58px;
	/*background:#ccc;*/
	vertical-align: middle;
	width: 185px;
	text-align: left;
	padding: 0 35px;
	line-height: 120%;
	background-image: url(../../../../../img/ss/products/microscope/roughness/yajirushi01.png);
	background-repeat: no-repeat;
	background-position: 18px center;
}
#header #conversionList ul.list_a li.list_a_in p a.n01 {
	background-color: #0aa48c !important;
}
#header #conversionList ul.list_a li.list_a_in p a.n02 {
	background-color: #ce3939 !important;
}
#header #conversionList ul.list_a li.list_b_in li p a.n03 {
	background-color: #499b00 !important;
}
#header #conversionList ul.list_a li.list_b_in li p a.n04 {
	background-color: #499b00 !important;
}
#header #conversionList ul.list_a li.list_b_in li p a.n05 {
	background-color: #df9300 !important;
}
#header #conversionList ul.list_a li.list_b_in li p a.n06 {
	background-color: #df9300 !important;
}
#header #conversionList ul.list_a li.list_b_in li p a.n07 {
	background-color: #006abc !important;
}
#header #conversionList ul.list_a li.list_b_in li p a.n08 {
	background-color: #006abc !important;
}
#header #conversionList ul.list_a li.arrive a {
	opacity: 0.6 !important;
}
/*#header #conversionList li{
float: left;
height: 117px;
width: 132px;
}

#header #conversionList li a{
color: #FFF;
display: block;
font-size: 14px;
text-decoration: none;
height: 117px;
width: 132px;
}
#header #conversionList li a span{
display: block;
text-align: center;
margin-bottom: 8px;
padding-top: 67px;
}*/

#header #conversionList li a i {
	background: url(../../../../../img/ss/products/microscope/roughness/icon_arrow.png) -20px 0 no-repeat;
	display: block;
	margin: 0 auto;
	height: 11px;
	width: 17px;
}
#header #conversionList li.li1 {
	background-color: #3ecbcd;
	background-image: -moz-linear-gradient(top, #3ecbcd, #19acaf);
	background-image: -ms-linear-gradient(top, #3ecbcd, #19acaf);
	background-image: -o-linear-gradient(top, #3ecbcd, #19acaf);
	background-image: -webkit-linear-gradient(top, #3ecbcd, #19acaf);
	background-image: linear-gradient(top, #3ecbcd, #19acaf);
}
#header #conversionList li.li2 {
	background-color: #ffa200;
	background-image: -moz-linear-gradient(top, #ffa200, #ff6b00);
	background-image: -ms-linear-gradient(top, #ffa200, #ff6b00);
	background-image: -o-linear-gradient(top, #ffa200, #ff6b00);
	background-image: -webkit-linear-gradient(top, #ffa200, #ff6b00);
	background-image: linear-gradient(top, #ffa200, #ff6b00);
}
#header #conversionList li.li3 {
	background-color: #3e95cd;
	background-image: -moz-linear-gradient(top, #3e95cd, #1956af);
	background-image: -ms-linear-gradient(top, #3e95cd, #1956af);
	background-image: -o-linear-gradient(top, #3e95cd, #1956af);
	background-image: -webkit-linear-gradient(top, #3e95cd, #1956af);
	background-image: linear-gradient(top, #3e95cd, #1956af);
}
#header #conversionList li.li2 {
	background-color: #ff9800;
}
#header #conversionList li.li3 {
	background-color: #3484c5;
}
#header #conversionList li.li1 a, #header #conversionList li.li3 a {
	background: url(../../../../../img/ss/products/microscope/roughness/icon_hd_conver_01.png) center 22px no-repeat;
}
#header #conversionList li.li2 a {
	background: url(../../../../../img/ss/products/microscope/roughness/icon_hd_conver_02.png) center 22px no-repeat;
}
#header div.hdDownload {
	float: left;
	margin-top: 20px;
	margin-left: 16px;
	width: 322px;
}
#header div.hdDownload li {
}
#header div.hdLanguege {
	float: left;
	height: 117px;
	width: 83px;
}
#header div.hdLanguege dl dt {
	background-color: #000;
	height: 117px;
	width: 83px;
}
#header div.hdLanguege dl dt.lang {
	height: 117px;
}
#header div.hdLanguege dl dt span {
	color: #FFF;
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 20px;
	padding-top: 42px;
}
#header div.hdLanguege dl dt a {
	display: block;
	text-decoration: none;
}
#header div.hdLanguege dl dt a i {
	background: url(../../../../../img/ss/products/microscope/roughness/icon_arrow.png) 0 0 no-repeat;
	display: block;
	margin: 0 auto;
	height: 11px;
	width: 17px;
}
#header div.hdLanguege dl dd {
	display: none;
}



/*-- GNAV --*/
/*-- GNAV --*/
#sideMenu .logo a span {
    display: block;
    text-indent: -9999px;
}



#sideMenu {
background: url(../../../../../img/ss/products/microscope/roughness/bg_body.png) left top repeat-y;
height: 100%;
width: 195px;	
z-index: 9999;

position:fixed;
top: 0;
left: 0;
}

#sideMenu .logo{
background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
background-image: linear-gradient(top, #ffffff, #f1f1f1);
width: 190px;
}

#sideMenu .logo a{
background: url(../../../../../img/ss/products/microscope/roughness/img_logo.gif) center 45% no-repeat;
display: block;
height: 135px;
width: 190px;
}

#sideMenu .logo a span{
font-size: 0;
line-height: 0;
}

#gNav {
background: url(../../../../../img/ss/products/microscope/roughness/bg_body.png) left top repeat-y;
height: 100%!important;
width: 190px;
z-index: 100;
}

#gNav ul {
width: 190px;
}

#gNav ul li {
/*border-bottom: 1px solid #000;
border-top: 1px solid #333;*/
width: 100%;
position: relative;
}
/*#gNav ul li.current,*/
#gNav ul li.arrive,
#gNav ul li.active{
/*border-bottom: 1px solid #333;*/
/*border-top: 1px solid #666;*/
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon_02.gif) left center no-repeat;
}

#gNav ul li a,
#gNav ul li.current a,
#gNav ul li.arrive a{
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_01.gif) left top repeat;
color: #FFF;
display: block;
padding: 10px 10px 9px 22px;
text-decoration: none;
}
#gNav ul li p.hov{
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_01.gif) left top repeat;
color: #FFF;
display: block;
padding: 10px 10px 9px 22px;
text-decoration: none;
cursor:pointer;
font-size: 14px;
}
#gNav ul li p.hov:hover,
#gNav ul li.current p.hov,
#gNav ul li.active p.hov,
#gNav ul li.arrive.active p.hov{
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_02.gif) left top repeat;
color: #FFF;
display: block;
padding: 10px 10px 9px 22px;
text-decoration: none;
}

#gNav ul li p.hov span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon.gif) 90% center no-repeat;
display: block!important;
width: 100%;
}

#gNav ul li p:hover.hov span,
#gNav ul li.current p.hov span,
#gNav ul li.arrive p.hov span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon_02.gif) 90% center no-repeat;
}

#gNav ul li.active p.hov span,
#gNav ul li.active.current p.hov span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon_02.gif) 90% center no-repeat;
}

#gNav ul li.li6 a{
cursor: default;
}

#gNav ul li a:hover,
#gNav ul li.current a:hover,
#gNav ul li.current a,
#gNav ul li.arrive a:hover,
#gNav ul li.arrive a,
#gNav ul li.arrive p.hov{
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_02.gif) left top repeat;	
}


#gNav ul li a span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon.gif) 90% center no-repeat;
display: block!important;
width: 100%;
}

#gNav ul li a:hover span,
#gNav ul li.current a span,
#gNav ul li.arrive a span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon_02.gif) 90% center no-repeat;
}

#gNav li ul.subMenu {
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_03.gif) left top repeat;	
background-color: #000;
height: 100%!important;
display: none;
/*opacity: 0;*/
width: 295px;
z-index: 10;
vertical-align: middle;
position: fixed;
top: -50px;
left:190px;
/*left: 0;*/
padding-top: 10%!important;
box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
}


#gNav li.arrive ul.subMenu {
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_02.gif) left top repeat;	
background-color: #000;
height: 100%!important;
display: none;
/*opacity: 0;*/
width: 295px;
z-index: 10;
vertical-align: middle;
position: fixed;
top: -50px;
left:190px;
/*left: 0;*/
padding-top: 10%!important;
box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
}



#gNav li ul.subMenu:before {
dis
}

#gNav li ul.subMenu li{
border-bottom: 1px solid #484848;
border-top: none;
width: 100%;

}

#gNav li ul.subMenu li a{
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_03.gif) left top repeat;
cursor: pointer;
padding: 7px 0 8px 24px;
box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
}

#gNav li.arrive ul.subMenu li a{
background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_02.gif) left top repeat;
cursor: pointer;
padding: 7px 0 8px 24px;
box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 50px 0px 6px -50px inset;
}


#gNav li ul.subMenu li a span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon.gif) left center no-repeat;
font-size: 14px;
padding-left: 14px;
width: auto;
}

#gNav li ul.subMenu li a:hover span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon_02.gif) left center no-repeat;
text-decoration: underline;
}

#gNav li ul.subMenu li.arrive a span{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon_02.gif) left center no-repeat;
text-decoration: underline;
}

#gNav li ul.subMenu li:first-child{
border-top: none;
}

#gNav ul li p.hov:hover, #gNav ul li.current p.hov, #gNav ul li.active p.hov, #gNav ul li.arrive.active p.hov {
	background: #000;
	color: #FFF;
	display: block;
	padding: 10px 10px 9px 22px;
	text-decoration: none;
}

#sideMenu .logo a span {
    display: block;
    text-indent: -9999px;
}

#gNav ul li#subHead {
	border-bottom: solid #7E7E7E 1px;
	padding: 12px 0px 12px 0px;
}

#gNav ul li#subHead span.subHeadInr {
	color:#fff;
	padding-left: 20px;
}

#gNav ul li p.hov span,
#gNav ul li p.hov a.one_01{
background: url(../../../../../img/ss/products/microscope/roughness/kon_icon.gif) 90% center no-repeat;
display: block!important;
width: 100%;
}

#gNav ul li p.hov a.one_01{
 padding:0 !important;}

#gNav ul li p:hover.hov span,
#gNav ul li.current p.hov span,
#gNav ul li.arrive p.hov span,
#gNav ul li p:hover.hov a.one_01,
#gNav ul li.current p.hov a.one_01,
#gNav ul li.arrive p.hov a.one_01{
background: url(../../../../../img/ss/products/microscope/roughness/kon_icon_02.gif) 90% center no-repeat;
}

#gNav ul li.active p.hov span,
#gNav ul li.active.current p.hov span,
#gNav ul li.active p.hov a.one_01,
#gNav ul li.active.current p.hov a.one_01{
background: url(../../../../../img/ss/products/microscope/roughness/kon_icon_02.gif) 90% center no-repeat;
}
/*-- WRAP --*/

#wrap {
margin-left: 190px;
width: auto;
}


/*-- MV --*/

#mv {
background: url(../../../../../img/ss/products/microscope/roughness/mv_top.jpg) left top no-repeat #000;
height: 261px;
width:100%;
}

#mv span,
#mv ul li span {
font-size: 0;
line-height: 0;
}


/*-- BREADCHUMBS --*/

#breadChumbs {
background: url(../../../../../img/ss/products/microscope/roughness/bg_header.gif) left top repeat;
margin:0 auto;
padding:25px 0;
width:100%;
}

#breadChumbs p {
font-size:14px!important;
margin:0 25px;
}

#breadChumbs p a{
color: #000;
text-decoration: none;
}

#breadChumbs p a:hover{
text-decoration: underline;
}





/*-- CONTENTS --*/
.ab{
	position:absolute;
	top:-81px;
	left:-1px;
	}

.fix{
	position:fixed;
	bottom:0;
	left:190px;
	}

#contents {
background: url(../../../../../img/ss/products/microscope/roughness/bg_header.gif) left top repeat;
width:100%;
}

#main {
width:100%;
}

#main div.mainInr {
margin-left: 28px;
padding:10px 0 100px;
width:783px;
}




#contents .pageList {
width: 100%;
}

.erap_page_list{
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 20px 18px 25px;
	}
	
.ttl_page_list{
	font-weight:bold;
	font-size:15px;
	color:#000;
	}

#contents .pageList li{
margin-bottom: 5px;
}

#contents .pageList li a{
background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon.gif) left center no-repeat;
color: #000;
/*font-weight: bold;*/
padding-left: 17px;
text-decoration: underline;
}

#contents .pageList li a:hover{
text-decoration: underline;
}

#contents .pageList li ul.subList{
border-left: 1px solid #CCC;
padding-left: 13px;
margin-top: 10px;
margin-left: 58px;
width: 680px;
}

#contents .pageList li ul.subList li {
/*float: left;*/
margin-right: 20px;
}

#contents .pageList li ul.subList li a {
padding-left: 8px;
}

/*-- bnr_AREA --*/
.bnr_area{
	text-align:center;
	}

/*-- CV_AREA --*/
#cv_area{
	overflow:hidden;
	background:url(../../../../../img/ss/products/microscope/roughness/bg_cv.png) left top repeat-x;
	height:81px;
	padding-top:3px;
	width:100%;
	}

#cv_area .cv_inner{
	background:#000;
	border:1px solid #FFFFFF;
	}

#cv_area ul{
	overflow:hidden;
	height:100%;
	width:874px;
	padding:12px 20px;
	}

#cv_area ul .li_left{
	float:left;
	width:227px;
	margin-right:10px;
	}
	
#cv_area ul .li_right{	
	float:right;
	width:384px;
	overflow:hidden;
	font-size: 11px;
	}
	
#cv_area ul .li_right a{	
	display:block;
	width:168px;
	float:left;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background:url(../../../../../img/ss/products/microscope/roughness/cv_icon.png) left center no-repeat;
	padding: 0 0 0 12px;
	}

#cv_area ul .li_right a:hover{
	text-decoration:underline;
	}	

/*----------------------------------------------------
☆sns
----------------------------------------------------*/
.sns{
	text-align:right !important;
	margin-bottom:10px;
	max-width:810px;
	width:100%;
	}

.sns ul{
	overflow:hidden;
	}
	
.sns ul li{
	float:left;
	margin-left:10px;
	}


.side_sns{
	}
	
.side_sns ul{
	overflow:hidden;
	margin-left:523px;
	}

.side_sns ul li{
	float:left;
	}
/*-- FOOTER --*/
#footer #sitemap {
	padding:20px 0 80px 20px;
	width: 900px;
}
#footer #sitemap .mt10 { margin-top:10px; }
#footer #sitemap .mt20 { margin-top:20px; }
#footer #sitemap .mt30 { margin-top:30px; }

#footer #sitemap .wrapper {
	float:left;
	color:#fff;
	width: 300px;
}
#footer #sitemap .wrapper a:link,
#footer #sitemap .wrapper a:visited {
	color:#fff;
	text-decoration:none;
	background: url(../../../../../img/ss/products/microscope/roughness/kon_icon.gif) left center no-repeat;
	font-weight: bold;
	padding-left: 17px;
}
#footer #sitemap .wrapper a:hover {
	text-decoration:underline;
}
#footer #sitemap .wrapper .left_line {
	border-left: 1px solid #515151;
    margin-left: 13px;
    margin-top: 10px;
    padding-left: 13px;
}
#footer #sitemap .wrapper .link_list {
	margin-right:20px;
}
#footer #sitemap .wrapper .link_list li {
	line-height:1;
	margin-bottom:8px;
}
#footer #sitemap .wrapper .link_list a {
	font-size:12px;
}


#footer {
	background: url(../../../../../img/ss/products/microscope/roughness/bg_gnav_01.gif) left top repeat;
}

#footer div.ftInr {
    margin: 0 auto 0 10px;
    padding-bottom: 95px;
    padding-top: 20px;
}

#footer .home {
	float: left;
	margin-top: 6px;
	margin-right: 52px
}

#footer .home a{
	background: url(../../../../../img/ss/products/microscope/roughness/kon_icon.gif) left center no-repeat;
	color: #FFF;
	font-weight: bold;
	padding-left: 17px;
	text-decoration: none;
}

#footer .ftList {
/*	float: left;*/
	width: 800px;
}

#footer .ftList li.cateHd{
	float:left;
}

#footer .ftList li.cateHd.even{
}

#footer .ftList li{
	margin-bottom: 5px;
}

#footer .ftList li a{
	background: url(../../../../../img/ss/products/microscope/roughness/kon_icon.gif) left center no-repeat;
	color: #FFF;
	font-weight: bold;
	padding-left: 17px;
	text-decoration: none;
}

#footer .ftList li a:hover{
	text-decoration: underline;
}

#footer .ftList li ul.subList{
	border-left: 1px solid #515151;
	padding-left: 13px;
	margin-top: 10px;
	margin-left: 13px;
	/*width: 400px;*/
}

#footer .ftList li ul.subList li {
/*	float: left;*/
	font-weight: normal!important;
	margin-right: 20px;
	font-size:12px;
}

#footer .ftList li ul.subList li a {
	padding-left: 8px;
	font-weight: normal!important;
}




#footer .ftList li ul.subList {
    border-left: 1px solid #515151\9;
    margin-left: 13px\9;
    margin-top: 10px\9;
    padding-left: 13px\9;
    width: 300px\9;
}


/*-- COPYRIGHT --*/

small#copyright {
	color:#FFF;
	display:block;
	font-size:12px!important;
	padding:10px 0;
	text-align: right;
	width: 795px;
}
.f_box{
width: 65%;
padding-left:10px;
overflow: hidden;
padding-bottom:30px;
}
small#copyright {
color:#FFF;
display:block;
font-size:12px!important;
padding-left:10px;
text-align: left;
width: 500px;
    /*margin-bottom:20px;*/

}

.f_box ul.f_list{
width:400px;
overflow:hidden;
    margin-bottom:10px;
    padding-left:10px;
    font-size:13px;
}

.f_box ul.f_list li{
float:left;
margin-right:15px;}

.f_box ul.f_list li a{
color:#fff;
font-size:13px;}



/*-----20141010reset-------*/

#contents{
width:auto !important;}

/* ===== ログイン ===== */

div.bgBottom{
width: 783px !important;
background: none !important;
padding: 0 0 4px 0;
}

div.bgBottom02{
width: 783px !important;
background: none !important;
padding: 0 0 4px 0;
margin: 25px 0 0 0;
}

div.logRegBox{
width: 783px !important;
background:none !important;
padding: 0 0 6px 0;
text-align:left;
}

div.bgBottom02{
background:none !important;
padding: 0 0 4px 0;
margin: 25px 0 0 0;
}

div.logRegBox{
width: 783px;
background:none !important;
padding: 0 0 6px 0;
}

div.logRegBox div.login{
width: 380px !important;
float: left;
background:#fff !important;
border: solid 1px #ddd !important;
}

div.logRegBox div.reg{
width: 380px !important;
float: right;
background:#fff !important;
border: solid 1px #ddd !important;
}

div.logRegBox input{
vertical-align: middle;
}

div.logRegBox img{
vertical-align: middle;
}

div.logRegBox h3{
/*background:none !important;*/
margin: 0px 0 12px 6px !important;
padding: 2px 0 0 10px;
font-weight: bold;
}

div.logRegBox h3.black{
margin: 0px 0 12px 0 !important;
padding: 2px 0 0 0;
background: #404040;
text-align: center;
color: #FFFFFF;
}

div.logRegBox dl{
width: 340px !important;
font-size: 82%;
margin: 0 0 7px 11px;
}

div.logRegBox dl dt{
width: 100% !important;
float: left;
font-weight: bold;
}

div.logRegBox dl dd{
width: 100% !important;
float: left;
}

div.logRegBox dl dd input.long01{
width: 200px !important;
height: 22px;
padding: 3px 2px 0 2px;
line-height:120%;
border: 1px solid #999999;
}

div.logRegBox dl dd input.long02{
width: 100px !important;
height: 22px;
padding: 3px 2px 0 2px;
border: 1px solid #999999;
}


div.logRegBox p.ssl{
font-size: 82%;
margin: -5px 0 10px 112px;
}

*html div.logRegBox p.ssl input{
margin: 0 0 0 -5px;
padding: 0;
}

*+html div.logRegBox p.ssl input{
margin: 0 0 0 -5px;
padding: 0;
}

div.logRegBox div.service{
font-size: 82%;
border:1px solid #efefef;
margin: 0px 10px 0;
padding:10px;
background-color:#ffffff;
}
div.logRegBox div.service li{
vertical-align:middle;
line-height:1.33;
}
div.logRegBox div.service li strong{
color:#ea0437;
font-size:8px;
}

div.logRegBox p.btn{
text-align: center;
line-height: 100%;
margin: 15px 0 15px 0;
}

div.logRegBox p.btn input.left{
margin: 0 27px 0 0;
}

div.logRegBox ul.log{
margin: 0 0 0 11px;
}

div.logRegBox ul.log li{
display: inline;
padding: 0 0 0 10px;
font-size: 82%;
margin: 0 15px 0 0;
}

div.logRegBox p.txt{
font-size: 82%;
margin: 0 0 3px 11px;
}

div.logRegBox ul.link{
font-size: 82%;
margin: 0 0 0 11px;
}

div.logRegBox ul.link li a{
padding: 0 0 0 10px;
font-size:76% !important;
}

*html div.logRegBox ul.link input{
margin: 0 0 0 -5px;
padding: 0;
}

*+html div.logRegBox ul.link input{
margin: 0 0 0 -5px;
padding: 0;
}

div.logRegBox p.txt a{
padding: 0 0 0 10px;
}


#contents dl.formChange{
width: 340px !important;
font-size: 82%;
margin: 0 0 7px 0;
}

#contents dl.formChange dt{
width: 200px !important;
float: left;
font-weight: bold;
}

#contents dl.formChange dd{
width: 200px !important;
float: left;
}

#contents dl.formChange dd input.long01{
width: 200px !important;
height: 19px;
padding: 3px 2px 0 2px;
border: 1px solid #999999;
}

#contents dl.formChange dd input.long02{
width: 100px !important;
height: 19px;
padding: 3px 2px 0 2px;
border: 1px solid #999999;
}

#contents dl.formChange dd input.long03{
width: 70px !important;
height: 19px;
padding: 3px 2px 0 2px;
border: 1px solid #999999;
margin: 0 10px 0 0;
}

#contents div.dlListWrap{
width: 760px !important;
}

#contents div.dlListWrap dl.dlAboutDL{
width: 500px !important;
}

#b_uke_enquete{
width: 760px !important;
}

#b_uke_enquete p.b_question {
    border-left: 5px solid #999999;
    color: #333333;
    display: block;
    font-size: 100%;
    font-weight: bold;
    height: auto;
    line-height: 140%;
    margin: 20px 4px 8px;
    padding: 0 4px;
}


#b_uke_enquete div.b_answer {
    color: #333333;
    display: block;
    font-size: 90%;
    margin: 0 4px;
    padding: 0 0 0 10px;
}


#contents div.dlWrapLowerLink{
width: 760px !important;
}

body{
text-align: left !important;
}


#contents p.formChange{
font-size: 82%;
margin: 0 0 0 100px;
}

#contents p.formChange a{
padding: 0 0 0 10px;
}

#contents p.formChangeBtn{
margin: 15px 0 0 0;
line-height: 100%;
}

#contents p.formChangeBtn input{
vertical-align: top;
}

#contents p.formChangeBtn .left{
margin: 0 0 0 100px;
}

#contents p.formChangeBtn .right{
margin: 0 0 0 15px;
}

div.logRegBox div.service li{
font-size:11px;}

.bgBottom02 .logRegBox .reg div{
height:inherit !important;}

div.formSendBox{
width:783px !important;
background:#fff !important;}

.ssl{
font-size:13px !important;}

form textarea{
width:360px ;
height:200px ;}

#contents .pageList li.cur span {
	background: url(../../../../../img/ss/products/microscope/roughness/arasa_icon_02.gif) left center no-repeat;
	font-weight: bold;
	padding-left: 8px;
	text-decoration: none;
	color: #4e0084;
}

#footer{
margin-top:0px !important;
margin-bottom:0px !important;
position:relative;
}

#footer ul li ul.subList {
	display: block;
}