@charset "EUC-JP";

div.support-email {
	margin-top: -5px;
}

div.support-email img {
	margin-top: -5px;
}

* html div.support-email {
	margin-top: -5px;
	width: 148px;
	height: 14px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/buddyradar/i/support-trans.png");
}

* html div.support-email img {
	margin-top: -5px;
	display: none;
}

* html div.otomo {
	margin-top: 25px;
	width: 128px;
	height: 180px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/buddyradar/i/otomologomark3.png");
}

* html div.otomo img {
	margin: 25px;
	display: none;
}

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

body {
	background-color: #DBDBDA;
	background-position: top center;
	background-repeat: repeat-y;
	color: #4C4C4C;
	line-height: 1.4em;
	font-size: 75%;
	text-align: center;
}

dt {
	padding-left: 16px;
	font-weight: bold;
	color: #07A61D;
}

dd {
	padding-left: 32px;
	text-indent: 1em;
}

/*  */
sup {
	font-size: 50%;
}

/*  */
div.hint {
	border: 1px green dashed;
	margin: 16px 0px;
	padding: 4px;
}

div.hint:before {
	content: "Hint";
}

#wrapper {
	width: 760px;
	margin: 0 auto -9.4em auto;
	min-height: 100%;
	height: auto !important;
	text-align: left;
	background-image: url("../i/greenpastel.jpg");
	background-repeat: repeat-y;
}

* html #wrapper {
	height: 100%;
}

#content {
	clear: both;
	padding: 0 0 50px 0;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#contentMain {
	float: right;
	margin-right: 20px;
	width: 500px;
}

/* IE hack below */
* html #contentMain {
	margin-right: 10px;
}

* :first-child+html #contentMain {
	margin-right: 20px;
}

* html


#title h1 {
	margin: 1em 1em 1em 1em;
}

#contentSub {
	margin-left: 25px;
	display: inline;
	float: left;
	width: 200px;
	font-size: 92%;
	font-weight: normal;
}

#contentSub p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contentSub ul {
	margin-left: 20px;
	list-style-type: square;
}

* html #contentSub ul {
	margin-left: 20px;
}

* :first-child+html #contentSub ul {
	margin-left: 20px;
}

#logo {
	margin: 25px;
}

#main_page {
	margin-top: 15px;
	margin-left: 15px;
}

#main_page hr {
	text-align: center;
	margin-top: 15px;
	margin-left: 5px;
}

#main_page h1 {
	background-color: #bae98c;
	line-height: 30px;
	color: #07a61d;
	margin-top: 25px;
	margin-bottom: -0.25em;
	padding: 10px;
	font-weight: bold;
	font-size: 200%;
	border-style: solid;
	border-width: 2px;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

#main_page h2 {
	background-color: #bae98c;
	color: #07a61d;
	margin-top: 25px;
	margin-bottom: -0.25em;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	font-size: 120%;
	border-style: solid;
	border-width: 2px;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

#main_page p {
	margin-top: 15px;
	margin-left: 15px;
}

#main_page ul {
	margin-left: 50px;
	margin-right: 50px;
	list-style-type: disc;
}

* html #main_page ul {
	margin-left: 50px;
	margin-right: 50px;
	list-style-type: disc;
}

#main_page ol {
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 50px;
	margin-right: 50px;
	list-style-type: decimal;
}

* html #main_page ol {
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left: 50px;
	margin-right: 50px;
	list-style-type: decimal;
}

#main_page img {
	margin-top: 15px;
	margin-bottom: 15px;
}

* html #main_page img {
	margin-bottom: 15px;
}

#section {
	margin-top: 15px;
	margin-left: 15px;
}

#section p {
	margin-top: 15px;
	margin-left: 15px;
}

* html #section {
	margin-top: 15px;
	margin-left: 15px;
}

* html #section p {
	margin: 15px 15px 15px 25px;
}

#section ul {
	margin-left: 20px;
	list-style-type: disc;
}

* #section ul {
	margin-left: 40px;
	list-style-type: disc;
}

#section h1 {
	background-color: #bae98c;
	color: #07a61d;
	margin-top: 25px;
	margin-bottom: -0.25em;
	padding: 10px;
	font-weight: bold;
	font-size: 200%;
	border-style: solid;
	border-width: 2px;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

* html #section h1 {
	margin-left: 15px;
}

* :first-child+html #section h1 {
	margin-left: -35px;
}

#section h2 {
	background-color: #bae98c;
	border-style: solid;
	border-width: 2px;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
	color: #07a61d;
	margin-top: 25px;
	margin-bottom: -0.25em;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	font-size: 120%;
	width: 50%;
}

* html #section h2 {
	margin-left: 15px;
}

#section h3 {
	margin-top: 1em;
	margin-bottom: 1em;
}

#section p.question {
	margin: 1em 1em 1em 1em;
	font-size: 100%;
	border-left: double 5px #bae98c;
	border-bottom: solid 1px #bae98c;
	padding-left: 10px;
	padding-bottom: 5px;
}

#section ol {
	margin-left: 45px;
	list-style-type: decimal;
}

* html #section ol {
	margin-left: 70px;
	list-style-type: decimal;
}

* html #section p.question {
	margin: 1em 1em 1em 3em;
}

#section ul {
	margin-left: 45px;
}

* html #section ul {
	margin-left: 70px;
}

#section p.normal {
	margin: 1em 1em 1em 2em;
}

* html #section p.normal {
	margin: 1em 1em 1em 4em;
}

#section p.answer {
	margin: 1em 1em 1em 2em;
}

* html #section p.answer {
	margin: 1em 1em 1em 4em;
}

#entry {
	margin: 10px;
}

* html #entry {
	margin: 10px;
}

#mid {
	margin: 10px;
}

#exp {
	margin-top: 30px;
	margin-left: 20px;
	float: left;
	width: 58%;
}

#screenshot {
	margin-top: 30px;
	float: right;
}

.photoframe {
	padding: 10px 10px 10px 10px;
	background-color: #bae98c;
	border-style: solid;
	border-width: 2px;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

#heading {
	margin-top: 15px;
	margin-left: 15px;
}

#heading h1 {
	background-color: #bae98c;
	color: #07a61d;
	margin-top: 25px;
	margin-bottom: -0.25em;
	padding: 10px;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

#pp {
	margin-top: 15px;
	margin-left: 15px;
	font-size: 9pt;
	line-height: 16.8pt;
}

#pp p {
	margin: 25px;
}

#pp h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3C78B5;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 13pt;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

#pp h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3C78B5;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 11pt;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}