@charset "utf-8";

/*------------------------------------------------------

Template: Colorful days
Author: Sebek
WebSite: Sozoro9
URL: http://so9.boo.jp/

 ---- 目次 ----
  1.全体
  2.装飾系
  3.リスト
  4.見出し
  5.角丸CSS
  6.コンテナー
  7.ヘッダー
  8.フッター
  9.トップナビゲーション
  10.メインエリア
  11.記事部分
  12.曜日別タイトル色
  13.サイドナビ
  14.フォーム
  15.プラグイン:フォーム
  16.プラグイン:カレンダー
  17.プラグイン:Piyo

------------------------------------------------------*/



/*--------------------------------------------- 1. 全体 */
* {
  margin:0;
  padding:0;
  font-size:100%;
  }
html,
body {height:100%;}
html {overflow-y:scroll;}
body {
  background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe4_10.gif) #e7e6e5;
  font-size:82%;
  font-family:Helvetica, Verdana, Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  color:#504946;
  line-height:1.5;
  letter-spacing:1px;
  }

a {
  text-decoration:none;
  overflow:hidden;
  color:#1e90ff;
  }
a:hover {color:#c1ab05;}
img,
a img {border:none 0px;}

/*--------------------------------------------- 2. 装飾系 */
ins {text-decoration:underline;}
em {
  font-style:normal;
  color:#0f2350;
  }
strong {font-weight:bold;}
del{text-decoration:line-through;}
b {font-weight:bold;}
i {font-style:oblique;}
big {font-size:115%;}
small {font-size:75%;}
blockquote {
  margin:1.5em 0;
  padding:6px 1em;
  border:double #75bbdd 3px;
  background:#fff;
  }
blockquote p {
  margin-bottom:0;
  padding:0;
  }
cite,
q {font-style:oblique;}
pre {
  margin:1.5em 0;
  padding:0.5em 1em;
  border:dotted #75bbdd 1px;
  width:70%;
  height:100px;
  overflow:scroll;
  background:#fff;
  font-family:"Osaka－等幅", monospace;
  }
code {font-family:"Osaka－等幅", monospace;}
address {
  margin-bottom:1em;
  font-style:normal;
  }
.emoji {vertical-align: middle;}


/*--------------------------------------------- 3. リスト */
ul,
ol {list-style:none;}
ul li {
  padding:2px 5px;
  border-bottom:dotted #f7f6f5 2px;
  }
ul li ul {
  padding-left:1em;
  border-top:dotted #f7f6f5 2px;
  }
ul li ul li.sub_list_end {border-bottom:none 0;}

dl {padding-left:1em;}
dd {
  padding:5px 10px;
  border-bottom:dotted #999 1px;
  background-color:#fff;
  }
p.tbcm_bottom {
  margin-bottom:1em;
  padding:3px 5px;
  text-align:right;
  }


/*--------------------------------------------- 4. 見出し */
h1 {
  font-size:200%;
  font-weight:bolder;
  line-height:normal;
  }
h2 {
  font-size:130%;
  font-weight:bolder;
  color:#504946;
  text-shadow:#fff 1px 1px 0, #fff -1px -1px, #fff 1px -1px, #fff -1px 1px;/* IE以外 */
  filter:glow(color=#ffffff, strength=2);/* IE専用 */
  }
h2 a {
  color:#504946;
  text-shadow:#fff 1px 1px 0, #fff -1px -1px, #fff 1px -1px, #fff -1px 1px;/* IE以外 */
  filter:glow(color=#ffffff, strength=2);/* IE専用 */
  }
h2 a:hover {color:#887f7a;}
h3 {
  padding:2px 5px;
  margin-bottom:0.5em;
  font-size:120%;
  border-left:double #666 5px;
  border-bottom:solid #ccc 1px;
  font-weight:bolder;
  line-height:normal;
  }
h4 {
  font-size:115%;
  font-weight:bolder;
  background:#d4dcda;
  padding:3px 5px;
  border-left:solid #999 5px;
  line-height:normal;
  }
h5 {
  font-size:110%;
  font-weight:bolder;
  line-height:normal;
  }
h6 {
  font-size:100%;
  font-weight:bolder;
  line-height:normal;
  }


/*--------------------------------------------- 5. 角丸CSS */
.kado  {background:#e7e6e5;}
.kado1,
.kado2,
.kado3,
.kado4 {
  height:1px;
  overflow:hidden;
  background:#a7a6a5;
  }
.kado1 {margin:0 5px;}
.kado2 {margin:0 3px;}
.kado3 {margin:0 2px;}
.kado4 {
  margin:0 1px;
  height:2px;
  }
.kado5 {
  padding:10px;
  background:#a7a6a5;
  }
/* 記事タイトルの角丸 */
.kado5_entrytitle {
  padding:0 10px 8px;
  background:#a7a6a5;
  color:#fff;
  }
/* サイドナビの角丸 */
.kado5_sidenavi {
  padding:6px 10px;
  background:#e7e6e5;
  line-height:1.5;
  }


/*--------------------------------------------- 6. コンテナー */
#container {margin:1em 50px;}


/*--------------------------------------------- 7. ヘッダー */
#header {
  margin-bottom:1.5em;
  padding:1.5em 0;
  background:#24140e;
  border-bottom:solid #898880 3px;
  color:#fff;
  position:relative;
  }
#header h1 {
  margin:0 50px 10px;
  font-style:italic;
  font-size:200%;
  font-family:Georgia, "Times New Roman", Times, serif;
  letter-spacing:1px;
  }
#header h1 a {color:#fff;}
#header .kado5 {padding:10px;}
#header p {
  margin:0 50px;
  font-size:75%;
  }


/*--------------------------------------------- 8. フッター */
#footer {
  padding-top:1em;
  border-top:dotted #898880 2px;
  text-align:center;
  clear:both;
  }


/*--------------------------------------------- 9. トップナビゲーション */
.topnavi {
  position:absolute;
  top:20px;
  right:50px;
  text-align:left;
  }
.topnavi a {color:#c1ab05;}
.topnavi a:hover {color:#000;}
.pagenavi {text-align:center;}


/*--------------------------------------------- 10. メインエリア */
#main:after {
  content:".";
  height:0px;
  clear:both;
  display:block;
  visibility:hidden;
  }
.main_left {
  width:67%;
  float:left;
  margin-bottom:2em;
  }
.main_left img,
.main_left a img {border:solid #f7f6f5 5px;}

.main_right {
  width:30%;
  float:right;
  margin-bottom:2em;
  }
.plugin-myimage img,
.plugin-myimage a img {border:solid #f7f6f5 5px;}


/*--------------------------------------------- 11. 記事部分 */
.entry_box {
  padding:5px 10px;
  background:#e7e6e5;
  }
.entry_more {margin:1em 0;}
.entry_more a {
  padding:2px 3px;
  background:#999;
  color:#fff;
  }
.entry_more a:hover {
  background:#c1ab05;
  color:#fff;
  }
.entry_bottom {
  padding-top:5px;
  margin-bottom:2em;
  text-align:right;
  color:#777;
  }
.entry_bottom a {color:#c1ab05;}
.entry_bottom a:hover {color:#000;}
.theme_genre {
  padding:3px 5px;
  margin-top:1em;
  color:#999;
  }
.theme_genre span {font-weight:bolder;}
.tagarea {
  padding:3px 5px;
  background:#f3f2f1;
  color:#999;
  }
.tagarea span {font-weight:bolder;}
.pagetop a {
  padding:2px 3px;
  background:#999;
  color:#fff;
  }
.pagetop a:hover {
  background:#c1ab05;
  color:#fff;
  }
/* 続きを読む */
#more {
  padding-top:1em;
  margin-top:1em;
  border-top:dotted #ccc 2px;
  }
/* fc2 ボタン */
.fc2_footer {margin:1em 0;}
/* バトン */
.q_number {
  color:#910000;
  padding:3px;
  }
.a_number {
  border-right:solid #999 3px;
  color:#999;
  font-weight:bold;
  margin-right:5px;
  padding-right:5px;
  }


/*--------------------------------------------- 12. 曜日別タイトル色 */
.entry_title_Mon {background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe10_29.gif);}
.entry_title_Tue {background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe10_27.gif);}
.entry_title_Wed {background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe10_35.gif);}
.entry_title_Thu {background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe10_32.gif);}
.entry_title_Fri {background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe10_30.gif);}
.entry_title_Sat {background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe10_36.gif);}
.entry_title_Sun {background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe10_28.gif);}


/*--------------------------------------------- 13. サイドナビ */
.sidenavi_title {
  margin-top:1em;
  padding-bottom:3px;
  font-weight:bolder;
  color:#504946;
  }
.sidenavi_point {
  background:url(http://blog-imgs-11.fc2.com/s/e/b/sebek/bg_stripe7_09.gif) center center repeat;
  padding:2px 9px;
  margin-right:10px;
  }
.kado5_sidenavi input {
  margin-right:5px;
  padding:2px;
  background:#fff;
  height:20px;
  }

/*--------------------------------------------- 14. フォーム */
.tbcm_bottom {
  color:#777;
  }
.tbcm_bottom a {color:#c1ab05;}
.tbcm_bottom a:hover {color:#000;}

table.tb_form {margin-bottom:0.5em;}
table.tb_form th {
  background:#a7a6a5;
  width:7em;
  color:#fff;
  }
fieldset {border:0;}
legend {display:none;}
textarea,
select,
input {
  padding:2px;
  border:solid #e7e6e5 1px;
  line-height:1.2;
  color:#000;
  background:#e7e6e5;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  }
textarea {
  height:120px;
  width:350px;
  }
select:hover,
input:hover,
textarea:hover {background:#fff;}
select:focus,
input:focus,
textarea:focus {background:#fff;}
input.button {
  margin-right:0.5em;
  padding:0 0.5em;
  border:solid #666 1px;
  width:70px;
  vertical-align:middle;
  color:#fff;
  background:#666;
  cursor:pointer;
  }
input.button:hover{color:#c1ab05;}
input.check,
input.radio {
  margin:0 0.5em 0 0;
  border:none;
  width:auto;
  background:none;
  }
/* Mac IE5のみ適用 \*//*/
textarea,
input,
select {font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", sans-serif;}
/* end */


/*--------------------------------------------- 15. プラグイン:フォーム */
#menu input[type="text"] {
  margin-bottom:0.5em;
  margin-right:0.5em;
  background:#ddd;
  }
#menu input[type="text"]:hover {background:#eee;}
#menu input[type="text"]:focus {background:#eee;}
#menu input[type="submit"] {
  margin:0 0.5em 0.5em 0;
  padding:0 0.5em;
  border:solid #47585c 1px;
  width:70px;
  vertical-align:middle;
  color:#fff;
  background:#47585c;
  cursor:pointer;
  }
#menu input[type="submit"]:hover {color:#75bbdd;}


/*--------------------------------------------- 16. プラグイン:カレンダー */
table.calender {
  width:100%;
  }
table.calender caption {
  padding:0 0 5px;
  text-align:center;
  font-weight:bolder;
  }
table.calender caption a {
  text-decoration:none;
  }
table.calender th {
  font-weight:bolder;
  padding:0.1em;
  text-align:center;
  background:#878685;
  color:#fff;
  }
table.calender td {
  padding:0.1em;
  text-align:center;
  background:#c7c6c5;
  color:#666;
  }
table.calender td a {
  background:#fff;
  color:#c00;
  display:block;
  text-decoration:none;
  }
table.calender td a:hover {
  background:#24140e !important;
  text-decoration:none;
  }
table.calender th#sun {background:#c00;}
table.calender th#sat {background:#09c;}


/*--------------------------------------------- 17. プラグイン:Piyo */
.tab {
  margin:0;
  padding:0;
  text-align:left;
  }
.tab input.b1 {
  background:#910000;
  border:solid #910000 1px;
  color:#fff;
  margin:0 5px -1px 5px;
  padding:1px 3px;
  width:65px;
  }
.tab input.b2 {
  background:#910000;
  border:solid #910000 1px;
  color:#fff;
  margin-bottom:-1px;
  padding:1px 3px;
  width:65px;
  }
.tab input[type="button"] {
  background:#910000;
  border:solid #910000 1px;
  color:#fff;
  cursor:pointer;
  padding:1px 3px;
  }
.mylog {text-align:left;}
.mylog img {vertical-align:middle;}
.mylog #lay1 {
  border:solid #910000 1px;
  margin:0 0 5px 0;
  padding-top:10px;
  }
.mylog #lay2 {
  border:solid #910000 1px;
  margin:0 0 5px 0;
  padding-top:10px;
  }
.mylog .nickname {margin-left:5px;}
.mylog .title {
  font-weight:bold;
  margin-bottom:5px;
  }
.mylog dl {
  margin:0;
  padding:0;
  }
.mylog dt.day {
  background-image:none;
  font-size:11px;
  margin-left:5px;
  padding:0;
  text-align:left;
  }
.mylog dd.piyolog {padding:0 5px 10px 10px;}
dd.piyolog {background:none;}
.license {
  font-size:10px;
  text-align:right;
  }
