@charset "UTF-8";

/*********************************************************************
 Sagafan Blog Common CSS
*********************************************************************/

/**
 * さがファンブログ用 CSS
 * $Id$
 */

/**
 * 基本色
 *
 * 背景色（青） #00afd6
 * （青） #00afd6
 *  (ピンク)  #f14ea4
 */


/* 基本リンクカラー */
a:link {/*未訪問リンクの設定*/
  color: #06F;
  text-decoration: underline;
}

a:visited {/*訪問済みリンクの設定*/
  color: #039;
  text-decoration: underline;
} 

a:active {/*クリックしたときの設定*/
  color: #f14ea4;
  text-decoration: none;
} 

a:hover {/*マウスが乗ったときの設定*/
  color: #f14ea4;
  text-decoration: none;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* Default Font Setting
--------------------------------------------------*/

/*
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 */
body {
    font: 13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {font-size:inherit;font:100%;}

/*form系
  firefox, safari では100%は大きすぎ。99%に。
--------------------------------------------------*/
select, input, textarea {
    font: 99% arial,helvetica,clean,sans-serif;
}

/* / End of Default Font Setting
--------------------------------------------------*/

/* Body */
body {
  margin: 0px;
  padding: 0px;
  
  font-size: 86%;
  line-height: 1.4;
  
  color: #333;
  background-color: #00afd6;

  text-align: center;
}

form {
  margin: 0px;
  padding: 0px;
}

img {
  border-width: 0px;
}

h1, h2, h3 {
  margin: 0px;
  padding: 0px;
}

p,div {
  margin: 0px;
  padding: 0px;
}

.red {
  color: #F00;
}

/* Layout Check */

/*
div {
  border: 1px solid #F66;
}
*/



/*********************************************************************
 Common Style
*********************************************************************/

#main * {
  font-family: "verdana","helvetica","osaka","ＭＳ Ｐゴシック",sans-serif;
}@charset "UTF-8";

/*simple_gray
  back_obj: #787878;画像と同じ色
  line: #484848;テーブルデコレーション色
  back_bg: #E0E0E0;bodyバック色
  link_txt: #4B4B4B;フォント色
  url://blog.sagafan.jp/_img/simple_gray/head.gif;画像
*/

#main * {      
  font-family: "verdana","helvetica","osaka","ＭＳ Ｐゴシック",sans-serif;
}

textarea,select,input {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
}

img {
  border: none;
}


/*********************************************************************
 Structured module
*********************************************************************/

#container {
  width: 730px;
  margin: 0px auto;
  padding: 0 20px 20px 20px;
  border: 5px #6a6b6d solid;
  border-width: 0 5px;
  background: #FFF;
  text-align: left;
}

#banner {
}

#subbanner { }

#content {
  display: inline; /* for IE6 bug double-margin-bug */
  float: left;
  width: 525px;
  margin-top: 20px;
}

#links {
  display: inline; /* for IE6 bug double-margin-bug */
  float: right;
  width: 185px;
  margin-top: 20px;
}


#footer {
  clear: both;
  margin-top: 10px;
}


/*********************************************************************
 Header Elements
*********************************************************************/

#banner h1 {
  margin: 0;
  padding: 0;
}

.blogtitle {
  font-size: 133%;
  font-weight: bold;
  color: #fff;
}

.blogtitle a,
.blogtitle a:link,
.blogtitle a:visited { color: #fff; text-decoration: none; }
.blogtitle a:hover,
.blogtitle a:active { color: #ccc; }

.description {
padding: 10px 0 0 10px;
  color: #000;
  font-size: 86%;
}


/*********************************************************************
 Footer Elements
*********************************************************************/

#copyright {
  padding: 4px 0;
  background: #515254;
  color: #FFF;
  font-size: 86%;
  text-align: center;
}

/*********************************************************************
 Content Elements
*********************************************************************/

.blog {
}

.menu {
  text-align: right;
}

.pagetop {
  margin: 5px 0px 17px 0px;
  text-align: right;
}


/*********************************************************************
 Entry Elements
*********************************************************************/

.blogbody {
  margin-bottom: 2em;
  margin-top: 2em;
}

.title {
  padding: 0 0.5em 0.1em 0;
  color: #00afd6;
  font-size: 120%;
  font-weight: bold;
  border-bottom: 2px #00AFD6 solid;
}

.title a,
.title a:link,
.title a:visited { color: #00afd6; text-decoration: none; }
.title a:hover,
.title a:active { color: #f14ea4; }


.date {
 color: #00afd6;
 font-size: 86%;
 font-weight: bold;
 letter-spacing: 2px;
 text-align: right;
}
body.archives .date {
    text-align: left;
}

.main {
  overflow: visible;
  word-break: break-all;
  clear: both;
  margin: 0;
  padding: 15px 0px 15px 0px;
  line-height: 1.4;
}

.main img {
  margin: 0px 5px 5px 5px;
}

.main-continues {
  font-size: 86%;
}

.posted {
  margin: 1em 0 6px 0;
  padding: 4px 0 8px 4px;
  font-size: 86%;
  text-align: right;
  border-bottom: 1px #ccc solid;
}

.posted .date { font-size: 100%; }


.comments-body {
  margin: 20px 0px 15px 13px;
  line-height: 1.4;
}

.comments-post {
  margin: 0px 0px 25px 0px;
  padding-bottom: 10px;
  text-align: right;
  border-bottom: 1px #ccc dashed;
}

.comments-head {
    margin: 1em 0;
    padding-left: 4px;
    border-left: 4px #00afd6 solid;
    font-weight: bold;
}

.trackback-url {
  padding: 4px;
  border: 1px #00afd6 dashed;
  background: #A7DCE8;
  /*   margin: 20px 0px 15px 13px; */
}

.trackback-body {
  margin: 20px 0px 15px 13px;
  line-height: 1.33;
}

.trackback-post {
  margin: 0px 0px 25px 0px;
  padding-bottom: 10px;
  text-align: right;
  border-bottom: 1px #ccc dashed;
}


table.form {
  margin: 25px 0px 0px 13px;
}

label {
  font-size: 86%;
  font-weight: bold;
}

#author {
  width: 200px;
  border: 1px solid #999;
}
#email {
  width: 200px;
  border: 1px solid #999;
}
#url {
  width: 200px;
  border: 1px solid #999;
}
#text {   font-size: 12px;
  width: 400px;
  height: 200px;
  border: 1px solid #999;
}



/*********************************************************************
 Links Modules Elements
*********************************************************************/

#links .calendarhead,
#links .sidetitle {
  padding: 0.3em 0 0.3em 1em;
  background: #00AFD6;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 2px;
}

#links .side {
  padding: 5px 5px;
  line-height: 1.5;
}

#links .sidebody { padding-bottom: 0.5em; }

.calendar,
#links .category,
#links .blog_entry,
#links .recententry,
#links .archives,
#links .comment,
#links .trackback,
#links .link,
#links .search,
#links .qrcode,
#links .rss,
#links .ad,
#links .counter,
#links .subscription,
#links .profile,
#links .inquiry {
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.calendar, #links .rss, #links .ad { background: none; }

#links .custom1,
#links .custom2,
#links .custom3 { margin-bottom: 15px; }

/*********************************************************************
 Links Modules
*********************************************************************/

/* Calendar Module
--------------------------------------------------------------------*/

.calender {
  font-size: 86%;
}

.calendarhead {
  border: none;
  text-align: center;
}

.calendarhead a,
.calendarhead a:link,
.calendarhead a:visited { color: #fff; text-decoration: underline; }
.calendarhead a:hover,
.calendarhead a:active { color: #f14ea4; text-decoration: none; }

.calendartable {
  width: 100%;
  margin: 0px auto 10px auto;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}

.calendarweek {
  color: #060;
  font-weight: bold;
}

.calendarwd {
  color: #CF9;
  border: solid 1px #CCC;
  text-align: center;
  font-weight: bold;
}

.calendard {
  empty-cells: show;
  height: 20px;
  width: 22px;
  *width: 24px;
  padding: 0;
  border: solid 1px #CCC;
  text-align: center;
  line-height: 20px;
}

.calendard span {
  overflow: auto;
  display: block;
  margin: 0;
  padding: 0;
  word-break: normal;
}

.calendard a {
    display: block;
    height: 20px;
    padding: 0;
    background: #f14ea4;
    color: #fff;
    line-height: 1.5;
}
.calendard a,
.calendard a:link,
.calendard a:visited { text-decoration: underline; }
.calendard a:hover,
.calendard a:active { text-decoration: none; }


/* Photo Module
--------------------------------------------------------------------*/
#links .photo {
  text-align: center;
}


/* Profile Module
--------------------------------------------------------------------*/

#links .profile {  }

#links .profile .nickname {
  margin: 10px 0px;
  font-weight: bold;
}


/* Search Module
--------------------------------------------------------------------*/
#main .search .sidebody input.text   { width: 120px; }
#main .search .sidebody input.button { }


/* Subscription Module
--------------------------------------------------------------------*/
#main .subscription .sidebody input.text   { width: 120px; }
#main .subscription .sidebody input.button { }


/* RSS Module
--------------------------------------------------------------------*/
#links div.rss { }

#lnks ul.rss {
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#links ul.rss li  {
  display: inline;
  margin-right: 0.3em;
  padding-right: 0.5em;
  padding-left: 0.2em;
  border-right: #999 1px solid;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.2px;

}

/* Advertisement Module
--------------------------------------------------------------------*/

#links div.ad { }


/* Other Module
--------------------------------------------------------------------*/

#links .category {  }
#links .blog_entry {  }
#links .recententry {  }
#links .archives {  }
#links .comment {  }
#links .trackback {  }
#links .link {  }
#links .qrcode {  }
#links .counter {  }
#links .profile {  }
#links .inquiry {  }


/* Misc
--------------------------------------------------------------------*/
#links .message { }
#links .quotetable { }
#links .quote { }
#links .blogtimes { }
#links .powered { }
#links .syndicate { }
#links .checkers { }

#links .custom1 {
  text-align: center;
}
#goods {
  text-align: center;
  font-size: 86%;
  margin-top: 10px;
}