@keyframes skud {
 from { background-position: 0px; }
 to   { background-position: 2048px; }
}
@-webkit-keyframes skud {
 from { background-position: 0px; }
 to   { background-position: 2048px; }
}

.spot {
 position: relative;
}
.pngx {
 width: 100px;
 height: 100px;
}
.spot_left {
 position: absolute;
 left:     -150px;
 top:      0px;
 width:    100px;
 height:   100px;
}
.spot_left img {
 width: 100px;
 height: 100px;
}
.spot_rght {
 position: absolute;
 left:     600px;
 top:      -200px;
 width:    100px;
 height:   100px;
}
.spot_rght img {
 width: 100px;
 height: 100px;
}
.spot_00 { background: url(/blog/img/spot_00.png); }
.spot_01 { background: url(/blog/img/spot_01.png); }
.spot_02 { background: url(/blog/img/spot_02.png); }
.spot_03 { background: url(/blog/img/spot_03.png); }
.spot_04 { background: url(/blog/img/spot_04.png); }
.spot_05 { background: url(/blog/img/spot_05.png); }
.spot_06 { background: url(/blog/img/spot_06.png); }
.spot_07 { background: url(/blog/img/spot_07.png); }
.spot_08 { background: url(/blog/img/spot_08.png); }
.spot_09 { background: url(/blog/img/spot_09.png); }
.spot_10 { background: url(/blog/img/spot_10.png); }
.spot_11 { background: url(/blog/img/spot_11.png); }
.spot_12 { background: url(/blog/img/spot_12.png); }

body {
 font-family: helvetica,sans-serif;
 background-color:  #1DB7E4;
 margin:      0px 0px 0px 0px;
 padding:     0px 0px 0px 0px;
 background:  url(/blog/img/back.gif);
 position:    relative;
 animation: skud 600s infinite linear;
 -webkit-animation: skud 600s infinite linear;
 transform: translateZ(0);
}
a {
 text-decoration: none;
 color:           #444;
 font-weight:     bold;
}
a:hover {
 text-decoration: underline;
}
.fullbody {
 width: 600px;
 margin-left: auto;
 margin-right: auto;
}
.mast .work {
 background: url(/blog/img/head_back.png);
 height:     207px;
 width:   550px;
 display: block;
}
.mast {
 text-align: center;
 margin:     32px 0px 32px 50px;
}
.mast .text {
 color: #fff;
 font-size: 16px;
 padding:   16px 32px 16px 32px;
}
.mast .text a {
 color: #fff;
}

.item {
 font-size:   12pt;
 line-height: 20pt;
 text-align:  justify;
}
.item p {
 margin: 0px 0px 0px 0px;
}
.item .work p {
 margin: 16px 0px 16px 0px;
}
.item .time {
 font-size:  12pt;
 text-align: center;
 float:      left;
 line-height: 16px;
}
.item .time a {
 text-decoration: none;
 font-weight: bold;
 color: #fff;
}
.item .time a .day {
 font-weight: normal;
}
.item .time .day {
 font-size: 28px;
 font-weight: normal;
 line-height: 26px;
 display: block;
}
.item .time .year {
 font-size: 14px;
 line-height: 14px;
 display: block;
}

.item a {
 font-weight: normal;
}

.item .head {
 margin: 0px 0px 0px 50px;
}
.item .head .blog {
 font-family: helvetica,sans-serif;
 font-size:   32pt;
 line-height: 38pt;
 font-weight: normal;
 text-align:  left;
 background:  url(/blog/img/item_head_back.png);
 padding:     48px 32px 8px 32px;
 margin:      0px 0px 0px 0px;
 width: 486px;
 height: 100%;
 display: block;
}
.item .head a .blog {
 cursor: pointer;
 color:           #000;
 text-decoration: none;
}
.item .head .twit {
 background: url(/blog/img/item_head_back_twit.png);
 height: 50px;
 width: 550px;
 display: block;
}
.item .head .flck {
 background: url(/blog/img/item_head_back_flck.png);
 display: block;
}

.item .body {
 margin: 0px 0px 0px 50px;
}
.item .body .work {
 background-color: #fff;
 padding:          1px 32px 1px 32px;
}
.item .body .work a {
 text-decoration: underline;
}

.item .foot {
 height:           50px;
 margin:           0px 0px 48px 0px;
 background-image: url();
}
.item .foot .altr {
 width: 550px;
 height: 20px;
 margin:     0px 0px 0px 50px;
 padding-bottom: 16px;
 text-align: right;
 background-color: #fff;
 font-size: 11px;
 font-variant: small-caps;
}
.item .foot .altr a {
 margin: 0px 32px 0px 0px;
}
.item .foot .work {
 width: 550px;
 height: 50px;
 height:     32px;
 margin:     0px 0px 0px 50px;
 background: url(/blog/img/item_foot_back.png) repeat-x top;
}

.botm {
 margin:     0px 0px 0px 0px;
 width:      100%;
 background: url(/blog/img/botm_back.gif) bottom;
}
.botm .work {
 position: relative;
 margin: 0px auto 0px auto;
 width: 550px;
 padding: 32px 0px 0px 50px;
}
.botm .work .text {
 border: 2px solid #448844;
 padding: 16px 24px 16px 24px;
 background-color: #CCFFCC;
 width:  498px;
 color: #000;
 font-size: 12px;
 text-align: justify;
}
.botm .work .icon {
 margin-top: 8px;
 width: 550px;
}
.botm .work .icon .item {
 float: left;
 margin: auto;
 text-align: center;
 width: 137px;
}
.botm .work .icon a {
 font-size: 12px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
}
.botm .work .icon a img {
 border: none;
 position: relative;
 top: 1px;
 margin-right: 4px;
}
.botm .work .colo {
 clear: both;
 margin:     8px 0px 0px 0px;
 padding:    0px 0px 8px 0px;
 color:      #fff;
 font-size:  11px;
 text-align: center;
}
.botm .work .colo a {
 color: #fff;
}
.greg {
 position: absolute;
 left:     -200px;
 top:      -150px;
 width:    200px;
 height:   350px;
 background: url(/blog/img/botm_greg.png);
}
.navi {
 position: relative;
 margin: 150px 0px 0px 100px;
}
.navi .sign  {
 position: absolute;
 top: -160px;
 left: 550px;
 background: url(/blog/img/sign.png);
 height: 350px;
 width: 220px;
 text-align: center;
 font-size: 16pt;
 color: #fff;
 font-weight: bold;
}
.navi .sign .prev {
 margin: 46px 0px 0px 16px;

}
.navi .sign .next {
 margin: 71px 0px 0px 8px;
}
.navi .sign .arch {
 margin: 70px 0px 0px 0px;
}
.navi .sign a {
 color: #fff;
}