@charset "UTF-8";

/* BASIC LAYOUT
---------------------------------------- */
#basic { background-color: #fff; }
#wrapper { position: relative; margin: 0 auto; padding:0; border: 0; width: 800px; }
#header, #breadcrumbs, #footer { position: relative; margin: 0 auto; padding: 0; border: 0; width: 800px; clear: both; }
#header { margin-bottom: 10px; height: 90px; }
#breadcrumbs { margin-bottom: 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: #369; text-decoration: underline; }
#footer { margin: 80px auto; }

/* BASIC WRAPPER
---------------------------------------- */
/* LAYOUT */
#basic-containerimg { position: relative; width: 800px; 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: 800px; margin: 0; padding-top: 40px; background: url(../images/common/basicbg_head.jpg) no-repeat 0 0; }
#basic-main { position: relative; width: 800px; margin: 0; padding-bottom: 40px; background: url(../images/common/basicbg_btm.jpg) no-repeat 0 100%; }
#basic-main #basic-content { position: relative; width: 800px; 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; }

/* BORDER BOX */
#basic-main #basic-content .borderbox { position: relative; top: 0; width: 800px; 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 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; }

/* IMAGE FLOAT */
img.rightimg { float: right; margin: 2px 0 15px 40px; border: 0; }
img.rightnarrow { float: right; margin: 2px 0 0 40px; border: 0; }
img.leftimg { float: left; margin: 2px 40px 15px 0; border: 0; }
img.leftnarrow { float: left; margin: 2px 40px 0 0; border: 0; }

 /* GALLERY */
img.gallery { margin: 0 10px 5px; border: 0; width: 200px; }
h1.gallery { margin-bottom: 0px; font-size: 12px; line-height: 18px; color: #666; text-align: center; }
p.gallery { margin-bottom: 0; font-size: 10px; line-height: 15px; text-align: center; }

/* H1 TEXT
---------------------------------------- */
h1.hotnews_headlinetext, h1.support_headlinetext, 
h1.technical_headlinetext, h1.inquiryform_headlinetext, 
h1.request_headlinetext , h1.thanks_headlinetext, h1.app_livedemo_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; }
h1.app_livedemo_headlinetext { background: url(../images/support/app_livedemo_h1text20090121.jpg) no-repeat 0 0; }