body {
   margin: 0;
   padding: 0;
   font-size: 10pt;
   line-height: 160%;
   font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
   color: #333;
   background: #FFF;
   min-width: 950px;
}

div {
   margin: 0;
   padding: 0;
}

p {
   margin: 1em 0 0.8em;
   padding: 0;
}

h1 {
   margin: 0.8em 0;
   padding: 0 0.2em;
   font-size: 140%;
   line-height: 140%;
   font-weight: bolder;
}

h2 {
   margin: 0.8em 0;
   padding: 0 0.2em;
   font-size: 110%;
   line-height: 110%;
   font-weight: bold;
}

img {
   border: 1px solid #000;
}

a img {
   border: none;
}

textarea {
   font-size: 100%;
   width: 600px;
   margin: 0;
}

td, th {
    padding: 0.4em 0.5em 0.2em;
}

th {
   text-align: left;
}

thead {
    color: #fff;
    background-color: #036;
}

dl {
    margin: 0;
    padding: 0;
}

dt {
    margin: 0;
    padding: 0;
}

dd {
    margin: 0 0 0 3em;
    padding: 0;
}

/**
 * Header Style
 */
#header-container {
   margin: 0; padding: 0;
    clear: both;
   color: #FFF;
   background: #C00 url(../images/header_bg.png) top left repeat-x;
}

body.front-page #header-container {
   min-height: 342px;
}

#site-logo, #site-logo a {
   margin: 0 0 5px; padding: 18px 0 5px;
}

body.front-page #site-logo {
   margin: 0; padding: 22px 0 28px;
}

#site-description {
   width: 450px;
   margin: 0; padding: 0.5em 0 2em;
}
#site-description img {
   border: 0;
}

#header {
   margin: 0;
   padding: 0;
}

#header a, #header a:visited {
   color: #FFF;
   text-decoration: none;
} 

/*
 * Site menu Style
 */
#site-menu-bar {
   padding: 0;
   margin: 0;
   color: #fff;
   background-color: #600;
}

#site-menu {
   padding: 0.3em 1em 0.3em;
   margin: 0 0 0 auto;
}

#site-menu a,
#site-menu a:visited {
   color: #fff;
   background: transparent;
   text-decoration: none;
   font-weight: bold;
}

#site-menu a:hover {
   text-decoration: underline;
}

#site-menu li {
    list-style: none;
    float: right;
    margin-left: 2em;
    margin-right: 2em;
}

/*
 * Content menu Style
 */
ul.content-menu {
/*    float: right; */
    margin: 0.5em 0 0;
    padding: 0;
}

ul.content-menu li.menu-item {
     list-style: none;
     padding: 0;
     margin: 0 .3em;
     float: left;
}

ul.content-menu li.menu-item a,
ul.content-menu li.menu-item a:visited {
     color: #fff;
     background-color: #600;
     display: block;
     padding: 0.5em 2em 0.3em;
}

#header ul.content-menu li.active a,
#header ul.content-menu li.active a:visited {
     color: #A00;
     background-color: #FFF;
}

#header ul.content-menu a:hover {
     text-decoration: underline;
}

/**
 * News Area
 */
#footer-news-container {
   margin: 0; padding: 0;
   clear: both;
   color: #000;
   background-color: #ddd;
   border-top: 3px solid #ccc;
   /*border-top: 3px groove #ccc;*/
}

#footer-news {
   padding: 0;
   margin: 1em auto 1em;
   width: 900px;
}

#footer-news #footer-posts {
   position: relative;
   top: 0;
   left: 0;
   margin: 0; padding: 0;
   width: 430px;
   float: left;
}

#footer-news #footer-blogs {
   position: relative;
   top: 0;
   left: 0;
   margin: 0; padding: 0;
   width: 430px;
   float: right;
}

#footer-news p.feed-icon {
   float: right;
}

#front-news h2 a,
#front-news h2 a:visited {
   color: #000;
   text-decoration: none;
}
#front-news h2 a:hover {
   text-decoration: underline;
}

#footer-news dl {
   margin-left: 1.5em;
}
#footer-news dt {
   color: #056;
   font-weight: bold;
}

#footer-news dd {
    margin: 0.2em 0 1em;
}

#footer-news a {
    color: #333;
    text-decoration: none;
}
#footer-news a:hover {
    text-decoration: underline;
}

/*
 * Footer Style
 */
#footer-container {
   margin: 0; padding: 0;
   clear: both;
   color: #eee;
   background-color: #333;
}

#footer {
   padding: 1em 0 1em;
   margin-top: 1em;
}

#footer address {
   font-style: normal;
   padding: 0;
}

#footer a {
   color: #ff9;
}

#about-address {
   float: left;
   width: 680px;
}

#about-randynetwork {
   float: right;
   width: 200px;
}

#about-randynetwork h2 {
   font-size: 100%;
   color: #fff;
}
#about-randynetwork ul {
   color: #ff9;
   margin-left: 0;
   padding-left: 2em;
}

#main,
#header,
#footer {
    clear: both;
    width: 900px;
    margin: 0 auto;
}

#content {
   margin-top: 10px;
   margin-bottom: 20px;
}

#main.two-column {
   width: 900px;
}

div.two-column #content {
    width: 700px;
    float: left;
}
div.two-column #side-menu {
   background: #ecf;
   padding-top: 10px;
   padding-bottom: 20px;
    width: 180px;
    float: right;
}

div.box {
    width: 278px;
    margin: 0 9px;
    float: left;
}

img.box-icon {
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    border: 0;
}

#content h1 {
  color: #000;
  background: transparent;
}

#content h2 {
  font-size: 140%;
  padding: 0 0 0.2em;
  color: #600;
  background: transparent;
}

#content div.box h3 {
    color: #000;
    background: transparent;
    margin: 0 0 0.2em;
    padding: 0.3em 0 0.2em;
}

#atom-feed {
    padding: 5px 5px 0px 35px;
    margin: 0;
    background: #FFF url(../images/feed-icon-32x32.png) 0 0 no-repeat;
    min-height: 32px;
    float: right;
}
#atom-feed a {
    margin: 0;
    padding: 0;
}

.tec-item a {
    color: #C00;
    background: transparent;
    text-decoration: none;
}

.tec-item a:hover {
    text-decoration: underline;
}

p.contact-link {
    margin: 2em auto 1em;
    padding: 1em;
    text-align: center;
    width: 520px;
}

p.contact-link img {
    float: right;
    padding-right: 0.5em;
}

/**
 * Pages list
 */
table.pages-list {
     width: 700px;
}
table.pages-list tr.front-page {
     background: #FEC;
}

.pages-list-title {
     width: 450px;
}
.pages-list-status {
     width: 80px;
}
.pages-list-created {
     width: 80px;
}
.pages-list-updated {
     width: 80px;
}
.pages-list-url {
     color: #999;
     background: transparent;
}

/**
 * News list
 */
table.posts-list {
     width: 700px;
}

.posts-list-title {
     width: 450px;
}
.posts-list-created {
     width: 80px;
}
.posts-list-updated {
     width: 80px;
}

/**
 * Blogs list
 */
table.blogs-list {
     width: 700px;
}

.blogs-list-title {
     width: 450px;
}
.blogs-list-created {
     width: 80px;
}
.blogs-list-updated {
     width: 80px;
}

/*
 * BLOG
 */
div.blog {
  margin: 1em 0 2em;
}

#content h2.blog-title {
  border-left: none;
  font-size: 140%;
  padding: 0 0 0.2em;
  border-bottom: 1px dashed #600;
}

#content h2.blog-title a,
#content h2.blog-title a:visited {
  color: #600;
  background: transparent;
  text-decoration: none;
}

#content h2.blog-title a:hover {
  text-decoration: underline;
}

div.blog-meta {
     width: 420px;
}

span.blog-author-label {
     color: #056;
     background: transparent;
     font-weight: bold;
}

span.blog-author {
}

span.blog-date {
}

div.entry-body {
     clear: both;
}

/*
 * News
 */
div.post {
  margin: 1em 0 2em;
}

#content h2.post-title {
  border-left: none;
  font-size: 140%;
  padding: 0 0 0.2em;
  border-bottom: 1px dashed #600;
}

#content h2.post-title a,
#content h2.post-title a:visited {
  color: #600;
  background: transparent;
  text-decoration: none;
}

#content h2.post-title a:hover {
  text-decoration: underline;
}

span.post-author-label {
     color: #056;
     background: transparent;
     font-weight: bold;
}

span.post-author {
}

span.post-date {
}

dt {
    color: black;
    background: transparent;
    font-weight: bold;
}
/*
 * お問い合わせフォーム http://grafun.biz/contact
 */
#contact_form {
}

#contact_form span.required {
    color: red;
}

#contact_form dt {
    font-weight: bold;
    clear: left;
    float: left;
    padding-top: .5em;
    width: 140px;
}

#contact_form dd {
    padding-top: .5em;
    margin-left: 0;
    margin-bottom: 2em;
    width: 700px;
}

#contact_form dd input,
#contact_form dd select {
    font-size: 100%;
}

#contact_form dd input#email,
#contact_form dd textarea {
    width: 460px;
}

#contact_form dd input,
#contact_form dd textarea {
    color: #000;
    background: #eee;
}

#contact_form dd input:focus,
#contact_form dd textarea:focus {
    color: #000;
    background: #fff;
}

.entry-tags {
     padding-left: 2em;
     float: right;
     width: 450px;
     text-align: right;
}

.blog-tags-label {
     font-size: 100%;
     color: #056;
     background: transparent;
     font-weight: bold;
     display: inline;
}

.blog-tag-list {
     display: inline;
     padding: 0;
     margin: 0;
}
.blog-tag-item {
     display: inline;
     margin-left: 0.3em;
}

.entry_body {
     padding: 0.5em 0;
     clear: both;
}

/*
 * Tag Cloud
 */
.tagcloud {
    text-align: center;
    margin: 0;
    padding: .5em;
    width: 300px;
    border: 1px solid #ccc;
    float: right;
}

.tagcloud a.tag5 {
     font-size: 200%;
     line-height: 200%;
     font-weight: bolder;
     padding: 0.3em;
     white-space: nowrap;
}
.tagcloud a.tag4 {
     font-size: 165%;
     line-height: 165%;
     font-weight: bold;
     padding: 0.3em;
     white-space: nowrap;
}
.tagcloud a.tag3 {
     font-size: 130%;
     line-height: 130%;
     font-weight: bold;
     padding: 0.2em;
     white-space: nowrap;
}
.tagcloud a.tag2 {
     font-size: 100%;
     line-height: 100%;
     padding: 0.2em;
     white-space: nowrap;
}
.tagcloud a.tag1 {
     font-size: 80%;
     line-height: 80%;
     padding: 0.2em;
     white-space: nowrap;
}

/*
 * Pagination
 */
.pagination {
      padding: 0;
      font-family: Verdana, Arial, sans-serif;
}

.pagination a,
.pagination span {
    margin: 0 0.7em;
}

.pagination .prev_page {
    margin: 0 0.7em 0 0;
}
.pagination .next_page {
    margin: 0 0 0 0.7em;
}

.pagination .current {
    color: #056;
    font-weight: bold;
    border: 1px solid #999;
    padding: 0.2em 0.3em;
}

.pagination .disabled {
    color: #999;
}

/**
 * Comments
 */
#comments {
    margin: 3em 0 0.5em;
}

#comment_form {
    margin: 3em 0 0.5em;
}

#comments h3,
#comments .comment {
    border-bottom: 1px solid #ccc;
}
#comments h3 {
    padding-bottom: 0.5em;
}

table.comments-list {
     width: 700px;
    border-spacing: 0;
    margin-bottom: 2em;
}

table.comments-list tbody tr {
     background: #f5f5f5;
}

table.comments-list tbody tr.even {
     background: #ffffff;
}

.comments-list-name {
     width: 400px;
}
.comments-list-email {
     width: 200px;
}
.comments-list-commentable-type {
     width: 80px;
}
.comments-list-commentable-id {
     width: 80px;
}
.comments-list-body,
.comments-list-edit,
.comments-list-check {
     border-bottom: 1px solid #006;
}

tr.odd .comments-list-edit,
tr.odd .comments-list-check {
     background-color: #f0f0d9;
}

tr.even .comments-list-edit,
tr.even .comments-list-check {
     background-color: #ffe;
}

/*
 * Admin
 */
p.create-content-link {
    margin: 0;
    padding: 0;
    float: right;
}

/*
 * CodeRay
 */
div.CodeRay {
    margin: 1em 0em;
    padding: 1em;
    border: 1px solid #ccc;
    background: #eee;
}

div.CodeRay pre {
    margin: 0;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */