/*============================================================
BLOG.CSS
============================================================*/

/*============================================================
RELATED AREA
============================================================*/



/*============================================================
CONTENTS AREA
============================================================*/

/*==============================
blog
==============================*/
div#blog {
	margin: 0px;
	padding: 0px;
/*	background-color: #666666;*/
}

/*==============================
blogarticle
==============================*/
div.blogarticle {
	line-height: 1.5em;
	margin: 0px 0px 4em 0px;
	padding: 1em 10px 0px 10px;
	border-top: 1px dashed #999999;
/**/	border: 1px solid #000000;
	position: relative;
}

div.blogarticle p.date {
	position: absolute;
	right: 0px;
	top: 1em;

	width: 400px;
	text-align: right;
	font-size: 80%;
	color: #999999;
}




div.blogarticle p.category{
	margin: 0px !important;
	padding: 0.1em 0px 0.1em 10px;
	font-size: 80%;
	border-left: 5px solid #2A2F38;
}

div.blogarticle p.category a:link {
	text-decoration: none;
}

div.blogarticle p.category a:visited {
	text-decoration: none;
}

div.blogarticle p.category a:hover {
	text-decoration: underline;
}





div.blogarticle h2{
	color: #000000;
	margin: 0px 0px 1em 0px;
	padding: 0em 0px 0.1em 10px;
	font-size: 115%;
	border-left: 5px solid #2A2F38;
}


div.blogarticle h2 a:link {
	color: #000000;
	text-decoration: none;
}

div.blogarticle h2 a:visited {
	color: #666666;
	text-decoration: none;
}

div.blogarticle h2 a:hover {
	color: #003366;
	text-decoration: underline;
}


div.blogarticle h3{
	margin: 3em 0px 1.2em 0px;
	padding: 0.1em 0px 0.1em 7px;
	font-size: 100%;
	border-left: 5px solid #2A2F38;
	line-height: 1.5em;
}


div.blogarticle h4{
	margin: 3em 0px 1.2em 0px;
	padding: 0.1em 0px 0.1em 7px;
	font-size: 90%;
	border-left: 2px solid #2A2F38;
	line-height: 1.5em;
}

div.blogarticle h5 {
	margin: 3em 0px 1.2em 0px;
	padding: 0.1em 0px 0.1em 7px;
	font-size: 90%;
	border-bottom: 1px dashed #2A2F38;
	line-height: 1.5em;
}


div.blogarticle p.posted {
	text-align: right;
	font-size: 90%;
	padding: 0px 0px 10px 30px;
	margin-bottom: 3em !important;
	border-bottom:1px dotted #999999;
}



div.blogarticle ul.reader-action {
	margin: 0em 0px 0em 0px;
	padding: 0.3em 0px 1em 0px;
	border-top: 1px dashed #999999;
	position: relative;
	text-align: right;
	font-size: small;
}

div.blogarticle ul.reader-action li {
	list-style: none;
	display: inline;
	margin-right: 1em;
/*	display: block;
	position: absolute;
	top: 5px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 10px;

	background-color: #cccccc;*/
}

div.blogarticle ul.reader-action li img {
	vertical-align: middle;
}




/*
div.blogarticle ul.reader-action li.comment {
	left: 300px;
}

div.blogarticle ul.reader-action li.trackback {
	left: 127px;
}

div.blogarticle ul.reader-action li a {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	height: 25px;

	text-indent: -9999px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div.blogarticle ul.reader-action li a:hover {
	background-position: 0px -26px;
}

div.blogarticle ul.reader-action li.comment a {
	background-image: url(../images/contents/bt_comment.gif);
	left: -111px;
	width: 111px;
}

div.blogarticle ul.reader-action li.trackback a {
	background-image: url(../images/contents/bt_trackback.gif);
	left: -127px;
	width: 127px;
}

*/







div.blogarticle dl {
	margin: 0px 30px 1em 30px;
	padding: 0px;
	border: 1px solid #EEEEEE;
}

div.blogarticle dl dt {
	background-color: #2A2F38;
	color: #ffffff;
	margin: 2px;
	padding: 0.2em 0.5em 0.2em 0.5em;
}


div.blogarticle dl dt a {
	color: #ffffff;
}


div.blogarticle dl dd {
	margin: 2px;
	padding: 0.2em 0.5em 0.2em 3em;
}






div.blogarticle blockquote {
	margin: 0px 0px 1em 30px;
	padding: 5px 5px 0px 10px;
	background-color: #FDFBE7;
	border-left: 3px solid #ffcc00;
}


div.blogarticle ol.pagelist {
	margin: 0px 0px 1em 0px;
	padding: 0.5em 20px 0.5em 30px;
	border: 1px solid #999999;
}

div.blogarticle span.caution {
	margin: 0px 0.5em 0px 0px;
	padding: 0em 2px 0em 2px;
	background-color: #2A2F38;
	color: #ffffff;
}






/*==============================
TRACKBACK
==============================*/
div#trackback {
	margin: 0px 0px 2em 0px;
	padding: 0px 15px 0px 15px;
	border-top: 1px dashed #999999;
}

div#trackback h3 {
	margin: 3em 0px 1em 0px;
	padding: 0.15em 0px 0.15em 7px;
	font-size: 100%;
	font-weight: bold;
	border-left: 5px solid #2A2F38;
	background-color: #eeeeee;
}

div#trackback p.trackback-url {
	font-size: 100%;
	background-color: #FFFDF4;
	border: 1px solid #eeeeee;
	margin: 0px 0px 1em 0px;
	padding: 0.5em 0px 0.5em 0px;
	text-align: center;
}

/*===================
TRACKBACK-BODY
===================*/
div.trackback-body {
	margin: 0px 0px 2em 0px;
	padding: 0px 20px 0px 20px;
	border: 1px solid #eeeeee;

	background-image: url(../images/contents/bg_trackback.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


div.trackback-body dl {
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

div.trackback-body dl dt {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

div.trackback-body dl dd {
	margin: 0px 15px 0.5em 15px;
}

div.trackback-body p.title {
	font-size: 90%;
	padding: 0.5em 0px 0.5em 30px;
	margin: 0px !important;

}


div.trackback-body p.posted {
	font-size: 90%;
	padding: 0em 0px 0.5em 30px;
	border-bottom: 1px dotted #999999;
	text-align: right;
}


div.trackback-body p.posted span {
	font-size: 80%;
	padding: 0.3em;
	margin: 0px 7px 0px 7px;
	background-color: #2A2F38;
	color: #ffffff;
}



/*==============================
comment
==============================*/
div#comment {
	margin: 0px;
	padding: 0px 15px 0px 15px;
	border-top: 1px dashed #999999;
}

div#comment h3{
	margin: 3em 0px 1em 0px;
	padding: 0.15em 0px 0.15em 7px;
	font-size: 100%;
	font-weight: bold;
	border-left: 5px solid #2A2F38;
	background-color: #eeeeee;
/*	border-bottom: 1px dotted #000000;*/
}

div#comment h4{
	margin: 3em 15px 1em 15px;
	padding: 3px 0px 3px 7px;
	font-size: 100%;
	border-left: 5px solid #ffcc00;
}

div#comment form {
	border: 1px solid #eeeeee;
/*	background-color: #f9f9f9;*/
	margin: 0px 15px 2em 15px;
	padding: 15px;
	font-size: 90%;
}

div#comment form dl {
	margin: 0px;
	padding: 0px;
}

div#comment form dl dt {
	font-weight: bold;
	border-left: 5px solid #2A2F38;
	margin: 0px 0px 0.6em 0px;
	padding: 0px 0px 0px 7px;
}

div#comment form dl dt em {
	font-size: 80%;
}


div#comment form dl dd {
	margin: 0px 0px 1em 0px;
	padding: 0px 15px 0.7em 15px;
	border-bottom: 1px dotted #cccccc;
}

#author,#email,#url {
	width: 300px;

}


/*===================
COMMENTS-BODY
===================*/
div.comment-body {
	margin: 0px 0px 2em 0px;
	padding: 0px 20px 0px 20px;
	border: 1px solid #eeeeee;

	background-image: url(../images/contents/bg_comment.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.comment-body p.posted {
	font-size: 90%;
	padding: 0.5em 0px 0.5em 30px;
	border-bottom: 1px dotted #999999;
	text-align: right;
}

div.comment-body p.posted span {
	font-size: 80%;
	padding: 0.3em;
	margin: 0px 7px 0px 7px;
	background-color: #2A2F38;
	color: #ffffff;
}

/*-------------------
dl.entryLineup
-------------------*/

dl.entryLineup {
/*	width: 600px;*/
	padding: 0px;
	margin: 0px 0px 1em 0px !important;
/*	background-color: #eeeeee;*/
	border: 0px dotted #cccccc !important;
}

dl.entryLineup dt {
	color: #000000 !important;
	padding: 0.2em 0px 0.2em 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dotted #cccccc;
	background-color: #ffffff !important;
}


dl.entryLineup dt span.date {
	padding: 0px 0px 0px 5px;
	margin: 0px 10px 0px 0px;
	border-left: 3px solid #000099;
	font-size: 80%;
}

dl.entryLineup dt span.shootingstar {
	padding-left: 15px;
	background-image: url(../images/ic/ic_category_shootingstar.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


dl.entryLineup dt span.stars {
	padding-left: 15px;
	background-image: url(../images/ic/ic_category_stars.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


dl.entryLineup dt a {
	font-weight: bold;
}

dl.entryLineup dd {
	padding: 0px 0px 0px 9.5em !important;
	margin: 0px 0px 0px 0px;
}


dl.entryLineup dd p.permalink {
text-align: right;
}



ul.shootingLink {
	font-size: 80%;
	list-style: none;
}

ul.shootingLink li {
	margin-bottom: 0.2em;
}

ul.shootingLink ol {
	text-align: left;
	margin-top: 0.5em;
}
ul.shootingLink ol li {
	margin-top: 0.5em;
	border-bottom: 1px dashed #999999;
}


ul.shootingLink img {
	vertical-align: middle;
	margin-bottom: 0.5em;
}

ul.shootingLink a {
/**/	text-decoration: none;
}

ul.shootingLink a:hover {
	text-decoration: underline;
}


dl.seriesContents {
	font-size: 0.9em;
	width: 49%;
	border: 1px dashed #999999;
	padding: 0px;
	margin: 0px;
}

dl.seriesContents dt {
	padding: 10px 10px 10px 10px;
	margin: 0px;
}


dl.seriesContents dd {
	padding: 0px 10px 10px 10px;
	margin: 0px;
}



div.contentsPickUP {
	width: 48%;
/**/	border-left: 1px solid #2A2F38;
	padding: 40px 0px 0px 0px;
	margin: 1em 0px 0px 0px;
}

div.leftMenu {
	float: left;
	background-image: url(../images/contents/bg_times.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.rightMenu {
	float: right;
	background-image: url(../images/contents/bg_shooting.gif);
	background-position: left top;
	background-repeat: no-repeat;
}







div.contentsPickUP h3 {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	background-color: #2A2F38;
	color: #ffffff;
	padding: 0.2em 0px 0.2em 0px;
	margin: 0em 0px 1em 0px;
}