/* ::::: http://www.ribbit.com/styles/home_nov08.css ::::: */

* { margin: 0pt; padding: 0pt; text-decoration: none; font-size: 1em; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; -x-system-font: none; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: medium none ; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0pt; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { background: white none repeat scroll 0% 0%; line-height: 1; color: black; }

ul, ol, dir, menu { list-style-type: none; list-style-image: none; list-style-position: outside; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { font-family: inherit ! important; font-style: inherit ! important; font-variant: inherit ! important; font-weight: inherit ! important; font-size: inherit ! important; line-height: inherit ! important; font-size-adjust: inherit ! important; font-stretch: inherit ! important; -x-system-font: none ! important; color: inherit ! important; }
#navigation a#whatisribbit, #navigation a#ribbitmobile, #navigation a#salesforce, #navigation a#developers {  }
body { font-family: helvetica,arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.wrapper { width: 100%; }
.left { background: transparent url('top/btleft_bg.jpg') repeat-x scroll right top; color: rgb(245, 250, 251); }
.center {
	width: 960px;
	height: 610px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('top/btcenter_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
#main { margin: 0pt auto; position: relative; }
.right { background: transparent url('top/btright_bg.jpg') repeat-x scroll 0% 0%; color: rgb(245, 250, 251); }
a.max_drawer { display: block; position: absolute; top: 378px; left: 49px; width: 215px; height: 90px; }
#navigation { padding: 0pt 40px 0pt 39px; position: absolute; left: 0pt; top: 440px; width: 881px; height: 160px; text-align:center; }
#navigation a#whatisribbit { background: transparent url('top/whatisribbit_btn.png') no-repeat scroll 0pt 0pt; width: 225px; height: 136px; font-size: 1px; color: rgb(66, 145, 33); line-height: 1%; text-decoration: none; display: block; }
#navigation a#whatisribbit:hover { background: transparent url('top/whatisribbit_btn.png') no-repeat scroll 0pt -136px; }
#navigation a#ribbitmobile { background: transparent url('top/ribbitmobile_btn.png') no-repeat scroll 0pt 0pt; width: 216px; height: 136px; font-size: 1px; color: rgb(32, 70, 59); line-height: 1%; text-decoration: none; display: block; }
#navigation a#ribbitmobile:hover { background: transparent url('top/ribbitmobile_btn.png') no-repeat scroll 0pt -136px; }
#navigation a#salesforce { background: transparent url('top/salesforce_btn.png') no-repeat scroll 0pt 0pt; width: 217px; height: 136px; font-size: 1px; color: rgb(32, 70, 59); line-height: 1%; text-decoration: none; display: block; }
#navigation a#salesforce:hover { background: transparent url('top/salesforce_btn.png') no-repeat scroll 0pt -136px; }
#navigation a#developers { background: transparent url('top/developers_btn.png') no-repeat scroll 0pt 0pt; width: 225px; height: 136px; font-size: 1px; color: rgb(32, 70, 59); line-height: 1%; text-decoration: none; display: block; }
#navigation a#developers:hover { background: transparent url('top/developers_btn.png') no-repeat scroll 0pt -136px; }

img, div { behavior: url(top/iepngfix.htc) }

#message {
	position: relative;
	top: 80px;
	left: 46px;
	right: 46px;
	width: 875px;
	height: 340px;
}

#sidebar {
	width: 296px;
	height: 320px;
	position: absolute;
	top: 100px;
	right: 16.5pt;
}
#sidebar #playerdiv { border-top: 1px solid rgb(51, 51, 51); border-left: 1px solid rgb(51, 51, 51); border-right: 1px solid rgb(51, 51, 51); margin: 0pt 45px 0pt 0pt; float: right; }
#sidebar a { margin: 8px 0pt 0pt; color: rgb(255, 255, 255); font-size: 12px; text-decoration: underline; display: block; }
#sidebar a:hover { text-decoration: none; }
#sidebar .innovation { display: block; margin-bottom: 5px; }
#navigation a.newsbar { margin-top: 40px; display: block; }
#footer {
	width: 911px;
	color: rgb(170, 170, 170);
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding-top: 70px;
	padding-right: 0pt;
	padding-bottom: 10pt;
	padding-left: 49px;
}
#footer ul { margin: 0pt 40px 0pt 0pt; /* ::::: サイトリストの間隔 ::::: */
             float: left; color: rgb(170, 170, 170); }
#footer ul:hover, #footer ul:hover a { color: rgb(0, 0, 0); }
#footer li:hover { color: rgb(0, 0, 0); }
#footer .title { padding: 0pt 0pt 6px; display: block; font-weight: bold; }
#footer li { padding: 0pt 0pt 2px; display: block; line-height: 120%; }
#footer a { color: inherit ! important; }
#footer a:hover { text-decoration: underline; }
.rights { padding: 10px 0pt 0pt; display: block; clear: both; }
.img { text-align:right;
    position: relative;
	right: 60px;
	top: -110px;
	}
/* ::::: png ::::: */
img, div, a, input { behavior: url(top/iepngfix.htc) }


.style2 {	font-size: 1.2em}
.style11 {	color: rgb(170, 170, 170);	font-weight: bold;}
.style12 {color: rgb(170, 170, 170)}

#title {display:none;}