@charset "utf-8";
/* 雀の往来 */

/* --------------------- */
/*  default style clear  */
/* --------------------- */
@import "reset.css";

*.fontsmall{
	font-size:80%;
}

div.clear_both,
p.clear_both {
	clear:both;
}

/* ----------- */
/*  container  */
/* ----------- */

#container {
	width:808px;
	margin:0 auto;
	padding-top:15px;
}

/* --------- */
/*  header  */
/* --------- */

#header a,
#header a:link,
#header a:visited {
	color:#5a5a5a;
	background:transparent;
	text-decoration:none;
}

#header a:hover {
	color:#ff6666;
	background:#fffff0;
	text-decoration:underline;
}

#header h1 {
	position:absolute;
	top:auto;
	left:auto;
	width:315px;
	height:102px;
	margin:0;
	padding:0;
	background:url(../img/sitelogo_s.gif) no-repeat top left;
	text-indent:-9999px;
}

#header h1 a {
	display:block;
	width:315px;
	height:102px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-decoration:none;
}

#header h1 a:hover {
	background:transparent;
	text-decoration:none;
}

/* ------------ */
/*  globalnavi  */
/* ------------ */

#globalnavi {
	height:54px;
	background:url(../img/bg_header.gif) left bottom no-repeat;
}

#globalnavi ul {
	height:54px;
	width:455px;
	background:url(../img/globalnavi.gif) no-repeat right top;
	float:right;
}

#globalnavi ul li {
	float:left;
}
#globalnavi ul li a {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#globalnavi ul li a {
	display: block;
	height:54px;
}

#globalnavi ul li.navi_home a {
	width:93px;
}

#globalnavi ul li.navi_blog a,
#globalnavi ul li.navi_freeware a,
#globalnavi ul li.navi_bbs a {
	width:90px;
}

#globalnavi ul li.navi_etc a {
	width:92px;
}

#globalnavi ul li.navi_home a:hover {
	background:url(../img/globalnavi.gif) no-repeat 0 -54px;
}

#globalnavi ul li.navi_home a.active,
#globalnavi ul li.navi_home a.active:hover {
	background:url(../img/globalnavi.gif) no-repeat 0 -108px;
}

#globalnavi ul li.navi_blog a:hover {
	background:url(../img/globalnavi.gif) no-repeat -93px -54px;
}

#globalnavi ul li.navi_blog a.active,
#globalnavi ul li.navi_blog a.active:hover {
	background:url(../img/globalnavi.gif) no-repeat -93px -108px;
}

#globalnavi ul li.navi_freeware a:hover {
	background:url(../img/globalnavi.gif) no-repeat -183px -54px;
}

#globalnavi ul li.navi_freeware a.active,
#globalnavi ul li.navi_freeware a.active:hover {
	background:url(../img/globalnavi.gif) no-repeat -183px -108px;
}

#globalnavi ul li.navi_bbs a:hover {
	background:url(../img/globalnavi.gif) no-repeat -273px -54px;
}

#globalnavi ul li.navi_bbs a.active,
#globalnavi ul li.navi_bbs a.active:hover {
	background:url(../img/globalnavi.gif) no-repeat -273px -108px;
}

#globalnavi ul li.navi_etc a:hover {
	background:url(../img/globalnavi.gif) no-repeat -363px -54px;
}

#globalnavi ul li.navi_etc a.active,
#globalnavi ul li.navi_etc a.active:hover {
	background:url(../img/globalnavi.gif) no-repeat -363px -108px;
}

/* -------- */
/*  footer  */
/* -------- */

#footer {
	clear:both;
	padding-bottom:10px;
	background:url(../img/bg_footer.gif) no-repeat;
}

#footer div.footer_left {
	border-top:1px solid #c8c8c8;
	width:800px;
	margin:0 auto;
	height:35px;
}

#footer div.footer_left ul {
	float:left;
	width:600px;
}

#footer div.footer_left ul li {
	display:inline;
	list-style-type:none;
	padding-left:5px;
	margin-left:5px;
	line-height: 35px;
}

#footer div.footer_left ul li + li {
	background:url(../img/fglue.gif) no-repeat left center;
}

#footer div.footer_left {
	color:#5a5a5a;
}


#footer div.footer_left ul a {
	padding:2px 7px;
	color:#808080;
}

#footer div.footer_left a:link,
#footer div.footer_left a:visited {
	color:#5a5a5a;
	background:transparent;
	text-decoration:none;
}

#footer div.footer_left a:hover {
	color:#ff6666;
	background:#fffff0;
	text-decoration:underline;
}

#footer div.footer_right {
	float:right;
	display:block;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	width:111px;
	height:35px;
	padding-right:20px;
	background:url(../img/bg_gotop.gif) no-repeat;
}

#footer div.footer_right a {
	display:block;
	height:35px;
	width:111px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#footer div.footer_right a:hover {
	background:url(../img/bg_gotop.gif) no-repeat 0 -37px;
}

#footer div.footer_about {
	padding-top:10px;
	color:#c8c8c8;
	text-align:right;
}

#footer div.footer_about a,
#footer div.footer_about a:link,
#footer div.footer_about a:visited {
	color:#c8c8c8;
	background:transparent;
	text-decoration:none;
}

#footer div.footer_about a:hover {
	color:#ff6666;
	background:#fffff0;
	text-decoration:underline;
}

/* ---------- */
/*  contents  */
/* ---------- */

#contents {
	clear:both;
	width:808px;
	background:url(../img/bg_contents.gif) repeat-y;
	float:left;
}

/* ----------------- */
/*  contents_header  */
/* ----------------- */

#contents_header {
	width:808px;
	margin:0 auto;
	background:url(../img/bg_tag.gif) repeat-y;
}

#contents_header div.news {
	width:800px;
	margin:0 auto;
	text-align:right;
	height:40px;
	padding-top:10px;
}

#contents_header div.icons {
	height:30px;
}

#contents_header div.icons ul li{
	height:30px;
	display:inline;
	margin-left:20px;
}
#contents_header div.icons ul li a{
	padding:2px 0 2px 16px;
	line-height:30px;
	height:26px;
}
#contents_header div.icons ul li a.rss{
	background:url(../img/icon_rss.gif) no-repeat center left;
}
#contents_header div.icons ul li a.twitter{
	background:url(../img/icon_twitter.gif) no-repeat center left;
}


#contents_header div.search{
	background:url(../img/bg_search.gif) no-repeat top left;
	padding-right:20px;
	float:right;
	height:24px;
	line-height:24px;
	margin-left:50px;
	width:203px;
}

#contents_header div.search label{
	display:none;
}

#contents_header div.search input.search_text{
	font-size:12px;
	background-color: transparent;
	margin-right:5px;
	width:115px;
	border:none;
	height:20px;
	color:#c8c8c8;
}

#contents_header div.search input.search_submit{
	font-size:10px;
	background-color:#f5f5f5;
	margin-right:1px;
	width:50px;
	border:none;
	height:20px;
	color:#5a5a5a;
}

#contents_header input{
	border:1px #c8c8c8 solid;
	padding:1px;
}

#contents_header div.splash {
	border-top:solid 1px #c8c8c8;
	border-bottom:solid 1px #c8c8c8;
	background:url(../img/splash.jpg) no-repeat;
	width:800px;
	height:100px;
	margin:0 auto;
}

#contents_header div.splash p {
	color:#ffffff;
	font-weight:bold;
	margin:5px 10px 10px 30px;
}

/* ----- */
/*  sub  */
/* ----- */
#sub {
	float:left;
	width:190px;
	margin-left:4px;
	padding:20px 0 1em 10px;
}

#sub h5 {
	padding:0 0 0 15px;
	height:24px;
	background:url(../img/sidebar_title.gif) no-repeat left center;
	line-height: 24px;
	margin-bottom:5px;
	clear: both;
}

#sub div.sidebar_padding
{
	color:#c8c8c8;
	padding:0 10px 20px 15px;
}

#sub div.calendar table {
	clear:both;
	width:150px
}

#sub div.calendar td {
	text-align:right;
}

#sub div.calendar table a {
	display:block;
}

#sub div.calendar ul {
	width:150px;
}

#sub div.calendar ul li {
	list-style-type:none;
}

#sub div.calendar ul li.pre {
	float:left;
}

#sub div.calendar ul li.pre a {
	padding-left:20px;
}

#sub div.calendar ul li.next {
	float:right;
}

#sub div.calendar ul li.next a {
	padding-right:20px;
}

#sub div.calendar table tr td {
	color:#c8c8c8;
}

#sub div.comment ul ul li,
#sub div.category ul ul li,
#sub div.fragmentlist  ul ul li
{
	padding-left:15px;
	background:url(../img/bg_li.gif) no-repeat left center;
}

#sub div.feeds{
	color:#5a5a5a;
}

#sub div.relation a,
#sub div.fragmentlist a,
#sub div.blocklist a{
	display:block;
	width:100%;
}

#sub p.submore {
	text-align:right;
	margin:0;
}

#sub div.note {
	color:#5a5a5a;
}

/* ------ */
/*  main  */
/* ------ */
#main {
	float:right;
	width:580px;
	margin-right:4px;
	padding:20px 0 1em 0;
}

#main p.entry_nav,
#main p.category_nav,
#main p.page_nav,
#main p.archive_nav {
	font-size:120%;
}

#main p.page_nav {
	color:#c8c8c8;
}

#main p.page_nav span.a_margin {
	margin: 0 3px;
	padding: 2px;
}
#main span.page_prev {
	padding-right: 5px;
}

#main span.page_next {
	padding-left: 5px;
}

#main p.page_nav span.page_list a {
	padding:1px 4px;
}
#main p.page_nav span.page_list_Current {
	padding:1px 4px;
	margin: 0 3px;
}

#main div.entry_date ,
#main div.sub_title {
	padding:3px 15px;
	margin-bottom:1em;
	background:#66ccff url(../img/bg_entrytitle.gif) no-repeat top right;
	clear:both;
}

#main h3 {
	color:#ffffff;
}

#main div.entry_date h3 {
	font-weight:bold;
}

#main h4 a{
	display:block;
}

#main div.entry_title {
	padding:3px 10px;
	margin-bottom:1em;
	border-left:#66ccff solid 5px;
	margin-left:15px;
	clear:both;
}

#main div.attention {
	margin:10px 0;
}

#main div.attention p{
	padding: 5px 10px 5px 50px; 
	margin:0 5px;
	color:#ff6666;
	background:#fffff0 url(../img/bg_attention.gif) no-repeat top left;
}

#main div.entry_title span.title_explain {
	color:#c8c8c8;
	font-size:90%;
}

#main div.trackback_url,
#main div.comment,
#main div.top_comment,
#comments_form,
#search_form,
#main div.trackback
{
	font-size:110%;
	padding:0 25px 2em 15px;
}

#main span.clause_title,
#main span.relation_title
{
	padding-left:10px;
	border-left:#66ccff solid 5px;
	clear: both;
}

#main span.clause_title a
{
	margin:0;
	padding:1px;
}

#main q
{
	padding: 2px 5px; 
	margin:0 5px;
	background:#f5f5f5;
}

#main blockquote p
{
	padding: 5px 10px 5px 50px; 
	background:#f5f5f5 url(../img/bg_quote.gif) no-repeat top right;
	line-height:1.3;
}

#main blockquote[cite]::after {
	display: block;
	margin: 3px 2px 0 0;
	padding: 0;
	content: "\5f15\7528\5143\ff1a"attr(cite);
	text-align: right;
	font-size: 80%;
	color:#c8c8c8;
	}

#main div.note
{
	padding: 5px 10px 5px 30px; 
	background:#f5f5f5 url(../img/bg_note.gif) no-repeat top right;
	margin-bottom:1em;
}

#main div.note dl dt{
	font-size:90%;
	float:left;
	clear:both;
	width:20px;
}

#main div.note dl dd{
	font-size:90%;
	padding-left :20px;
}

#main code
{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	padding: 2px 5px; 
	margin:0 5px;
	background:#f5f5f5;
}

#main dfn {
	margin-left:2px;
	margin-right:2px;
	font-weight:bold;
}

#main abbr,
#main acronym,
#main kbd,
#main samp
{
	margin-left:2px;
	margin-right:2px;
}

#main code.block
{
	font-family:"ＭＳ ゴシック", "Osaka－等幅", monospace;
	display:block;
	line-height:1.6;
	padding: 5px 10px 5px 50px; 
	background:#f5f5f5 url(../img/bg_code.gif) no-repeat top right;
}

#main cite{
	font-size:90%;
}

#main p a,
#main li a,
#main dd a
{
	margin:0 3px;
	padding:2px;
}

#main a.external
{
	padding-left:10px;
	background:url(../img/bg_external.gif) no-repeat center left;
}

#main div.entry ul,
#main div.entry ol
{
	margin-bottom: 1em;
}

#main div.entry ul.disc,
#main div.entry ul.decimal,
#main div.entry ul.nodisc {
	margin-left:2em;
}

#main div.entry ul.disc li
{
	margin-left: 1em;
	list-style-type:disc;
}

#main div.entry ul.decimal li
{
	margin-left: 1em;
	list-style-type:decimal;
}

#main div.entry ul.nodisc li
{
	list-style-type:none;
}

#main div.entry table.default,
#main div.entry table.wide,
#main div.entry table.wide100 {
	border: 1px solid #c8c8c8;
	margin: 0 1em 1em 1em;
	border-collapse:collapse;
	border-spacing:0;
}

#main div.entry table.wide100 {
	width: 98%;
}

#main div.entry table.tight {
	border: 1px solid #c8c8c8;
	margin: 0 1em 1em 0;
	border-collapse:collapse;
	border-spacing:0;
	width : 100%;
}

#main div.entry table.default tr:hover,
#main div.entry table.wide tr:hover,
#main div.entry table.wide100 tr:hover,
#main div.entry table.tight tr:hover {
	background-color: #fffff0;
}

#main div.entry table.default tr:hover th,
#main div.entry table.wide tr:hover th,
#main div.entry table.wide100 tr:hover th,
#main div.entry table.tight tr:hover th{
	background-color: #f6f6e7;
}

#main div.entry table.default caption,
#main div.entry table.wide caption,
#main div.entry table.wide100 caption,
#main div.entry table.tight caption {
	margin-left: 1em;
	font-weight:bold;
	text-align:left;
}

#main div.entry table.default th,
#main div.entry table.wide100 th
{
	border: 1px solid #c8c8c8;
	padding: 2px 10px;
	background-color:#f5f5f5;
}

#main div.entry table.wide th
{
	border: 1px solid #c8c8c8;
	padding: 2px 20px;
	background-color:#f5f5f5;
}

#main div.entry table.tight th
{
	border: 1px solid #c8c8c8;
	padding: 2px;
	background-color:#f5f5f5;
	font-size:90%;
}

#main div.entry table.default td,
#main div.entry table.wide100 td
{
	border: 1px solid #c8c8c8;
	padding: 2px 10px;
}

#main div.entry table.wide td
{
	border: 1px solid #c8c8c8;
	padding: 2px 20px;
}

#main div.entry table.tight td
{
	border: 1px solid #c8c8c8;
	padding: 2px;
	font-size:90%;
}

#main div.entry table.default th.left,
#main div.entry table.wide th.left,
#main div.entry table.wide100 th.left,
#main div.entry table.tight th.left
{
	text-align:left;
}

#main div.entry table.default td.right,
#main div.entry table.wide td.right,
#main div.entry table.wide100 td.right,
#main div.entry table.tight td.right
{
	text-align:right;
}

#main div.entry table.default td.top,
#main div.entry table.wide td.top,
#main div.entry table.wide100 td.top,
#main div.entry table.tight td.top
{
	vertical-align: top;
}

#main div.entry_info {
	clear: both;
	color:#c8c8c8;
	text-align: right;
	font-size:80%;
	background:url(../img/bg_entryinfo.gif) repeat-x top;
	padding-top:3px;
	margin-bottom:2em;
}

#main div.entry_info_tight {
	clear: both;
	color:#c8c8c8;
	text-align: right;
	font-size:80%;
	background:url(../img/bg_entryinfo.gif) repeat-x top;
	padding-top:3px;
}

#main div.entry_info ul {
	float:right;
}

#main div.entry_info li {
	display: inline;
	margin-left:10px;
	padding-left:10px;
}

#main div.entry_info li + li {
	background:url(../img/fglue.gif) no-repeat center left;
}

#main div.entry_info li.tag span {
	padding-right:6px;
}

#main p.entry_more {
	text-align:right;
	clear: both;
}

#main div.trackback_url div.url{
	padding-left:50px;
	}

#main div.trackback_url span{
	color:#c8c8c8;
	}

#main div.trackback span.trackback_date{
	margin-left:10px;
	color:#c8c8c8;
	}

#main span.main_padding
{
	margin-left:10px;
}

#main div.trackback span.trackback_title{
	font-weight:bold;
	}

#main div.trackback div.trackback_excerpt{
	padding-left:50px;
}

#main div.trackback div.trackback_excerpt span.trackback_from {
	color:#c8c8c8;
}

#main div.comment div.comment_from span.name,
#main div.top_comment span.name
{
	font-weight:bold;
}

#main div.comment div.comment_from span.date,
#main div.top_comment span.date
{
	margin-left:10px;
	color:#c8c8c8;
}

#main div.comment div.comment_body
{
	padding-left:50px;
}

#main div.top_comment ul ul li{
	margin-left:50px;
	padding-left:15px;
	background:url(../img/bg_li.gif) no-repeat left center;
}

#main div.comment p.no_comment{
	color:#c8c8c8;
}

#main img.left {
	float:left;
	margin:0 15px 5px 0;
}

#main img.right {
	float:right;
	margin:0 0 5px 15px;
}

/* 右寄せ */
#main div.right {
	text-align:right;
}

/* イチ押し日記のマーク */
#main img.pickup {
	background:transparent;
	padding:0 0 0 7px;
	vertical-align:middle;
}

#main img.pickup_s {
	background:transparent;
	padding:0;
	vertical-align:middle;
}

#main div.entry span.new_icon
{
	color:#ff6666;
	font-weight:bold;
}

/* 故意的な間違い */
#main div.entry span.mistake
{
	padding-left:  2px;
	padding-right: 2px;
	text-decoration: line-through;
}

#comment_author,
#comment_url,
#comment_text
{
	border:1px #c8c8c8 solid;
	padding:2px;
	color:#5a5a5a;
}

#comment_preview,
#comment_post,
#comment_cancel {
	border:1px #c8c8c8 solid;
	padding:1px 20px;
	background:#f5f5f5;
	color:#5a5a5a;
}
#comment_preview {
	font-weight:bold;
}
#main div.pageinfo
{
	padding:2em 25px 0 15px;
	font-size:80%;
	color:#c8c8c8;
	text-align:right;
}