@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  blog.css
 style info :  blogページのCSS
=================================================================== */

/*----------------------------------------------------------------------------------
全体レイアウト
------------------------------------------------------------------------------------*/

/* リンク色 */
div#contents a { color: #505050; text-decoration: none;}
div#contents a:visited { color: #505050; text-decoration: none;}
div#contents a:hover, #link_title a:focus { color: #E67F00; text-decoration: underline;}
div#contents a:active { color: #E67F00; text-decoration: underline;}


div#side_l h2,
div#side_r h2 {
	margin: 0 0 10px;
	clear: both;
}

/* 最新記事 */
div#side_l ul.new_blog_list {
	margin: -10px 0 20px;	
}

div#side_l ul.new_blog_list li {
	line-height: 1.5;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
	background: url(/blog/images/bg_arrow1.gif) 0 15px no-repeat;
}

div#side_l ul.new_blog_list li a {
	padding: 0 10px;
	
}

/* アーカイブ */
div#side_l ul.archive_list {
	margin: -10px 0 20px;	
}

div#side_l ul.archive_list li {
	line-height: 1.5;
	border-bottom: 1px dashed #ccc;
	padding: 8px;
	
}

div#side_l ul.archive_list li a {
	background: url(/blog/images/bg_arrow2.gif) 0 0.1em no-repeat;
	padding-left: 22px;
}


/* カテゴリー */
div#side_r ul.cate_list {
	margin: -10px 0 20px;	
}

div#side_r ul.cate_list li {
	line-height: 1.5;
	border-bottom: 1px dashed #ccc;
	padding: 8px;
	
}

div#side_r ul.cate_list li a {
	background: url(/blog/images/bg_arrow2.gif) 0 0.1em no-repeat;
	padding-left: 22px;
}

div#side_r ul.cate_list li a.current {
	color: #E67F00;
	text-decoration: none;
}

/* カレンダー */


div#side_l #calendar {
	width: 170px !important;
    margin: 0 0 20px;
    color: #444444;
}
div#side_l .calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
}
div#side_l #calendar table {
    padding: 0;
	width: 170px !important;
    border-collapse: collapse;
	border:none;
	margin: 0;
}
div#side_l #calendar th {
    padding: 0 0 3px;
    text-align: center;
    font-size: 9px;
    width: 20px !important;
	border:none;
	background:none;
}
div#side_l #calendar td {
    padding: 2px 0 !important;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
	border:none;
}

div#side_l #calendar td a {
	text-decoration: underline;
}

div#side_l .today {
    display: block;
    border: 1px solid #444444;
}
div#side_l .sunday,
div#side_l .holiday,
div#side_l .holiday a:link,
div#side_l .holiday a:visited {
    color: #e50003;
}
div#side_l .saturday,
div#side_l .saturday a:link,
div#side_l .saturday a:visited {
	color: #0000ff;

}

/*----------------------------------------------------------------------------------
ブログ記事内
------------------------------------------------------------------------------------*/
/* 日付 */
div#main p.date {
	line-height: 1.5;
	margin-bottom: 15px;
}

/* 記事タイトル */
div#main h2.post_title {
	font-size: 133%;
	font-weight: bold;
	color: #FF7F00;
	padding-bottom: 7px;
	border-bottom: 1px solid #c3c3c3;
	line-height: 1.5;
	margin-bottom: 12px;
}

div#main div.entry{
	line-height: 1.7;
	margin: 0 5px 40px;
}



/* ページ送り */
div#main div#blog_next {
	text-align: center;	
}

div#main div#blog_next span {
	border: 1px solid #999;
	padding: 5px;
	margin: 0 5px;
	background: #999;
	color: #fff;
	
}

div#main div#blog_next a {
	border: 1px solid #999;
	padding: 5px;
	margin: 0 5px;
}

div#main div#blog_next a:hover {
	background: #999;
	color: #fff;
	text-decoration: none;
}

div#main ul#blog_next2 {
	padding: 0 15px;
}

div#main ul#blog_next2:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#main ul#blog_next2 { display: inline-block; }
div#main ul#blog_next2 { display: block; }

div#main ul#blog_next2 li {
	float: left;
}

div#main ul#blog_next2 li.next {
	float: right;
}

div#main ul#blog_next2 a {
	border: 1px solid #999;
	padding: 5px;
	margin: 0 5px;
}

div#main ul#blog_next2 a:hover {
	background: #999;
	color: #fff;
	text-decoration: none;
}