@charset "utf-8";


header.read {
    margin-bottom: 36px;
}

header.read:after {
    content: "";
    display: block;
    clear: both;
}

header.read div {
    float: left;
    width: 445px;
    margin-left: 11px;
}

header.read div h1 {
    width: 445px;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: double 3px #333;
    font-size: 24px;
    color: #010101;
}

header.read div p {
    line-height: 1.5;
    font-size: 14px;
}

header.read figure {
    float: left;
    margin-left: 24px;
}

header.read figure ul,
header.read figure ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

header.read figure ul {
    display: -moz-box;
    display: -webkit-box;
}

header.read figure ul li {
    width: 210px;
    margin-right: 24px;
    text-align: right;
}

header.read figure ul li:last-child {
    margin: 0;
}

header.read figure ul li a:link img {
    border: solid 1px #a7bcc8;
}

header.read figure ul li a:hover img {
    border: solid 1px #4bb2f8;
}

header.read figure ul li figcaption {
    padding-left: 16px;
    line-height: 12px;
    font-size: 10px;
    background: url(../image/zoomIcon_off.png) no-repeat left center;
}

header.read figure ul li figcaption:hover {
    background-image: url(../image/zoomIcon_on.png);
}

header.read figure ul li figcaption a:link {
    color: #507991;
}

header.read figure ul li figcaption a:hover {
    color: #007cd0;
}


article > section {
    margin-bottom: 36px;
}

article > section h1 {
    margin: 0 0 11px;
    padding: 0 12px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    background: #dbe6ec
    -moz-linear-gradient(
    1deg,
    rgba(255,255,255,0),
    rgba(255,255,255,1)
    );
    background:
    -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(rgba(255,255,255,0)),
    to(rgba(255,255,255,1))
    ),
    #dbe6ec;
    line-height: 30px;
    font-size: 14px;
    color: #192b2f;
}

article > section > div {
    display: -moz-box;
    display: -webkit-box;
    width: 100%;
}

article > section div section {
    -webkit-box-sizing: border-box;
    position: relative;
}

section.newFeature div section,
section.lisence div section {
    width: 290px;
    margin: 0 11px;
}

article > section div section h2 {
    margin: 0;
    font-size: 12px;
}

section.lisence div section,
section.information div section {
    position: static;
}

section.information div section {
    width: 445px;
}

section.newFeature div section h2 {
    position: absolute;
    top: 150px;
}

section.newFeature div section figure {
    font-size: 12px;
}

section.newFeature div section figure img {
    margin-bottom: 2em;
}

section.newFeature div section figure figcaption {
    line-height: 1.5;
}

section.newFeature ul.forWebsite {
    margin-right: 11px;
}

section.lisence div section {
    margin: 0 11px;
    padding: 0;
}

section.lisence div section hgroup {

}

section.lisence div section hgroup h2 {
    position: static;
    margin: 0;
    padding: 5px 12px;
    background-color: #dbe6ec;
    border-bottom: solid 1px white;
}

section.lisence div section.personalLisence hgroup h2 {
    position: relative;
    top: 0;
    background-color: #dce7da;
}

section.lisence div section.personalLisence hgroup h2 strong {
    display: block;
    -moz-transform: rotate(-14.6deg);
    -webkit-transform: rotate(-14.6deg);
    transform: rotate(-14.6deg);
    position: absolute;
    top: -6px;
    right: -6px;
    width: 4em;
    height: 4em;
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -moz-border-radius: 4em;
    -webkit-border-radius: 4em;
    border-radiut: 4em;
    background: #ffde00;
    line-height: 4;
    text-align: center;
    text-shadow: 1px 2px 1px white;
    font-size: 12px;
    color: #da0f00;
}

section.lisence div section hgroup h3 {
    margin: 0;
    padding: 3px 12px;
    background-color: #e6eef2;
    font-weight: normal;
    font-size: 10px;
}

section.lisence div section.personalLisence hgroup h3 {
    background-color: #e7efe6;
}

section.lisence div section div {
    padding: 12px;
    background: -moz-linear-gradient(
    #f9fbfc,
    #e6eef2
    );
    background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f9fbfc),
    to(#e6eef2)
    );
    background: linear-gradient(
    #f9fbfc,
    #e6eef2
    );
    border-bottom: solid 1px white;
}

section.lisence div section.personalLisence div {
    background: -moz-linear-gradient(
    #f9fbf9,
    #e7efe6
    );
    background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f9fbf9),
    to(#e7efe6)
    );
}

section.lisence div section div p {
    margin: 0 0 1em;
    line-height: 1.5;
    font-size: 12px;
}

section.lisence div section dl,
section.lisence div section dl dt,
section.lisence div section dl dd {
    margin: 0;
    padding: 0;
}

section.lisence div section dl {
    min-height: 2.5em;
    padding: 5px 12px;
    background-color: #e6eef2;
}

section.lisence div section dl dt,
section.lisence div section dl dd {
    display: -moz-inline-box;
    display: -webkit-inline-box;
    display: inline-box;
    line-height: 1.5;
    font-size: 12px;
}

section.lisence div section dl dt:after {
    content: "：";
}

section.lisence div section dl dt span.server:after {
    content: "・";
}

section.lisence div section.personalLisence div ul,
section.lisence div section.personalLisence div ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

section.information div section {
    margin: 0 11px;
    padding: 0;
}

section.information div section:first-child {
    margin-right: 0;
    padding-right: 11px;
    border-right: solid 1px #ddd;
}

section.information div section table {
    width: 100%;
    margin: 10px 0 15px;
    font-size: 12px;
}

section.information div section table tr:nth-child(2n-1) th,
section.information div section table tr:nth-child(2n-1) td {
    background-color: #f3f8fb;
}

section.information div section table th,
section.information div section table td {
    padding: 5px;
    vertical-align: top;
    line-height: 1.5;
}

section.information div section table th {
    width: 9em;
    text-align: left;
    font-weight: normal;
}

section.information div section table td .category {
    margin-right: 0.5em;
    padding: 1px 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    font-size: 10px;
    color: white;
}

section.information div section table td strong {
    background-color: #d00036;
}

section.information div section table td b.sixApart {
    background-color: #aab45a;
}

section.information div section table td b.proNet {
    background-color: #9b9b9b;
}

section.introduction {

}

section.introduction > p,
section.relatedProduct-solution > p {
    margin-left: 11px;
    margin-right: 11px;
    font-size: 12px;
}

section.introduction section,
section.relatedProduct-solution section {
    position: relative;
    min-height: 114px;
    margin: 0 11px 15px;
    padding-left: 157px;
}

section.introduction section {
    background: url(../image/introductionExample-moriBuilding.png) no-repeat left top;
}

section.relatedProduct-solution section {
    padding-right: 310px;
    background: url(../image/introductionExample-moriBuilding.png) no-repeat left top,
                url(../image/camp-vorstellung.png) no-repeat right top;
}

section.introduction section hgroup,
section.relatedProduct-solution section hgroup {
    position: relative;
    width: 445px;
}

section.introduction section hgroup h2,
section.relatedProduct-solution section hgroup h2 {
    -moz-transform: rotate(-14.6deg);
    -webkit-transform: rotate(-14.6deg);
    transform: rotate(-14.6deg);
    position: absolute;
    top: -8px;
    left: -166px;
    width: 4em;
    height: 4em;
    margin: 0;
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -moz-border-radius: 4em;
    -webkit-border-radius: 4em;
    border-radius: 4em;
    background: #da0f00;
    line-height: 4;
    text-align: center;
    text-shadow: 1px 1px 2px black;
    font-size: 12px;
    color: white;
}

section.introduction section hgroup h3,
section.relatedProduct-solution section hgroup h3 {
    margin: 0;
    font-size: 12px;
}

section.introduction section p,
section.relatedProduct-solution section p {
    width: 445px;
    margin: 0.5em 0;
    line-height: 1.5;
    font-size: 12px;
}

section.introduction section aside {
    position: absolute;
    top: 0;
    right: 0;
    width: 266px;
    padding: 12px;
    background-color: #f3f8fb;
}

section.introduction section aside h3 {
    margin: 0;
    font-size: 12px;
}

section.introduction section aside ul,
section.introduction section aside ul li {
    margin: 0;
    padding: 0;
}

section.introduction section aside ul li {
    margin-left: 15px;
    line-height: 1.5;
    font-size: 12px;
    color: #adc5d2;
}

section.introduction ul.more,
section.relatedProduct-solution ul.more {
    margin-right: 11px;
}



aside.otherMovableTypeContents {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
}

aside.otherMovableTypeContents div {
    -webkit-box-sizing:border-box;
    width: 233px;
    padding: 13px;
    background-color: #dbe6ec;
    border-right: solid 1px white;
}

aside.otherMovableTypeContents div:last-child {
    border: 0;
}

aside.otherMovableTypeContents div {

}

aside.otherMovableTypeContents div h3 {
    margin: 0;
    font-size: 12px;
}

aside.otherMovableTypeContents div p {
    font-size: 11px;
}





ul.forWebsite,
ul.forWebsite li,
ul.more,
ul.more li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

ul.forWebsite li,
ul.more li {
    display: -moz-inline-box;
    display: -webkit-inline-box;
    display: inline-box;
    padding: 0 12px 0 20px;
    background: url(../image/mtIcon.png) no-repeat left center,
    url(../image/linkIcon.png) no-repeat right center;
    line-height: 1.5;
    font-size: 12px;
}