@charset "utf-8";

/* @author : atsushi nagase : http://ngsdev.org/ */

/* tags _________________________________________________________________________________________________________ */

body { margin:0 0 10px 0; padding:0; text-align:center; font-size:75%; letter-spacing:0.1em; line-height:120%; background:url(src/bg-body.gif) repeat-x top left #fff; color:#333; font-family:Osaka, "ＭＳ　ゴシック", Geneva, sans-serif; }
body#hlcom-index { background-image:url(src/bg-body2.gif) }
html>/**/body { font-size:83%; letter-spacing:0.06em; line-height:115%; }
h1, h2, h3 { margin:0; }
h1 a, h2 a, h3 a { display:block; }
a { background-color:#fff; background-position:0 0; background-repeat:no-repeat; color:#0c5f95; text-decoration:underline; /*\*/ overflow:hidden; /**/ }
a:hover { text-decoration:none; }
address, em { font-style:normal; }
img { border:0; }
em { font-weight:bolder; }
fieldset { border:0; margin:0; padding:0; }

/* global _________________________________________________________________________________________________________ */

.text { font-size:98%; }
.text .text { font-size:100%; }
.caption { font-size:75%; }
.floatright { float:right; }
.floarleft { float:left; }
html>/**/body .caption { font-size:85%; }

div.dummy { height:1px; overflow:hidden; clear:both; width:100%; }
div.dummy hr { visibility:hidden; margin:0; padding:0; border:0; height:1px; }
div.dotted { background:url(src/border-dotted.gif) repeat-x 0 0; }

h2.title, h3.title, h4.title, h5.title { font-size:1px; text-indent:-9999px; }

ul.navi { margin:0; padding:0; list-style:none; }
ul.navi li { float:left; margin:0; padding:0; }
ul.navi li a { display:block; float:left; }

p { margin:10px 0; }
p.pagetop { float:right; margin:0; }
p.pagetop a { width:76px; height:12px; display:block; font-size:1px; text-indent:-9999px; background:url(src/btn-pagetop.gif) no-repeat 0 0; }
p.go-archive { float:right; margin:0 0 0 0; padding:0 5px 20px 0; }
p.go-archive a { display:block; font-size:1px; text-indent:-9999px; width:142px; height:20px; background-position:0 0; }
p.go-archive a:hover { background-position:0 -20px; }
p.more { float:right; width:87px; }
p.more a { width:87px; height:20px; background:url(src/btn-more.gif) no-repeat 0 0; display:block; font-size:1px; text-indent:-9999px; }
p.more a:hover { background-position:0 -20px; }

img.product { border:2px solid #333; }
a:hover img.product { border-color:#86c8ef; }

div#content-body div#main-column div.box { margin:15px 0 20px 0; width:562px; }
div#content-body div#main-column div.box .header { margin:0; }
div#content-body div#main-column div.box .header span { margin:0; display:block; }
div#content-body div#main-column div.box div.footer { height:7px; }

div#content-body div#main-column div.roundbox1 { background:#eee; color:#333; }
div#content-body div#main-column div.roundbox1 div.footer { background:url(src/bg-roundbox1-footer.gif) no-repeat 0 0; }
div#content-body div#main-column div.roundbox1 .header { background:url(src/bg-roundbox1-header.gif) no-repeat 0 0; }

div#content-body div#main-column div.roundbox2 { background:url(src/bg-roundbox2.gif) repeat-y; }
div#content-body div#main-column div.roundbox2 .header { background:url(src/bg-roundbox2-header.gif) no-repeat 0 0; }
div#content-body div#main-column div.roundbox2 div.footer { background:url(src/bg-roundbox2-footer.gif) no-repeat 0 0; }

div#content-body div#main-column dl.spec { margin:0 0 0 0; padding:10px 15px 0 20px; }
div#content-body div#main-column dl.spec dt { font-size:1px; text-indent:-9999px; width:45px; height:17px; float:left; clear:both; background:no-repeat left top; }
div#content-body div#main-column dl.spec dt.price { background-image:url(src/dt-product-price.gif) }
div#content-body div#main-column dl.spec dt.material { background-image:url(src/dt-product-material.gif) }
div#content-body div#main-column dl.spec dt.note { background-image:url(src/dt-product-note.gif) }
div#content-body div#main-column dl.spec dd { margin:0; padding:0 0 10px 0; letter-spacing:0; }

div#content-body div#main-column dl.product-list { margin:0 5px; padding:0; }
div#content-body div#main-column dl.product-list dt { float:right; width:166px; padding:0; clear:both; height:27px; }
div#content-body div#main-column dl.product-list dt a { display:block; padding:5px 0; }
div#content-body div#main-column dl.product-list dd { margin:0; padding:0; }
div#content-body div#main-column dl.product-list dd.text { height:80px; }
div#content-body div#main-column dl.product-list dd.pict { width:172px; float:left; clear:left; height:107px; }
div#content-body div#main-column dl.product-list dt, div#content-body div#main-column dl.product-list dd.text { width:382px; float:right; }

form input.text, form textarea { border:1px solid #7f9db9; }
form dl { margin:0; padding:0 20px; }
form fieldset.input dl dt, form fieldset.input dl dd { margin:0; padding:0; height:3em; border-bottom:1px solid #ccc;  }
form dl dd input.text, form dl dd textarea { float:left; margin:8px 0 0 0; }
form fieldset.input dl dd p.caption { margin:0; float:left; padding:13px 0 0 5px; }
form dl dt { float:left; width:148px; margin:0; }
form dl dt label { display:block; padding:12px 0 0 0; font-size:85%; width:98%; }
html[xmlns] form dl dt label { font-size:98%; }
form dl dt label em.required { width:28px; height:13px; font-size:1px; text-indent:-9999px; display:block; background:url(src/icon-required.gif) no-repeat 0 0; float:left; margin:1px 0 0 3px; }
form dl dt span.text { float:left; }
form fieldset.input dl dd input.text { width:147px; }
form textarea.comment { width:256px; height:106px; display:block; }
form p.confirm { margin:0; padding:15px 0 11px 0; text-align:center; }
form p.confirm a { display:block; width:110px; height:31px; text-align:left; margin:0 auto; background:url(src/btn-form-confirm.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px; }
form p.confirm a:hover { background-position:0 -31px; }
/* layout _________________________________________________________________________________________________________ */

div#wrapper { width:900px; margin:0 auto; text-align:left; }
div#wrapper a { background-color:transparent; }

/* header _________________________________________________________________________________________________________ */

div#header { margin:0; padding:0 50px 0 0; position:relative; top:0; left:0; background:no-repeat 50px 88px; }
body#hlcom-index div#header { background-image:url(src/bg-header.jpg); height:260px; }
body#hlcom-products div#header { background-image:url(src/bg-header-products.jpg); height:210px; }

div#header h1#site-title , div#header h1#site-title a { background:url(src/h1-sitetitle.gif) no-repeat; height:87px; float:left; }
div#header h1#site-title { background-position:0 0; padding:0 0 0 50px; }
div#header h1#site-title a { background-position:-50px 0; display:block; font-size:1px; text-indent:-9999px; width:205px;  }
div#header h2#site-description { font-size:85%; text-align:right; font-weight:normal; height:20px; margin:0 0 0 0; position:relative; top:2px; }

div#header ul#header-link { float:right; margin:5px 0 0 0; }
div#header ul#header-link, div#header ul#header-link li, div#header ul#header-link li a { height:11px; }
div#header ul#header-link li a { background:url(src/btn-headerlink.gif) no-repeat; display:block; font-size:1px; text-indent:-9999px; }
div#header ul#header-link li.privacy, div#header ul#header-link li.privacy a { width:107px; margin:0 10px 0 0; }
div#header ul#header-link li.sitemap, div#header ul#header-link li.sitemap a { width:67px; }
div#header ul#header-link li.privacy a { background-position:0 0; }
div#header ul#header-link li.privacy a:hover { background-position:0 -12px; }
div#header ul#header-link li.sitemap a { background-position:-117px 0; }
div#header ul#header-link li.sitemap a:hover { background-position:-117px -12px; }

div#header ul#globalnavi { background:url(src/bg-globalnavi.gif) repeat-x top; width:595px; margin:3px 0 0 0; float:right; }
div#header ul#globalnavi, div#header ul#globalnavi li, div#header ul#globalnavi a { height:54px; display:block; }
div#header ul#globalnavi li em a { cursor:default; }
div#header ul#globalnavi li a { background:url(src/btn-globalnavi.gif) no-repeat; font-size:1px; text-indent:-9999px; }
div#header ul#globalnavi li, div#header ul#globalnavi li a { width:98px; }
div#header ul#globalnavi li.home, div#header ul#globalnavi li.home a { width:99px; }
div#header ul#globalnavi li.home { margin:0 0 0 3px; }
html[xmlns] div#header ul#globalnavi li.home { margin:0 0 0 6px; }
div#header ul#globalnavi li.home a { background-position:0 0; }
div#header ul#globalnavi li.home a:hover { background-position:0 -54px; }
div#header ul#globalnavi li.home em a,
div#header ul#globalnavi li.home em a:hover { background-position:0 -108px; }
div#header ul#globalnavi li.business a { background-position:-99px 0; }
div#header ul#globalnavi li.business a:hover { background-position:-99px -54px; }
div#header ul#globalnavi li.business em a,
div#header ul#globalnavi li.business em a:hover { background-position:-99px -108px; }
div#header ul#globalnavi li.products a { background-position:-197px 0; }
div#header ul#globalnavi li.products a:hover { background-position:-197px -54px; }
div#header ul#globalnavi li.products em a,
div#header ul#globalnavi li.products em a:hover { background-position:-197px -108px; }
div#header ul#globalnavi li.recruit a { background-position:-295px 0; }
div#header ul#globalnavi li.recruit a:hover { background-position:-295px -54px; }
div#header ul#globalnavi li.recruit em a,
div#header ul#globalnavi li.recruit em a:hover { background-position:-295px -108px; }
div#header ul#globalnavi li.corp a { background-position:-393px 0; }
div#header ul#globalnavi li.corp a:hover { background-position:-393px -54px; }
div#header ul#globalnavi li.corp em a,
div#header ul#globalnavi li.corp em a:hover { background-position:-393px -108px; }
div#header ul#globalnavi li.contact a { background-position:-491px 0; }
div#header ul#globalnavi li.contact a:hover { background-position:-491px -54px; }
div#header ul#globalnavi li.contact em a,
div#header ul#globalnavi li.contact em a:hover { background-position:-491px -108px; }

/* footer _________________________________________________________________________________________________________ */

div#footer { margin:10px 50px 0 50px; background:url(src/bg-footer.gif) repeat-x top; font-size:75%; }
html>/**/body div#footer { font-size:80%; }
div#footer ul#footer-link { float:none; text-align:center; padding:7px 0;  }
div#footer ul#footer-link li, div#footer ul#footer-link a { display:inline; text-align:center; float:none; }
div#footer ul#footer-link li { margin:0 7px 0 0; border-right:1px solid #666; }
div#footer ul#footer-link li a { margin:0 5px 0 0; }
div#footer ul#footer-link li.fin { border:0; }
div#footer address#copyright, div#footer address#copyright a, div#footer address#copyright strong { background-color:#0271b4; color:#fff; text-decoration:none; font-weight:normal; }
div#footer address#copyright { width:100%; text-align:center; padding:2px 0; }



/* content-body _________________________________________________________________________________________________________ */
div#content-body div#main-column { float:right; width:590px; margin:0; padding:5px 0 0 0; background:url(src/bg-main-column.gif) no-repeat 0 0; }
body#hlcom-products div#content-body div#main-column { background-image:url(src/bg-main-column2.gif) }
div#content-body div#left-column { float:left; width:210px; margin:0; }

div#content-body { margin:0; background:url(src/bg-contentbody.gif) repeat-y 50px 0; padding:0 50px 0 50px; }
div#content-body div#main-column div.module { padding:20px 0 0 0; margin:0 0 0 20px; position:relative; top:0; left:0; }
div#content-body div#main-column div.module h2.title { width:100%; border-bottom:2px solid #ccc; padding:0 0 5px 0; margin:0 0 18px 0; background-repeat:no-repeat; }
div#content-body div#main-column div.module h2.title a,
div#content-body div#main-column div.module h2.title span.text { height:13px; width:190px; z-index:999; display:block; background-repeat:no-repeat; }
div#content-body div#main-column div.module p.icon-rss { margin:0; position:absolute; top:18px; left:516px; width:54px; z-index:1; }
div#content-body div#main-column div.module p.icon-rss a { float:right; display:block; width:54px; height:14px; background-image:url(src/btn-rss.gif); font-size:1px; text-indent:-9999px; }

div#content-body div#main-column dl.list { margin:0 0 0 10px; padding:0; width:92%; }
div#content-body div#main-column dl.list dt { margin:0; padding:0 10px 10px 16px; float:left; background:url(src/tri2x3.gif) no-repeat 1px 0.5em; }
div#content-body div#main-column dl.list dd { padding:0 0 10px 0; }

div#content-body div#main-column div.cols3 { background:url(src/bg-cols3.gif) repeat-y 8px 0; width:100%; }
div#content-body div#main-column div.cols3 ul { list-style:none; margin:0; padding:0; }
div#content-body div#main-column div.cols3 ul li { margin:0; padding:0; float:left; width:188px; }
div#content-body div#main-column div.cols3 div.footer { height:20px; background:url(src/bg-cols3-footer.gif) no-repeat 8px 0; }
div#content-body div#main-column div.cols3 ul li h3 { margin:0; padding:0; background:url(src/bg-cols3-header.gif) no-repeat 8px 0; font-size:100%; font-weight:normal; }
div#content-body div#main-column div.cols3 ul li h3 a { display:block; padding:15px 8px 13px 34px; margin:0 0 0 8px; background:url(src/tri12c-g.gif) no-repeat 11px 17px; }
div#content-body div#main-column div.cols3 ul li h3 a:hover { background-image:url(src/tri12c-b.gif) }
div#content-body div#main-column div.cols3 ul li div.description { padding:10px 10px 10px 18px; font-size:79%; }
html>/**/body div#content-body div#main-column div.cols3 ul li div.description { font-size:85%; }
div#content-body div#main-column div.cols3 ul li div.description p { margin:0 0 15px 0; letter-spacing:0; }

div#content-body div#main-column div#information p.go-archive a { background-image:url(src/btn-go-informationacv.gif) }
div#content-body div#main-column div#information h2.title a { background-image:url(src/h2-mod-information.gif); }
div#content-body div#main-column div#new-products h2.title a { background-image:url(src/h2-mod-newproducts.gif); }
div#content-body div#main-column div#products h2.title a { background-image:url(src/h2-mod-products.gif); }
div#content-body div#main-column div#recommend h2.title span.text { background-image:url(src/h2-mod-recommend.gif); }
div#content-body div#main-column div#inquiry h2.title span.text { background-image:url(src/h2-mod-inquiry.gif); }

div#content-body div#main-column p.breadcrumbs { margin:20px 0 0 20px; padding:3px 0 5px 0; font-size:75%; background:url(src/bg-breadcrumbs.gif) no-repeat 0 0; text-indent:10px; }
html>/**/body div#content-body div#main-column p.breadcrumbs { font-size:80%; }


/* main-column _________________________________________________________________________________________________________ */

/* left-column _________________________________________________________________________________________________________ */
div#content-body div#left-column ul.banners { list-style:none; margin:0 0 0 5px; padding:0; width:200px; }
div#content-body div#left-column ul.banners li { margin:0 0 5px 0; padding:0; }
div#content-body div#left-column ul.banners li a { display:block; width:200px; height:59px; overflow:hidden; }
div#content-body div#left-column ul.banners li a img { border:2px solid #fff; display:block; }
div#content-body div#left-column div#service {  }
div#content-body div#left-column div#service h2.title { height:24px; width:100%; background:url(src/h2-mod-service.gif) no-repeat left top; margin:10px 0 5px 0; }

div#content-body div#left-column div#localnavi { background:url(src/dt-localnavi-products.gif) no-repeat 0 0; padding:0 5px 10px 5px; }
div#content-body div#left-column div#localnavi dl { margin:0; padding:0 0 10px 0; border-bottom:1px solid #ccc; background:url(src/bg-localnavi.gif) no-repeat 0 45px; }
div#content-body div#left-column div#localnavi dl dt { margin:0; padding:0; }
div#content-body div#left-column div#localnavi dl dt { font-size:1px; text-indent:-9999px; height:45px; }
body#hlcom-products div#content-body div#left-column div#localnavi dl dt { background:url(src/dt-localnavi-products.gif) no-repeat -5px 0; }
div#content-body div#left-column div#localnavi dl dd { margin:0 10px; border-bottom:1px solid #ccc; padding:0; }
div#content-body div#left-column div#localnavi dl dd a { display:block; padding:10px 0 10px 22px; background:url(src/tri12c-g.gif) no-repeat 0 50%; }
div#content-body div#left-column div#localnavi dl dd a:hover { background-image:url(src/tri12c-b.gif) }

/* products _________________________________________________________________________________________________________ */

div#content-body div#main-column div.product { padding:0 4px; }
div#content-body div#main-column div.product h3, div#content-body div#main-column div.product div.body { width:361px; float:left; }
div#content-body div#main-column div.product div.info { float:right; width:191px; }
div#content-body div#main-column div.product h3 { font-size:110%; background:url(src/h3-product.gif) no-repeat 0 0 #d7eefc; color:#333; }
div#content-body div#main-column div.product h3 strong { display:block; padding:8px; text-indent:16px; background:url(src/h3-product-strong.gif) no-repeat 0 100%; }

div#content-body div#main-column div.product div.info p { margin:0; }
div#content-body div#main-column div.product div.info p.pict { padding:0 0 10px 0; }
div#content-body div#main-column div.product div.info p.pict img.product { display:block; margin:0 0 10px 0; }
div#content-body div#main-column div.product div.info p.pict a span.zoom { float:right; margin:0 0 10px 0; font-size:1px; text-indent:-9999px; width:108px; height:20px; background:url(src/btn-zoom.gif) no-repeat 0 0; cursor:pointer; }
div#content-body div#main-column div.product div.info p.pict a:hover span.zoom{ background-position:0 -20px; }
div#content-body div#main-column div.product div.info p.go-order { margin:10px 0 0 0; }
div#content-body div#main-column div.product div.info p.go-order a { display:block; width:191px; height:31px; background:url(src/btn-order.gif) no-repeat 0 0; font-size:1px; text-indent:-9999px; }
div#content-body div#main-column div.product div.info p.go-order a:hover { background-position:0 -31px; }

div#content-body div#main-column div.product div.detail h4.header span { background:url(src/h4-product-detail.gif) no-repeat 10px 10px; height:23px; }
div#content-body div#main-column div.product div.customer h4.header span { background:url(src/h4-product-customer.gif) no-repeat 10px 10px; height:26px; }
div#content-body div#main-column div.product div.customer div.text { padding:0 10px 0 20px; }
div#content-body div#main-column div.product div.customer div.text p.user { margin:15px 0 0 0; }
div#content-body div#main-column div.product div.customer div.text p.more { margin:0 0 5px 0; }

/* recommend _________________________________________________________________________________________________________ */

div#content-body div#main-column div#recommend p.go-archive { margin-top:10px; }
div#content-body div#main-column div#recommend p.go-archive a { background-image:url(src/btn-go-productacv.gif); width:119px; }
div#content-body div#main-column div#inquiry div.body { padding:0 0 0 5px; }
div#content-body div#main-column div#inquiry div.body p.message { margin:0 0 15px 0; }