@charset utf-8;

/* lessframework.css */
/*  Less Framework 3
  by Joni Korpi
  http://lessframework.com  */


/*  Resets
  ------  */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*  Typography presets
  ------------------  */

.gigantic {
  font-size: 110px;
  line-height: 120px;
  letter-spacing: -2px;
}

.huge,
h1 {
  font-size: 96px;
  line-height: 72px;
  letter-spacing: -1px;
}

.large,
h2,
#content h1 {
  font-size: 42px;
  line-height: 48px;
}

.big,
h3,
#content h2 {
  font-size: 20px;
  line-height: 36px;
}

.normal,
body,
#content h3 {
  font: 14px/20px Helvetica Neue, Helvetica, Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
  text-shadow: 1px 1px 1px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

.small {
  font-size: 12px;
  line-height: 18px;
}

abbr,
acronym{
  border-bottom: 1px dotted;
  cursor: help;
  font-variant: small-caps;
}
address,
cite,
em,
i{
  font-style: italic;
}
a {
  -webkit-transition: color .3s linear;
  -o-transition: color .3s linear;
  -moz-transition: color .3s linear;
  text-decoration: none;
  outline: none;
}
a:active,
a:focus {
  text-decoration: underline;
}

/*  Default 8-column layout
  60 px columns, 24 px gutters, 60 px margins, 768 px total
  ---------------------------------------------------------
  1     2      3      4      5      6      7      8     
  60px  144px  228px  312px  396px  480px  564px  648px  */

#if-logged-in {
  position: relative;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background: #000;
  color: #aaa;
  font-size: 10px;
  z-index: 1000;
}
  #if-logged-in .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  #if-logged-in p {
    margin: 0;
  }
  #if-logged-in a:link,
  #if-logged-in a:visited {
    color: #fff;
    text-decoration: none;
  }
  #if-logged-in a:hover {
    text-decoration: underline;
  }
  #if-logged-in a:active {
    text-decoration: underline;
    margin-bottom: -1px;
  }


.container {
  padding: 0 60px;
  width: 890px;
  margin: 0 auto;
  overflow: hidden;
}
  #header-image {
    padding: 0;
    overflow: hidden;
  }
    /* HEADER IMAGE
      full size - 1068x300
      8 column layout resized to 890x250 displayed at 648x250
      5 column layout resized to 534x150 displayed at 396x150
      3 column layout resized to 365x100 displayed at 228x100
     */
    #header-image img {
      width:890px;
      height: 250px;
      margin-left: -121px;
      padding: 0;
    }
  #content {
    width: 730px; /* 5 columns */
    float: left;
    margin: 0;
    padding: 3px;
    overflow: hidden;
  }
  #sidebar {
    width: 135px; /* 3 columns */
    float: right;
    margin: 0;
    padding: 3px;
    overflow: hidden;
  }

::selection {
  background: #c6d8cd;
}
::-moz-selection {
  background: #c6d8cd;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}




/*  13-column layout
  60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
  ---------------------------------------------------------------------------------------
  1     2      3      4      5      6      7      8      9      10     11     12     13
  60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px  */

@media only screen and (min-width: 1212px) {
  
  .container {
    padding: 0 72px;
    width: 1000px;
  }
    #header-image img {
      width: 1000px;
      height: 300px;
      margin-left: 0;
    }
    #content {
      width: 720px; /* 8 columns */
    }
    #sidebar {
      width: 200px; /* 5 columns */
    }
  
}


/*  5-column layout
  60 px columns, 24 px gutters, 42 px margins, 480 px total
  ---------------------------------------------------------
  1     2      3      4      5
  60px  144px  228px  312px  396px  */

@media only screen and (max-width: 767px) and (min-width: 480px) {
  
  .container {
    padding: 0 42px;
    width: 396px;
    -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
  }
    #header .container {
      padding-top: 40px;
      padding-bottom: 12px;
    }
      #title {
        height: 60px !important;
      }
        #tagline {
          line-height: 20px !important;
        }
      #header-image {
        height: 150px !important;
        padding: 0;
      }
        #header-image img {
          width: 534px;
          height: 150px;
          margin-left: -69px;
        }
    #content {
      width: 376px; /* 5 columns */
      float: none;
      padding: 10px;
    }
    #sidebar {
      width: 376px; /* 5 columns */
      float: none;
      padding: 10px;
    }
  
  .gigantic {
    font-size: 68px;
    line-height: 72px;
    letter-spacing: -2px;
  }
  
  .huge,
  h1 {
    font-size: 42px;
    line-height: 48px;
    letter-spacing: -1px;
  }
  
  .large,
  h2 {
    font-size: 26px;
    line-height: 36px;
  }
  
  .big,
  h3,
  #post-single h2 {
    font-size: 16px;
    line-height: 25px;
  }
  
  .normal,
  body,
  #post-single h3 {
    font-size: 13px;
    line-height: 18px;
  }
  
  .small {
    font-size: 11px;
    line-height: 16px;
  }
  
}


/*  3-column layout
  60 px columns, 24 px gutters, 46 px margins, 320 px total
  ---------------------------------------------------------
  1     2      3
  60px  144px  228px  */

@media only screen and (max-width: 479px) {

  #if-logged-in {
    height: 40px;
    line-height: 20px;
  }
    #if-logged-in .right {
      float: left;
      clear: left;
    }
  
  .container {
    padding: 0 46px;
    width: 228px;
    -webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
  }
    #title {
      height: 60px !important;
    }
      #tagline {
        line-height: 20px !important;
      }
    #header-image img {
      width: 365px;
      height: 100px;
      margin-left: -68px;
    }
    #content {
      padding: 10px;
      width: 208px; /* 3 columns */
      float: none;
    }
    #sidebar {
      padding: 10px;
      width: 208px; /* 3 columns */
      float: none;
    }
  
  .gigantic {
    font-size: 68px;
    line-height: 72px;
    letter-spacing: -2px;
  }
  
  .huge,
  h1 {
    font-size: 42px;
    line-height: 48px;
    letter-spacing: -1px;
  }
  
  .large,
  h2 {
    font-size: 26px;
    line-height: 36px;
  }
  
  .big,
  h3,
  #post-single h2 {
    font-size: 16px;
    line-height: 25px;
  }
  
  .normal,
  body,
  #post-single h3 {
    font-size: 11px;
    line-height: 16px;
  }
  
  .small {
    font-size: 11px;
    line-height: 16px;
  }
  
}

/*  Retina media query.
  Overrides styles for devices with a 
  device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  
  body {
  
  }
  
}








/* theme.css */
@charset utf-8;

/*
  general styles
 */

.serif,
cite,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-family: palatino,platino linotype,georgia,times,times new roman,serif;*/
    font-family: Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,sans-serif;
  font-weight: normal;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  margin: 24px 12px 12px;
}

.monospace,
var,
code {
  font-family: courier new, courier, monospace;
}

.amp {
  font-style: italic;
  font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif;
  font-weight: normal;
}

a:link {
  color: #075b01;
}
a:visited {
  color: #054a01;
}
a:hover,a:active {
  color: #0fd003;
}

.post-content ul,
.post-content ol {
  padding-left: 24px;
}

input,
textarea { 
  border: 1px #aaa solid;
  padding: 5px;
  outline: none;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
  border: 1px #444 solid;
}
input:focus,
textarea:focus {
  box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
  -webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
}
textarea {
  min-height: 150px;
  width: 100%;
}

blockquote {
  border-top: 1px #ccc dotted;
  border-bottom: 1px #ccc dotted;
  text-align: justify;
  margin: 20px;
  padding: 12px;
}
  blockquote:first-letter {
    font-size: 24px;
    padding-right: 1px;
  }
  blockquote:first-line {
    font-size: 20px;
}


/*
  layout styles
 */

#if-logged-in .container {
  background: #000;
  margin-top: -24px;
}

body {
  background: #000;
  color: #111;
  padding: 24px 0;
}

.container {
  background: #fff;
}
  #header .container {
    padding-top: 80px;
    padding-bottom: 40px;
  }
    #title {
      position: relative;
    }
      #logo,
      #tagline {
        bottom: 0;
      }
      #logo {
        left: 0;
        font-size: 64px;
        line-height: 64px;
        letter-spacing: 0;
      }
      #tagline {
        font-size: 16px;
        right: 0;
        line-height: 24px;
      }
      #header-image.container {
        padding: 0;
      }
  #nav-primary {
    clear: both;
    width: 100%;
    padding: 0 10px;
  }
    #nav-primary ul,
    #nav-primary li {
      list-style: none;
    }
      #nav-primary a {
        float: left;
        display: block;
        padding: 0 10px;
      }
  #widget-header {
    clear: both;
  }
  
  #content {
    border-top: 1px #ccc solid;
  }
    #widget-alert {
      background: #C6D8CD;
      border: 1px #5b816a solid;
      padding: 24px;
      margin-bottom: 24px;
    }
    .post-single {
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px #dedede solid;
    }
  #sidebar {
    border-top: 1px #ccc solid;
  }
    #sidebar .widget-area {
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px #dedede solid;
    }
      #siebar ul,
      #sidebar li {
        padding: 0;
        margin: 0;
        list-style: none;
      }
        #sidebar .children {
          padding-left: 10px;
        }
          #sidebar .children .children {
            padding-left: 10px;
          }
  #footer .container {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #a9a9a9;
    background: rgba(225,225,225,.75);
    border-top: 1px #696969 solid;
  }
    #footer-content {
      padding: 20px;
    }
      #footer ul,
      #footer li {
        display: inline;
        list-style: none;
      }
        #footer li a {
          padding: 0 10px;
        }



/*  13-column layout
  60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
  ---------------------------------------------------------------------------------------
  1     2      3      4      5      6      7      8      9      10     11     12     13
  60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px  */

@media only screen and (min-width: 1212px) {
  
  .container {
    
  }
    #content {
      
    }
    #sidebar {
      
    }
  
}


/*  5-column layout
  60 px columns, 24 px gutters, 42 px margins, 480 px total
  ---------------------------------------------------------
  1     2      3      4      5
  60px  144px  228px  312px  396px  */

@media only screen and (max-width: 767px) and (min-width: 480px) {
  
  .container {
    
  }
    #logo,
    #tagline {
      position: relative;
      line-height: 30px;
    }
    #logo {
      font-size: 42px;
    }
    
    #content {
      float: none;
    }
    #sidebar {
      float: none;
      background: #eee;
      margin-left: -42px;
      margin-right: -42px;
      padding-left: 52px;
      padding-right: 52px;
      width: 376px;
      border-bottom: 1px #ccc solid;
    }
    #footer .container {
      padding-top: 0;
    }
      #footer-content {
        border: 0;
        padding: 10px;
      }
  
}


/*  3-column layout
  60 px columns, 24 px gutters, 46 px margins, 320 px total
  ---------------------------------------------------------
  1     2      3
  60px  144px  228px  */

@media only screen and (max-width: 479px) {

  #if-logged-in {
    height: 40px;
    line-height: 20px;
  }
    #if-logged-in .right {
      float: left;
      clear: left;
    }
  
  .container {
    
  }
    #logo,
    #tagline {
      position: relative;
      line-height: 24px;
    }
    #logo {
      font-size: 42px;
    }
    #tagline {
      font-size: 16px;
    }
    
    #content {
      float: none;
    }
    #sidebar {
      float: none;
      background: #eee;
      margin-left: -42px;
      margin-right: -42px;
      padding-left: 52px;
      padding-right: 52px;
      width: 212px;
      border-bottom: 1px #ccc solid;
    }
    #footer .container {
      padding-top: 0;
    }
      #footer-content {
        border: 0;
        padding: 10px;
      }
  
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */










/* style.css */
/*
Theme Name: Whiteboard
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: Whiteboard Framework has been helping Wordpress developers cut back on their development time and improve their Wordpress powered websites since 2008.
Version: 3.2.1

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body {
  
}

#main {

}

header {
  
}
  nav {
    
  }
  nav.primary {
    
  }
  nav.footer {
    
  }
  #widget-header {
    
  }
  #widget-alert {
    
  }

#content {
  
}
  article {
    
  }
    .featured-thumbnail {
      
    }
    .post-content {
            padding-top: 10px;
            padding-bottom: 10px;
    }
      .pagination {
        
      }
  .post-meta {
    
  }
  .post-navigation {
    
  }

#comments {
  
}
  li.comment {
    
  }
    .odd {
      
    }
    .even {
      
    }
    .author-comment {
      
    }
    .comment-text {
      
    }
    .comment-meta {
      
    }
      p.gravatar {
        
      }
    .waiting-for-approval {
      
    }
  #trackbacks {
    
  }
    li.trackback {
      
    }
  p#no-comments {
    
  }
  #comments-form {
    
  }
    #respond {
      
    }
    .cancel-comment-reply {
      
    }

.page {
  
}
  #page-content {
    
  }
  #page-meta {
    
  }

.post {
  
}
  .postContent {
    
  }
  .post-excerpt {
    
  }

nav.oldernewer {
  
}
  .older {
    
  }
  .newer {
    
  }

.search {
  
}

.author {
  
}
#recent-author-posts {
  
}
#recent-author-comments {
  
}

#error404 {
  
}

#sidebar {
  
}
  #widget-sidebar {
    
  }
    #sidebar-search {
      
    }
    #sidebar-nav {
      
    }
    #sidebar-archives {
      
    }
    #sidebar-meta {
      
    }
    .widget {
      
    }

#footer {
  
}
  #widget-footer {
    
  }
  #footer-nav {
    
  }
  
.no-results {
  
}

.widget-area {
  
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
  display: none;
}
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.aligncenter {
  text-align: center;
}
.alignleft {
  text-align: left;
}
.alignright {
  text-align: right;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */


/*  Tag Cloud
  ---------  */

.tagcloud-link {
    padding: 5px;
}

.tagcloud a[title] {
 font-size:130%;
 font-weight:bold;
}

.tagcloud a[title="15件"],
.tagcloud a[title="14件"],
.tagcloud a[title="13件"],
.tagcloud a[title="12件"],
.tagcloud a[title="11件"] {
 font-size:120%;
}

.tagcloud a[title="10件"],
.tagcloud a[title="9件"],
.tagcloud a[title="8件"],
.tagcloud a[title="7件"],
.tagcloud a[title="6件"] {
 font-size:110%;
}

.tagcloud a[title="5件"],
.tagcloud a[title="4件"],
.tagcloud a[title="3件"],
.tagcloud a[title="2件"],
.tagcloud a[title="1件"] {
 font-size:100%;
 font-weight:normal;
}

.entry-state {
 margin-top: 10px;
 border-top: 1px #DEDEDE dotted;
 padding: 10px;
}

.trackback_main {
 margin-top: 5px;
 border-top: 1px #DEDEDE dotted;
 padding: 10px;
}

.comment_main {
 margin-top: 5px;
 border-top: 1px #DEDEDE dotted;
 padding: 10px;
}

.commentfield {
 margin-top: 5px;
 border-top: 1px #DEDEDE dotted;
 padding: 10px;
}

.comment-body {
 margin-top: 5px;
 border-top: 1px #DEDEDE dotted;
 padding: 10px;
}

.trackback-state ul, 
.trackback-state li {
 list-style: none;
 float: left;
 padding-left: 10px;
}

.comment-state ul, 
.comment-state li {
 list-style: none;
 float: left;
 padding-left: 10px;
}

.navi {
 text-align: center;
 margin: 0 auto;
 font-size: 16px;
 font-weight: bold;
}

.navi ul, 
.navi li {
 list-style: none;
 float: left;
 padding-left: 10px;
}