A:link {
	color: #3A525C;
}

/* リンク */
A:visited {
/* 既に見たリンク */
	color: #3A525C;
	text-decoration: /* 下線を消す */
none;
}

A:active {
	color: #3A525C;
}

/* クリック時のリンク */
A:hover {
/* カーソルが上にある時のリンク */
	color: #3A525C;
	text-decoration: /* 下線を消す */
none;
}

p {
	margin: 1em 0;
}

h1 {
	font-size: 16px;
	font-weight: normal;
}

a.back {
	text-decoration: none;
	font-size: 11px;
}

#search h2, #comments h3, #commentform h3, .emptysearch, .error {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.back:link, .back:visited {
	color: #cc9900;
}

.back:hover, .back:active, .back:focus {
	color: #3A525C;
}

#wrapper {
	color: #999;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 145%;
	margin: 0 auto;
	padding: 0 2em;
	width: 560px;
}

#header {
	margin: 0 0 -1em;
	padding: 5em 0 0;
	position: relative;
}

#header .description {
	font-size: 10px;
}

#header a {
	text-decoration: none;
}

#header a:link, #header a:visited {
	color: #000;
	text-shadow: 0 1px 2px #fff;
}

#header a:hover, #header a:active, #header a:focus {
	color: #3A525C;
}

#header .description {
	margin: .5em 0 0;
}

.post h2 a {
	text-decoration: none;
}

.post h2 a:link, .post h2 a:visited {
	color: #878787;
}

.post h2 a:hover, .post h2 a:active, .post h2 a:focus {
	color: #3A525C;
}

.post h2 {
	font-size: 10px;
	line-height: 120%;
	font-weight: normal;
}

.post h3 {
	color: #ccc;
	margin: 0 0 1em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
}

.post h4 {
	color: #CCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
	margin: 2em 0 1em;
}

.post h5 {
	color: #CCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
	margin: 2em 0 1em;
}

.post blockquote cite {
	font-style: normal;
}

.post .date {
	color: #ccc;
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	right: 0;
}

.post .date a:hover, .post h2 a:active, .post h2 a:focus {
	color: #3A525C;
}

.post .number-of-comments a {
	text-decoration: underline;
	font-size: 10px;
}

#comments {
	font-size: 10px;
}

.post .number-of-comments {
	position: absolute;
	right: 1em;
}

.post blockquote {
	color: #fff;
	background: #878787;
	margin: 2em;
	padding: .1em 1.5em;
	position: relative;
}

.post blockquote cite {
	display: block;
	text-align: right;
}

.entry a:link, .comment a:link {
	color: #CCC;
}

.entry a:visited, .comment a:visited {
	color: #CCC;
}

.entry a:hover, .entry a:active, .entry a:focus, .comment a:hover, .comment a:active, .comment a:focus {
	color: #3A525C;
}

.entry .more-link {
	font-size: 10px;
}

.entry ul {
	list-style: none inside;
	padding: 0 1em;
}

.entry ol {
	list-style: decimal outside;
	padding: 0 2.5em;
}

.entry ul li {
	background: url(img/bullet.gif) 0 7px no-repeat;
	margin: 1em 0;
	padding: 0 0 0 15px;
}

.entry ol li {
	margin: 1em 0;
}

.post img {
	max-width: 100%;
	height: auto;
	float: left;
}

#sidebar {
	font-size: 10px;
	color: #828282;
	padding: 0 0 7em;
	margin: 4em 0 0;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:link, #sidebar a:visited {
	color: #C4C4C4;
}

#sidebar a:hover, #sidebar a:active, #sidebar a:focus {
	color: #3A525C;
}

#sidebar #sb-2 a:link, #sidebar #sb-2 a:visited {
	color: #3A525C;
}

#sidebar #sb-2 a:hover, #sidebar #sb-2 a:active, #sidebar #sb-2 a:focus {
	color: #3A525C;
}

#sidebar .email {
	background: url() 0 4px no-repeat;
	padding: 0 0 0 1.8em;
}

#sidebar #rss li {
	background: url() left center no-repeat;
	padding: 0;
	margin: .5em 0;
}

#footer {
	text-align: right;
}

.embedmedia-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 98.4%;
	height: auto;
}

.embedmedia-container iframe, 
.embedmedia-container object, 
.embedmedia-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 98.4%;
	height: 88.5%;
}

/* Smartphones landscape */
@media (max-width: 480px) {
	#wrapper {
		width: 380px;
		padding: 0 1em;
	}
	
	#wrapper .post img {
		width: 100%;
		height: auto;
	}
	
	.post .date {
		right: auto;
		left: 0;
	}
	
	#commentform textarea {
		width: 380px;
	}
	
	#sb-1 {
		width: 42%;
	}
	
	#sb-2 {
		width: 42%;
	}
}

/* Smartphones horizontile */
@media (max-width: 320px) {
	#wrapper {
		width: 280px;
		padding: 0 .5em;
	}
	
	#wrapper .post img {
		width: 100%;
		height: auto;
	}
	
	#commentform textarea {
		width: 260px;
	}
}