@charset "UTF-8";

/*==============================================================================
  File Name: common.css
  Media Type: All
  Title: Common Style Sheet
  Author: Phize
  Author URI: http://phize.net

  Order Of Cascading:
    1. import.css
    2. element.css
    3. common.css

  Table Of Contents:
    Section
    Table
    Form
      + Field
      + Submit
    Code
    Figure
    Entry
    Pagination
    Meta, Feedback
    Comments, Trackback
    Adsense
    Sub Navigation
    Tag Cloud
    iddy
    Clear Fix

  Order Of Properties:
    Based on CSS 2.1 Specification(http://www.w3.org/TR/CSS21/)
==============================================================================*/



/*==============================================================================
  Section
==============================================================================*/

div.section
{
  margin: 3em 0;
}

div.section div.section
{
  margin-left: 16px;
}



/*==============================================================================
  Table
==============================================================================*/

td.integer,
td.percent
{
  text-align: right;
}



/*==============================================================================
  Form
    + Field
    + Action
==============================================================================*/

/*---------------------------------------
    + Field
---------------------------------------*/
form dl.field,
form ol.field,
form ul.field
{
  list-style: none outside;
}

/*---------------------------------------
    + Action
---------------------------------------*/
form ul.action
{
  list-style: none outside;
}

form ul.action li
{
  margin-right: 8px;
  display: inline;
}



/*==============================================================================
  Code
==============================================================================*/

dl.code
{
  margin-top: 2em;
  margin-bottom: 2em;
}

dl.code dt
{
  margin-bottom: 0;
}

dl.code dd
{
  margin-right: 8px;
  margin-left: 8px;
}

dl.code dd pre,
dl.code dd pre code
{
  margin-right: 0;
  margin-top: 0;
  margin-left: 0;
}



/*==============================================================================
  Figure
==============================================================================*/

.figure
{
  list-style: none outside;
}

.figure li
{
  margin-right: 0;
  margin-left: 8px;
  display: inline;
}

.figure li
{
  float: left;
}



/*==============================================================================
  Entry
==============================================================================*/

div.entry
{
  margin: 3em 0;
}

div.entry div.entry-body
{
  margin: 2em 0;
}

div.entry h2 a
{
  text-decoration: none;
}

div.entry dt
{
  font-weight: bold;
}

div.entry img
{
  vertical-align: middle;
}

div.entry a img
{
  border: 2px solid #f0eddf;
  text-decoration: none;
}

div.entry a img:hover,
div.entry a img:focus,
div.entry a img:active
{
  border: 2px solid #ccb299;
}



/*==============================================================================
  Pagination
==============================================================================*/

.pagination
{
  margin: 2em 16px;
  padding: 0.5em 0;
  list-style: none outside;
  font-size: 90%;
}

.pagination-head
{
  border-bottom: 1px solid #ccb299;
  background: #f0eddf url(../image/bg_pagination_t.png) no-repeat 0 0;
}

.pagination-foot
{
  border-top: 1px solid #ccb299;
  background: #f0eddf url(../image/bg_pagination_b.png) no-repeat 0 100%;
}

.pagination a:link,
.pagination a:visited
{
  color: #356a5d;
  text-decoration: none;
}

.pagination a:hover,
.pagination a:focus,
.pagination a:active
{
  color: #c4473a;
  text-decoration: underline;
}

.pagination .older
{
  display: inline;  /* For Win IE 6 */
  float: left;
}

.pagination .newer
{
  display: inline;  /* For Win IE 6 */
  float: right;
}

.pagination .older a
{
  background: url(../image/icon/arrow_prev.png) no-repeat 0 50%;
}

.pagination .older a:link,
.pagination .older a:visited
{
  margin-left: 2px;
  padding-left: 16px;
}

.pagination .older a:hover,
.pagination .older a:focus,
.pagination .older a:active
{
  margin-left: 0;
  padding-left: 18px;
}

.pagination .newer a
{
  background: url(../image/icon/arrow_next.png) no-repeat 100% 50%;
}

.pagination .newer a:link,
.pagination .newer a:visited
{
  margin-right: 2px;
  padding-right: 16px;
}

.pagination .newer a:hover,
.pagination .newer a:focus,
.pagination .newer a:active
{
  margin-right: 0;
  padding-right: 18px;
}



/*==============================================================================
  Meta, Feedback, More
==============================================================================*/

.meta,
.feedback,
.more
{
  list-style: none outside;
}

.meta,
.feedback
{
  font-size: 90%;
  text-align: right;
}

div.entry .meta
{
  margin-top: -1em;
}

div.entry * .meta
{
  margin-top: 1em;
}

.meta a:link,
.meta a:visited,
.feedback a:link,
.feedback a:visited
{
  text-decoration: none;
}

.meta a:hover,
.meta a:focus,
.meta a:active,
.feedback a:hover,
.feedback a:focus,
.feedback a:active
{
  text-decoration: underline;
}

.meta li,
.feedback li,
.more li
{
  display: inline;
}

.meta li,
.feedback li
{
  margin-right: 0;
  margin-left: 8px;
  padding-left: 16px;
  background: no-repeat 0 50%;
}

.meta li.category
{
  background-image: url(../image/icon/documents.png);
}

.meta li.tag
{
  background-image: url(../image/icon/tag.png);
}

.meta li.author
{
  background-image: url(../image/icon/person.png);
}

.meta li.date
{
  background-image: url(../image/icon/pencil.png);
}

.meta li.sender
{
  background-image: url(../image/icon/globe.png);
}

.feedback li.comment
{
  background-image: url(../image/icon/balloon.png);
}

.feedback li.trackback
{
  background-image: url(../image/icon/receiver.png);
}

.more li
{
  margin-right: 0;
  margin-left: 0;
}

.more li a
{
  background: url(../image/icon/pointer.png) no-repeat 0 50%;
}

.more li a:link,
.more li a:visited
{
  margin-left: 0;
  padding-left: 18px;
  text-decoration: none;
}

.more li a:hover,
.more li a:focus,
.more li a:active
{
  margin-left: 2px;
  padding-left: 16px;
  text-decoration: underline;
}



/*==============================================================================
  Related
==============================================================================*/

ul.st-related-posts
{
  list-style: none outside;
}

ul.st-related-posts li a
{
  padding-left: 16px;
  background: url(../image/icon/documents.png) no-repeat 0 0.25em;
}



/*==============================================================================
  Comments, Trackback
==============================================================================*/

div.comments div.comment,
div.trackback div.ping
{
  margin: 0 16px;
  padding: 1px 0;
}

div.comments div.comment.odd,
div.trackback div.ping.odd
{
  border-left: 4px solid #ccb299;
  background: #f0eddf;
}

div.comments div.comment.even,
div.trackback div.ping.even
{
  border-left: 4px solid #f0eddf;
  background: #fff;
}

div.comments div.comment,
div.trackback div.ping
{
  height: 1px;  /* For Win IE 6 */
}

/* For Modern Browsers */
*>div.comments div.comment,
*>div.trackback div.ping
{
  height: auto;
}

div.comments  div.comment div.comment-body,
div.trackback div.ping div.ping-body
{
  font-size: 90%;
}

div.trackback dl.meta
{
  text-align: left;
}

div.trackback dl.meta dt
{
  margin-left: 16px;
}

div.trackback dl.meta dd
{
  margin-left: 32px;
}

div.trackback dl.meta dt.trackback,
div.trackback dl.meta dt.uri
{
  padding-left: 16px;
}

div.trackback dl.meta dt.trackback
{
  background: url(../image/icon/receiver.png) no-repeat 0 50%;
}

div.trackback dl.meta dt.uri
{
  background: url(../image/icon/globe.png) no-repeat 0 50%;
}



/*==============================================================================
  Adsense
==============================================================================*/

div.adsense
{
  margin: -1em 16px 2em;
  text-align: center;  /* For Win IE 6 */
}

div.adsense div.first
{
  float: left;
}

div.adsense div.second
{
  float: right;
}



/*==============================================================================
  Sub Navigation
==============================================================================*/

dl.navigation dd ol,
dl.navigation dd ul
{
  list-style: none outside;
}

dl.navigation dd li
{
  margin-right: 0;
  margin-left: 0;
}

dl.navigation dd a:link,
dl.navigation dd a:visited
{
  text-decoration: none;
}

dl.navigation dd a:hover,
dl.navigation dd a:focus,
dl.navigation dd a:active
{
  text-decoration: underline;
}

dl.navigation dd.iddy,
dl.navigation dd.iknow,
dl.navigation dd.myMiniCity
{
  text-align: center;
}

dl.navigation dd.iddy div.iddyprofile,
dl.navigation dd.iknow object
{
  margin: auto;
}

dl.navigation dd.service a,
dl.navigation dd.entry a,
dl.navigation dd.comments a,
dl.navigation dd.trackback a,
dl.navigation dd.category a,
dl.navigation dd.archive a,
dl.navigation dd.tag a,
dl.navigation dd.feed a
{
  padding-left: 16px;
}

dl.navigation dd.service a
{
  background: url(../image/icon/document.png) no-repeat 0 0.25em;
}

dl.navigation dd.entry a,
dl.navigation dd.comments a,
dl.navigation dd.trackback a
{
  background: url(../image/icon/document.png) no-repeat 0 0.25em;
}

dl.navigation dd.comments li li a
{
  background: url(../image/icon/balloon.png) no-repeat 0 0.25em;
}

dl.navigation dd.trackback li li a
{
  background: url(../image/icon/receiver.png) no-repeat 0 0.25em;
}

dl.navigation dd.category a,
dl.navigation dd.archive a
{
  background: url(../image/icon/documents.png) no-repeat 0 0.25em;
}

dl.navigation dd.tag a
{
  background: url(../image/icon/tag.png) no-repeat 0 50%;
}

dl.navigation dd.feed a
{
  background: url(../image/icon/feed.png) no-repeat 0 0.25em;
}

dl.navigation dd.search dl.field,
dl.navigation dd.search dl.field dd,
dl.navigation dd.search ul.action
{
  display: inline;
}

dl.navigation dd.search dl.field
{
  margin: 0;
}

dl.navigation dd.search dl.field dt
{
  display: none;
}



/*==============================================================================
  Tag Cloud
==============================================================================*/

ul.tag li
{
  display: inline;
}

ul.tag li.level-1 a
{
  color: #333;
  font-size: 22pt;
}

ul.tag li.level-2 a
{
  color: #444;
  font-size: 20pt;
}

ul.tag li.level-3 a
{
  color: #555;
  font-size: 18pt;
}

ul.tag li.level-4 a
{
  color: #666;
  font-size: 16pt;
}

ul.tag li.level-5 a
{
  color: #777;
  font-size: 14pt;
}

ul.tag li.level-6 a
{
  color: #888;
  font-size: 12pt;
}

ul.tag li.level-7 a
{
  color: #999;
  font-size: 10pt;
}

ul.tag li.level-8 a
{
  color: #aaa;
  font-size: 8pt;
}



/*==============================================================================
  iddy
==============================================================================*/

.iddyprofile {
	margin:0.25em 0;
	padding:0;
	font-size:100%;
	width:200px;
	}

.iddyprofiletitle {
	margin:0 0 1px 0;
	padding:10px;
	font-size:90%;
	font-weight:bold;
	background:#ccb299;
	}

.iddyprofilebody {
	margin:0;
	padding:10px;
	font-size:80%;
	background:#f0eddf;
	}

.iddyprofilephoto {
	margin:0;
	padding:0;
	}

.iddyprofilephoto img {
	margin:0 10px 10px 0;
	padding:5px;
	border:1px solid #ccb299;
	background:#fff;
	width:60px;
	height:60px;
	float:left;
	}

.iddyprofilename {
	margin:0;
	padding:0;
	}

.iddyprofilename span {
	display:block;
	}

.iddyprofiledescription {
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	}

.iddyprofilemore {
	margin:0 0 5px 10px;
	padding:0;
	border:1px solid #ccb299;
	background:#fff;
	width:160px;
	}

.iddyprofilemore a {
	margin:0;
	padding:10px 0 10px 20px;
	color:#333;
	text-decoration:none;
	background:url(https://iddy.jp/image/tool/arrow_j.png) no-repeat 10px center;
	display:block;
	}

.poweredbyiddy {
	margin:0;
	padding:0;
	font-size:80%;
	text-align:right;
	}

.poweredbyiddy a {
	color:#ccb299;
	text-decoration:none;
	display:block;
	}



/*==============================================================================
  Clear Fix
==============================================================================*/

.figure,
.pagination,
div.adsense
{
  height: 1px;  /* For Win IE 6 */
}

/* For Modern Browsers */
*>.figure,
*>.pagination,
*>div.adsense
{
  height: auto;
  min-height: 1px;  /* For Win IE 7 */
}

.figure:after,
.pagination:after,
div.adsense:after
{
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}