@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style [Base Design]                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

html{
}
body{
  text-align: center;
}
#World{
}



/* base font
--------------------------------------------------- */
body{
}


/* set DefaultColor */
body{
  border-top: 5px solid #f13328;
  color: #333;
}

/* set PageWidth */
.PageWidthSetter {
  width: 980px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
#World,
#HeaderDivision,
#ContentsDivision,
#FooterDivision {
  min-width: 980px;
}



/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{
  position: relative;
  z-index: 1000;
}

    /* - - SiteHeaderArea - - */
    #HeaderDivision .SiteHeaderArea {
    }
        #HeaderDivision .SiteHeaderArea .Group{
          background: url(../img/common/decoration/neotan/7681_xs.png) no-repeat 100% 50%;
          padding: 25px 0;
        }
        /* HeaderInfoBlock */
        #HeaderDivision .SiteHeaderArea .HeaderInfoBlock{
        }
            #HeaderDivision .SiteHeaderArea .HeaderInfoBlock .BlockHeader .LogoImageBox{
            }
                #HeaderDivision .SiteHeaderArea .HeaderInfoBlock .BlockHeader .LogoImageBox img{
                  margin-right: 30px;
                }
            #HeaderDivision .SiteHeaderArea .HeaderInfoBlock .BlockContents{
              position: absolute;
              right: 50px;
              top: 13px;
              width: 400px;
            }
                #HeaderDivision .SiteHeaderArea .HeaderInfoBlock .BlockContents .ImageBox{
                  width: 185px;
                  float: right;
                }
                #HeaderDivision .SiteHeaderArea .HeaderInfoBlock .BlockContents .SiteSearchBox{
                  width: 210px;
                  padding: 15px 0 0;
                  float: left;
                }
                
                
                
    /* SiteMenuBlock */
    #HeaderDivision .HeaderMenuArea .SiteMenuBlock{
    }

    /* - - HeaderMenuArea - - */
    #HeaderDivision .HeaderMenuArea {
      border-top: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
    }
        #HeaderDivision .HeaderMenuArea .MenuGroup{
        }
        /* MainMenuBlock */
        #HeaderDivision .HeaderMenuArea .MainMenuBlock{
        }
            #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList{
              list-style: none;
              text-align: center;
            }
                #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li{
                  display: inline-block;
                  font-size: small;
                  margin: 0 5px;
                  float: left;
                  width: 15.5%;
                }
                    #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li *{
                      vertical-align: middle;
                      line-height: 0;
                    }
                    #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li a{
                      display: block;
                      padding: 15px 0 16px;
                      height: 15px;
                      overflow: hidden;
                      text-align: center;
                      border-bottom: 3px solid #e0e0e0;
                      margin-bottom: -2px;
                    }
                    
                    #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li a:hover{
                      border-color: #f13328;
                    }
                    #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li a.Active{
                      border-bottom: 5px solid #f13328;
                      margin-bottom: -3px;
                      padding: 15px 0 15px;
                      
                    }
    /* SiteMenuBlock */
    #HeaderDivision .HeaderMenuArea .SiteMenuBlock{
      position: absolute;
      right: 50px;
      top: -50px;
    }
        #HeaderDivision .HeaderMenuArea .SiteMenuBlock .BlockContents{
        }
            #HeaderDivision .HeaderMenuArea .SiteMenuBlock .BlockContents .MenuList{
              text-align: right;
            }
                #HeaderDivision .HeaderMenuArea .SiteMenuBlock .BlockContents .MenuList li{
                  color: #7cb9ff;
                  font-size: 75%;
                  display: inline-block;
                  border-right: 1px solid #7cb9ff;
                  padding: 0 1em;
                }
                #HeaderDivision .HeaderMenuArea .SiteMenuBlock .BlockContents .MenuList li:first-child{
                  border-left: 1px solid #7cb9ff;
                }
                    #HeaderDivision .HeaderMenuArea .SiteMenuBlock .BlockContents .MenuList li a{
                      background: none;
                      padding: 0;
                    }
    

/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
  padding: 0 0 80px;
}
    /* - - Container - - */
    #ContentsDivision .Container{
    }
        #ContentsDivision .Container .Article{
          min-height: 300px;
        }
            #ContentsDivision .Container .Article .SideBar{
              width: 250px;
              float: left;
            }
            #ContentsDivision .Container .Article .MainBar{
              width: 700px;
              float: right;
            }
            #ContentsDivision .Container .Article .MainBar.NoSideBar{
              width: auto;
              float: none;
            }
                /* MainBar inner layout */
                #ContentsDivision .Container .Article .MainBar .WidgetArea{
                  margin: 0 0 30px;
                }
                #ContentsDivision .Container .Article .MainBar .BaserHeader{
                  margin: 2em 0 1em;
                  font-size: 200%;
                  line-height: 1.25;
                  border-bottom: 1px solid #ccc;
                  padding: 0 0 10px;
                }
                    #ContentsDivision .Container .Article .MainBar .BaserHeader .Heading{
                      font-weight: 400;
                      border-left: 10px solid #f13328;
                      padding-left: 15px;
                    }
                #ContentsDivision .Container .Article .MainBar .BaserContents{
                  padding: 0 30px;
                }
            

/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
  position: relative;
  z-index: 1000;
}
    /* - - FooterMenuArea - - */
    #FooterDivision .FooterMenuArea{
      padding: 0;
      border-top: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
    }
            /* MainMenuBlock */
            #FooterDivision .FooterMenuGroup .MainMenuBlock{
            }
                #FooterDivision .FooterMenuGroup .MainMenuBlock .MenuList{
                  
                }
                    #FooterDivision .FooterMenuGroup .MainMenuBlock .MenuList li{
                      font-size: 87.5%;
                      line-height: 1;
                      width: 16.5%;
                      padding: 20px 0;
                      float: left;
                      text-align: center;
                    }
                        #FooterDivision .FooterMenuGroup .MainMenuBlock .MenuList li a{
                          background: url(../img/common/icon/cursor/right.png) no-repeat 0% 50%;
                          padding: 0 0 0 15px;
                        }
    /* - - AuthorArea - - */
    #FooterDivision .AuthorArea{
      padding: 50px 0;
    }
        #FooterDivision .AuthorArea .AuthorGroup{
          position: relative;
        }
            /* GoPageTopButtonBox */
            #FooterDivision .AuthorArea .AuthorGroup .GoPageTopButtonBox{
              position: absolute;
              right: 0px;
              top: 10px;
            }
                #FooterDivision .AuthorArea .AuthorGroup .GoPageTopButtonBox p{
                }
                    #FooterDivision .AuthorArea .AuthorGroup .GoPageTopButtonBox p .Image{
                      position: relative;
                    }
                    
            /* AuthorBlock */
            #FooterDivision .AuthorGroup .AuthorBlock{
            
            }
                #FooterDivision .AuthorGroup .AuthorBlock .BlockHeader{
                  margin: 0;
                  width: 315px;
                  float: left;
                }
                    #FooterDivision .AuthorGroup .AuthorBlock .BlockHeader .LogoImageBox{
                      text-align: center;
                    }
                        #FooterDivision .AuthorGroup .AuthorBlock .BlockHeader .LogoImageBox img{
                          margin-bottom: 10px;
                        }
                        #FooterDivision .AuthorGroup .AuthorBlock .BlockHeader .LogoImageBox span:last-child img{
                          margin-bottom: 0px;
                        }
                #FooterDivision .AuthorGroup .AuthorBlock .BlockContents{
                  margin: 0 0 0 330px;
                  padding-top: 0.5em;
                }
                    #FooterDivision .AuthorGroup .AuthorBlock .BlockContents .AuthorInfoBox{
                    }
                        #FooterDivision .AuthorGroup .AuthorBlock .BlockContents .AuthorInfoBox .Heading{
                          font-weight: bold;
                          font-size: 87.5%;
                          line-height: 1.25;
                          margin-bottom: 0.5em;
                        }
                        #FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox .DefaultText{
                          font-size: 75%;
                          line-height: 1.5;
                        }
                            #FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox .DefaultText a{
                              /* color: #fff; */
                            }
                    #FooterDivision .AuthorGroup .AuthorBlock .BlockContents .ButtonBox{
                      
                    }
                        #FooterDivision .AuthorGroup .AuthorBlock .BlockContents .ButtonBox p{
                          text-align: left;
                        }
                            #FooterDivision .AuthorGroup .AuthorBlock .BlockContents .ButtonBox p .TextButton{
                            }
                                #FooterDivision .AuthorGroup .AuthorBlock .BlockContents .ButtonBox p .TextButton a{
                                  box-shadow: none;
                                }
    /* - - CopyrightArea - - */
    #FooterDivision .CopyrightArea{
      background: #f13328;
      padding: 1em 0;
    }
        /* SiteMenuBlock */
        #FooterDivision .CopyrightArea .SiteMenuBlock{
          float: left;
        }
            #FooterDivision .CopyrightArea SiteMenuBlock .BlockContents{
            }
                #FooterDivision .CopyrightArea .SiteMenuBlock .BlockContents .MenuList{
                  text-align: center;
                }
                    #FooterDivision .CopyrightArea .SiteMenuBlock .BlockContents .MenuList li{
                      color: #fff;
                      font-size: 75%;
                      display: inline-block;
                      border-right: 1px solid #fff;
                      padding: 0 1em;
                    }
                    #FooterDivision .CopyrightArea .SiteMenuBlock .BlockContents .MenuList li:first-child{
                      border-left: 1px solid #fff;
                    }
                        #FooterDivision .CopyrightArea .SiteMenuBlock .BlockContents .MenuList li a{
                          color: #fff;
                          background: none;
                          padding: 0;
                        }

        /* CopyrightBlock */
        #FooterDivision .CopyrightArea .CopyrightBlock{
          float: right;
        }
            #FooterDivision .CopyrightArea .CopyrightBlock .BlockContents{
            }
                #FooterDivision .CopyrightArea .CopyrightBlock .BlockContents .CopyrightText{
                  color: #fff;
                  font-family: "Arial";
                  font-size: 75%;
                  text-align: center;
                  letter-spacing: 0.1em;
                }





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Post Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.PostEmptyMessageBox{
  text-align: center;
  padding: 100px 0;
  margin: 15px auto;
  border-radius: 15px;
  border: 1px solid #e0e0e0;
}
    .PostEmptyMessageBox p{
      text-align: center;
      color: #777;
      font-size: 87.5%;
    }

/* PostListBlock
--------------------------------------------------- */
.PostListBlock{
  position: relative;
}
    .PostListBlock .BlockContents{
    
    }
        /* - - PostList - - */
        .PostListBlock .BlockContents .PostList{
          margin-top: -1em;
          list-style: none;
        }
            .PostListBlock .BlockContents .PostList li{
              padding: 1em 0;
              border-top: 1px dotted #e0e0e0;
            }
            .PostListBlock .BlockContents .PostList li:first-child{
              border-top: none;
            }
            .PostListBlock .BlockContents .PostList li.new{
              background: url(../img/common/icon/new.png) no-repeat 100% 50%;
            }
                /* ImageItem */
                .PostListBlock .BlockContents .PostList li .ImageItem{
                  width: 100px;
                  float: left;
                }
                .PostListBlock .BlockContents .PostList li .ImageItem .ImageBox{
                }
                .PostListBlock .BlockContents .PostList li .ImageItem .ImageBox p{
                  line-height: 1;
                  margin: 0;
                }
                    .PostListBlock .BlockContents .PostList li .ImageItem .ImageBox .Image{
                      width: 100px;
                      height: 100px;
                      overflow: hidden;
                      border-radius: 50px;
                      display: block;
                    }
                    .PostListBlock .BlockContents .PostList li .ImageItem .ImageBox .Image.empty{
                      background: #ddd url(../img/common/photo/noimage.png) no-repeat 50% 50%;
                    }
                        .PostListBlock .BlockContents .PostList li .ImageItem .ImageBox .Image img{
                          border-radius: 50px;
                          height: 100px;
                        }
                        .PostListBlock .BlockContents .PostList li .ImageItem .ImageBox .Image img.Portrait{
                          width: 100px;
                        }
                /* TextItem */
                .PostListBlock .BlockContents .PostList li .TextItem{
                  margin-left: 125px;
                  padding-top: 20px;
                }
                    .PostListBlock .BlockContents .PostList li .TextItem .ListHeader{
                      float: left;
                      width: 60px;
                    }
                        .PostListBlock .BlockContents .PostList li .TextItem .ListHeader *{
                          vertical-align: middle;
                          line-height: 1;
                        }
                        .PostListBlock .BlockContents .PostList li .TextItem .ListHeader .Date{
                          color: #f13328;
                          font-size: 75%;
                          line-height: 1;
                          white-space: nowrap;
                        }
                    .PostListBlock .BlockContents .PostList li .TextItem .ListContents{
                      margin-left: 70px;
                    }
                        .PostListBlock .BlockContents .PostList li .TextItem .ListContents .Category{
                          margin: 0 0 0.5em;
                          font-size: 75%;
                          line-height: 1;
                        }
                            .PostListBlock .BlockContents .PostList li .TextItem .ListContents .Category a{
                              color: #f13328;
                            }
                        .PostListBlock .BlockContents .PostList li .TextItem .ListContents .PostTitle{
                          font-size: 100%;
                          line-height: 1.25;
                          margin: 0;
                          font-weight: bolder;
                        }
                            .PostListBlock .BlockContents .PostList li .TextItem .ListContents .PostTitle a{
                              padding-left: 10px;
                              background: url(../img/common/icon/cursor/right_xs.png) no-repeat 0 50%;
                            }
                            .PostListBlock .BlockContents .PostList li .TextItem .ListContents .PostTitle a:hover{
                            }
                        .PostListBlock .BlockContents .PostList li .TextItem .ListContents .DefaultText{
                          margin: 10px 0 0;
                          font-size: 87.5%;
                        }
    .PostListBlock .BlockFooter{
      position: absolute;
      top: 15px;  right: 0px;
    }
    .PostArchiveBlock .BlockFooter{
      position: static;
      margin: 30px auto;
      top: 0px;  right: 0px;
    }
        .PostListBlock .BlockFooter .ButtonBox{
        }
            .PostListBlock .BlockFooter .ButtonBox p{
            }
                .PostListBlock .BlockFooter .ButtonBox p .TextButton{
                }


/* PostDetailBlock
--------------------------------------------------- */
.PostDetailBlock{
  position: relative;
}
    /* - - Header - - */
    .PostDetailBlock .BlockHeader{
      margin: 3em 0 0.5em;
      line-height: 1.25;
      padding: 0;
      padding-left: 15px;
      border-left: 10px solid #f13328;
    }
        .PostDetailBlock .BlockHeader .PostTitle{
          font-size: 200%;
          font-weight: 400;
          line-height: 1.25;
          vertical-align: top;
        }
        .PostDetailBlock .BlockHeader .PostInfo{
          font-size: 87.5%;
          padding: 10px 0 0;
          margin: 0;
        }
    /* - - Contents - - */
    .PostDetailBlock .BlockContents{
      margin: 10px 0 50px;
      padding: 20px 0 0;
      border-top: 1px solid #ccc;
    }
        /* post main */
        .PostDetailBlock .BlockContents .post{
          margin: 0;
          padding: 0;
        }
        .PostDetailBlock .BlockContents .post .post-body,
        .PostDetailBlock .BlockContents .post #post-detail{
          margin: 0;
          padding: 0;
          line-height: 1.75;
        }
            .PostDetailBlock .BlockContents .post img[align=right]{
              margin: 0 0 15px 20px;
            }
            .PostDetailBlock .BlockContents .post img[align=left]{
              margin: 0 20px 15px 0;
            }
    /* - - Footer - - */
    .PostDetailBlock .BlockFooter{
      margin-top: 50px;
      position: relative;
    }
        .PostDetailBlock .BlockFooter #contentsNavi{
          font-size: 75%;
        }
            .PostDetailBlock .BlockFooter #contentsNavi .prev-link{
              position: absolute;
              left: 80px;
              bottom: 50%;
              background: url(../img/common/icon/cursor/left_l.png) no-repeat 50% 50%;
            }
            .PostDetailBlock .BlockFooter #contentsNavi .next-link{
              position: absolute;
              right: 80px;
              bottom: 50%;
              background: url(../img/common/icon/cursor/right_l.png) no-repeat 50% 50%;
            }
            .PostDetailBlock .BlockFooter #contentsNavi .prev-link,
            .PostDetailBlock .BlockFooter #contentsNavi .next-link{
              background-color: #f0f0f0;
              padding: 0;
              display: block;
              height: 40px;
              width: 40px;
              margin-bottom: -20px;
              border-radius: 20px;
              text-align: center;
              font-size: 10px;
              border: 1px solid #f0f0f0;
            }

            .PostDetailBlock .BlockFooter #contentsNavi .prev-link:hover,
            .PostDetailBlock .BlockFooter #contentsNavi .next-link:hover{
              border: 1px solid #f13328;
              text-decoration: none;
            }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                 colorbox custom                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

#cboxOverlay{
  background: #fff!important;
}
#cboxClose {
    border: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  other elements                                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* pagination
--------------------------------------------------- */
.pagination{
  padding: 20px 30px;
  text-align: center;
  border-top: 3px solid #333;
}
        .pagination .number,
        .pagination .prev,
        .pagination .next,
        .pagination .disabled{
          display: inline-block;
          margin: 2px;
          background: #eee;
          border-radius: 5px;
          font-size: 12px;
          line-height: 1;
          vertical-align: middle;
        }
        .pagination .current{
          color: #fff;
          background: #555;
          padding: 6px 0;
          width: 24px;
          font-family: Arial;
          border: 2px solid #555;
        }
            .pagination .number a,
            .pagination .number a:hover{
              font-family: Arial;
              display: inline-block;
              text-align: center;
              vertical-align: middle;
              line-height: 1;
              padding: 6px 0;
              width: 24px;
              border: 2px solid #eee;
              border-radius: 5px;
            }
            .pagination .number a:hover{
              border-color: #f13328;
              text-decoration: none;
            }
            .pagination .prev a,
            .pagination .prev a:hover,
            .pagination .disabled{
              font-family: Arial;
              display: inline-block;
              text-align: center;
              vertical-align: middle;
              line-height: 1;
              padding: 6px 10px;
              border: 2px solid #eee;
              border-radius: 5px;
            }
            .pagination .disabled{
              color: #aaa;
            }
            .pagination .prev a:hover{
              border-color: #f13328;
              text-decoration: none;
            }
            .pagination .next a,
            .pagination .next a:hover{
              font-family: Arial;
              display: inline-block;
              text-align: center;
              vertical-align: middle;
              line-height: 1;
              padding: 6px 10px;
              border: 2px solid #eee;
              border-radius: 5px;
            }
            .pagination .next a:hover{
              border-color: #f13328;
              text-decoration: none;
            }