body {
  margin: 0 2px;
  font: small Verdana, Arial, Helvetica, sans-serif;
}
h1, h2 {
  font-size: large;
}
h3, h4 {
  margin-top: 30px;
  font-size: medium;
}
h3 {
  padding: 3px;
  border-bottom: 1px solid #e5e5e5;
  border-left: 3px solid #cccccc;
}
h3.simple {
  padding: 0;
  border: none;
  font-size: 12px;
}
h4 {
  border-left: 7px solid #cccccc;
  padding-left: 5px;
}
h5 {
    font-size: small;
}
p {
  text-indent: 0;
}
em {
  font-style: normal;
  font-weight: bold;
}
pre {
  font-size: small;
}
table, th, td {
  border: 2px solid #cccccc;
}
table {
  border-collapse: collapse;
}
th, td {
  padding: 3px;
  color: #000000;
  font-size: small;
}
th {
  background-color: #e5e5e5;
}
table.partner {
    width: 95%;
    margin-left: 30px;
}
table.partner td{
    padding: 10px;
}
table.partner th{
    width: 260px;
    height: 80px;
    padding: 10px;
    background-color: #ffffff;
}
table.partner2 {
    width: 95%;
    margin-left: 30px;
}
table.partner2 th{
    width: 260px;
    height: 80px;
    text-align: center;
    background-color: #ffffff;
}
table.partner2 td{
    padding: 10px;
}
table.partner td.notice, table.partner2 td.notice {
    background-color: #dddddd;
} 
p.name {
    font-weight: bold;
    text-align: right;
}
img {
  border-style: none;
}
img.slide {
  border: 1px solid #cccccc;
}
p.picture {
	margin:15px;
}
ul.square {
  list-style: url(image/misc/news-dot.gif);
}
ul.square ul.square {
  margin-bottom: 1em;
  list-style: square;
}
ul.square table {
  margin-top: 1em;
}
ul.cube {
  list-style-image: url(image/marker/cube.gif);
}
ul.sphere {
  list-style-image: url(image/marker/plus.gif);
}
ul.nomarked {
  list-style: none;
}
.hidden {
  display: none;
}
p.bordered, pre.bordered {
  padding: 3px;
  border: 2px dotted #cccccc;
}
.nobordered {
  border-style: none;
}

.attention {
  color: red;
}
.price {
  text-align: right;
}
table.nobordered tr, table.nobordered th, table.nobordered td {
  border-style: none;
}
.catchphrase {
  padding: 19px 22px 19px;
  position: relative;
  top: -19px;
  left: -22px;
  width: 100%;
}

.productname {
  font-weight: bold;
}
.smallproductname {
  font-weight: bold;
  font-size: small;
}
.productversion {
  font-weight: bold;
}
.small-font {
  font-size: small;
}

h4.ask {
  color: #0033CC;
  font-size: 15px;
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
}
p.ask {
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 15px;
}
b.ask {
    margin-left: 10px;
}
div.ask {
    margin: 10px 20px;
    vertical-align: middle;
}
dl.flat {
    margin: 20px;
}
dl.flat dt {
    float: left;
    width: 250px;
    clear: both;
}
dl.flat dd {
    margin-left: 250px;
    margin-bottom: 15px;
}
dl.footnote {
    font-size: 10px;
}
dl.footnote dt, dl.footnote dd {
    line-height: 12px;
}
dl.footnote dt {
    float: left;
}

#price {
  text-align: right;
}
#attention {
  font-size: x-small;
}
#menu {
  margin-top: -2px;
  //margin-top: 0;
}
#content {
  //margin-top: -1px;
  padding: 19px 22px;
  border-top: 5px solid #cccccc;
}
#footer {
}

/********************************************************************
 * PowerGres on Windows                                             *
 ********************************************************************/

.win, .win a {
  color: #000066;
}
font#win {
  color: #000066;
}
p#win-text {
  margin: 0px 0px 0px 2em;
}
h3#win {
  border-bottom-color: #ccccff;
  border-left-color: #666699;
  color: #000000;
}
h4#win {
  margin-left: 2em;
  margin-top: 2px;
  margin-bottom: 2px;
  font-weight: bold;
  color: #000066;
}
table.win, table.win th, table.win td {
  border-color: #666699;
}
table.win th {
  background-color: #ccccff;
}
  
/********************************************************************
 * PowerGres on Linux                                               *
 ********************************************************************/

.linux, .linux a, em.linux {
  color: #dd6b00;
}
font#linux {
  color: #dd6b00;
}
h3#linux {
  border-bottom-color: #ff9933;
  border-left-color: #ffcc66;
  color: #000000;
}
table#linux, table#linux th, table#linux td {
  border-color: #ff9933;
}
table#linux th {
  background-color: #ffcc66;
}
a:link#linux {
  color: #dd6b00;
}
a:visited#linux {
  color: #cc6600;
}
.bordered#linux, .bordered.linux {
  border-color: #cc6600;
  color: #000000;
}
ul.cube#linux {
  color: black;
  list-style-image: url(image/marker/linux-cube.gif);
}
table.bordered.linux, table.bordered.linux th, table.bordered.linux td {
  border-color: #ff9933;
}
table.bordered.linux th {
  background-color: #ffcc66;
}

/********************************************************************
 * PowerGres Plus                                                   *
 ********************************************************************/

.plus, .plus a {
  color: #628dc9;
}
font#plus {
  color: #628dc9;
}
h1#plus {
  color: #628dc9;
}
h3#plus {
  border-bottom-color: #628dc9;
  border-left-color: #628dc9;
  color: #000000;
}
a:link#plus {
  color: #628dc9;
}
a:visited#plus {
  color: #5188c9;
}
ul.cube#plus {
  color: black;
  list-style-image: url(image/marker/plus-cube.gif);
}
table.bordered.plus, table.bordered.plus th, table.bordered.plus td {
  border-color: rgb(153,204,255);
}
table.bordered.plus th {
  background-color: #ccffff;
}

/********************************************************************
 * PowerGres HA                                                     *
 ********************************************************************/

#ha {
  color: #000066;
}
.ha {
  color: #000066;
}
font#ha {
  color: #000066;
}
h3#ha {
  border-bottom-color: #ccccff;
  border-left-color: #666699;
  color: #000000;
}
table#ha, table#ha th, table#ha td {
  border-color: #666699;
}
table#ha th {
  background-color: #ccccff;
}
a:link#ha {
  color: #000066;
}
a:visited#ha {
  color: #666699;
}
.bordered#ha {
  border-color: #666699;
  color: #000000;
}
.square#ha {
    margin-right: 30px;
    margin-left: 30px;
    border: 3px solid #666699;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
/********************************************************************
 * PowerGres Cluster                                                *
 ********************************************************************/

#cluster {
  color: #006633;
}
.cluster {
  color: #006633;
}
font#cluster {
  color: #006633;
}
h3#cluster {
  border-bottom-color: #ccff99;
  border-left-color: #66cc33;
  color: #000000;
}
table#cluster, table#cluster th, table#cluster td {
  border-color: #66cc33;
}
table#cluster th {
  background-color: #ccff99;
}
a:link#cluster {
  color: #006633;
}
a:visited#cluster {
  color: #009900;
}
.bordered#cluster {
  border-color: #66cc33;
  color: #000000;
}

/********************************************************************
 * PowerGres Application Server                                     *
 ********************************************************************/

#appserver {
  color: #3f505a;
}
.appserver {
  color: #3f505a;
}
font#appserver {
  color: #3f505a;
}
h3#appserver {
  border-bottom-color: #d6dfe0;
  border-left-color: #358394;
  color: #000000;
}
table#appserver, table#appserver th, table#appserver td {
  border-color: #358394;
}
table#appserver th {
  background-color: #d6dfe0;
}
a:link#appserver {
  color: #3f505a;
}
a:visited#appserver {
  color: #358394;
}
.bordered#appserver {
  border-color: #358394;
  color: #000000;
}
.catchphrase#appserver {
  background-color: #b1cdd1;
}
ul.cube#appserver {
  color: black;
  list-style-image: url(image/marker/appserver-cube.gif);
}

/********************************************************************
 * PowerGres on Windows HA                                          *
 ********************************************************************/

#winha {
  color: #000066;
}
.winha {
  color: #000066;
}
font#winha {
  color: #000066;
}
h3#winha {
  border-bottom-color: #ccccff;
  border-left-color: #666699;
  color: #000000;
}
table#winha, table#winha th, table#winha td {
  border-color: #666699;
}
table#winha th {
  background-color: #ccccff;
}
a:link#winha {
  color: #000066;
}
a:visited#winha {
  color: #666699;
}
.bordered#winha {
  border-color: #666699;
  color: #000000;
}

/********************************************************************
 * Zend Core for PowerGres on Windows                               *
 ********************************************************************/

.zendcore {
  color: rgb(10, 0, 67);
}

table.zendcore, table.zendcore th, table.zendcore td {
  border-color: rgb(10, 0, 67);
}
table.zendcore th {
  background-color: rgb(198, 190, 214);
}

/********************************************************************
 * PowerGres + security                                             *
 ********************************************************************/

.security {
  color: rgb(148, 37, 42);
}

table.security, table.security th, table.security td {
  border-color: rgb(223, 6, 21);
}
table.security th {
  background-color: rgb(246, 196, 171);
}

/********************************************************************
 * what's new                                                       *
 ********************************************************************/

dl.news dt {
  padding: 11px 0 0;
}
dl.news.padded dt {
  padding: 11px 50px 0;
}
dl.news dt .date {
  font-size: x-small;
}
dl.news dd {
  margin: 0;
  padding: 0 0 14px;
  background: url(image/misc/line1.gif) no-repeat bottom;
}
dl.news.padded dd {
  padding: 0 50px 14px;
}
dl.news dd p {
  margin: 0;
  text-indent: 1em;
}

/********************************************************************
 * PowerGres Plus 体験記                                            *
 ********************************************************************/

body.experience {
  color: 1px solid rgb(36,31,32);
}
body.experience h1 {
  font-size: medium;
}
body.experience h2 {
  padding: 4px;
  border-left: 8px solid rgb(152,181,213);
  color: rgb(65,113,167);
  background: rgb(236,239,245);
  font-size: small;
}
body.experience h3 {
  padding: 4px 2px;
  border: none;
  border-bottom: 1px solid rgb(65,113,167);
  font-size: small;
}
body.experience h4 {
  padding: 0 12px;
  border: none;
  background: url(image/marker/plus.gif) no-repeat left;
  font-size: small;
}
body.experience h5 {
  color: rgb(65,113,167);
  font-size: small;
}
body.experience em {
  font-style: normal;
  font-weight: bold;
}
body.experience p {
  text-indent: 0;
}
body.experience p.bordered, body.experience pre {
  padding: 4px;
  border: 2px dotted rgb(152,181,213);
  overflow: auto;
}
body.experience ul {
  list-style: square;
}
body.experience ul.noindented {
  margin: 0;
  padding: 0;
  padding-left: 1em;
}
body.experience ul.contents li {
  display: inline;
}
body.experience ul.navigation {
  margin: 0;
  padding: 4px;
  float: right;
}
body.experience ul.navigation li {
  display: inline;
  color: white;
  font-weight: bold;
}
body.experience ul.navigation li a {
  color: rgb(65,113,167);
  text-decoration: none;
}
body.experience dt {
  font-weight: bold;
}
body.experience table, body.experience th, body.experience td {
  border: none;
}
body.experience caption {
  margin-bottom: 4px;
  white-space: nowrap;
}
body.experience th {
  background: transparent;
}
body.experience th p, body.experience td p {
  margin: 0;
}
body.experience table.bordered {
  border: 1px solid rgb(36,31,32);
  border-collapse: collapse;
}
body.experience table.bordered th, body.experience table.bordered td {
  padding: 4px;
  border: 1px solid rgb(36,31,32);
}
body.experience table.bordered th {
  background: rgb(230,236,247);
}
body.experience li table {
  margin: 4px;
}
body.experience .indented {
  margin-left: 40px;
}
body.experience .figure {
  text-align: center;
}
body.experience .nowrapped {
  white-space: nowrap;
}

/********************************************************************/

#example {
  color: #000066;
}
h3#example {
  border-bottom-color: #ccccff;
  border-left-color: #666699;
  color: #000000;
}
li#example {
  list-style-image: url(image/example/list_style.gif)
}
a:link#example {
  color: #000066;
}
a:visited#example {
  color: #666699;
}

#purchase {
  color: #000066;
}
h3#purchase {
  border-bottom-color: #ccccff;
  border-left-color: #666699;
  color: #000000;
}
h3#purchase2 {
  margin: 2em;
  border-bottom-color: #ccccff;
  border-left-color: #666699;
  color: #000000;
  font-size: smaller;
}
p#purchase2 {
  margin: 1em 0px 1em 4em;
  font-size: smaller;
}
a:link#purchase {
  color: #000066;
}
a:visited#purchase {
  color: #666699;
}
table#purchase {
  border: none;
}
table#purchase, table#purchase th, table#purchase td {
  border: none;
}

form table, form th, form td {
  border: none;
}
form table {
  border-collapse: separate;
}

ul.menu li {
  display: inline;
}

dl.faq {
  margin: 0 40px;
}
dl.faq dt {
  padding-bottom: 20px;
  padding-left: 40px;
  background: url("image/marker/question.gif") no-repeat;
  font-weight: bold;
}
dl.faq dd {
  margin-left: 0;
  padding-bottom: 20px;
  padding-left: 40px;
  background: url("image/marker/answer.gif") no-repeat;
}
dl.faq dd p {
  margin-top: 0;
}
dl.faq dd dt, dl.faq dd dd {
  padding-left: 0;
  background: none;
}
dl.faq dd dd {
  margin-left: 40px;
}
dl.faq dd ul {
  list-style: square;
}
img.email {
  vertical-align: text-bottom;
}
div.campaign {
    border: 4px solid #499EF4;
    background-color: #E3F6FF;
    padding: 10px;
    margin: 10px 10px;
}
.bold {
    font-weight: bold;
    font-size: 110%;
}
div.indent {
    margin-left: 30px;
}

#right-container {
	float: right;
	margin-left: 5px;
}
#right-container p.square {
	padding: 5px;
	font-size: smaller;
	color: #000000;
	text-align: center;
	border-width: 10px 1px;
	border-style: solid;
}
#right-container p.linux {
	border-color: #ff9933;
}
#right-container p.win {
	border-color: #666699;
}
#right-container p.plus {
	border-color: rgb(153,204,255);
}
ul.photos {
  margin: 0;
  padding: 0 0 8px 8px;
  float: right;
}
ul.photos li {
  display: inline;
}
ul.photos a {
  margin-right: 8px;
  float: left;
  display: block;
  width: 128px;
  height: 193px;
  text-indent: -9999px;
}
ul.photos a:focus {
  outline: none;
}
ul.photos li.win a {
  background-image: url("./image/product/powergres-v90/photo-win.png");
}
ul.photos li.win a:hover {
  background-image: url("./image/product/powergres-v90/photo-win-hover.png");
}
ul.photos li.linux a {
  background-image: url("./image/product/powergres-v90/photo-linux.png");
}
ul.photos li.linux a:hover {
  background-image: url("./image/product/powergres-v90/photo-linux-hover.png");
}
ul.photos li.ha a {
  background-image: url("./image/product/powergres-v90/photo-linux-ha.png");
}
ul.photos li.ha a:hover {
  background-image: url("./image/product/powergres-v90/photo-linux-ha-hover.png");
}

/*
 * styles for PowerGres experience note
 */
body.powergres-experience {
	text-align: center;
}
body.powergres-experience #content {
	min-height: 589px;
	background-image: url("image/tech/powergres/experience/background.jpg");
	background-repeat: repeat-x;
	background-position: top;
}
body.powergres-experience #content-inner {
	margin: 0 auto;
	width: 785px;
	text-align: left;
}
body.powergres-experience #footer {
	background-color: white;
}
body.powergres-experience h1 {
	font-size: 120%;
}
body.powergres-experience h2 {
	padding: 4px 8px;
	background-image: url("image/tech/powergres/experience/h2_background.gif");
	font-size: 120%;
}
body.powergres-experience h3 {
	padding: 4px 8px;
	border: none;
	background-image: url("image/tech/powergres/experience/h3_background.gif");
	font-size: 100%;
}
body.powergres-experience h4 {
	padding: 0;
	border: none;
	font-size: 100%;
}
body.powergres-experience .figure,
body.powergres-experience .table {
	margin-bottom: 1em;
	text-align: center;
}
body.powergres-experience .table table {
	margin: 0 auto;
	text-align: left;
}
body.powergres-experience .table td.nowrap {
	white-space: nowrap;
}
body.powergres-experience td {
	background-color: white;
}
body.powergres-experience td.target {
	white-space: nowrap;
}
body.powergres-experience .mono {
	font-family:monospace;
}
body.powergres-experience .pre pre {
	margin: 0 40px;
	padding: 3px;
	border: solid 2px silver;
	background-color: white;
	overflow: auto;
}
body.powergres-experience .jump-to-top {
	font-size: smaller;
	text-align: right;
}
body.powergres-experience .lexemes {
	margin-left: 40px;
	border-left: 2px solid silver;
}
body.powergres-experience .lexemes span {
	padding: 2px 4px;
	border: 2px solid silver;
	border-left: none;
	display: inline-block;
}
body.powergres-experience .info {
	margin: 0 40px;
	padding: 8px;
	border: 2px solid rgb(149, 182, 180);
	background-color: white;
}
body.powergres-experience em.new {
	color: red;
}
table.powergres-experience-banner {
	margin: 8px 0;
	border: none;
	width: 800px;
}
table.powergres-experience-banner td {
	border: none;
	vertical-align: middle;
}
table.powergres-experience-banner ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
table.powergres-experience-banner em.new {
	color: red;
}