@charset "UTF-8";	

@import url("cat_color.css");

body {
	background-color:#fff;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	color:#333;
	text-align:center;
}

.entrytxt {
	line-height:1.6;
}

hr,.none {
	display:none;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.t-center {
	text-align:center;
}

/*-----------エリアfont-size-----------*/
body {
	background:#fff url(../img/index/back_flickr.jpg) repeat;
}
body,td {
	font-size:medium;
}
#inc-header,#right {
	/*font-size:0.9em;*/
		font-size:12px;
}
#center {
	/*font-size:0.96em;*/
		font-size:12px;
}
#cat-info {
	font-size:smaller;
}
#inc-footer {
	font-size:x-small;
}


/*-----------layout -----------*/
#container {
	margin-left:auto;
	margin-right:auto;
	/*border-left:4px solid #e0e0e0;
	border-right:4px solid #e0e0e0;
	border-bottom:19px solid #e0e0e0;*/
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	border-bottom:25px solid #fff;
	text-align:left; 
	/*width:708px;*/
	width:696px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*width:700px;*/
	width:716px;
	background-color:#fff;
}
html>body #container{
/*	width:700px;*/
	width:716px;
}
#inc-header {
}

#center {
	float:left;
	width:510px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:20px;
}
#right {
	float:right;
	width:190px;
}
#cat-info {
	clear:both;
}
#inc-footer {
	clear:both;
	background-color:#e0e0e0;
	position:relative;
	top:15px;
	left:0px;
	height:28px;
}
.sidebar {
	padding:1em;
}


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

h2 {
	color:#bbb;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
}

.sidebar h2 {
	margin-bottom:10px;
	border-bottom:1px solid #bbb;
}



#inc-header {
	padding-bottom:1px;
	border-bottom:1px solid #e0e0e0;
}
#inc-header ul, #inc-header li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

/*-----------categoryのリンクボタン-----------*/
#cat-btn {
	height:32px;
	position:relative;
	top:0px;
	left:25px;
}
#cat-btn li {
	display:inline;
	list-style-type: none;
}
#cat-btn a {
	display:block;
	height:32px;
	width:124px;
	background-image:url(../img/index/h_dogs.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 6px;
}
#cat-btn .dogs {
	background-image:url(../img/index/h_dogs.gif);
}
#cat-btn .horse {
	background-image:url(../img/index/h_horse.gif);
}
#cat-btn .gardening {
	background-image:url(../img/index/h_gardening.gif);
}
#cat-btn .note {
	background-image:url(../img/index/h_note.gif);
}
#cat-btn .essay {
	background-image:url(../img/index/h_essay.gif);
}
#cat-btn a:hover {
	background-position:0px -50px;
}
#cat-btn span {
	position:absolute;
	top:-9999px;
}

/*-----------cat-naviのリンクボタン-----------*/
#cat-navi {
	clear:both;
	background-color:#ccc;
	border-top:3px solid #e0e0e0;
	position:relative;
	top:0px;
	left:0px;
	height:1.6em;
	line-height:1em;
	font-size:12px;
}
#cat-navi ul {
	position:absolute;
	top:0.3em;
	right:0px;
	text-align:right;
}
#cat-navi .current1 {
	position:absolute;
	top:0.3em;
	left:3em;
}
#cat-navi li {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:0.3em 2em;
	margin:0px;

}
#cat-navi li li {
	display:inline;
}
#cat-navi li a {
	color:#999;
	text-decoration:none;
	/*padding:0em 0.5em;*/
}
#cat-navi li a:hover {
	color:#fff !important;
}

#inc-footer {
	padding-top:3px;
}
#inc-footer p {
	margin:0px;
	padding:0.6em;
}

#searchbox {
	position:absolute;
	top:5px;
	right:6em;
	background:transparent url(../img/index/f_search_a.gif) no-repeat;
	white-space:nowrap;
	height:18px;
	width:250px;
}
#searchbox form {
	margin:0px;
	padding:0px;
}
#searchbox label {
	visibility:hidden;
	padding:0px;
	margin:0px;
}

#search {
	font-size:12px;
	line-height:12px;
	border:none;
	width:155px;
	height:12px;
	padding:0px;
	margin:0px;
	background-color:transparent;
	position:absolute;
	top:5px;
	left:60px;
}
#searchimg {
	border:none;
	position:absolute;
	top:0px;
	right:0px;
	padding:0px;
	margin:0px;
	width:30px;
	height:18px;
}
#gsmile {
	position:absolute;
	top:3px;
	right:3px;
}

/*---------#cat-info カテゴリーの説明-----------*/
#cat-info {
	padding:10px 5px 0px;
}
#cat-info dl {
	display:inline;
}

#cat-info dt {
	position:absolute;
	top:-9999px;
}
#cat-info dd {
	margin:0px;
	padding:0px;
}
#cat-info dd a {
	display:block;
	text-decoration:none;
	color:#333;
	margin:0px 0px 20px;
	padding:70px 10px 10px;
	border-left:1px dashed #ccc;
	border-top:15px solid #fff;
	float:left;
	width:137px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:116px;
}
html>body #cat-info dd a {
	width:116px;
}

#m-dogs dd a {
	background:transparent url(../img/index/m_dogs.gif) no-repeat 50% 3px;
	border-left:none;
}
#m-horse dd a {
	background:transparent url(../img/index/m_horse.gif) no-repeat 50% 3px;
}
#m-gardening dd a {
	background:transparent url(../img/index/m_gardening.gif) no-repeat 50% 3px;
}
#m-note dd a {
	background:transparent url(../img/index/m_note.gif) no-repeat 50% 3px;
}
#m-essay dd a {
	background:transparent url(../img/index/m_essay.gif) no-repeat 50% 3px;
}

#m-dogs dd a:hover {
	border-top:5px solid #e1ebf5;
	border-bottom:10px solid #fff;
	color:#69c;
}
#m-horse dd a:hover {
	border-top:5px solid #ebe1d7;
	border-bottom:10px solid #fff;
	color:#963;
}
#m-gardening dd a:hover {
	border-top:5px solid #d7ebe1;
	border-bottom:10px solid #fff;
	color:#396;
}
#m-note dd a:hover {
	border-top:5px solid #f9f4cd;
	border-bottom:10px solid #fff;
	color:#c93;
}
#m-essay dd a:hover {
	border-top:5px solid #fbede5;
	border-bottom:10px solid #fff;
	color:#e6814d;
}

/*-------------エントリーリスト---------------*/

.sidebar ul,.sidebar li{
	margin:0px;
	padding:0px;
}
ul.entrylist {
	margin-left:32px;
	margin-bottom:5px;
}
ul.entrylist li {
	padding:2px 0px 0px;
}
ul.entrylist li a {
	vertical-align:text-bottom;
	display:block;
	/*line-height:1.2;*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin:-2px 0px 2px;
	padding:2px;
}
.entryscroll {
	height:600px;
	overflow:auto;
}
ul.entrylist .catelist a,ul .catelink a {
	color:#999;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}
ul .catelink li a {
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	color:#333;
}


/*-------------エントリー---------------*/
.content {
	margin-bottom:10px;
	border:1px solid #e0e0e0;
	position:relative;
	top:0px;
	left:10px;
	padding:0px 9px;
	background:transparent url(../img/index/col_gray.gif) repeat-y 335px 0px;
	width:500px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:480px;
}
html>body .content {
	width:480px;
}
#top .content {
	margin-bottom:20px;
}
h3 {
	margin:0px -5px 0px;
	/*padding:5px 150px 0px 0px;*/
	padding:10px 150px 10px 45px;
	background-color:#fff;
	background-image:url(../img/index/e_dogs.gif);
	background-position:0% 30%;
	background-repeat:no-repeat;
}
h3,h3 a {
	color:#999;
}

.content .entrytxt {
	/*background:transparent url(../img/index/blockquote_back.gif) no-repeat;*/
	padding-top:15px;
	margin-top:-15px;
}

.content .entrytxt blockquote,.content .entrytxt blockquote p {
	float:right;
	margin:15px 0px;
	margin-bottom:10px;
	color:#333;
	width:140px;
	font-size:11px;
}

.content .entrytxt p {
	width:320px;
	float:left;
	margin-bottom:10px;
}

.content .entrytxt img {
	display:block;
	margin:0px auto;
	border:1px solid #e0e0e0;
	padding:2px;
}
.content .entrytxt blockquote img {
	padding:0px;
}

.content .extended {
	margin-top:20px;
}
.entrytxt ul,.entrytxt ol {
	clear:both;
	margin:10px 0px;
	padding-left:15px;
	width:320px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:305px;
}
html>body .entrytxt ul,html>body .entrytxt ol {
	width:305px;
}
.entrytxt li {
	margin:10px 0px;
}
.entrytxt blockquote ul,.entrytxt blockquote ol {
	margin:10px 0px;
	padding-left:10px;
	width:140px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:130px;
}
html>body .entrytxt blockquote ul,html>body .entrytxt blockquote ol {
	width:130px;
}
.entrytxt blockquote li {
	margin:5px 0px;
}
.entrytxt blockquote dt {
	margin:0px 0px 10px;
	border-bottom:1px solid #e0e0e0;
}
.entrytxt blockquote dd {
	margin:5px 0px;
}
.entrytxt img {
	margin:3px;
}

.mylink-dogs,.mylink-horse,.mylink-gardening,.mylink-note,.mylink-essay {
	background-image:url(../img/index/li_dogs.gif);
	background-position:left;
	background-repeat:no-repeat;	
	font-size:small;
	padding:5px 0px 0px 24px;
	width:120px !important;
}




.pagelink,.pagelink2 {
	margin:0px;
	padding:0px;
	width:12em;
	height:1.5em;
	text-align:center;
	white-space:nowrap;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	line-height:1;
	z-index:1;
	color:#bbb;
}

.pagelink {
	position:absolute;
	top:-1px;
	right:-1px;
	background:#fff url(../img/index/c_back.gif) no-repeat;
	padding-left:1.5em;
 }
.pagelink a {
	display:block;
	width:12em;
	height:1.5em;
	border-bottom:1px solid #e0e0e0;
}
.pagelink2 {
	position:relative;
	top:0px;
	left:0px;
	width:500px;
	text-align:right;
	clear:both;
}

.breadnavi {
	clear:both;
	margin:10px 15px 0px;
	padding:10px 0px 0px;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#bbb;
	border-top:1px dashed #e0e0e0;
}

.pageno {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#999;
	margin:20px 0px;
}
.pageno {
	margin:15px;
}
.pageno a {
	padding:15px 2px;
	position:relative;
	top:2px;
	left:0px;
}
.pageno .current_page {
	padding:10px 15px;
	font-size:1px;
	color:#fff;
	background:#fff url(../img/index/li_dogs.gif) 50% 40% no-repeat;
}



#horse .pageno .current_page {
	background:#fff url(../img/index/li_horse.gif) 50% 40% no-repeat;
}
#gardening .pageno .current_page {
	background:#fff url(../img/index/li_gardening.gif) 50% 40% no-repeat;
}
#note .pageno .current_page {
	background:#fff url(../img/index/li_note.gif) 50% 40% no-repeat;
}
#essay .pageno .current_page {
	background:#fff url(../img/index/li_essay.gif) 50% 40% no-repeat;
}



.posted {
	clear:both;
	position:relative;
	top:0px;
	left:0px;
	width:470px;
	font-size:x-small;
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:1px;
	background-color:#fff;
	border-top:1px dashed #e0e0e0;
}

.date {
	position:absolute;
	top:10px;
	left:0px;
	margin:0px;
	padding:0px;
}
.date a {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#666;
}

.posted ul {
	position:relative;
	top:-10px;
	left:0px;
	margin:0px;
	padding:0px;
	text-align:right;
}
.posted li {
	display:inline;

}
.posted li a {
	padding:5px 2px 5px 20px;
	margin-left:5px;

}
.cmt a {
	background:transparent url(../img/index/p_cmt.gif) no-repeat;	
}
.tback a {
	background:transparent url(../img/index/p_tback.gif) no-repeat;
 }

#comment-entry {
	margin:15px 0px 20px 15px;
	padding:10px;
	border:1px solid #fc9;
	background-color:#ffeee1;
	float:right;
	font-size: x-small; 
	color:#333;
	width:228px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:250px;
}
html>body #comment-entry {
	width:250px;
}
#comment-entry #text {
	width:245px;

}

#submit {
	text-align:center;
}

#comment-body {
	margin:10px 15px;
	padding-top:10px;
}
#comment-entry label {
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

#comment-entry #comment-form-name label,#comment-entry #comment-form-email label,#comment-entry #comment-form-url label {
	dispray:block;
	width:5em;
	float:left;
	text-align:center;
	margin:5px 0px;
}



#trackback-body {
	margin:10px 15px;
	padding-top:20px;
}
#comment-body div,#trackback-body div {
	background:url(../img/index/p_cmt.gif) no-repeat 0px 10px;
	padding:5px 0px 0px 23px;
	color:#333;
	font-weight:normal;
	line-height:140%;
	font-size:small;
}	
#comment-body h2,#trackback-body h2 {
	border:none;
	font-size: small; 
}
.postby {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#666;
	font-size:x-small;
}
#trackback-body div {
	background:url(../img/index/p_tback.gif) no-repeat 0px 5px;
}

.techstuff {
	color:#666;
	font-style:italic;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

#comment-entry h2 {
	border:none;
	text-align:center;
}

#comment-entry #comments-open-footer input {
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

/*#comment-entry input[name="post"],#comment-entry input {
	display:block;
	margin-left:auto;
	margin-right:auto;
}*/

#comment-entry input {
	margin:3px 0px;
}
#comment-entry input#comment-author,#comment-entry input#comment-email,#comment-entry input#comment-url {
	width:190px;
}
#comment-entry input#comment-bake-cookie {
	vertical-align:middle;
}

#comment-entry textarea#comment-text {
	width:248px;
	margin-bottom:10px;
}

#comment-entry #comments-open-footer	{
	text-align:center;
}

#comment-entry #comments-open-captcha img {
	margin:3px 0px;
}


.stxt {
	font-size:xx-small;
}
.topphoto {
	position:relative;
	top:0px;
	left:0px;
}
/*.topphoto .linkbox span {
	position:absolute;
	top:-9999px;
	left:0px;
}
.topphoto .linkbox a {
	display:block;
	height:178px;
	width:146px;
	position:absolute;
	top:0px;
	left:11px;
}
*/
.topphoto p {
	text-align:center;
	font-size:smaller;
	padding:0px;
	margin:0.5em 0em;
}
.topphoto p.caption {
	display:none;
}
.topphoto img,.topphoto a img {
	border:1px solid #999;
}
/*----i-gecron------*/
#igecron #center {
}
#igecron .w100 {
	width:100% !important;
	position:static !important;
	margin-top:0px !important;
	text-align:center !important;
}

.ishot p,.ishot {
	display:inline;
}
#igecron .ishot img {
	border:1px solid #ccc;
	margin:5px;
}

/*------color----------------*/
.col-a {
	color:#f66;
}
.red {
	color:red;
}

/*------MAC IE文字化けするので追加---------------*/

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


.twtr-hd h3 {
	display:none;
}

#twtr-widget-1 h4 {
	padding-top:5px !important;
}

#twtr-widget-1 img.twtr-profile-img {
	border:1px solid #718FA9 !important;
}
	

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

#comment-respons-content {
	margin-left:100px;
		margin-top:30px;
}

#comment-respons-content h3 {
	background-image:url(../img/index/arrow.gif);
}

/*------catelink---------------*/

ul .catelink a {
	color:#999;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}
ul li.catelink {
	margin-bottom:20px;
	margin-left:70px;
}
ul li.catelink ul {
	margin-left:50px;
}



.date-s {
	font-size: x-small;
	color:#999;
}

ul .catelink .memo {
	font-size:10px;
	color:#bbb;
}

/*------mixi-------*/

.content .entrytxt img.emoji {
/*	border:none;
	display:inline;*/
	display:none;
}

/*------searchpage-------*/

#searchpage #center h2 {
	font-size:14px;
}

#searchpage #current-page {
	color:#999;
	font-weight:bold;
	display:block;
	text-align:center;
	margin-bottom:10px;
}

/*------errorpage-------*/

#errorpage #center {
	padding-bottom:100px;
	padding-left:20px;
}
#errorpage #center h2 {
	font-size:14px;
}