@charset "UTF-8";
/* CSS Document */

@import url(http://agilemedia.jp/embed/CSS/AMN-designwalker.css);

/* Common */
/* ====================================================================== */

* {
	margin: 0;
	padding: 0;
}
	
body {
	text-align: center;
	font-family: 'verdana', 'trebuchet ms', sans-serif;
	color: #444;
	background: url(images/header.gif) repeat-x #FFF;
}

#layout {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 98%;
	text-align: left;
	min-width: 840px;
	max-width: 1280px;
}

a {
	color: #99CC00;
	text-decoration: none;
}
	
a:hover {
	color: #99CC00;
	text-decoration: underline;
}
	
a:visited {
	font-style: italic;
}

img {
	border: none;
}	
		
pre {
	margin: 0;
	padding: 5px 10px;
	background: #E8EEEE;
	border: 1px solid #D9E2E3;
}

/* header */
/* ====================================================================== */

#rss {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	height: 140px;
	text-indent: -13000px;
	background: url(images/feed_icon.gif) no-repeat;
}

#rss a {
	display: block;
	width: 180px;
	height: 140px;
	background: url(images/feed_icon.gif) no-repeat;
}

	
#header {
	height: 185px;
}

#header_banner {
	position: absolute;
	top: 10px;
	left: 240px;
}
	
#header h1 {
	position: absolute;
	top: 25px;
	width: 230px;
	height: 58px;
	text-indent: -3000px;
	background: url(images/logo.gif) no-repeat;
}
	
#header h1 a {
	display: block;
	width: 230px;
	height: 58px;
	background: url(images/logo.gif) no-repeat;
}

#header p {
	position: absolute;
	top: 135px;
	font-size: 14px;
	font-weight: bolder;
	color: #FFF;
}

/* content */
/* ====================================================================== */

#main {
	float: left;
	width: 53%;
}

.post h2 {
	clear: both;
	padding: 15px 10px 10px 10px;
	font-size: 20px;
	font-weight: bold;
}
	
.post h2 a {
	color: #444;
	text-decoration: none;
}

.post_date {
	margin: 0;
	padding: 15px 10px 0 10px;
	height: 30px;
	font-size: 10px;
	text-align: right;
	background: url(images/title_border.gif) repeat-x;
}

.top_ad {
	padding: 0 0 10px 0;
}

.content {
	padding: 5px 20px 10px 20px;
	line-height: 1.4;
}

.content h3 {
	padding: 20px 0 5px 0;
	font-size: 110%;
}
	
.content h4 {
	padding: 40px 0 0 0;
	font-size: 100%;
	}
	
.content p {
	padding: 10px 0;
}

.more {
	padding: 5px 20px;
	text-align: right;
}

.more a {
	color: #FE4BA7;
}

.content .more {
	padding: 0;
	text-align: right;
}

.content textarea {
	width: 400px;
	height: 150px;
}

.thumb {
	float: left;
	margin: 15px 10px 0 0;
	border: 1px solid #E7E7E7;
}

.ranking_banner {
	text-align: center;
	padding: 10px 0;
}

.bottom_ad {
	padding: 0 0 20px 0;
}

.entry_bottom {
	padding: 20px 10px 0 10px;
	height: 30px;
	font-size: 10px;
	text-align: right;
	background: url(images/entry_bottom.gif) repeat-x;
}

#media_description {
	padding: 20px 0;
}

.media_post {
	float: left;
	margin: 10px 0 0 0;
	width: 33%;
	height: 350px;
	font-size: 90%;
}

.media_post a {
	color: #5ABCD9;
}

.media_post .content {
	padding: 0 10px;
}

.media_post .content h4 {
	margin: 0;
	padding: 5px 0;
}

.media_post .content p {
	margin: 0;
	padding: 5px 0;
	font-size: 90%;
}

.product_link {
	margin: 10px 0;
}

.product_link td {
	vertical-align: top;
	text-align: center;
}

.product_name {
	padding: 3px 0;
	font-size: 80%;
}

.product_name a {
	color: #D635AC;
}

.product_price {
	font-size: 80%;
}

.product_price a {
	color: #64CCEF;
}
/* related entry */
/* ====================================================================== */


.related_entry {
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	height: 30px;
	text-indent: -3000px;
	background: bottom left url(images/related_entry_title.gif) no-repeat;
	border-bottom: 3px solid #99CC33;
}

.related {
	float: left;
	width: 45%;
	height: 95px;
}

.related img {
	float: left;
	margin: 10px;
	border: 1px solid #CCC;
}

.related h4 {
	margin: 10px 5px 0 5px;
	font-size: 84%;
}
		
.related_list {
	margin: 0 3px;
}
	
.related_list li {
	padding: 0 10px 5px 25px;
	list-style-type: none;
	background: url(images/file_icon.gif) no-repeat;
	background-position: 1px 1px;
}

/* tag */
/* ====================================================================== */

#entry_tag_title {
	margin: 30px 0 15px 0;
	padding: 0;
	height: 30px;
	background: url(images/entry_tag_title.gif) no-repeat;
	border-bottom: 3px solid #99CC33;
	}
	
.entry_tag {
	margin: 30px 0 15px 0;
	height: 30px;
	text-indent: -3000px;
	background: url(images/entry_tag_title.gif) no-repeat;
	border-bottom: 3px solid #99CC33;
	}
	
.entry_tags {
	clear: both;
	margin: 12px 8px;
	padding: 0;
}
	
.entry_tags li {
	float: left;
	margin: 0 5px 5px 0;
	padding: 0 10px;
	height: 21px;
	background: url(images/tag_bg.gif) repeat-x;
	white-space: nowrap;
	list-style-type: none;
	border: 1px solid #99CC33;
}
	
html>body .entry_tags li {
	padding: 3px 10px 0 10px;
	height: 18px;
}
	
.entry_tags li a {
	color: #FFF;
}
	
.entry_tags li a:hover {
	color: #FFF;
	text-decoration: none;
}

/* comment */
/* ====================================================================== */


#add_comment_title {
	clear: both;
	margin: 15px 0 2px 0;
	padding: 0 10px 0 0;
	height: 50px;
	text-indent: -3000px;
	background: bottom left url(images/add_comment_title.gif) no-repeat;
	border-bottom: 3px solid #99CC33;
}

.add_comment_block {
	margin: 0;
	padding: 15px;
	background: url(images/border_bg.gif) repeat;
}
	
#comment-author {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 20px;
	width: 255px;
	font-weight: bold;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
	
#comment-email {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 20px;
	width: 255px;
	font-weight: bold;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
	
#comment-url {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 20px;
	width: 360px;
	font-weight: bold;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
	
#comment-text {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 180px;
	width: 460px;
	font-weight: bold;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat-x #FFF;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
	
#comments {
	clear: both;
	padding: 20px 0 10px 0;
}

ol.commentlist {
	list-style-type: none;
}

ol.commentlist li {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #F2F2F2;
}

ol.commentlist li.alt {
	background: #F8FFE9;
}

#respond {
	clear: both;
	padding: 10px 0 0 0;
	height: 30px;
	text-indent: -3000px;
	background: bottom left url(images/add_comment_title.gif) no-repeat;
	border-bottom: 3px solid #99CC33;
}

#respond_block {
	padding: 15px;
	background: url(images/border_bg.gif) repeat;
}

#respond_block p {
	padding: 0 0 5px 0;
}

#author {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 20px;
	width: 255px;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#email {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 20px;
	width: 255px;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#url {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 20px;
	width: 360px;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#comment {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 180px;
	width: 460px;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat-x #FFF;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#form_btn {
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

/* trackback */
/* ====================================================================== */
	
#trackback {
	margin: 15px 0 2px 0;
	padding: 0 10px 0 0;
	height: 30px;
	text-indent: -3000px;
	background: url(images/trackback_url_title.gif) no-repeat;
	border-bottom: 3px solid #99CC33;
}

#trackback_block {
	margin: 0;
	padding: 15px;
	background: url(images/border_bg.gif) repeat;
}

#trackback-url {
	margin: 0 0 5px 0;
	padding: 5px 5px 0 5px;
	height: 20px;
	width: 460px;
	font-weight: bold;
	color: #7F7F7F;
	background: url(images/textbox_bg.gif) repeat;
	border-top: 2px solid #BCBCBC;
	border-left: 2px solid #BCBCBC;
	border-bottom: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

/* sub */
/* ====================================================================== */

#sub {
	float: left;
	margin: 10px 0 0 0;
	width: 18%;
	text-align: center;
	font-size: 0.875em;
}
	
.ad_block {
	margin: 0;
	padding: 10px;
	border-bottom: 1px dotted #5ABCD9;
	font-size: 12px;
}
	
#ad_banner {
	margin: 10px 5px;
	padding: 0;
}
	
#ad_banner img {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0;
}

#media {
	padding: 30px 10px;
	font-size: 90%;
}

#media h4 {
	text-align: left;
	padding: 5px 0;
}

#media p {
	text-align: left;
	padding: 0 0 20px 0;
	font-size: 95%;
}


/* side */
/* ====================================================================== */

#side {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 24%;
	font-size: 0.875em;
}

#shop {
	margin: 10px 0;
	text-align: center;
}

#category {
	height: 30px;
	text-indent: -3000px;
	background: url(images/category_archive.gif) no-repeat;
}
	
#side ul {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	background: top url(images/side_block2.gif) repeat-x;
}
	
#side ul li {
	padding: 2px 10px 5px 18px;
	list-style-type: none;
	border-bottom: 1px dotted #669900;
	background: 5px 8px url(images/list_icon.gif) no-repeat;
}

#mail {
	margin: 15px 0 2px 0;
	padding: 0 10px 0 0;
	height: 25px;
	text-indent: -3000px;
	background: url(images/mail_title.gif) no-repeat;
}

#mail_description {
	padding: 10px 10px 0 10px;
	background: top url(images/side_block2.gif) repeat-x;
}

#recent {
	height: 35px;
	text-indent: -3000px;
	background: bottom left url(images/recent_entry.gif) no-repeat;
}

#designwalker_seed {
	margin: 20px auto 0 auto;
	width: 230px;
	height: 60px;
	text-indent:-3000px;
	background: url(images/designwalker_seed.gif) no-repeat #FFF;
}

#designwalker_seed a {
	display: block;
	margin: 0;
	width: 230px;
	height: 50px;
	text-indent:-3000px;
	background: url(images/designwalker_seed.gif) no-repeat #FFF;
}

#tag_cloud {
	margin: 15px 0 2px 0;
	padding: 0 10px 0 0;
	height: 30px;
	text-indent: -3000px;
	background: url(images/tag_cloud_title.gif) no-repeat;
}
	
#side #tag {
	margin: 0;
	padding: 10px;
	background: top url(images/side_block2.gif) repeat-x;
}
	
#side ul#tag li {
	float: left;
	margin: 0;
	padding: 0 5px 5px 0;
	list-style-type: none;
	white-space: nowrap;
	background: none;
	border-bottom: none;
}

#monthly_archive {
	clear: both;
	height: 35px;
	text-indent: -3000px;
	background: bottom left url(images/monthly_archive.gif) no-repeat;
}

#search_title {
	margin: 15px 0 2px 0;
	padding: 0 10px 15px 0;
	height: 30px;
	text-indent: -3000px;
	background: url(images/search_title.gif) no-repeat;
}

#search_block {
	padding: 10px 10px 0 10px;
	background: top url(images/side_block2.gif) repeat-x;
}

/* footer */
/* ====================================================================== */

#footer {
	clear: both;
	margin: 20px 0 0 0;
	border-top: 2px solid #C0E76F;
	background-color: #FBFFF1;
	text-align: center;
}
	
#footer_content {
	margin: 0 auto;
	padding: 10px 0;
	width: 90%;
	text-align: left;
}

.footer_block {
	float: left;
	margin: 0 20px 10px 0;
	width: 360px;
}

#recent_comment_title {
	width: 360px;
	height: 35px;
	background: url(images/recent_comment_title.gif) no-repeat;
}

#hot_entry {
	width: 360px;
	height: 35px;
	text-indent: -3000px;
	background: url(images/hot_entry_head.gif) no-repeat;
}

#popular_entry {
	width: 360px;
	height: 35px;
	text-indent: -3000px;
	background: url(images/popular_entry_head.gif) no-repeat;
}

.footer_block .feedburnerFeedBlock li {
	margin: 0;
	padding: 5px 10px;
	list-style-type: none;
	background-position: 2px 2px;
	border-bottom: 1px dotted #99CC00;
}
	
.footer_block .feedburnerFeedBlock li a{
	color: #666;
	text-decoration: none;
}
	
.footer_block .feedburnerFeedBlock li a{
	color: #666;
	text-decoration: none;
}

#copyright {
	clear: both;
	padding: 20px 0;
	border-top: 2px solid #75AA0B;
	background-color: #99CC33;
	color: #FFF;
	text-align: center;
	font-size: 10px;
}

#copyright a {
	color: #FFF;
	text-decoration: none;
}