/*
name: 口紅(Lopstick)
designer: Kota
designer_url: http://www.kowaza.net/mag/
developer: 風林火山
developer_url: http://frkz.jp/
layouts: layout-wt, layout-tw
*/

/* 初期設定
----------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
  margin: 0;
  padding: 0;
  color: #222222;
  font-style:normal;
  font-family:
    "メイリオ",
    Meiryo,
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro W3",
    Osaka,
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    sans-serif;
  }
* html * {
  font-family: "メイリオ", Meiryo, sans-serif;
  }
body {
  background:#c9b49a url(css/body-bk.jpg) repeat-x;
  text-align: center;
  font-size:14px;
  }
* html body {
  font-size:87.5%;
  }
img {
  border: 0;
  }
table {
  border-collapse: collapse;
  border-spacing: 0;
  }



/* 配色
----------------------------------------- */

/* 背景色 */
#content h2,
div.e_page h1,
#side dl.side-catlist dd,
#side dl.side-catlist dd a { /* 個別ページタイトル, トップページのサブタイトル, サイドバー記事名 */
  background:#000;
  }
#wrap,
#side dl.side-catlist dd a:hover { /* コンテンツ領域, サイドバー記事名(hover時) */
  background-color:#fff;
  }
#e-body blockquote,
#content fieldset { /* 本文文中引用タグ, メールフォーム */
  background:#efeae0;
  }
#content fieldset legend { /* メールフォーム見出し */
  background-color:#442c0a;
  }
#tag-cloud li a:hover,
#entry-tags #entry-tags-list li a:hover,
#all-tags td a:hover,
#foot { /* タグクラウド,フッター */
  background-color:#442b0a;
  }


/* 文字色 */
#side dt { /* サイドバー見出し */
  color:#000;
  }
#nakao dd { /* 中尾さん記事 */
  color:#666;
  }
#banner h1,
#banner p a,
#content h2,
div.e_page h1,
div.adblock p { /* バナー文字, サブタイトル, スポンサードリンク */
  color:#b58954;
  }
a,
a:link,
a:visited,
#ecat-area p#ecat-ttl,
p#qr-ttl { /* リンク, 関連記事, QRコード */
  color: #442b0a;
  }
#content fieldset legend,
a:hover,
a:focus,
a:active,
#banner p a:hover,
#foot address { /* メールフォーム見出し, リンクホバー, フッター文字色 */
  color: #d0b38f;
  }
#side dl.side-catlist dd,
#side dl.side-catlist dd a,
#e_side-top a:hover { /* サイドバー */
  color:#fff;
  }
#side dl.side-catlist dd a:hover { /* サイドバー記事名(hover時) */
  color:#000;
  }

/* 罫線色 */
#wrap, #banner { /* 全体領域とバナー下 */
  border-color:#442b0a;
  }
#e-body blockquote,
#content fieldset,
#side dl,
#side dd { /* 本文文中引用タグ, メールフォーム, サイドバー */
  border-color:#b58954;
  }
#content fieldset dd .form_width { /* メールフォーム入力欄 */
  border-top-color:#000;
  border-left-color:#333;
  }
#content legend { /* メールフォーム見出し */
  border-color:#bcbcbc;
  }
#side dl.side-catlist dd a { /* サイドバーエントリー名 */
  border-color:#ccc;
  }
#qr-area img,
#side ul.nocat-box,
#side #fs { /* QRコード画像, カテゴリーなしエントリー一覧, フリースペース */
  border-color:#999;
  }


/* 段組左右入替用指定
----------------------------------------- */
body.layout-wtt #wrap,
body.layout-wt #wrap {
  background-image:url(css/content-bk.jpg);
  background-position:right top;
  }
body.layout-tw #wrap {
  background-image:url(css/content-bk2.jpg);
  background-position:left top;
  }

body.layout-wtt #content,
body.layout-wt #content {
  float:left;
  }
body.layout-tw #content {
  float:right;
  }

body.layout-wtt #side,
body.layout-wt #side {
  margin-right:.58em;
  float: right;
  }
body.layout-tw #side {
  margin-left:.58em;
  float: left;
  }

* html body.layout-wtt #side,
* html body.layout-wt #side {
  margin-right:.26em;
  }
* html body.layout-tw #side {
  margin-left:.26em;
  }

body.layout-tw #side ul.nocat-box,
body.layout-tw #side #fs {
  margin-left:.32em;
  }

body.layout-wtt #foot,
body.layout-wt #foot {
  background-image:url(css/foot.jpg);
  }
body.layout-tw #foot {
  background-image:url(css/foot2.jpg);
  }



/* 全体のコンテンツ領域
----------------------------------------- */
#wrap {
  margin-right: auto;
  margin-left: auto;
  width: 58.71em;
  border-style:solid;
  border-width:2px 2px 0;
  text-align: left;
  background-repeat:repeat-y;
  }
* html #wrap {
  width:58.45em;
  }



/* バナー
----------------------------------------- */
#banner {
  margin-bottom:.91em;
  background:url(css/banner.jpg) #fff;
  height:12.64em;
  border-bottom-width:.22em;
  border-bottom-style:solid;
  }
#banner p, #banner h1 { /* サイト名 */
  margin-left:.8em;
  padding-top:3.45em;
  line-height:1;
  font-size:274%;
  font-weight:bold;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left:1.06em;
  }
#banner p a {
  text-decoration:none;
  font-weight:bold;
  }
#banner p a:hover {
  text-decoration:underline;
  }



/* メイン領域
----------------------------------------- */
#content {
  padding:0 2.36em 0 2.85em;
  width: 35.2em;
  overflow: hidden;
  }
* html #content {
  padding:0 2.57em 0;
  width:40.28em;
  voice-family: "\"}\"";
  voice-family: inherit;
  padding:1.5px 2.85em 0;
  width:35em;
  }
div.m_page #content {
  background:url(css/up_bar.gif) no-repeat 3.3em .45em;
  }
#content #bdes p { /* ブログ説明文章 */
  margin:0 0 2.3em;
  padding:2.85em .86em;
  line-height:1.8;
  background:url(css/bttm_bar.gif) no-repeat .45em bottom;
  }

/* トップページアドセンスの設定
----------------------------------------- */
#top_ad {
  margin-left:1em;
  }
div.adblock p { /* スポンサードリンク(全アドセンス共通) */
  margin-bottom:0 !important;
  line-height:1.1;
  font-size:0.8em;
  }
#top_ad2 {
  margin-left:.86em;
  }

/* トップページサブタイトル以降
----------------------------------------- */
#content h2,
div.e_page h1 { /* トップページのサブタイトル, 個別ページタイトル */
  padding:.7em .5em .3em 2.4em;
  font-size:171%;
  font-weight:bold;
  line-height:1.2;
  background-image:url(css/h2-upper.gif);
  background-repeat:no-repeat;
  }
* html #content h2,
* html div.e_page h1 { /* トップページのサブタイトル, 個別ページタイトル */
  width:20.7em;
  voice-family: "\"}\"";
  voice-family: inherit;
  width:17.8em;
  }
#content #top_des div {
  padding-top:1.5em;
  background:url(css/h2-lower.gif) no-repeat left top;
  }
* html #content #top_des div {
  width:35.7em;
  }
#content #top_des h2 {
  margin-top:1.48em;
  }
#content #top_des p {
  margin:0 1em 1em .91em;
  line-height:1.8;
  }
#totop { /* このページのトップへ */
  margin:3em 0 3.4em;
  text-align:right;
  font-size:80%;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size:76%;
  }

/* タグクラウド
----------------------------------------- */
#tag-cloud {
  margin:4em 1em 1.5em 0.91em;
  }
#tag-cloud ul {
  padding:.3em 1em;
  list-style:none;
  border-width:1px;
  border-style: solid;
  }
#tag-cloud li {
  padding-right:5px;
  display:inline;
  }
#tag-cloud #to-alltags {
  padding-top:5px;
  display:block;
  text-align:right;
  border-top-width:1px;
  border-top-style: dashed;
  font-size:90%;
  }
#tag-cloud li.rank-1 {
  font-size:200%;
  }
#tag-cloud li.rank-2 {
  font-size:175%;
  }
#tag-cloud li.rank-3 {
  font-size:150%;
  }
#tag-cloud li.rank-4 {
  font-size:125%;
  }
#tag-cloud li.rank-5 {
  font-size:100%;
  }
#tag-cloud li.rank-6 {
  font-size:80%;
  }
#tag-cloud li a {
  text-decoration:none;
  white-space:nowrap;
  }

/* 中尾さん記事
----------------------------------------- */
#nakao {
  margin:0 1em 0 0.91em;
  }
*:first-child+html p#news-ttl {
  margin-bottom:-16px;
  }
* html p#news-ttl {
  margin-bottom:-16px;
  }
#nakao dd {
  margin-bottom:.5em;
  }



/* 個別記事
----------------------------------------- */
#e-body { /* 記事本文領域 */
  margin:0 0 3.2em;
  padding-top:1.7em;
  line-height:1.7;
  background:url(css/h2-lower.gif) no-repeat left top;
  zoom:100%;
  }
#e-body:after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
  }
* html #e-body {
  width:35.7em;
  }
#e-body p,
#e-body ul,
#e-body ol,
#e-body dl {
  margin:0 1em 1em .96em;
  }
#e-body ul li {
  margin-left:1.2em;
  }
body:first-of-type #e-body ul li { /* for Safari 3 */
  margin-left:1.5em;
  }
#e-body ol li {
  margin-left:1.5em;
  }
body:first-of-type #e-body ol li { /* for Safari 3 */
  margin-left:1.7em;
  }
#e-body blockquote {
  margin:0 1em 1.5em .96em;
  padding:1em .5em .2em;
  border-width:2px;
  border-style:solid;
  }

/* 個別ページアドセンスの設定
----------------------------------------- */
div#ad1,
div#ad2 { /* 左上と真ん中 */
  margin:0 1.1em .57em .96em;
  float:left;
  display:inline;
  clear:both;
  }
div#ad3 { /* 最下部 */
  margin:0 0 0 .96em;
  clear:both;
  }
div#ad1.adblock p,
div#ad2.adblock p,
div#ad3.adblock p {
  margin-left:0;
  }

/* この記事のタグ
----------------------------------------- */
#entry-tags {
  margin:4em 1em 2em .91em;
  padding:3px 6px;
  border-width:1px;
  border-style: solid;
  }
#entry-tags-list {
  padding-top:5px;
  border-top-width:1px;
  border-top-style: dashed;
  }
#entry-tags #entry-tags-list li {
  margin-left:0;
  padding-right:5px;
  list-style:none;
  display:inline;
  }
#entry-tags #entry-tags-list li a {
  white-space:nowrap;
  text-decoration:none;
  }

/* 個別記事・関連記事以降
----------------------------------------- */
#ecat-area { /* 「関連記事」部分 */
  margin:0 0 1em .86em;
  clear:both;
  }
#ecat-area p#ecat-ttl { /* 「関連記事」文字部分 */
  margin:0 0 .21em;
  padding:.35em 0 .21em 1.5em;
  width:80%;
  font-size:130%;
  line-height:1;
  font-weight:bold;
  background:url(css/mark.jpg) no-repeat left top;
  }
#ecat-area dl {
  margin:0 0 0 .86em;
  }
#ecat-area dt { /* 「関連記事」記事タイトル */
  margin:0 0 .1em;
  font-size:105%;
  }
#ecat-area dd { /* 「関連記事」記事概要 */
  margin:0 0 .96em;
  font-size:86%;
  line-height:1.5;
  }

/* 個別記事の中尾さん
----------------------------------------- */
#e_nakao {
  margin:2em 1em 0 1.77em;
  }
#e_nakao dd {
  margin-bottom:.5em;
  }



/* タグ一覧ページ
----------------------------------------- */
#all-tags td {
  padding:.3em .5em;
  vertical-align:top;
  }
#all-tags td a {
  padding:2px 6px;
  text-decoration:none;
  border-width:1px;
  border-style: solid;
  display:block;
  }



/* タグ検索結果ページ
----------------------------------------- */
#tag-list .list-area {
  margin-bottom:36px;
  padding:0 6px 3px;
  font-size:90%;
  border-width:1px;
  border-style: solid;
  }
#tag-list dt {
  margin-bottom:3px;
  font-size:130%;
  }
#tag-list dd {
  margin-left:10px;
  }
#tag-list .list-area p {
  margin:6px 0 0;
  border-bottom-width:1px;
  border-bottom-style: dashed;
  }
#tag-list .list-area a {
  white-space:nowrap;
  text-decoration:none;
  }



/* 相互リンク募集ページ
----------------------------------------- */
#e-body fieldset {
  margin:2em 1em 0 .96em;
  padding:0 0 0 1.2em;
  border-width:2px;
  border-style:solid;
  }
#e-body legend {
  padding:.4em .8em;
  font-size:1.4em;
  font-weight:bold;
  border-width:0 2px 3px 0;
  border-style:solid;
  }
#e-body fieldset dl {
  margin-right:0;
  }
#e-body fieldset dt {
  font-weight:bold;
  font-size:1.15em;
  }
#e-body fieldset dt#form_top {
  margin-top:1.3em;
  }
#e-body fieldset dt span {
  font-weight:normal;
  font-size:.9em;
  }
#e-body fieldset dd {
  margin:0 0 1.4em;
  }
#e-body fieldset .form_width {
  width:94% !important;
  border-width:1px 0 0 1px;
  border-style:solid;
  font-size:1.2em;
  }
#e-body fieldset dd #textarea_cmnt {
  margin-top:.8em;
  margin-left:0;
  line-height:1.3;
  font-size:90%;
  }
#e-body p#form_cmnt {
  margin-top:.8em;
  font-size:90%;
  line-height:1.5;
  }



/* サイドバー
----------------------------------------- */
#side {
  width: 17.14em;
  overflow: hidden;
  }
* html #side {
  width:17em;
  }
#side dl.side-catlist {
  margin:0 0 1.7em;
  border-bottom-width:2px;
  border-bottom-style: solid;
  }
#side .side-catlist dt,
#e_side-top { /* カテゴリー名, HOMEリンク */
  padding:.25em 0 0 .57em;
  font-weight:bold;
  background:url(css/side_dt.gif);
  line-height:2;
  }
#side .side-catlist dd {
  font-size:95%;
  border-style:solid;
  border-width:0 2px;
  line-height:1.25;
  }
#side dl.side-catlist dd a { /* エントリー名 */
  text-decoration:none;
  display:block;
  padding:.57em 0 .57em .57em;
  border-width:0 0 1px;
  border-style:solid;
  }
#side dl.side-catlist dd.dd-bttm a {
  border-bottom:none;
  }
#side dl.side-catlist dd a:hover { /* エントリー名(hover時) */
  background-image:url(css/side-dd.gif);
  background-repeat:no-repeat;
  background-position:0 .34em;
  }

#side ul.nocat-box { /* カテゴリーなしエントリー一覧 */
  margin:2.78em 0 1.7em;
  border-width:0 0 1px;
  border-style:dashed;
  }
#side ul.nocat-box li {
  font-size:.96em;
  margin:0 0 .34em 1.3em;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin:0 0 .34em 1.1em;
  }
body:first-of-type #side ul.nocat-box li {
  margin-left:1.3em;
  }
#side ul.nocat-box li a {
  text-decoration:none;
  }
#side ul.nocat-box li a:hover {
  text-decoration:underline;
  }

#side #fs { /* フリースペース */
  margin:0 0 2.14em 0;
  padding:0 0 .4.28em;
  font-size:95%;
  line-height:1.7;
  border-style:dashed;
  border-width:0 0 1px;
  }
#side #fs ul {
  margin-left:1.2em;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left:1.1em;
  }
body:first-of-type #side #fs ul {
  margin-left:1.3em;
  }

ul#rss-area { /* ATOM, RSS */
  margin:2.14em 0 1.7em 3em;
  height:28px;
  }
ul#rss-area li {
  margin-right:.53em;
  width:65px;
  height:28px;
  float:left;
  display:inline;
  list-style:none;
  }
ul#rss-area li a {
  display:block;
  width:65px;
  height:28px;
  text-indent:-9999px;
  }
ul#rss-area li#atom a {
  background:url(css/atom.gif) no-repeat;
  }
ul#rss-area li#rss a {
  background:url(css/rss.gif) no-repeat;
  }

div#qr-area { /* QRコード */
  margin-right:1em;
  text-align:center;
  }
p#qr-ttl {
  margin-bottom:.34em;
  padding-left:.27em;
  font-weight:bold;
  font-size:128%;
  }
#qr-area img {
  margin-bottom:.22em;
  border-width:1px;
  border-style:solid;
  }
#qr-area #three_career {
  margin-top:.6em;
  background:url(css/3career.gif) no-repeat center top;
  text-indent:-9999px;
  }
#qr-area p#qr-des {
  margin:1.37em 0em 2.2em 1.7em;
  font-size:.85em;
  line-height:1.47;
  text-align:left;
  }

#e_side-top { /* 「HOME」リンク */
  margin:.75em 0 .64em;
  }
#e_side-top a {
  font-weight:bold;
  display:block;
  letter-spacing:1px;
  text-decoration:none;
  }



/* フッター
----------------------------------------- */
#foot {
  padding:2em 0 .91em;
  width:100%;
  clear:both;
  text-align: center;
  background-repeat:no-repeat;
  }
#foot address {
  font-size:85%;
  }



/* 汎用
----------------------------------------- */
#wrap .bold {
  font-weight:bold;
  }



/* モバイルデザイン用
----------------------------------------- */
#mobile {
  background:url(css/m_banner.gif);
  }
#mstyle {
  background:url(css/mstyle.png);
  }
 
#foot a,
#foot a:link,
#foot a:visited
{
	color: #D0B38F;
}

