/* ::::: http://www.kokuyo-st.co.jp/common/css/format.css ::::: */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td, form, select, option, address, pre, strong, em { margin: 0pt; padding: 0pt; font-size: 100%; font-weight: normal; font-style: normal; text-decoration: none; }
p, td, th, li, dt, dd, pre, select, textarea, input { font-size: 82%; line-height: 140%; }
td p, td li, td td, td th, td select, td option, td textarea, td h2, td h3, td h4, td h5, td dt, td dd, th p, th li, th td, th th, th select, th option, th textarea, th h2, th h3, th h4, th h5, th dt, th dd, li li, li h3, li h4, li h5, li p, li dt, li dd, li td, li th, li caption, dt p, dt li, dt td, dt th, dt select, dt textarea, dt h2, dt h3, dt h4, dd p, dd li, dd td, dd th, dd select, dd textarea, dd h2, dd h3, dd h4 { font-size: 100%; }
img { border: medium none ; }
th, td { vertical-align: top; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

/* ::::: http://www.kokuyo-st.co.jp/common/css/commonDiscontinued.css ::::: */

del.discontinued { color: rgb(255, 0, 0); text-decoration: line-through; }
span.discontinued { color: rgb(255, 0, 0); }
div.discontinued { color: rgb(255, 0, 0); }

/* ::::: http://www.kokuyo-st.co.jp/css/main.css ::::: */

body { text-align: center; }
a { color: rgb(0, 102, 204); }
a:hover { color: rgb(247, 130, 32); }
img { border: medium none ; }
#hd { border-bottom: 2px solid rgb(230, 127, 0); margin: 0pt auto; position: relative; width: 720px; text-align: left; }
#hd.solution { border-bottom: 2px solid rgb(45, 102, 172) ! important; }
#hd ul { font-size: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#hd #campanyLogo { padding: 17px 0pt 21px 16px ! important; }
#hd h1#campanyLogo { background: rgb(255, 255, 255) none repeat scroll 0% 0% ! important; display: block ! important; float: none ! important; }
#hd #stLogo { position: absolute; top: 15px; right: 15px; }
#hd #siteNavi { width: 400px ! important; position: absolute; top: 48px; left: 304px; font-size: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#hd #siteNavi li { float: left; margin-right: 13px; }
#hd #search { background: transparent none repeat scroll 0% 0%; position: absolute; top: 43px; right: 19px; }
#hd #search fieldset { background: transparent none repeat scroll 0% 0%; }
#hd #search input { vertical-align: top; }
#hd #search input.txtbox { border: 1px solid rgb(153, 153, 153); padding: 1px 2px; width: 100px; margin-right: 4px; font-size: 12px; line-height: 1; }
* html #hd #search input.txtbox { padding: 2px; margin-top: -1px; }
#hd #globalNavi { margin: 0pt 0pt 0pt 9px ! important; width: 720px ! important; }
#hd #globalNavi:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#hd #globalNavi { display: inline-block; }
* html #hd #globalNavi { height: 1%; }
#hd #globalNavi { display: block; }
#hd #globalNavi li { float: left; margin-right: 2px; }
#subNavi { margin: 0pt auto; width: 720px; height: 43px; text-align: left; }
#subNavi li { display: inline; }
#hd #fontSize { position: absolute; top: 75px; left: 580px; }
#hd #fontSize dt { position: absolute; top: 0pt; left: 0pt; }
#hd #fontSize dd { margin-left: 72px; }
#hd #fontSize dd li { float: left ! important; width: 17px; height: 17px; margin-right: 3px; text-indent: -9999px; }
#hd #fontSize dd li a { display: block; width: 100%; height: 100%; }
#hd #fontSize dd li.small { background: transparent url('header_font_small_on.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.medium { background: transparent url('header_font_medium_on.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.big { background: transparent url('header_font_big_on.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.small a { background: transparent url('header_font_small.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.medium a { background: transparent url('header_font_medium_on.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.big a { background: transparent url('header_font_big.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.small a:hover { background: transparent url('header_font_small_on.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.medium a:hover { background: transparent url('header_font_medium_on.gif') no-repeat scroll 0% 0%; }
#hd #fontSize dd li.big a:hover { background: transparent url('header_font_big_on.gif') no-repeat scroll 0% 0%; }
div#contents #hd #siteNavi { left: 264px; }
div#contents #hd #fontSize { top: 63px; left: 580px; }
div#contents #hd #fontSize dd { margin-left: 32px; padding-left: 0pt; }
div#contents #hd #globalNavi { padding: 0pt ! important; }
div#contents #hd #globalNavi ul, div#contents #hd #globalNavi li { padding: 0pt ! important; }
div.location { margin: 5px auto 0pt; padding: 0pt 0pt 0pt 3px; width: 720px; text-align: left; line-height: 140%; }
#ft { margin: 20px auto 0pt; background: transparent url('../img/footer_bg_bt.gif') repeat-x scroll left bottom; width: 720px; padding-bottom: 17px; text-align: left; clear: both; }
#ft a { color: rgb(0, 102, 204); }
#ft a:hover { color: rgb(247, 130, 32); }
#ft ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
#ft #siteNavi02 { border-top: 1px solid rgb(210, 210, 210); border-bottom: 1px solid rgb(210, 210, 210); background: rgb(233, 233, 233) none repeat scroll 0% 0%; padding-bottom: 1px; }
#ft #siteNavi02 li { display: inline; margin-left: 10px; background-position: 0pt 0.2em; }
#ft .bgBox { padding: 9px 15px 5px; background: rgb(233, 233, 233) url('footer_bg.gif') no-repeat scroll 0% 0%; }
#ft .bgBox:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#ft .bgBox { display: inline-block; }
* html #ft .bgBox { height: 1%; }
#ft .bgBox { display: block; }
#ft .bgBox #siteNavi03 { float: right; width: 315px; text-align: right; }
#ft .bgBox #siteNavi03 li { border-left: 1px solid rgb(102, 102, 102); display: inline; margin-left: 2px; padding-left: 4px; color: rgb(102, 102, 102); font-size: 70%; line-height: 1.3; }
#ft .bgBox #siteNavi03 li.noLine { border: medium none ; }
#ft .bgBox #siteNavi03 li a { color: rgb(102, 102, 102); text-decoration: none; }
#ft .bgBox address { float: left; width: 370px; color: rgb(102, 102, 102); font-size: 70%; }
div#contents #ft ul#siteNavi02 { margin: 0pt; padding: 0pt; }
div#contents #ft .bgBox ul#siteNavi03 { margin: 0pt; padding: 0pt; font-size: 120% ! important; }
div#contents #ft .bgBox address { font-size: 82%; font-style: normal; }
div#contents ul#subNavi { margin: 0pt; padding: 0pt; }
div#mainVisual { margin-top: 12px; }
div#mainVisualCat { margin: 12px 0pt 20px; }
#catMenu { margin: 0pt auto; background: transparent url('catstabtnbg.gif') repeat-x scroll left bottom; width: 720px; height: 40px; padding-bottom: 3px; }
#catMenu li { margin: 0pt; padding: 0pt; width: 90px; height: 40px; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; }
.STtopicPath { font-size: 78% ! important; }
.pageTop { margin: 0pt auto 10px; width: 720px; clear: both; text-align: right; font-size: 82%; }
.pageTop a { background: transparent url('icon_pageup.gif') no-repeat scroll right top; padding-right: 12px; }
a.maOrange { padding: 1px 0pt 1px 18px; background: transparent url('markerarroworange02.gif') no-repeat scroll 0pt 0em; }
a.maOrange:hover { padding: 1px 0pt 1px 18px; background: transparent url('markerarroworange.gif') no-repeat scroll 0pt 0em; }
a.maGray { padding: 1px 0pt 1px 18px; background: transparent url('markerarrowgray02.gif') no-repeat scroll 0pt 0em; }
a.maGray:hover { padding: 1px 0pt 1px 18px; background: transparent url('markerarrowgray.gif') no-repeat scroll 0pt 0em; }
a.iconLink { padding: 0pt 0pt 0pt 20px; background: transparent url('icon_arw01.gif') no-repeat scroll 0pt 0.2em; }
.arwLink { background: transparent url('../img/marker_arrow_orange01.gif') no-repeat scroll 0pt 0.3em; padding-left: 12px ! important; line-height: 1.3; }
span.arwLink { background: transparent url('../img/marker_arrow_orange01.gif') no-repeat scroll 0pt 0.2em; }
dl.productsMenu { margin: 40px auto 0pt; background: rgb(72, 72, 72) none repeat scroll 0% 0%; position: relative; width: 720px; }
dl.productsMenu dt { position: absolute; top: 0pt; left: 0pt; }
dl.productsMenu dd { border-top: 1px solid rgb(207, 207, 207); border-right: 1px solid rgb(207, 207, 207); border-bottom: 1px solid rgb(207, 207, 207); background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-left: 111px; }
dl.productsMenu dd ul { min-height: 19px; padding-top: 2px; }
* html dl.productsMenu dd ul { height: 21px; }
dl.productsMenu dd ul li { margin: 0pt 5px; display: inline; background-position: 0pt 0.2em; }
strong.fontRed { color: rgb(255, 0, 0); }
#redirect { height: 300px; text-align: center; }
#redirect p { margin-top: 150px; font-size: 100%; line-height: 140%; }

/* ::::: http://www.kokuyo-st.co.jp/common/css/commonMenu.css ::::: */

body { text-align: center; }
.sectionH1 { margin: 10px auto; text-align: left; width: 720px; }
#contents { text-align: left; }
#header p, #header ul li, #footer ul li { font-size: x-small; color: rgb(0, 0, 0); }
#header { margin: 0pt auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; text-align: left; width: 720px; }
#header #campanyLogo { padding: 18px 0pt 20px 20px; }
#header #search { position: absolute; left: 470px; top: 20px; width: 250px; text-align: right; }
#header #search fieldset { border: medium none ; margin: 0pt; padding: 0pt; font-size: 14px; }
#header #search fieldset img, #header #search fieldset input { vertical-align: middle; }
#header #search fieldset input[type="text"] { width: 100px; }
#header #search form input#searchField { border: 1px solid rgb(153, 153, 153); margin: 0pt 5px 0pt 0pt; padding: 1px 5px 3px; height: 19px; }
#header #search form input#searchButton {  }
#header #siteNavi01 { width: 330px; position: absolute; text-align: right; right: 0pt; top: 60px; font-size: 12px; line-height: 0px; }
#header #siteNavi01 a { border-left: 10px solid rgb(255, 255, 255); }
#header #siteNavi01 a img { vertical-align: bottom; }
#header ul#globalNavi { padding: 1px; background: transparent url('img/backgroundglobalnavi.gif') no-repeat scroll 0% 0%; height: 37px; position: relative; }
#header ul#globalNavi li { display: block; position: absolute; width: 120px; }
#header ul#globalNavi li.item01 { left: 1px; }
#header ul#globalNavi li.item02 { left: 121px; }
#header ul#globalNavi li.item03 { left: 241px; }
#header ul#globalNavi li.item04 { left: 361px; }
#header ul#globalNavi li.item05 { left: 481px; }
#header ul#globalNavi li.item06 { left: 601px; }
#header ul#globalNavi li img { display: block; }
.STtopicPath { margin: 5px auto 0pt; padding: 0pt 0pt 0pt 3px; width: 720px; text-align: left; font-size: 82%; line-height: 140%; }
.sectionH1 .toPageTop { padding: 10px 10px 0pt 0pt; clear: both; text-align: right; }
#footer { border-top: 3px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt auto 10px; padding: 10px 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; clear: both; position: relative; width: 720px; text-align: left; }
#footer ul#siteNavi02 { position: absolute; top: 10px; right: 0pt; }
#footer ul#siteNavi02 li { padding: 0pt 10px 0pt 0pt; display: block; float: left; }
.sectionH1 .showcase01 { text-align: left; }
.sectionH1 .showcase02 { text-align: right; }

/* ::::: http://www.kokuyo-st.co.jp/css/globaltop.css ::::: */

#mainVisual { margin: 0pt auto 20px ! important; padding-top: 10px; }
#globalNaviTop { margin: 0pt auto; background: transparent url('img/top_gnavi_bg.gif') repeat-x scroll left top; width: 720px; height: 100px; text-align: center; }
#globalNaviTop ul { margin: 10px 0pt 10px 10px; padding: 0pt; }
#globalNaviTop li { width: 230px; height: 70px; margin-right: 5px; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; }
#contentWrapper { margin: 0pt auto; width: 720px; display: inline-table; }
#contentWrapper:after { content: "."; display: block; height: 0pt; font-size: 1%; clear: both; visibility: hidden; }
html:first-child #contentWrapper:after { display: none; }
#contentWrapper:after { display: block; }
#contentWrapper #newsBox { width: 510px; text-align: left; float: left; }
#contentWrapper #bnrArea { width: 200px; float: right; }
#contentWrapper #bnrArea .hedding { text-align: right; margin-bottom: 10px; }
#contentWrapper #bnrArea ul { margin-bottom: 30px; }
#contentWrapper #bnrArea li { list-style-type: none; list-style-image: none; list-style-position: outside; margin-bottom: 5px; text-align: right; }
#contentWrapper #bnrArea li img { border: 1px solid rgb(204, 204, 204); vertical-align: bottom; margin-right: 0px; }
#contentWrapper #bnrArea li.noborder img { border: 0px none ; }
#ctArea dl.newProductTop { width: 510px; margin-bottom: 20px; }
#ctArea dl.newProductTop dt, #ctArea dl.importantNewsTop dt { font-size: 0pt; }
#ctArea dl.newProductTop dd, #ctArea dl.importantNewsTop dd { position: relative; width: 510px; }
#ctArea dl.importantNewsTop { width: 510px; margin-bottom: 20px; }
#ctArea dl.importantNewsTop li p { margin-left: 10px; }
#ctArea .newsLink { position: absolute; top: -21px; right: 5px; }
#ctArea ul.newsList { margin-top: 2px; }
#ctArea ul.newsList li { border-bottom: 1px solid rgb(207, 207, 207); padding: 6px 0pt 8px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#ctArea ul.newsList li:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
#ctArea ul.newsList li { display: inline-block; }
* html #ctArea ul.newsList li { height: 1%; }
#ctArea ul.newsList li { display: block; }
#ctArea ul.newsList li p { line-height: 1.4; }
#ctArea ul.newsList li img.thumb { margin: 2px 8px 0pt 0pt; float: left; }
#ctArea ul.newsList li p.date { font-weight: bold; }
#ctArea ul.newsList li p.date { font-weight: bold; }


/*-- /lp/css/index.css --*/
#contentWrapper h2,
#contentWrapper div.case div { margin-bottom:15px; }
#contentWrapper div.caseOther div { margin-bottom:6px; }
#contentWrapper div.caseOther div#buyBtn { padding-top:22px !important; }

#contentWrapper div.case div.caseInt { position:relative; width:720px; }
#contentWrapper div.case div.caseInt div.leftBtn { position:absolute; bottom:0px; left:120px; }
#contentWrapper div.case div.caseInt div.rightBtn { position:absolute; bottom:0px; left:336px; }

/*clear property for main.css*/
div#hd { border-bottom: none !important; }
div#mainVisual { padding-top: 5px !important; }
div.pageTop { margin: 0 3px 10px 0 !important; clear:none !important; }