* { margin:0;padding: 0;-webkit-transition:all linear .2s; }
body {
    font: 14px / 28px "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN";
    background: #3eb370;
    width: 100%;
}
a {
    text-decoration: none;
    color: #359a60;
}
a:hover {
    text-decoration: underline;
}
h1 {
    margin: 8px 0;
}
h1 a {
    color: #333;
    font-size: 40px;
    line-height: 40px;
}
h2 a, h2 {
    color: #333;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
}
h2 a:hover {
    background: rgba(0,0,0,.1);
}
li {
  list-style-type: none;
}
.btn {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 4px;
    font: bold 12px "Helvetica Neue";
    text-shadow: 0 1px 0 #fff;
    color: #333;
    background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
}
#TopBlock, #MenuBlock, #ContentBlock {
    width: 960px;
    margin: 0 auto;
}
#TopBlock p {
    color: #fff;
    font-size: 12px;
}
#NavBlock {
    background: #333;
}
#NavBlock ul {
    overflow: auto;
}
#NavBlock li {
  float: left;
}
#NavBlock li a {
    color: #fff;
  	height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 14px;
    display: block;
}
#NavBlock li a:hover {
    background: #3eb370;
}

#MainBlock {
    background: #fffefe;
} 
#ContentBlock {
  overflow: auto;
}
#EntryBlock {
  width: 640px;
  float: left;
  box-sizing: border-box;
}
.EntryText img {
    max-width: 100%;
    height: auto;
}
.EntryText p {
    margin: 8px 0;
}
.EntryInnerBlock {
    padding: 16px 0;
}
#Social {
    margin-top: 8px;
}
.EntryFooter {
    text-align: right;
}
.EntryFooter a {
    color: #333;
    font-size: 12px;
}
.EntryFooter a:hover {
    background: #333;
    color: #fff;
}
.posted {
    font-size: 12px;
    color: #888;
}
.PageLinkBlock {
    text-align: center;
    margin: -4px 0 8px 0;
}
.PageLinkBlock ul, #PageLinkBlock {
    overflow: hidden;
}
.PageLinkBlock li {
    float: left;
}
.PageLinkBlock a {
    border: 1px solid #bbb;
    font-size: 14px;
    height: 32px;
    display: block;
    width: 300px;
    text-overflow: ellipsis;
  	white-space: nowrap;
    box-sizing: border-box;
    line-height: 32px;
    color: #333;
    background: #fff;
}
#PageTop {
    background: #fff no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAG1JREFUeNrtyyEOwDAUw9D++196GmmAgTMwTZoaFPC8PtvMU49CPAv3fTF7rc9an7U+a31e6WdQiEdh3ot4HvW45lmYZ2GehXkW5lmoZ0EvBbwW8FrAe6Ge0D2l+9DSx95r9MY/DdbeCU7wYnAB0fQFP+hddHkAAAAASUVORK5CYII=);
	background-size: 20px 20px;
    width: 32px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 4px;
}
#PageTop:hover {
    background: #fff no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAG1JREFUeNrtyyEOwDAUw9D++196GmmAgTMwTZoaFPC8PtvMU49CPAv3fTF7rc9an7U+a31e6WdQiEdh3ot4HvW45lmYZ2GehXkW5lmoZ0EvBbwW8FrAe6Ge0D2l+9DSx95r9MY/DdbeCU7wYnAB0fQFP+hddHkAAAAASUVORK5CYII=);
}
.PageLink10 {
    overflow: hidden;
}
.PageLink10 li {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #666;
    border-radius: 2px;
    margin-right: 4px;
}
.PageLink10 li a {
    display: block;
    color: #333;
}
.PageLink10 li a:hover {
    background: #333;
    color: #fff;
}
.PluginBlock {
  width: 320px;
  float: left;
}
.PluginInnerBlock {
    padding: 12px;
}
.PluginTitle {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 4px;
}
#FooterBlock {
     text-align: center;
}
#SearchBox, #SearchBtn {
    height: 26px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #666;
    padding: 0 8px;
    font-size: 14px;
    line-height: 24px;
}
#SearchBtn {
    border-radius: 2px;
    box-shadow: 0 -5px 5px rgba(0,0,0,.05) inset;
    background: transparent;
    cursor: pointer;
}
#SearchBtn:hover {
    box-shadow: 0 5px 5px rgba(0,0,0,.1) inset;
}
.app {
    overflow: auto;
    background: rgba(0,0,0,.02);
    padding: 8px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
}
.app img {
    margin-right: 8px;
}
.appicon, .appdes {
    float: left;
}
.download {
    background: #333;
    color: #fff;
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid #000;
}
.EntryPsText  {
    padding: 4px 12px;
    border-radius: 2px;
    color: #333;
    border: 1px solid #ccc;
}
.EntryPsText:hover {
	background: #333;
    border: 1px dotted #000;
    color: #fff;
}
#PageBlock {
    padding: 12px;
    background: #fff;
}
#PageBlock .description {
    font-size: 14px;
    color: #888;
    line-height: 20px;
}
#AppMatome {
    border-collapse:collapse;
}
#AppMatome th, #AppMatome td {
    text-align: center;
    border: 1px solid #bbb;
    box-sizing: border-box;
}
#AppMatome td:nth-child(3) a {
    background: #333;
    color: #fff;
    font-size: 14px;
    padding: 4px 16px;
    border-radius: 4px;
    border: 1px solid #555;
    box-shadow: 0 1px 0 #444 inset;
}
#AppMatome th:first-child {
    width: 88px;
}
#AppMatome th:nth-child(2) {
    width: 400px;
}
#AppMatome th:nth-child(3) {
    width: 100px;
}
#AppMatome th:nth-child(4) {
    width: 120px;
}
#AppMatome th:nth-child(5) {
    width: 120px;
}
.LinkText {
    display: block;
    background: rgba(0,0,0,.02);
    border: 1px solid rgba(0,0,0,.2);
    padding: 4px 8px;
    border-radius: 2px;
}
#MenuTab, #MenuTrigger {
    display: none;
}
#MenuTab {
    height: 40px;
    font: 18px / 40px "Helvetica Neue";
    color: #fff;
    padding-left: 4px;
    text-shadow: 0 -1px 0 #000;
}

/* iPhone */

@media screen and (max-width: 320px) {
    h1 a {
        font-size: 30px;
        line-height: 30px;
    }
    #MainBlock {
        width: 100%;
    }
    #TopBlock, #EntryBlock,#ContentBlock, #PluginBlock {
        width: 100%;
        float: none;
    }
    #EntryBlock {
        padding: 0 8px;
    }
    #NavBlock ul {
        height: 0;
    }
    #NavBlock li {
        float: none;
    }
    #MenuBlock, .EntryText img, #MenuBlock {
        width: 100%;
    }
    #MenuTrigger:checked ~ #MenuBlock  {
        height: auto;
    }
    #MenuTab {
        display: block;
    }
    .app img {
        width: 80px;
    }
    #AppMatome td:nth-child(4), #AppMatome th:nth-child(4) {
        display: none;
    }
}