@charset "UTF-8";

/* CSS Document */

/*base*/
* { margin: 0px; padding: 0px;}
p { margin: 0px; padding: 0px;}
body { margin: 0px; padding: 0px; font-size: 12px; line-height: 1.5em; color: #FFFFFF; text-shadow: 1px 1px 2px #222222; font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/bodyBg.jpg) top center no-repeat fixed #61BDE7;}
body.pop { background: #3B0903;}

a:link {	color: #FFFFFF;	text-decoration: none;}
a:visited { color: #FFFFFF;	text-decoration: none;}
a:active  {	color: #FFCC00;	text-decoration: underline;}
a:hover   {	color: #FFCC00;	text-decoration: underline;}

img { border: none;}
input { padding: 3px;}

.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}

.floatLeft { float: left;}
.floatRight { float: right;}

.imgRight { float: right; margin: 5px 0px 15px 10px;}
.imgLeft { float: left; margin: 5px 10px 15px 0px;}
.imgCenter { text-align: center;}

.clear { clear:both;}
*html body .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden !important;}
*:first-child+html .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden !important;}

.hidden { display: none;}

table { width: 100%; margin-bottom: 30px; border: none; color: #333333;}
table th { text-align: left; color: #666666; padding: 5px 5px; background: #9EC8E7;}
table td { text-align: left; padding: 5px 5px; background: #9EC8E7;}

.white { color: #FFFFFF;}
.rGray { color: #F4F4F4;}
.red {	color: #E50012;}
.green { color: #719A3C;}
.orange { color: #FF6600;}
.price { font-size: 16px; font-weight: bold;}
*html body .price{ margin-bottom: 5px !important;}
*:first-child+html .price { margin-bottom: 5px !important;}

/*clearance*/
.mb0 { margin-bottom: 0px;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb60 { margin-bottom: 60px;}
.mb90 { margin-bottom: 90px;}

.mt0 { margin-top: 0px;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt60 { margin-top: 60px;}

.mr03 { margin-right: 3px;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr13 { margin-right: 13px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr60 { margin-right: 60px;}

.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml60 { margin-left: 60px;}


/*headline*/
h1.seo { margin: 0px; padding: 0px; font-size: 10px; line-height: 1.4em; font-weight: normal; margin-bottom: 40px;}
head~/* */body h1.seo{ /* for ie8 */ font-size: 9px}
*html body h1.seo{ /* for others */ font-size: 9px}
*:first-child+html h1.seo{ /* for others */ font-size: 9px}

h1 { margin: 0px; padding: 0px; font-size: 20px; line-height: 1.2em;}
h2 { margin: 0px; padding: 0px; font-size: 17px; line-height: 1.2em;}
h3 { margin: 0px; padding: 0px; font-size: 13px;}
h4 { margin: 0px; padding: 0px; font-size: 14px; line-height: 1.4em;}
h5 { margin: 0px; padding: 0px; font-size: 12px; line-height: 1.2em;}

.catch { font-size: 14px; line-height: 1.6em;}
.caption { font-size: 10px; line-height: 1.3em;}


/*decolation*/
.uLineBox { width: 100%;}
.uLineBox ul { list-style-type: none; margin: 0px; padding: 0px;}
.uLineBox li { padding: 5px 0px; border-bottom: #FFFFFF dotted 1px;}
*html body .uLineBox li { padding-bottom: 0px;}
*:first-child+html .uLineBox li { padding-bottom: 0px;}

.tLineBox { width: 100%; margin-top: 5px;}
.tLineBox ul { list-style-type: none; margin: 0px; padding: 0px;}
.tLineBox li { padding: 5px 0px; border-top: #B99A77 dotted 1px;}
*html body .tLineBox li { padding-bottom: 12px;}
*:first-child+html .tLineBox li { padding-bottom: 6px;}


/*contena*/
#outerBox { width: 860px; margin: 3px auto; padding-left: 80px;}
.indent20 { margin-left: 20px;}


/*header*/
h2.headLogo a { display: block; width: 154px; height: 91px; margin: 0px 0px 45px 15px; background: url(../images/logo-trans.png) no-repeat; text-indent: -500em; float: left;}
*html body h2.headLogo a { margin-left: 10px;}

#headMenu { width: 554px; height: 19px; margin: 69px 80px 0px 0px; float:right;}
#headMenu ul { margin: 0px; padding: 0px; list-style-type: none;}
#headMenu li { height: 19px; float: left;}
#headMenu li a.hm01 { display: block; width: 46px; height: 19px; margin-right: 6px; background: url(../images/menu01-trans.png) no-repeat; text-indent: -500em;}
#headMenu li a.hm02 { display: block; width: 125px; height: 19px; margin-right: 6px; background: url(../images/menu02-trans.png) no-repeat; text-indent: -500em;}
#headMenu li a.hm03 { display: block; width: 95px; height: 19px; margin-right: 6px; background: url(../images/menu03-trans.png) no-repeat; text-indent: -500em;}
#headMenu li a.hm04 { display: block; width: 120px; height: 19px; margin-right: 6px; background: url(../images/menu04-trans.png) no-repeat; text-indent: -500em;}
#headMenu li a.hm05 { display: block; width: 93px; height: 19px; margin-right: 6px; background: url(../images/menu05-trans.png) no-repeat; text-indent: -500em;}
#headMenu li a.hm06 { display: block; width: 44px; height: 19px; background: url(../images/menu06-trans.png) no-repeat; text-indent: -500em;}
#headMenu li a:hover { background-position: 0px -19px;}

*html body #headMenu { margin-right: 40px;}


/*sideBar Menu*/
#sideBar ul { margin: 0px; padding: 0px; list-style-type: none;}
#sideBar li { padding: 10px 0px; font-size: 14px; line-height: 1.2em; color: #D2BBB6; border-bottom: 1px solid #502D29;}
#sideBar a:link {	color: #D2BBB6;	text-decoration: none;}
#sideBar a:visited { color: #D2BBB6;	text-decoration: none;}
#sideBar a:active  {	color: #FFCC00;	text-decoration: underline;}
#sideBar a:hover   {	color: #FFCC00;	text-decoration: underline;}


/*foot*/
#foot { width: 100%; margin-top: 60px; padding: 15px 0px; background: #2166AC;}
#footBox { width: 940px; margin: 0px auto;}


/*top*/
h3.h3top { width: 84px; height: 28px; margin-bottom: 10px; background: url(../../images/h3home-trans.png) no-repeat; text-indent: -500em;}
.topprofile { width: 500px; float: right;}
.topProfileLft { width: 50px; float: left;}
.topProfileRgt { width: 450px; float: left;}
.topprofile ol { margin: 0px 0px 0px 17px; padding: 0px;}
*html body .topprofile ol { margin: 0px 0px 0px 24px; padding: 0px;}
*:first-child+html .topprofile ol { margin: 0px 0px 0px 24px; padding: 0px;}


/*design*/
h3.h3web { width: 179px; height: 28px; margin-bottom: 10px; background: url(../../design/images/h3web-trans.png) no-repeat; text-indent: -500em;}
h3.h3graphic { width: 240px; height: 28px; margin-bottom: 10px; background: url(../../design/images/h3graphic-trans.png) no-repeat; text-indent: -500em;}
h3.h3cdrom { width: 240px; height: 28px; margin-bottom: 10px; background: url(../../design/images/h3cdrom-trans.png) no-repeat; text-indent: -500em;}
.webList { width: 560px; margin-right: 120px; float: right;}
.cdromList { width: 600px; margin-left: 240px;}


/*contact us*/
h3.h3contact { width: 178px; height: 28px; margin-bottom: 10px; background: url(../../images/h3contact-trans.png) no-repeat; text-indent: -500em;}
.contactForm { width: 560px; margin-left: 100px;}

/*blog*/
h3.h3blog { width: 79px; height: 28px; margin-bottom: 10px; background: url(../../images/h3blog-trans.png) no-repeat; text-indent: -500em;}
#blogLeft { width: 500px; margin-right: 40px; float: left;}
#blodside { width: 200px; float: left;}
#blodside ul { list-style-type: none; margin-bottom: 20px;}