@charset "UTF-8";
/* Reset ------------------------------------------------------------------ */
/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css by beausmith.com
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration: none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}

hr.thick {
    border: 0;
    height: 8px;
    background-color: #CCC;
    color: #CCC;
    margin: 24px 0;
}
a img,:link img,:visited img {
    border: none;
}
address {
    font-style: normal;
    display: inline;
}

/* base */

a {color: #000;}
a:hover {background-color: #C0C0C0;}

body {
   background-color: #EEE;
   background-image: url(/image/bg_stripe_horizontal.png);
   font-family: georgia, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", serif;
}

div#container {
   background-color: #FFF;
   width: 900px;
   padding: 60px 40px;
   margin: 0 auto;
}

.float_left { float: left; }
.float_right { float: right; }

.clear_floating_box { zoom: 100%; }
.clear_floating_box:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/* header */
div#header-content {
   font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
div#header-content #header-name {
   width: 125px;
   height: 75px;
   display: block;
   float: left;
}
div#header-content #header-description {
   height: 15px;
   display: block;
   padding-top: 60px;
   padding-left: 10px;
   font-size: 11px;
   float: left;
}
div#header-content #header-description span.bigger {
   font-size: 12px;
   margin: 0 3px;
}
div#header-content ul#header_menu {
   float: right;
}

div#header-content ul#header_menu li {
   float: left;
   font-weight: bold;
   font-size: 12px;
   height: 15px;
   padding-top: 60px;
   padding-left: 36px;
}

div#header div#header_divider {
   width: 900px;
   height: 18px;
   background-image: url(/image/bg_stripe_vertical.png);
   margin-top: 3px;
}

/* footer */
div#footer {
   margin-top: 48px;
   font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

div#footer div#footer_divider {
   width: 900px;
   height: 18px;
   background-image: url(/image/bg_stripe_vertical.png);
   margin-top: 30px;
   margin-bottom: 3px;
}

div#footer-content p.footer_left {
   font-size: .7em;
   float: left;
}

div#footer-content p.footer_right {
   font-size: .7em;
   text-align: right;
}

/* layout */

div#content {
   margin: 48px 0 0 30px;
}

div#content div#alpha {
   padding: 0 40px 0 0;
   min-height: 320px;
   height: auto !important;
   height: 320px;
}

/* main page */
div.mainpage h2 {
   font-weight: bold;
   font-size: 24px;
   font-family: arial, sans-serif;
   margin: 0 0 30px;
   letter-spacing: 0.15em;
   /*text-transform: uppercase;*/
}

div.mainpage h2.large {
   font-weight: normal;
   font-size: 28px;
   margin: 0 0 40px;
}

div.project_icon {
   float: left;
   padding-right: 30px;
}

div.mainpage div#alpha {
   float: none;
}

div#content div.entry-content {
   position: relative;
}

div#content div.entry-asset div.asset-header h3 {
   font-weight: bold;
   font-size: .9em;
   margin-bottom: 2px;
}

div#content div.entry-asset div.asset-header p.main-category {
  font-size: .7em;
}

div#content div.entry-asset div.asset-header {
   margin-bottom: 10px;
   width: 640px;
}

div#content div.entry-asset div.asset-body {
   float: left;
   width: 640px;
   font-size: .75em;
   line-height: 150%;
   margin-bottom: 30px;
}

div#content div.entry-asset div.asset-body p.read-more {
   margin-top: 10px;
}

div#content div.archive-entry-asset h2 {
   font-family: georgia, serif;
   font-size: 14px;
   font-style: italic;
}

div#content div.archive-entry-asset div.archive-asset-body {
   /*float: left;*/
   font-size: .75em;
   line-height: 150%;
   margin-bottom: 30px;
}

div#content div.archive-entry-asset div.archive-asset-body h3 {
   font-weight: bold;
   margin: 15px 0 5px;
}

div#content div.archive-entry-asset div.archive-asset-body p {
   margin-bottom: 24px;
}

div#content div.archive-entry-asset div.archive-asset-body img {
   border: 1px solid #CCCCCC;
}

div#content div.width640 {
   width: 640px;
}

/*
** @import url(https://labs.43d.jp/mt/mt-static/themes-base/blog.css);
** @import url(https://labs.43d.jp/mt/mt-static/themes/minimalist-red/screen.css);
**/
@media (max-width:640px) {
   div#container {
      width: 100%;
      padding: 20px 0;
   }

   div#header-content #header-name {
      width: 50px;
      height: 30px;
      margin: 0 0 0 10px;
      display: block;
      float: left;
   }

div#header-content #header-name img {
      width: 50px;
      height: 30px;
}

div#header-content ul#header_menu li {
   float: left;
   font-weight: bold;
   font-size: 12px;
   height: 15px;
   padding-top: 20px;
   padding-left: 0;
   padding-right: 10px;
}

div#header div#header_divider {
   width: 100%;
   height: 9px;
}

div#content {
   margin: 24px 0 0 10px;
}

div#content div#alpha {
   padding: 0 10px 0 0;
   height: auto !important;
}

div.archive-asset-body {
   margin-bottom: 10px !important;
}

div.archive-asset-body iframe {
   width: 100% !important;
}

div#content div.entry-asset div.asset-body {
   width: 100%;
   margin: 10px 0 40px;
}

div#content div.entry-asset div.asset-header {
   width: 100%;
}

   img {
      max-width: 100% !important;
   }

div#footer {
   margin-top: 0;
}

div#footer div#footer_divider {
   width: 100%;
   height: 9px;
   margin-top: 10px;
}

div#footer-content {
   padding: 0 10px;
}

div#footer-content p.footer_left {
   font-size: .6em;
   float: none;
}

div#footer-content p.footer_right {
   font-size: .6em;
   text-align: left;
}

}