@charset "EUC-JP";

/* Template Info
==============================================================================
 Name: plain
 Layout: 2Column Fixed Layout (Right Menu)
 Update: 2008.04.17
 
 designed by cie. http://blog.livedoor.jp/cie/
==============================================================================
*/


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

body {
  width: 100%;
  height: 100%;
  font-family: Verdana, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', Meiryo, Osaka, Arial;
  text-align: center;
  letter-spacing: 1px;
  color: #333;
  font-size: 100%;
  line-height: 1em;
  background-color: #bbb;
  }
a, a:link, a:active, a:visited {color: #666;text-decoration: none;}
a:hover, a:focus {color: #333;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 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;}
h1,h2,h3,h4,h5 {margin: .3em 0; }
hr {margin: 1em;}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dotted #999;
  }
blockquote{
  background: #fafafa;
  color: #666;
  padding: .7em;
  font-size: .9em;
  border-left: 3px solid #999;
  letter-spacing: 2px;
  overflow: hidden;
  word-break: break-all;
  }
blockquote[title]::after {
  padding: 1em 0 0;
  font-size: .8em;
  color: #999;
  background-color: transparent;
  text-align: right;
  content: attr(title);
  display: block;
  }
blockquote[cite]::after {
  padding: 1em 0 0;
  font-size: .8em;
  color: #999;
  background-color: transparent;
  text-align: right;
  content: attr(cite);
  display: block;
  }
blockquote[title][cite]::after {
  padding: 1em 0 0;
  font-size: .8em;
  color: #999;
  background-color: transparent;
  text-align: right;
  content: attr(title)" - "attr(cite);
  display: block;
  }


/* レイアウト
------------------------------------------------------------------------------*/
#container {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  background: #fff url(http://livedoor.blogimg.jp/sakamotorei/imgs/c/6/c6b5798b.png) repeat-y 50% 0;
}
#content {
  float: left;
  width: 560px;
  padding: 0;
  margin-right: 10px;
}
#links {
  width: 210px;
  float: left;
  padding: 0 0 20px 0;
  text-align: left;
}
#footer {
  clear: both;
  padding: 10px 0 60px 40px;
  font-size: .65em;
  line-height: 2em;
  color: #999;
  background-image: url(http://livedoor.blogimg.jp/sakamotorei/imgs/6/c/6c61313d.png);
  background-position: bottom;
  background-repeat: no-repeat;
}


/* バナー
------------------------------------------------------------------------------*/
#banner {
  width: 800px;
  height: 200px;
  background-color: #c03; /* ←ここを変更するとブログタイトル後ろの色が変わります。 */
  background-image: url(http://livedoor.blogimg.jp/sakamotorei/imgs/6/6/665649e5.png);
  background-repeat: no-repeat;
  text-align: left;
  margin: 0 0 20px;
  }
#banner a,
#banner a:link,
#banner a:active,
#banner a:visited {color: #eee;text-decoration: none;}
#banner a:hover {color: #ddd;text-decoration: none;}

.blogtitle {
  font-size: 24px;
  padding: 95px 0 0 0;
  margin: 0;
  text-align: center;
  font-weight: normal;
  }
.description {
  font-size: 12px;
  color: #eee;
  padding: 15px 0 0 0;
  margin: 0;
  text-align: center;
}

/* パンくずリスト
------------------------------------------------------------------------------*/
#breadcrumb {
  text-align: left;
  padding: 1em;
  margin: 0 2em 1.5em 2em;
  color: #333;
  font-size: .8em;
  }

/* 記事
------------------------------------------------------------------------------*/
.blog {
  padding-left: 25px;
  padding-right: 25px;
  }
.date {
  color: #ddd;
  font-size: 1.1em;
  font-family:  Georgia, 'Times New Roman';
  font-style: italic;
  padding: 0 0 2px 8px;
  margin: 0 0 5px 0;
  text-align: right;
  letter-spacing: 8px;
 }
.blogbody {
  padding: 0 0 10px 0;
  line-height: 1.3em;
  border: 0;
  }
.title {
  color: #666;
  font-size: 1em;
  font-weight: bold;
  margin: 0 5px 5px 8px;
  padding: 5px 0;
  border: #ddd solid;
  border-width: 1px 0;
  }
.main {
  font-size: .8em;
  margin: 10px 0 20px 5px;
  padding: 0 5px 0 8px;
  word-break: break-all;
  }
.main a,
.main a:link,
.main a:active,
.main a:visited {color: #999;text-decoration: none;}
.main a:hover,
.main a:focus {color: #666;text-decoration: none;}
.main img {
  margin: 0 1px;
  vertical-align: middle;
  float: none;
  border: 0;
  }
main img.pict {
  margin: 5px 8px 3px 0;
  padding: 3px;
  border: 1px solid #ccc;
  }
.main ul,
.main ol,
.main dl,
.main blockquote {margin: 2em 0 2em 3em;}
.main pre {
  background: #eee;
  color: #666;
  padding: 1em;
  font-size: .9em;
  margin: 2em 1em;
  }
.continues{
  clear: both;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
  }
.continues a,
.continues a:link,
.continues a:visited {color: #666;text-decoration: none;}
.continues a:hover,
.continues a:focus {color: #999;text-decoration: none;}
.main-continues {
}
.article-tags {margin: 2em 0 0 !important;}

.posted {
  margin: 1em 0 3em;
  list-style-type: none;
  font-size: .6em;
  text-align: right;
  }
.posted ul {margin-bottom: .3em;}
.posted li {display: inline;}
.posted a, .posted a:link, .posted a:visited{color: #666;text-decoration: none;}
.posted a:hover, .posted a:focus, .posted a:active{color: #999;text-decoration: none;}
.nick {margin-left: 2px;}


/* ナビゲーション
------------------------------------------------------------------------------*/
.pager {
  font-size: .8em;
  text-align: center;
  margin: 1em 0 3em;
  }
.pager a,
.pager a:link,
.pager a:visited {color: #333;text-decoration: none;}
.pager a:hover,
.pager a:focus {color: #aaa;text-decoration: none;}
.pagetop{
  font-size: .8em;
  text-align: right;
  margin: 2em 0;
  }
.pagetop a,
.pagetop a:link,
.pagetop a:active,
.pagetop a:visited {color: #333;text-decoration: none;}
.pagetop a:hover,
.pagetop a:focus {color: #aaa;text-decoration: none;}


/* トラックバック
------------------------------------------------------------------------------*/
.trackback-urlhead {
  font-size: .9em;
  font-weight: bold;
  margin: 3em 0 1em;
  padding: .3em 0 .3em .5em;
}
.trackback-url {
  color: #666;
  font-size: .75em;
  font-family:  Georgia, 'Times New Roman';
  font-weight: bold;
  font-style: italic;
  margin: 10px 0 15px 20px;
  }
.trackback-head {
  font-size: .9em;
  font-weight: bold;
  margin: 3em 0 1em;
  padding: .3em 0 .3em .5em;
  }
.trackback-body {
  font-size: .75em;
  margin: 15px 10px 0 15px;
  padding: 1em 1em .5em;
  background: #fafafa;
  letter-spacing: 2px;
  }
.trackback-post{
  color: #666;
  font-size: .65em;
  font-family:  Georgia, 'Times New Roman';
  font-style: italic;
  text-align: right;
  margin: 0 10px 15px 15px;
  padding: .5em;
  letter-spacing: 2px;
  background: #fafafa;
  }
.trackback-post a,
.trackback-post a:link,
.trackback-post a:visited {color: #999;text-decoration: none;}
.trackback-post a:hover,
.trackback-post a:focus,
.trackback-post a:active {color: #ccc;text-decoration: none;}

/* コメント
------------------------------------------------------------------------------*/
.comments-head {
  font-size: .9em;
  font-weight: bold;
  margin: 3em 0 1em;
  padding: .3em 0 .3em .5em;
  }
.comments-body {
  font-size: .75em;
  margin: 15px 10px 0 15px;
  padding: 1em 1em .5em;
  background: #fafafa;
  letter-spacing: 2px;
  }
.comments-body img {
  margin: 0 1px;
  vertical-align: middle;
  float: none;
  border: 0;
  }
.comments-post {
  color: #666;
  font-size: .65em;
  font-family:  Georgia, 'Times New Roman';
  font-style: italic;
  text-align: right;
  margin: 0 10px 15px 15px;
  padding: .5em;
  letter-spacing: 2px;
  background: #fafafa;
  }
.comments-post a,
.comments-post a:link,
.comments-post a:visited {color: #999;text-decoration: none;}
.comments-post a:hover,
.comments-post a:focus,
.comments-post a:active {color: #ccc;text-decoration: none;}

.body-rows,
.post-rows {background: transparent;}

/* コメントフォーム
------------------------------------------------------------------------------*/
table.form {margin: 40px 0 0 10px;} 
table.form td {font-size: .8em;font-weight: normal; padding: .4em 0;} 
table.form label {font-weight: bold; padding-right: .3em;} 
table.form #author,
table.form #email,
table.form #url {
  width: 250px;
  background: #fff;
  border: 1px solid #333;
  font-size: 1.2em;
  } 
table.form #text {
  width: 400px;
  height: 200px;
  border: 1px solid #333;
  font-size: 1.2em;
  color: #333;
  background: #fff;
  } 

table.form input,
table.form textarea {padding: .3em;}
table.form input:hover,
table.form textarea:hover {background: #eee !important;}
table.form input:focus,
table.form textarea:focus {background: #ffe !important;}
table.form input#submit {
  width: 250px;
  font-size: 1.2em;
  background: #eee;
  padding: 1em;
  letter-spacing: .5em;
  cursor: pointer;
  border: 1px solid #333;
  }
table.form input#submit:hover,
table.form input#submit:focus {background: #ffe !important;}

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

/* サイドメニュー
------------------------------------------------------------------------------*/
.sidetitle {
  font-size: .9em;
  font-weight: bold;
  padding: 3px 0 3px 0;
  text-align: left;
  width: 210px;
  letter-spacing: 2px;
  }
.side {
  font-size: .75em;
  text-align: left;
  margin-bottom: 15px;
  line-height: 1.3em;
  padding-top: 5px;
  width: 100%;
 }
.sidebody {
  padding: 1px 5px 1px 5px;
  margin: 0 0 10px 0;
  }
.sidebody a,
.sidebody a:link,
.sidebody a:visited {color: #999;text-decoration: none;}
.sidebody a:hover,
.sidebody a:focus,
.sidebody a:active {color: #ccc;text-decoration: none;}

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

/* カレンダープラグイン
------------------------------------------------------------------------------*/
.calendarhead {
  font-size: .9em;
  padding: 3px 0 3px 0;
  margin-bottom: 5px;
  text-align: center;
  font-weight: bold;
  width: 210px;
  letter-spacing: 2px;
  }
.calendartable {
  width: 200px;
  text-align: center;
  margin-bottom: 20px;
  background: url('http://rosea.jpn.org/css/plain/calendartable.png') no-repeat;
  }
.calendarweek {
  padding: 5px 0;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  visibility: hidden;
  }
.calendarwd {
  padding: 3px 0;
  }
.calendard {
  empty-cells: show;
  margin: 0;
  padding: 3px 0;
  }
.calendardbg {
  padding: 3px 0;
  background: #fafafa;
  }
.calendar {
  font-size: .7em;
  text-align: center;
  }
.calendar a,
.calendar a:link,
.calendar a:visited {color: #666;text-decoration: none;font-weight: bold;padding: 4px 4px;}
.calendar a:hover {color: #eee;}

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

/* フッター
------------------------------------------------------------------------------*/
#footer a,
#footer a:link,
#footer a:visited {color: #ccc;}
#footer a:active,
#footer a:hover {color: #999;}

#footer {font-size: .7em;}
#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: 1em;
  }
.index-navigator li {
  border:0; margin:0; padding:0;
  list-style: none;
  }
.index-navigator a {
  border: solid 1px #ccc;
  margin: 0 3px 0 2px;
  }
.index-navigator .paging-prev a,
.index-navigator .paging-next a {
  font-weight: bold;
  border: 1px solid #fff;
  color: #999;
  padding: .3em .6em;
  text-decoration: none;
  }
.index-navigator .paging-first,
.index-navigator .paging-last {
  }
.index-navigator .current {
  color: #666;
  background: #ccc;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: .3em .6em;
  }
.index-navigator a:link,
.index-navigator a:visited {
  color: #999;
  padding: .3em .6em;
  text-decoration: none;
  }
.index-navigator a:hover,
.index-navigator a:focus {
  color: #fff;
  background: #ccc;
  }

/* 広告
------------------------------------------------------------------------------*/
#ad{margin: 3em 1em 2em; width: 400px;}
#ad iframe {width: 100%;}
.gAdsense {background: #fafafa;padding: 2em;width:100% !important;}
.ad{background: #fff;}
a.adtitle,
a.adtitle:link,
a.adtitle:visited {color: #999;}
a.adtitle:hover {color: #ccc;}

/* livedoor Blog ヘッダー
------------------------------------------------------------------------------*/
table#header {
  font-size: .75em;
  background: #eee;
  border-bottom: 2px solid #999;
  margin-bottom: 1em;
  letter-spacing: normal;
  }
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;}
table#header td,
table#header th {
  padding: .3em 0;
  border-bottom: 2px solid #ccc;
  }

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

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