@charset "UTF-8";

body {
 font-size: 100%;
 font-family: 'Arial','HiraKakuPro-W3','ヒラギノ角ゴ Pro W3',sans-serif;
 line-height: 100%;
 margin: 0;
 padding: 0;
}
*:first-child+html body { font-weight: bold;}
* html body { font-weight: bold;}

hr.divider {
 position: absolute;
 top: -9999px;
 visibility: hidden;
 width: 1px;
 height: 1px;
 display: none;
}

div,h1,h2,h3,h4,h5,dl,dt,dd {
 margin: 0;
 padding: 0;
}
p {
 margin: 0 0 1em;
 padding: 0;
}
ul,li {
margin: 0;
padding: 0;
list-style: none;
}
a img {
 border: none;
}
body#base div#body-area em a,
body#blog div#body-area em a {
 color: #00CCFF;
 font-style: normal;
}


/*               layout                */
div#body-area {
 margin-left: 19px;
 width: 840px;
}
div.column-left {
 width: 180px;
 margin-right: 55px;
 float: left;
 display: inline;
 background: url(../images/shoulder-b.gif) no-repeat;
 padding-top: 97px;
}
div.column-right {
 width: 600px;
 float: right;
 display: inline;
 position: relative;
}
div#header {
 position: relative;
 height: 175px;
}
h1 {
 position: absolute;
 top: 77px;
}

ul#navi {
 position: absolute;
 top: 10px;
}
ul#navi li {
 position: absolute;
 top: 0;
 width: 112px;
 height: 9px;
}
ul#navi li span {
 font-size: xx-small;
 position: absolute;
 top: -9999px;
}
ul#navi li a {
 display: block;
 width: 112px;
 height: 9px;
}

dl {
 margin-bottom: 25px;
}
dt {
 font-size: 10px;
 margin-bottom: 5px;
}
dd {
 font-size: 24px;
 line-height: 36px;
 letter-spacing: 0.05em;
}
*:first-child+html dd { letter-spacing: 0;}
* html dd { letter-spacing: 0;}

body#base dl#archive dd {
 background: url(../images/icon-archive-b.gif) no-repeat 0 50%;
 padding-left: 15px;
}
body#blog dl#archive dd {
 background: url(../images/icon-archive-w.gif) no-repeat 0 50%;
 padding-left: 15px;
}

h2 {
 height: 97px;
}


/*             entry               */
div.tab {
 font-size: 10px;
 margin-bottom: 10px;
}
div.entry-tilte {
font-size: 100%;
line-height: 1.4;
 margin-bottom: 20px;
}
div.entry-image {
 margin-bottom: 10px;
}
div.entry-image img {
 margin-bottom: 7px;
}
div.entry-credit {
 font-size: 62.5%;
 line-height: 1.6;
 margin-bottom: 17px;
}
div.entry-text {
 font-size: 62.5%;
 line-height: 1.6;
 font-weight: normal;
 margin-bottom: 27px;
}
div.entry-footer {
 border-top: #333333 solid 1px;
 border-bottom: #333333 solid 1px;
 height: 20px;
 padding-top: 2px;
 margin-bottom: 40px;
}
div.entry-footer ul {
 font-size: 62.5%;
 position: relative;
}
div.entry-footer li.left {
position: absolute;
top: 0;
left: 0;
}
div.entry-footer li.right {
position: absolute;
top: 0;
right: 0;
}
div.entry-footer li.middle {
position: absolute;
top: 0;
left: 270px;
}

/*           black            */
body#base {
 background-color:#111111;
 color: #FFFFFF;
}
body#base a:link,
body#base a:visited {
 color: #ffffff;
 text-decoration: none;
}
body#base a:active,
body#base a:hover {
 color: #00CCFF;
 text-decoration: none;
}
ul#navi li#navi-backtotop,
ul#navi li#navi-backtotop a {
width: 104px;
left: 0;
background: url(../images/bnavi_backtotop.gif) no-repeat 0 0;
}
ul#navi li#navi-aboutus,
ul#navi li#navi-aboutus a {
left: 124px;
background: url(../images/bnavi_aboutus.gif) no-repeat 0 0;
}
ul#navi li#navi-portfolio,
ul#navi li#navi-portfolio a {
left: 256px;
background: url(../images/bnavi_portfolio.gif) no-repeat 0 0;
}
ul#navi li#navi-blog,
ul#navi li#navi-blog a {
left: 388px;
background: url(../images/bnavi_blog.gif) no-repeat 0 0;
}
ul#navi li#navi-shop,
ul#navi li#navi-shop a {
left: 520px;
background: url(../images/bnavi_shop.gif) no-repeat 0 0;
}
div#header ul#navi li a:hover {
 background-position: 0 -9px;
}
div#header ul#navi li#navi-backtotop em a,
div#header ul#navi li#navi-aboutus em a,
div#header ul#navi li#navi-portfolio em a,
div#header ul#navi li#navi-blog em a,
div#header ul#navi li#navi-shop em a {
 background-position: 0 -9px;
}



/*           white            */
body#blog {
 background-color:#FFFFFF;
 color: #333333;
}
body#blog dd {
 letter-spacing: 0;
}
body#blog a:link,
body#blog a:visited {
 color: #333333;
 text-decoration: none;
}
body#blog a:active,
body#blog a:hover {
 color: #00CCFF;
 text-decoration: none;
}


body#blog ul#navi li#navi-backtotop,
body#blog ul#navi li#navi-backtotop a {
width: 104px;
left: 0;
background: url(../images/wnavi_backtotop.gif) no-repeat 0 0;
}
body#blog ul#navi li#navi-aboutus,
body#blog ul#navi li#navi-aboutus a {
left: 124px;
background: url(../images/wnavi_aboutus.gif) no-repeat 0 0;
}
body#blog ul#navi li#navi-portfolio,
body#blog ul#navi li#navi-portfolio a {
left: 256px;
background: url(../images/wnavi_portfolio.gif) no-repeat 0 0;
}
body#blog ul#navi li#navi-blog,
body#blog ul#navi li#navi-blog a {
left: 388px;
background: url(../images/wnavi_blog.gif) no-repeat 0 0;
}
body#blog ul#navi li#navi-contact,
body#blog ul#navi li#navi-contact a {
left: 520px;
background: url(../images/wnavi_contact.gif) no-repeat 0 0;
}
body#blog div#header ul#navi li a:hover {
 background-position: 0 -9px;
}
body#blog div#header ul#navi li#navi-backtotop em a,
body#blog div#header ul#navi li#navi-aboutus em a,
body#blog div#header ul#navi li#navi-portfolio em a,
body#blog div#header ul#navi li#navi-blog em a,
body#blog div#header ul#navi li#navi-contact em a {
 background-position: 0 -9px;
}

body#blog div.column-left {
 background: url(../images/shoulder-w.gif) no-repeat;
}
body#base h3,
body#blog h3 {
 font-size: 112.5%;
 margin-bottom: 18px;
 font-weight: normal;
}
*:first-child+html body#base h3 { font-weight: bold;}
* html body#base h3 { font-weight: bold;}
*:first-child+html body#blog h3 { font-weight: bold;}
* html body#blog h3 { font-weight: bold;}