@charset "shift_jis";

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

◆template name: カスタム向け 左サイドバー オレンジ

カスタマイズ用のテンプレートです。

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


* { margin:0; padding:0;}

/* ---------------------------------
サイト全体に関わるデザイン
---------------------------------- */
body {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:12px;/* 基本文字サイズ */
  line-height:1.4;/* 文字同士の行間 */
  color:#333333;/* 基本文字色 */
}

/* デザイン崩れ防止のcss */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,textarea,select,fieldset,legend,p,blockquote,img { margin:0; padding:0;}
fieldset,img { border:0;}
ol,ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*  リンク色  */
a:link    { color:#003366;text-decoration:underline; }
a:active  { color:#003366;text-decoration:underline; }
a:visited { color:#225588;text-decoration:underline; }
a:hover   { color:#225588;text-decoration:none; }


/* ---------------------------------
各ブロックのベース部分
---------------------------------- */
#container {
  width:1000px;　/*全体の幅*/
  text-align:left;
  margin:0 auto;
  position:relative;
  padding-bottom:10px;
}
/* 左カラム（サイドバー） */
#sideBoxLeft {
	width:300px;  /*横幅*/
	float:left;
	margin-right:20px;/* メインカラムとの隙間 */
	padding:0;
}
/* 3カラムにした場合に表示される右カラムについて・非表示になっています */
#sideBoxRight {
display:none;
}
/* メインカラム（記事表示部分） */
#content{
	width:680px;  /*横幅*/
	float:right;
}


/* ---------------------------------
ヘッダー
---------------------------------- */
div#header {
width:1000px;/* コンテンツ幅になります。画像はここと同じ幅のものを作成 */
height:300px;/* ヘッダーの高さを決めます。画像の高さと同じでOK */
background:url(https://fanblogs.jp/kurainbow/file/undefined/hedder_oga.png) left top no-repeat;/* 背景画像アドレス */
display: table-cell;/* 上下中央に必要なcss */
text-align:center;/* 左右中央 */
vertical-align: middle;/* 上下中央 */
}
/* サイトタイトル */
div#header h1 a {
color:#F5D132 !important;/* チョーク黄色 */
text-decoration:none;/* 下線削除 */
}
/* サイト説明文 */
div#header .description {
color:white;/* チョーク白色 */
}

/* ---------------------------------
サイドバー
---------------------------------- */
/* サイドバーコンテンツのタイトル */
.sidetitle{
	color:#fff;/* 見出し色 */
	text-align:left;
	padding:5px;/* 背景色内の余白 */
	background-color:#2F5256;/* 背景色 */
	font-weight:bold;/* 太字 */
	font-size:14px;/* 文字サイズ */
margin:1.2rem 0 0.5rem 0;
}

/* サイドバー内コンテンツ */
.side, .side-tag {
  margin-bottom:25px;/* 次のコンテンツとの余白 */
  padding:10px 0px;/* コンテンツ内上下余白 */
}

/* ---------------------------------
記事
---------------------------------- */
.entryBox { 
	padding-top:3px;
	margin-bottom:40px;
	position:relative;
	background-color:#ffffff;
}

/* 日付表示 */
.date{
	font-size:x-large;/* 文字サイズ */
	margin:1rem 0;/* 日付上下の余白 */
	font-weight:bold;/* 太字 */
color:#8b4513;/* 文字色 */
}

/* 記事タイトル */
h3.title {
	position: relative;
	padding: 10px 16px;
	border-radius: 4px;
	background-color: #F5D132;
	font-size: 20px;
	color: #8b4513;
margin-bottom:1rem;
}
h3.title:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 16px;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top: 8px solid #F5D132;
	border-right: 8px solid #F5D132;
}
a.title{
    text-decoration:none;
    color: #8b4513;
    font-weight:bold;
	font-size:16px;
    display:block;
}

/* 記事本文 */
.text{
    margin:0 0 0 0px;
    padding:10px 20px 0px 20px;
    line-height:1.7;
    font-weight:normal;
}
.text:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .text{
    zoom: 1;
} /* IE6 */
*:first-child+html .text{
    zoom: 1;
} /* IE7 */

.text blockquote{
    border:1px solid #ca1010;
    margin:10px 0px 10px 0px;
    padding:10px 20px;
    color:#666666;
    background-color:#f5f5f2;
}

/* 記事下投稿時間など */
.posted{ margin-top:10px;}

/* 記事下ブックマーク */
div.bookmark {
margin-top:1rem;
}

/* ---------------------------------
サイドバー：カレンダー
---------------------------------- */
#calendar {
  margin-top:0px;
  margin-bottom:15px;
  padding:0 0px 10px 0px;
}
#calendar table{
  width:100%;
  margin:0px auto;
}
.calendarhead{
  color:#666666;
  text-align:left;
  padding:0px 0px 0px 0px;
  margin-bottom:10px;
  font-weight:normal;
  border-bottom:solid 2px #1b1b1b;
}
td.calendarday a:link{
  font-weight:normal;
  display:block;
  text-decoration:none;
  padding:2px 0px;
  color:#c2b084 ! important;
  width:100%;
  height:19px;
  line-height:19px;
  text-align:center;
}
.calendarhead .calendarday
, .calendarhead .calendarday a:link
, .calendarhead a:link{
  text-decoration:underline;
  color:#666666;
}
#calendar th{ color:#333333;}
#calendar td{
  padding:0;
  margin:0;
  height:25px;
  line-height:25px;
}
/* 平日 */
.calendarday {
  padding:1px 2px;
  color:#666666;
}
/* 土曜日 */
#calendar th.saturday{ color:#006699;}
/* 日曜日 */
#calendar th.sunday{ color:#cc3333;}


/* ---------------------------------
サイドバー：検索
---------------------------------- */
input{
	max-width:200px;/* 検索窓の横幅 */
}
.side input[type="text"]{
	border:solid 1px #cccccc;
	background:#ffffff;
	padding:5px;
	vertical-align:middle;
}
.side input[type="text"]:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}
.side .input-submit{
	background-color:#666666;
	border:0;
	padding:5px;
	color:#ffffff;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
	font-weight:bold;
}
.side .input-submit:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}


/* ---------------------------------
サイドバー：コメント、コメント投稿部分
---------------------------------- */
#comments {
	padding:10px;
	margin-top:25px;
}
/* コメント投稿フォーム */
#comments form {
	margin:0px;
	padding:0px 10px;
}
#comments .input-submit{
	margin-right:5px;
	background:#666666;
	color:#ffffff;
	width:auto;
	cursor:pointer;
}
#comments .input-submit:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}
/* 本文入力部分 */
textarea{
	width:95%;/* 横幅 */
	margin-bottom:5px;
}
/* 背景色付きテキスト表示部分（見出しのような部分） */
.comments-head{ 
	color:#333333;/* 文字色 */
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding: 5px 0px 5px 5px;
	background:#ffe9cc;/* 背景色 */
}
/* 入力フォーム全体 */
.comments-body {
	margin:20px;
	padding:0px;
}
/* 入力フォームの文字について */
.comments-body .text{
	color:#333333;/* 文字色 */
	padding:0px;
	margin:0px;
}
.comments-post {
	color:#666666;
	padding:5px 10px;
	text-align:right;
	border-bottom:dotted 0px #cccccc;
	margin-bottom:20px;
}

/* ---------------------------------
トラックバックデータ
---------------------------------- */
#trackback {
	background:#eeeeee;
	background-position:top center;
	padding:20px 20px 20px 20px;
	margin-top:25px;
}


/* ---------------------------------
タグクラウド
---------------------------------- */
.tag-word{
  margin:10px 0px 0px 0px;
  text-align:right;
}
/* タグ表示 */
.tag{
  background-color:#eeeeee;/* 背景色 */
  background-position:top center;/* 背景位置の指定 */
  padding:20px;/* 背景色内の余白 */
}
#tag_cloud{
  border:1px solid #CCC;
  padding:10px;
  text-align:left;
  position:relative;
}
#tag_cloud a {
  padding:2px;
}
.tag-title{
  font-weight:bold;
  text-align:left;
}
.tag-body{
  margin:10px 0px;
  padding:10px 0px 0px 0px;
  position:relative;
}
.tag-service{
  text-align:left;
  font-weight:bold;
  border-bottom:1px solid #CCC;
  padding:0px 0px 5px 0px;
  clear:left;
  position:relative;
}
.tag-search{
  text-align:right;
  padding:5px 0px;
  margin-bottom:10px;
  font-weight:bold;
  position:relative;
}
.tag-article{
  padding:0px 10px 10px 10px;
  text-align:left;
  position:relative;
}
.tag-article-title{
  text-align:left;
  padding:0px 0px 5px 0px;
  font-weight:bold;
  position:relative;
}
.tag-article-posted{
  font-weight:normal;
  position:relative;
}
.tag-article-summary{
  padding:0px 10px;
  line-height:1.4em;
  position:relative;
}
.tag-more{
  text-align:right;
  margin:10px 0px;
  clear:left;
  position:relative;
}
.tag-navi{
  clear:left;
  text-align:center;
  margin:10px 0px;
  position:relative;
}


/* ---------------------------------
適用箇所未確認
---------------------------------- */
/*  listCategoryArticle  */
.listCategoryArticle{
  margin-top:5px;
  padding:5px;
  border:solid 1px #cccccc;
}

.listCategoryArticleImage ul li {
  width: 25%;
  *width: 22.5%;
  height: 160px;
  float: left;
  margin-bottom: 8px;
  padding: 5px;
  border-right: 1px solid #EEE;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  display: table;
}

.listCategoryArticleImage ul li:hover {
  background: #ffe9cc;
}

/* ---------------------------------
フッター
---------------------------------- */
#footer{clear:both;}
/* ウェブサイト著作権表示 */
.copyright{
  text-align:center;
}