@charset "UTF-8";

/* BASIC LAYOUT
-------------------------------------------------------------------------------- */
#basic { background-color: #fff; }
#wrapper { position: relative; margin: 0 auto; padding:0; border: 0; width: 840px; }
#header, #breadcrumbs, #footer { position: relative; margin: 0 auto; padding: 0; border: 0; width: 840px; clear: both; }
#header { margin-bottom: 10px; height: 90px; }
#breadcrumbs { margin:23px 0 25px; font-size: 10px; line-height: 15px; color: #999; text-decoration: none; text-indent: 5px; }
#breadcrumbs a { color: #999; margin-right: 5px; padding-right: 12px; background: url(../images/common/arrow_999.png) no-repeat 100% 50%; _background-image: url(../images/common/arrow_999.gif) }
#breadcrumbs a:hover { color: #07b; text-decoration: underline; }
#footer { margin: 80px auto; }
img { _behavior: url(js/iepngfix/iepngfix.htc); border: 0; }

/* BASIC WRAPPER
-------------------------------------------------------------------------------- */
/* LAYOUT */
#basic-containerimg { position: relative; width: 840px; height: auto; margin: 0; padding: 0; }
#basic-containerimg img { vertical-align: bottom; display: inline; border: 0; }
#basic-containerimg  #topcomment { position: absolute; left: 40px; top: 120px; width: 230px; margin: 0; padding: 0; } 
#basic-container { position: relative; width: 840px; margin: 0; padding-top: 40px; background: url(../images/common/basicbg_head.jpg) no-repeat 0 0; }
#basic-main { position: relative; width: 840px; margin: 0; padding-bottom: 40px; background: url(../images/common/basicbg_btm.jpg) no-repeat 0 100%; }
#basic-main #basic-content { position: relative; width: 840px; margin: 0; padding: 0; background: url(../images/common/basicbg_body.jpg) repeat-y; }

/* BOX */
#basic-main #basic-content #basic-box { position: relative; margin: 0 40px; padding: 0 0 1px 0; }
#basic-main #basic-content #basic-box .basicbox { position: relative; margin-bottom: 40px; padding: 0; zoom: 1; }
#basic-main #basic-content #basic-box .basicbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#basic-main #basic-content #basic-box .basicbox.top { padding-top: 40px; }
#basic-main #basic-content #basic-box .basicbox.bottom { margin-bottom: 0; }
#basic-main #basic-content #basic-box .basicbox.bt_brd_dot { margin-bottom: 0; padding-bottom:40px; border-bottom:1px dotted #999; }
#basic-main #basic-content #basic-box .basicbox.bt_brd_dot2 { margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #ccc; }
#basic-main #basic-content #basic-box .basicbox.bt_brd_dot2.btm_mrgpad15 { margin-bottom:15px; padding-bottom:15px }
#basic-main #basic-content #basic-box .basicbox.bt_brd_solid { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #bbb; }
#basic-main #basic-content #basic-box .basicbox.bt_brd_solid.btm_mrgpad15 { margin-bottom:25px; padding-bottom:15px }
#basic-main #basic-content #basic-box .basicbox.brdbox_dot { padding:20px; border:1px dotted #999; margin:0; }



/* BORDER BOX */
#basic-main #basic-content .borderbox { position: relative; top: 0; width: 840px; margin: 0; padding-top: 40px; padding-bottom: 1px; background: url(../images/common/basicbg_border.jpg) no-repeat 0 0; }
#basic-main #basic-content .borderbox .contentsbox { position: relative; margin: 0 40px 40px; padding: 0 0 1px 0; zoom: 1; }
#basic-main #basic-content .borderbox .contentsbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#basic-main #basic-content .borderbox .contentsbox.bottom { margin-bottom: 0; }
#basic-main #basic-content .borderbox .contentsbox ul { list-style: disc inside; margin: 10px 0 10px; font-weight: normal; font-size: 12px; color: #666; }
#basic-main #basic-content .borderbox .contentsbox li { margin-bottom: 0; padding-left: 5px; line-height: 18px; }

/* BASIC WRAPPER - BLACK BG
-------------------------------------------------------------------------------- */
/* LAYOUT */
#basicblk-containerimg { position: relative; width: 840px; height: auto; margin: 0; padding: 0; }
#basicblk-containerimg img { vertical-align: bottom; display: inline; border: 0; }
#basicblk-containerimg  #topcomment { position: absolute; left: 40px; top: 120px; width: 230px; margin: 0; padding: 0; } 
#basicblk-container { position: relative; width: 840px; margin: 0; padding-top: 40px; background: url(../images/common/basicblkbg_head.jpg) no-repeat 0 0; }
#basicblk-main { position: relative; width: 840px; margin: 0; padding-bottom: 40px; background: url(../images/common/basicblkbg_btm.jpg) no-repeat 0 100%; }
#basicblk-main #basicblk-content { position: relative; width: 840px; margin: 0; padding: 0; background: url(../images/common/basicblkbg_body.jpg) repeat-y; }

/* BOX */
#basicblk-main #basicblk-content #basicblk-box { position: relative; margin: 0 40px; padding: 0 0 1px 0; }
#basicblk-main #basicblk-content #basicblk-box .basicbox { position: relative; margin-bottom: 40px; padding: 0; zoom: 1; }
#basicblk-main #basicblk-content #basicblk-box .basicbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#basicblk-main #basicblk-content #basicblk-box .basicbox.top { padding-top: 40px; }
#basicblk-main #basicblk-content #basicblk-box .basicbox.bottom { margin-bottom: 0; }

/* BORDER BOX */
#basicblk-main #basicblk-content .borderbox { position: relative; top: 0; width: 840px; margin: 0; padding-top: 40px; padding-bottom: 1px; background: url(../images/common/basicblkbg_border.jpg) no-repeat 0 0; }
#basicblk-main #basicblk-content .borderbox .contentsbox { position: relative; margin: 0 40px 40px; padding: 0 0 1px 0; zoom: 1; }
#basicblk-main #basicblk-content .borderbox .contentsbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#basicblk-main #basicblk-content .borderbox .contentsbox.bottom { margin-bottom: 0; }
#basicblk-main #basicblk-content .borderbox .contentsbox ul { list-style: disc inside; margin: 10px 0 10px; font-weight: normal; font-size: 12px; color: #666; }
#basicblk-main #basicblk-content .borderbox .contentsbox li { margin-bottom: 0; padding-left: 5px; line-height: 18px; }

/* BASIC COLUMN
-------------------------------------------------------------------------------- */
.basic-column { position: relative; margin: 0 0 40px 0; padding: 0; width: 720px; height: auto; zoom: 1; }
.basic-column:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.basic-column.top { padding-top: 40px; }
.basic-column.bottom { margin-bottom: 0; }
.basic-column2first, .basic-column2last, 
.basic-column3first, .basic-column3last, 
.basic-column4first, .basic-column4last { position: relative; display: inline; float: left; margin: 0; padding: 0; }
.basic-column2first { width: 345px; margin-right: 30px; }
.basic-column2last { width: 345px; margin-right: 0; }
.basic-column3first { width: 220px; margin-right: 30px; }
.basic-column3last { width: 220px; margin-right: 0; }
.basic-column4first { width: 150px; margin-right: 30px; }
.basic-column4last { width: 150px; margin-right: 0; }
.basic-column2first.bottom, .basic-column2last.bottom, 
.basic-column3first.bottom, .basic-column3last.bottom, 
.basic-column4first.bottom, .basic-column4last.bottom { margin-bottom: 0; }


/* H1 TEXT
-------------------------------------------------------------------------------- */
h1.hotnews_headlinetext, h1.support_headlinetext, 
h1.technical_headlinetext, h1.inquiryform_headlinetext, 
h1.request_headlinetext , h1.thanks_headlinetext { position: relative; margin-bottom: 5px; width: auto; height: 25px; text-indent: -9999px; overflow: hidden; }
h1.hotnews_headlinetext { background: url(../images/hotnews/hotnews_h1text20090121.jpg) no-repeat 0 0; }
h1.support_headlinetext { background: url(../images/support/support_h1text20090121.jpg) no-repeat 0 0; }
h1.technical_headlinetext { background: url(../images/support/technical_h1text20090121.jpg) no-repeat 0 0; }
h1.inquiryform_headlinetext { background: url(../images/support/inquiryform_h1text20090121.jpg) no-repeat 0 0; }
h1.request_headlinetext { background: url(../images/support/request_h1text20090121.jpg) no-repeat 0 0; }
h1.thanks_headlinetext { background: url(../images/support/thanks_h1text20090121.jpg) no-repeat 0 0; }


/* SITE NAVIGATION */
#site_navigation { display: inline; float: left; font-size:10px; color: #999; text-align: left; margin: 5px 40px 25px 40px; padding: 0; background: #fff; width: 720px; text-decoration: none; }
#site_navigation a:link, a:visited { text-decoration: none; color: #999; }
#site_navigation a:hover { text-decoration: underline; color: #07b; }

/* SITEMAP */
#sitemap { display: inline; float: left; width: 840px; margin: 40px 0 20px 0; padding: 0; font-size: 12px; color: #999; line-height: 18px; text-align: left; text-decoration: none; }
#sitemap a { color: #999; text-decoration: none; }
#sitemap a:hover { color: #07b; text-decoration: underline; }
#sitemap h1 { font-weight: bold; font-size: 14px; color: #333; line-height: 20px; text-align: left; text-decoration: none; background: url(../images/common/arrow_c10p999.gif) no-repeat 0 50%; padding-left: 15px; clear: left; }
#sitemap h1 a {color: #333; text-decoration: none; }
#sitemap h1 a:hover { color: #07b; text-decoration: underline; }
#sitemap h2 { font-weight: bold; font-size: 12px; color: #666; line-height: 18px; text-align: left; text-decoration: none; }
#sitemap h2 a { color: #666; text-decoration: none; }
#sitemap h2 a:hover { color: #07b; text-decoration: underline; }
#sitemap hr { border-width: 1px 0 0 0; border-style: solid; border-color: #ccc; height: 1px; margin: 5px 0 ; }
#sitemap hr.dot { border-width: 1px 0 0 0; border-style: dotted; border-color: #ccc; height: 1px; margin: 5px 0; }
#sitemap ul { list-style: none; margin: 0 0 15px 0; padding: 0; }
#sitemap ul.btmr { margin-bottom:70px; } 
#sitemap li { margin: 7px 0 0 0; }
.prod { display: block; float: left; margin: 5px 0 20px; padding: 0 10px 0 0; width: 270px; height: 200px; }
.naomi { display: block; float: left; margin: 5px 0 20px 0; padding: 0 15px 0 0; width: 190px; height: 200px; }
.category { display: block; float: left; margin:0; padding: 0; width: 370px; height: 190px; }
.category_long { display: block; float: left; margin:0; padding: 0; width: 370px; height: 320px; }
.category.r, .category_long.r { margin: 5px 0 20px 50px; }
.category.l, .category_long.l { margin: 5px 50px 20px 0; }
.info { display: block; float: left; margin: 5px 0 20px 0; padding: 0 15px 0 0; width: 250px; height: 200px; }

/* PRIVACY POLICY */ /* TERMS OF USE */
#pri_term { display: inline; float: left; width: 760px; margin: 25px 40px 70px; padding: 0; }
#pri_term h2 { font-weight: bold; font-size: 12px; color: #333; line-height: 18px; text-align: left; text-decoration: none; margin: 25px 0 5px 0; }
#pri_term p { font-weight: normal; font-size: 12px; color: #333; line-height: 18px; text-align: left; text-decoration: none; margin: 5px 0 10px; }
#pri_term ul, ol { list-style: decimal; list-style-position: outside; margin-left:25px; }
#pri_term li { margin: 0 0 5px 0; font-weight: normal; font-size: 12px; color: #666; line-height: 16px; text-align: left; }

/* CONFIRM */
#confirm { display: inline; float: left; width: 720px; margin: 0 0 50px 0; }
#confirm p { font-weight: normal; font-size: 12px; text-align: left; color: #666; margin: 15px 0; }
#confirm input { font-size: 12px; }
#confirm hr { clear: left; border-width: 1px 0 0 0; border-style: dotted; border-color: #ccc; height: 1px; margin: 5px 0; } 
.confirmcategory { float: left; width: 200px; height: 20px; margin: 10px 5px 10px 155px; font-weight: bold; font-size: 12px; line-height: 18px; text-align: right; color: #333; }
.confirminput { float: left; width: 200px; height: 20px; margin: 10px 155px 10px 5px; font-weight: normal; font-size: 12px; line-height: 18px; text-align: left; color: #07b; }


/* ABOUT US */
#us-container { display: inline; float: left; width: 520px; margin: 0 50px 0 0; padding: 0; border: 0; }
#us-container p { margin-bottom: 10px; }
.publicity { margin-bottom: 15px; padding: 0; border-bottom: 1px dotted #999; }
.publicitytop { margin-bottom: 15px; padding: 15px 0 0 0; border-bottom: 1px dotted #999; border-top: 1px dotted #999; }
#us-sidemenu { display: inline; float: left; width: 150px; margin: 0; padding: 0; border: 0; }