h3 {
    font-weight: bold;
    font-size: 130%;
    padding: 20px 0 20px;
}
h4 {
    font-weight: bold;
    font-size: 110%;
    padding: 20px 0 20px;
}
h4.obi {
    width:100%;
    background-color:#efefef;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    line-height: 42px;
    padding: 0;
    margin: 25px 0;
    letter-spacing: 15px;
}
h4.prdTitle {
    text-align: center;
}

a.url {
	background: url(../../img/relation_icon.gif) left center no-repeat;
	padding-left: 20px;
}

p.pb10 {
   padding-bottom: 10px !important;
}
p.note {
    text-indent: -15px;
    padding-left: 15px;
}

div.img {
    margin: 0 auto 20px;
    text-align: center;
}
div#softIntroduction {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 30px 0 30px;
    padding: 30px 0 30px;
}
div.item {
    margin-bottom: 20px;
    text-align: center;
}

table.prdInfo {
    width: 630px;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto 10px;
    border-collapse: collapse;
}
table.prdInfo th,td {
    text-align: left;
    padding: 5px 8px 5px;
    vertical-align: middle;
    line-height: 1.4;
    border: solid 1px #bbb;
}
table.prdInfo th {
    width: 180px;
    background: #efefef;
    font-weight: bold;
}
table.prdInfo td {
    width: 450px;
}
.list_notes li{
  list-style-type: disc;
  margin-left: 20px;
}

img#photo1 {
    margin-bottom: 40px;
}
img#screenshot {
    width: 550px;
    margin: 30px auto 10px;
}
img#pkg1 {
    width: 300px;
}
img#pkg2 {
    width: 219px;
}

br.sp {
    display: none;
}