@charset "utf-8";

/*
Theme Name: by hiloki
Theme URI: http://wordpress.org/
Description: by hiloki
Version: 1.0
Author: hiloki
Author URI: http://www.inkdesign.jp
Tags: re,orange,black
*/


/* YUI styles
================================ */

@import "style/reset.css";
@import "style/base.css";
@import "style/fonts.css";
@import "style/entry.css";

/**
 * Font-size Adjustment
 * 10 px = 77 %
 * 11 px = 85 %
 * 12 px = 93 %
 * 13 px = 100%
 * 14 px = 108 %
 * 15 px = 116 %
 * 16 px = 123.1 %
 * 17 px = 131 %
 * 18 px = 138.5 %
 * 19 px = 146.5 %
 * 20 px = 153.9 %
 * 21 px = 161.6 %
 * 22 px = 167 %
 * 23 px = 174 %
 * 24 px = 182 %
 * 25 px = 189 %
 * 26 px = 197 %
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

/* Layout
================================ */

body {
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 background: url(images/header.jpg) repeat-x left top;
}

div#header,
div#content,
div#bridge,
div#archive {
 margin: 0 auto;
 width: 960px;
}

div#header {
 position: relative;
 left: 0;
 top: 0;
 margin-bottom: 2.0em;
}

div#content {
	margin-bottom: 30px;
}

div#article {
 float: left;
	margin-bottom: 12px;
 width:70%;
}

div#aside {
 float: right;
 width:29%;
}

div.nav dl {
 margin: 0;
}

div#footer {
 padding: 20px 0 10px 0;
 background: #4A4D50 url(images/footer.jpg) repeat-x left top;
 color: #FFFFFF;
}

div#footer a {
 color: #FFFFFF;
}

address {
 margin-top: 2.0em;
 text-align: center;
}


/* header
================================ */

.logo a,
.organization a {
 color: #FFFFFF;
 text-decoration: none;
}

.logo {
 float: left;
 width: 160px;
 margin-top: -10px;
}

.organization {
 margin: 0 0 20px 0;
 padding: 0;
 height: 57px;
 line-height: 57px;
 color: #FFFFFF;
	font-size: 138.5%;
	font-weight: 700;
}

div#global-navigation {
 position: absolute;
 right: 0;
 top: 0;
 width: 14em;
}

div#global-navigation ul {
 margin: 0;
 padding: 0;
}

div#global-navigation ul li {
 display: inline;
}

div#global-navigation ul li a {
 display: block;
 float: left;
 width: 7em;
 height: 57px;
 line-height: 57px;
 background: url(images/gn-nav.jpg) no-repeat left top;
 text-align: center;
 text-decoration: none;
 font-weight: 700;
 color: #FFFFFF;
}

div#global-navigation ul li a:hover {
 background-position: 0 -57px;
 color: #333333;
}

div#global-navigation ul li a:active {
 background-position: 0 -114px;
 color: #333333;
}

/* entries
================================ */

div.hentry {
 position: relative;
 left: 0;
 top: 0;
 margin-bottom: 5.0em;
 padding-top: 2.0em;
 background: url(images/line_x_5.jpg) repeat-x left top;
}

div.premetadata {
 position: absolute;
 left: 0;
 top: 8px;
 width: 100%;
 height: 2.5em;
}

div.premetadata p {
 display: inline;
 margin: 0;
 height: 2.5em;
 line-height: 2.5em;
}

div.premetadata p.category {
 position: absolute;
 right: 0;
 top: 5px;
 width: 6.0em;
 height: 2.0em;
 line-height: 2.0em;
 text-align: center;
 color: #FFFFFF;
 font-size: 77%;
}

div.premetadata p.category a {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 background-color: #565A5D;
}

div.premetadata p.category a:hover {
 background-color: #727476;
}

div.premetadata p.cat-blog a {
 display: block;
 background-color: #565A5D;
}

div.premetadata p.cat-blog a:hover {
 background-color: #727476;
}

div.premetadata p.cat-news a {
 display: block;
 background-color: #669900;
}

div.premetadata p.cat-news a:hover {
 background-color: #66aa11;
}

div.premetadata p.cat-event a {
 display: block;
 background-color: #0099CC;
}

div.premetadata p.cat-event a:hover {
 background-color: #33aaCC;
}

div.premetadata p.published {
 font-weight: 700;
}

div.premetadata p.author {
 margin-left: 1em;
 padding-left: 24px;
 background: url(images/icon.jpg) no-repeat -60px -130px;
}

.entrytitle {
 padding-left: 24px;
 background: url(images/icon.jpg) no-repeat 0 0;
}


div.entry-content {
 padding: 0 0.5em;
 font-size: 108%;
 line-height: 150%;
}

p.continue {
 text-align: right;
}

p.continue a {
 padding: 3px 5px 3px 24px;
 background: #ffffff url(images/continue.gif) no-repeat 0 1px;
 text-decoration: none;
}

p.continue a:hover {
 background: #EE5424 url(images/continue_o.gif) no-repeat 0 1px;
 color: #FFFFFF;
}

div.postmetadata {
 padding-top: 10px;
 background: url(images/line_x_1.jpg) repeat-x left top;
 text-align: right;
}

div.postmetadata p,
div.postmetadata ul,
div.postmetadata li {
 display: inline;
 margin: 0;
}

div.postmetadata p.feedback {
 margin-right: 10px;
 padding-left: 24px;
 background: url(images/icon.jpg) no-repeat -80px -170px;
}

div.postmetadata p.tags {
 padding-left: 24px;
 background: url(images/icon.jpg) no-repeat -120px -250px;
}



/* aside
================================ */


div#aside div.nav dt {
 height: 34px;
 line-height: 34px;
 margin: 0 0 1.0em 1.0em;
 background: url(images/subtitle_left.jpg) no-repeat left top;
 color: #FFFFFF;
}

div#aside div.nav dt span {
 display: block;
 margin-left: 1.0em;
 background: url(images/subtitle_right.jpg) no-repeat right top;
 font-weight: 700;
}

div#aside div.nav dd {
 margin: 0 0.5em 2.5em 2.0em;
}

div#aside div.nav dd ul {
 margin-left: 0;
}

div#aside div.nav dd ul li {
 margin-bottom: 0.5em;
 padding-left: 24px;
 line-height: 1.5;
 background: url(images/icon.jpg) no-repeat -140px -290px;
 list-style: none;
}

div#aside div.nav dd ul li.mixi {
 background-position: -200px -410px;
}


div#aside div.nav dd .st-tag-cloud {
 margin: 0 0 1.5em 1.0em;
 padding-right: 1.0em;
}

div#aside div.nav dd.banner {
 text-align: center;
}

div#aside div.nav dd.banner span {
 display: block;
	margin-top: 0.5em;
}


/* footer
================================ */

div#bridge div.ad-bridge {
 float: left;
 width:70%;
 height: 100px;
}

div#bridge p.feed {
 float: right;
 width: 140px;
 height:112px;
 margin: 0;
}

div#bridge p.feed a {
 display: block;
 width: 140px;
 height: 0;
 padding-top: 113px;
 background: url(images/feed_l.jpg) no-repeat;
 overflow-x: hidden;
 overflow-y: hidden;
 overflow: hidden;
 margin: 0;
 background: url(images/feed_l.jpg) no-repeat;
}

div#archive dt {
 height: 33px;
 line-height: 33px;
 margin: 0 0 1.0em 0;
 padding-left: 32px;
 background: url(images/footertitle.gif) no-repeat left center;
 font-weight: 700;
 color: #FFFFFF;
 font-size: 108%;
}

div#archive dd {
 margin: 0 0 2.0em 0;
}

div#archive dd ul {
 margin: 0 0 0 1.0em;
}

div#archive a {
 color: #FFFFFF;
}

div#archive ul,
div#archive li {
 display: inline;
}


/* icon styles
================================ */

.gt {
 margin: 0 6px;
}



/* --------------------------------------

 single
	
-------------------------------------- */

.turn-navigation p.next {
 margin-bottom: 6px;
	height: 24px;
	line-height: 24px;
	text-align: left;
}

.turn-navigation p.back {
	height: 24px;
	line-height: 24px;
	text-align: left;
}


.turn-navigation p.next a {
 padding-left: 24px;
 background: url(images/icon.jpg) no-repeat -20px -50px;
}


.turn-navigation p.back a {
 padding-left: 24px;
 background: url(images/icon.jpg) no-repeat -40px -90px;
}

.sbm {
 margin-bottom: 1.0em;
 text-align: right;
}

#feedback-content {
 margin: -48px 0 12px 0;
}

#feedback-content textarea {
 width: 100%;
}

p.submit {
 text-align: right;
}

ol.trackbacklist,
ol.commentlist {
 margin: 24px 0;
 border-top: 1px solid #cccccc;
}

ol.commentlist cite {
 margin-bottom: 1.0em;
 font-weight: 700;
}

ol.trackbacklist li,
ol.commentlist li {
 padding: 12px;
 border-bottom: 1px solid #cccccc;
 list-style: none;
}

ol.trackbacklist li.alt,
ol.commentlist li.alt {
 background-color: #eeeeee;
}

ol.commentlist li p {
 margin: 0.8em 0;
}

.avatar {
 float: left;
	margin: 0 12px 12px 0;
 border: 1px solid #999999;
}

#trackbackurl {
 width: 80%;
	border: 1px solid #FFCC00;
	background-color: #FFE59F;
}


/* --------------------------------------

 archive
	
-------------------------------------- */

div.harchive {
 position: relative;
 left: 0;
 top: 0;
 margin-bottom: 5.0em;
 padding-top: 0.5em;
 background: url(images/line_x_5.jpg) repeat-x left top;
}

.archive-titlelist {
 margin: 0 0 3.0em -8px;
}

.archive-titlelist dt {
 padding-left: 24px;
 line-height: 1.5;
 background: url(images/icon.jpg) no-repeat -180px -370px;
}

.archive-titlelist dd {
 margin: 0 0 0.5em 0;
 padding-left: 24px;
 line-height: 1.5;
}
.archive-date {
 margin-right: 1.0em;
 font-weight: normal;
}

/* --------------------------------------

 page
	
-------------------------------------- */

div.hpage {
 position: relative;
 left: 0;
 top: 0;
 margin-bottom: 5.0em;
 padding-top: 0.5em;
 background: url(images/line_x_5.jpg) repeat-x left top;
}


/* clearfix
================================ */

.clear,
div#header,
div#global-navigation ul,
div#content,
ol.commentlist li,
div#bridge,
div.turn-navigation {
    zoom:1;/*for IE 5.5-7*/
}
.clear:after,
div#header:after,
ol.commentlist li:after,
div#global-navigation ul:after,
div#content:after,
div#bridge:after,
div.turn-navigation:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}