@charset "shift_jis";

/* Union
------------------------------------------ */
*{font-size:12px;font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;line-height: 16px;font-weight: normal;}
html{overflow-y:scroll;}
body{background:url(/common/img/parts_body_bg-body.gif) repeat-x 0px 3px #ffffff;margin:0;padding:0;}




/* clearFix
------------------------------------------ */
.clearFix{zoom:100%;}
.clearFix:after{display:block;clear:both;height:0px;content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
#OP .clearFix:after{content:"";}




/* JSCaution
------------------------------------------ */
#JSCaution{display:block;min-height:71px;height:auto !important;height:71px;padding:15px ;background-color:#ffff99;}
#JSCaution *{margin:0;padding:0;border:0;list-style-type:none;text-align:left;}
#JSCaution p{color:#333333;font-size:134%;font-weight:bold;text-align:center;}
#JSCaution p.link{margin-top:31px;font-size:100%;font-weight:normal;}




/* top 
------------------------------------------ */
#top{width:920px;margin:7px auto 20px auto;}




/* HEADER
------------------------------------------ */
#HEADER{height:94px;}
#HEADER *{margin:0;padding:0;border:0;list-style-type:none;text-align:left;font-size:0;line-height:0;}
#HEADER p,
#HEADER li,
#HEADER dt,
#HEADER dd{text-indent:-9999px;}

#HEADER a,
#HEADER a span{display:block;height:100%;text-decoration:none;cursor:pointer;}

#HEADER a:link,
#HEADER a:visited{color:#666666;text-decoration:underline;}
#HEADER a:hover{color:#0066ff;text-decoration:underline;}
#HEADER a:active{color:#009933;text-decoration:underline;}


/* introArea */
#HEADER .introArea{position:relative;float:left;width:558px;height:47px;}

#HEADER .introArea #logo{width:232px;height:19px;margin-top:15px;background:url(/common/img/logo.gif) no-repeat left top;}

#HEADER .introArea .kikorin{position:absolute;width:120px;height:30px;top:10px;left:241px;}
#HEADER .introArea .kikorin dt{float:left;width:40px;height:26px;margin-top:2px;background:url(/common/img/pic_kikorin.gif) no-repeat left top;}
#HEADER .introArea .kikorin dd{float:right;width:76px;height:30px;background:url(/common/img/txt_kikorin.gif) no-repeat left top;}

#HEADER .introArea .planner{position:absolute;width:180px;height:27px;top:11px;right:0px;background:url(/common/img/txt_planner.gif) no-repeat left top;}


/* subNavArea */
#HEADER .subNavArea{float:right;width:357px;height:14px;margin-top:20px;}
#HEADER .subNavArea ul li{float:left;width:88px;border-right:1px solid #999999;}
#HEADER .subNavArea ul li a span{background:url(/common/img/btn_header_sub-nav.gif) no-repeat left top;}

#HEADER .subNavArea ul li.btnTop a{padding:1px 7px 1px 8px;}
#HEADER .subNavArea ul li.btnTop a span{height:12px;background-position:0px 0px;}
#HEADER .subNavArea ul li.btnTop a:hover span{background-position:-73px 0px;}
#HEADER .subNavArea ul li.btnSitemap a{padding:0px 6px 1px 6px;}
#HEADER .subNavArea ul li.btnSitemap a span{height:13px;background-position:0px -12px;}
#HEADER .subNavArea ul li.btnSitemap a:hover span{background-position:-76px -12px;}
#HEADER .subNavArea ul li.btnContact a{padding:1px 3px 0px 4px;}
#HEADER .subNavArea ul li.btnContact a span{height:13px;background-position:0px -25px;}
#HEADER .subNavArea ul li.btnContact a:hover span{background-position:-81px -25px;}
#HEADER .subNavArea ul li.btnRecruit a{padding:0px 16px 0px 16px;}
#HEADER .subNavArea ul li.btnRecruit a span{height:13px;background-position:0px -38px;}
#HEADER .subNavArea ul li.btnRecruit a:hover span{background-position:-56px -38px;}


/* mainNavArea */
#HEADER .mainNavArea{position:relative;clear:both;}
#HEADER .mainNavArea ul li{float:left;height:39px;}
#HEADER .mainNavArea ul li a{height:18px;padding:11px 0 10px 0;}
#HEADER .mainNavArea ul li a span{height:14px;padding:2px 25px 2px 26px;background:url(/common/img/parts_header_main-nav_bg-line.gif) repeat-y left top;}
#HEADER .mainNavArea ul li a span span{padding:0;background:url(/common/img/btn_header_main-nav.gif) no-repeat left top;}

#HEADER .mainNavArea ul li.btnTopics{width:128px;}
#HEADER .mainNavArea ul li.btnTopics a span span{background-position:0px 0px;}
#HEADER .mainNavArea ul li.btnTopics a:hover span span{background-position:-77px 0px;}
#HEADER .mainNavArea ul li.btnExample{width:117px;}
#HEADER .mainNavArea ul li.btnExample a span span{background-position:0px -14px;}
#HEADER .mainNavArea ul li.btnExample a:hover span span{background-position:-67px -14px;}
#HEADER .mainNavArea ul li.btnCompany{width:195px;}
#HEADER .mainNavArea ul li.btnCompany a span span{background-position:0px -28px;}
#HEADER .mainNavArea ul li.btnCompany a:hover span span{background-position:-144px -28px;}
#HEADER .mainNavArea ul li.btnProduct{width:182px;}
#HEADER .mainNavArea ul li.btnProduct a span span{background-position:0px -42px;}
#HEADER .mainNavArea ul li.btnProduct a:hover span span{background-position:-131px -42px;}
#HEADER .mainNavArea ul li.btnMaintenance{width:154px;}
#HEADER .mainNavArea ul li.btnMaintenance a span span{background-position:0px -57px;}
#HEADER .mainNavArea ul li.btnMaintenance a:hover span span{background-position:-103px -57px;}

#HEADER .mainNavArea .btnCatalog{position:absolute;width:95px;height:39px;top:0px;right:0px;}
#HEADER .mainNavArea .btnCatalog a{height:18px;padding:11px 0 10px 0;}
#HEADER .mainNavArea .btnCatalog a span{height:12px;padding:3px 14px 3px 13px;border-right:1px solid #c8c8c8;border-left:1px solid #c8c8c8;}
#HEADER .mainNavArea .btnCatalog a span span{padding:0;border:0;background:url(/common/img/btn_header_catalog.gif) no-repeat left top;}
#HEADER .mainNavArea .btnCatalog a:hover span span{background-position:-66px 0px;}




/* TOPICPATH
------------------------------------------ */
#TOPICPATH{margin-top:7px;}
#TOPICPATH *{margin:0;padding:0;border:0;list-style-type:none;text-align:left;color:#666666;}
#TOPICPATH a:link{color:#666666;text-decoration:underline;}
#TOPICPATH a:visited{color:#666666;text-decoration:underline;}
#TOPICPATH a:hover{color:#0066ff;text-decoration:underline;}
#TOPICPATH a:active{color:#009933;text-decoration:underline;}
#TOPICPATH li{display:inline;}
#TOPICPATH li span{margin:0 8px 0 7px;}




/* BODY
------------------------------------------ */
#BODY{margin-top:27px;}




/* FOOTERSHORT
------------------------------------------ */
#FOOTERSHORT{margin-top:40px;padding:15px 10px 15px 10px;background:#f5f5f5;}
#FOOTERSHORT *{margin:0;padding:0;border:0;list-style-type:none;text-align:left;color:#666666;}
#FOOTERSHORT a:link{color:#666666;text-decoration:underline;}
#FOOTERSHORT a:visited{color:#666666;text-decoration:underline;}
#FOOTERSHORT a:hover{color:#0066ff;text-decoration:underline;}
#FOOTERSHORT a:active{color:#009933;text-decoration:underline;}
#IE06  #FOOTERSHORT{padding-bottom:5px;}
#FOOTERSHORT *{line-height:1.1;}
#FOOTERSHORT ul{margin-top:-5px;padding:0 10px 0 10px;}
#FOOTERSHORT ul li{float:left;height:auto !important;height:11px;min-height:11px;margin:5px 15px 0 0;padding-left:15px;background:url(/common/img/icon_link_normal-square.gif) no-repeat 0px 2px;white-space:nowrap;zoom:1;}


/* detail */
#FOOTERSHORT ul li.detail{clear:both;float:none;margin:0 -10px 0 -10px;padding:13px 10px 0 10px;background:none;white-space:normal;}
#FOOTERSHORT ul li.detail dl{margin:0 -10px 0 -10px;padding:14px 20px 0 20px;background:url(/common/img/parts_line_dot-c9c9c9.gif) repeat-x left top;zoom:1;}
#FOOTERSHORT ul li.detail dl dt{position:relative;float:left;margin-left:-10px;padding-left:15px;background:url(/common/img/icon_link_normal-square.gif) no-repeat 0px 2px;z-index:9999;zoom:1;}
#IE06 #FOOTERSHORT ul li.detail dl dt{height:auto !important;height:11px;min-height:11px;margin-left:-5px;}
#FOOTERSHORT ul li.detail dl dd{float:right;height:auto !important;height:11px;min-height:11px;zoom:1;}
#FOOTERSHORT ul li.detail dl dd ul{margin-top:-11px;padding:0 0 0 0.87em;}
#FOOTERSHORT ul li.detail dl dd ul li{margin:11px 8px 0 0;padding:0 8px 0 0;background:none;border-right:1px solid #4d4d4d;zoom:1;}
#FOOTERSHORT ul li.detail dl dd ul li.first{position:relative;margin-left:-0.87em;z-index:9999;}
#IE06 #FOOTERSHORT ul li.detail dl dd ul li.first{margin-left:-0.435em;}
#FOOTERSHORT ul li.detail dl dd ul li.first a{margin-left:0.5em;}
#FOOTERSHORT ul li.detail dl dd ul li.last{border-right:0;}
#FOOTERSHORT ul li.detail dl dd ul li.last a{margin-right:0.5em;}

#FOOTERSHORT ul li.typeExample dl dt{width:50px;}
#FOOTERSHORT ul li.typeExample dl dd{width:800px;}

#FOOTERSHORT ul li.typeContest dl dt{float:none;}
#FOOTERSHORT ul li.typeContest dl dd{float:none;margin:7px 0 0 5px;}
#IE06 #FOOTERSHORT ul li.typeContest dl dd{margin:10px;}




/* FOOTER
------------------------------------------ */
#FOOTER{margin-top:40px;}
#FOOTER *{margin:0;padding:0;border:0;list-style-type:none;text-align:left;font-size:0;line-height:0;}
#FOOTER p,
#FOOTER li{text-indent:-9999px;}

#FOOTER a,
#FOOTER a span{display:block;height:100%;text-decoration:none;cursor:pointer;}
#FOOTER a:link,
#FOOTER a:visited{color:#666666;text-decoration:underline;}
#FOOTER a:hover{color:#0066ff;text-decoration:underline;}
#FOOTER a:active{color:#009933;text-decoration:underline;}



/* navArea */
#FOOTER .navArea{float:right;width:297px;}

#FOOTER .navArea .mainSec ul{float:right;}
#FOOTER .navArea .mainSec ul li{float:left;height:14px;}
#FOOTER .navArea .mainSec ul li a span{padding:0 10px 0 9px;background:url(/common/img/parts_footer_main-nav_bg-line.gif) no-repeat right center;}
#FOOTER .navArea .mainSec ul li a span span{padding:0;background:url(/common/img/btn_footer_main-nav.gif) no-repeat left top;}
#FOOTER .navArea .mainSec ul li.btnCompany{width:71px;}
#FOOTER .navArea .mainSec ul li.btnCompany a span span{background-position:0px 0px;}
#FOOTER .navArea .mainSec ul li.btnCompany a:hover span span{background-position:-52px 0px;}
#FOOTER .navArea .mainSec ul li.btnGroup{width:96px;}
#FOOTER .navArea .mainSec ul li.btnGroup a span span{background-position:0px -14px;}
#FOOTER .navArea .mainSec ul li.btnGroup a:hover span span{background-position:-77px -14px;}
#FOOTER .navArea .mainSec ul li.btnIso{width:130px;}
#FOOTER .navArea .mainSec ul li.btnIso a span span{background-position:0px -28px;}
#FOOTER .navArea .mainSec ul li.btnIso a:hover span span{background-position:-111px -28px;}

#FOOTER .navArea .subSec{margin-top:20px;}
#FOOTER .navArea .subSec ul{float:right;}
#FOOTER .navArea .subSec ul li{float:left;height:12px;}
#FOOTER .navArea .subSec ul li a span{padding:0 10px 0 9px;background:url(/common/img/parts_footer_sub-nav_bg-line.gif) no-repeat right center;}
#FOOTER .navArea .subSec ul li a span span{padding:0;background:url(/common/img/btn_footer_sub-nav.gif) no-repeat left top;}
#FOOTER .navArea .subSec ul li.btnTerms{width:137px;}
#FOOTER .navArea .subSec ul li.btnTerms a span span{background-position:0px 0px;}
#FOOTER .navArea .subSec ul li.btnTerms a:hover span span{background-position:-118px 0px;}
#FOOTER .navArea .subSec ul li.btnPrivacy{width:151px;}
#FOOTER .navArea .subSec ul li.btnPrivacy a span{padding-right:0px;background:none;}
#FOOTER .navArea .subSec ul li.btnPrivacy a span span{background:url(/common/img/btn_footer_sub-nav.gif) no-repeat 0px -12px;}
#FOOTER .navArea .subSec ul li.btnPrivacy a:hover span span{background-position:-142px -12px;}


/* copyrightArea */
#FOOTER .copyrightArea{float:left;width:250px;padding-top:19px;}
#FOOTER .copyrightArea .copyright{width:250px;height:5px;background:url(/common/img/copyright.gif) no-repeat left top;}




/* PRINT
------------------------------------------ */
@media print{
body{background-image:none;}
#HEADER .introArea .kikorin,
#HEADER .introArea .planner,
#HEADER .subNavArea,
#HEADER .mainNavArea,
#TOPICPATH,
#FOOTER .navArea{display:none;}

#HEADER{height:19px;}
#FOOTER .copyrightArea{padding-top:0;}
}