@charset "utf-8";
/**
 * @author  Hiloki Tani
 */
/**
 * selecter
 *
 * @section selecter
 */
p {
    margin-top: 1.0em
}

strong {
    font-weight: 700;
}

a {
    color: #0099FF
}

a:hover {
    color: #4FB8FF;
}

address {
    display: block;
    height: 27px;
    text-align: center;
    line-height: 27px;
    font-size: 1.2em;
    font-style: normal;
    color: #fff;
}

address a {
    color: #fff;
}

.small {
    font-size: 12px;
}

/**
 * structure
 *
 * @section structure
 */
html {
    background: url(images/bg_footer.jpg) repeat-x center bottom;
}

body {
    padding-top: 15px;
    background: url(images/bg_header.jpg) repeat-x left top;
    color: #666;
}

#header {
    font-size: 1.2em;
}

#footer {
    font-size: 1.2em;
}

#header, #footer {
    margin: 0 auto;
    width: 852px;
}

#header {
    height: 95px;
    background: url(images/bg_header_inner.jpg) no-repeat center bottom;
}

#footer {
    height: 63px;
    padding-top: 1em;
    background: url(images/bg_footer_inner.jpg) no-repeat center bottom;
}

#header div.section {
    position: relative;
}

#header div.section #branding {
    position: absolute;
    top: 17px;
    left: 24px;
    width: 223px;
}

#header div.section h1 {
    position: absolute;
    top: 70px;
    left: 33px;
    line-height: 1.5;
}

#header div.section div#search {
    position: absolute;
    top: 64px;
    right: 26px;
}

#header div.section div#search * {
    display: inline;
    margin-left: 2px;
}

body > div.nav { /* modern */
    position: relative;
    margin: 0 auto;
    width: 852px;
    height: 46px;
}

div.parent { /* IE6 fix */
    position: relative;
    margin: 0 auto;
    width: 852px;
    height: 46px;
}

body div#content {
    margin: 0 auto;
    width: 852px;
}

ul.topicPath {
    padding: 1.0em 0.8em 1.5em 0.8em;
    font-size: 1.2em;
}

ul.topicPath li {
    display: inline;
    margin-right: 3px;
}

ul.topicPath li a {
    padding-right: 15px;
    background: url(images/ico_anchor.gif) no-repeat right center;
}

#article {
    display: inline;
    float: left;
    margin-left: 6px;
    width: 580px;
    line-height: 1.5;
    font-size: 1.4em;
}

#aside {
    display: inline;
    float: right;
    margin-right: 6px;
    width: 240px;
    font-size: 1.4em;
}

#aside div.nav, #aside div.section {
    margin: 0 0 2.5em 0;
}

#aside h3 {
    margin-bottom: 0.5em;
    padding-bottom: 3px;
    background: url(images/bg_aside_title.gif) no-repeat left bottom;
    font-size: 2.0em;
}

#aside div.nav {
    margin-top: 26px;
}

#aside div.nav h3.listyHeader {
    margin: 0;
    padding: 0;
    height: 2.4em;
    line-height: 2.4em;
    background: url(images/bg_tile_gray.gif) repeat left top;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
}

#article > div.section {
    margin: 0 0 2.5em 0;
}

#article div.section > div.section {
    margin: 0 0.8em 2.0em 0.8em;
}

#article div.section > div.section:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

div#subNavigation {
    clear: both;
    margin: 0 auto;
    padding: 20px 0;
    width: 840px;
    border-bottom: 3px solid #287CCF;
    background: #fff;
}

div#subNavigation div.nav {
    float: left;
    width: 590px;
}

#subNavigation:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#subNavigation p.pagetop {
    margin: 0 2.0em 0 0;
    line-height: 2.0;
    font-size: 12px;
}

/**
 * heading
 *
 * @section heading
 */
h2 {
    height: 106px;
    text-indent: -999em;
}

h2#titleTechblog {
    background: url(images/title_techblog.jpg) no-repeat left top;
}

#article h3 {
    margin-bottom: 0.5em;
    padding-bottom: 3px;
    background: url(images/bg_article_title.gif) no-repeat left bottom;
    font-size: 2.0em;
}

#article h4 {
    margin: 0 0 1.0em 0;
    padding: 0.2em 0.5em;
    background: url(images/bg_article_subtitle.gif) no-repeat left bottom;
    line-height: 1.3;
    font-size: larger;
    font-weight: 700;
}

/**
 *  Frequency pattern
 *
 * @section pattern
 */
dl.blogList {
    padding: 0.8em;
    background: url(images/bg_tile_gray.gif) left top;
}

dl.blogList dt {
    font-size: 1.2em;
    margin-bottom: 6px;
}

dl.blogList dd {
    margin-bottom: 10px;
    border-bottom: 1px dotted #666;
    font-size: 1.0em;
}

dl.blogList dd p {
    padding-bottom: 10px;
    text-align: right;
}

dl.blogList dd.lastChild, dl.blogList dd:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.symbols {
    float: left;
    margin-right: 10px;
    width: 60px;
}

a.anchorSmall {
    padding-left: 15px;
    background: url(images/ico_anchor.gif) no-repeat left center;
}

/**
 *  for wordpress
 *
 * @page wordpress blog
 */
#article h3.entryTitle, #article h3.archiveTitle {
    font-size: 1.6em;
}

#article h3.entryTitle a, #article h3.archiveTitle a {
    text-decoration: none;
}

#aside dl.entryList {
    margin: 1.5em 0 0 2.0em;
}

#aside dl.entryList dt {
    margin: 1.5em 0 0.5em 0;
    padding-left: 20px;
    line-height: 1.5;
    background: url(images/list_circle.gif) no-repeat left 5px;
    font-weight: 700;
}

#aside dl.entryList dd ul li {
    margin: 0 0 0.5em 1.2em;
    list-style: disc outside;
    line-height: 1.5;
}

#aside dl.entryList dd ul.nakedList li {
    list-style-type: none;
    margin-bottom: 0.3em;
}

#aside dl.entryList dd p {
    line-height: 1.5;
}

.gadget {
    padding-left: 20px;
}

#aside div.ad {
    margin: 1.5em 0 0 0;
    text-align: center;
}

#aside div.ad p {
    font-size: 0.9em;
    line-height: 1.5;
    text-align: left;
}

#aside div.ad table {
    margin: 0 auto;
}

#aside div.ad table td p {
    text-align: center;
}

div.entryFooter, div.commentFooter {
    margin: 2.0em 0 3.0em 0;
    text-align: right;
    font-size: 0.8em;
}

div.pagenation {
    margin-bottom: 1.5em;
}

div.comments-content {
    margin-bottom: 1.5em;
}

div.commentFooter {
    margin: 0.5em 0 2.0em 0;
}

h5.commentTitle {
    border-bottom: 1px dotted #e4e4e4;
    font-size: 1.2em;
    font-weight: 700;
}

h2.archiveTitle {
    background: none;
    height: 0;
    text-indent: -999em;
}

#article div.entryBody {
    line-height: 1.7;
}

#article div.entryBody p,
#article div.entryBody ul {
    margin-top: 2.0em;
}

#article div.entryBody h4 {
    margin-top: 1.5em;
}

#article div.entryBody h5 {
    margin-top: 1.5em;
    border-bottom: 1px dotted #e4e4e4;
}

/**
 *  カスタム 404ページ　by Google
 *
 * @page 404
 * @see http://www.google.com/support/webmasters/bin/answer.py?answer=100044&hl=ja
 */
#article #goog-wm h3.other-things {
    margin: 1.5em 0 1.0em 0;
    padding: 0.2em 0.5em;
    background: url(images/bg_article_subtitle.gif) no-repeat left bottom;
    line-height: 1.3;
    font-size: larger;
    font-weight: 700;
}

#article #goog-wm ul li {
    margin-bottom: 0.5em;
}

/**
 *  one column layout
 *
 * @layout one column
 */
.single #article {
    float: none;
    display: block;
    margin: 0 auto;
    width: 792px;
}

.single #article h3 {
    background: url(images/bg_article_title_long.gif) no-repeat left bottom; /* 792px */
}

.single #article h4 {
    background: url(images/bg_article_subtitle_long.gif) no-repeat left bottom; /* 792px */
}