@charset "UTF-8";

/* オリジナルテンプレート3カラム（サイドバー左右）　(C)2007 C-point Corp. (C)2015 hida-ch.com */

/* =================================== */
/* 初期設定 */
/* =================================== */

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

/* HTMLタグ設定 */
body{
  background-color: #ffffff;
  font-size: 100%;
  min-width: 880px;/* モバイル端末でのPC表示対応 */
  -webkit-text-size-adjust: 100%;/* モバイル端末でのPC表示対応 */
  font-family: Meiryo, sans-serif;
}

img{
  border: none;
}

/* =================================== */
/* 外枠設定 */
/* =================================== */

#container{
  text-align: left;
  width: 880px;/* ここで幅を調整 */
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: #ffffff;
  color: #000000;
  box-shadow: 0 0 3px #cccccc;
}

/* =================================== */
/* ヘッダーバナーの設定 */
/* =================================== */
/* ヘッダー背景 */
#banner{
  background-color: #ff00cc;
  height: 200px;
  overflow: hidden;
  background-image: url(http://img01.hida-ch.com/usr/t/g/n/tgnail/blog_4.jpg);
  background-size: 100% auto;/* IE8以下非対応 */
}
/* ブログタイトル */
.blogtitle{
  font-size: 140%;
  font-weight: bold;
  padding: 10px;
  text-align: left;
}
/* ブログ説明文 */
.description{
  font-size: 90%;
  padding: 5px 10px 10px;
  text-align: left;
  color: #000000;
  line-height: 130%;
}

/* =================================== */
/* メインカラムとサイドカラムの配置設定 */
/* =================================== */
/* contentとleftColの配置 */
#contentArea{
  float: left;
  width: 100%;
  margin-right: -310px;
}

/* メインカラム */
#content{
  width: 100%;
  float: right;
  margin-left: -190px;
}

/* 記事リスト表示の外枠 */
.blog{
    margin-right: 310px;
    margin-left: 190px;
    padding: 10px;
}

/* 左サイドバー */
#leftCol{
  float: left;
  width: 180px;
  margin: 10px 0 10px 10px;
}

/* 右サイドバー */
#rightCol{
  float: right;
  width: 300px;
  margin: 10px 10px 10px 0;
}

/* =================================== */
/* フッターの設定 */
/* =================================== */
/*フッタ*/
#footer{
  background-color: #ff00cc;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
  border-top: #fcfcfc 1px solid;
} 
/* コピーライト */
#copyright{
  font-size: 80%;
  color: #000000;
}

/* =================================== */
/* メインカラム内の設定 */
/* =================================== */

/* パン屑メニュー */
.topicpass {
  font-size: 75%;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #666666;
  line-height: 16px;
  vertical-align: bottom;
}

/* 記事日付 */
.date{
  font-size: 80%;
  font-weight: bold;
  color: #666666;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 2px;
  padding-right: 10px;
}

/* １記事の外枠 */
.blogbody{}

/* 記事タイトル */
.title{
  font-size: 100%;
  color: #000000;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  margin: 0px 0px 10px;
  background-color: #ff00cc;
  border-top: #fcfcfc 1px solid;
  border-left: #fcfcfc 1px solid;
  border-bottom: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
}

/* 記事本文 */
.main{
  padding: 10px;
  overflow: auto;
  font-size: 90%;
  line-height: 150%;
}

/* 記事本文内画像 */
.main img{
  margin: 5px;
}

/* 続きを読む */
.main-continues{}

/* 記事フッター */
.posted{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ff00cc;
  padding-top: 3px;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 85%;
}

/* =================================== */
/* コメントエリアの設定 */
/* =================================== */

/* この記事へのコメント */
.comments-head{
  margin: 10px 10px;
  font-weight: bold;
  font-size: 100%;
}

/* コメントタイトル */
.comments-title{
  margin: 10px 20px;
  font-weight: bold;
  font-size: 85%;
  line-height: 130%;
}

/* コメント本文 */
.comments-body{
  margin: 5px 20px;
  font-size: 85%;
  line-height: 130%;
}

/* コメント投稿者日時など*/
.comments-post{
  border-bottom: 1px solid #cccccc;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-left: 20px;
  padding-top: 3px;
  font-size: 85%;
  text-align: right;
}

/* コメント入力テーブル */
table.form {
  width: 100%;
  max-width: 600px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.form td{
  line-height: 170%;
}

/* 入力フォームの項目名 */
label{
  font-weight: bold;
  letter-spacing: 0.2em;
  white-space: nowrap;
  font-size: 85%;
}
.label{
  text-align: right;
  vertical-align: top;
}

/* 名前 */
#author{
  width: 200px;
}

/* URL */
#url{
  width: 90%;
}

/* 本文 */
#text{
  width: 90%;
}

/*確認せずに書込チェックボックス*/
#savecheck{}

/* =================================== */
/* サイドバー内の設定 */
/* =================================== */

/* サイドブロック */
.side{
  margin-bottom: 10px;
}

/* サイドタイトル */
.sidetitle{
  font-size: 90%;
  color: #000000;
  padding: 5px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  background-color: #ff00cc;
  border-top: #fcfcfc 1px solid;
  border-left: #fcfcfc 1px solid;
  border-bottom: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
}

/* サイド本文 */
.sidebody{
  margin-bottom: 3px;
  margin-right:auto;
  margin-left:auto;
  padding: 0px 10px;
  font-size: 80%;
}

/* RSS */
ul.rss{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.rss li{
  display: inline;
  margin-left: 10px;
  font-weight: bold;
}

/* カレンダー ここから ----------*/
/* 大枠 */
.calender{
  text-align: center;
  margin-bottom: 10px;
}
/* 上部年月日表示 */
.calendarhead{
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 90%;
}
/* 枠 */
.calendartable{
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0px 1px;
  font-size: 80%;
}
#leftCol .calendartable{
  margin: 0px 0px;
  width: 180px;
}
#rightCol .calendartable{
  margin: 0px 10px;
  width: 280px;
}
/* 曜日枠 */
.calendarwd{
  background-color: #ff00cc;
  padding: 5px;
  border-bottom: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
  border-left: #ffffff 1px solid;
}
/* 曜日 */
.calendarweek{}
/* 日付枠 */
.calendard{
  text-align: center;
  border-left: #ffffff 1px solid;
  border-bottom: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
  background-color: #fcfcfc;
}
/* 日曜日 */
.sun{
  color: #cc0000;
}
/* 土曜日 */
.sat{
  color: #0099ff;
}
/* 今日 */
.today{
  font-weight: bold;
}
/* カレンダー ここまで ----------*/

/* カテゴリー */
.category {
  margin-bottom: 10px;
}

/* 新着記事 */
.recententry {
  margin-bottom: 10px;
}

/* 画像付き新着記事 */
.recententry_img {
  margin-bottom: 10px;
}

/* 過去記事 */
.archives {
  margin-bottom: 10px;
}

/* 最近のコメント */
.comment {
  margin-bottom: 10px;
}

/* お気に入り */
.link  {
  margin-bottom: 10px;
}

/* ブログ内検索 */
.search {
  margin-bottom: 10px;
}

/* QRコード */
.qrcode {
  margin-bottom: 10px;
}

/* アクセスカウンタ */
.counter {
  margin-bottom: 10px;
}

/* 読者登録 */
.subscription {
  margin-bottom: 10px;
}

/* プロフィール */
.profile {
  margin-bottom: 10px;
}
.nickname{
  font-weight: bold;
  word-spacing: 0.2em;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.photo{
  text-align: center;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}
.message{
  line-height: 120%;
  margin: 5px;
}

/* 広告 */
.ad {
  margin-bottom: 10px;
}

/* タグクラウド */
.tag_cloud {
  margin-bottom: 10px;
}

/* オーナーにメッセージ */
.inquiry{
  margin-bottom: 10px;
}

/* 新規投稿 */
.blog_entry{
  margin-bottom: 10px;
}

/* カスタムプラグイン1 */
.custom1 {
  margin-bottom: 10px;
}

/* カスタムプラグイン2 */
.custom2 {
  margin-bottom: 10px;
}

/* カスタムプラグイン3 */
.custom3 {
  margin-bottom: 10px;
}

/* =================================== */
/* ページ下部の設定 */
/* =================================== */
/* このページの上へ */
.pagetop{
  font-size: 85%;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 10px;
}
/* このBlogのトップへ */
.menu{
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 85%;
  letter-spacing: 0.2em;
  text-align: center;
}

/* =================================== */
/* 引用タグの装飾 */
/* =================================== */
blockquote{
  background-color: #fafafa;
  padding: 1.5em 1em 1.5em;
  position: relative;
  border: 3px solid #eeeeee;
  border-radius: 10px;
  margin: 0 1em 1em;
  box-shadow: 0 0 5px #cccccc;
  -webkit-box-shadow: 0 0 5px #cccccc;
}
 blockquote:before{
  content: "“";
  font-size: 400%;
  line-height: 1em;
  font-family: sans-serif;
  color: #dddddd;
  position: absolute;
  left: 0;
  top: 0;
}
 blockquote:after{
  content: "”";
  font-size: 400%;
  line-height: 1em;
  font-family: sans-serif;
  color: #dddddd;
  position: absolute;
  right: 0;
  top: 0;
}

/* =================================== */
/* リンクカラーとアンダーラインの設定 */
/* =================================== */

/* 全般 */
a{text-decoration: none;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{text-decoration: underline;}

/*　ブログタイトル　*/
#banner a{
  text-decoration: none;
  color: #000000;
}
#banner a:link{
  text-decoration: none;
  color: #000000;
}
#banner a:visited{
  text-decoration: none;
  color: #000000;
}
#banner a:hover{
  text-decoration: underline;
  color: #000000;
}
#banner a:active{
  text-decoration: underline;
  color: #000000;
}

/* カレンダー */
.calendar a{}
.calendar a:link{}
.calendar a:visited{}
.calendar a:hover{}
.calendar a:active{}

/* 続きを読む */
.acontinues a{}
.acontinues a:link{}
.acontinues a:visited{}
.acontinues a:hover{}
.acontinues a:active{}

/* Posted by */
.posted a{}
.posted a:link{}
.posted a:visited{}
.posted a:hover{}
.posted a:active{}

/* 次のページ・前のページ */
.menu a{}
.menu a:link{}
.menu a:visited{}
.menu a:hover{}
.menu a:active{}

/* サイドバー */
.side a{}
.side a:link{}
.side a:visited{}
.side a:hover{}
.side a:active{}

/*　記事タイトル　*/
.title a{
  text-decoration: none;
  color: #000000;
}
.title a:link{
  text-decoration: none;
  color: #000000;
}
.title a:visited{
  text-decoration: none;
  color: #000000;
}
.title a:hover{
  text-decoration: underline;
  color: #000000;
}
.title a:active{
  text-decoration: underline;
  color: #000000;
}

/*　このページの上へ　*/
.pagetop a{}
.pagetop a:link{}
.pagetop a:visited{}
.pagetop a:hover{}
.pagetop a:active{}

/*　RSS　*/
.rss a{}
.rss a:link{}
.rss a:visited{}
.rss a:hover{}
.rss a:active{}

/*　記事本文内のリンク　*/
.main a {
  text-decoration: underline;
}

/*　記事本文下のダグリスト　*/
.main .tag_list a {
  text-decoration: none;
}

/*　記事本文下の関連記事　*/
.main .relevance_entry a {
  text-decoration: none;
}
.main .text-relevance a {
  text-decoration: none;
}