@charset "UTF-8";

/* Template Info
==============================================================================
 Name: clover
 Layout: 2Column Liquid Layout (Right Menu)
 Update: 2008.05.21
 
 designed by cie. http://blog.livedoor.jp/cie/
==============================================================================
*/

/* STYLE GUIDE
------------------------------------------------------------------------------
# [Layout]

 1. Body
   2. Container / #container
     2.1. Header / #banner
     2.2. Content / #content
       2.2.1. Left column(main) / #content
       2.2.2. Right column(sidebar) / #links
     2.3. Footer / #footer

 livedoor Header / #header
 Advertisements  / #ad


# [Color Codes]

 Text-Color:   #222
 Background:   #fff
 Header-Color: #5e944a

 Link-Text:        #222
 Link-Text:        #5e944a
 Link-Text(hover): #fefefe

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

/* 初期設定
------------------------------------------------------------------------------*/
* {margin: 0;padding: 0;}

body {
  width: 100%;
  font-family: Verdana, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', Meiryo, Osaka, Arial;
  font-size: 120%;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #222;
  text-align: center;
  background: #fff;
  }
a, a:link, a:active, a:visited {color: #222;background: transparent;text-decoration: none;}
a:hover, a:focus {color: #fefefe;background: #5e944a;text-decoration: none;}
br {letter-spacing: normal;}
img {border: 0;}
p {margin-bottom: 1em;}
select option {padding: 0 5px;}
pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
  }
ul, ol, dl {
  margin: 0 0 1em 2em;
  }
ul ul {
  list-style-type: square;
  margin-left: 1em;
  }
ul ul ul {list-style-type: circle;}
ol ol {
  list-style-type: upper-roman;
  margin-left: 1em;
  }
ol ol ol {list-style-type: upper-alpha;}
dl dt {font-weight: 900;}
dl dd {margin-left: 1em;}
h1,h2,h3,h4,h5 {margin: .3em 0; }
hr {
  border: 1px;
  height:1px;
  color: #e5e9e5;
  background-color: #e5e9e5;
  margin: 1em .5em;
  }
blockquote {
  color: #222;
  background-color: #e5e9e5;
  border: 2px solid #5e944a;
  letter-spacing: 2px;
  font-size: .8em;
  padding: 1em;
  margin: 1em;
  }
blockquote[title]::after {
  content: attr(title);
  color: #666;
  background-color: transparent;
  text-align: right;
  display: block;
  }
blockquote[cite]::after {
  content: attr(cite);
  color: #666;
  background-color: transparent;
  text-align: right;
  display: block;
  }
blockquote[title][cite]::after {
  content: attr(title)" - "attr(cite);
  color: #666;
  background-color: transparent;
  text-align: right;
  display: block;
  }
blockquote ul,
blockquote ol {
  margin-left: 2em;
  }


/* レイアウト
------------------------------------------------------------------------------*/
#container {
  text-align: left;
  }
#content {
  width: 69%;
  float: left;
  padding: 0;
  margin-bottom: 20px;
  font-size: .8em;
  border-right: 5px solid #e5e9e5;
  }
#links {
  width: 27%;
  float: right;
  padding: 10px 0 10px 0;
  margin-bottom: 20px;
  margin-right: 10px;
  font-size: .9em;
  }
#footer {
  clear: both;
  font-size: .7em;
  line-height: 2em;
  padding: 20px 10px 20px 30px;
  }


/* バナー
------------------------------------------------------------------------------*/
#banner {
  text-align: left;
  background: #5e944a url(http://livedoor.blogimg.jp/may_olive_sunfish/imgs/8/a/8a4818dd.png) repeat-x;
  margin-bottom: 20px;
  height: 130px;
  }
#banner a,
#banner a:link,
#banner a:active,
#banner a:visited,
#banner a:hover,
#banner a:focus {color: #fefefe;background: transparent;}

#banner h1.blogtitle {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 3px;
  margin: 0;
  padding: 65px 0 0 30px;
  }
#banner p.description {
  font-size: 11px;
  padding: 5px 0 0 30px;
  color: #fefefe;
  margin: 0;
  }

/* パンくずリスト
------------------------------------------------------------------------------*/
#breadcrumb {
  font-weight: normal;
  text-align: left;
  padding: .5em;
  margin: 1em 1em 2em;
  font-size: .9em;
  }
#breadcrumb a {border-bottom: 1px dotted #5e944a}

/* 記事
------------------------------------------------------------------------------*/
.blog {padding: 0 10px;}
.blogbody {padding: 0 .3em 1em;}
.date {
  font-family: Georgia, 'Times New Roman';
  font-style: italic;
  font-size: 1em;
  letter-spacing: .3em;
  padding: .3em;
  margin: .5em;
  text-align: left;
 }
.title {
  color: #5e944a;
  font-size: 1.1em;
  font-weight: 900;
  margin: 1em .3em;
  padding: .3em;
  padding-left: 20px;
  background: url(http://livedoor.blogimg.jp/may_olive_sunfish/imgs/c/8/c83266ed.png) no-repeat 0 50%;
  border-bottom: 1px solid #e5e9e5;
  }
.title img {padding: 0 0 0 5px;}
.title a,
.title a:link,
.title a:active,
.title a:visited {color: #5e944a;}
.title a:hover,
.title a:focus {color: #fefefe;}
.main {
  font-size: 1em;
  padding: 0 .5em 0 1em;
  margin-bottom: 1em;
  }
.main p {
  font-size: 1em;
  margin-bottom: 1em;
  }
.main a,
.main a:link,
.main a:active,
.main a:visited {
  color: #5e944a;
  }
.main a:hover,
.main a:focus {color: #fefefe;}
.main acronym,
.main abbr {
  cursor: help;
  border-bottom: 1px dotted #5e944a;
  }
.main img {
  margin: 0 1px;
  vertical-align: middle;
  float: none;
  border: 0;
  }
.main img.pict {
  padding: 4px;
  border: 1px solid #e5e9e5;
  background: #fff;
  margin: 0 5px 5px 5px;
  }
.main .continues {
  clear: both;
  font-size: 1.2em;
  font-weight: 900;
  margin: 1em 0;
  }
.continues a,
.continues a:link,
.continues a:visited {color: #5e944a;}
.continues a:hover,
.continues a:focus {color: #fefefe;}
.main-continues {clear: both;}
.article-tags {
  background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/tag.gif) no-repeat 0 50%;
  padding-left: 25px !important;
  margin: 1em 0 !important;
  height: 1%;
  min-height: 16px;
  }
.common-theme {
  background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/common_theme.gif) no-repeat 0 50%;
  padding-left: 25px !important;
  margin: 1em 0 !important;
  height: 1%;
  min-height: 16px;
  }
.posted {
  margin: 1em 0 2em;
  list-style-type: none;
  font-size: .8em;
  text-align: right;
  }
.posted ul {margin: .5em 0;}
.posted li {display: inline;}
.posted a, .posted a:link, .posted a:visited {color: #5e944a;text-decoration: none;}
.posted a:hover, .posted a:focus, .posted a:active {color: #fefefe;text-decoration: none;}
.posted a img {vertical-align: text-bottom;}
.nick {margin-left: 2px;}

a.ldclip-redirect img {}
span.clap img {vertical-align: text-bottom !important;}

/* ナビゲーション
------------------------------------------------------------------------------*/
.pager {
  font-size: 1em;
  text-align: center;
  margin: 1em 0 3em;
  }
.pager a,
.pager a:link,
.pager a:visited {}
.pager a:hover,
.pager a:focus {}
.pagetop{
  font-size: .9em;
  text-align: right;
  margin: 2em 1em;
  }
.pagetop a,
.pagetop a:link,
.pagetop a:active,
.pagetop a:visited {}
.pagetop a:hover,
.pagetop a:focus {}
.nextpage {
  margin: 1em 0;
  font-size: .9em;
  text-align: center;
  }
.nextpage a {color: #5e944a;}
.nextpage a:hover,
.nextpage a:focus {color: #fefefe;}

/* トラックバック
------------------------------------------------------------------------------*/
.trackback-urlhead {
  font-size: .9em;
  font-weight: 900;
  padding: .5em 1em;
  margin: 4em .5em 2em;
  border-bottom: 2px solid #e5e9e5;
  }
.trackback-url {
  font-size: .9em;
  font-weight: 900;
  color: #5e944a;
  margin: 0 1em 1em;
  }
.trackback-head {
  font-size: .9em;
  font-weight: 900;
  padding: .5em 1em;
  margin: 4em .5em 2em;
  border-bottom: 2px solid #e5e9e5;
  }
.trackback-body {
  font-size: .85em;
  margin: .6em 1.5em 0;
  padding: 1em 1em .5em;
  border-left: 3px solid #5e944a;
  }
.trackback-post{
  font-size: .85em;
  margin: 0 1.5em 3em;
  text-align: right;
  padding: .5em 1em 1em;
  border-left: 3px solid #5e944a;
  }
.trackback-post a,
.trackback-post a:link,
.trackback-post a:visited {
  color: #5e944a;
  }
.trackback-post a:hover,
.trackback-post a:focus,
.trackback-post a:active {
  color: #fefefe;
  }

/* コメント
------------------------------------------------------------------------------*/
.comments-head {
  font-size: .9em;
  font-weight: 900;
  padding: .5em 1em;
  margin: 4em .5em 2em;
  border-bottom: 2px solid #e5e9e5;
  }
.comments-body {
  font-size: .85em;
  margin: .6em 1.5em 0;
  padding: 1em 1em .5em;
  border-left: 3px solid #5e944a;
  }
.comments-body img {
  margin: 4px 1px 3px;
  vertical-align: middle;
  float: none;
  border: 0;
  }
.comments-post {
  font-size: .85em;
  margin: 0 1.5em 3em;
  text-align: right;
  padding: .5em 1em 1em;
  border-left: 3px solid #5e944a;
  }
.comments-post a,
.comments-post a:link,
.comments-post a:visited {
  color: #5e944a;
  }
.comments-post a:hover,
.comments-post a:focus,
.comments-post a:active {
  color: #fefefe;
  }

.body-rows,
.post-rows {background: #e5e9e5;}

/* コメントフォーム
------------------------------------------------------------------------------*/
table.form {margin: 20px 0 20px 30px;} 
table.form td {font-size: 1em;font-weight: normal; padding: .4em 0;}
table.form label {
  font-size: .9em;
  color: #222;
  font-weight: 900;
  padding-right: .3em;
  }
table.form #author,
table.form #email,
table.form #url {
  font-size: 1em;
  width: 250px;
  color: #666;
  background-color: transparent;
  border: 1px solid #666;
  } 
table.form #text {
  font-size: 1em;
  color: #666;
  background-color: transparent;
  border: 1px solid #666;
  width: 350px;
  height: 15em;
  } 
table.form input,
table.form textarea {padding: .3em;}
table.form #email:hover,
table.form #url:hover,
table.form #text:hover {
  color: #222 !important;
  background-color: #eee !important;
  border: 1px solid #222 !important;
  }
table.form #author:focus,
table.form #email:focus,
table.form #url:focus,
table.form #text:focus {
  color: #222 !important;
  background: #ffe !important;
  border: 1px solid #222 !important;
  }
table.form input#submit {
  width: 250px;
  font-size: 1.2em;
  background: #eee;
  color: #666;
  padding: 1em;
  letter-spacing: .5em;
  cursor: pointer;
  border: 1px solid #666;
  }
table.form input#submit:hover,
table.form input#submit:focus {
  color: #222;
  background: #ffe !important;
  border: 1px solid #222;
  }

#error {
  color: #f44;
  background: #fee;
  border: 1px solid #f99;
  font-size: .8em;
  font-weight: 900;
  padding: 2em;
  margin: 2em 1em 1em 1em;
  }

/* サイドメニュー
------------------------------------------------------------------------------*/
.sidetitle {
  padding: 0 .3em .3em;
  background: url(http://livedoor.blogimg.jp/may_olive_sunfish/imgs/e/e/ee78c8cb.png) no-repeat 100% 0;
  border-bottom: 1px solid #e5e9e5;
  letter-spacing: 2px;
  }
.side {
  font-size: .8em;
  padding: .5em .5em 2em;
 }
.sidebody {
  padding: .3em 0;
  }
.sidebody a,
.sidebody a:link,
.sidebody a:active,
.sidebody a:visited {color: #5e944a;}
.sidebody a:hover,
.sidebody a:focus {color: #fefefe;}

#ld-services {padding: 2em 0 !important;}
#ld-services a {padding:0;background: transparent;}

/* カレンダープラグイン
------------------------------------------------------------------------------*/
.calendarhead {
  padding: 0 .5em .3em;
  background: url(http://livedoor.blogimg.jp/may_olive_sunfish/imgs/a/7/a71b2ca1.png) no-repeat 100% 0;
  border-bottom: 1px solid #e5e9e5;
  letter-spacing: 2px;
  font-weight: normal;
  text-align: center;
  }
.calendartable {
  width: 95%;
  text-align: center;
  margin: .5em auto 2em;
  }
.calendarweek {
  font-weight: 900;
  text-align: center;
  padding: .2em;
  }
.calendarwd {
  font-size: .9em;
  padding: .3em 0;
  }
.calendard {
  empty-cells: show;
  padding: .3em 0;
  }
.calendardbg {
  padding: .3em 0;
  background: url(http://livedoor.blogimg.jp/may_olive_sunfish/imgs/7/3/73be622f.png) no-repeat 50% 50%;
  }
.calendar {
  font-size: .75em;
  text-align: center;
  }
.calendar a,
.calendar a:link,
.calendar a:active,
.calendar a:visited {color: #222;}
.calendar a:hover,
.calendar a:focus {color: #222;background: transparent;}
a.calendarpre,
a.calendarnext {font-size: .7em;}

.sun{color: #c03;}
.weekday{color: #222;}
.sat{color: #30c;}

/* タグクラウドプラグイン
------------------------------------------------------------------------------*/
ul.tagcloud a,
ul.tagcloud a:link,
ul.tagcloud a:visited,
ul.tagcloud a:active {color: #5e944a;text-decoration: underline;}
ul.tagcloud a:hover,
ul.tagcloud a:focus {color: #fefefe;text-decoration: none;}

/* フッター
------------------------------------------------------------------------------*/
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {color: #5e944a;}
#footer a:hover,
#footer a:focus {color: #fefefe;}
#footer a[title="RSS Feed"] {
  padding-left:17px;
  background-image: url(http://livedoor.blogimg.jp/may_olive_sunfish/imgs/7/0/705250b5.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  }
#footer a[title="ATOM Feed"] {
  padding-left:17px;
  background-image: url(http://livedoor.blogimg.jp/may_olive_sunfish/imgs/e/4/e44f12fd.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  }

#footer p {}
#footer ul {
  margin: 0 0 2em;
  list-style-type: none;
  }
#footer li {display: inline;}

/* インデックスナビゲーション
------------------------------------------------------------------------------*/
ul.index-navigator li,
ol.paging-number,
ol.paging-number li {
  display: inline;
  padding: 0;
  margin: 0;
  }
div.index-navigator-outer {
  text-align: center!important;
  }
/* for IE hasLayout */
ul.index-navigator li a {
  zoom: 1;
  }
.index-navigator {
  border: 0;
  margin: 2em 0;
  padding: 0;
  font-size: 1.1em;
  }
.index-navigator li {
  border:0;
  margin:0;
  padding:0;
  list-style: none;
  }
.index-navigator a {
  margin: 0 3px 0 2px;
  }
.index-navigator .paging-first,
.index-navigator .paging-last {
  }
.index-navigator .current {
  color: #fefefe;
  border: 1px solid #5e944a;
  background: #5e944a;
  font-weight: 900;
  padding: .3em .6em;
  }
.index-navigator a:link,
.index-navigator a:visited {
  color: #222;
  padding: .3em .6em;
  text-decoration: none;
  border: 1px solid #fff;
  }
.index-navigator a:hover,
.index-navigator a:focus {
  color: #fff;
  border: 1px solid #5e944a;
  }
.index-navigator .paging-prev a,
.index-navigator .paging-next a {
  font-weight: 900;
  border: 0;
  color: #222;
  padding: .3em .6em;
  text-decoration: none;
  }
.index-navigator .paging-prev a:hover,
.index-navigator .paging-next a:hover {
  border: 0;
  color: #5e944a;
  background: transparent;
  }

/* 広告
------------------------------------------------------------------------------*/
#ad {margin: 3em 2em 2em; width: 80%;}
#ad iframe {width: 100%;}
.gAdsense {width:100% !important;}
.ad{}
a.adtitle,
a.adtitle:link,
a.adtitle:visited,
a.addescription,
a.addescription:link,
a.addescription:visited,
a.adurl,
a.adurl:link,
a.adurl:visited,
a.adld {color: #999;}
a.adtitle:hover,
a.addescription:hover,
a.adurl:hover,
a.adld:hover {color: #999;background: transparent;}


/* livedoor Blog ヘッダー
------------------------------------------------------------------------------*/
table#header {
  font-size: .65em;
  background: #fafafa;
  border-bottom: 1px solid #ccc;
  letter-spacing: normal;
  line-height: 1.1em;
  }
table#header a,
table#header a:link,
table#header a:active,
table#header a:visited {color: #789;}
table#header a:hover,
table#header a:focus {color: #987;background: transparent;}
table#header td,
table#header th {
  padding: .3em 0;
  border-bottom: 1px solid #eee;
  }
#topics {
  height: 1.5em !important;
  width: auto !important;
  }

/* その他
------------------------------------------------------------------------------*/
.left {float: left !important;}
.right {float: right !important;}
.clear {clear: both;}

.rating img{vertical-align: top;padding: 3px 0;}