body {
    background: url("../img/bg.jpg");
}
#header-wrap {
    height:82px;
}
#header-wrap #header #logo a span#siteTitle {
    background: url("../img/logo.jpg");
    width:542px;
    height:49px;
    margin-top:10px;
}

.content {
    width:100%;
    overflow:hidden;
}
.eyecatch-wrapper-wrapper {
    padding-top:10px;
    padding-bottom:10px;
    margin-top:20px;
    margin-bottom:30px;
    height:490px;
    width:100%;
    background: url("../img/bg_eyecatch.jpg");
}
.eyecatch-wrapper {
    height:490px;
    width:960px;
    margin-left:auto;
    margin-right:auto;
}
.eyecatch {
    height:490px;
    width:100%;
}
.eyecatch-counter-wrapper {
    width:360px;
    height:240px;
    padding-top:120px;
    margin-top:-400px;
    margin-right:0px;
    background: url("../img/circle_l.png");
    background-repeat: none;
    color:white;
    text-align:center;
    position:relative;
    z-index:10;
    float:right;
}
.prev-eyecatch-counter {
    font-size:24px;
    line-height:30px;
}
.eyecatch-counter {
    font-size:64px;
    line-height:70px;
    letter-spacing:0.3em;
    margin-left:20px;
}
.next-eyecatch-counter {
    font-size:18px;
}
.eyecatch-share {
    width:230px;
    height:34px;
    border-radius:5px;
    background:white;
    margin-left:auto;
    margin-right:auto;
    margin-top:22px;
    text-align:left;
}
#anniv-twitter-button {
  float:left;
  width:107px;
  margin:7px 0 0 8px;
}
#anniv-facebook-button {
  float:left;
  width:112px;
  margin:7px 0 0 3px;
}
.content-wrapper {
    width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
}
.content-header {
    height:200px;
    width:960px;
    margin-left:auto;
    margin-right:auto;
}
.content-header-left {
    height:120px;
    width:264px;
    display:block;
    float:left;
}
.content-header-left-maru {
    width:120px;
    height:120px;
    background: url("../img/circle_s.png");
    background-repeat: none;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.content-header-left-maru span {
    color:white;
    font-size:22px;
}
.content-header-left-moji {
    width:144px;
    height:120px;
    display:table-cell;
}
.content-header-left-moji span {
    display:block;
    width:133px;
    height:63px;
    margin-top:25px;
    padding-top:10px;
    margin-left:10px;
    border-right:1px solid rgb(102,102,102);
    font-size:13px;
    color:rgb(51,51,51);
}
.content-header-right {
    width:676px;
    height:200px;
    padding-left:20px;
    display:block;
    float:left;
}
.content-header-right-title {
    width:100%;
    height:55px;
    padding-top:45px;
}
.content-header-right-title span {
    font-size:36px;
    color:rgb(51,51,51);
}
.content-header-right-description {
    width:100%;
    height:100px;
}
.content-header-right-description span {
    margin-right:20px;
    margin-top:20px;
    font-size:11px;
    line-height:15px;
    color:rgb(51,51,51);
    display:block;
}


.content-main {
    width:100%;
    margin-top:30px;
    position:relative;
}
.more-project {
    margin-top:10px;
    width:211px;
    height:30px;
    float:right;
}
.statics-wrapper {
    height:682px;
}
.statics-wrapper .content-main {
    height:426px;
    width:100%;
    padding-top:26px;
    border-radius:5px;
    border:4px solid rgb(49,133,191);
}
.statics-wrapper .postit-group {
    margin-left:26px;
    width:670px;
    height:400px;
    float:left;
}
.statics-wrapper .postit-wrapper {
    width:302px;
    height:100px;
    margin-bottom:6px;
    margin-right:33px;
    float:left;
}
.statics-wrapper .postit-header {
    width:302px;
    height:44px;
    background: url("../img/bg_postit.jpg");
    background-repeat: none;
}
.statics-wrapper .postit-header span {
    display:block;
    margin-left:10px;
    padding-top:4px;
    font-size:23px;
    line-height:23px;
    color:white;
}
.statics-wrapper .postit-value-wrapper{
    width:302px;
    height:150px;
    float:left;
}
.statics-wrapper .postit-value {
    width:242px;
    height:150px;
    text-align:right;
    padding-right:20px;
    float:left;
}
.statics-wrapper .postit-value span {
    font-size:42px;
    color:rgb(51,51,51);
}
.statics-wrapper .postit-unit {
    width:40px;
    height:150px;
    float:left;
}
.statics-wrapper .postit-unit span {
    font-size:18px;
    color:rgb(51,51,51);
    display:block;
    line-height:18px;
}
.statics-wrapper .more-detail {
    width:211px;
    height:30px;
    float:left;
}
.statics-wrapper .right-hand {
    width:920px;
    height:530px;
    background: url("../img/pente.png");
    background-repeat: none;
    position:absolute;
    top: -60px;
    right: -650px;
}
.projects-wrapper {
    height:890px;
    width:100%;
}
.projects-wrapper .content-main-wrapper {
    height:660px;
    width:100%;
    background: url("../img/bg_eyecatch.jpg");
}
.projects-wrapper .content-main {
    height:660px;
    width:960px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
.projects-wrapper .project-group {
    margin-left:264px;
    width:696px;
    height:620px;
}
.projects-wrapper .project {
    width:212px;
    height:290px;
    display:block;
    float:left;
    margin-left:20px;
    margin-top:20px;
}
.projects-wrapper .project-image-wrapper {
    position: relative;
    width:212px;
    height:172px;
    background: url("../img/bg_projectImage.png");
    background-repeat: none;
}
.projects-wrapper .project-image-wrapper:hover {
    position: relative;
    width:212px;
    height:172px;
    background: url("../img/bg_projectImage.png");
    background-repeat: none;
    margin-top: -2px;
    padding-bottom: 2px;
}
.projects-wrapper .project-image {
    margin-top:8px;
    margin-left:11px;
    width:190px;
    height:142px;
}
.projects-wrapper .project-title {
    font-size:17px;
}
.projects-wrapper .project-description {
    font-size:11px;
    line-height:15px;
}
.projects-wrapper .project a {
    color:white;
}
.projects-wrapper .project a:hover {
    color:#BBB;
}
.projects-wrapper .more-project {
    margin-top:-50px;
    margin-left:0px;
    float:left;
}
.projects-wrapper .left-hand {
    width:672px;
    height:502px;
    position:absolute;
    top:-20px;
    right:700px;
    background: url("../img/hidarite.png");
    background-repeat: none;
}
.media-wrapper {
    height:1300px;
}
.media-wrapper .content-main {
    height:1070px;
}
.media-wrapper .media-image-group {
    width:100%;
    height:700px;
}
.media-wrapper .media-image-wrapper {
    width:320px;
    float:left;
}
.media-wrapper .media-image {
    margin-top:-40px;
}
.media-wrapper .media-image.paper{
    height:402px;
    width:300px;
    margin-left:10px;
    margin-right:10px;
}
.media-wrapper .media-image.magazine {
    width:320px;
    height:252px;
}
.media-wrapper .media-image-tape {
    width:190px;
    height:67px;
    background: url("../img/tape.png");
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:10;
}
.media-wrapper .media-history-group {
    width:100%;
    height:304px;
    margin-top:35px;
    border-radius:8px;
    border:4px solid rgb(49,133,191);
    padding-top:10px;
    padding-bottom:10px;
}
.media-wrapper .media-history {
    width:289px;
    height:304px;
    padding-left:20px;
    padding-right:10px;
    font-size:13px;
    line-height:19px;
    float:left;
}
.media-wrapper .media-history a {
    color:rgb(51,51,51);
}
.media-wrapper .media-history.with-right-border {
    border-right:1px solid rgb(51,51,51);
}
.photo-wrapper {
    height:870px;
    width:100%;
}
.photo-wrapper .content-main-wrapper {
    height:640px;
    width:100%;
    background: url("../img/bg_eyecatch.jpg");
}
.photo-wrapper .content-main {
    height:640px;
    width:960px;
    margin-left:auto;
    margin-right:auto;
}
.photo-wrapper .gallery-image-group {
    width:100%;
    height:600px;
}
.photo-wrapper .gallery-image-wrapper:hover {
    width:218px;
    height:177px;
    background: url("../img/bg_galleryImage.png");
    background-repeat: none;
    float:left;
    margin-top:21px;
    padding-bottom:2px;
}
.photo-wrapper .gallery-image-wrapper {
    width:218px;
    height:177px;
    background: url("../img/bg_galleryImage.png");
    background-repeat: none;
    float:left;
    margin-top:23px;
}
.photo-wrapper .gallery-image-wrapper.with-margin-right {
    margin-right:29px;
}
.photo-wrapper .gallery-image {
    width:196px;
    height:146px;
    margin-top:9px;
    margin-left:11px;
}
.photo-wrapper .more-project {
    margin-top:-50px;
    margin-left:0;
}

.to2012-wrapper {
    height:534px;
}
.to2012-wrapper .content-main {
    height:304px;
}
.to2012-wrapper .large-image-wrapper {
    width:325px;
    height:304px;
    background: url("../img/bg_to2012Image_l.png");
    background-repeat: none;
    float:left;
}
.to2012-wrapper .large-image {
    width:293px;
    height:251px;
    margin-top:14px;
    margin-left:16px;
}
.to2012-wrapper .small-image-group {
    width:635px;
    height:304px;
    float:left;
}
.to2012-wrapper .small-image-wrapper {
    width:143px;
    height:134px;
    background: url("../img/bg_to2012Image_s.png");
    background-repeat: none;
    margin-left:15px;
    float:left;
    margin-bottom:18px;
}
.to2012-wrapper .small-image {
    width:129px;
    height:111px;
    margin-top:6px;
    margin-left:7px;
}
.plusyou-wrapper {
    height:600px;
}
.plusyou-wrapper .content-main {
    height:370px;
    position:relative;
}
.plusyou-wrapper .plus-image-group {
    width:100%;
    height:163px;
    margin-bottom:40px;
}
.plusyou-wrapper .plus-image-wrapper {
    width:174px;
    height:163px;
    background: url("../img/bg_plusyouImage.png");
    background-repeat: none;
    float:left;
    margin-right:20px;
}
.plusyou-wrapper .plus-image {
    width:157px;
    height:135px;
    margin-left:8px;
    margin-top:7px;
}
.plusyou-wrapper .plus-you-wrapper {
    width:169px;
    height:152px;
    padding-top:11px;
    padding-right:15px;
    float:left;
}
.plusyou-wrapper .plus-you {
    width:140px;
    height:145px;
    padding-right:5px;
    background: url("../img/circle_pink.png");
    background-repeat: none;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.plusyou-wrapper .plus-you span {
    font-size:25px;
    color:white;
    display:block;
}
.plusyou-wrapper div#start-proj div.shadow-left {
    background: url("../img/shadow2.png");
    background-repeat: none;
}
.plusyou-wrapper div#start-proj div.shadow-right {
    background: url("../img/shadow_r2.png");
    background-repeat: none;
}
.plusyou-wrapper .right-hand {
    position:absolute;
    width:500px;
    height:240px;
    top:-140px;
    right:-400px;
    background: url("../img/migite.png");
    background-repeat: none;
}