/* @override http://masumoto.site/style/screen.css */

/*
tags
*/
* {
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	line-height:1.6em;
}
body {
	margin:0;
	padding:0;
	background-color:#535353;
	color:#333;
	min-width:920px;
}
form {
	margin: 0;
	padding: 0;
	display: inline;
}
input {
	vertical-align: middle;
}

/*div {
	border:1px solid #FF0000;
}*/

/*
common
*/
.imgrpl {
	float:left; margin: 0; padding: 0; overflow: hidden;
	line-height: 0; text-indent:-9999px; background-repeat:no-repeat;
	list-style: none; border: none; position:absolute;
}
.imgrpl a {
	display: block; margin: 0; padding: 0; width:100%; height:100%; text-indent:-9999px;
}
.lnk { cursor:pointer; }


/*
image replacement
*/
#header_btn_home { left:340px; top:41px; width:56px; height:40px; background-image:url(images/header_btn_home.png); }
#header_btn_idealist { left:396px; top:41px; width:122px; height:40px; background-image:url(images/header_btn_idealist.png); }
#header_btn_commentlist { left:518px; top:41px; width:122px; height:40px; background-image:url(images/header_btn_commentlist.png); }
#header_btn_supporters { left:518px; top:41px; width:122px; height:40px; background-image:url(images/header_btn_supporters.png); }
#header_btn_about { left:680px; top:17px; width:200px; height:64px; background-image:url(images/header_btn_about.png); }

/*
header navigation
*/
#header {
	width:100%; margin:0; padding:0;
	text-align: center;
	background:#FFF url(images/header_bg.png) repeat-x top;
}
#header div.center {
	width:900px; height:81px; margin:0 auto; padding:0;
	text-align: left;
	background: url(images/header_center_bg.png) no-repeat;
	border-bottom:1px solid #CCC;
	position:relative;
}
#header div.toplink {
	float:right; display: inline;
	margin:0 0 0 20px; padding:0; height:52px; line-height:52px; vertical-align: middle;
	font-size:13px; color: #CCC;
}
#header div.toplink a {
	line-height:32px;
	font-size:12px; color:#FFF; margin-left:30px;
	text-decoration: none;
}
#header div.toplink a:hover {
	text-decoration:underline;
}
#header ul {
	margin:0;
}

/*
body
*/
#body {
	margin:0; padding:30px 0;
	text-align: center;
	background: #FFF;
}
#body div.center {
	width:900px; margin:0 auto; padding:0;
	text-align: left;
	background: none;
	position:relative;
}

div.content {
	margin:0 250px 0 22px; padding-bottom:30px;
}


/* sub content */
div.column {
	float: right;
	margin:0; padding: 0; width:220px;
	line-height:1.5em;
	color:#333;
}
div.column form {
	margin:0; padding:0;
}
div.column form input#keyword {
	width:113px; height:23px; line-height:23px;
	margin:0; padding:10px 7px 10px 15px;
	border:none; outline:0 none;
	background:url(images/search_box.png) no-repeat;
}
div.column form input#search_btn {
	width:65px; height:43px;
	margin:0; padding:0;
	border:none; outline:0 none;
	text-indent:-999px;
	background:url(images/search_btn.png) no-repeat;
	cursor:pointer;
}
div.column ul {
	margin:0; padding:30px 0;
}
div.column ul li {
	list-style-type:none; list-style-image:none; list-style-position:outside;
	font-size:14px; vertical-align:middle;
	margin:10px 0; padding:0 0 0 20px; font-weight:bold;
	border:none; line-height:1em;
	background:url(images/column_ul_li.png) no-repeat left;
}
div.column ul li a {
	font-size:14px;
	color:#333;
}

div.twtr-hd h3 {
	border:none;
}
div.twtr-tweet-text p,
div.twtr-tweet-text p a {
	font-size:12px;
	line-height:1em;
}

div.imagelinks {
	position:relative;
}

div.topic {
	border:1px dotted #CCC;
	margin:0 0 10px; padding:10px 15px 6px 68px;
	min-height:80px;
	position:relative;
}
div.topic div.rank {
	position:absolute;
	right:0; bottom:5px; width:36px; height:12px; margin:0; padding:4px 18px 4px 6px;
	color:#FFF; font-size:12px; font-weight:bold; text-align:right; line-height:12px; letter-spacing:-1px;
	background:url(images/rank_bg.png) no-repeat;
}
div.topic div {
	float:left; display:inline; width:64px; margin-left:-68px; padding:0;
	text-align:center; font-size:10px; line-height:1em;
}
div.topic div div {
	width:48px; height:48px; float:none; display:block; margin:0 8px;
	background:url("images/icon_star.png") no-repeat;
	line-height:50px;
	text-align:center; color:#666; font-size:14px;
}
div.topic div span { font-size:10px; }
div.topic div span.positive { color:#666; }
div.topic div span.negative { color:#666; }
div.topic h2 {
	border:none; background:none;
	margin:0 0 5px; padding:0;
	clear:none;
}
div.topic p {
	margin:0 0 5px; padding:0;
}
div.topic p span {
	color:#999; margin-left:5px;
}
div.topic p.property {
	margin:0; padding:0;
	line-height:1em;
	color:#999;
	font-size:12px;
}
div.topic p.property a.twitter {
	background:url("images/twitter.gif") no-repeat;
	padding-left:14px;
	font-size:12px;
}
div.topic p.property a.hatena {
	background:url("images/hatena.gif") no-repeat;
	padding-left:18px;
	font-size:12px;
}
div.topic p.property a.delicious {
	background:url("images/delicious.gif") no-repeat;
	padding-left:16px;
	font-size:12px;
}
div.topic p.property span.user {
	font-size:12px;
}
div.topic p.property span.user a {
	font-size:12px;
}
div.topic p.property span.comment {
	background:url("images/icon_comment.png") no-repeat;
	padding-left:18px;
	font-size:12px;
}

div.comment {
	margin:0 0 10px; padding:10px 15px 10px 94px;
	background:#F0F0F0 url("images/fukidashi.png") no-repeat;
	min-height:54px;
}
div.comment div.person {
	float:left; display:inline; width:64px; height:64px; margin:-10px 0 0 -94px; padding:0;
	text-align:center; font-size:10px; line-height:1em;
	background:url("images/icon_person.png") no-repeat;
	text-indent:-9999px;
}
div.comment div.person a {
	display:block; width:100%; height:100%;
}
div.comment p {
	margin:0 0 5px; padding:0;
}
div.comment p span {
	color:#999; margin-left:5px;
}
div.comment p.property {
	margin:0; padding:0;
	line-height:1em;
	color:#999;
	font-size:12px;
}
div.comment p.property a { font-size:12px; }

div.bookmark {
	margin:17px 5px 18px;
	line-height: 1.2em;
	font-size:90%;
	padding:0 2px;
}
div.bookmark h3 {
	background:none;
	margin:0 0 3px;padding:0;
}
div.bookmark h3 a { text-decoration:underline; }
div.bookmark h3 a:link,
div.bookmark h3 a:active,
div.bookmark h3 a:hover { color:#0000FF; }
div.bookmark h3 a:visited { color:#990099; }
div.bookmark p { margin:0; line-height: 1.2em; }
div.bookmark p.url { margin-left:2px; color:#009900; font-size:12px; }


/*
footer
*/
#footer {
	margin:0; padding:22px 0; clear:both;
	font-size:12px; line-height:1.4em; text-align: center; color:#FFF;
	text-align: center; min-height:200px;
	background:url(images/footer_bg.png) repeat-x;
}
#footer div.center {
	width:900px;
	margin:0 auto; padding:0;
	text-align: left;
}
#footer p.logo {
	font-size:12px;
	width:300px;
	margin:0; padding:0 5px;
}
#footer p.copyright {
	float:right; display:inline;
	margin:0; padding:0 5px;
	color:#FFF; text-align:right;
	font-size:12px;
}
#footer p.copyright a {
	font-size:12px;
	color:#FFF;
}


.float_right {
	float: right;
	text-align: right;
}
.clear {
	clear:both;
}

/*
span classes
*/
span.url { color:#009900; }
span.small { font-size: 80%; }
span.red { color: #ff0000; }
span.blue { color: #0000ff; }
span.gray { color: #808080; }


/*
display:none
*/
#footer_for_print { display:none; }