/*  
Theme Name: Quality
Theme URI: http://www.e-maga.jp/
Description: MagicBook.
Version: 1.0
Author: Ryuta
Author URI: http://geeker.jp/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, li, dl, dt, dd, table, th ,td, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	font-family: Meiryo, "Verdana", Osaka, sans-serif;
	background: url(images/screen.gif) repeat-x #000000;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
html:not([lang*=""])  body {
	font-family: "Bitstream Vera Sans", "Verdana", Osaka, sans-serif;
}

img {
	-ms-interpolation-mode: bicubic;
}

a {
	color: #0066cc;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #114477;
	text-decoration: none;
}
a img {
	border: none;
}
a.alpha img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

h1 {
	margin: 0;
	padding: 0;
	border: none;
}
ul {
	list-style: none;
}

.red {
	color: #ff0000;
}
.blue {
	color: #0000ff;
}
.black {
	color: #000000;
}
.big {
	font-size: 120%;
	font-weight: bold;
}
.small {
	font-size: 80%;
}
.mid {
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	margin: 0;
	padding: 5px;
	width: 468px;
}
.mid2 {
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	margin: 0;
	padding: 5px;
	width: 223px;
}
.alignright {
	float: right;
	padding: 0 0 10px 10px;
}
.alignleft {
	float: left;
	padding: 0 10px 10px 0;
}
.rssreader {
	margin: 10px 0 0 0;
	padding: 0;
	width: 708px;
	height: 150px;
	border: 1px solid #888888;
	overflow: auto;
}
a.more-link {
	clear: both;
	display: block;
	width: 150px;
	height: 40px;
	background: url(images/read.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
a:hover.more-link {
	display: block;
	width: 150px;
	height: 40px;
	background: url(images/read.gif) 0 -40px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#page {
	background: #ffffff;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	width: 950px;
	text-align: left;
	overflow: hidden;
}

#header {
	position: relative;
	text-align: left;
}

#headtitle {
	width: 930px;
	margin-left: 10px;
	overflow: hidden;
	background-image: url(images/titleback.jpg);
	background-repeat: no-repeat;
}
#headtitle img {
	float: left;
	border-right: 1px solid #ffffff;
	display: inline;
}
#headtitle .banner {
	float: right;
	display: inline;
	width: 468px;
	height: 60px;
	margin: 80px 10px 0 0;
	padding: 0;
}

#navi {
	border-top:1px solid #ffffff;
	background-color: #000000;
	width: 930px;
	margin-left: 10px;
	overflow: hidden;
	text-align: left;
}
#navi ul {
	margin: 0;
	padding: 0;
}
#navi ul li {
	font-weight: normal;
	line-height: 12px;
	float: left;
	font-size: 10px;
	list-style: none;
	display: inline;
}
#navi ul li a {
	display:block;
	color: #ffffff;
	height: 16px;
	padding: 10px;
	width: 70px;
	border-right:1px solid #ffffff;
	text-decoration: none;
}
#navi ul li a:hover {
	background-color: #666666;
	color:#000000;
	text-decoration: none;
}
#navi ul li.last a {
	display:block;
	color: #cc0000;
	height: 16px;
	padding: 10px;
	width: 182px;
	border: none;
	text-decoration: none;
	background-image: url(images/rssback.jpg);
}
#navi ul li.last a:hover {
	background-color:#666666;
	color:#000000;
	text-decoration: none;
	background-image: url(images/rssbackhover.jpg);
}

#rss_title {
	margin: 10px 0 0 0;
	width: 710px;
	height: 30px;
	background: url(images/recommend_rss.jpg) 0 0 no-repeat;
}
#rss_title p {
	text-align: right;
	padding-top: 7px;
	padding-right: 15px;
	line-height: 16px;
	font-size: 10px;
	color: #ffffff;
}
#rss_title a {
	color: #ffffff;
	text-decoration: underline;
}
#rss_title a:hover {
	color: #cccccc;
	text-decoration: none;
}

#headline {
	margin: 0;
	width: 708px;
	height: 200px;
	border: 1px solid #888888;
	background: url(images/rss_back.jpg) 0 0 no-repeat;
}
#headline .rssblock {
	float: left;
	margin: 0;
	padding: 5px 10px;
	width: 334px;
	height: 190px;
	overflow: auto;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	font-family: Meiryo, "Verdana", Osaka, sans-serif;
}
#headline .rssblock a:link {
	color: #222222;
	text-decoration: none
}
#headline .rssblock a:visited {
	color: #555555;
	text-decoration: line-through;
	font-weight: normal;
}
#headline .rssblock a:hover, .rssblock a:visited:hover {
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
}
#headline .rssblock a img {
	margin-top: 15px;
}
#headline:after {
	content: "";
	clear: both;
	display: block;
}

#content {
	float: right;
	position: relative;
	margin-right: 10px;
	padding: 0 0 10px 0;
	text-align: left;
	width: 710px;
	display: inline;
}
#content .box {
	width: 710px;
	margin: 0;
	padding: 0;
}
#content .box:after {
	content: "";
	display: block;
	clear: both;
}
#content .box h2.posttitle {
	clear: both;
	width: 675px;
	margin: 10px 0 2px 0;
	padding: 10px 0 5px 35px;
	line-height: 30px;
	color: #000000;
	border-top: 3px solid #000000;
	background: url(images/posttitle.gif) 0 5px no-repeat;
	font-weight: bold;
	font-family: Meiryo, "Verdana", Osaka, sans-serif;
}
#content .box h2.posttitle a {
	font-size: 20px;
	color: #000000;
	text-decoration: none;
}
#content .box h2.posttitle a:hover {
	font-size: 20px;
	color: #ff0000;
	text-decoration: none;
}
#content .box h3 {
	clear: both;
	width: 462px;
	font-family: Meiryo, "Verdana", Osaka, sans-serif;
	font-size: 18px;
	line-height: 22px;
	background-color: #f5f5f5;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 25px 0 15px 0;
	padding: 4px 0 3px 8px;
	border-left: 10px solid #cc0000;
}
#content .box h4 {
	clear: both;
	width: 465px;
	font-family: Meiryo, "Verdana", Osaka, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #cc0000;
	text-decoration: none;
	margin: 15px 0 10px 0;
	padding: 3px 0 2px 10px;
	border-left: 5px solid #000000;
}
#content .post {
	float: left;
	position: relative;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 20px;
	width: 480px;
	display: inline;
	font-size: 12px;
}
#content .post p {
	margin: 2px 0;
	padding: 5px 0 6px 0;
	line-height: 20px;
	color: #333333;
	letter-spacing: 0;
}
html:not([lang*=""])  #content .post p {
	letter-spacing: 1px;
}
#content .post p.aa {
	margin: 0;
	paddin: 0;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
	font-size: 12px !important;
	line-height: 14px;
}
#content .post p.link {
	padding: 0 0 6px 45px;
	font-family: Meiryo, Verdana, Osaka, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
	background-image: url(images/linkbutton.gif);
	background-repeat: no-repeat;
}
#content .post p.link a {
	font-weight: bold;
}
#content .post p.link a:hover {
	font-weight: bold;
	color: #ffffff;
	background-color: #0066cc;
	text-decoration: none;
}
#content .post p.none {
	padding-top: 50px;
	font-family: cursive, Osaka, Verdana, sans-serif;
	font-size: 16px;
	color: #cc0000;
	font-weight: bold;
	text-align: center;
}
#content .post ul {
	margin: 5px 0 10px 10px;
}
#content .post ul li {
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 12px;
}
#content .post ol li {
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 12px;
}
#content .post ul.metadata li {
	display: inline;
	font-size: 10px;
	color: #555555;
}
#content .post ul.metadata li {
	padding-right: 3px;
	margin-right: 3px;
}
#content .post ul.pickup {
	margin: 5px 0 10px 10px;
	border-top: 1px dashed #cccccc;
}
#content .post ul.pickup li {
	line-height: 16px;
	letter-spacing: 1px;
	color: #555555;
	font-size: 12px;
	margin: 2px 0;
	padding: 5px 0 5px 15px;
	width: 455px;
	background: url(images/pu.gif) 0 7px no-repeat;
	border-bottom: 1px dashed #cccccc;
}
#content .post ul.pickup li.hot {
	line-height: 16px;
	letter-spacing: 1px;
	font-size: 12px;
	margin: 2px 0;
	padding: 5px 0 5px 15px;
	width: 455px;
	background: url(images/pu-h.gif) 0 7px no-repeat;
	border-bottom: 1px dashed #cccccc;
}
html:not([lang*=""]) #content .post ul.pickup li a, html:not([lang*=""]) #content .post ul.pickup li.hot a {
	font-family: Meiryo, Verdana, Osaka, sans-serif;
}
#content .post ul.pickup li a, #content .post ul.pickup li.hot a {
	font-weight: bold;
	text-decoration: none;
}
#content .post ul.pickup li a:visited, #content .post ul.pickup li.hot a:visited {
	color: #777777;
	text-decoration: line-through;
}
#content .post ul.pickup li a:hover, #content .post ul.pickup li.hot a:hover {
	color: #114477;
	text-decoration: none;
}
#content .col {
	float: right;
	position: relative;
	margin: 0 0 10px 0;
	padding: 10px 0;
	width: 210px;
	border-top: 2px dotted #888888;
	display: inline;
}
#content .col p {
	font-size: 10px;
	color: #666666;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
#content .col p.strong {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
#content .col ul {
	list-style-type: none;
	margin: 2px 0 5px 0;
	padding: 0;
}

#content .col ul li {
	color: #5f5f5f;
	font-size: 10px;
	margin: 0;
	padding: 3px 0;
	line-height: 12px;
}
#content .col ul li a {
	color: #333333;
	text-decoration: underline;
}

#content .col ul li a:hover {
	color: #ffffff;
	background-color: #114477;
	text-decoration: none;
}

.navigation, .pandn {
	clear: both;
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 10px 20px 10px 20px;
	width: 670px;
	height: 30px;
	border-top: 2px dotted #888888;
	/* background: url(images/entry_link.gif) 0 0 no-repeat; */
}
.navigation .prev {
	float: left;
	text-align: left;
	width: 295px;
}
.navigation .home {
	float: left;
	text-align: center;
	width: 70px;
}
.navigation .next {
	float: left;
	text-align: right;
	width: 295px;
}
.navigation a, .pandn a {
	font-family: Meiryo, "Verdana", Osaka, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc!important;
	text-decoration: none;
}
.navigation .home a {
	padding-right: 3px;
	padding-left: 3px;
	color: #FFFFFF!important;
	background-color: #bb0000;
	text-decoration: none!important;
}
.navigation a:hover, .pandn a:hover {
	background-color: #0066cc;
	color: #ffffff!important;
	text-decoration: none!important;
}
.navigation .home a:hover {
	background-color: #114477;
}
.navigation:after {
	content: "";
	clear: both;
	display: block;
}

.trackbacks {
	clear: both;
	margin: 0;
	padding: 0;
	width: 710px;
	border-top: 2px dotted #888888;
}
.trackbacks p {
	margin: 10px 0 15px 0;
	padding: 50px 0 0 0;
	background: url(images/trackbacks_bar.gif) 0 10px no-repeat;
}
.trackback-url {
	width: 698px;
	padding: 5px;
	background-color: #eeeeee;
	font-family: Arial;
	font-weight: bold;
	letter-spacing: 1px;
	border: 1px dotted #888888;
}

.wp-pagenavi {
	clear: both;
	width: 710px;
	padding: 10px 0;
	font-family: "Bitstream Vera Sans", Verdana, Osaka, sans-serif;
	font-size: 12px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #FFFFFF;
	background-color: #000000;
}
.wp-pagenavi span.pages {
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	border: 1px solid #000000;
	background-color: #000000;
	text-align: center;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #000000;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #000000;
}

#amazon-ad {
	width: 708px;
	text-align: center;
	margin: 5px 0 10px 0;
	border: 1px solid #000000;
}

#sidebar {
	width: 200px;
	float: left;
	position: relative;
	padding: 0 0 10px 0;
	margin-left: 10px;
	background-color: #eeeeee;
	color: #333333;
	border-bottom: 1px solid #ffffff;
	display: inline;
}

#sidebar p {
	font-size: 10px;
	line-height: 15px;
	margin: 0 0 5px 0;
	padding: 0 5px;
	width: auto;
}
#sidebar p.banner {
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #ffffff;
	text-align: center;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#sidebar ul li p {
	font-size: 10px;
	padding: 0;
	width: auto;
	font-weight: bold;
}

#sidebar ul li h2 {
	font-family: Meiryo, "Verdana", Osaka, sans-serif;
	color: #000000;
	width: 190px;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 5px;
	line-height: 22px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px dashed #ffffff;
}

#sidebar ul li h2 a {
	color: #000000;
	text-decoration: none;
}

#sidebar ul li h2 a:hover {
	color: #ff9000;
	text-decoration: none;
}

#sidebar ul li ul {
	margin: 5px 0 15px 0;
	padding: 0 5px;
	width: auto;
}

#sidebar ul li ul li {
	margin: 0;
	list-style-type: none;
	line-height: 14px;
	padding-top: 3px;
	width: auto;
}
#sidebar ul li ul.sidelist li, #sidebar ul li.widget_views ul li {
	width: 175px;
	margin: 2px 0;
	padding: 0 0 5px 12px;
	font-size: 12px;
	line-height: 16px;
	background: url(images/side-list.gif) 0 1px no-repeat;
}
#sidebar ul li ul li a {
	color: #333333;
	text-decoration: underline;
}
#sidebar ul li ul li a:hover {
	color: #114477;
	text-decoration: none;
}
#sidebar ul li ul.sidelist li a, #sidebar ul li.widget_views ul li a {
	color: #333333;
	text-decoration: none;
}
#sidebar ul li ul.sidelist li a:hover, #sidebar ul li.widget_views ul li a:hover {
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
}

#sidebar ul li .textwidget {
	padding: 2px 0 15px 0;
	margin: 0;
	width: auto;
	line-height: 14px;
}

#footer {
	clear: both;
	width: 950px;
	text-align: left;
}
#footbox {
	color: #ffffff;
	background: #000000;
	font-size: 10px;
	margin-left: 10px;
	padding: 0;
	text-align: left;
	width: 930px;
	height: 85px;
}
#footbox p {
	font-size: 10px;
	color: #ffffff;
	margin: 0;
	padding-top: 10px;
	padding-left: 15px;
	line-height: 14px;
	width: 915px;
}
#footbox a {
	color: #ffffff;
	text-decoration: none;
}
#footbox a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#flickr {
	padding: 0;
	margin-left: 10px;
	width: 930px;
	font: 10px Osaka, Verdana, sans-serif;
	border-top: 3px solid #000000;
	text-align: center;
}
#flickr .photos {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#flickr img {
	padding: 8px;
}
#flickr a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

#click {
	padding:5px 0;
	margin: 0;
}
#click .button {
	padding: 3px 8px;
	background:#333333;
	color:#ffffff;
	border:none;
}
#click .button:hover {
	background:#cc0000;
	color:#ffffff;
	text-decoration:none;
	cursor: pointer;
}

#commentform {
	clear: both;
	width: 710px;
	text-align: left;
	margin: 0;
	padding: 10px 0;
	letter-spacing: 1px;
}
#commentform p {
	margin: 2px 0;
	padding: 3px 0 3px 0;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
}
#commentform p.meta {
	margin: 2px 0 10px 0;
	padding: 2px 0 3px 0;
	line-height: 15px;
	font-size: 10px;
	color: #777777;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px dashed #eeeeee;
}
#commentform p.comtitle {
	margin: 2px 0;
	padding: 15px 0 3px 0;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
	border-top: 2px dotted #888888;
}
#commentform p.mess {
	margin: 15px 0 2px 0;
	padding-top: 40px;
	line-height: 12px;
	font-size: 10px;
	color: #333333;
	background: url(images/comment_bar.gif) 0 0 no-repeat;
}
ol#commentlist {
	margin: 20px 0;
	padding: 0 0 0 30px;
}
ol#commentlist li {
	margin: 5px 20px 20px 0;
	padding: 0;
}
ol#commentlist li p {
	margin: 0;
	padding: 2px 0;
	line-height: 14px;
	font-size: 12px;
	color: #333333;
}

blockquote {
	color: #888888;
	background-image: url(images/clip.gif);
	background-repeat: no-repeat;
	margin: 10px auto 5px auto;
	padding: 0 20px 5px 35px;
	width: 425px;
}
blockquote p {
	border-top: 1px dotted #888888;
	border-bottom: 1px dotted #888888;
}
input[type=submit].commentpost {
	width: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px ;
	border: 1px solid #555555;
	color: #ffffff;
	background-color: #bb0000;
	cursor: pointer;
}
input[type=submit].commentpost:hover {
	background-color: #333333;
}
dl {
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}
dt {
	margin-left: 5px;
}
dd {
	margin-bottom: 5px;
	margin-left: 10px;
}