@charset "utf-8";
/* CSS Information ==============================
(C)2010 COLOPL, Inc. All Rights Reserved.
-------------------------------------------------
Table of Contents:
 +Reset
============================================== */

/*========================================
 +Reset
========================================*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul,ol{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}img{ vertical-align: top; }

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4

10px = 77%		11px = 85%		12px = 93%		13px = 100%
14px = 108%		15px = 116%		16px = 123.1%	17px = 131%
18px = 138.5%	19px = 146.5%	20px = 153.9%	21px = 161.6%
22px = 167%		23px = 174%		24px = 182%		25px = 189%
26px = 197%
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}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%;}

/*====================
 +base element
====================*/
body {
	font-family:
 Meiryo, "メイリオ",  "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",  Osaka,  "MS P Gothic", "ＭＳ Ｐゴシック",  sans-serif;
	font-size: 87.5%;
	line-height: 1.5;
}
a {
	color: #039;
	text-decoration: underline;
}
a:visited:after {
	color: #333;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-box-shadow: 0 0 .5em #930;
	-moz-box-shadow: 0 0 .5em #930;
	box-shadow: 0 0 .5em #930;
	color: #930;
	text-decoration: none;
}
h1,
h2,
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 { font-size: 300%; }
h2 { font-size: 200%; }
h3 { font-size: 150%; }

/*====================
 +header
====================*/
#header {
	padding: 2em;
}
#header h1 {
	float: left;
	line-height: 1;
	text-transform: capitalize;
}
#header a {
	color: #000;
	text-decoration: none;
}
#search {
	float: right;
	padding: 1em 0 0;
}
#search p {
	display: inline;
}
#topic-path {
	margin: 0 2em;
}
#topic-path dt,
#topic-path dd,
#topic-path ol,
#topic-path li {
	display: inline;
}
#topic-path dt {
	font-weight: bold;
}
#topic-path dt:after {
	margin: 0 0 0 4px;
	content: ":";
}
#topic-path a:after {
	content: "→";
}

/*====================
 +container
====================*/
#container {
	margin: 2em;
}
/*====================
 +primary
====================*/
#primary-contents {
	float: left;
	width: 78%;
}
.entry {
	padding: 1em;
}
.entry-info,
.interactive-content,
.page-move {
	margin: 1em;
}
.entry-info li {
	display: inline;
}
.entry-info li a img,
.entry-info li a:hover img,
.entry-info li a:active img,
.entry-info li a:focus img {
	border: 0 none;
}
#comments,
#trackback {
	margin: 1em;
}
#comments dt,
#trackback dt {
	font-weight: bold;
}
#comments dd,
#trackback dd {
	margin: .25em 0 .25em 1em;
}
#comments fieldset {
	margin: 1em;
}
.sentence p,
.sentence ul,
.sentence ol,
.sentence dl {
	margin-bottom: 1em;
}
.sentence ul {
	list-style: outside circle;
	margin-left: 2em;
}
.sentence dt {
	font-weight: bold;
}
.sentence dd {
	margin: .25em 0 .25em 1em;
}
.sentence blockquote {
	margin: 0 2em 1em;
	padding: 1em 1em 0;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
}
.sentence blockquote[cite]:after {
	display: block;
	margin: 0 -1em;
	padding: .5em 1em;
	border-top: 1px dotted #c0c0c0;
	background: #616161;
	color: #fff;
	content: attr(cite)" から引用";
}
.sentence ins[datetime]:after {
	content: attr(datetime)" に追加";
}
/*====================
 +secondary
====================*/
#secondary-contents {
	float: right;
	width: 20%;
}
#secondary-contents .section-lv2 {
	margin: 0 0 1em;
}
#category ul,
#recent-entries ul,
#feeds ul,
#others ul,
#books dd ul {
	list-style: outside circle;
	margin-left: 2em;
}
#category li,
#recent-entries li {
	margin: 0 0 .2em;
}
#categories li,
#categories li a,
#archives li,
#archives li a {
	display: inline-block;
	margin: 0 .25em .25em 0;
	*display: inline;
	*zoom: 1;
}
#books dt {
	font-weight: bold;
}
#books dd {
	margin: .25em 0 .25em 1em;
}
#books span {
	display: inline-block;
	margin: 6px 0;
	padding: 6px;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
}
.pagetopA01 a {
	display: block;
	padding: 1em 2em;
	background: #616161;
	line-height: 1.3;
	text-align: center;
}
.pagetopA01 a,
.pagetopA01 a:visited,
.pagetopA01 a:hover,
.pagetopA01 a:focus,
.pagetopA01 a:active {
	color: #fff;
}
.pagetopA01 a:hover,
.pagetopA01 a:focus,
.pagetopA01 a:active {
	background: #202020;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#footer {
	padding: 1em 2em;
	background: #000;
	color: #fff;
	line-height: 1.2;
}
#footer a {
	color: #fff;
}
#footer li {
	float: left;
}
.copyright {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	text-transform: capitalize;
}

/*====================
 +module
====================*/
.figure {
	padding: .5em;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
}
.figure span {
	display: inline-block;
	padding: .5em 0 0;
 *display: inline;
 *zoom: 1;
}
.number-qa100 {
	margin: 0 4px 0 0;
	font-size: 120%;
}
.number-qa100:after {
	margin: 0 0 0 4px;
	content: ":";
}
.visual01,
.visual02 {
	padding: .25em;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
}
.visual01 {
	float: right;
	margin: 0 0 .5em 1em;
}
.visual02 {
	float: left;
	margin: 0 .5em 1em 0;
}
.entry a img {
	border: 2px solid #c0c0c0;
}
.entry a:hover img,
.entry a:active img,
.entry a:focus img {
	border: 2px solid #606060;
}
ul.photo-listA01 {
	list-style: none;
	margin-left: 0;
}
ul.photo-listA01 li {
	float: left;
	padding: .25em;
	border: 1px dotted #c0c0c0;
	background: #f0f0f0;
}
.table th, .table td {
	border: 1px solid #c0c0c0;
	padding: .5em;
}
.table th {
	background: #f0f0f0;
}
.table pre {
	margin: 0;
}
.note1 {
	color: #b30;
}

/*====================
 +clearfix
====================*/
#header,
#container,
.photo-listA01,
.sentence {
	overflow: hidden;
	*zoom: 1;
}

/*====================
 +a11y
====================*/
.a11y,
#search h2,
#search legend {
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0; /* for firefox issue */
}