@charset "utf-8";


.class_banner {
	margin-bottom: 10px;
}

.article {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.article dl.list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.article dl.list img {
	vertical-align:middle;
}
.article dl.list li {
	display: inline;
	padding: 0 7px;
}
.article dl.list .mark {
	width: 20px;
	padding-left: 7px;
}
.article dl.list .title {
	width: 400px;
}
.article dl.list .date {
	color: #333300;
	width: 70px;
	font-style: italic;
	font-family: 'Times New Roman', Helvetica, Arial, sans-serif;
}
.article .calendar {
	float: left;
	padding: 5px 10px;
	background: #445566;
	margin-right: 10px;
	line-height: normal;
}

.article .calendar .month {
	display: block;
	text-align: center;
	color: #BBBBCC;
	background: #223344;
	font-size: 10px;
	padding: 3px 10px;
	text-transform: uppercase;
}

.article .calendar .day {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

.toplevel {
	background: url(./images/important.png) no-repeat bottom right;
}
.exerpt {
	position: relative;
	display: block;
}
.exerpt h1 {
	margin: 0;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 5px;
	color: #000;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1.5px;
	line-height: 20px;
}

.exerpt .photo {
	margin-right: 20px;
	margin-bottom: 10px;
	position: relative;
	width: 150px;
	height: 150px;
	float: left;
}
.exerpt .photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.exerpt .photo span {
	width: 150px;
	height: 84px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(./images/glossy.png);
}
.exerpt .photo a {
	text-decoration: none;
}
/*
.exerpt .photo:hover img {
	background: #eee;
	border: solid 1px #aaa;
}
*/
.exerpt .user_comments {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 46px;
	width: 44px;
	background: url(./images/comments.gif) no-repeat;
	line-height: 36px;
	text-align: center;
}
.exerpt .user_comments a {
	color: #3a2f27;
	text-decoration: none;
}
.exerpt .user_comments a:hover {
	background-color: transparent;
	text-decoration: underline;
}


.exerpt .author {
	font-size: 11px;
	margin: 5px;
	font-style: italic;
	font-family: 'Times New Roman', Helvetica, Arial, sans-serif;
}


.exerpt .delicious {
	font-size: 10px;
	margin: 5px;
	font-style: italic;
	font-family: 'Times New Roman', Helvetica, Arial, sans-serif;
}
.exerpt .delicious img {
	border:0;
	vertical-align:middle;
}
.exerpt .hemidemi {
	position: absolute;
	right: 0;
	top: 0;
	height: 80px;
	width: 50px;
}
.exerpt .funp {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 60px;
}

.exerpt .tag {
	float: left;
	display: inline;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}
.tag img {
	vertical-align: middle;
}
.tag a {
}
.tag a:hover {
	color: #0063DC;
	background-color: transparent;
	text-decoration: underline;
}
.tag ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tag li {
	display: inline;
	padding: 0 7px;
	background: url('./images/li_line.gif') no-repeat right 3px;
}
.tag li.first {
	font-weight: bold;
	padding: 0;
	background: none;
}
.tag li.last {
	padding-right: 0;
	padding-right: 0;
	background: none;
}


.exerpt .info {
	font-style: italic;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.exerpt .info img {
	vertical-align: middle;
}
.info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.info li {
	display: inline;
	padding-right: 5px;
}
.info li em {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.info a {
	color: #333;
	background-color: transparent;
}
.info a:hover {
	text-decoration: underline;
}

.exerpt .have_pass {
	color: #FF0000;
	font-style: normal;
}
.exerpt .more {
	display: block;
	float: right;
}

.user_vote a {
	background-color: transparent;
}
.user_vote em {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
}
.user_vote small {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	vertical-align: middle;
}
.user_vote img {
	vertical-align: middle;
	border: 0;
}
.user_vote ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.user_vote li {
	display: inline;
}
.user_vote li#goodjob {
	color: #22AA00;
}
.user_vote li#badjob {
	color: #DD4411;
	padding-left: 10px;
}

.exerpt .summary {
	display: block;
	float: left;
	width: 380px;
	line-height: 180%;
	text-align: justify;
}
*+html .exerpt .summary {
	margin-right:10px;
	width:360px;
}
.detail {
	line-height: 180%;
	text-align: justify;
}

.ok_pasture {
	text-align:center;
}
.ok_pasture .input {
	width: 100px;
	padding: 3px;
	background: #fff;
	border: 1px solid #ced0d0;
	color: #5f6565;
}

/* 評論 */
#comments_wrap {
	margin-top: 20px;
}
#comments_wrap h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 10px;
}
#comments_wrap h3 a, #comments_wrap h3 a:hover {
	color: #242323;
	text-decoration: none;
}
#comments_wrap #comments .link {
	color: #a7a7a7;
	font-size: 11px;
	padding-top: 20px;
}
#comments_wrap #comments .link a {
	text-decoration: none;
}
#comments {
	background: #ededed;
	padding: 15px 25px 0 25px;
	border: 1px solid #dcdddd;
	margin-bottom: 30px;
}

#comments ol.comment_list {
	padding: 0;
	margin: 0;
}
#comments ol.comment_list li {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 20px;
}

/* 評論 - 作者資訊 */
#comments .comment_author {
	float: left;
	padding-top: 1px;
	width: 100px;
	margin-bottom: 0px;
}
#comments .comment_author img {
	border: 3px solid #ededed;
}
#comments .comment_author img:hover {
	border: 3px solid #d6d6d6;
}
#comments .comment_author p {
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 11px;
	line-height: 14px;
	color: #5f6565;
}

#comments .comment_author a {
	text-decoration: none;
}
#comments .comment_author span {
	display: block;
	color: #a6a6a6;
	font-size: 11px;
	font-style:italic;
	font-family: 'Times New Roman', Times, Helvetica, Arial, sans-serif;
}
/* 評論 - 文字框 */
#comments .single_comment {
	position: relative;
	padding: 20px 20px 0 20px;
	background: #fff;
	border: 1px solid #cdcfcf;
	width: 330px;
	float: right;
	margin-bottom: 5px;
}
#comments .single_comment p {
	
}
.single_comment .floor a {
	float: right;
	font-size: 11px;
	font-style: italic;
	color: #FFF;
	background: #A1A1A1;
	padding: 0 5px;
	margin-bottom: 10px;
}
.single_comment .floor a:hover {
	background: #333;
}
.comment_arrow {
	position: absolute;
	top: 20px;
	left: -32px;
}

.weburl {
	float: right;
	padding-left: 32px;
}
.weburl a {
	color: #CCC;
	padding: 0 15px 5px;
}
.weburl a:hover {
	color: #666;
	background-color: transparent;
	text-decoration: underline;
	background: url('./images/web_arrow.gif') no-repeat left;
}
.weburl span {
	color: #CCC;
	font-size: 11px;
	font-style: italic;
	font-family: Helvetica, Arial, sans-serif;
}

#comments .break_line {
	border-top: dotted 1px #ccc;
	height:1px;
}

#comments .comment_form {
	position: relative;
}
#comments .comment_form ul {
	margin: 0;
	padding: 0;
	font-size: inherit;
}
#comments .comment_form li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
}

#comments #comment_form {
	width: 390px;
	float: left;
}

#comments .textarea {
	padding-top: 10px;
	padding-left: 10px;
	width: 385px;
	max-width: 385px;
	height: 135px;
	margin-left: 28px;
}
*+html #comments .textarea {
	width: 360px;
	max-width: 360px;
}
#comments .input {
	width: 350px;
	padding: 4px 5px;
	background: #fff;
	border: 1px solid #ced0d0;
	color: #5f6565;
	display: block;
	margin: 5px 0;
	margin-left: 28px;
}
#comments .error {
	margin-left: 28px;
}
#comments .input#author{
background: #fff url('./images/user.png') no-repeat 5px 3px;
padding-left: 30px;
}

#comments .input#email{
background: #fff url('./images/email.png') no-repeat 5px 3px;
padding-left: 30px;
}

#comments .input#url{
background: #fff url('./images/house.png') no-repeat 5px 3px;
padding-left: 30px;
}

#submit_comment {
	float: right;
	margin-right: 0;
}


#comments .textarea_arrow {
	position: absolute;
	top: 25px;
	left: 97px;
}

#comments .inputerror {
	border-color: #555;
}


div.tagMatches {
    margin-top: 5px;
	width: 400px;
	float: left;
}

span._tag_suggestion {
    padding: 2px;
    margin-right: 4px;
    background-color: #0063DC;
    color: #fff;
    cursor: pointer;
}

div.tagArea {
	margin: 0 0 10px;
}

ul.tagCloud {
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
}

ul.tagCloud li {
	line-height: 1;
	letter-spacing: 0;
}

ul.tagCloud li a {
	line-height: 1;
}

/*--------------------------------------
	Tag Cloud11
---------------------------------------*/

ul.tagCloud11 {
	margin: 0;
	padding: 5px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url('./images/bg_tagCloud.gif');
	background-position: 10px right;
}

ul.tagCloud11 li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%; /* ここで相対的に文字サイズを変更 */
}

ul.tagCloud11 li a {
	padding: 0 5px;
	position: relative;
	text-decoration: none;
	color: #fff;
	background-color: #fff;
	border: 1px solid #e2edb5;
}

ul.tagCloud11 li.level1 a {
	z-index: 6;
	font-size: 167%;
	background-color: #b5d246;
}

ul.tagCloud11 li.level2 a {
	top: 5px;
	z-index: 5;
	font-size: 136%;
	background-color: #c0d860;
}

ul.tagCloud11 li.level3 a {
	z-index: 4;
	font-size: 114%;
	background-color: #cbe07d;
}

ul.tagCloud11 li.level4 a {
	top: 5px;
	z-index: 3;
	font-size: 100%;
	background-color: #d6e699;
}

ul.tagCloud11 li.level5 a {
	z-index: 2;
	font-size: 85%;
	background-color: #e2edb5;
}

ul.tagCloud11 li.level6 a {
	z-index: 1;
	font-size: 75%;
	background-color: #edf4d0;
}

/* オンマウス */
ul.tagCloud11 li a:hover {
	z-index: 10;
	border-color: #a2ba42;
	background-color: #b4cc54;
}

/*--------------------------------------
	Tag Cloud12
---------------------------------------*/

ul.tagCloud12 {
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

ul.tagCloud12 li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%; /* ここで相対的に文字サイズを変更 */
}

ul.tagCloud12 li a {
	padding: 0 5px;
	position: relative;
	text-decoration: none;
	color: #fff;
	background-color: #fff;
}

ul.tagCloud12 li.level1 a {
	z-index: 6;
	font-size: 167%;
	background-color: #6897af;
}

ul.tagCloud12 li.level2 a {
	top: 5px;
	z-index: 5;
	font-size: 136%;
	background-color: #7ea6ba;
}

ul.tagCloud12 li.level3 a {
	z-index: 4;
	font-size: 114%;
	background-color: #95b6c7;
}

ul.tagCloud12 li.level4 a {
	top: 5px;
	z-index: 3;
	font-size: 100%;
	background-color: #acc6d3;
}

ul.tagCloud12 li.level5 a {
	z-index: 2;
	font-size: 85%;
	background-color: #c3d6df;
}

ul.tagCloud12 li.level6 a {
	z-index: 1;
	font-size: 70%;
	background-color: #d9e5eb;
}

/* オンマウス */

ul.tagCloud12 li a:hover {
	z-index: 10;
	background-color: #5a89a1;
}