@charset "utf-8";

body { margin: 0px; padding: 0px; background-color:#FFF; }
* { margin: 0px; padding: 0px; }
img { border: medium none ; }
p { margin: 7px 0px; }
.clear { height: 1px; clear: both; }
.container { width: 100%; height: auto; text-align: center; }
.body-main a { color: #333;}
.body-main a:hover, .body-main a:active { color:#333; text-decoration: underline; }
.header { background: #FFF url(header_bg.png) repeat-x scroll left top; width: 100%; height: 151px; text-align: center; }
.header-inside { margin: 0px auto; width: 900px; height: 100px; text-align: center; }
.header-top { width: 900px; height: 105px; text-align: left; }
#navcontainer { margin: 0px; padding: 0px; width: 900px; height: 46px; text-align: center; }
#navcontainer ul { border: 0px none ; margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
#navcontainer ul li { margin: 0px; padding: 0px; background: transparent url(menu-bar.gif) no-repeat scroll right center; display: block; float: left; text-align: center; height: 44px; width: 180px; }
#navcontainer ul li a { color: #666; text-decoration: none; display: block; text-align: center; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: 44px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; border-left: 1px solid #ddd; border-right: 1px solid #C3C3C3;}
#navcontainer ul li a:hover { background: transparent url(menu-bg-hover.gif) repeat-x scroll left top; color: #333; height: 44px;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;}
#navcontainer ul li a.active { border-bottom:1px solid #FFF;border-top:1px solid #C3C3C3; background: url('menu-bg-active.gif') repeat-x scroll left top; color: #F60; height: 44px; }
.body-main { width: 100%; height: auto; text-align: center; background-color: #FFF; }
.body-main-inside { margin: 0px auto; padding: 30px 0px; width: 880px; height: auto; text-align: left; }
.screenshot { padding: 0px 595px 0pt 5px; width: 300px; text-align: left; float: left; }
.screenshot, .rewards, .process { background: transparent url('img_andy.jpg') no-repeat scroll right top; }
.concept, .andy, .rewards, .process { padding: 0 10px; width: 880px; text-align: left; float: left; }
.friend { padding: 0; width: 900px; text-align: left; float: left; }
.concepts { background: transparent url('concept.jpg') no-repeat scroll right top; padding-right: 600px; width: 300px; text-align: left; float: left; }
.input { border: 1px solid rgb(31, 70, 79); margin: 0pt 0pt 10px; padding: 8px 4px; width: 300px; font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: 23px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(31, 70, 79); }
label { font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 23px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(31, 70, 79); }
.footer { margin: 0px auto; width: 900px; text-align: center; background-color:#fff; border-top:1px solid #CCC;}
.footer a { color:#333; }
.footer-inside { margin: 0px auto; width: 900px; text-align: center; padding: 10px;font-size:13px; }
.google-add { padding: 10px 0px; width: 900px; height: 100px; text-align: center; float: left; }
body { font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 20px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #666; }
h1 { margin: 0; font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: 24px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333; text-indent:-5000px;}
h1 a { background:url(./logo.png) 0 0 no-repeat; float:left; width:350px; height:100px;}
h2 { font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: bold; font-size: 25px; line-height: 28px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color:#333; }
h2.guide { width:200px;height:60px;margin: 20px 0pt 0pt; font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal;}
h2.guide a{text-decoration:none;}
h3 { margin: 20px 0pt 0pt; font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: bold; font-size: 17px; line-height: 20px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333; }
#reg-holder-slide { display: none; }
#login-holder-slide { height: 200px; display: none; }
.submission-holder { margin: 0pt 0pt 20px; display: block; }
.submission-holder h3 { font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: normal; font-size: 18px; line-height: 22px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(31, 70, 79); }
.submission-holder h4 { margin: 10px 0pt 0pt; font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; line-height: 20px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(31, 70, 79); }
.submission-holder span { font-family: "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", "sans-serif" font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 20px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(204, 204, 204); }
.submission-holder span.prod { color: rgb(41, 153, 0); }
.submission-holder span.approved { color: rgb(0, 122, 166); }
.submission-holder span.pending { color: #666; }
#slider { margin: 0pt auto; width: 880px; position: relative; }
.scroll { background: #FFF url('content_pane-gradient.gif') repeat-x scroll left bottom; width: 880px; overflow-y: auto; overflow-x: hidden; position: relative; clear: left; }
.scrollContainer div.panel { padding: 40px; width: 880px; }
#shade { background: rgb(237, 237, 236) url('shade.jpg') no-repeat scroll 0pt 0pt; height: 50px; }
.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }
.hide { display: none; }
.small { font-size: 13px; color: #666; }
a:active, a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }