@charset "UTF-8";

/* ダウンロードありがとうございます。
・プラグイン対応で、プラグイン1と2はそれぞれ左右サイドメニュー、プラグイン3はフリーで記事下部となります。
・記事（メイン幅）やメニュー幅を変更する場合は画像の修正及びスタイルシートの変更が必要になります。
・アダルトで稼ぐブログと・宗教・違法サイトは使用不可。
・カスタマイズOKですが、カスタマイズ後も再配布やフッターの著作権を削除・改変したりはしないでください。
・IE9 FireFox15 で表示・動作確認済。

何かありましたら下記へどうぞ。
http://trivialink.blog.fc2.com/
トリビア・リンク

2012年9月9日初登録
2012年9月9日最終更新 */

/* ***********************************************

  Style Name    : Reset Style Sheet

  Since         : 2012-09-01
  Last Modified : 2012-09-01

*********************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { list-style: none; }
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }



/* ***********************************************

  Style Name    : Common Style Sheet

  Since         : 2012-09-01
  Last Modified : 2012-09-09

  *2012-09-02 .waku サムネイル枠サイズ修正
  *2012-09-09 .thum img .kage .waku サムネイル表示不具合修正

*********************************************** */
/* --------------------------------------------
 *      clearfix
 * -------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* --------------------------------------------
 *      emoji
 * -------------------------------------------- */
img.emoji { vertical-align: middle; }


/* --------------------------------------------
 *      Thumbnail/Img
 * -------------------------------------------- */
.thum {
	float: left;
	margin: 5px 10px 10px 10px;
}
.thum img {
	display: block;
	-ms-interpolation-mode: bicubic;
}
.kage { background: url("https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png") right bottom; }
.waku {
	position: relative;
	max-height: 140px;
	max-width: 140px;
	overflow: hidden;
	left: -5px;
	top: -5px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #d1d1d1;
}


/* ***********************************************

  Style Name    : Layout Style Sheet

  Since         : 2012-09-01
  Last Modified : 2012-09-01

*********************************************** */
/* --------------------------------------------
 *      Base Style
 * -------------------------------------------- */
hr {
	clear: both;
	margin: 8px 0;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #909090;
	color: #f8f8f8;
}
a { color: #0080c0; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: #ff7700; text-decoration: underline; }
h1 {
	padding: 0 0 0 27px;
	font-size: 153.9%; /* 20px */
	line-height: 1.3; /* 26px */
}
h1 a { color: #36c; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { color: #36c; text-decoration: none; }
h2 {
	padding: 0 0 0 28px;
	color: #2c2d2d;
	line-height: 1.31; /* 17px */
}


/* --------------------------------------------
 * YUI 3.6.0 (build 5521)
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * Licensed under the BSD License.
 * http://yuilibrary.com/license/
 * -------------------------------------------- */
body {
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_bg.png) repeat-x top center #ffffff;
	color: #303030;
	font: 13px/1.231 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	text-align: left;
}
select, input, button, textarea ,button { font: 99% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; }
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}


/* --------------------------------------------
 *      Main Layout Style
 * -------------------------------------------- */
#wrapper { background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_sd_bg.png) repeat-y top center; }

#all {
	position: relative;
	width: 972px;
	min-height: 100%;
	margin: 0px auto;
	border-width: 0 1px;
	border-style: solid;
	border-color: #98a098;
	background: #ffffff;
}

/* Title */
#title {
	height: 185px;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #e0e0e0;
	/***** タイトル部 背景画像(差し替える場合はURL変更) *****/
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img_bg.png) no-repeat top left;
	font-family: Verdana,Chicago,Arial,Helvetica;
	font-weight: bold;
}
#title .title {
	padding: 20px 30px 0 0;
	text-align: right;
}
#title .intro {
	padding: 15px 30px 0 0;
	text-align: right;
	font-weight: normal;
}

/* Title Menu */
#title .menu {
	position: absolute;
	top: 136px;
	height: 49px;
	width: 970px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_menu.png) repeat-x top left;
}
#title .category { display: inline; }
#title .cat_menu_home {
	position: relative;
	float: left;
	height: 45px;
	width: 90px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat 30px -116px;
}
#title .cat_menu_home a {
	display: block;
	line-height: 45px;
}
#title .cat_menu_home a:hover { background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -89px -116px; }
#title .cat_menu_home p { visibility:hidden; }
#title .cat_menu {
	position: relative;
	float: left;
	height: 45px;
	width: 120px;
	font-size: 93%;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	letter-spacing: 2px;
}
#title .cat_menu a {
	display: block;
	color: #787a7b;
	text-decoration: none;
	line-height: 45px;
}
#title .cat_menu a:hover { color: #2c2d2d; }
#title .break-right {
	margin: 2px 0 0 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #a8b2b4;
}

/* Container */
#container {
	padding: 15px 7px 0 7px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #f1f1f1;
}

/* Entry */
#center {
	float: left;
	width: 477px;
	height: 100%;
	overflow: hidden;
}
#center h3 {
	width: 470px;
	height: 30px;
	padding: 0 0 0 15px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat 0 0;
	color: #3366cc;
	font-weight: bold;
	line-height: 30px;
}
#center .center_top { margin: 0 0 30px 0; }
#center .recent {
	clear: both;
	overflow: hidden;
	padding: 4px 8px;
}
#center .recent_title {
	float: left;
	font-size: 93%;
}
#center .recent_date {
	color: #666666;
	float: right;
	font-size: 93%;
}
#center-wrapper { padding: 5px 0 15px 7px; }

/* Copyright */
#footer {
	clear: both;
	width: 970px;
	height: 45px;
	padding: 8px 0 10px 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e0e0e0;
	background: #363636;
	color: #c7c7c7;
	font-size: 85%;
	letter-spacing: 0.03em;
	text-align: center;
}
#footer a { color: #c7c7c7; }
#footer a:hover { color: #ffffff; }


/* --------------------------------------------
 *      Topentry Layout Style
 * -------------------------------------------- */
/* Entry Header */
#index h4 {
	width: 411px;
	height: 39px;
	margin: 0 0 0 8px;
	padding: 0 0 0 5px;
	border-width: 0 0 1px 0 ;
	border-style: dotted;
	border-color: #909090;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat 385px -89px;
	font-weight: bold;
	line-height: 39px;
}
#not-index h4 {
	width: 411px;
	height: 39px;
	margin: 0 0 0 8px;
	padding: 0 0 0 5px;
	border-width: 0 0 1px 0 ;
	border-style: dotted;
	border-color: #909090;
	font-weight: bold;
	line-height: 39px;
}
#index h4 a { display: block; color: #303030; }
#index h4 a:hover { color: #ff7700; text-decoration: none; }
#index .entry-header, #not-index .entry-header { width: 470px; }
#index .entry-date, #not-index .entry-date {
	float: left;
	width: 35px;
	height: 63px;
	background: #293ea9;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	text-align: center;
}
#index .entry-month, #index .entry-year, #not-index .entry-month, #not-index .entry-year { line-height: 20px; }
#index .entry-day, #not-index .entry-day {
	font-size: 2em;
	font-weight: bold;
	line-height: 23px;
}
#index .entry-title, #not-index .entry-title {
	float: left;
	width: 434px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #d1d1d1;
}
#index .entry-category, #not-index .entry-category {
	float: left;
	width: 434px;
	height: 21px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #d1d1d1;
	font-size: 85%;
	text-indent: 8px;
	line-height: 21px;
}


/* --------------------------------------------
 *      Entry Body Layout Style
 * -------------------------------------------- */
/* Entry Body */
#center .entry-body {
	clear: both;
	overflow: hidden;
	padding: 20px 8px 8px 8px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #d1d1d1;
	font-size: 93%; /* 12px */
	line-height: 1.67; /* 20px */
}
#center .entry-body .entry-body-top { min-height: 156px; }
#center .more-link {
	width: 434px;
	height: 30px;
	margin: 15px 7px 7px 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #d1d1d1;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat 5px -93px #ffffff;
}
#center .more-link a {
	display: block;
	padding: 5px 0 0 25px;
}
#center .more-link a:hover {
	height: 25px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat 5px -93px #e0edff;
	text-decoration: none;
}
#center .entry-more{ padding: 15px 0 5px 0; }

/* Entry Footer */
#center .entry-footer {
	width: 452px;
	margin: 25px 0 0 0;
	border-width: 1px 0 0 0 ;
	border-style: dotted;
	border-color: #909090;
	font-size: 85%;
	line-height: 16px;
}
#center .entry-footer ul { display: inline-block; width: 452px;}
#center .entry-footer li { display: inline; }
#center .entry-footer .date { float: left }
#center .entry-footer .trackback { float: right; }
#center .entry-footer .comment {
	float: right;
	height: 13px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px 0;
}
#center .entry-footer .trackback {
	float: right;
	height: 13px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -13px;
}
#center .entry-footer .tag {
	float: right;
	height: 13px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -26px;
}
#center .entry-footer .trackback a { padding: 0 0 0 14px; }
#center .entry-footer .comment a, #center .entry-footer .tag a { padding: 0 5px 0 14px; }
#center .square-footer{
	height: 1px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d1d1d1;
}

/* Page Navigation */
#center .page-navi {
	height: 29px;
	margin: 18px 0;
	font-size: 93%;
	line-height: 29px;
}
#center .page-navi ul { position: relative; }
#center .page-navi li { width: 119px; }
#center .page-navi li a {
	display: block;
	font-weight: bold;
	color: #939393;
}
#center .page-navi li a:hover  { color: #363636; text-decoration: none; }
#center .page-navi .page-prev {
	width: 119px;
	height: 29px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat 0 -60px;
	text-indent: 50px;
}
#center .page-navi .page-home {
	position: absolute;
	top: 0px;
	left: 175px;
	width: 119px;
	height: 29px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -119px -60px;
	text-indent: 42px;
}
#center .page-navi .page-next {
	position: absolute;
	top: 0px;
	left: 351px;
	width: 119px;
	height: 29px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -238px -60px;
	text-indent: 12px;
}


/* --------------------------------------------
 *      Comment Layout Style
 * -------------------------------------------- */
/* Comment Header */
#comment { margin: 15px 0 0 0; }
#comment .commentcont h4 {
	height: 32px;
	margin: 0 15px 2px 8px;
	padding: 0 0 0 25px;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #909090;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) -475px -91px no-repeat;
	font-weight: bold;
	line-height: 32px;
}
#comment .comment-header {
	position: relative;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #d1d1d1;
}
#comment .comment-title { width: 433px; padding: 5px 0 0 0; }
#comment .comment-date {
	position: absolute;
	top: 0px;
	left: 433px;
	width: 35px;
	height: 63px;
	background: #293ea9;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	text-align: center;
}
#comment .comment-month, #comment .comment-year { line-height: 20px; }
#comment .comment-day {
	font-size: 2em;
	font-weight: bold;
	line-height: 25px;
}

/* Comment Form */
#comment .comment-info {
	height: 22px;
	font-size: 85%;
	text-indent: 8px;
	line-height: 22px;
}
#comment .comment-info ul { display: inline-block; width: 418px; }
#comment .comment-info li { display: inline; }
#comment .comment-info .date { float: left }
#comment .comment-info .name {
	float: right;
	height: 16px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -39px;
}
#comment .comment-info .url {
	float: right;
	height: 16px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -55px;
}
#comment .comment-info .edit {
	float: right;
	height: 16px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -71px;
}
#comment .comment-info .url span, #comment .comment-info .name span, #comment .comment-info .edit span { margin: 0 5px 0 0; padding: 0 0 0 5px; }
#comment .comment-body {
	padding: 8px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #d1d1d1;
}
#comment-form { margin: 15px 0 0 0 }
#comment-form .comment-area {
	padding: 18px 0 20px 50px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #d1d1d1;
}
#comment_post .comment-edit-area {
	padding: 18px 0 20px 50px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d1d1d1;
}
#comment-form .comment-area label, #comment_post .comment-edit-area label {
	display: block;
	height: 16px;
	margin: 5px 0 0;
	padding-left: 17px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -480px -122px;
	font-size: 93%;
	font-weight: bold;
	line-height: 16px;
}

/* Trackback URI */
#trackback {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #d1d1d1;
	line-height: 1.4;
}
#trackback h4 {
	height: 12px;
	padding: 12px 65px 0 67px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #d1d1d1;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -430px -112px;
	font-weight: bold;
	line-height: 12px;
}
#trackback .trackbackbody {
	padding: 0 0 20px 0;
	border-width: 0 1px;
	border-style: solid;
	border-color: #d1d1d1;
}
#trackback .trackbackbody a { margin: 0 0 0 50px; }
#trackback .traba-form {
	width: 380px;
	margin: 3px 0 3px 50px;
	padding: 2px 0;
}

/* All Archives */
#entry_all {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d1d1d1;
	line-height: 1.4;
}
#entry_all .entry_all_body {
	margin: 0 12px;
	padding: 5px 0;
}
#entry_all .entry_all_date {
	color: #666666;
	float: right;
	font-size: 93%;
}
#entry_all .entry_all_bottom {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #d1d1d1;
	text-align:right;
}


/* --------------------------------------------
 *      Base Plug-in Layout Style
 * -------------------------------------------- */
/* Menu - [Plug-in-1] */
#left {
	float: left;
	width: 180px;
	overflow: hidden;
}
#left .left-wrapper {
	width: 180px;
	margin: 5px 0 0 0;
	background: #ffffff;
	overflow: hidden;
}
#left .left-menu {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e0e0e0;
	overflow: hidden;
}
#left h3 {
	width: 180px;
	height: 30px;
	padding: 0 0 0 10px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat 0 -30px;
	color: #293ea9;
	text-transform: uppercase;
	font-size: 93%;
	font-weight: bold;
	line-height: 34px;
	overflow: hidden;
}

/* Topic - [Plug-in-2] */
#right {
	float: right;
	width: 290px;
	overflow: hidden;
	background: #ffffff;
}
#right .right-wrapper {
	width: 290px;
	margin: 5px 0 0 0;
	background: #ffffff;
	overflow: hidden;
}
#right .right-menu {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e0e0e0;
	overflow: hidden;
}
#right h3 {
	width: 290px;
	height: 30px;
	padding: 0 0 0 10px;
	background: url(https://blog-imgs-53.fc2.com/t/r/i/trivialink/trivia_img.png) no-repeat -180px -30px;
	color: #ed5c49;
	text-transform: uppercase;
	font-size: 93%;
	font-weight: bold;
	line-height: 34px;
	overflow: hidden;
}

/* Free - [Plug-in-3] */
#buttom {
	clear:both;
	width: 100%;
	overflow: hidden;
	margin: 15px auto 5px auto;
}


/* ***********************************************

  Style Name    : Print Layout Style Sheet

  Since         : 2012-09-01
  Last Modified : 2012-09-01

*********************************************** */
@media print {
	body, #all { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#header, #footer { display: none !important; }
	body, #all { padding-left: 0 !important; background-image: none !important; }
}